/*------------------------------------*\
    styles Editie
\*------------------------------------*/

html {
    background: black;
}

body {
    background: black;
}

#page-background {
    background: url("/Images/2026-05-30/background-Soenda_30-5-2026.png");
    background-size: cover !important;
    background-position: center bottom !important;
}

h2 {
    color: #fff;
}

h3.title-margin-medium {
    color: #000;
}

.bg1 {
    background-color: #78aeb6;
    color: #fff;
}

footer .bg1 {
    background-color: #78aeb6;
}

.bg1 h2 {
    color: #ff3357;
}

.titel {
    padding: 0 0 40px 0;
}

    .titel::after {
        display: none;
    }

/* buttons */

.btn {
    color: #000;
    background: #fff;
    border: 2px solid #fff;
}

    .btn:hover {
        background: #ff3357;
        border-color: #ff3357;
        color: #fff;
    }

    .btn.reversed:hover {
        background: #000;
        border-color: #000;
    }

    .btn.outline {
        background: none;
        color: #fff;
    }

        .btn.outline:hover {
            background: #fff;
            border: 2px solid #fff;
            color: #FFEF2A;
        }

.btn-lineup {
    position: relative;
}

    .btn-lineup:hover {
        background: #000;
        border-color: #000;
        color: #fff;
    }

    .btn-lineup .icon {
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }


/* HEADER */
.header .row {
    background: #ff3357;
}

.home .header .row {
    background: none;
}

    .home .header .row.show {
        background: #ff3357;
    }

.menu-active .header .row {
    background: none !important;
}

.editie-menu {
    background: #000;
}

    .editie-menu a {
        border: 2px solid #fff;
    }

        .editie-menu a.active, .editie-menu a:hover {
            background: #fff;
            color: #000;
        }

#events-trigger {
    color: #fff;
}

    #events-trigger .event-logo {
        background: url(/Images/2026-05-30/soenda-agenda.svg) no-repeat center center;
        background-size: contain;
    }

        #events-trigger .event-logo svg {
            display: none;
        }

            #events-trigger .event-logo svg path {
                fill: #fff;
            }

    #events-trigger:hover .event-logo svg path {
        fill: #fff;
        opacity: 0.8;
    }

    #events-trigger.active .event-logo svg path {
        fill: #fff;
    }

    #events-trigger.active .label {
        color: #fff;
    }

.header .logo {
    background: url(/Images/2026-05-30/logo-soenda-header.svg) no-repeat center center;
    background-size: contain;
}

#nav-trigger {
    color: #fff;
}

    #nav-trigger .hamburger span {
        background: #000;
    }

        #nav-trigger .hamburger span:nth-child(1) {
            background: #fff;
        }


/* menu active nav-trigger */
.menu-active #nav-trigger .hamburger span:nth-child(1) {
    background: #fff;
}

.menu-active #nav-trigger .hamburger span {
    background: #000;
}

.menu-active #nav-trigger {
    color: #fff;
}

.menu {
    background: #ff3357;
}

    .menu #menu {
        background: none;
        background-size: contain;
    }

.social-btns a {
    color: #fff;
}


.ticket-btn {
    background: #fff url();
}

    .ticket-btn i.icon {
        color: #000;
    }

    .ticket-btn::before {
        color: #fff;
    }


    .ticket-btn.active {
        background: #000;
    }

        .ticket-btn.active::after {
            background: #fff !important;
        }

        .ticket-btn.active::before {
            background: #fff !important;
        }

.content-ticket {
    background: #ff3357;
}

/* arrow */
.arrow-background-left,
.arrow-background-right {
    display: none;
}


/* menu */
.menu nav a::after {
    background: #fff;
}

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


.page-text {
    color: #000;
}

/* info */


.informatie .info {
    border: 2px solid #000;
}

    .informatie .info .info-titel:hover,
    .informatie .info.active .info-titel {
        color: #ff3357;
    }

    .informatie .info .info-text {
        border-top: 1px solid #000;
    }

        .informatie .info .info-text a {
            color: #ff3357;
        }


/* newsletter */

footer .newsletter {
    background: #ff3357;
}

.newsletter h2.titel {
    color: #fff;
}

.signup button.reversed {
    color: #fff;
    border: 1px solid #ff3357;
    background: #fff;
}

    .signup button.reversed:hover {
        color: #fff;
        background: transparent;
        border: 1px solid #ff3357;
    }

footer .newsletter .signup::before {
    background: none;
    background-size: contain;
}

footer .signup button.reversed {
    border: 1px solid #FFEF2A;
    background: #FFEF2A;
}

    footer .signup button.reversed:hover {
        color: #fff;
        border: 1px solid #FFEF2A;
    }

footer .menu-social-btns a {
    color: #fff;
}


/* HOME */

.home-spread .kader {
    background: none;
    background-size: contain;
}

.bgvideo-container {
    position: fixed !important;
}

.home-spread .soenda figure {
    background: url(/Images/2026-05-30/Soenda_Logo_30-5-2026.svg) no-repeat center center;
    height: 70rem;
}

.home-spread .scroll-down .label {
    color: #fff;
}

.home-spread .scroll-down {
    display: none;
}

    .home-spread .scroll-down .icon-scroll-down {
        background: none;
        background-size: contain;
        opacity: .8;
    }

.home-spread .video-shadow {
    -webkit-box-shadow: 0 0 1500px 400px rgba(255,255,255,0);
    -moz-box-shadow: 0 0 1500px 400px rgba(255,255,255,0);
    box-shadow: 0 0 1500px 400px rgba(255,255,255,0);
}

.recap {
    background-color: #78aeb6;
}

    .recap h2 {
        color: #fff;
    }
/* ARTIESTEN */
.programma .event-item {
    border: 4px solid #fff;
}

    .programma .event-item h5 {
        color: #fff;
    }

        .programma .event-item h5 span {
            color: #000;
        }

    .programma .event-item .pattern {
        fill: #e37e1e;
    }


/* VIDEO */

.popup-video .play-btn {
    background: url(/Images/play-btn-outdoor.svg) no-repeat center center;
}

.popup-video::after {
    display: none;
}

.popup-video::before {
    display: none;
}

.custom-popup .mfp-close {
    background: #fff;
}

    .custom-popup .mfp-close::after,
    .custom-popup .mfp-close::before {
        background: #000;
    }


/* NIEUWS */
.news-link {
    border: 4px solid #fff;
}

    .news-link figure {
        background: #000;
    }

    .news-link h5 {
        color: #fff;
    }

    .news-link .pattern {
        fill: #fff;
    }

.news .slider::before {
    background: #ee7655;
}

.news .slider .slick-prev {
    border-left: 65px solid #fff;
}

    .news .slider .slick-prev::after {
        color: #000;
    }

.news .slider .slick-next {
    border-right: 65px solid #fff;
}

    .news .slider .slick-next::after {
        color: #000;
    }

/* HOME - MORE INFO */
.more-info {
    background: #ee7655;
    color: #fff;
}

    .more-info h3 {
        color: inherit;
        font-size: 6rem;
    }

    .more-info .btn.outline.black {
        color: #000;
        background: #fff;
        border: 2px solid #fff;
        font-size: 2.2rem;
    }

        .more-info .btn.outline.black:hover {
            background: #000;
            border-color: #000;
            color: #fff;
        }

        .more-info .btn.outline.black i {
            display: none;
        }

/* artist detail */
.event-wrapper .event-item {
    border: 4px solid #fff;
}


    .event-wrapper .event-item .pattern {
        fill: #ff3357;
    }

.news .event-wrapper .event-item .pattern {
    fill: #fff;
}

.programma-info {
    background: #fff;
}

.artist .programma-info h1,
.artist .programma-info h3 {
    color: #fff;
}

.artist .programma-info .event-dates {
    color: #ff3357;
}

.programma-info .menu-social-btns a {
    color: #000;
}

.artist .programma-info .menu-social-btns a {
    color: #ff3357;
}


footer .info, footer .info a {
    color: #fff;
}

.cookie-warning.unaccepted {
    background: #000;
}

.cookie-warning .btn {
    color: #fff;
}

.merchandise-text p,
.merchandise-text h3 {
    color: #fff;
}
/*------------------------------------*\
    MD MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 1024px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
}

/*------------------------------------*\
    SM MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 768px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
}

/*------------------------------------*\
    XS MediaQuery
\*------------------------------------*/
@media screen and (max-width : 490px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
}