@charset "UTF-8";


@font-face {
    font-family: 'Druk Heavy';
    src: url('Druk-Heavy.eot');
    src: url('Druk-Heavy.eot?#iefix') format('embedded-opentype'),
         url('Druk-Heavy.woff2') format('woff2'),
         url('Druk-Heavy.woff') format('woff'),
         url('Druk-Heavy.ttf')  format('truetype'),
         url('Druk-Heavy.svg#Druk Heavy') format('svg');
}
@font-face {
    font-family: 'Druk Text Wide';
    src: url('DrukTextWide.eot');
    src: url('DrukTextWide.eot?#iefix') format('embedded-opentype'),
         url('DrukTextWide.woff2') format('woff2'),
         url('DrukTextWide.woff') format('woff'),
         url('DrukTextWide.ttf')  format('truetype'),
         url('DrukTextWide.svg#Druk Text Wide') format('svg');
}
@font-face {
    font-family: 'Futura Condensed PT';
    src: url('Futura-PT-Cond-Medium.eot');
    src: url('Futura-PT-Cond-Medium.eot?#iefix') format('embedded-opentype'),
         url('Futura-PT-Cond-Medium.woff2') format('woff2'),
         url('Futura-PT-Cond-Medium.woff') format('woff'),
         url('Futura-PT-Cond-Medium.ttf')  format('truetype'),
         url('Futura-PT-Cond-Medium.svg#Futura Condensed PT') format('svg');
}

html, body{width:100%; height:100%; touch-action:pan-y;}


:root{--main-color:#f4ec56;}
:root{--secundary-color:#d1a050;}

.w-40{width:40%;}

body{font-family: 'Futura Condensed PT'; font-weight:500; color:#FFF;}

h2, h5{font-family: 'Druk Heavy'; font-weight:normal; letter-spacing:2px;}
h2{font-size:2.5rem}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

.bg-main{background-color:var(--main-color);}
.bg-secundary{background-color:#dd1f2a}
.bg-green{background-color:#0fae7e!important}
.bg-blue{background-color:#00b2d2!important}

.bg-gradient{background: linear-gradient(
    180deg,
    #00b2d2 0%,
    #dd1f2a 25%,
    #f7851d 50%,
    #f2ea37 100%
);
}


.text-main{color:var(--main-color);}
.text-secundary{color:var(--secundary-color);}
.text-green{color:#0fae7e;}

.fw-bold{font-weight:800;}

.fs-0{font-size:0; line-height:0;}


.header img{height:18px;}
.header ul{font-size:0;}
.header ul li{margin-right:20px; display:inline-block; font-size:25px; line-height:1;}
.header ul li:last-child{margin-right:0;}
.header ul li a{color:#FFF;}
.header ul li img{margin-top:0px; height:18px;}


.footer ul{font-size:0;}
.footer ul li{padding:0 10px 20px 10px; width:calc(100% / 6); display:inline-block;}
.footer ul li img{width:100%;}

.pattern{height:99px; background-image:url(../img/bgPattern.svg);}
.footer .pattern{height:33px; background-image:url(../img/bgPattern.svg);}

.eventInfo{font-family: 'Druk Text Wide'; font-weight:normal; font-size:.85rem; line-height:1.35rem;}
.eventInfo p{margin-bottom:0;}

.lineup{font-size:1.5rem; line-height:1; letter-spacing:1.5px;}
.lineup a{color:#000; text-decoration:none;}
.lineup .d-table .d-table-row:last-child{height:0%;}
.lineup .d-table .d-table-row:nth-child(2){height:0%;}
.lineup .d-table .d-table-row:last-child .d-table-cell{background-color:#00b2d2;}
.lineUpDetails{font-family: 'Druk Heavy'; font-weight:normal;}
.lineUpName{line-height:1.8rem;}
.patternLineup{height:40px;
background: linear-gradient(
    to right,
    #00b2d2 0%,
    #dd1f2a 25%,
    #f7851d 50%,
    #f2ea37 75%,
    #f2ea37 100%
);
}


.content{font-size:1.4rem; line-height:2rem; font-weight:400;}
.content h1, .content h2{text-transform:uppercase; color:var(--secundary-color);}
.content a{color:#FFF; text-decoration:none;}

/*accordion*/
.accordion-header{font-family: 'Druk Heavy'; font-weight:normal; font-size:2.5rem;}

/*als oude lineup met collapsing
.accordion-header div .d-inline-block{padding-right:61px; min-width:100%; background-image:url(../img/icons/circleMinus.svg);  background-size:44px 44px; background-position:right center; background-repeat:no-repeat;}
.accordion-header div.collapsed .d-inline-block{background-image:url(../img/icons/circlePlus.svg);}*/
.accordion-header div span{border-bottom:solid 2px #FFF;}
.accordion-button:focus{box-shadow:none;}
.accordion-body{padding:0;}


/*modals*/
.modal{font-size:1.4rem; line-height:2rem; font-weight:400; text-transform:none;}
.modal h5{font-size:40px; line-height:1;}
.modal .icoClose{height:40px;}
.modal ul{font-size:0;}
.modal ul li{margin-right:30px; display:inline-block;}
.modal ul li:last-child{margin-right:0;}
.modal ul li img{height:40px; filter: brightness(0) invert(1);}
.modal ul li:hover img{filter: brightness(1) invert(0);}

.modalImg{border-radius:20px;}

@media(min-width:768px){
.header img{height:40px;}
.header ul li{margin-right:30px; font-size:40px;}
.header ul li img{margin-top:0; height:40px;}

.footer ul li{padding:0 10px; width:calc(100% / 12);}


.eventInfo{font-size:2rem; line-height:2.25rem;}

/*accordion*/
.accordion-header{font-size:4rem; font-weight:800;}
/*.accordion-header div .d-inline-block{padding-right:61px; min-width:466px;}*/
}

@media (min-width: 768px) and (max-width: 992px){
.header img{height:30px;}
.header ul li{margin-right:30px; font-size:30px;}
.header ul li img{margin-top:0; height:30px;}

.eventInfo{font-size:1.5rem; line-height:2.25rem;}
}

@media(min-width:992px){

}

@media(min-width:1200px){
.footer ul li{padding:0 20px; width:calc(100% / 12);}
}