/*------------------------------------*\
    Default styles
\*------------------------------------*/
html {
    font-size: 62.5%;
}

    html.nav-open {
        overflow: hidden;
    }


    html.theme-accessibility-size {
        font-size: 80%;
    }

        html.theme-accessibility-size .header .search-bar {
            margin: 0 4rem;
        }

body {
    background: #fff;
}

body {
    font-size: 1.8rem;
    font-family: "LL Brown", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    position: relative;
    overflow-x: hidden;
    color: #000;
}

    body.yellow-block-right::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        height: 60vh;
        background-color: #00665F;
        z-index: 1;
    }

    body.yellow-block-right #content {
        position: relative;
        z-index: 3;
    }

    body.event-detail-grey-bg {
        background: #f1f1f1;
    }

    body.is-dimmed::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 999;
    }

.body-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    position: relative;
}

    .body-flex #content {
        flex-grow: 2;
    }

.winkelmandje {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    border-top: 2px solid #fff;
    padding: 9px 10px 9px;
}

    .winkelmandje .ticketsbutton {
        background-color: #00665F;
    }

        .winkelmandje .ticketsbutton:hover {
            background-color: #00665F;
        }

.mobile-menu-logo, .black-wipe-sm {
    display: none;
}

/* NEW HEADER */
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    font-family: "LL Brown";
    display: flex;
    padding: 2rem 0;
    z-index: 999;
    background: none;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

    .header::before {
        content: "";
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        width: 100%;
        height: 90%;
        box-shadow: 0 5rem 5rem 5rem rgb(0 0 0 / 35%);
        z-index: -1;
        pointer-events: none;
    }

    .header .flex-grid {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .header .logo {
        display: flex;
        align-items: flex-end;
    }

        .header .logo .logo-image {
            display: block;
            width: 26rem;
            height: 10rem;
            background: url(/Images/boulevard_new22.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header .search-bar {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        flex-basis: 0;
    }

        .header .search-bar form.filter-search {
            width: auto;
            position: relative;
        }

            .header .search-bar form.filter-search input[type="search"] {
                display: block;
                width: 100%;
                height: auto;
                border: none;
                background: none;
                border-bottom: 2px solid #fff;
                padding: 0.2rem 0 0.5rem 0.5rem;
                font-size: 2.4rem;
                min-width: 32rem;
                color: #fff;
            }

                .header .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

            .header .search-bar form.filter-search button[type="submit"] {
                position: absolute;
                font-size: 2.2rem;
                top: 50%;
                transform: translateY(-50%);
                right: 0;
                left: unset;
                height: unset;
                width: unset;
                border: none;
                color: #fff;
                background: none;
            }

    .header .main-nav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .header .main-nav a {
            margin-right: 2.5rem;
        }

        .header .main-nav .main-nav-link {
            color: #fff;
            font-weight: 700;
            font-size: 2rem;
        }

        .header .main-nav .main-nav-icon {
            display: block;
            width: 3.5rem;
            height: 3.5rem;
            background: url(/Images/Winkelwagen_wit.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

        .header .main-nav .main-nav-mijnomgeving {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            width: 3.5rem;
            height: 3.5rem;
            text-decoration: none;
            font-size: 28px;
        }

        .header .main-nav .burger {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 3.5rem;
            height: 3.5rem;
            text-align: center;
            margin: 0 15px 0 5px;
            color: inherit;
            position: relative;
            text-decoration: none;
            cursor: pointer;
        }

            .header .main-nav .burger span {
                content: '';
                cursor: pointer;
                height: 0.30rem;
                width: 3.2rem;
                background: #fff;
                position: absolute;
                display: block;
                transition: all 500ms ease-in-out;
            }

                .header .main-nav .burger span::before {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 3.2rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    top: -10px;
                    -webkit-transition: all 500ms ease-in-out;
                    -o-transition: all 500ms ease-in-out;
                    transition: all 500ms ease-in-out;
                }

                .header .main-nav .burger span::after {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 3.2rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    bottom: -10px;
                    transition: all 500ms ease-in-out;
                }

            .header .main-nav .burger.nav-open span {
                background-color: #00665F;
            }

                .header .main-nav .burger.nav-open span::before {
                    background: #fff;
                    top: 0;
                    transform: rotate(45deg);
                }

                .header .main-nav .burger.nav-open span::after {
                    background: #fff;
                    top: 0;
                    transform: rotate(-45deg);
                }

.accessibility {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    z-index: 77;
    transition: all ease .3s;
}

    .accessibility.mobile {
        display: none;
    }

    .accessibility.menu-open {
        right: 22rem;
    }


    .accessibility .accessibility-btn {
        width: 6rem;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: #fcbc09;
        overflow: hidden;
        padding: 1rem;
        cursor: pointer;
        transition: background-color ease .3s;
    }

    .accessibility .accessibilityMenu {
        font-size: 1.6rem;
        padding: 2rem 2.5rem;
        position: absolute;
        left: 6rem;
        top: 0;
        width: 22rem;
        background-color: #fcbc09;
    }

        .accessibility .accessibilityMenu ul {
            list-style: none;
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .accessibility .accessibilityMenu ul li {
                padding: 1rem 0;
                width: 100%;
                display: flex;
                align-items: center;
                font-family: "LL Brown";
                cursor: pointer;
                transition: all ease .3s;
            }

                .accessibility .accessibilityMenu ul li .icon {
                    font-size: 2rem;
                    width: 2rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 2rem;
                }

#eye-bottom, #eye-top {
    stroke-linecap: round;
}

#eye-top, #eye-lashes {
    transition: .2s ease-in;
}

#eye-pupil {
    opacity: 0;
    transition: opacity .1s ease;
}

.eye-open #eye {
    transform: translateY(10%);
}

.eye-open #eye-top,
.eye-open #eye-lashes {
    transform: rotateX(.5turn);
    animation: scaleUp .2s .2s ease-in-out;
}

.eye-open #eye-pupil {
    opacity: 1;
}
/* close state */
.eye-close #eye {
    transform: translateY(-10%);
}

.eye-close #eye-lashes {
    animation: scaleDown .2s .2s ease-in-out;
}

.eye-close #eye-pupil {
    opacity: 0;
}


@keyframes scaleDown {
    50% {
        transform: rotateX(.5turn) scaleY(1.15);
    }

    to {
        transform: rotateX(.5turn) scaleY(1);
    }
}

@keyframes scaleDown {
    50% {
        transform: scaleY(1.15);
    }

    to {
        transform: scaleY(1);
    }
}




/* HEADER SCROLL ANIMATION */
.header.scrolled {
    padding: 0;
    background-color: #00665F;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.2);
}

    .header.scrolled::before {
        content: none;
    }

    .header.scrolled .logo .logo-image {
        width: 20rem;
        height: 8rem;
        background-image: url(/Images/boulevard_new22pink.svg);
    }

    .header.scrolled .search-bar form.filter-search input[type="search"] {
        border-bottom: 2px solid #fff;
    }

        .header.scrolled .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

    .header.scrolled .search-bar form.filter-search button[type="submit"] {
        color: #fff;
    }

    .header.scrolled .main-nav .main-nav-link {
        color: #fff;
    }

    .header.scrolled .main-nav .burger span {
        background: #fff;
    }

        .header.scrolled .main-nav .burger span::before, .header.scrolled .main-nav .burger span::after {
            background: #fff;
        }

    .header.scrolled .main-nav .main-nav-icon {
        background: url(/Images/Winkelwagen.svg) no-repeat center center;
        filter: invert(1);
    }

    .header.scrolled .main-nav .main-nav-mijnomgeving {
        color: #fff;
    }


    .header.scrolled .accessibility {
        top: 100%;
    }

/* OVERLAY MENU */

.overlay {
    position: fixed;
    z-index: 9999;
    background-color: #00665F;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden auto;
}

    .overlay.open {
        opacity: 1;
        visibility: visible;
        min-height: 100vh;
    }

    .overlay .overlay-top .flex-container {
        padding: 4rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .overlay .overlay-top .flex-container .search-bar {
            display: flex;
            flex-grow: 1;
            flex-basis: 0;
        }

            .overlay .overlay-top .flex-container .search-bar form.filter-search {
                width: auto;
                position: relative;
            }

                .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"] {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: none;
                    background: none;
                    border-bottom: 2px solid #fff;
                    padding: 0.2rem 0 0.5rem 0.5rem;
                    font-size: 2.4rem;
                    min-width: 32rem;
                    color: #fff;
                    border-radius: 0;
                    -webkit-appearance: none;
                }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                .overlay .overlay-top .flex-container .search-bar form.filter-search button[type="submit"] {
                    position: absolute;
                    font-size: 2.2rem;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    left: unset;
                    height: unset;
                    width: unset;
                    border: none;
                    color: #fff;
                    background: none;
                }

        .overlay .overlay-top .flex-container .close-overlay {
            display: flex;
            align-items: center;
        }

        .overlay .overlay-top .flex-container .lang-select {
            display: flex;
            margin: 0;
            padding: 0;
            list-style: none;
            color: #fff;
            margin-right: 1.5rem;
        }

            .overlay .overlay-top .flex-container .lang-select li a {
                display: block;
                font-family: "LL Brown";
                font-weight: 700;
                font-size: 2rem;
                color: inherit;
                margin-right: 1rem;
                text-decoration: none;
            }

                .overlay .overlay-top .flex-container .lang-select li a.active {
                    text-decoration: underline;
                }

        .overlay .overlay-top .flex-container .close-overlay .overlay-close-text {
            font-family: "LL Brown";
            font-weight: 700;
            font-size: 2rem;
            cursor: pointer;
        }

        .overlay .overlay-top .flex-container .close-overlay .burger {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 5rem;
            height: 5rem;
            text-align: center;
            margin: 0 0.5rem;
            color: inherit;
            position: relative;
            text-decoration: none;
            cursor: pointer;
        }

            .overlay .overlay-top .flex-container .close-overlay .burger span {
                content: '';
                cursor: pointer;
                height: 0.30rem;
                width: 4rem;
                background: #fff;
                position: absolute;
                display: block;
                transition: all 500ms ease-in-out;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger span::before {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 4rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    top: -10px;
                    -webkit-transition: all 500ms ease-in-out;
                    -o-transition: all 500ms ease-in-out;
                    transition: all 500ms ease-in-out;
                }

                .overlay .overlay-top .flex-container .close-overlay .burger span::after {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 4rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    bottom: -10px;
                    transition: all 500ms ease-in-out;
                }

            .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span {
                background-color: #00665F !important;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span::before {
                    background-color: #fff;
                    top: 0;
                    transform: rotate(45deg);
                }

                .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span::after {
                    background-color: #fff;
                    top: 0;
                    transform: rotate(-45deg);
                }

    .overlay .overlay-mid {
        position: relative;
    }

        .overlay .overlay-mid ul {
            list-style: none;
            margin: 0 0 4rem 0;
            padding: 0;
        }

            .overlay .overlay-mid ul li {
                display: block;
            }

                /*.overlay .overlay-mid ul li:nth-of-type(2) {
                    animation-delay: .40s;
                }

                .overlay .overlay-mid ul li:nth-of-type(2) {
                    animation-delay: .4s;
                }*/

                .overlay .overlay-mid ul li .menu-link {
                    width: auto;
                    display: inline-block;
                    color: #FDE0E7;
                    font-size: 6.2rem;
                    font-family: "LL Brown";
                    font-weight: 400;
                    text-decoration: none;
                    position: relative;
                }

                    .overlay .overlay-mid ul li .menu-link::after {
                        content: '';
                        width: 0px;
                        height: 5px;
                        display: block;
                        background: #FDE0E7;
                        position: absolute;
                        bottom: 10px;
                        left: 0;
                        transition: all 0.2s ease-in-out;
                    }

                    .overlay .overlay-mid ul li .menu-link:hover {
                        font-weight: 700;
                    }

                        .overlay .overlay-mid ul li .menu-link:hover::after {
                            width: 100%;
                        }

        .overlay .overlay-mid .become-friend {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            right: 0;
            height: 11rem;
            width: 11rem;
            background: #FDE0E7;
            border-radius: 50%;
            color: #000;
            text-decoration: none;
            font-family: "LL Brown";
            font-weight: 700;
            padding: 1rem;
            text-align: center;
            font-size: 1.8rem;
            transition: all 0.1s ease;
        }

            .overlay .overlay-mid .become-friend:hover {
                box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
            }

            .overlay .overlay-mid .become-friend .become-friend-arrow {
                max-width: 100%;
                margin-top: 5px;
            }

    .overlay .overlay-bottom .bottom-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .overlay .overlay-bottom .bottom-menu li {
            display: block;
        }

            .overlay .overlay-bottom .bottom-menu li a {
                display: inline-block;
                width: auto;
                color: #fff;
                font-size: 2.4rem;
                font-family: "LL Brown";
                font-weight: 400;
                margin-bottom: 10px;
                text-decoration: none;
                position: relative;
            }

                .overlay .overlay-bottom .bottom-menu li a::after {
                    content: '';
                    width: 0px;
                    height: 2px;
                    display: block;
                    background: #fff;
                    position: absolute;
                    bottom: 5px;
                    left: 0;
                    transition: all 0.2s ease-in-out;
                }

                .overlay .overlay-bottom .bottom-menu li a:hover::after {
                    width: 100%;
                }

                .overlay .overlay-bottom .bottom-menu li a:hover {
                    font-weight: 700;
                }

    .overlay .overlay-bottom .socials {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .overlay .overlay-bottom .socials li {
            display: flex;
        }

            .overlay .overlay-bottom .socials li a {
                font-size: 2.4rem;
                color: #fff;
                margin: .5rem 0;
                text-align: center;
            }

    .overlay .overlay-logos ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

        .overlay .overlay-logos ul li .logo {
            display: block;
            width: 13rem;
            height: 8rem;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            text-indent: -9999em;
            margin-right: 20px;
            -webkit-filter: invert(1);
            filter: invert(1);
        }

            .overlay .overlay-logos ul li .logo.hertog-jan {
                background-image: url(/Images/hertog-jan.png);
            }

            .overlay .overlay-logos ul li .logo.zomer {
                background-image: url(/Images/bosschezomer-logo-groen.png);
            }

            .overlay .overlay-logos ul li .logo.db {
                background-image: url(/Images/Bitmap.png);
            }


/*END OF OVERLAY*/

/*STYLING NEW DETAIL PAGE */

.eventDetail {
    min-height: 85vh;
    height: 85vh;
    display: flex;
    flex-direction: column;
    background-image: url(/Images/her2020.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

    .eventDetail .flex-grid {
        display: flex;
        width: 100%;
        height: 100%;
        align-content: flex-end;
        justify-content: flex-end;
        flex-direction: column;
        position: relative;
    }

.event-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 70px;
}

.event-text-wrapper {
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-bottom: 50px;
}

    .event-text-wrapper .event-date {
        display: block;
        font-family: "LL Brown";
        font-size: 24px;
        font-weight: 400;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    }

    .event-text-wrapper .title {
        display: block;
        font-size: 6.4rem;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        margin-bottom: 7px;
        text-transform: unset;
    }

    .event-text-wrapper .subtitle {
        display: block;
        font-family: "LL Brown";
        font-size: 3.6rem;
        color: #fff;
        line-height: normal;
        font-weight: 400;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    }

.event-social-wrapper {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
    color: #fff;
    margin-bottom: 2rem;
}

    .event-social-wrapper .socials .social-links {
        display: flex;
        justify-content: flex-end;
        margin: 10px 0;
        padding: 0;
    }

        .event-social-wrapper .socials .social-links li a {
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        }

    .event-social-wrapper .socials .title {
        display: block;
        font-family: "LL Brown";
        font-size: 2.4rem;
        font-weight: 400;
        color: #fff;
        line-height: normal;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        text-transform: unset;
    }

    .event-social-wrapper .btn-koopKaarten {
        font-family: "LL Brown";
        font-weight: 700;
        font-size: 1.6rem;
        color: #000;
        background-color: #F9A5C8;
        text-decoration: none;
        padding: 1.5rem 2rem;
        letter-spacing: 1.78px;
        text-transform: uppercase;
        white-space: nowrap;
        transition: all 0.3s ease;
    }

        .event-social-wrapper .btn-koopKaarten:hover {
            background-color: #f67eb0;
        }

.eventDetail-intro {
    margin-top: -7rem;
}

    .eventDetail-intro .eventDetail-intro-wrapper {
        display: flex;
        align-items: flex-start;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-text {
            position: relative;
            background: #fff;
            padding: 60px;
            font-size: 24px;
            font-family: "LL Brown";
            font-weight: 400;
            line-height: 31px;
            color: #000;
        }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info {
            display: flex;
            align-self: flex-start;
            position: relative;
            background-color: #00665F;
            padding: 4rem 2.2rem 4rem 3rem;
            color: #fff;
        }

            .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
            }

                .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper {
                    display: flex;
                    width: 100%;
                    flex-wrap: wrap;
                    font-family: "LL Brown";
                    font-size: 18px;
                    margin-bottom: 15px;
                }

                    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-title {
                        font-weight: 700;
                        min-width: 50%;
                        max-width: 50%;
                    }

                    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value {
                        font-weight: 400;
                        width: 50%;
                        max-width: 50%;
                        text-decoration: none;
                        color: #fff;
                    }

                        .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value a {
                            color: inherit;
                            text-decoration: none;
                        }

.event-DetailExtraText {
    font-family: "LL Brown";
    font-weight: 400;
    color: #000;
    padding: 20px 0;
}

    .event-DetailExtraText p {
        font-size: 1.8rem;
    }


.detail-program-bg .ab-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}


    .detail-program-bg .ab-row .align-right {
        display: flex;
        justify-content: flex-end;
    }

    .detail-program-bg .ab-row .ab-text {
        font-size: 54px;
        font-weight: 700;
        line-height: 1.2;
        color: #fff;
        font-family: "LL Brown";
    }

.detail-program-bg .flex-container-event {
    display: flex;
}

body.nav-is-open {
    overflow: hidden;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    10% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    15% {
        opacity: 1;
        transform: none
    }

    90% {
        opacity: 1;
        transform: none
    }

    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    40% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    42% {
        opacity: 1;
        transform: none
    }

    70% {
        opacity: 1;
        transform: none
    }

    72% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    60% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    62% {
        opacity: 1;
        transform: none
    }

    98% {
        opacity: 1;
        transform: none
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}


.active .logo {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek {
    z-index: 1;
    position: absolute;
    left: 0;
    top: -1px;
    padding-left: 23.7%;
    height: 100%;
    width: 0;
    transform: translate(-100%, 0%);
    -webkit-transform: translate(-100%, 0%);
    background: url(../Images/Roze.svg) left top / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
}

.active .hoek.left {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek.right {
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    padding-left: 23.7%;
    height: 100%;
    width: 0;
    transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    background: url(../Images/Blauw.svg) right top / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
}

.active .hoek.right {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek.mid {
    position: absolute;
    left: auto;
    top: auto;
    right: 50%;
    bottom: -1px;
    padding-left: 50%;
    height: 100%;
    width: 0;
    transform: translate(50%,0%) scale(0);
    -webkit-transform: translate(50%,0%) scale(0);
    opacity: 0;
    background: url(../Images/driehoek.svg) right bottom / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.5s 0.8s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.5s 0.8s;
}


.active .hoek.mid {
    opacity: 0.75;
    transform: translate(50%, 0%) scale(1);
    -webkit-transform: translate(50%, 0%) scale(1);
}

.overlay-melding {
    display: none;
}

a, button, input[type='submit'] {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

/* Grid changes */
/*.grid {
    margin: 0 auto 0 0;
}*/

.grid.large {
    max-width: 1920px;
    padding-right: 10px;
}

.detail-bg.archive {
    position: relative;
    overflow: hidden;
}

.top-spacer {
    height: 160px;
}

.grey {
    padding: 60px 0;
    background: #00665F;
    position: relative;
}

    .grey > div {
        position: relative;
        z-index: 3;
    }

    .grey h1 {
        font-family: 'LL Brown';
        font-size: 45px;
        font-weight: 700;
        line-height: 50px;
        color: #fff;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
        /* text-transform: lowercase; */
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .grey h2 {
        font-family: 'LL Brown';
        font-size: 35px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .grey p {
        font-family: 'LL Brown';
        color: #fff;
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        margin-bottom: 0;
    }

.btn.koop-tickets {
    background-color: #fff;
    border: 1px solid #fff;
    font-family: 'LL Brown';
    color: #000;
    display: inline-block;
    padding: 20px 40px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    transition: ease-in-out all 0.3s, cubic-bezier(.215,.61,.355,1) transform 0.5s 1.1s;
    -webkit-transition: ease-in-out all 0.3s, cubic-bezier(.215,.61,.355,1) transform 0.5s 1.1s;
}

    .btn.koop-tickets:hover {
        background-color: #00665F;
        border: 2px solid #00665F;
        color: #fff;
    }

/*------------------------------------*\
    Smoelenboek
\*------------------------------------*/
.smoelenboek {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: 0;
}

    .smoelenboek .person {
        width: 33.33333%;
        padding: 0 10px 40px 10px;
        font-size: 16px;
    }

.person h3 {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    font-size: 20px;
    color: #00665F;
}

.person .functie {
    display: block;
}

.person .image img {
    width: 100%;
    height: auto;
    display: block;
}

.person .image {
    position: relative;
}

    .person .image .quote {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding: 10px 20px;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        display: flex;
        display: -webkit-flex;
        line-height: 24px;
        align-items: center;
        -webkit-align-items: center;
        background: #00665F;
        background: rgba(0,119,200,0.6);
    }

.person:hover .image .quote {
    opacity: 1;
}

.person .info {
    position: relative;
    z-index: 10;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .person .info a {
        color: #000;
    }

/*.no-touchevents .person:hover .info {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}*/


/*------------------------------------*\
    Header
\*------------------------------------*/
.homepage.video {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
}

    .homepage.video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
    }

#main-logo {
    width: 80px;
    height: 118px;
    display: block;
    background: url("/Images/2020-logo-v1.svg") no-repeat;
    background-position: center center !important;
    text-indent: -9999em;
    margin: 20px auto 20px auto;
}

#mobile-logo {
    width: 77px;
    height: 115px;
    display: block;
    background: url("/Images/2020-logo-v1.svg") no-repeat;
    text-indent: -9999em;
    margin: 70px auto 20px;
    position: relative;
    left: -10px;
}

.hero {
    height: 100vh;
    width: 100%;
    background: #eaeaea;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}

.hero-content {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.hero-logo {
    position: absolute;
    top: 100px;
    right: 100px;
    width: 150px;
    height: 235px;
    background: url('/Images/boulevard-logo-2017-yellow-v2.svg') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.hero-title {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    display: inline-block;
    margin-bottom: 20px;
}

    .hero-title .title,
    .hero-title .subtitle {
        display: inline-block;
    }

    .hero-title .title {
        font-size: 50px;
        line-height: 50px;
        margin: 5px 0;
    }

    .hero-title .subtitle {
        font-size: 38px;
        line-height: 38px;
        margin: 0 0 10px 0;
    }

.hero-button {
    margin-bottom: 45px;
}

    .hero-button .btn {
        display: inline-block;
        background-color: #f9bb2e;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.6px;
        color: #000;
        text-decoration: none;
        padding: 10px 25px;
    }

        .hero-button .btn:hover {
            background: #000;
            color: #fff;
        }

.hero-programme {
}

    .hero-programme .title {
        letter-spacing: -0.6px;
        display: block;
    }

.hero-scroll {
    margin-top: 10px;
    background: none;
    width: 40px;
    height: 40px;
    border: 2px solid #000000;
    font-size: 30px;
}

    .hero-scroll:hover {
        background: #000;
        color: #fff;
    }

.heroslide-1 {
    background: url('/Images/hero-2017-1.jpg');
}

.heroslide-2 {
    background: url('/Images/hero-2017-2.jpg');
}

.heroslide-3 {
    background: url('/Images/hero-2017-3.jpg');
}

.heroslide-4 {
    background: url('/Images/hero-2017-4.jpg');
}

    .heroslide-2 .hero-content,
    .heroslide-3 .hero-content,
    .heroslide-4 .hero-content {
        color: #fff;
    }

    .heroslide-2 .hero-title,
    .heroslide-3 .hero-title,
    .heroslide-4 .hero-title {
        text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
        border-color: #fff;
    }

.heroslide-2 .hero-programme .title,
.heroslide-3 .hero-programme .title {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.heroslide-2 .hero-scroll,
.heroslide-4 .hero-scroll {
    border-color: #fff;
}

.heroslide-3 .hero-scroll {
    color: #000;
}

.heroslide-2 .hero-scroll:hover,
.heroslide-4 .hero-scroll:hover {
    border-color: #000;
}

.heroslide-3 .hero-scroll:hover {
    color: #fff;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
#main-nav {
    width: 120px;
    height: 100%;
    height: 100vh;
    background-color: #00665F;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.5px;
    z-index: 120;
}

    #main-nav.absolute {
        /*position: relative;*/
        position: absolute;
        height: auto;
        float: left;
    }

    #main-nav #menu a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 24px 10px 22px;
        line-height: normal;
        font-size: 20px;
    }

        #main-nav #menu a:hover,
        #main-nav #menu a:active,
        #main-nav #menu a.active {
            color: #fff;
        }

    #main-nav ul {
        margin: 0;
        padding: 0;
    }

    #main-nav #menu-item-link-1032 {
        background-color: #e3a905;
    }

    #main-nav #menu-item-link-1034 {
        background-color: #e3a905;
    }

    #main-nav #menu-item-link-1202 {
        background-color: #e3a905;
    }

    #main-nav .menu-item-link-afzender-2020 {
        background-color: #e3a905;
    }

    #main-nav #menu a .icon {
        display: block;
        font-size: 32px;
        height: 32px;
        margin-bottom: 12px;
        line-height: 0;
    }

#subnav-trigger {
    display: block;
    padding: 24px 10px 22px;
}

    #subnav-trigger:hover {
        color: #fff;
    }

    #subnav-trigger:active,
    #subnav-trigger.active {
        background-color: #fff;
        color: #000;
    }

    #subnav-trigger:hover .hamburger-icon .line1,
    #subnav-trigger:hover .hamburger-icon .line2,
    #subnav-trigger:hover .hamburger-icon .line3 {
        background: #fff;
    }

    #subnav-trigger.active .hamburger-icon .line2,
    .mobile-subnav-trigger.active .hamburger-icon .line2 {
        opacity: 0;
    }

    #subnav-trigger.active .hamburger-icon .line1,
    .mobile-subnav-trigger.active .hamburger-icon .line1 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 4px;
        background: #fff;
    }

.mobile-subnav-trigger.active .hamburger-icon .line1 {
    background: #fff;
}

#subnav-trigger.active .hamburger-icon .line3,
.mobile-subnav-trigger.active .hamburger-icon .line3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
    background: #fff;
}

.mobile-subnav-trigger.active .hamburger-icon .line3 {
    background: #fff;
}

#menu-extra-fixed {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 125;
}


.language {
}

    .language ul {
        margin: 0;
        padding: 0;
        display: block;
    }

    .language li {
        display: inline-block;
        float: left;
        width: 50%;
    }

    .language a {
        color: #fff;
        text-decoration: none;
        padding: 14px 5px 12px;
        display: block;
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        font-weight: 700;
    }

        .language a.active,
        .language a:hover {
            text-decoration: underline;
        }

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

#subnav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #00665F;
    z-index: 110;
    overflow: auto;
    overflow-x: hidden;
    padding-left: 100px; /* width of nav */
    padding-bottom: 25px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-overflow-scrolling: touch;
    will-change: transform;
}

    #subnav::-webkit-scrollbar {
        display: none;
    }

    #subnav nav {
        padding: 0 40px;
    }

    #subnav.is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    #subnav .subnav-wrap {
        padding: 40px;
        margin-bottom: 30px;
        width: 100%;
    }

    #subnav .flex-item:nth-of-type(2n+3) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(2n+4) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+1) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+2) .subnav-wrap {
        background-color: #00b2a9;
    }
    /*
    #subnav .flex-item.vriendenvan .subnav-wrap {
        background: #5390b9 url(/Images/TFB_shape.svg) repeat-x top center;
        background-size: 75%;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

        #subnav .flex-item.vriendenvan .subnav-wrap li a {
            font-weight: 500;
        }

    #subnav .flex-item.vriendenvan:hover .subnav-wrap {
        background: #5390b9 url(/Images/TFB_shape.svg) repeat-x center center;
        background-size: 120%;
    }*/
    /*#subnav .nav-img {
        opacity: 1;
        margin-left: 20%;
        position: relative;
        z-index: -1;
    }*/
    #subnav .nav-img img {
        width: 210px;
        height: 158px;
    }



    #subnav .title {
        font-size: 36px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 15px;
        color: #fff;
    }

    #subnav .subnav-title {
        padding-right: 200px;
        position: relative;
        margin-bottom: 50px;
    }

        #subnav .subnav-title .title {
            margin: 0;
            border: none;
            font-size: 120px;
            line-height: 120px;
            color: #00665F;
        }

        #subnav .subnav-title .subtitle {
            color: #00665F;
            font-family: 'LL Brown';
            font-weight: 400;
        }

    #subnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: 'LL Brown';
    }

    #subnav li {
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        display: block;
    }

        #subnav li a {
            padding: 4px 0;
            display: inline-block;
            color: inherit;
            text-decoration: none;
            position: relative;
            color: #fff;
        }

            #subnav li a:hover,
            #subnav li a.active {
                text-decoration: underline;
            }

            #subnav li a.highlight {
                background: #fff;
                padding: 1px 6px;
                margin: 4px 0 1px;
                border: 1px solid #fff;
                text-decoration: none;
            }

    #subnav .flex-item:nth-of-type(2n+3) li a.highlight {
        color: #00665F;
    }

    #subnav .flex-item:nth-of-type(2n+4) li a.highlight {
        color: #00665F;
    }

    #subnav .flex-item:nth-of-type(6n+1) li a.highlight {
        color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+2) li a.highlight {
        color: #e56db1;
    }

    #subnav .flex-item.vriendenvan li a.highlight {
        color: #5390b9;
    }

    #subnav .flex-item li a.highlight:hover {
        background: inherit;
        border: 1px solid #fff;
        color: #fff;
    }

#subnav-close {
    font-size: 16px;
    font-family: 'LL Brown';
    font-weight: 400;
    padding: 10px 22px 10px 18px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
}

    #subnav-close .icon {
        height: 15px;
        width: 20px;
        display: inline-block;
        margin: 0 0 0 15px;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        #subnav-close .icon::after,
        #subnav-close .icon::before {
            content: '';
            background: #00665F;
            height: 3px;
            width: 150%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
        }

        #subnav-close .icon::before {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

    #subnav-close:hover .icon {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.hamburger-icon {
    width: 16px;
    height: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

    .hamburger-icon i {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .hamburger-icon .line1 {
        width: 100%;
        height: 2px;
        background: #fff;
        display: block;
        line-height: 0px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hamburger-icon .line2 {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 4px;
        left: 0;
    }

    .hamburger-icon .line3 {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 8px;
        left: 0;
    }

#mobile-nav {
    display: none;
}

#mobile-nav-trigger {
    display: none;
}

/*------------------------------------*\
    Content
\*------------------------------------*/
#content {
    height: 100%;
    overflow-x: hidden;
}

.overflow-auto #content {
    overflow-x: auto;
}

.cover-img {
    position: relative;
}

    .cover-img img {
        width: 100%;
        float: left;
    }

    .cover-img .img-text {
        position: absolute;
        z-index: 50;
        color: #fff;
    }

    .cover-img.header .img-text {
        padding-top: 100px;
        padding-left: 120px;
        max-width: 600px;
    }

    .cover-img.header.homepage .img-text {
        padding-top: 100px;
        padding-left: 120px;
        max-width: 100%;
    }

    .cover-img.header .img-title {
        margin-bottom: 10px;
    }

    .cover-img.header .img-subtitle {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .cover-img.header .img-info {
        font-size: 36px;
        font-weight: 300;
        line-height: 72px;
    }

    .cover-img.header {
        z-index: -20;
    }

.z-min10 {
    z-index: -10;
}

/*------------------------------------*\
    Blocks
\*------------------------------------*/

/* HELPERS */
/*.shift-left {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}

.detail-shift-left {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
}*/

/*.space-left {
    margin-left: 80px;
}*/

.no-p-right {
    padding-right: 0;
}

.title-event {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: #f9bb2e;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
    text-decoration: none;
}

.title-event-content {
    padding: 40px;
    display: block;
}

.title-event:hover {
    background: #393939;
    color: #fff;
}

.title-meerover {
    color: #f087b6;
    font-family: "LL Brown";
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
}

/* BLOCK SECTIONS */
.block-section {
    margin-top: 50px;
    margin-bottom: 40px;
    width: 100%;
}

    .block-section > div {
        margin-bottom: 50px;
    }

    .block-section.small-margin {
        margin-top: 50px;
    }

    .block-section .title {
        color: #00665F;
        font-size: 80px;
        font-weight: 700;
        line-height: 80px;
        position: relative;
        z-index: 9;
    }

    .block-section .intro {
        color: #00665F;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        position: relative;
        z-index: 9;
        margin-top: 10px;
        font-family: 'LL Brown';
    }

    .block-section .btn-more {
        text-align: center;
        margin: 30px 0 20px;
    }

.btn-more.home-more a {
    background-color: #f9bb2e;
    box-shadow: none;
    border: 1px solid #f9bb2e;
    color: #000;
    font-size: 26px;
    padding: 17px 50px 20px;
}

    .btn-more.home-more a:hover {
        background: #393939;
        border-color: #393939;
        color: #fff;
    }



.home-mmore-bg {
    background: #f0f0f0;
    /*padding-top: 240px;
    margin-top: -240px;*/
}


.home-city {
    background: #00665F;
    color: #fff;
}

    .home-city .city-text {
        padding: 90px 110px 90px 60px;
        z-index: 3;
        position: relative;
        font-family: "LL Brown";
        font-weight: 400;
        font-size: 1.8rem;
        color: #000;
    }

        .home-city .city-text p a {
            color: inherit;
        }

        .home-city .city-text .titles {
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            .home-city .city-text .titles::after {
                content: '';
                position: absolute;
                width: 120px;
                height: 1px;
                bottom: 0;
                left: 10%;
                background: #fff;
            }

            .home-city .city-text .titles h2 {
                font-weight: 700;
                font-size: 60px;
                line-height: 70px;
            }

            .home-city .city-text .titles h3 {
                font-size: 40px;
                line-height: 50px;
                font-weight: 300;
            }


/* BLOCKS */

.block-items {
    padding-top: 40px;
}

    .block-items > div {
        margin-bottom: 60px;
    }

.block-item {
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

    .block-item .post {
        display: block;
        width: 100%;
    }

        .block-item .post .image {
            display: block;
            overflow: hidden;
            height: 0;
            padding-bottom: 55%;
            position: relative;
        }

            .block-item .post .image figure {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: 0;
                padding: 0;
                background-size: cover !important;
                background-position: center center;
            }


    .block-item.item-location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-position: center center;
        background-size: cover !important;
        text-decoration: none;
    }

        .block-item.item-location .block-content {
            width: 100%;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.9)));
            background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            background: -o-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            color: #fff;
            padding-top: 50px;
            padding-right: 70px;
        }

            .block-item.item-location .block-content .title {
                color: #fff;
            }

            .block-item.item-location .block-content .btn {
                width: 42px;
                height: 42px;
                background-color: #00b1a9;
                border: 2px solid #00b1a9;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: absolute;
                bottom: 40px;
                right: 25px;
                -webkit-transition: all ease-in-out .5s;
                -o-transition: all ease-in-out .5s;
                transition: all ease-in-out .5s;
            }

        .block-item.item-location:hover .block-content .btn {
            background-color: transparent;
            color: #00b1a9;
            transform: rotate(360deg);
        }

        .block-item.item-location .block-content .btn .icon {
            -webkit-transform: rotate(-90deg) translateY(4px);
            -ms-transform: rotate(-90deg) translateY(4px);
            transform: rotate(-90deg) translateY(4px);
            font-size: 25px;
        }


.home-more .block-item {
    box-shadow: none;
    background: transparent;
}

    .home-more .block-item .block-content {
        background: transparent;
    }

    .home-more .block-item .top-layer {
        padding: 0;
    }

.block-item.red .block-content {
    background: #f00033;
    margin: 0;
    padding: 20px;
    height: 100%;
    align-items: center;
}

    .block-item.red .block-content .title {
        margin: 0 auto;
        color: #fff;
        text-decoration: underline;
        text-align: center;
        font-size: 4rem;
        line-height: 1.3;
        font-family: 'LL Brown';
        font-weight: 700;
    }

.block-item .cover-img {
    transition: all .2s ease-in-out;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

    .block-item .cover-img .article-type {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #00665F;
        color: #fff;
        font-size: 1.4rem;
        font-family: "LL Brown";
        font-weight: 400;
        padding: .8rem 1.6rem;
        transition: all 0.2s ease;
    }

.block-item.detail .cover-img {
    background: none;
}

.block-item .cover-img a {
    display: block;
    position: relative;
}

.block-item .cover-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/Images/img-hover.svg) no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.block-item:hover .cover-img::after {
    opacity: 1;
}

.block-item:hover .article-type {
    background-color: #005b55;
    z-index: 99;
}

.block-item .cover-img img {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.archive .block-item .cover-img {
    background: #000;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.archive .block-item:hover .cover-img {
    background: #fff;
}

.archive-title {
    font-size: 60px !important;
    line-height: 60px !important;
    margin-bottom: 60px !important;
    margin-top: 80px !important;
}

.block-item .block-content {
    position: relative;
    padding-top: 14px;
}

.block-item .top-layer {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.block-item .block-gradient {
    display: none;
}

.block-item .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    /*color: #00665F;*/
    color: #00665F;
    position: relative;
    padding-bottom: 3px;
    /*text-transform: lowercase;*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .block-item .title a {
        text-decoration: none;
        color: inherit;
        pointer-events: auto;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.block-item .subtitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none;
    color: #00665F;
    text-decoration: underline;
    text-decoration: none;
    font-family: 'LL Brown';
    margin-bottom: 5px;
}

    .block-item .subtitle .landherkomst {
        color: #00665F;
    }

.news .block-item .subtitle {
    text-decoration: none;
}

.block-item .more-info {
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
}

.block-item .shift-left .block-content .more-info .date,
.block-item .shift-left .block-content .more-info .subtitle {
    display: block;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.block-item .shift-left .block-content .more-info .date {
    margin-bottom: 5px;
}

.block-item .shift-left .block-content .more-info .subtitle {
    line-height: normal;
}

.block-item .more-icons {
    position: absolute;
    right: 10px;
    bottom: -2px;
}

.block-item .label-tickets {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #00665F;
    color: #fff;
    padding: 5px 12px;
    text-transform: uppercase;
    font-family: 'LL Brown';
}

.block-item:hover .label-tickets {
    display: none;
}



/*.block-item.featured .block-gradient {
    width: 600px;
    height: 600px;
    top: -100px;
    left: -190px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(248,234,234,1) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(248,234,234,1) 0%,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center, rgba(248,234,234,1) 0%,rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eaea', endColorstr='#00ffffff',GradientType=1 );
}*/

.album-container,
.video-container {
    margin-top: 40px;
}

    .album-container > div {
        margin-bottom: 20px;
    }

.gallery-container .block-gradient {
    display: none;
}

/*.block-item.album .cover-img {
    margin-right: 30px;
}*/

/*.block-item.album .block-content {

    padding-right: 30px;
}*/

/*.block-item.album .block-gradient {
    left: -210px;
    top: -220px;
    opacity: 0.8;
}*/

.block-item.album .title {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 10px;
}

.block-item.album .subtitle {
    font-size: 18px;
    line-height: 22px;
}


.block-item.video .title {
    /*margin-left: -20px;*/
    /*max-width: 80%;*/
    margin-bottom: 15px;
}

.block-item.video .subtitle {
    /*margin-left: -20px;*/
    display: block;
    /*width: 75%;*/
    padding-right: 10px;
}

.block-item.video .text {
    /*    float: right;
    display: block;
    width: 75%;*/
    color: #505050;
    font-size: 16px;
    line-height: 22px;
}

.block-item .text a {
    color: #f9bb2e;
}

/*.block-item.video .block-gradient {
    left: -200px;
    top: -220px;
}*/

.video-container .title {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    color: #00665F;
    margin-bottom: 2rem;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100%;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/*------------------------------------*\
    FAQ
\*------------------------------------*/
.faqs {
    margin-bottom: 50px;
}

.faq {
    border-top: 2px solid #000;
}

    .faq:last-of-type {
        border-bottom: 2px solid #000;
    }

    .faq .question {
        padding: 10px 35px 10px 10px;
        font-weight: 700;
        font-size: 20px;
        position: relative;
        cursor: pointer;
    }

        .faq .question::after {
            content: '';
            width: 10px;
            height: 10px;
            border-bottom: 2px solid #000;
            border-right: 2px solid #000;
            position: absolute;
            right: 12px;
            top: calc(50% - 9px);
            transform: rotate(45deg);
        }

    .faq.active .question::after {
        top: calc(50% - 1px);
        transform: rotate(225deg);
    }

    .faq .anwser {
        padding: 0 5px;
        display: none;
    }

/*------------------------------------*\
    Archive
\*------------------------------------*/

.archive .detail-content-white {
    position: relative;
}

.archive .title {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 50px;
    color: #00665F;
    text-align: center;
    margin-top: 20px;
}

.archive .scroll-icon {
    position: absolute;
    bottom: -35px;
    left: calc(50% - 35px);
    width: 70px;
}

.archive .archive-block {
    position: relative;
    padding-bottom: 40px;
}

    .archive .archive-block .archive-block-head {
        position: relative;
    }

        .archive .archive-block .archive-block-head .img {
            width: 100%;
            padding-bottom: 50%;
        }

        .archive .archive-block .archive-block-head .content {
            position: absolute;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .archive .archive-block .archive-block-head .content .detail-content-white {
                margin-bottom: 0;
                padding: 40px 30px;
            }

        .archive .archive-block .archive-block-head .label {
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
            background-color: #00665F;
            padding: 8px 15px;
            position: absolute;
            left: 0;
            bottom: 100%;
        }

.archive .btn-rounded.blue-fill {
    color: #fff;
    border: 1px solid #00665F;
    background-color: #00665F;
    border-radius: 0;
    font-size: 18px;
    padding: 15px 25px;
}

.archive .archive-block .text h3 {
    color: #00665F;
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
}

.archive .archive-block .year {
    position: absolute;
    top: 0;
    left: 50%;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    background: #00665F;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.archive .archive-block .line {
    width: 8px;
    height: 100%;
    background: #00665F;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
}

.archive .archive-block:nth-of-type(even) .year,
.archive .archive-block:nth-of-type(even) .line {
    background: #00665F;
}


.archive .archive-block .buttons ul {
    list-style: none;
    margin: 0;
    padding: 40px 0 80px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.archive .archive-block .buttons li {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.archive .archive-block .buttons a {
    color: #00665F;
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: none;
    background: #fff;
    padding: 15px 40px 15px 20px;
    display: block;
    width: 100%;
    position: relative;
}

    .archive .archive-block .buttons a::after {
        content: '';
        height: 10px;
        width: 10px;
        border-top: 2px solid #00665F;
        border-right: 2px solid #00665F;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

.archive .archive-block .buttons li:nth-of-type(1),
.archive .archive-block .buttons li:nth-of-type(2) {
    margin-right: 30px;
}

.archive .archive-block .buttons li:nth-of-type(3),
.archive .archive-block .buttons li:nth-of-type(4) {
    margin-left: 30px;
}

.archive .archive-block .buttons li:nth-of-type(2) {
    margin-right: 100px;
}

.archive .archive-block .buttons li:nth-of-type(3) {
    margin-left: 100px;
}


/*------------------------------------*\
    Detail page
\*------------------------------------*/
/* FEATURED DETAIL */
.block-item.featured.detail .title {
    margin-bottom: 20px;
}

.block-item.featured.detail .subtitle {
    font-size: 32px;
    line-height: 32px;
}

/*.block-item.featured.detail .block-gradient {
    top: -210px;
    left: -190px;
}*/

/* SIDEBAR */
.detail-sidebar {
    color: #00665F;
    /*margin-left: 35px;*/
    /*padding-right: 30px;*/
    position: relative;
    z-index: 1; /* to position above gradient */
}

    .detail-sidebar .info {
        color: #00665F;
        font-family: "LL Brown";
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 15px;
    }

    /*.detail-sidebar .info::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            max-width: 165px;
            height: 3px;
            background-color: #f9bb2e;
        }*/

    .detail-sidebar .sub-info {
        font-size: 12px;
        line-height: 18px;
    }

    .detail-sidebar .location-img {
        margin-left: -15px;
        margin-top: 35px;
        margin-bottom: 25px;
        background-color: #6771f6;
    }

        .detail-sidebar .location-img img {
            width: 100%;
            display: block;
        }

    .detail-sidebar .location {
        margin-bottom: 35px;
        font-size: 20px;
        line-height: 22px;
    }

        .detail-sidebar .location .title {
            font-size: 16px;
            display: block;
            margin-bottom: 5px;
        }

        .detail-sidebar .location .subtitle {
            font-weight: 700;
            display: block;
        }

        .detail-sidebar .location a {
            color: #393939;
            text-decoration: underline;
        }

            .detail-sidebar .location a:hover {
                text-decoration: none;
            }

.detail-content {
    color: #00665F;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: 'LL Brown';
}

    .detail-content a {
        color: #00665F;
    }

.gidsen-bg {
    background: #f0f0f0;
}

.detail-program-bg .event-image {
    padding-bottom: 56.25%;
    display: block;
    overflow: hidden;
    background-size: cover !important;
}

.detail-program-bg .program {
    background: #00b2a9;
    color: #fff;
    margin: 0;
}

    .detail-program-bg .program a {
        text-decoration: none;
        color: #fff;
    }

.program {
    color: #505050;
    margin-left: 35px;
    padding: 50px 35px;
}

    .program .border-top {
        border-top: 1px solid #fff;
        padding-top: 20px;
    }

        .program .border-top.no-p {
            padding: 0;
        }

.summary {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 18px;
}

    .summary li {
        display: block;
        margin: 0 0 1.5rem 0;
        font-size: 16px;
        line-height: 20px;
    }

    .summary .title {
        font-weight: 700;
        display: block;
        font-size: 18px;
        line-height: 22px;
    }

        .summary .title.big {
            font-size: 22px;
            line-height: 24px;
        }



    .summary span {
        display: block;
    }

.program-row {
    border-bottom: 1px solid #ffecc0;
    padding: 0.5rem 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .program-row:last-child {
        border-bottom: 1px solid #00665F;
    }

    .program-row .date-time {
        font-size: 15px;
        line-height: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 0 0 0 0.8rem;
    }

    .program-row .right-side {
        display: inline-block;
    }

    .program-row .btn-ticket {
        font-weight: 700;
        color: #fff;
        border: 1px solid #00665F;
        background-color: #00665F;
        float: left;
    }

        .program-row .btn-ticket:hover {
            border: 1px solid #e3a905;
            background-color: #e3a905;
        }

.summary .btn-dropdown {
    padding: 0.5rem 0;
    position: relative;
    display: block;
    width: 100%;
}

    .summary .btn-dropdown.active .date-time {
        font-weight: 600;
        color: #45474d;
    }

    .summary .btn-dropdown i {
        position: absolute;
        right: 0.7rem;
        font-size: 1.5rem;
        top: 1rem;
        color: #44474b;
    }

.program-title {
    border-bottom: 1px solid #f9bb2e;
    padding: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .program-title:first-child {
        border-top: 1px solid #f9bb2e;
    }

    .program-title .date-time {
        font-size: 15px;
        line-height: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 0 0 0 0.8rem;
        color: #00665F;
    }

    .program-title .right-side {
        display: inline-block;
    }

    .program-title .btn-show-koop {
        font-weight: 500;
        color: #fff;
        border: 1px solid #00665F;
        background-color: #00665F;
        float: left;
        padding: 4px 25px;
    }

        .program-title .btn-show-koop:hover {
            border: 1px solid #e3a905;
            background-color: #e3a905;
        }

.summary .btn-show-koop-big {
    float: none;
    width: 100%;
    padding: 10px 12px;
    position: relative;
    margin: 0 -1rem;
}

    .summary .btn-show-koop-big i {
        position: absolute;
        right: 1rem;
        font-size: 1.5rem;
        top: 1.4rem;
    }

#koop-kaarten {
    position: absolute;
    top: 4.3rem;
    left: -1rem;
    right: 1rem;
    background: white;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    color: #00665F;
    z-index: 1;
}

    #koop-kaarten ul {
        margin: 0;
        padding: 0;
    }

.program-dropper {
    margin-bottom: 20px;
}

.program-dropper-content {
    display: none;
    padding: 0 10px;
}

.program-dropper-trigger {
    display: block;
    padding: 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
}

    .program-dropper-trigger .icon {
        position: relative;
        top: 3px;
    }

.program-note {
    margin-top: 50px;
    font-size: 12px;
    line-height: 18px;
}

    .program-note .title {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        display: block;
        margin-bottom: 10px;
    }

.program-extra {
    border-top: 3px solid #f9bb2e;
    border-bottom: 3px solid #f9bb2e;
    margin: 40px 0;
    padding: 0;
    list-style: none;
    color: #f9bb2e;
    font-size: 18px;
    line-height: 24px;
}

    .program-extra li {
        display: block;
        border-bottom: 1px solid #f9bb2e;
        padding: 20px 0 25px;
    }

        .program-extra li p:last-child {
            margin: 0;
        }

        .program-extra li:last-child {
            border: none;
        }

    .program-extra .title {
        font-weight: 700;
    }

    .program-extra a {
        color: #f9bb2e;
    }


/*------------------------------------*\
    Filter
\*------------------------------------*/
/*.filter-bar {
    padding: 10px 15px;
}*/

.filter-bar.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.filter-group {
    display: inline-block;
    position: relative;
}

.my-table {
    float: left;
    margin-right: 8px;
}

.my-print {
    float: left;
    margin-right: 8px;
}

.filter-group .filter-trigger,
.filter-group .filter-trigger-checkbox {
    color: #000;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 12px;
    text-transform: unset;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 10px 10px 10px 0;
    border: 3px solid #000;
    padding: 5px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.filter-group.laatjegidsen .filter-trigger {
    background: #f087b6;
    color: #fff;
}

.my-table .filter-trigger,
.my-print .filter-trigger {
    color: #393939;
    border: 2px solid #393939;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    position: relative;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
}

.filter-group .filter-trigger::after {
    font-size: 15px;
    content: "\70";
    font-family: "boulevard" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
}

.my-table.active .filter-trigger-checkbox {
    color: #fff;
    background: #001539;
}

.filter-group .filter-trigger.active,
.filter-group .filter-trigger.checked,
.filter-group .filter-trigger:hover {
    background-color: none;
    color: #001639;
}

.filter-group-checkbox input {
    display: none;
}

.filter-group-checkbox .filter-trigger-checkbox {
    background: #f1f1f1;
}

.filter-group-checkbox input:checked + .filter-trigger-checkbox {
    background: #000;
    color: #fff;
}


.filter-group .filter-button {
    color: #ba0c2f;
    border: 2px solid #ba0c2f;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    text-decoration: none;
}

    .filter-group .filter-button.active,
    .filter-group .filter-button:hover {
        background-color: #ba0c2f;
        color: #fff;
    }

.filter-group > ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    padding: 10px 0;
    background-color: #00665F;
    color: #fff;
    min-width: 150px;
    z-index: 10;
}

    .filter-group > ul.filter-locations {
        height: 500px;
        overflow: auto;
    }

    .filter-group > ul strong {
        font-size: 18px;
        display: block;
        margin-bottom: 5px;
    }

    .filter-group > ul > li {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 6px 25px;
        display: block;
    }

        .filter-group > ul > li > ul {
            list-style: none;
            padding: 0;
            margin: 0 0 10px 0;
        }

    .filter-group > ul.filter-locations li > div > ul > li {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 3px 0px;
        display: block;
    }

    .filter-group > ul > li a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

.filter-locations > li > ul > li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 0;
    display: block;
}

.filter-group > ul > li label {
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-family: 'LL Brown';
    font-weight: 400;
    white-space: nowrap;
}

.filter-group > ul > li input[type="checkbox"] {
    display: none;
}

.filter-group > ul > li > input[type="checkbox"]:checked + label,
.filter-group > ul > li:hover > input[type="checkbox"] + label,
.filter-group > ul > li > div > ul > li input[type="checkbox"]:checked + label,
.filter-group > ul > li > div > ul > li:hover input[type="checkbox"] + label {
    text-decoration: underline;
}

.filter-group > ul > li label:hover,
.filter-group > ul > li > div > ul > li label:hover {
    text-decoration: underline;
}

.filter-downloads {
    margin-top: 10px;
    color: #505050;
}

    .filter-downloads ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .filter-downloads li {
        display: inline-block;
    }

        .filter-downloads li a {
            display: block;
            text-decoration: none;
            font-size: 16px;
            color: #ba0c2f;
            position: relative;
            padding: 4px;
        }

            .filter-downloads li a:hover {
                text-decoration: underline;
            }

            .filter-downloads li a::after {
                content: "";
                position: absolute;
                width: 1px;
                height: 20px;
                background: #ba0c2f;
                top: 6px;
                right: -4px;
            }

.active-filters {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .active-filters ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .active-filters li {
        display: inline-block;
        margin: 3px 6px 3px 0;
    }

        .active-filters li a {
            background-color: #F9A5C8;
            color: #000;
            display: block;
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            padding: 5px 15px 5px 30px;
            position: relative;
            text-decoration: none;
            line-height: 2;
        }

            .active-filters li a:hover,
            .active-filters li a:active {
                background-color: #f67eb0;
            }

            .active-filters li a::before {
                position: absolute;
                left: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 10px;
                content: "\6f";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

#reset-filters::before {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    content: "\6f";
    font-family: "boulevard" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#reset-filters {
    font-family: 'LL Brown';
    background-color: #F9A5C8;
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px 5px 30px;
    position: relative;
    text-decoration: none;
    line-height: 2;
    transition: background-color 0.3s ease;
}

    #reset-filters:hover {
        background-color: #f67eb0;
    }

/*.filter-search {
    width: 315px;
    position: relative;
}

.filter-bar .filter-search {
    margin: 10px 15px;
}

.filter-search.overview {
    float: left;
}*/

.filter-search input[type="search"] {
    color: #001639;
    width: 100%;
    height: 58px;
    padding: 15px 20px 16px 65px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 3px solid #393939;
    box-sizing: border-box;
    font-size: 16px;
}

.filter-search button[type="submit"] {
    position: absolute;
    font-size: 24px;
    top: 0;
    left: 0;
    height: 58px;
    width: 58px;
    border: none;
    color: #fff;
    background-color: #001639;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.filter-bar .filter-search input[type="search"] {
    width: 100%;
    height: 40px;
    padding: 10px 20px 10px 55px;
    border: none;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
    text-transform: uppercase;
}

.filter-bar .filter-search button[type="submit"] {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #f1f1f1;
    color: #001639;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.34px;
    line-height: 12px;
}

.filter-search ::-webkit-input-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search :-moz-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search ::-moz-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search :-ms-input-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-group-search {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

    .filter-group-search input[type="search"] {
        -webkit-appearance: none;
    }

    .filter-group-search input[type="search"] {
        display: block;
        width: 100%;
        height: auto;
        border: none;
        background: none;
        border-bottom: 2px solid #000;
        padding: 0.2rem 0 0.5rem 0.5rem;
        font-size: 14px;
        font-weight: 700;
        min-width: 32rem;
        color: #000;
    }

        .filter-group-search input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            text-transform: initial;
            color: #000;
            font-weight: 700;
            font-size: 14px;
            opacity: 1;
            text-decoration: none;
        }

    .filter-group-search button[type="submit"] {
        position: absolute;
        font-size: 2.2rem;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: unset;
        height: unset;
        width: unset;
        border: none;
        color: #000;
        background: none;
    }



/* Search fixed header */

#menu-extra-fixed .filter-search {
    float: left;
    width: 60px;
    height: 60px;
    z-index: 1;
}

    #menu-extra-fixed .filter-search input[type="search"] {
        position: absolute;
        left: 0;
        top: 0;
        color: #000;
        width: 60px;
        height: 60px;
        padding: 0 15px;
        border: 2px solid #000;
        -webkit-transition: all ease-in-out .35s;
        -o-transition: all ease-in-out .35s;
        transition: all ease-in-out .35s;
        border-radius: 0;
        -webkit-appearance: none;
    }

    #menu-extra-fixed .filter-search.active input[type="search"] {
        width: 500px;
        max-width: 50vw;
        left: 50px;
    }

    #menu-extra-fixed .filter-search button[type="submit"] {
        font-size: 20px;
        top: 0;
        left: initial;
        right: 0;
        height: 60px;
        width: 60px;
        background-color: #000;
    }


    #menu-extra-fixed .filter-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search ::-moz-placeholder { /* Firefox 19+ */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search :-ms-input-placeholder { /* IE 10+ */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search :-moz-placeholder { /* Firefox 18- */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }


/* Search overview */


.search-item {
    padding: 20px;
    background: #f7f7f7;
    margin-bottom: 20px;
}


.search-item {
    color: #00665F;
}

    .search-item h2 {
        color: #00665F;
        font-size: 24px;
        line-height: 26px;
    }

    .search-item p {
        margin-bottom: 0;
    }

/*------------------------------------*\
    Timetable
\*------------------------------------*/
.my-timetable-copy .timetable-wrapper {
    margin-bottom: 100px;
}

.print-view {
    padding: 20px;
}

.print-text {
    margin-top: 30px;
}

.print-header .left-side {
    float: left;
    max-width: 50%;
}

.print-header .right-side {
    float: right;
    max-width: 50%;
}

.print-header .title {
    margin-bottom: 0 !important;
    line-height: normal !important;
    max-width: 100% !important;
    font-size: 50px !important;
}

.hidden {
    display: none;
}

.timetable-mobile {
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.timetable-wrapper {
    position: relative;
    width: 100%;
}

.timetable-scroll {
    position: relative;
    width: 100%;
    overflow: auto;
    padding: 64px 0 0;
    overflow: hidden;
    cursor: e-resize;
}

.timetable-scroll {
    cursor: url("https://www.google.com/intl/en_ALL/mapfiles/openhand.cur"),all-scroll;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

    .timetable-scroll:active {
        cursor: url("https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur"),all-scroll;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

.touchevents .timetable-scroll {
    overflow-x: scroll;
}

.timetable {
    /*position: absolute;
    left: 0px;
    top: 64px;*/
}

.contain-timetable {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.info-wrapper {
    width: 400px;
    color: #505050;
    float: left;
}

    .info-wrapper.abs {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;
    }

    .info-wrapper .type, .info-wrapper .location {
        width: 263px;
        height: 64px;
        float: left;
        padding: 20px 13px 10px;
        background: #f1f1f1;
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
    }

    .info-wrapper .location {
        width: 115px;
        text-align: center;
        text-indent: 10px;
    }

.info-blok {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
}

    .info-blok:last-child {
        margin: 0px;
    }

.abs .info-blok {
    margin: 0;
}

.info-blok {
    height: 80px;
    margin-bottom: 3px !important;
    position: relative;
}

.info-time {
    opacity: 1;
    position: relative;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
}

    .info-time.filter {
        opacity: 0;
        display: none;
    }

.info-blok.filter {
    opacity: 0;
    display: none;
}


.like {
    display: block;
    width: 15px;
    height: 15px;
    left: 5px;
    top: 5px;
    border: 2px solid #fff;
    position: absolute;
}

    .like::after {
        content: '\f00c';
        color: transparent;
        font-family: fontawesome;
        display: block;
        position: absolute;
        left: 1px;
        top: 1px;
        font-size: 10px;
        line-height: 10px;
        transition: ease all 0.3s;
        -webkit-transition: ease all 0.3s;
    }

.info-time.active .like::after {
    color: #fff;
}

.abs .info-title .title {
    display: block;
    font-weight: 700;
    /*text-transform: lowercase;*/
}

.abs .info-title a {
    color: #000000;
    text-decoration: none;
}

.abs .info-title .title:first-letter {
    text-transform: uppercase;
}

.abs .info-title .text {
    font-size: 17px;
    line-height: 17px;
    display: block;
}

.info-location,
.info-title {
    width: 263px;
    float: left;
    /*padding: 15px;*/
    background: #f3f3f3;
    text-decoration: none;
    overflow: hidden;
}

.active .info-title {
    color: #ba0c2f;
}

.active .info-location {
    background: #393939;
    color: #fff;
}

.info-time.active {
    background: #393939;
    color: #fff;
}

.timetable-item.active .tt_info {
    background: #eaeaea;
}

.info-time.active .blok a.tt_info {
    color: #000;
}

.timetable-item.active .tt_buttons .tt_info {
    color: #393939;
}

.info-time.active .blok a.tt_tickets {
    color: #000;
}

.timetable-item.active .tt_buttons .tt_tickets {
    color: #393939;
    background: #f3f3f3;
}

.timetable-item.active .tt_buttons .tt_location {
    color: #fff;
    background: #393939;
}

.info-time.active .blok a.tt_info:hover {
    color: #fff;
}

.info-time.active .blok a.tt_tickets:hover {
    color: #fff;
}

.timetable-item.active .tt_tickets {
    background: #f3f3f3;
}

.info-time.active .tt_tickets {
    background: #f3f3f3;
}

.info-time.active .tt_info {
    background: #eaeaea;
}


.info-location {
    width: 125px;
    color: #fff;
    background: #f087b6;
    font-size: 14px;
    line-height: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hypens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

    .info-location:hover {
        background: #393939;
        color: #fff;
    }

.timeline {
}

.abs .info-location, .abs .info-title {
    padding: 10px 13px;
    height: 100%;
}

.timespan {
    float: left;
    height: 100%;
    position: relative;
    border-right: 1px dashed #eaeaea;
}

    .timespan:first-child {
        border-left: 1px solid #eaeaea;
    }

    .timespan.odd {
        border-right: 1px solid #eaeaea;
    }

.info-time {
    position: absolute;
    left: 400px;
    height: 100%;
    color: #000;
    z-index: 1;
    color: #fff;
    background: #f087b6;
    overflow: hidden;
}

    .info-time .blok {
        /*padding:10px 0 0;*/
    }

.time-title {
    color: #505050;
    position: absolute;
    top: -40px;
    left: -50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.odd .time-title {
    display: none;
}

.info-time .blok a {
    text-decoration: none;
    color: #fff;
    padding: 8px 1px;
}

.time {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 1px 17px;
    line-height: 40px;
    overflow: hidden;
}

.tt_info {
    display: inline-block;
    width: 50%;
    text-align: center;
    background-color: #00665F;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

    .tt_info.full {
        width: 100%;
    }

    .tt_info:hover {
        background: #eaeaea;
    }

.tt_tickets {
    display: inline-block;
    width: 50%;
    text-align: center;
    background-color: #0665a7;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

    .tt_tickets:hover {
        background: #f9bb2e;
    }

        .tt_tickets:hover a {
            color: #000;
        }

.info-time .blok a:hover {
    color: #000;
}

/*------------------------------------*\
    Timetable Mobile
\*------------------------------------*/
.timetable-item {
    background: #fff;
    min-height: 80px;
    height: auto;
    margin-bottom: 10px;
}

    .timetable-item .tt_content {
        padding: 10px;
        width: 60%;
        line-height: normal;
    }

    .timetable-item .tt_buttons {
        background-color: #f087b6;
        width: 40%;
        position: relative;
    }

    .timetable-item .tt_time {
        font-size: 15px;
        font-weight: 600;
        display: block;
    }

    .timetable-item .tt_title {
        font-size: 17px;
        font-weight: 600;
        display: block;
    }

        .timetable-item .tt_title a {
            color: #000000;
            text-decoration: none;
        }

    .timetable-item .tt_text {
        font-size: 16px;
        display: block;
    }

    .timetable-item .tt_buttons a {
        color: #fff;
        height: 40%;
        text-decoration: none;
        display: block;
    }

    .timetable-item .tt_buttons .tt_location {
        position: absolute;
        width: 100%;
        padding: 13px;
        height: 60%;
        display: flex;
        font-size: 12px;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        text-align: center;
        line-height: 14px;
        overflow: hidden;
        display: -webkit-flex;
    }

    .timetable-item .tt_buttons .tt_tickets {
        background-color: rgb(6, 101, 167);
        line-height: 35px;
    }

    .timetable-item .tt_buttons .tt_info {
        line-height: 35px;
    }

.timetable-mobile h2 {
    color: #00665F;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

/*------------------------------------*\
    Back to Top
\*------------------------------------*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #fcbc09 url(/Images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
        z-index: 9;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}


/*------------------------------------*\
    Slider
\*------------------------------------*/
.slider {
    max-height: 400px;
    /*margin: 20px 0;*/
}

    .slider.spacer-bottom {
        margin-bottom: 50px;
    }

    .slider .item {
        max-height: 400px;
        position: relative;
        height: 100%;
    }

        .slider .item img {
            max-height: 400px;
            display: block;
        }

    .slider .slick-prev {
        left: 20px;
        background: url("/Images/arrow-left-2018.svg") no-repeat;
    }

    .slider .slick-next {
        right: 20px;
        background: url("/Images/arrow-right-2018.svg") no-repeat;
    }

    .slider .slick-arrow {
        position: absolute;
        top: 0;
        z-index: 1;
        border: none;
        background-size: contain !important;
        background-position: center center !important;
        width: 40px;
        height: 100%;
        display: inline-block;
        text-indent: -9999em;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

        .slider .slick-arrow:active {
            -webkit-transform: translateY(2px);
            -moz-transform: translateY(2px);
            -ms-transform: translateY(2px);
            -o-transform: translateY(2px);
            transform: translateY(2px);
        }


/*------------------------------------*\
    Magnific Popup
\*------------------------------------*/
.mfp-bg {
    background: #000000;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    /*-webkit-backface-visibility: hidden;*/
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.inline-popup {
    background: #fff;
    padding: 30px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
}

    .inline-popup .title {
        font-family: "LL Brown", Helvetica, Arial, sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 36px;
        color: #ba0c2f;
        margin-bottom: 20px;
    }

    .inline-popup p:last-of-type {
        margin-bottom: 0;
    }


/*------------------------------------*\
   Gidsen
\*------------------------------------*/

.title-gidsen {
    color: #f087b6;
    font-family: "LL Brown";
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    display: block;
    padding-top: 50px;
}

.gidsen-overview {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
}

    .gidsen-overview .gids {
        display: flex;
        text-align: center;
        padding-top: 40px;
        margin-bottom: 30px;
    }

        .gidsen-overview .gids a {
            display: flex;
            flex-direction: column;
            background: #fff;
            color: #001639;
            text-decoration: none;
            font-family: "LL Brown";
            font-weight: 400;
            font-size: 16px;
            line-height: 1.4;
            position: relative;
            padding: 25px 15px 50px 15px;
        }

            .gidsen-overview .gids a::after {
                content: '\f054';
                font-family: fontawesome;
                position: absolute;
                right: 0;
                bottom: 0;
                font-size: 20px;
                line-height: 30px;
                transition: ease all 0.3s;
                -webkit-transition: ease all 0.3s;
                background: #00665F;
                color: #fff;
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

    .gidsen-overview .gids-img .img {
        background-position: top center;
        background-size: cover;
        width: 100%;
        padding-bottom: 140%;
        border-radius: 5px;
        transform: translateY(-60px);
        margin-bottom: -30px;
    }

    .gidsen-overview .gids .title {
        color: #00665F;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .gidsen-overview .gids .label {
        font-size: 12px;
        font-weight: 700;
        background-color: #f1f1f1;
        padding: 6px 15px;
        display: inline-block;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

/*********************
Default styles
**********************/

/*section[class*=contentblock] {
    padding: 60px 0 60px 0;
}*/

.top-spacer + section[class*="contentblock-HeaderImage"] {
    margin-top: -16rem;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage"] .text-and-image .col-text .text {
    padding-top: 0;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage"] {
    padding-top: 0;
}

section[class*=contentblock-countdownTimers] {
    padding: 0 !important;
}

section[class*=contentblock] {
    padding: 30px 0 30px 0;
}

.section-blue + .section-blue {
    margin-top: 30px;
}

section[class*="contentblock-relatedItems"] + section[class*="contentblock-relatedItems"] {
    padding-top: 0;
}

/*section[class*=contentblock].section-white + .section-white, section[class*=contentblock].section-red + .section-red, section[class*=contentblock].section-purple + .section-purple {
        padding-top: 0;
    }*/

section[class*="contentblock-Header"] {
    padding: 0 0 0 0;
}

section[class*="contentblock-headerVideo"] {
    padding: 0 !important;
}

section[class*="contentblock-Title"] + section[class*="contentblock-countdownTimers"] {
    margin-top: 0;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage "] {
    padding-top: 0;
}

section[class*="contentblock-Title"] ~ section[class*="contentblock-Title "] {
    padding-top: 0;
}

.section-white h3,
.section-white h4 {
    color: #00665F;
}

.section-green {
    background-color: #00665F;
    color: #fff;
}

    .section-green .title {
        color: #FDE0E7;
    }

.section-pink {
    background-color: #FDE0E7;
    color: #000;
}

.bg-white {
    background: #fff;
    position: relative;
}

.btn-primary {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #00665F;
    padding: 1.5rem 3rem;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #005b55;
    }

    .btn-primary.sold-out {
        color: #797979;
        background: #000;
    }

.btn-secondary {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #003a5d;
    padding: 1.5rem 3rem;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-secondary:hover {
        background-color: #00665F;
        color: #000;
    }

.btn-back {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #00665F;
    padding: 1.5rem 3rem;
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-back:hover {
        color: #fff;
        background-color: #003a5d;
    }


.relative.green {
    position: relative;
    display: block;
    width: 100%;
    background-color: #00665F;
}

    .relative.green::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-color: #f1f1f1;
        z-index: 1;
    }

    .relative.green .hashtags {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center;
    }

        .relative.green .hashtags h3 {
            color: #00665F;
            font-family: "LL Brown";
            font-weight: 700;
            font-size: 54px;
            font-weight: 700;
            line-height: 1.4;
        }

    .relative.green .text-intro.detail {
        color: #fff;
    }

        .relative.green .text-intro.detail h1 {
            color: #fff;
        }

        .relative.green .text-intro.detail h2 {
            color: #fff !important;
        }

    .relative.green .filter-form {
        position: relative;
        z-index: 2;
    }

        .relative.green .filter-form .filter-bar {
            background: #fff;
        }

            .relative.green .filter-form .filter-bar.ba::after {
                content: '';
                width: 50vw;
                position: absolute;
                left: 50%;
                background: #fff;
                bottom: 0;
                top: 0;
                height: 100%;
                z-index: -1;
            }

            .relative.green .filter-form .filter-bar.ba::before {
                content: '';
                width: 50vw;
                position: absolute;
                right: 50%;
                background: #fff;
                bottom: 0;
                top: 0;
                height: 100%;
                z-index: -1;
            }

            .relative.green .filter-form .filter-bar.search {
                background: none;
            }

                .relative.green .filter-form .filter-bar.search input {
                    background: none;
                }

                    .relative.green .filter-form .filter-bar.search input::placeholder {
                        color: #fff;
                        opacity: 1;
                    }

                .relative.green .filter-form .filter-bar.search button {
                    background-color: #00665F;
                    color: #fff;
                }

/*********************
CONTENTBLOKKEN
**********************/

.contentblock-HeaderImage {
    display: flex;
    min-height: 450px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.contentblock-headerVideo {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
}

    .contentblock-headerVideo .video-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        /*background-color: #00004b;*/
        overflow: hidden;
        margin: 0;
        padding: 0;
        z-index: 9;
    }

        .contentblock-headerVideo .video-container video {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            height: 100%;
            width: 177.77777778vh;
            min-width: 100%;
            min-height: 56.25vw;
        }

    .contentblock-headerVideo.animated::after {
        height: 0;
    }

    .contentblock-headerVideo::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00665F;
        transition: all .5s ease-in-out;
        transition-delay: .8s;
        z-index: 99;
        pointer-events: none;
    }

    .contentblock-headerVideo figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .contentblock-headerVideo .grid {
        position: relative;
        z-index: 2;
    }

    .contentblock-headerVideo .text {
        text-align: center;
    }

        .contentblock-headerVideo .text .title {
            display: block;
            font-size: 64px;
            color: #fff;
            line-height: normal;
            margin-bottom: 5px;
        }

            .contentblock-headerVideo .text .title strong {
                color: #b9ddfd;
            }

        .contentblock-headerVideo .text .subtitle {
            display: block;
            font-size: 36px;
            color: #fff;
            line-height: normal;
            margin-bottom: 15px;
        }

    .contentblock-headerVideo .arrow_down {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 10rem;
        height: 10rem;
        z-index: 9;
        background-image: url(/Images/Triangle.svg);
        background-size: cover;
        background-position: center center;
        padding: 10px 0 5px 0;
    }

        .contentblock-headerVideo .arrow_down img {
            transform: rotate(90deg);
            width: 100%;
            max-width: 45px;
            animation: upanddown 0.8s linear infinite;
        }

/* The animation code */
@keyframes upanddown {
    0%, 100% {
        margin-bottom: 0;
    }

    50% {
        margin-bottom: 15px;
    }
}

.contentblock-TextandButton {
    position: relative;
}

    .contentblock-TextandButton .text {
        text-align: center;
        padding: 30px 0;
    }

        .contentblock-TextandButton .text .title {
            font-family: "LL Brown";
            font-size: 3.6rem;
            font-weight: 700;
            text-transform: uppercase;
        }

            .contentblock-TextandButton .text .title.brown-font {
                font-family: "LL Brown";
                line-height: 1;
                margin-bottom: 5.5rem;
            }

        .contentblock-TextandButton .text .intro,
        .contentblock-TextandButton .text p {
            color: #fff;
            font-family: "LL Brown";
            font-weight: 400;
            font-size: 1.8rem;
        }

        .contentblock-TextandButton .text form {
            display: flex;
            align-items: center;
            width: 100%;
        }

            .contentblock-TextandButton .text form .email {
                display: flex;
                align-items: center;
                width: 100%;
                border: none;
                background: none;
                border-bottom: 2px solid #FDE0E7;
                border-radius: 0;
                padding: 15px 20px 15px 0;
                color: #fff;
                font-family: "LL Brown";
                font-weight: 400;
            }

                .contentblock-TextandButton .text form .email::placeholder {
                    color: #fff;
                }

            .contentblock-TextandButton .text form .submit {
                display: flex;
                flex-grow: 1;
                align-self: stretch;
                background-color: #FDE0E7;
                color: #000;
                border: none;
                padding: 15px 50px;
                border-radius: 0;
            }

                .contentblock-TextandButton .text form .submit:hover {
                    background-color: #fbc9d5;
                }

    .contentblock-TextandButton .btn-secondary {
        background-color: #FDE0E7;
        color: #000;
        transition: all 0.3s ease;
    }

        .contentblock-TextandButton .btn-secondary:hover {
            background-color: #fbc9d5;
        }

.contentblock-countdownTimers {
    background-color: #00665F;
    position: relative;
}

    .contentblock-countdownTimers::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        background-color: #00665F;
        height: 100%;
        z-index: 0;
    }

    .contentblock-countdownTimers .row {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 50px 0 !important;
    }

    .contentblock-countdownTimers .inner .title {
        color: #fff;
        text-align: center;
        display: block;
        width: 100%;
        padding: 0 20%;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
        font-family: "LL Brown";
    }

    .contentblock-countdownTimers .inner .timer {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 10px 0;
    }

        .contentblock-countdownTimers .inner .timer .flex-center {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

        .contentblock-countdownTimers .inner .timer .flex-center {
            font-size: 32px;
            color: #fff;
        }

            .contentblock-countdownTimers .inner .timer .flex-center .content {
                color: #fff;
                font-size: 15px;
            }

/*Programme start*/

.contentblock-Programme .title {
    color: #000;
    font-size: 2.4rem;
    font-family: "LL Brown";
    font-weight: 700;
    margin-bottom: 1rem;
}

.contentblock-Programme .programme-slider .slick-list {
    overflow: visible;
}

.contentblock-Programme .programme-item-image {
    position: relative;
}

.contentblock-Programme .post {
    margin: 15px 0;
}

.contentblock-Programme .item {
    display: flex;
    overflow: hidden;
    text-decoration: none;
}

.contentblock-Programme .programme-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contentblock-Programme .programme-item-details .item-title {
    color: #00665F;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    display: block;
}

.contentblock-Programme .programme-item-details .item-title {
    color: #00665F;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.contentblock-Programme .programme-item-details {
    padding: 1.5rem;
    background: #fff;
}

    .contentblock-Programme .programme-item-details .artist {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: inline-block;
        font-family: "LL Brown";
    }

    .contentblock-Programme .programme-item-details .lang {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: inline-block;
        font-family: "LL Brown";
    }

    .contentblock-Programme .programme-item-details .item-time {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: block;
        font-family: "LL Brown";
    }


/*Related Items*/

.contentblock-relatedItems {
    position: relative;
    overflow: hidden;
}

    .contentblock-relatedItems .absolute-text {
        position: absolute;
        right: -70vw;
        top: 5rem;
        bottom: 5rem;
        margin: 0;
        background: url(/Images/naderen.svg) no-repeat;
        background-size: contain;
        background-position: left center;
        width: 100%;
        z-index: 1;
    }

    .contentblock-relatedItems .title {
        display: block;
        margin-bottom: 10px;
        font-size: 24px;
        position: relative;
        z-index: 2;
        font-family: "LL Brown";
        font-weight: 700;
        line-height: normal;
    }

    .contentblock-relatedItems .performance-slider {
        position: relative;
    }

        .contentblock-relatedItems .performance-slider .slick-list {
            overflow: visible;
        }

    .contentblock-relatedItems .right {
        position: absolute;
        top: calc(50% - 60px);
        right: 5rem;
        transform: translateY(-50%);
        background: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        z-index: 8;
        background-color: #00665F;
        color: #000;
        border-radius: 50%;
        padding: 10px;
        transition: all 0.3s ease;
    }

        .contentblock-relatedItems .right:hover {
            cursor: pointer;
        }

        .contentblock-relatedItems .right img {
            width: 100%;
        }

    .contentblock-relatedItems .post {
        margin: 15px 0;
        position: relative;
        z-index: 2;
    }

    .contentblock-relatedItems .image {
        display: block;
        height: 0;
        overflow: hidden;
        padding-bottom: 110%;
        position: relative;
        transition-property: transform, -webkit-transform;
        transition-duration: 0.2s;
    }

        .contentblock-relatedItems .image:hover {
            transform: scale(1.05);
        }

        .contentblock-relatedItems .image .item-time {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 20px;
            color: #fff;
            font-family: "LL Brown";
            font-weight: 400;
            text-transform: uppercase;
            font-size: 14px;
            z-index: 2;
        }

        .contentblock-relatedItems .image figure {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            background-size: cover !important;
            background-position: center center;
        }

            .contentblock-relatedItems .image figure img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .contentblock-relatedItems .image::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            width: 100%;
            height: 100%;
            z-index: 1;
        }

    .contentblock-relatedItems .post-content {
        padding-top: 10px;
    }

        .contentblock-relatedItems .post-content .item-title {
            color: #00665F;
            font-family: "LL Brown";
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            display: block;
        }

        .contentblock-relatedItems .post-content .artist {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

        .contentblock-relatedItems .post-content .lang {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

        .contentblock-relatedItems .post-content .item-time {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

    .contentblock-relatedItems .button-col {
        padding-top: 50px;
        position: relative;
        z-index: 3;
    }


/*More links*/

.contentblock-moreLinks .title {
    display: block;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-family: "LL Brown";
    font-weight: 700;
}

.contentblock-moreLinks .link {
    background: #fff;
    padding: 10px 25px 10px 10px;
    position: relative;
    margin: 1px 0;
    display: block;
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .contentblock-moreLinks .link::after {
        content: '\f054';
        font-family: FontAwesome;
        font-weight: normal;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        transition: all 0.3s ease;
    }

    .contentblock-moreLinks .link:hover::after {
        right: 2rem;
    }

/* About the city */

.contentblock-aboutTheCity {
    padding: 0 !important;
}

    .contentblock-aboutTheCity .city-bg {
        position: relative;
    }

        .contentblock-aboutTheCity .city-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .contentblock-aboutTheCity .city-bg .titles {
            padding: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            position: relative;
            z-index: 99;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: 3.6rem;
                font-weight: 700;
                font-family: "LL Brown";
                text-transform: uppercase;
                line-height: 3.6rem;
                color: #fff;
            }

            .contentblock-aboutTheCity .city-bg .titles h3 {
                font-size: 3.5rem;
                font-weight: 700;
                margin-bottom: 2rem;
            }

    .contentblock-aboutTheCity .city-text {
        font-weight: 400;
    }


/*News and Highlighted*/

.contentblock-NewsAndHighlighted .article-type {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #00665F;
    color: #000;
    font-size: 14px;
    font-family: "LL Brown";
    font-weight: 400;
    padding: 8px 16px;
    transition: all 0.2s ease;
}

.contentblock-NewsAndHighlighted .title {
    font-weight: 700;
    margin-bottom: 2.5rem;
    font-size: 3.6rem;
    text-transform: uppercase;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .news-item {
    margin: 0;
}

.contentblock-NewsAndHighlighted .block-content .title {
    color: #00665F;
    font-size: 2.4rem;
    text-transform: unset;
    line-height: normal;
}

.contentblock-NewsAndHighlighted .post {
    margin: 0 0 10px 0;
}

    .contentblock-NewsAndHighlighted .post .image {
        display: block;
        position: relative;
        overflow: hidden;
        height: 0;
        padding-bottom: 75%;
    }

        .contentblock-NewsAndHighlighted .post .image figure {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            background-size: cover !important;
            background-position: center center;
        }

            .contentblock-NewsAndHighlighted .post .image figure img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .contentblock-NewsAndHighlighted .post .image .post-content {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 25px;
            font-size: 32px;
            font-weight: 700;
            color: #fff;
        }

        .contentblock-NewsAndHighlighted .post .image .link {
            height: 54px;
            width: 54px;
            background-color: #00665F;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .contentblock-NewsAndHighlighted .post .image .link::after {
                content: '\f054';
                font-family: FontAwesome;
                font-weight: normal;
                position: absolute;
                bottom: 15px;
                right: 20px;
                display: block;
                transition: all 0.3s ease;
                color: #fff;
            }

    .contentblock-NewsAndHighlighted .post .item {
        display: flex;
        width: 100%;
        position: relative;
        text-decoration: none;
    }

    .contentblock-NewsAndHighlighted .post .programme-item-image img {
        border: 0;
        object-fit: cover;
        max-width: 100%;
        max-height: 100px;
    }

    .contentblock-NewsAndHighlighted .post .programme-item-details {
        background: #fff;
        padding: 20px 10px;
    }

        .contentblock-NewsAndHighlighted .post .programme-item-details .item-title {
            color: #00665F;
            font-size: 24px;
            line-height: 1.4;
            font-weight: 700;
            display: block;
        }

.contentblock-NewsAndHighlighted .programme-item-details .artist {
    color: #00665F;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .programme-item-details .lang {
    color: #00665F;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .programme-item-details .item-time {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .item .podcast {
    position: absolute;
    bottom: 5px;
    right: 15px;
    color: #00665F;
    font-family: FontAwesome;
    font-weight: normal;
    display: block;
    font-size: 23px;
}

    .contentblock-NewsAndHighlighted .item .podcast .fas {
        font-style: normal;
    }

.contentblock-NewsAndHighlighted .news-item .block-item .block-content .top-layer {
    padding: 0;
}

.contentblock-NewsAndHighlighted .button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/*Text And Image */
.contentblock-TextAndImage .text-and-image {
    display: flex;
    align-items: center;
}

    .contentblock-TextAndImage .text-and-image.swapped .col-text {
        order: 2;
    }

    .contentblock-TextAndImage .text-and-image.swapped .col-img {
        order: 1;
    }

    .contentblock-TextAndImage .text-and-image .col-text .text {
        padding: 5rem 0 5rem 0;
        margin-bottom: 0;
    }

        .contentblock-TextAndImage .text-and-image .col-text .text .title {
            padding-bottom: 1rem;
            color: #00665F;
            font-size: 2.8rem;
            font-weight: 700;
            line-height: 1.4;
        }

        .contentblock-TextAndImage .text-and-image .col-text .text p {
            font-family: 'LL Brown';
            font-weight: 400;
            margin-bottom: 2rem;
        }

        .contentblock-TextAndImage .text-and-image .col-text .text h1:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h2:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h3:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h4:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h5:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h6:first-of-type {
            margin-top: 0;
        }

    .contentblock-TextAndImage .text-and-image.swapped .col-text .text {
        padding: 5rem 0 5rem 5rem;
    }

    .contentblock-TextAndImage .text-and-image .col-img {
        display: flex;
    }

        .contentblock-TextAndImage .text-and-image .col-img figure {
            width: 100%;
        }

        .contentblock-TextAndImage .text-and-image .col-img img {
            display: block;
            opacity: 0;
            max-width: 100%;
            transition: all 0.3s ease-in;
        }

/*Title contentblock */

.contentblock-Title .text {
    font-family: 'LL Brown';
    font-weight: 400;
}

    .contentblock-Title .text .title {
        padding-bottom: 1rem;
        color: #00665F;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 1.4;
    }

.contentblock-Title.newsdetail .text .title {
    font-size: 4rem;
    color: #000;
    text-transform: uppercase;
}

.contentblock-Title .text .subtitle {
    color: #000;
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
}

.contentblock-Title .text.center {
    text-align: center;
}

.contentblock-Title .text.right {
    text-align: right;
}

.contentblock-Title .text p:last-child {
    margin-bottom: 0;
}

.contentblock-Title .flex-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
}

.contentblock-Title .mag-link {
    background-size: cover !important;
    background-position: center top !important;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 20px;
    color: #fff;
}

    .contentblock-Title .mag-link .mag-title {
        font-weight: 700;
        font-size: 3.2rem;
    }

    .contentblock-Title .mag-link .link {
        height: 54px;
        width: 54px;
        background-color: #00665F;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .contentblock-Title .mag-link .link::after {
            content: '\f054';
            font-family: FontAwesome;
            font-weight: normal;
            position: absolute;
            bottom: 15px;
            right: 20px;
            display: block;
            transition: all 0.3s ease;
            color: #fff;
        }

/*.contentblock-Title a,
.contentblock-Title strong {
    text-decoration: none;
    color: #00665F;
}*/

.contentblock-SubmenuAndText {
    padding: 70px 0 !important;
}

    .contentblock-SubmenuAndText .text em {
        color: #000;
        text-decoration: none;
    }

    .contentblock-SubmenuAndText .text .title {
        display: block;
        color: #00665F;
        font-family: 'LL Brown';
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 50px;
        max-width: 350px;
        line-height: 35px;
    }

    .contentblock-SubmenuAndText .link-list {
        list-style: none;
        margin-top: 0;
        padding: 0;
    }

        .contentblock-SubmenuAndText .link-list li {
            margin-bottom: 20px;
            position: relative;
            cursor: pointer;
            transition: all 0.1s ease;
        }

            .contentblock-SubmenuAndText .link-list li:hover a::after {
                right: 10px;
            }

            .contentblock-SubmenuAndText .link-list li a::after {
                content: '\f054';
                color: #00665F;
                font-family: fontawesome;
                display: block;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 22px;
                line-height: normal;
                transition: ease all 0.3s;
            }

            .contentblock-SubmenuAndText .link-list li a {
                display: block;
                text-decoration: none;
                color: #00665F;
                font-family: 'LL Brown';
                font-size: 28px;
                font-weight: 700;
                position: relative;
                padding-right: 40px;
            }

            .contentblock-SubmenuAndText .link-list li .subtitle {
                display: block;
                text-decoration: none;
                color: #00665F;
                font-family: 'LL Brown';
                font-size: 18px;
                font-weight: 400;
                margin-top: 5px;
            }

.full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

/*Video contentblok*/

.contentblock-Video .row {
    padding: 50px;
}

.contentblock-Video .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

    .contentblock-Video .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*Testimonial*/

.contentblock-Testimonial.Caroussel .row {
    padding: 0 15px;
}

    .contentblock-Testimonial.Caroussel .row .slick-slide img {
        width: 100%;
    }

.contentblock-Testimonial .row {
    padding: unset;
}

.contentblock-Testimonial .slide {
    text-align: center;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 150px;
    background-size: cover !important;
    margin: 0 15px;
    position: relative;
}

    .contentblock-Testimonial .slide::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 2;
    }

.contentblock-Testimonial .quote-name {
    font-size: 6rem;
    line-height: 1.4;
    color: #00665F;
    font-family: 'LL Brown';
    font-weight: 700;
    position: relative;
    z-index: 3;
}

.contentblock-Testimonial .quote {
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.4;
    position: relative;
    z-index: 3;
}

.contentblock-Testimonial .left, .contentblock-Testimonial .right {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 5rem;
    background: none;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.contentblock-Testimonial .left,
.contentblock-Testimonial .right {
    border-radius: 23px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F9A5C8;
}

.contentblock-Testimonial .left {
    left: 30px;
}

    .contentblock-Testimonial .left::after {
        content: '';
        background-image: url(/Images/Arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%;
        max-width: 100%;
        width: 30px;
        background-position: center center;
        transform: rotate(180deg);
    }

.contentblock-Testimonial .right {
    right: 30px;
}

    .contentblock-Testimonial .right::after {
        content: '';
        background-image: url(/Images/Arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%;
        max-width: 100%;
        width: 30px;
        background-position: center center;
    }

.contentblock-Testimonial #testimonialpaging {
    position: absolute;
    z-index: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 2rem 2rem 2rem 2rem;
}

    .contentblock-Testimonial #testimonialpaging .slick-dots {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
    }

        .contentblock-Testimonial #testimonialpaging .slick-dots button {
            border: none;
            width: 1rem;
            height: 1rem;
            text-indent: -9999em;
            display: block;
            border-radius: 50%;
            margin: 0;
            padding: 0;
            background: #fff;
            cursor: pointer;
        }

        .contentblock-Testimonial #testimonialpaging .slick-dots li {
            margin: 4px;
            display: inline-block;
        }

            .contentblock-Testimonial #testimonialpaging .slick-dots li.slick-active button {
                background-color: #00665F;
                opacity: 1;
            }

/* IMAGE */
.contentblock-Image img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.contentblock-Image figure {
    position: relative;
    display: block;
}

    .contentblock-Image figure a {
        display: block;
        position: relative;
    }

        .contentblock-Image figure a::before {
            content: "";
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
            z-index: 1;
            transition: ease-in-out all 0.3s;
        }

        .contentblock-Image figure a:hover::before {
            opacity: 0.3;
        }

.contentblock-Title .title-text .title {
    color: #00665F;
    font-size: 6rem;
}

    .contentblock-Title .title-text .title.yellow {
        color: #00665F;
    }

/*FAQ*/
.contentblock-Faq .text .title {
    margin-bottom: 2rem;
}

/*QOUTES*/
.contentblock-Quotes .quote-wrapper {
    margin: 7.5px 0;
}

.contentblock-Quotes .quote {
    display: block;
    font-family: "LL Brown", Helvetica, Arial, sans-serif;
    margin: 0px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #00665F;
}

    .contentblock-Quotes .quote p {
        margin-bottom: 5px;
    }

.contentblock-Quotes .quote-name {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #00665F;
}
/*NEW FILTER STYLING*/
.programma-bg {
    transition: all 0.3s ease-in-out;
    left: 0;
}

    .programma-bg.scrolled {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        padding: 1rem 0;
        box-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    }

        .programma-bg.scrolled .filter-container .flex-wrapper-filter .text .title {
            font-size: 4.2rem;
            line-height: 1;
        }

        .programma-bg.scrolled .filter-group .filter-trigger, .filter-group .filter-trigger-checkbox {
            margin: .5rem .5rem .5rem 0;
        }

.filter-form {
    transition: all 0.2s ease;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.0);
    padding: 0;
}

.filter-container {
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

    .filter-container .flex-wrapper-filter {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .filter-container .flex-wrapper-filter .text .title {
            display: block;
            color: #00665F;
            font-size: 5.2rem;
        }

        .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow:first-of-type {
            display: inline-block;
            color: #000;
            font-family: 'LL Brown';
            font-weight: 700;
            font-size: 1.2rem;
            text-transform: unset;
            text-align: center;
            position: relative;
            cursor: pointer;
            background-color: #fff;
            border: 3px solid #000;
        }

        .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
            font-family: 'LL Brown';
            font-size: 1.2rem;
            font-weight: 700;
            text-align: center;
            padding: 1.5rem;
            border: none;
            margin: 0 3.5px;
            letter-spacing: 1.34px;
            border: 3px solid transparent;
            background-color: #F9A5C8;
            color: #000;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow:not(:first-of-type):hover {
                background: #f67eb0;
            }

/*END OF NEW STYLING FILTER*/
.programma-bg.news .btn-news {
    font-family: 'LL Brown';
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    background-color: #00665F;
    color: #fff;
    padding: 15px 25px;
    border: none;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}

.flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

    .flex-wrapper .flex-child {
        display: flex;
    }

        .flex-wrapper .flex-child:last-child {
            justify-content: flex-end;
        }


.contentblock-ticketsInfo .tickets {
    padding: 50px 15px;
    background-color: #00665F;
}

.contentblock-ticketsInfo .tickets-container {
    display: flex;
    flex-wrap: wrap;
}

    .contentblock-ticketsInfo .tickets-container .col-10-12 ~ .col-10-12 .tickets-wrapper {
        border-top: none;
        padding-top: 0;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-row {
        display: flex;
        width: 100%;
        flex-direction: column;
        border-top: 2px solid #fff;
        padding: 15px 0;
    }

    .contentblock-ticketsInfo .tickets-container:last-of-type .tickets-row {
        border-bottom: 2px solid #fff;
    }

    .contentblock-ticketsInfo .tickets-container.multiple-wrappers .tickets-wrapper {
        border-bottom: none;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper {
        color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title,
        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-subtitle {
            display: block;
            font-family: 'LL Brown';
            font-size: 16px;
            font-weight: 700;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title {
            max-width: 180px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image img {
            width: 40px;
            height: 40px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image {
            display: flex;
            position: relative;
            cursor: pointer;
        }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image img {
                margin-right: 5px;
            }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper .tooltiptext {
                visibility: hidden;
                background-color: #ffffff;
                color: #00665F;
                font-size: 16px;
                font-family: 'LL Brown';
                font-weight: 400;
                text-align: center;
                padding: 7.5px;
                position: absolute;
                top: -50%;
                left: 50%;
                white-space: nowrap;
                z-index: 1;
            }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper {
                position: relative;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper:hover .tooltiptext {
                    visibility: visible;
                }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper .tooltiptext::after {
                    content: '';
                    display: block;
                    width: 15px;
                    height: 15px;
                    position: absolute;
                    bottom: -7.5px;
                    left: 0;
                    background-image: url(/Images/speech.svg);
                    background-size: cover;
                }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button {
            display: flex;
            justify-content: flex-end;
        }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket {
                display: flex;
                align-items: center;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .small-ticket-time {
                    padding-right: 35px;
                    font-family: 'LL Brown';
                    font-size: 16px;
                    font-weight: 700;
                }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .btn-koopKaartenSmall {
                    width: 5rem;
                    height: 5rem;
                    background-color: #FDE0E7;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #000;
                    text-decoration: none;
                    font-size: 20px;
                }

                    .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .btn-koopKaartenSmall.out-of-sale {
                        background: #fff;
                        pointer-events: none;
                    }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten {
                font-family: "LL Brown";
                font-weight: 700;
                font-size: 16px;
                color: #000;
                text-decoration: none;
                background-color: #FDE0E7;
                padding: 15px 20px;
                letter-spacing: 1.78px;
                text-transform: uppercase;
                transition: all 0.3s ease;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten:hover {
                    background-color: #fbc9d5;
                }


.contentblock-TextTwoColumn .text .title {
    padding-bottom: 1rem;
    color: #00665F;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(1) .text {
    padding-right: 10px;
}

.contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(2) .text {
    padding-left: 10px;
}


/* EVENT OVERZICHT */

.programma-overview {
    padding: 30px 0;
    position: relative;
}

    .programma-overview .absolute-anchor {
        position: absolute;
        top: -300px;
        left: 0;
        width: 50px;
        height: 50px;
        z-index: -99;
        opacity: 0;
        visibility: hidden;
    }

    .programma-overview .text .title {
        font-size: 36px;
        text-transform: uppercase;
    }

    .programma-overview .programme-day {
        display: block;
        color: #00665F;
        font-size: 3rem;
        margin-bottom: 4rem
    }

        .programma-overview .programme-day:first-letter {
            text-transform: uppercase;
        }

.event-overview .post {
    margin-bottom: 20px;
    cursor: pointer;
}

    .event-overview .post .tickets-wrapper {
        display: flex;
        flex-direction: column;
        width: 90%;
        position: relative;
        overflow: hidden;
        transition: opacity 0.3s ease;
    }

    .event-overview .post:not(.compact-view) .extrasubtitle,
    .event-overview .post:not(.compact-view) .mobile-title-wrapper,
    .event-overview .post:not(.compact-view) .price-wrapper {
        transition: opacity 0.3s ease;
    }

    .event-overview .post:not(.compact-view):hover .extrasubtitle,
    .event-overview .post:not(.compact-view):hover .mobile-title-wrapper,
    .event-overview .post:not(.compact-view):hover .price-wrapper,
    .event-overview .post:not(.compact-view):hover .date {
        opacity: 0;
    }

    .event-overview .post .tickets-wrapper .hover-text {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        transition: opacity 0.3s ease;
        overflow: hidden;
        display: flex;
        align-items: center;
    }


    .event-overview .post:hover .hover-text {
        opacity: 1;
    }

    .event-overview .post:hover .playtime {
        opacity: 1;
    }

    .event-overview .post .tickets-wrapper .hover-text p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .event-overview .post .tickets-wrapper .subtitle {
        display: block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
    }

    .event-overview .post .tickets-wrapper .extrasubtitle {
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
        text-transform: uppercase;
        color: #393939;
    }

    .event-overview .post .tickets-wrapper .price-wrapper {
        display: flex;
        align-items: center;
    }

        .event-overview .post .tickets-wrapper .price-wrapper .price {
            margin-right: .5rem;
        }

    .event-overview .post .flex-container {
        display: flex;
        align-self: stretch;
        align-items: center;
    }

    .event-overview .post .tickets-wrapper .date {
        display: block;
        margin-bottom: 5px;
        color: #00665F;
        font-size: 14px;
        font-family: 'LL Brown';
        font-weight: 700;
        text-transform: uppercase;
    }

    .event-overview .post .tickets-wrapper .title {
        display: block;
        margin-bottom: 1.5rem;
        color: #000;
        font-size: 2.8rem;
        text-decoration: none;
        line-height: 1;
    }

    .event-overview .post .tickets-wrapper .oneliner-wrapper {
        margin-bottom: 1.4rem;
    }

    .event-overview .post .tickets-wrapper a {
        align-self: flex-start;
        margin-bottom: 10px;
    }

    .event-overview .post .tickets-wrapper ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }

        .event-overview .post .tickets-wrapper ul li img {
            width: 2rem;
            height: 2rem;
        }

        .event-overview .post .tickets-wrapper ul li .tooltip-wrapper .tooltiptext {
            visibility: hidden;
            background-color: #ffffff;
            color: #00665F;
            font-size: 16px;
            font-family: 'LL Brown';
            font-weight: 400;
            text-align: center;
            padding: 7.5px;
            position: absolute;
            top: -50%;
            left: 50%;
            white-space: nowrap;
            z-index: 1;
            -webkit-box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
            -moz-box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
            box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
        }

        .event-overview .post .tickets-wrapper ul li .tooltip-wrapper {
            position: relative;
        }

            .event-overview .post .tickets-wrapper ul li .tooltip-wrapper:hover .tooltiptext {
                visibility: visible;
            }

            .event-overview .post .tickets-wrapper ul li .tooltip-wrapper .tooltiptext::after {
                content: '';
                display: block;
                width: 15px;
                height: 15px;
                position: absolute;
                bottom: -7.5px;
                left: 0;
                background-image: url(/Images/speech.svg);
                background-size: cover;
            }

    .event-overview .post .text-wrapper .title {
        font-family: "LL Brown", Helvetica, Arial, sans-serif;
        color: #393939;
        font-size: 32px;
        display: block;
        margin-bottom: 10px;
        text-decoration: none;
    }

    .event-overview .post .text-wrapper .subtitle {
        font-family: 'LL Brown';
        font-weight: 400;
        color: #393939;
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }

    .event-overview .post .text-wrapper .intro {
        font-family: 'LL Brown';
        font-weight: 400;
        color: #00665F;
        font-size: 14px;
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.event-overview .program-action-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    text-align: right;
}

    .event-overview .program-action-container .date,
    .event-overview .program-action-container .playtime {
        margin-bottom: 2rem;
        font-size: 2rem;
        font-weight: 700;
        transition: all 0.3s ease;
    }

    .event-overview .program-action-container .play-area {
        display: block;
        margin-bottom: 2rem;
        font-size: 1.8rem;
        color: #393939;
    }

    .event-overview .program-action-container .playtime {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 1.5rem;
    }

    .event-overview .program-action-container .btn-primary {
        background-color: #F9A5C8;
        color: #000;
    }

        .event-overview .program-action-container .btn-primary:hover {
            background-color: #f67eb0;
        }


        .event-overview .program-action-container .btn-primary.btn-hasbeen {
            background-color: #ECECEC;
        }

            .event-overview .program-action-container .btn-primary.btn-hasbeen:hover {
                background-color: #d4d4d4;
            }

.event-overview .post {
    background: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 2px solid #f1f1f1;
}

    .event-overview .post > div:first-child {
        padding-left: 0;
    }

    .event-overview .post > div:last-child {
        padding-right: 0;
    }

    .event-overview .post.compact-view {
        align-items: flex-start;
    }

        .event-overview .post.compact-view > div:not(:last-of-type) {
            align-items: flex-start;
        }

        .event-overview .post.compact-view .play-area {
            font-size: 1.6rem;
        }

        .event-overview .post.compact-view .date:not(.block-on-lg),
        .event-overview .post.compact-view .playtime {
            display: none;
        }

        .event-overview .post.compact-view .btn-compact {
            margin-bottom: 0;
        }

            .event-overview .post.compact-view .btn-compact.btn-hasbeen {
                background-color: #ECECEC;
            }

                .event-overview .post.compact-view .btn-compact.btn-hasbeen:hover {
                    background-color: #d4d4d4;
                }

.event-overview .image {
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 65.25%;
    position: relative;
}

.event-overview .post-image {
    position: relative;
    display: block;
    width: 100%;
    max-width: 16rem;
    padding-bottom: 89%;
    overflow: hidden;
    background-color: #fff;
}

    .event-overview .post-image figure {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-size: cover;
        background-repeat: no-repeat;
    }

        .event-overview .post-image figure img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
        }

/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer {
    display: flex;
    align-items: center;
    padding: 50px 0 40px 0;
    background-color: #00665F;
    color: #fff;
}

    .footer .grid {
        display: flex;
        align-items: center;
    }

        .footer .grid .col-1-2 {
            display: flex;
            align-items: center;
        }

    .footer .footer-buttons .btn {
        font-family: 'LL Brown';
        display: block;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 1rem;
        background-color: #FDE0E7;
        color: #000;
        padding: 1.5rem 1rem;
        border: none;
        width: auto;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all 0.3s ease;
    }

        .footer .footer-buttons .btn:hover {
            background-color: #fbc9d5;
        }

#logo-footer {
    width: 220px;
    height: 88px;
    display: inline-block;
    background: url("/Images/logo-footer.svg") no-repeat;
    text-indent: -9999em;
    margin-left: 4rem;
}

#logo-footer-date {
    display: block;
    font-size: 4rem;
    font-weight: 300;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: -1.3px;
    font-family: 'LL Brown';
}

.logo-footer-location {
    font-size: 2.8rem;
    line-height: normal;
    letter-spacing: -0.5px;
    display: block;
}

.logo-footer-extra-text {
    font-size: 1.8rem;
    line-height: normal;
    display: block;
    margin: 0 0 20px 0;
    font-family: 'LL Brown';
    font-weight: 300;
}

.logo-footer-button {
    background-color: #fff;
    border: 1px solid #fff;
    font-family: 'LL Brown';
    color: #00665F;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.4rem;
    min-width: 165px;
}

    .logo-footer-button:hover {
        background-color: transparent;
        color: #fff;
    }

.footer-button-sponsoren {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 1.4rem;
}

    .footer-button-sponsoren:hover {
        border-bottom-color: rgba(255, 255, 255, 0);
    }

.footer-col .title {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 24px;
    position: relative;
    padding-bottom: 26px;
}

    .footer-col .title::after {
        position: absolute;
        bottom: 14px;
        content: "";
        display: block;
        width: 100%;
        max-width: 180px;
        height: 3px;
        background: #fff;
    }

.footer-col .btn-rounded {
    margin-bottom: 5px;
}

.social-links {
    display: flex;
    margin: 0;
    padding: 0;
}

    .social-links li {
        display: inline-block;
        font-size: 2.4rem;
    }

    .social-links a {
        color: #fff;
        display: block;
        padding: 1rem;
        text-decoration: none;
    }

        .social-links a:hover {
            color: #FDE0E7;
        }

.footer .social-links.no-icons a {
    border-bottom: 1px solid #fff;
}

.footer .social-links .social-text {
    display: inline-block;
    padding: 1px 0;
    border-bottom: 1px solid #fff;
    font-weight: 400;
}

    .footer .social-links .social-text:hover {
        border-bottom: 1px solid transparent;
    }

.footer .flex-end {
    display: flex;
    align-self: center;
    justify-content: center;
}

    .footer .flex-end a {
        display: block;
    }

.legal {
    background-color: #00665F;
    color: #fff;
    padding: 30px 0;
    font-size: 16px;
    font-weight: 400;
}

.legal-col {
    text-align: center;
    font-size: 1.4rem;
}

    .legal-col ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .legal-col li {
        display: inline-block;
        margin: 0 5px;
    }

    .legal-col a {
        color: inherit;
        text-decoration: none;
        margin: 0 5px;
    }

        .legal-col a:hover {
            text-decoration: underline;
        }

    .legal-col #-item-link-1073 {
        background-color: #ba0c2f;
        border-radius: 4px;
        padding: 4px 8px;
    }

.copyright-text {
    display: inline-block;
    margin-right: 20px;
}

.partners {
    background-color: #00665F;
    text-align: center;
}

    .partners .partners-title {
        text-align: center;
        display: block;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: -0.5px;
        margin-bottom: 2rem;
    }

    .partners ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .partners li {
        height: 65px;
        max-height: 85px;
        margin: 0px 10px;
        float: left;
        max-width: 85px;
    }

        .partners li img {
            display: block;
            max-width: 100px;
        }

        .partners li a,
        .partners li span {
            display: table-cell;
            vertical-align: middle;
        }

.btn.partners {
    color: #001639;
    border: 3px solid #000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    background: transparent;
    text-decoration: none;
}

.detail-content-white {
    background-color: #ffffff;
    /*max-width: 1000px;*/
    margin-bottom: 75px;
}

    .detail-content-white .content-padding {
        padding: 65px 50px;
    }

.detail-content-1000 {
    max-width: 1000px;
}

.cover-img.detail {
    max-width: 1000px;
}

.hr-yellow {
    width: 100%;
    height: 11px;
    background: #f087b6;
}

.hr-yellow {
    width: 100%;
    height: 11px;
    background-color: #00665F;
}

.text-intro.detail {
    color: #f087b6;
}

    .text-intro.detail .title {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 15px;
    }

    .text-intro.detail .subtitle {
        font-family: 'LL Brown';
        font-weight: 700;
        color: #000;
        font-size: 30px;
    }


.ander-boulevard .content-padding .text-intro.detail {
    color: #00665F;
}

    .ander-boulevard .content-padding .text-intro.detail .title {
        color: unset;
        font-size: 60px;
        margin-bottom: 5px;
    }

    .ander-boulevard .content-padding .text-intro.detail .subtitle {
        color: unset;
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
    }

        .ander-boulevard .content-padding .text-intro.detail .subtitle .landherkomst {
            color: #00665F;
        }

.gidsen-bg .text-intro.detail .title,
.gidsen .text-intro.detail .title {
    max-width: inherit;
    font-size: 120px;
    line-height: 120px;
}

.gids-detail .text-intro.detail .title {
    font-size: 80px;
    line-height: 80px;
}


.text-intro.detail .title.pink {
    color: #f087b6;
}

.text-intro.detail .title.white {
    color: #fff;
}

.text-intro.detail .extrasubtitle {
    color: #00665F;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    font-family: 'LL Brown';
    margin-top: 10px;
}

.text-intro.detail .subtitle .landherkomst {
    color: #00665F;
}

.gidsen-bg .text-intro.detail .subtitle {
    font-size: 40px;
    line-height: 40px;
}

.gids-detail .img-person {
    position: absolute;
    top: -70px;
    right: 0;
}

    .gids-detail .img-person .img {
        padding-bottom: 100%;
    }

.text-intro.detail .subtitle.darkblue {
    color: #001639;
}

.text-intro.detail .subtitle.blue {
    color: #00665F;
}

.text-intro.detail .subtitle.white {
    color: #fff;
}

.text-intro.detail .intro {
    margin-top: 40px;
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 24px;
    color: #00665F;
    font-weight: 400;
    font-family: 'LL Brown';
}

    .text-intro.detail .intro.white {
        color: #fff;
    }

    .text-intro.detail .intro.small-spacer-bottom {
        margin-bottom: 20px;
    }

.text-intro.detail p a {
    color: #00665F;
}

    .text-intro.detail p a:hover {
        color: #00665F;
    }

.news-sidebar {
    color: #00665F;
    margin-bottom: 40px;
}

    .news-sidebar .title {
        font-size: 14px;
        line-height: 24px;
        display: block;
        color: #505050;
    }

    .news-sidebar .subtitle {
        font-size: 18px;
        line-height: 24px;
        display: block;
        margin-bottom: 12px;
        font-weight: 400;
        font-family: 'LL Brown';
    }

.social-share {
    margin: 8px 0 20px 0;
    padding: 5px 0 15px 0;
    list-style: none;
    position: relative;
    color: #00665F;
}

.social-share-event {
    margin: 0;
    padding: 0;
}
/*.social-share::before {
        content: "";
        width: 100%;
        height: 3px;
        background-color: #f8bb2e;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 165px;
    }*/
.social-share li {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}

    .social-share li a {
        width: 22px;
        text-decoration: none;
        color: inherit;
        font-size: 18px;
        display: block;
        text-align: center;
    }

        .social-share li a:hover {
            color: #393939;
        }

.social-share .a2a_default_style a {
    line-height: normal;
}

.textpage {
    color: #00665F;
    font-family: 'LL Brown';
    font-weight: 400;
    font-size: 18px;
}

    .textpage p a,
    .textpage ul a {
        color: #00665F;
        font-weight: 400;
    }

    .textpage h2,
    .textpage h3,
    .textpage h4,
    .textpage h5,
    .textpage h6 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 10px;
        color: inherit;
    }

    .textpage table {
        width: 100% !important;
        border: none !important;
        border-collapse: collapse !important;
        border-color: none !important;
    }

        .textpage table td,
        .textpage table tr,
        .textpage table th,
        .textpage table thead,
        .textpage table tfoot {
            border: none !important;
        }

        .textpage table p {
            margin: 0;
        }

            .textpage table p a {
                color: inherit;
            }

    .textpage.supporters p a {
        text-decoration: none;
    }

.has-faq-view h3 {
    display: block;
    font-size: 20px;
    background-color: #00665F;
    color: #fff;
    padding: 10px 20px;
    margin-top: 5px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .has-faq-view h3:hover {
        background-color: #64ccc9;
    }

    .has-faq-view h3 + p {
        display: none;
        padding: 10px 20px;
    }

/*.quote-wrap {
    margin: 60px 0;
}*/

/*.quote-wrap .quote-bg {
        background-color: #fcdd96;
    }*/

.quote-wrap .border-top {
    position: relative;
    height: 0;
    padding: 6.20% 0 0 0;
}

.quote-wrap .border-bottom {
    position: relative;
    height: 0;
    padding: 0 0 6.20% 0;
}

.quote-wrap .border-top svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.quote-wrap .border-bottom svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.textpage-quote {
    font-size: 26px;
    line-height: 36px;
    color: #000;
    margin: 60px 0;
    position: relative;
}

    .textpage-quote::before {
        position: absolute;
        left: -55px;
        font-size: 35px;
        top: -10px;
        content: "\71";
        font-family: "boulevard" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #00665F;
    }

    .textpage-quote .title {
        font-size: 20px;
        font-weight: 700;
        font-style: italic;
    }

.oneliner {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media only screen and (max-width : 1300px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    .accessibility.mobile {
        position: fixed;
        display: block;
        top: 6rem;
    }

        .accessibility.mobile .accessibility-btn {
            width: 4rem;
            height: 4rem;
            padding: 0.5rem;
        }

        .accessibility.mobile .accessibilityMenu {
            left: 4rem;
        }
}

/*------------------------------------*\
    CUSTOM MediaQuery 1279
\*------------------------------------*/
@media only screen and (max-width : 1279px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    .title-event {
        font-size: 24px;
        line-height: 34px;
    }

    .accessibility .accessibility-btn {
        width: 4rem;
        height: 4rem;
        padding: 0.5rem;
    }
}

@media only screen and (max-width : 1350px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 32px;
    }
}

@media only screen and (max-width : 1220px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 29px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width : 1130px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 26px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
}


/*------------------------------------*\
    MD MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 1024px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {

    .black-wipe-sm {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100px;
        z-index: 9;
    }

    .mobile-menu-logo {
        display: block;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

        .mobile-menu-logo .logo-image {
            display: block;
            width: 26rem;
            height: 10rem;
            background: url(/Images/BLVRD_LOGO_2021.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header {
        display: none;
    }

    #mobile-nav-trigger {
        left: unset;
        right: 0;
    }

    #menu-extra-fixed {
        display: block;
        left: 0;
        right: unset;
    }

    /* MOBILE NAVIGATION */
    #mobile-nav {
        display: block;
    }

    #mobile-nav-trigger {
        width: 60px;
        height: 60px;
        background-color: #00665F;
        display: inline-block;
        position: fixed;
        top: 0;
        z-index: 130;
    }

        #mobile-nav-trigger .hamburger-icon {
            width: 33px;
            height: 21px;
            top: 20px;
            margin-left: 13px;
        }

            #mobile-nav-trigger .hamburger-icon i {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #mobile-nav-trigger .hamburger-icon .line1 {
                top: 0;
            }

            #mobile-nav-trigger .hamburger-icon .line2 {
                top: 10px;
            }

            #mobile-nav-trigger .hamburger-icon .line3 {
                top: 20px;
            }

        #mobile-nav-trigger.active .hamburger-icon .line2 {
            opacity: 0;
        }

        #mobile-nav-trigger.active .hamburger-icon .line1 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 9px;
        }

        #mobile-nav-trigger.active .hamburger-icon .line3 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 9px;
        }

    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #00665F;
        color: #fff;
        z-index: 115;
        overflow: auto;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-overflow-scrolling: touch;
    }

        #mobile-nav.is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        #mobile-nav .language a {
            color: #fff;
        }

        #mobile-nav #mobile-menu a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 24px 10px 24px;
            line-height: normal;
            border-top: 2px solid #fff;
        }

            #mobile-nav #mobile-menu a:hover,
            #mobile-nav #mobile-menu a:active,
            #mobile-nav #mobile-menu a.active {
                color: #fff;
            }

        #mobile-nav ul {
            margin: 0;
            padding: 0;
        }

        #mobile-nav #mobile-menu li {
            display: inline-block;
            width: 50%;
            float: left;
            text-align: center;
        }

            #mobile-nav #mobile-menu li:nth-child(1) a,
            #mobile-nav #mobile-menu li:nth-child(3) a {
                border-right: 1px solid #fff;
            }

            #mobile-nav #mobile-menu li:nth-child(2) a,
            #mobile-nav #mobile-menu li:nth-child(4) a {
                border-left: 1px solid #fff;
            }

        #mobile-nav #mobile-menu a .icon {
            display: block;
            font-size: 50px;
            height: 50px;
            margin-bottom: 12px;
            line-height: 0;
        }

        #mobile-nav .language a {
            font-size: 12px;
        }

    /* MOBILE SUBNAVIGATION */
    .mobile-subnav-trigger {
        display: block;
        padding: 24px 10px 22px;
        text-align: center;
        font-size: 12px;
        border-top: 2px solid #fff;
    }

    .timetable-button,
    .archive-button {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 24px 10px 22px;
        border-top: 2px solid #fff;
        border-bottom: none;
        color: white;
        text-decoration: none;
    }

    .archive-button {
        border-bottom: 2px solid #fff;
    }

    .mobile-subnav-trigger .hamburger-icon .line1,
    .mobile-subnav-trigger .hamburger-icon .line2,
    .mobile-subnav-trigger .hamburger-icon .line3 {
        background: #fff;
    }

    .mobile-subnav {
        display: none;
        padding: 20px 0;
    }

        .mobile-subnav .title {
            font-size: 20px;
            font-weight: 700;
            text-transform: none;
            position: relative;
            padding: 0 50px 0 30px;
        }

            .mobile-subnav .title::after {
                content: "\70";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: 20px;
                top: 9px;
                color: #fff;
                font-size: 30px !important;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .mobile-subnav .title.active::after {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .mobile-subnav ul {
            margin: 0 0 15px 0;
            list-style: none;
            display: none;
        }

            .mobile-subnav ul a {
                color: #fff;
                text-decoration: none;
                text-transform: none;
                font-weight: 300;
                font-size: 18px;
                display: block;
                padding: 5px 40px;
            }
}


/*------------------------------------*\
    SM MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 768px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    html {
        font-size: 1.2vw;
    }

    .tw_icon_wrapper {
        display: flex !important;
    }

    .overlay .overlay-top .flex-container .lang-select {
        margin-right: 0;
    }

    .accessibility.mobile {
        top: 7.5rem;
    }

    .overlay .main-nav-icon {
        display: block;
        width: 3rem;
        height: 3rem;
        background: url(/Images/Winkelwagen.svg) no-repeat;
        background-size: auto;
        background-size: contain;
        background-position: center center;
        text-indent: -9999em;
        margin: 0 5px;
    }

    .overlay .main-nav-mijnomgeving {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        width: 3rem;
        height: 3rem;
        text-decoration: none;
        font-size: 28px;
        margin: 0 5px;
    }

    .black-wipe-sm {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100px;
        z-index: 9;
    }

    .mobile-menu-logo {
        display: block;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

        .mobile-menu-logo .logo-image {
            display: block;
            width: 26rem;
            height: 8rem;
            background: url(/Images/boulevard_new22.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header {
        display: none;
    }

    #mobile-nav-trigger {
        left: unset;
        right: 0;
    }

    #menu-extra-fixed {
        display: block;
        left: 0;
        right: unset;
    }

    .hoek {
        padding-left: 30.7%;
    }

        .hoek.right {
            padding-left: 30.7%;
        }

        .hoek.mid {
            height: 65%;
            padding-left: 70%;
        }

    .home-city .city-text .titles h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .home-city .city-text .titles h3 {
        font-size: 30px;
        line-height: 35px;
    }

    #shopping-cart-fixed {
        width: 60px;
        height: 60px;
    }

        #shopping-cart-fixed span {
            margin: 14px auto 0;
        }

    #main-nav {
        display: none;
    }

    #content {
        border-left: none;
    }

    /* MOBILE NAVIGATION */
    #mobile-nav {
        display: block;
    }

    #mobile-nav-trigger {
        width: 60px;
        height: 60px;
        background-color: #00665F;
        display: inline-block;
        position: fixed;
        top: 0;
        z-index: 130;
    }

        #mobile-nav-trigger .hamburger-icon {
            width: 33px;
            height: 21px;
            top: 20px;
            margin-left: 13px;
        }

            #mobile-nav-trigger .hamburger-icon i {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #mobile-nav-trigger .hamburger-icon .line1 {
                top: 0;
            }

            #mobile-nav-trigger .hamburger-icon .line2 {
                top: 10px;
            }

            #mobile-nav-trigger .hamburger-icon .line3 {
                top: 20px;
            }

        #mobile-nav-trigger.active .hamburger-icon .line2 {
            opacity: 0;
        }

        #mobile-nav-trigger.active .hamburger-icon .line1 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 9px;
        }

        #mobile-nav-trigger.active .hamburger-icon .line3 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 9px;
        }

    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #00665F;
        color: #fff;
        z-index: 115;
        overflow: auto;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-overflow-scrolling: touch;
    }

        #mobile-nav.is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        #mobile-nav .language a {
            color: #fff;
        }

        #mobile-nav #mobile-menu a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 24px 10px 24px;
            line-height: normal;
            border-top: 2px solid #fff;
        }

            #mobile-nav #mobile-menu a:hover,
            #mobile-nav #mobile-menu a:active,
            #mobile-nav #mobile-menu a.active {
                color: #fff;
            }

        #mobile-nav ul {
            margin: 0;
            padding: 0;
        }

        #mobile-nav #mobile-menu li {
            display: inline-block;
            width: 50%;
            float: left;
            text-align: center;
        }

            #mobile-nav #mobile-menu li:nth-child(1) a,
            #mobile-nav #mobile-menu li:nth-child(3) a {
                border-right: 1px solid #fff;
            }

            #mobile-nav #mobile-menu li:nth-child(2) a,
            #mobile-nav #mobile-menu li:nth-child(4) a {
                border-left: 1px solid #fff;
            }

        #mobile-nav #mobile-menu a .icon {
            display: block;
            font-size: 50px;
            height: 50px;
            margin-bottom: 12px;
            line-height: 0;
        }

        #mobile-nav .language a {
            font-size: 12px;
        }

    /* MOBILE SUBNAVIGATION */
    .mobile-subnav-trigger {
        display: block;
        padding: 24px 10px 22px;
        text-align: center;
        font-size: 12px;
        border-top: 2px solid #fff;
    }

    .timetable-button,
    .archive-button {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 24px 10px 22px;
        border-top: 2px solid #fff;
        border-bottom: none;
        color: white;
        text-decoration: none;
    }

    .archive-button {
        border-bottom: 2px solid #fff;
    }

    .mobile-subnav-trigger .hamburger-icon .line1,
    .mobile-subnav-trigger .hamburger-icon .line2,
    .mobile-subnav-trigger .hamburger-icon .line3 {
        background: #fff;
    }

    .mobile-subnav {
        display: none;
        padding: 20px 0;
    }

        .mobile-subnav .title {
            font-size: 20px;
            font-weight: 700;
            text-transform: none;
            position: relative;
            padding: 0 50px 0 30px;
        }

            .mobile-subnav .title::after {
                content: "\70";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: 20px;
                top: 9px;
                color: #fff;
                font-size: 30px !important;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .mobile-subnav .title.active::after {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .mobile-subnav ul {
            margin: 0 0 15px 0;
            list-style: none;
            display: none;
        }

            .mobile-subnav ul a {
                color: #fff;
                text-decoration: none;
                text-transform: none;
                font-weight: 300;
                font-size: 18px;
                display: block;
                padding: 5px 40px;
            }

    .cover-img.header .img-text {
        padding-top: 30px;
        padding-left: 70px;
    }

    .mobile-normal-p {
        padding-right: 10px;
    }

    .program {
        margin-left: 0;
    }

    .summary {
        margin: 0 0 30px 0;
    }

    .has-faq-view h3 {
        font-size: 16px;
    }

    .cover-img.header .img-title {
        font-size: 55px;
        line-height: normal;
    }

    .cover-img.header.homepage .img-text {
        padding-left: 20px;
    }

    .archive-title {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 60px !important;
        margin-top: 80px !important;
    }

    .gidsen-bg .text-intro.detail .title {
        font-size: 70px;
        line-height: 70px;
    }

    .gids-detail .img-person {
        position: relative;
        top: inherit;
        right: inherit;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
        margin-top: -50px;
    }


    .gidsen-bg .text-intro.detail .title,
    .gidsen .text-intro.detail .title {
        font-size: 80px;
        line-height: 80px;
    }


    .detail-program-bg .detail-content-white {
        margin-bottom: 0;
    }

    .detail-program-bg .detail-content-1000 {
        margin-bottom: 75px;
    }

    .filter-group > ul.filter-locations {
        width: 95vw;
    }

    .event-overview .post-image {
        max-width: unset;
        padding-bottom: 100%;
    }

    .event-overview .program-action-container .date {
        margin-bottom: 1rem;
        text-align: right;
    }

    .event-overview .program-action-container .playtime {
        position: relative;
        top: unset;
        right: unset;
        opacity: 1;
    }

    .event-overview .btn-compact {
        display: flex !important;
        background-color: #F9A5C8;
    }


    /*************
Contentblokken TABLET
***************/
    .contentblock-Title .flex-container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contentblock-Title .mag-link {
        padding-top: 45%;
    }

    .contentblock-Title .text {
        padding: 0;
    }


    /* Text And Image */
    .contentblock-TextAndImage .text-and-image {
        display: flex;
        flex-wrap: wrap;
    }

        .contentblock-TextAndImage .text-and-image.swapped .col-text .text {
            padding: 5rem 0 0 0;
        }

        .contentblock-TextAndImage .text-and-image .col-img img {
            text-align: center;
            margin: 0 auto;
        }

    /* Video contentblok*/


    .contentblock-Testimonial .slide {
        padding: 0 50px;
    }

    .contentblock-headerVideo {
        height: auto;
        padding-bottom: 27.25%;
    }

    .relative.green::after {
        content: none;
    }

    .programma-bg.news .flex-wrapper .btn-news {
        margin: 2rem 0;
    }

    .flex-wrapper .flex-child:last-child {
        justify-content: flex-start;
    }

    /* COUNTDOWN */
    #countdown {
        color: #fff;
        text-align: center;
        background-color: #00665F;
    }

        #countdown ul {
            margin: 0;
            padding: 0;
            visibility: visible;
        }

        #countdown .notactive {
            visibility: hidden;
        }

        #countdown li {
            display: inline-block;
            font-size: 20px;
            list-style-type: none;
            padding: 10px;
            text-transform: uppercase;
        }

            #countdown li span {
                display: block;
                font-size: 55px;
                line-height: 60px;
            }

        #countdown h2 {
            font-family: 'LL Brown';
            font-size: 45px;
            font-weight: 700;
            line-height: 50px;
            padding-bottom: 15px;
            margin-bottom: 5px;
            position: relative;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    .contentblock-aboutTheCity .city-bg {
        padding-bottom: 56.25%;
    }

        .contentblock-aboutTheCity .city-bg .titles {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 50px;
            padding: 35px;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: inherit;
                line-height: normal;
            }

    /* NEW EVENT DETAIL STYLING IPAD */
    .eventDetail-intro .eventDetail-intro-wrapper {
        flex-wrap: wrap;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-text {
            order: 1;
            padding: 22px; /* Same as blue info wrapper */
        }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info {
            order: 2;
        }

    /* NEW FILTER */
    .filter-container .flex-wrapper-filter .text .title {
        font-size: 64px;
        margin-bottom: 5px;
    }

    .filter-container .flex-wrapper-filter {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

        .filter-container .flex-wrapper-filter .top-filters {
            width: 100%;
            display: flex;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
                margin: 15px 10px 15px 0;
                display: block;
                flex: 1 1 auto;
            }

    .filter-group-search {
        display: inline-block;
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        margin: 10px 0;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper:hover .tooltiptext {
        visibility: hidden;
    }
}


/*------------------------------------*\
    XS MediaQuery
\*------------------------------------*/
@media screen and (max-width : 480px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    html {
        font-size: 2vw;
    }

    body {
        font-size: 15px;
    }

    .overlay.open {
        padding-bottom: 50px;
    }

    .overlay .overlay-top .flex-container {
        flex-wrap: wrap;
    }

        .overlay .overlay-top .flex-container .search-bar {
            order: 2;
        }

        .overlay .overlay-top .flex-container .close-overlay {
            order: 1;
            margin-bottom: 2rem;
            width: 100%;
        }

            .overlay .overlay-top .flex-container .close-overlay .burger {
                width: 5rem;
                height: 5rem;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger span::before {
                    width: 5rem;
                }

                .overlay .overlay-top .flex-container .close-overlay .burger span::after {
                    width: 5rem;
                }

        .overlay .overlay-top .flex-container .lang-select {
            flex-grow: 1;
        }

        .overlay .overlay-top .flex-container .search-bar form.filter-search {
            width: 100%;
        }

    /*Hiding because of available space*/
    .overlay .overlay-mid .become-friend {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        top: unset;
    }

    .overlay .main-nav-icon,
    .overlay .main-nav-mijnomgeving {
        width: 30px;
        height: 30px;
        filter: invert(1);
    }

    .overlay .overlay-bottom .bottom-menu.last {
        margin-bottom: 5rem;
    }

    .overlay .overlay-bottom .socials {
        align-items: flex-start;
        flex-direction: row;
        margin-bottom: 2.5rem;
    }

        .overlay .overlay-bottom .socials li a {
            margin: 0 1.5rem 0 0;
        }

    .overlay .overlay-logos {
        margin-bottom: 2rem;
    }

        .overlay .overlay-logos ul {
            width: 100%;
            justify-content: space-between;
        }


    .textpage,
    .gids-detail .textpage p,
    .keuzestress-blocks .block-item .block-content .text {
        font-size: 15px;
        line-height: 24px;
    }

    .keuzestress-blocks .block-content .btn {
        font-size: 15px;
        line-height: 15px;
    }

    .grey h1 {
        font-size: 32px;
        line-height: 36px;
    }

    #countdown li {
        font-size: 15px;
    }

        #countdown li span {
            font-size: 40px;
            line-height: 50px;
        }

    #countdown h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .ander-boulevard .content-padding .text-intro.detail .title {
        font-size: 36px;
    }

    .detail-program-bg .flex-container-event {
        display: flex;
        flex-wrap: wrap;
    }

    .ma-top {
        margin-top: 2rem;
    }

    .bw p {
        word-break: break-word;
    }


    .hoek {
        padding-left: 40.7%;
    }

        .hoek.right {
            padding-left: 40.7%;
        }

        .hoek.mid {
            padding-left: 90%;
        }

    .grey p {
        font-size: 15px;
        line-height: 24px;
    }

    .overlay-melding {
        top: 0;
        left: 100%;
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: block;
        position: fixed;
        background: rgba(0,0,0,0.7);
        transition: ease opacity 0.6s, ease left 0s;
        -webkit-transition: ease opacity 0.6s, ease left 0s;
    }

        .overlay-melding.active {
            left: 0;
            opacity: 1;
            transition: ease opacity 0s 0.6s, ease left 0.6s 0s;
            -webkit-transition: ease opacity 0s 0.6s, ease left 0.6s 0s;
        }

    .popup-melding {
        top: 50%;
        left: 50%;
        display: none;
        width: 300px;
        padding: 40px;
        height: 200px;
        z-index: 1001;
        display: flex;
        position: fixed;
        background: #fff;
        align-items: center;
        border-radius: 12px;
        display: -webkit-flex;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0);
        box-shadow: 0px 4px 20px rgba(0,0,0,0.8);
    }

        .popup-melding button {
            display: inline-block;
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            padding: 6px 30px;
            overflow: hidden;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid #daaa00;
            background-color: #daaa00;
            transition: ease all 0.3s;
            -webkit-transition: ease all 0.3s;
        }

            .popup-melding button:hover {
                background-color: #fff;
                color: #daaa00;
            }

    .hero-content {
        bottom: 20px;
    }

    .hero-title .title {
        font-size: 40px;
        line-height: 40px;
    }

    .hero-title .subtitle {
        font-size: 30px;
        line-height: 30px;
    }

    .hero-button {
        margin-bottom: 30px;
    }

    .title-event {
        margin-bottom: 60px;
        margin-left: 0;
    }

    .timetable-mobile {
        height: auto;
        visibility: visible;
    }

    .show-on-mobile {
        display: block;
    }

    .smoelenboek {
        width: calc(100% - 20px);
        margin: 0px 10px;
    }

        .smoelenboek .info h3 {
            font-size: 16px;
        }

        .smoelenboek .info {
            font-size: 12px;
        }

    .z-min10 {
        z-index: 1;
    }

    .space-left {
        margin-left: 0;
    }

    .mobile-normal-p {
        padding-right: 10px;
    }

    .top-spacer {
        height: 85px;
    }

    .cover-img.header {
        margin-left: -20px;
        margin-right: -20px;
        height: 75vh;
        min-height: 425px;
        max-height: 800px;
        background-size: cover !important;
        background-position: top center !important;
    }

        .cover-img.header img {
            display: none;
        }

        .cover-img.header .img-title {
            font-size: 40px;
            line-height: normal;
        }

        .cover-img.header .img-text {
            padding-left: 20px;
            padding-top: 130px;
        }

        .cover-img.header .img-info {
            font-size: 30px;
            line-height: 30px;
        }

    .block-item {
        margin-bottom: 50px;
    }

        .block-item .subtitle {
            margin-left: 0;
        }

        .block-item .more-info .left-side {
            padding-left: 25px;
        }


        .block-item.featured .title {
            font-size: 36px;
            line-height: 36px;
            margin-bottom: 20px;
        }

        .block-item.featured .subtitle {
            margin-left: 15px;
            margin-bottom: 10px;
        }


        .block-item.album .cover-img {
            margin-right: 0;
        }

        .block-item.video .title {
            /*margin-left: 20px;*/
        }

        .block-item.video .subtitle {
            margin-left: 0;
            width: 100%;
            float: none;
        }

        .block-item.video .text {
            width: 100%;
            /*padding-left: 20px;*/
            float: none;
        }

    .gidsen-bg .text-intro.detail .title,
    .gidsen .text-intro.detail .title {
        font-size: 50px;
        line-height: 50px;
    }

    .title-gidsen {
        font-size: 40px;
        line-height: 40px;
    }

    .text-intro.detail .title,
    .gidsen-bg .text-intro.detail .title,
    .block-section .title {
        font-size: 36px;
        line-height: 1.2;
    }

    .text-intro.detail .subtitle,
    .gidsen-bg .text-intro.detail .subtitle {
        font-size: 21px;
        line-height: 22px;
    }

    .text-intro.detail .intro,
    .block-section .intro {
        margin: 20px 0;
        font-size: 20px;
        line-height: 26px;
    }

    .textpage-quote {
        font-size: 20px;
        line-height: 26px;
        margin-top: 20px;
    }

        .textpage-quote::before {
            position: static;
            margin: 0 auto 10px;
            display: block;
        }

    /* Footer */

    .footer .grid {
        flex-wrap: wrap;
    }

        .footer .grid .col-1-2 {
            flex-wrap: wrap;
        }

    .footer .social-links {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 2rem 0;
    }

        .footer .social-links li {
            display: inline-block;
        }

    #logo-footer {
        margin-left: 25px;
    }

    #logo-footer-date,
    .logo-footer-location,
    .logo-footer-extra-text,
    .footer-btn {
        text-align: center;
    }

    .copyright-text {
        display: block;
    }

    .styledform .form-row {
        padding-right: 0 !important;
    }

        .styledform .form-row .checkbox {
            padding-left: 0 !important;
        }

            .styledform .form-row .checkbox input[type="checkbox"] {
                left: 0 !important;
            }

        .styledform .form-row.inline label {
            float: none !important;
            display: block !important;
            width: 100% !important;
            top: 2px !important;
        }

        .styledform .form-row.inline input[type="text"],
        .styledform .form-row.inline input[type="date"],
        .styledform .form-row.inline input[type="tel"],
        .styledform .form-row.inline input[type="email"],
        .styledform .form-row.inline input[type="password"],
        .styledform .form-row.inline select,
        .styledform .form-row.inline textarea {
            float: none !important;
            width: 100% !important;
        }

    .styledform .pers_voorstellingen-gekozen {
        float: none !important;
        width: 100% !important;
    }

    .styledform .form-row.note .inside {
        margin-left: 0 !important;
    }

    .styledform .form-row input[type="submit"],
    .styledform .form-row input[type="button"] {
        margin-left: 0 !important;
    }

    .filter-bar {
        margin-right: 0;
    }

    .active-filters ul {
        float: none;
    }

    .active-filters li {
        display: block;
        float: none;
        width: 100%;
    }

        .active-filters li a {
            width: 100%;
            display: block;
        }

    .filter-search {
        width: 100%;
    }

    #reset-filters {
        float: none;
        margin: 0;
        display: block;
        width: 100%;
    }

    .filter-bar .left,
    .filter-bar .right {
        width: 100%;
    }

    .filter-group > ul.filter-locations {
        height: unset;
        overflow: auto;
    }

    .filter-group {
        width: 100%;
        display: block;
    }

        .filter-group ul {
            position: static;
            margin-top: 5px;
        }

        .filter-group .filter-trigger,
        .filter-group.outlined .filter-trigger.active {
            display: block;
            background: transparent;
            margin: 10px 0;
        }

        .filter-group.outlined .filter-trigger {
            display: block;
            background: none;
            color: #393939;
        }

        .filter-group > ul.filter-locations {
            margin-left: 0;
            width: auto;
        }

    .timetable-wrapper {
        height: 0px;
        overflow: hidden;
        visibility: hidden;
    }

    .timetable-download {
        border-top: none;
        padding-top: 5px;
        margin-bottom: 2px;
    }

    .archive .archive-block .buttons ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .archive .archive-block .buttons li {
        margin: 0 0 15px 0 !important;
        width: auto;
    }

    /*Contentblokken Mobile*/


    .contentblock-Faq .text .title {
        font-size: 25px;
    }

    .contentblock-Faq .faq .question {
        font-size: 16px;
    }

    .contentblock-Faq .faq .anwser {
        font-size: 14px;
    }

    .contentblock-SubmenuAndText .link-list li a {
        font-size: 23px;
    }

    .contentblock-headerVideo {
        min-height: 65vh;
    }

        .contentblock-headerVideo .arrow_down {
            width: 5rem;
            height: 5rem;
        }

            .contentblock-headerVideo .arrow_down img {
                max-width: 20px;
            }
    /*.contentblock-headerVideo.viewheight-ios {
            min-height: -webkit-fill-available;
        }*/
    .contentblock-TextandButton .text .title {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 1.5rem;
    }

        .contentblock-TextandButton .text .title.brown-font {
            margin-bottom: 1.5rem;
        }

    .contentblock-TextandButton .text form {
        flex-wrap: wrap;
        justify-content: center;
    }

        .contentblock-TextandButton .text form .email {
            margin-bottom: 20px;
        }

        .contentblock-TextandButton .text form .submit {
            align-self: flex-start;
            width: auto;
            flex-grow: unset;
        }

    .contentblock-Title .flex-container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contentblock-Title .mag-link {
        padding-top: 63.25%;
    }

    .contentblock-Testimonial .slide {
        height: auto;
        min-height: unset;
        padding: 45px;
    }

        .contentblock-Testimonial .slide .quote-name {
            font-size: 2.4rem;
        }

    .contentblock-Testimonial .quote {
        font-size: 1.4rem;
    }

    .contentblock-Testimonial #testimonialpaging {
        bottom: 0;
    }

    .contentblock-Testimonial .left, .contentblock-Testimonial .right {
        width: 30px;
        height: 30px;
    }

        .contentblock-Testimonial .left::after,
        .contentblock-Testimonial .right::after {
            width: 20px;
        }

    .contentblock-countdownTimers::after {
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        top: unset;
        width: 100%;
    }

    .contentblock-countdownTimers .row {
        flex-wrap: wrap;
    }

        .contentblock-countdownTimers .row .inner {
            margin: 25px 0;
        }

    .contentblock-aboutTheCity .city-bg .titles {
        padding: 35px;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper {
        flex-wrap: wrap;
    }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image, .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button {
            align-items: flex-start;
            margin: 10px 0;
        }


        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title {
            max-width: unset;
            margin-bottom: 10px;
            font-size: 18px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten {
            font-size: 14px;
        }

    .contentblock-aboutTheCity .city-bg {
        padding-bottom: 56.25%;
    }

        .contentblock-aboutTheCity .city-bg .titles {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
            line-height: 30px;
            padding: 25px;
            width: 100%;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: inherit;
            }

    .contentblock-aboutTheCity .city-text {
        padding: 20px 0;
        font-size: 18px;
    }

    .contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(1) .text {
        padding-right: 0;
    }

    .contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(2) .text {
        padding-left: 0;
    }

    .contentblock-relatedItems .performance-slider .slick-list {
        padding: 0 10% 0 0;
    }

    .contentblock-NewsAndHighlighted .newsandhighlighted-slider .slick-list {
        padding: 0 10% 0 0;
    }

    .contentblock-NewsAndHighlighted .newsandhighlighted-slider .slide .block-item {
        margin-bottom: 0;
    }

    .contentblock-NewsAndHighlighted .block-content .title {
        margin-bottom: 15px;
    }

    .contentblock-NewsAndHighlighted .button-wrapper {
        margin: 0;
    }

    .contentblock-Title .title-text .title {
        font-size: 36px;
        line-height: 1.4;
    }

    .contentblock-Quotes .quote {
        font-size: 22px;
        line-height: 1.4;
    }

    .contentblock-Title.newsdetail .text .title {
        font-size: 25px;
    }

    /*NEW DETAIL EVENT MOBILE STYLING*/
    .eventDetail {
        height: unset;
        /*min-height: 100vw;*/
        min-height: 80vh;
    }

        .eventDetail .flex-grid {
            align-self: stretch;
            flex-grow: 1;
            justify-content: flex-end;
        }

        .eventDetail .event-intro {
            flex-wrap: wrap;
            padding-top: 80px;
        }

            .eventDetail .event-intro .event-text-wrapper {
                width: 100%;
                margin: 75px 0 20px 0;
                align-items: center;
            }

                .eventDetail .event-intro .event-text-wrapper .event-date {
                    font-size: 18px;
                }

                .eventDetail .event-intro .event-text-wrapper .title {
                    font-size: 36px;
                    line-height: 1;
                    text-align: center;
                    margin: 10px 0;
                }

                .eventDetail .event-intro .event-text-wrapper .subtitle {
                    font-size: 24px;
                    line-height: normal;
                    text-align: center;
                }


            .eventDetail .event-intro .event-social-wrapper {
                width: 100%;
                align-items: center;
                display: flex;
                flex-direction: row-reverse;
                justify-content: center;
            }

                .eventDetail .event-intro .event-social-wrapper .socials {
                    display: none;
                }

                .eventDetail .event-intro .event-social-wrapper .socials-mobile {
                    margin-left: 20px;
                    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
                }

    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-title,
    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        word-break: break-word;
        padding-right: 5px;
    }

    .eventDetail-intro .eventDetail-intro-wrapper .event-text {
        font-size: 18px;
    }

    .eventDetail-intro .eventDetail-intro-wrapper .event-info {
        padding: 40px 22px 40px 22px;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper {
            font-size: 16px;
            width: 50%;
        }

    .fixed-socials-mobile {
        display: none;
        flex-direction: column;
        padding: 2rem;
        width: 75vw;
        text-align: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #00665F;
    }

        .fixed-socials-mobile.active {
            display: flex;
            z-index: 9999;
        }

        .fixed-socials-mobile .title {
            font-size: 20px;
        }

        .fixed-socials-mobile .social-links {
            justify-content: center;
        }

            .fixed-socials-mobile .social-links li {
                font-size: 3rem;
            }

                .fixed-socials-mobile .social-links li a {
                    color: #000;
                }

        .fixed-socials-mobile .social-links {
            justify-content: center;
        }

        .fixed-socials-mobile .btn-close {
            align-self: center;
            background: #000;
            border: none;
            color: #ffff;
            padding: 10px 20px;
            margin-top: 10px;
            font-size: 13px;
        }


    /* NEW FILTER */
    .filter-container {
        margin-top: 100px;
    }

        .filter-container .flex-wrapper-filter .top-filters {
            width: 100%;
            flex-wrap: wrap;
        }

            .filter-container .flex-wrapper-filter .top-filters button {
                width: 100%;
            }

        .filter-container .flex-wrapper-filter .text .title {
            font-size: 35px;
            line-height: normal;
        }

        .filter-container .flex-wrapper-filter {
            flex-wrap: wrap;
            flex-direction: column;
            align-items: flex-start;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
                margin: 7.5px 0;
                display: block;
                text-align: center;
            }

    .programma-overview .programme-day {
        font-size: 3.15rem;
    }

    /*EVENT OVERVIEW*/
    .event-overview .post {
        flex-wrap: wrap;
        padding: 0 5px;
    }

        .event-overview .post > .xs-col-8-12 {
            padding-left: 0;
        }

        .event-overview .post .flex-container {
            margin-bottom: 5px;
        }

        .event-overview .post .tickets-wrapper .title {
            margin-bottom: 5px;
        }

        .event-overview .post .tickets-wrapper .extrasubtitle {
            font-size: 1.5rem;
        }

        .event-overview .post .tickets-wrapper .mobile-title-wrapper .title {
            font-size: 2.35rem;
        }

        .event-overview .post .tickets-wrapper .mobile-title-wrapper .subtitle {
            font-size: 1.8rem;
        }

        .event-overview .post.compact-view .date,
        .event-overview .post.compact-view .playtime {
            display: block !important;
        }

    .contentblock-NewsAndHighlighted .title {
        font-size: 30px;
    }
}





/* HERO IMAGE MEDIA QUERIES */
@media only screen and (max-width: 1099px) {
    .hero-logo {
        background: url('/Images/boulevard-logo-2017-white-v2.svg') no-repeat;
        right: auto;
        left: 50%;
        top: 40px;
        height: 160px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media only screen and (max-height: 800px) {

    .hero-button {
        margin-bottom: 0px;
    }

    .hero-programme {
        display: none;
    }
}

@media screen and (max-width: 1099px) and (max-height: 800px) {
    .hero-logo {
        top: 40px;
        height: 100px;
    }
}

@media screen and (max-width: 480px) and (max-height: 800px) {
    .hero-button {
        margin-bottom: 0px;
    }
}

.tips {
    font-family: 'LL Brown';
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    height: 50px;
    background: #f087b6;
    float: left;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
}

    .tips:hover {
        background: #001539;
    }

.ticketsbutton {
    color: #f087b6;
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: normal;
    position: relative;
    background: #fcbc09 url(/Images/shopping-icon.svg) no-repeat center center;
}

    .ticketsbutton span {
        background: #f087b6;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        position: absolute;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        vertical-align: middle;
        padding: 4px;
        top: 5px;
        right: 5px;
    }


    .ticketsbutton:hover,
    .ticketsbutton:active,
    .ticketsbutton.active {
        background-color: #393939;
        color: #fff;
    }

        .ticketsbutton.active span {
            background: #ffffff;
            color: #393939;
        }



@media screen and (max-width: 1400px) {
    .subnav-item {
        width: 33.33%;
    }
}

@media screen and (max-width: 1024px) {
    .subnav-item {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .subnav-item {
        width: 100%;
    }


    .logo-mobile {
        position: absolute;
        display: block;
        right: 10%;
        top: 2%;
        z-index: 100;
        height: 100px;
        width: 50px;
        background: url(../Images/Logo.svg) center center / contain no-repeat;
    }
}

.fas {
    color: #00665F;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    font-size: 23px;
}