@font-face {
    font-family : Alte-DIN-1451-Mittelschrift;
    src         : url(../fonts/Alte-DIN-1451-Mittelschrift.eot);
    src         : url(../fonts/Alte-DIN-1451-Mittelschrift.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Alte-DIN-1451-Mittelschrift.woff2) format("woff2"),
    url(../fonts/Alte-DIN-1451-Mittelschrift.woff) format("woff"),
    url(../fonts/Alte-DIN-1451-Mittelschrift.ttf) format("truetype")
}

.detail-bg {
    display : none;
}

.kf-clean-div {
    background-color : transparent !important;
    padding          : 0 !important;
    margin           : 0 0 50px !important;
    display          : flex;
    flex-flow        : column nowrap;
    justify-content  : center;
    position         : relative;
}

.kf-clean-div.kf-clean-div-mobile {
    display : none;
}

@media only screen and (max-width : 59.95em) {

    .kf-clean-div.kf-clean-div-mobile {
        display : flex;
    }
}

.kf-share,
.kf-contact > div > div.kf-share {
    display : none;
}

.kf-share .social-sharing {
    display         : flex;
    flex-flow       : row nowrap;
    margin          : 5px 0 0;
}

.kf-share .social-sharing a {
    margin : 0;
    margin-right: 10px;
}

.kf-padding-menu {
    padding : 90px 0 0;
}

.kf-sticky-background {
    background-repeat     : no-repeat;
    background-attachment : fixed;
    background-size       : cover;
    display               : flex;
    flex-flow             : column nowrap;
    width                 : 100%;
}

.kf-hero-image {
    display : none;
}

.kf-btn-skimmed {
    font-size : 12px;
    color     : black;
}

.kf-no-padding-top {
    padding-top : 0;
}

.kf-top-buttons {
    display        : flex !important;
    flex-flow      : row nowrap;
    margin-bottom  : 20px;
    width          : 100%;
    padding-bottom : 25px;
    padding-top    : 25px;
}

.kf-top-buttons a {
    color     : #FFFFFF;
    font-size : 20px;
}

.kf-top-buttons a:last-child {
    display : none;
}

.kf-top-buttons > a {
    display : flex;
}

body a.buy-btn.kf-icon-button {
    display         : flex;
    flex-flow       : row nowrap;
    align-items     : center;
    justify-content : center;
    padding         : 25px 10px;
}

body a.buy-btn.kf-icon-button img {
    display : block;
    margin  : 0 15px 0 0;
}

body a.buy-btn.kf-icon-button span {
    color          : #FFFFFF;
    display        : block;
    line-height    : 1;
    padding        : 5px 0 0;
    text-transform : uppercase;
}

body a.buy-btn-on-yellow {
    margin-top : 10px;
}

body a.buy-btn-on-yellow:hover {
    background-color : #000000 !important;
    color            : #FFFFFF !important;
}


/*
|--------------------------------------------------------------------------
| Sections
|--------------------------------------------------------------------------
*/

@media only screen and (min-width : 60em) {
    .kf-section .mlarge-8 {
        width : 66.66667%
    }

    .kf-section .mlarge-4 {
        width : 33.33333%
    }
}

@media only screen and (min-width : 80em) {

    .kf-section .xlarge-9 {
        width : 75%;
    }

    .kf-section .xlarge-3 {
        width : 25%;
    }
}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.kf-title {
    margin-bottom : 0;
}

.kf-title h1 {
    font-size : 80px;
}

.kf-title h2 {
    color      : #FFFFFF;
    font-size  : 50px;
    margin     : 0;
    padding    : 10px 0 35px;
    text-align : center;
    width      : 100%;
}

.kf-title .kf-subtitle {
    color       : #FFFFFF;
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 30px;
    padding     : 0 0 10px;
}


/*
|--------------------------------------------------------------------------
| Blocks
|--------------------------------------------------------------------------
*/

.kf-block {
    background-color : rgba(0, 0, 0, .7);
    margin           : 0 0 25px;
    padding          : 30px 30px 15px;
}

.kf-title h1,
.kf-content > * {
    color : #FFFFFF;
}

.kf-content h2 {
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 25px;
    margin      : 0;
    padding     : 15px 0 0;
}

.kf-content h3 {
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 22px;
    margin      : 0;
    padding     : 15px 0 0;
}

.kf-content h4 {
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 19px;
    margin      : 0;
    padding     : 15px 0 0;
}

.kf-content p {
    font-size   : 18px;
    font-weight : 300;
    line-height : 1.8;
}

.kf-spotify-med,
.kf-informatie {
    display : none;
}

/*
|--------------------------------------------------------------------------
| Contact
|--------------------------------------------------------------------------
*/

.kf-contact {
    display     : flex;
    flex-flow   : column nowrap;
    font-family : Alte-DIN-1451-Mittelschrift;
    margin      : 0 0 50px;
}

.kf-contact h2 {
    background-color : #000000;
    color            : #FFFFFF;
    margin           : 0;
    padding          : 25px 30px;
    text-align       : center;
}

.kf-contact > div {
    background-color : #FFE600;
    display          : flex;
    flex-flow        : column nowrap;
    padding          : 25px 30px;
}

.kf-contact > div > div {
    color     : #000000;
    display   : flex;
    flex-flow : row nowrap;
}

.kf-contact-left {
    margin         : 0 0 20px;
    text-transform : uppercase;
    width          : 53%;
    font-size      : 16px;
}

.kf-contact-right {
    font-size : 16px;
}

.kf-tags {
    display   : flex;
    flex-flow : column nowrap;
    width     : 50%;
}

.kf-tag {
    display          : flex;
    justify-content  : center;
    align-items      : center;

    background-color : #000000;
    color            : #FFFFFF;
    font-size        : 16px;
    margin           : 0 0 5px;
    padding          : 1px 5px;
    text-transform   : uppercase;
    width            : 100%;
}

.kf-contact .kf-social {
    background-color : #000000;
    padding          : 10px 25px 25px;
}

.kf-contact .kf-social > div {
    border-bottom : 2px solid #FFFFFF;
    display       : flex;
    flex-flow     : row nowrap;
    align-items   : center;
}

.kf-contact .kf-social > div:last-child {
    border-bottom-width : 0;
}

.kf-contact .kf-social img {
    display : block;
    margin  : 0 15px 0 0;
    height  : 25px;
    width   : 25px;
}

.kf-contact .kf-social a {
    color          : #FFFFFF;
    font-family    : SteelfishRg-Bold;
    font-size      : 21px;
    padding        : 15px 0;
    flex-basis     : 100%;
    text-align     : center;
    text-transform : uppercase;
}

.kf-contact > div.kf-spotify {
    background-color : transparent;
    padding          : 0;
    margin           : 30px 0 0;
}


/*
|--------------------------------------------------------------------------
| Line-Up
|--------------------------------------------------------------------------
*/

.kf-lineup {
    display     : flex;
    flex-flow   : column nowrap;
    align-items : center;
    color       : #FFFFFF;
}

.kf-lineup > div {
    display         : flex;
    flex-flow       : row nowrap;
    width           : 100%;
    justify-content : flex-start;
    align-content   : center;
    margin          : 0 0 10px;
}

.kf-lineup > div.odd .kf-collapse,
.kf-lineup > div.odd .title {
    cursor           : pointer;
    background-color : #FFE600;
}

.kf-lineup > div.even .kf-collapse,
.kf-lineup > div.even .title {
    cursor           : pointer;
    background-color : #008584;
}

.kf-lineup > div > div {
    flex-basis : 100%;
}

.kf-lineup .kf-collapse {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-basis      : auto;
    margin          : 0 10px 0 0;
    height          : 60px;
    width           : 60px;
}

.kf-lineup .kf-collapse img {
    height : 22px;
    width  : 22px;
}

.kf-lineup .kf-collapse img.flip {
    -webkit-transform : scaleY(-1);
    transform         : scaleY(-1);
}

.kf-lineup .title {
    display     : flex;
    width       : 100%;
    align-items : center;
    height      : 60px;
    padding     : 0 25px;
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 22px;
}

.kf-lineup .odd .title {
    color : #000000;
}

.kf-lineup .content {
    display   : flex;
    display   : none;
    flex-flow : row nowrap;
    overflow  : hidden;
    padding   : 10px 0;
}

.kf-lineup .content img {
    object-fit : cover;
    height     : 200px;
    width      : 200px;
}

.kf-lineup .content > div {
    display         : flex;
    flex-flow       : column nowrap;
    justify-content : space-between;
    padding         : 20px 0 0 30px;
}

.kf-lineup .content .social {
    display   : flex;
    flex-flow : row nowrap;
}

.kf-lineup .content .social img {
    width      : 40px;
    height     : 40px;
    object-fit : contain;
    border     : 1px solid white;
    padding    : 7px;
    margin     : 20px 10px 0 0;
}


/*
|--------------------------------------------------------------------------
| Related news
|--------------------------------------------------------------------------
*/

.detail-slider .item {
    color           : #000000;
    display         : flex;
    flex-flow       : column nowrap;
    justify-content : space-between;
}

.detail-slider .item .kf-item-date,
.detail-slider .item .kf-item-titles {
    background     : #FFE600;
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    position       : relative;
    text-transform : uppercase;
    transition     : all .25s ease-in-out;
    width          : 100%;
    z-index        : 2;
}

.detail-slider .item .kf-item-date {
    font-family : SteelfishRg-Bold;
    font-size   : 18px;
    height      : auto;
    padding     : 5px 6px 2px;
    width       : auto;
    line-height : 1;
    position    : absolute;
    top         : 20px;
    left        : 20px;
}

.detail-slider .item .kf-item-titles {
    font-family : Alte-DIN-1451-Mittelschrift;
    font-size   : 14px;
    height      : 60px;
    padding     : 0 15px;
    position    : absolute;
    bottom      : 0;
}

.detail-slider .kf-detail-slider-item img {
    filter         : gray;
    -webkit-filter : grayscale(1);
    filter         : grayscale(1);
}

.detail-slider .kf-detail-slider-item:hover img {
    -webkit-filter : grayscale(0);
    filter         : none;
}

/*
|--------------------------------------------------------------------------
| Prev en next post
|--------------------------------------------------------------------------
*/

.kf-prev-post,
.kf-next-post {
    background-color : #FFE600;
    display          : none;
    position         : fixed;
    top              : calc(50% - 65px);
    width            : 200px;
    height           : 130px;
    z-index          : 9999;
}

.kf-prev-post img,
.kf-next-post img {
    display        : block;
    object-fit     : cover;
    width          : 100%;
    height         : 95px;

    filter         : gray;
    -webkit-filter : grayscale(1);
    filter         : grayscale(1);
}

.kf-prev-post:hover img,
.kf-next-post:hover img {
    -webkit-filter : grayscale(0);
    filter         : none;
}

.kf-prev-post div,
.kf-next-post div {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 35px;
    color           : #000000;
    font-size       : 14px;
    font-family     : Alte-DIN-1451-Mittelschrift;
    text-transform  : uppercase;
}

.kf-prev-post {
    left : 0;
}

.kf-next-post {
    right : 0;
}

@media only screen and (min-width : 110em) {
    .kf-prev-post,
    .kf-next-post {
        display : block;
    }
}


/*
|--------------------------------------------------------------------------
| < 960px
|--------------------------------------------------------------------------
*/

@media only screen and (max-width : 59.95em) {
    .kf-sticky-background {
        background-image : none;
    }

    .kf-hero-image {
        background-position : center;
        background-repeat   : no-repeat;
        background-size     : cover;
        display             : block;
        height              : 300px;
        width               : 100%;
        margin              : -10px 0 0;
        max-width           : 100%;
    }

    .kf-top-buttons {
        padding-top : 0;
    }

    .kf-top-buttons > a {
        color           : #000000;
        flex-basis      : 50%;
        padding         : 15px 0;
        justify-content : center;
        font-size       : 20px;
    }

    .kf-top-buttons a:last-child {
        color     : #FFFFFF;
        display   : block;
        font-size : 25px;
    }

    .kf-block {
        background-color : transparent;
        color            : #000000;
        padding          : 0 15px 10px;
    }

.kf-title h1{
	font-size : 60px;
	    color     : #000000;
}
    .kf-content > * {
        color     : #000000;
        
    }

    .kf-title h2 {
        font-size : 30px;
    }

    .kf-title .kf-subtitle {
        color     : #000000;
        font-size : 20px;
    }

    .kf-informatie {
        display : block;
        margin  : 0;
    }

    .kf-informatie .kf-contact h2 {
        height   : 90px;
        position : relative;
    }

    .kf-informatie .kf-contact span {
        background-color : #000000;
        color            : #FFFFFF;
        margin           : 0;
        padding          : 10px 0 0;
        text-align       : center;
    }

    .kf-informatie .kf-contact img {
        position        : absolute;
        top             : 0;
        display         : flex;
        justify-content : center;
        height          : 100%;
        right           : 30px;
        width           : 35px;
    }

    .kf-block.kf-lineup {
        background-color : #000000;
    }

    .kf-block.kf-lineup h2 {
        padding : 20px 0 15px;
    }

    .kf-lineup p {
        color     : #FFFFFF;
        font-size : 16px;
    }

    .kf-lineup .social {
        font-size : 20px;
    }

   

    .kf-spotify-med {
        display : block;
    }

    .kf-block.kf-block-events {
        background-color : #000000;
    }

    .kf-block.kf-block-events h2 {
        padding : 20px 0 15px;
    }
}

@media only screen and (max-width : 39.95em) {
    .kf-hero-image {
        height : 200px;
    }
}


@media only screen and (max-width : 34em) {
    .kf-hero-image {
        height : 150px;
    }

    .kf-top-buttons {
        padding-left  : 0;
        padding-right : 0;
    }

    .kf-top-buttons > a {
        font-size   : 15px;
        line-height : 1;
    }

    .kf-top-buttons a:last-child {
        font-size : 20px;
    }

    .kf-lineup .content {
        flex-flow   : column nowrap;
        margin-left : -60px;
    }

    .kf-lineup .content img {
        width  : 100%;
        height : 150px;
    }

    .kf-lineup .content > div {
        padding-left : 0;
    }

    .kf-lineup .content .social img {
        margin-top : 0;
    }
}

.titles span {
	line-height: 50px;
}

/* FOOTER */
@media only screen and (max-width : 64em) {
    body > footer {
        display : block !important;
    }
}