/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: Blijdrop
Author: Instance
Author URI: http://instance.studio
Version: 1.0.0
Description: Custom theme for Blijdorp
*/
/* @font-face {
    font-family: 'AlteHaasGroteskBold';
    src: url(./assets/fonts/AlteHaasGrotesk_Bold.woff) format('woff'),
        url(./assets/fonts/AlteHaasGrotesk_Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'AlteHaasGroteskRegular';
    src: url(./assets/fonts/AlteHaasGrotesk.woff) format('woff'),
        url(./assets/fonts/AlteHaasGrotesk.woff2) format('woff2');
}

@font-face {
    font-family: 'glitter-pixel';
    src: url(./assets/fonts/Glitterpixel1Regular.woff) format('woff'),
        url(./assets/fonts/Glitterpixel1Regular.woff2) format('woff2');
} */

@font-face {
    font-family: 'Termina';
    src: url('./assets/fonts/Termina-Heavy.woff2') format('woff2'),
        url('./assets/fonts/Termina-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Termina';
    src: url('./assets/fonts/Termina-Medium.woff2') format('woff2'),
        url('./assets/fonts/Termina-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Termina';
    src: url('./assets/fonts/Termina-Demi.woff2') format('woff2'),
        url('./assets/fonts/Termina-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Termina';
    src: url('./assets/fonts/Termina-Regular.woff2') format('woff2'),
        url('./assets/fonts/Termina-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* color */
    --primary-black: #000;
    --primary-white: #f6f6f6;
    --primary-greenyellow: #d6f000;
    --primary-red: #ff5332;
    --primary-pink: #f29cf5;
    --primary-grey: #ebebeb;

    /* fonts */
    --fm-sans-serif-bold: 'Termina', arial black;
    --fm-sans-serif: 'Termina', sans-serif;
    --fm-pixel: 'Termina';

    /* font size */
    --fs-h1: 0.75rem;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    padding-top: 46px;
}

@media (max-width: 60rem) {
    body {
        padding-top: 57px;
    }
}

* {
    /* cursor: url('./assets/img/cursor.png'), url('./assets/img/cursor.svg'), auto; */
}

/*****************************/
/***** REVEALER SECTION/sticker ******/
/*****************************/
.section {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

.section--hidden {
    opacity: 0;
    -webkit-transform: translateY(8rem);
    -ms-transform: translateY(8rem);
    transform: translateY(8rem);
}

/***********************/
/******* FONTS ********/
/**********************/
.h2__title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5rem;
}

.h2__title--yellow {
    text-align: center;
    font-size: 4.3rem;
    /* background-color: var(--primary-greenyellow);
    border-radius: 50%; */
    /* padding: 2rem 4rem !important; */
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'Termina';
    color: #5e06c1;
}

.title-size-2 {
    font-size: 3.8125rem;
    text-transform: uppercase;
    font-family: 'Termina';
    color: #5e06c1;
    line-height: 0.9;
}

@media (max-width: 1024px) {
    .title-size-2 {
        font-size: 2.5rem;
    }
}

.text-size-medium {
    font-size: 1.5rem;
    font-family: 'Termina';
    color: #5e06c1;
}

@media (max-width: 1024px) {
    .title-size-2 {
        font-size: 2.5rem;
    }

    .text-size-medium {
        font-size: 1.2rem;
    }
}

.paragraph-styles p,
.paragraph-styles h1,
.paragraph-styles h2,
.paragraph-styles h3,
.paragraph-styles h4,
.paragraph-styles h5,
.paragraph-styles ul {
    margin-bottom: 1em;
    margin-top: 1em;
}

.paragraph-styles p:first-child,
.paragraph-styles h1:first-child,
.paragraph-styles h2:first-child,
.paragraph-styles h3:first-child,
.paragraph-styles h4:first-child,
.paragraph-styles h5:first-child,
.paragraph-styles ul:first-child {
    margin-top: 0;
}

.paragraph-styles p:last-child,
.paragraph-styles h1:last-child,
.paragraph-styles h2:last-child,
.paragraph-styles h3:last-child,
.paragraph-styles h4:last-child,
.paragraph-styles h5:last-child,
.paragraph-styles ul:last-child {
    margin-bottom: 0;
}

/***********************/
/******* HEADER *******/
/**********************/

header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100vw;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}

.header__content {
    margin-bottom: -1px;
    position: relative;
    min-height: 75vh;
    background-image: url(../assets/img/oranjebitter_pre-register_background-header-04.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header__content--image1,
.header__content--image2,
.header__content--image3,
.header__content--image4,
.header__content--image5,
.header__content--image6,
.header__content--image7,
.header__content--image8,
.header__content--image9,
.header__content--image10,
.header__content--image11 {
    position: absolute;
}

.header__content--image1 img,
.header__content--image2 img,
.header__content--image3 img,
.header__content--image4 img,
.header__content--image5 img,
.header__content--image6 img,
.header__content--image7 img,
.header__content--image8 img,
.header__content--image9 img,
.header__content--image10 img,
.header__content--image11 img {
    width: 100%;
    height: 100%;
}

.header__content--image1 {
    left: 2vw;
    top: 7vh;

    width: 40vw;
    min-width: 18rem;
    max-width: 70rem;
}

.header__content--image2 {
    right: 11vw;
    top: 10vh;
    width: 20vw;
    max-width: 17rem;
    min-width: 15rem;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: 99;
}

.header__content--image3 {
    bottom: 9vh;
    right: 8vw;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    width: 35vw;
    z-index: 99;
}

.header__content--image4 {
    right: 14vw;
    bottom: 45%;
}

.header__content--image5 {
    left: 15vw;
    bottom: 18%;
    width: 10vw;
    max-width: 20rem;
}

.header__content--image6 {
    right: 8vw;
    bottom: 14vh;
    width: 20vw;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    max-width: 10rem;
}
.header__content--image7 {
    left: 30%;
    bottom: 40%;

    width: 20vw;
    max-width: 17rem;
    min-width: 15rem;

    -webkit-transform: rotate(10deg);

    -ms-transform: rotate(10deg);

    transform: rotate(10deg);
    z-index: 0;
}

.header__content--image8 {
    bottom: 10vh;
    right: 65vw;
    width: 35vw;
}

.header__content--image9 {
    right: 51vw;
    bottom: -4%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    z-index: 99;
}

.header__content--image10 {
    right: 35vw;
    bottom: 47%;
    width: 10vw;
    max-width: 20rem;
}

.header__content--image11 {
    right: 23vw;
    bottom: 3vh;
    width: 20vw;
    max-width: 10rem;
    z-index: 999;
}

.sticker__animation {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-animation: h 1s both;
    animation: h 1s both;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
/* 
.sticker__animation--image1 {
    width: 55vmin;
    height: 29vmin;
    z-index: 999;
}

.sticker__animation--image2 {
    width: 22vmin;
    height: 22vmin;
}

.sticker__animation--image3 {
    width: 42.67vmin;
    height: 14.67vmin;
}

.sticker__animation--image4 {
    width: 25vmin;
    height: 20vmin;
    z-index: 90;
}

.sticker__animation--image5 {
    width: 26vmin;
    height: 20vmin;
}

.sticker__animation--image6 {
    width: 19vmin;
    height: 35vmin;
}

.sticker__animation--image7 {
    width: 38vmin;
    height: 12vmin;
}

.sticker__animation--image8 {
    width: 18.67vmin;
    height: 19.67vmin;
}

.sticker__animation--image9 {
    width: 31vmin;
    height: 19vmin;
}

.sticker__animation--image10 {
    width: 12vmin;
    height: 10vmin;
}

.sticker__animation--image11 {
    width: 12vmin;
    height: 13vmin;
}

.sticker__animation:before {
    -webkit-animation: f 1.2s both;
    animation: f 1.2s both;
} */

/* .sticker__animation:after {
    filter: brightness(0.2);
    transform: rotateY(-180deg);
    animation: g 3s both;
} */
/* 
.sticker__animation--image1:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover
        url(./assets/img/oranjebitter_logo_text-no-border.gif);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sticker__animation--image2:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_logo_zwart_paars.svg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sticker__animation--image3:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/datum-02.svg);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sticker__animation--image4:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/world_icon-03.svg);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sticker__animation--image5:before,
.sticker__animation--image5 span {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_2024_sticker.svg);
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.sticker__animation--inline:before {
    display: none;
}

.sticker__animation--image6:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/paarse_lamp.svg);
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s;
}

.sticker__animation--image7:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-09.svg);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sticker__animation--image8:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-17.svg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.sticker__animation--image9:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-11.svg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.sticker__animation--image10:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-44.svg);
    -webkit-animation-delay: 0.87s;
    animation-delay: 0.87s;
}

.sticker__animation--image11:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-45.svg);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
} */

@-webkit-keyframes f {
    from {
        opacity: 0;
    }
    50%,
    to {
        opacity: 1;
    }
}

@keyframes f {
    from {
        opacity: 0;
    }
    50%,
    to {
        opacity: 1;
    }
}

@-webkit-keyframes g {
    from {
        -webkit-clip-path: inset(0 0 0 20%);
        clip-path: inset(0 0 0 20%);
        -webkit-transform-origin: 20% 0;
        transform-origin: 20% 0;
    }
    50%,
    to {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
}

@keyframes g {
    from {
        -webkit-clip-path: inset(0 0 0 20%);
        clip-path: inset(0 0 0 20%);
        -webkit-transform-origin: 20% 0;
        transform-origin: 20% 0;
    }
    50%,
    to {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
}
@-webkit-keyframes h {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes h {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/**************************/
/******* NAVIGATION *******/
/**************************/

/*  FIRST NAVIGATION  */
nav.main__nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #5e06c1;
    display: -ms-grid;
    display: grid;
    grid: auto-flow/ 1fr 1fr;
    color: var(--primary-white);
    padding: 0.3rem;
    z-index: 100000;
}

.main__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 1rem;
}

/* .logo {
    height: 3rem;
    width: 5rem;
    justify-self: flex-start;
    cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto;

    background-image: url('./assets/img/oranjebitter_logo_v2.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
} */

.logo img {
    height: 100%;
    width: 100%;
}

.main__nav ul li {
    list-style-type: none;
}

.main__nav ul li a {
    text-decoration: none;
    color: var(--primary-white);
    font-family: 'Helvetica', var(--fm-sans-serif-bold);
    font-size: 2rem;
    padding: 0.5rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
}
.main__nav ul li a:hover,
.main__nav ul li a:focus,
.main__nav ul li a:active {
    /* height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; */
    font-family: 'Helvetica', var(--fm-sans-serif-bold);
    color: var(--primary-greenyellow);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */

    /* line-height: 130%;
    letter-spacing: -0.01rem; */
}

li div.footer-info__bar--mobile {
    display: none;
}
/*  SECOND NAVIGATION  */
.second__nav {
    position: relative;
    width: 100%;
    bottom: 0;

    /* height: 33vh; */
    background-color: #ff72ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 0;
}

.second__nav ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.second__nav ul li {
    /* background-image: url(./assets/img/oranjebitter_red-circle_text.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    list-style-type: none;
    padding: 2rem; */
}

.second__nav ul li:hover,
.second__nav ul li:active,
.second__nav ul li:focus {
    /* background-image: url(./assets/img/oranjebitter_red-circle_text-filled.svg);
    cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.second__nav ul li a {
    text-decoration: none;
    color: var(--primary-black);
    font-family: 'Termina';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3rem;
    /* padding: 3rem; */
}

.second__nav ul li a:hover,
.second__nav ul li a:active,
.second__nav ul li a:focus {
    color: var(--primary-greenyellow);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

/****************************/
/****** COOKIE NOTICE *******/
/****************************/
.cookie-notice {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 2vh;
    right: 0;
    z-index: 99;
    width: 100vw;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    visibility: hidden;
}

.cookie-notice.show {
    visibility: visible;
}

.cookie-text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 0.7rem;
    padding: 0.2rem 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    bottom: 0;
    right: 10vw;
    z-index: 100;
    /* background: center/cover
        url(./assets/img/Oranjebitter_cookie_notice_banner.svg); */
}

.cookie-font-normal {
    color: var(--primary-grey);
    font-size: 2rem;
    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
    white-space: nowrap;
}

.cookie-font-pixel {
    color: var(--primary-grey);
    font-size: 2rem;
    font-family: var(--fm-pixel);
    text-transform: uppercase;
    line-height: 92%;
    margin-bottom: -5px;
}

.cookie-text svg {
    width: auto;
    height: 30px;
    max-height: 50px;
}

.cookie-text svg > path:first-child {
    fill: #ebebeb;
}

.cookie-text svg:hover > path,
.cookie-text svg:active > path,
.cookie-text svg:focus > path {
    fill: var(--primary-greenyellow);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.cookie-notice__button {
    background-color: transparent;
    border: none;
}

/******************************/
/******* ARTIST SECTION *******/
/******************************/

.artist__component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    height: fit-content;

    min-width: 100vw;
    padding: 100px 0 100px;

    /* background-image: url(./assets/img/pre-register_background.gif); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 650px) {
    .artist__component {
        padding: 80px 0;
    }
}

.artist__component-grid-container {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;

    gap: 25px 0;

    height: 100%;

    width: 90%;

    /* background-color: var(--primary-greenyellow); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    max-width: 90%;
}
/*******************************/
.artist__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    width: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    /* padding: 0 1rem; */

    /* overflow: hidden; */
    /* background-color: var(--primary-greenyellow); */
    /* background-image: url("./assets/img/oranjebitter_paintstroke-02.svg"); */
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4;
}

.artist__container h2 {
    height: 100%;
    /* margin: 0 1rem; */
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(1.5rem, -0.0441rem + 5.1471vw, 3.25rem);
    text-align: center;
    /* white-space: nowrap; */
    line-height: 130%;
    background-color: transparent;

    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
    color: black;
    -webkit-transition: ease 0s all;
    -o-transition: ease 0s all;
    transition: ease 0s all;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background-image: url(./assets/img/border-blue.svg);
    background-size: auto 100%;
    padding: 10px 20px 10px;
}

.artist__container h2::before {
    content: '';
    display: block;
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 71%;
    background-color: #22acdb;
}

.artist__container h2.background-orange {
    background-image: url(./assets/img/border-orange.svg);
}

.artist__container h2.background-orange::before {
    background-color: #ff4900;
}

.artist__container h2.background-pink {
    background-image: url(./assets/img/border-pink.svg);
}

.artist__container h2.background-pink::before {
    background-color: #ff72ff;
}

.artist__container h2 .initial,
.artist__container h2 .hover {
    grid-column-start: 1;
    grid-row-start: 1;
    position: relative;
    z-index: 2;
}

.artist__container h2 .hover {
    line-height: 130%;
    letter-spacing: -0.01rem;
    font-family: var(--fm-pixel);
    opacity: 0;
}

.artist__container:hover h2,
.artist__container:active h2,
.artist__container:focus h2 {
    /* font-size: calc(2.09rem + 1.9vw); */
    /* height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; */
    /* color: var(--primary-black); */
    color: #fff;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.artist__container:hover h2 .initial,
.artist__container:active h2 .initial,
.artist__container:focus h2 .initial {
    opacity: 0;
}

.artist__container:hover h2 .hover,
.artist__container:active h2 .hover,
.artist__container:focus h2 .hover {
    opacity: 1;
}

.artist__component-sticker {
    position: absolute;
    bottom: -7vh;
    left: 8vw;

    width: 15vw;
    max-width: 6rem;

    z-index: 1;
}

.sticker_singlepage--image1 {
    position: absolute;
    width: 100%;
    top: -7vh;
    right: 8vw;
    max-width: 6rem;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);

    z-index: 10;
}

.sticker__animation--image12 {
    height: 30vmin;
    width: 10vmin;
    z-index: 50;
    position: relative;
}

.sticker__animation--image12:before,
.sticker__animation--image12:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: center/cover url(./assets/img/icons/sticker-lineup-4.svg); */
}

.artist__component-sticker img {
    width: 100%;
    height: 100%;
}

.artist__component-sticker-2 {
    position: absolute;
    bottom: -5vh;
    right: 8vw;
    width: 14vw;
    max-width: 26rem;
    z-index: 11;
}

.artist__component-sticker-3 {
    position: absolute;
    bottom: 0;
    left: 8vw;
    width: 16vw;
    max-width: 26rem;
    z-index: 11;
    transform: rotate(20deg);
}

.artist__component-sticker-3 img {
    width: 100%;
}

.artist__component-sticker-2 img {
    width: 100%;
    height: 100%;
}

.paintingstroke__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    height: fit-content;
    /* min-height: 11vh; */
    width: 100%;
    list-style-type: none;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-right: 6rem;
}

.paintingstroke__container:first-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.paintstroke__container {
    height: inherit;
}

.paintstroke__container img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.follow-img__container {
}

.follow-img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;

    color: white;
    background-color: #5e06c1;
    border: solid 5px #1c1c1b;

    object-fit: cover;

    box-sizing: border-box;

    opacity: 0;
    z-index: 10;

    transition: all 0.1s linear;

    padding: 0 1rem;

    display: flex;
    flex-direction: column;
    gap: 1rem;

    pointer-events: none;
}

.follow-img.is-active {
    opacity: 1;

    animation: glitch 0.2s ease-in-out;
}

.follow-img__img-wrapper {
    width: 418px;
    height: 401px;
    position: relative;
}

.follow-img .follow-img__img-wrapper img:not(.follow-img__mask) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.follow-img__mask {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    object-fit: cover;
    position: absolute;
    top: -3px;
    left: -3px;
}

.follow-img__artist-title {
    max-width: 100%;
    font-size: 25px;
    text-align: left;
    font-weight: 500;
    font-family: 'Termina';
    text-transform: uppercase;
    color: white;
    transition: ease 0s all;
    margin-bottom: 0.5rem;
    padding-top: 21px;
    padding-right: 50px;
}

.follow-img__social-media-container {
    position: relative;
    display: flex;
    gap: 0.75rem;
    padding-bottom: 7px;
}
.follow-img__social-media-container li {
    width: fit-content;
    height: fit-content;
}

.follow-img__social-media-container li img:hover {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.follow-img__social-media-container li a img {
    width: auto;
    height: 2rem;
}

.close-button {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 45px;
    font-weight: 500;
    font-family: 'Termina';
    color: white;
}

.close-button {
    background-color: unset;
    border: none;
    cursor: pointer;
}

.close-button img {
    width: auto;
    height: 3rem;
}

.visible-artist {
    position: absolute;
    display: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    /* animation: glitch 0.2s ease-in-out; */
    transition: 0s;
    pointer-events: all;
}
@-webkit-keyframes glitch {
    0%,
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-filter: unset;
        filter: unset;
    }
    /* 20%,
    40%,
    60%, */
    80% {
        -webkit-transform: translate(-48%, -48%);
        transform: translate(-48%, -48%);
        -webkit-filter: hue-rotate(270deg);
        filter: hue-rotate(270deg);
    }
    30%
    /* ,50%,
    70%*/ {
        -webkit-transform: translate(-52%, -52%);
        transform: translate(-52%, -52%);
        -webkit-filter: invert(1);
        filter: invert(1);
    }
}

@keyframes glitch {
    0%,
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-filter: unset;
        filter: unset;
    }
    /* 20%,
    40%,
    60%, */
    80% {
        -webkit-transform: translate(-48%, -48%);
        transform: translate(-48%, -48%);
        -webkit-filter: hue-rotate(270deg);
        filter: hue-rotate(270deg);
    }
    30%
    /* ,50%,
    70%*/ {
        -webkit-transform: translate(-52%, -52%);
        transform: translate(-52%, -52%);
        -webkit-filter: invert(1);
        filter: invert(1);
    }
}

/********************************/
/******* ABOUT ME SECTION *******/
/********************************/
.about-me__component {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;
    padding: 6.24rem 7rem 6.24rem;

    background-image: url(../assets/img/about-me__background.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about-me__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;

    min-width: -webkit-fit-content;

    min-width: -moz-fit-content;

    min-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    /* padding: 3rem; */

    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border: 2rem solid;
    border-image-source: url(./assets/img/oranjebitter_about_achtergrond.svg);
    border-image-slice: 30;
    border-image-width: 1;
    border-image-outset: 1;
    border-image-repeat: stretch;
    background-color: var(--primary-black);
    position: relative;
}

.about-me__h1 {
    color: var(--primary-white);
    font-size: 5rem;
    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
}

.about-me__text p {
    max-width: 36rem;
    text-align: left;
    color: var(--primary-white);
    font-size: 1.5rem;
    font-family: var(--fm-sans-serif);
}

.about-me__text a {
    text-decoration: none;
    color: var(--primary-greenyellow);
    font-family: var(--fm-sans-serif);
}

.about-me__text a:hover,
.about-me__text a:focus,
.about-me__text a:active {
    text-decoration: none;
    font-family: var(--fm-pixel);
    color: var(--primary-pink);
}

.about-me__component-sticker {
    position: absolute;
    bottom: -210px;
    right: -190px;
    width: 250px;
    max-width: 26rem;
    z-index: 1;
}

.about-me__component-sticker img {
    width: 100%;
    height: 100%;
}

.about-me__component-sticker-2 {
    position: absolute;
    bottom: -170px;
    left: -220px;
    width: 250px;
    max-width: 26rem;
    z-index: 1;
}

@media (max-width: 950px) {
    .about-me__component-sticker {
        bottom: -150px;
        right: -110px;
        width: 130px;
    }

    .about-me__component-sticker-2 {
        bottom: -130px;
        left: -129px;
        width: 130px;
    }
}

@media (max-width: 640px) {
    .about-me__component-sticker {
        display: none;
    }

    .about-me__component-sticker-2 {
        display: none;
    }
}

.about-me__component-sticker-2 img {
    width: 100%;
}

/*******************************************/
/******* FESTIVALS COMPONENT SECTION *******/
/*******************************************/
.festival__component {
    margin-top: -1px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);

    -webkit-box-pack: space-evenly;

    -ms-flex-pack: space-evenly;

    justify-content: space-evenly;
}

.festivals__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    min-width: -webkit-fit-content;

    min-width: -moz-fit-content;

    min-width: fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;

    width: 100%;
    height: auto;
}

.festivals__item h2 {
    position: absolute;

    padding: 3rem 3rem;

    color: #68eb64;
    font-size: 2rem;
    font-family: var(--fm-sans-serif-bold);

    /* background-image: url(./assets/img/festival__blue-paintstroke.svg); */
    background-color: var(--primary-black);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    z-index: 10;
}

.festivals__item h2:hover {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.festivals__image-container {
    background-color: var(--primary-greenyellow);
}

.festivals__item:nth-child(1) .festivals__image-container {
    background-color: #ebb8ee;
}

.festivals__item:nth-child(2) .festivals__image-container {
    background-color: #0000ff;
}

.festivals__item:nth-child(3) .festivals__image-container {
    background-color: #97bdc6;
}

.festivals__item:hover .festivals__image-container,
.festivals__item:focus .festivals__image-container,
.festivals__item:active .festivals__image-container {
    background-color: var(--primary-white);
}

.festivals__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rotating-text {
    font-size: 2em;
    font-weight: bold;
    color: #3498db;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
}

@-webkit-keyframes rotateText {
    /* 0% {
        transform: rotateY(0deg) translate3d(10px, 0, 100px);
    }
    50% {
        transform: rotateY(90deg) translate3d(0, 0, 0);
    }
    100% {
        transform: rotateY(0deg) translate3d(10px, 0, 100px);
    } */

    0% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 1, 0, 70deg);
        transform: rotate3d(0, 1, 0, 70deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 1, 0, -70deg);
        transform: rotate3d(0, 1, 0, -70deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
    }
}

@keyframes rotateText {
    /* 0% {
        transform: rotateY(0deg) translate3d(10px, 0, 100px);
    }
    50% {
        transform: rotateY(90deg) translate3d(0, 0, 0);
    }
    100% {
        transform: rotateY(0deg) translate3d(10px, 0, 100px);
    } */

    0% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 1, 0, 70deg);
        transform: rotate3d(0, 1, 0, 70deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 1, 0, -70deg);
        transform: rotate3d(0, 1, 0, -70deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 10deg);
        transform: rotate3d(0, 1, 0, 10deg);
    }
}

/*******************************/
/******* LOCATIE SECTION *******/
/*******************************/
.location__component {
    position: relative;

    background-image: url(../assets/img/location_background.svg);
    background-color: var(--primary-black);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.location__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    place-content: center;
    position: relative;
    width: 100%;
    padding: 3rem;
}

.location__container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.location__title {
    position: relative;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 6rem;
    font-family: var(--fm-sans-serif-bold);
    text-align: center;
    text-transform: uppercase;

    color: var(--primary-white);
}

/* SLIDER */
.slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    min-width: 100%;
    height: 50vw;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;

    margin: 0 auto;

    /* IN THE END */
    overflow: hidden;
}

.mask1 {
    -webkit-mask-image: url(./assets/img/locatie_mask.svg);
    mask-image: url(./assets/img/locatie_mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
}

.slide {
    position: absolute;

    width: 100%;
    height: 100%;

    /* THIS creates the animation! */
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    /* -webkit-filter: drop-shadow(10px 10px 0px var(--primary-white));
    filter: drop-shadow(10px 10px 0px var(--primary-white)); */
}

.slide > img {
    /* Only for images that have different size than slide */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider__btn {
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    background-color: unset;
    height: 3rem;
    width: 3rem;
    font-size: 3.25rem;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.slider__btn--left {
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url('./assets/img/oranjebitter_sliderbuttons-01.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slider__btn--right {
    right: 10%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-image: url(./assets/img/oranjebitter_sliderbuttons-02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dots {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dots__dot {
    border: none;
    background-color: var(--primary-pink);
    opacity: 0.7;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50%;
    margin-right: 1rem;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    /* Only necessary when overlying images */
    /* box-shadow: 0 0.6rem 1.5rem rgba(0, 0, 0, 0.7); */
}

.dots__dot:last-child {
    margin: 0;
}

.dots__dot--active {
    /* background-color: #fff; */
    background-color: var(--primary-greenyellow);
    opacity: 1;
}

.location__component-sticker {
    position: absolute;
    width: 20vw;
    z-index: 50;
    bottom: -7vh;
    left: 2vw;
}

.location__component-sticker img {
    width: 100%;
    height: 100%;
}

.location__component-sticker-2 {
    position: absolute;
    width: 20vw;
    z-index: 99;
    top: 10vh;
    right: 2vw;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.location__component-sticker-2 img {
    width: 100%;
    height: 100%;
}

.witte-banaan {
    display: none;
}

/***************************/
/******* FAQ SECTION *******/
/***************************/
.faq__component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    position: relative;
    padding: 5rem 0 10rem;

    background-image: url(../assets/img/faq_background.svg);
    background-color: var(--primary-greenyellow);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.faq__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq-category__container + .faq-category__container > .faq__black-line {
    display: none;
}

.faq__container-title {
    font-size: 6rem;
    font-family: var(--fm-sans-serif-bold);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2rem;

    color: var(--primary-black);
    padding: 2rem;
}

.faq-category__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
}

.faq-category__container li {
    list-style-type: none;
}

.faq-category__title {
    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
}

.faq__black-line {
    background-color: #000;
    height: 4px;
    width: 100%;
}

.faq-question {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-questions__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.faq-question__text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    margin: 0.3rem 0;
}

.faq-question__text-container p {
    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
    font-size: 1.3rem;
}

.faq-answer__container {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    -o-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    transition: opacity 0.5s ease, max-height 0.3s ease-in;
}
.faq-answer__container.show {
    opacity: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; /* Adjust the max-height to your content's height */
    -webkit-transition: opacity 0.5s ease, max-height 0.5s ease-out;
    -o-transition: opacity 0.5s ease, max-height 0.5s ease-out;
    transition: opacity 0.5s ease, max-height 0.5s ease-out;
}

.svg-rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}

.svg-rotate.rotate {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
}

.faq-answer {
    margin-left: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
}

.faq-answer p {
    font-family: var(--fm-sans-serif-bold);
    width: 80%;
}

.faq-answer a {
    color: var(--primary-red);
}

.faq-component__sticker {
    position: absolute;
    width: 25vw;
    max-width: 10rem;
    z-index: 50;
    bottom: 30%;
    right: 2vw;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

.faq-component__sticker img {
    width: 100%;
    height: 100%;
}

.faq-component__sticker-2 {
    position: absolute;
    width: 15vw;
    max-width: 20rem;
    z-index: 50;
    bottom: 10%;
    left: -2vw;
}

.faq-component__sticker-2 img {
    width: 100%;
    height: 100%;
}

.faq-component__sticker-3 {
    position: absolute;
    width: 30vw;
    max-width: 20rem;
    z-index: 50;
    bottom: -5%;
    right: 10%;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.faq-component__sticker-3 img {
    width: 100%;
    height: 100%;
}

/******************************/
/******* FOOTER SECTION *******/
/******************************/
footer {
    position: relative;
    min-width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    /* overflow: hidden; */
}

.pre-register__arrows-container {
    height: 5rem;
    width: 5rem;
}

.pre-register__arrows-container img {
    width: 100%;
    height: 100%;
}

.footer__nav {
    position: relative;
    width: 100%;
    top: 0;

    height: 25vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #ff3000;

    background-image: url('./assets/img/background-second-menu.png');
    background-size: cover;
    background-repeat: no-repeat;

    z-index: 2;
}

.footer__nav ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__nav ul li {
    list-style-type: none;
    display: inline-block;
    border-radius: 50%;
    padding: 30px 10px;
    /* background-image: url('./assets/img/oranjebitter_darkgreen-circle_text-filled.svg'); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.footer__nav ul li a {
    text-decoration: none;
    color: var(--primary-black);
    font-family: var(--fm-sans-serif-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 3rem;
}

.footer__nav li:hover {
    /* background-image: url('./assets/img/oranjebitter_greenyellow-circle_text.svg'); */
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.footer__nav li:hover a,
.footer__nav li:active a,
.footer__nav li:focus a {
    color: var(--primary-greenyellow);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.form__container {
    position: relative;
    width: 100vw;
    min-height: 60vh;
    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    background-image: url('./assets/img/05.stay-update-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.form__container-newsletter {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}

.footer__form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 45vw;
}
.label__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
}

label {
    width: 70%;
}

.form-control {
    font-family: 'Termina';
    font-weight: 500;
    display: block;
    width: 100%;
    color: #5e06c1;
    padding: 0.9rem 0.9rem !important;
    font-size: 1.875rem;
    border: none !important;

    background: #fff;
    background-clip: padding-box;
}

.form-control::-webkit-input-placeholder {
    color: #5e06c1;
    opacity: 1; /* Firefox */
}

.form-control::-moz-placeholder {
    color: #5e06c1;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder {
    color: #5e06c1;
    opacity: 1; /* Firefox */
}

.form-control::-ms-input-placeholder {
    color: #5e06c1;
    opacity: 1; /* Firefox */
}

.form-control::placeholder {
    color: #5e06c1;
    opacity: 1; /* Firefox */
}

.form__submit {
    font-family: var(--fm-sans-serif-bold);
    font-weight: 800;
    font-size: 1.3rem;
    background-color: var(--primary-greenyellow);
    border-radius: 50%;
    padding: 1rem;
    text-transform: uppercase;
    max-width: 30vw;
    border: none;
}

.footer__images {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
    width: 20rem;
    z-index: 3;
}

.footer__images img {
    width: 100%;
}

.footer__images-2 {
    /* display: none; */
    position: absolute;

    top: 50%;
    transform: translateY(-50%);
    right: 60px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 25vw;
    max-width: 30rem;
    z-index: 3;
}

@media (max-width: 1400px) {
    .footer__images {
        left: -100px;
    }

    .footer__images-2 {
        right: -100px;
    }
}

.footer__images-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 820px) {
    .footer__images {
        width: 30%;
    }
}

.footer-info__bar {
    position: relative;
    /* background-color: var(--primary-black); */
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.footer-info__bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2rem;
    gap: 0.5rem;
    align-items: center;
}

.footer-info__social-media {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 1rem;
}

.footer-info__informatie {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-info__informatie li {
    list-style-type: none;
}

.footer-info__informatie li a {
    text-decoration: none;
    color: var(--primary-white);
    font-family: var(--fm-sans-serif);
    text-transform: capitalize;
}

.footer-info__informatie li a:hover {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.social-media__icon-container {
    list-style-type: none;
    width: 22px;
    height: 22px;
}

.social-media__icon-container a img:hover {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}
#mc_embed_signup_scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    gap: 1rem;
}

.pre-register__paint-title {
    /* background-image: url(./assets/img/oranjebitter_paintstroke-02.svg); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: center;

    margin-bottom: 5rem;
}

.mc-field-group {
    place-items: center;
    padding: 0 !important;
}

#mc_embed_signup {
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    width: 100%;
}

#mc_embed_signup h2 {
    margin: 0;
    margin-bottom: 0 !important;
    font-size: 3.5rem !important;
}

#mc_embed_signup .mc-field-group input {
    max-width: 30rem !important;
}

#mc_embed_signup .button {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.875rem !important;
    background-color: #ff4900 !important;
    border-radius: 0 !important;
    padding: 1rem !important;
    text-transform: none !important;
    border: none !important;
    color: white !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    line-height: normal !important;
    margin: 0 !important;
    font-family: 'Termina' !important;
    text-transform: uppercase !important;
    width: 100% !important;
    max-width: 30rem !important;
    margin-top: -14px !important;
}

#mx_embed_signup .button:hover {
    background-color: #5e06c1 !important;
}

#mc_embed_signup.mc-embedded-subscribe.button:hover {
    background-color: #5e06c1 !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    font-family: var(--fm-sans-serif-bold) !important;
    font-size: 1rem !important;
    color: #ff4900 !important;
    background-color: inherit !important;
}

#mc_embed_signup div.response {
    width: 100% !important;
    color: #ff4900 !important;
    font-size: 1.5rem !important;

    text-align: center;
}

/*****************************************/
/**********TEMPLATE 1 STYLING ************/
/*****************************************/
.template__privacy-policy {
    position: relative;
    width: 100vw;
    overflow-x: hidden;
    padding: 30vh 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
}

.template-1__container {
    position: relative;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
}

.template-1__container {
    font-family: var(--fm-sans-serif-bold);
}

.template-1__container p {
    font-size: 1.2rem;
}

.template-1__container a {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    text-decoration: none;
}

.template-1__container ul li {
    font-size: 1.2rem;
    margin-left: 20px;
}

.template__heading-sticker {
    margin-bottom: 3rem;
}

.template__back-sticker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3rem;
}

.template__back-sticker img {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.back-sticker--smaller {
    width: 40%;
}

/* Sticker Animation page */
.page__content--image1 {
    position: absolute;
    left: 2vw;
    top: 7vh;
}

.sticker__animation--page-image1 {
    width: 47vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image1:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_logo_text.gif);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.page__content--image2 {
    position: absolute;
    right: 2vw;
    top: 7vh;
    -webkit-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}

.sticker__animation--page-image2 {
    width: 20vmin;
    height: 20vmin;
    z-index: 999;
}

.sticker__animation--page-image2:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranajebitter_logo_paars-06.svg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.page__content--image3 {
    position: absolute;
    right: 2%;
    top: 30%;
}

.sticker__animation--page-image3 {
    width: 8vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image3:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_green-sticker.svg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.page__content--image4 {
    position: absolute;
    left: 2%;
    top: 40%;
}

.sticker__animation--page-image4 {
    width: 25vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image4:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/purple_banana_dance_v3.gif);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.page__content--image5 {
    position: absolute;
    right: -6%;
    bottom: 30%;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}

.sticker__animation--page-image5 {
    width: 25vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image5:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_logo_zwart_paars.svg);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.page__content--image6 {
    position: absolute;
    left: 9%;
    bottom: 19%;
}

.sticker__animation--page-image6 {
    width: 14vmin;
    height: 12vmin;
    z-index: 999;
}

.sticker__animation--page-image6:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-22.svg);
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.page__content--image7 {
    position: absolute;
    right: 22%;
    bottom: 12%;
}

.sticker__animation--page-image7 {
    width: 14vmin;
    height: 11vmin;
    z-index: 999;
}

.sticker__animation--page-image7:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-20.svg);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/* Stickers privacy verklaring */

.page__content--image8 {
    position: absolute;
    left: 2vw;
    top: 7vh;
}

.sticker__animation--page-image8 {
    width: 47vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image8:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_logo_text.gif);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.page__content--image9 {
    position: absolute;
    right: 16vw;
    top: 7vh;
    -webkit-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}

.sticker__animation--page-image9 {
    width: 20vmin;
    height: 20vmin;
    z-index: 999;
}

.sticker__animation--page-image9:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranajebitter_logo_paars-06.svg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.page__content--image10 {
    position: absolute;
    right: 2%;
    top: 29%;
}

.sticker__animation--page-image10 {
    width: 27vmin;
    height: 13vmin;
    z-index: 999;
}

.sticker__animation--page-image10:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-02.svg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.page__content--image11 {
    position: absolute;
    left: 2%;
    bottom: 24%;
}

.sticker__animation--page-image11 {
    width: 25vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image11:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/purple_banana_dance_v3.gif);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.page__content--image12 {
    position: absolute;
    right: -1%;
    bottom: 15%;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}
.sticker__animation--page-image12 {
    width: 25vmin;
    height: 25vmin;
    z-index: 999;
}

.sticker__animation--page-image12:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_logo_zwart_paars.svg);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.page__content--image13 {
    position: absolute;
    left: 19%;
    bottom: 4%;
}

.sticker__animation--page-image13 {
    width: 19vmin;
    height: 17vmin;
    z-index: 999;
}

.sticker__animation--page-image13:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/Oranjebitter_stickers-22.svg);
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.page__content--image14 {
    position: absolute;
    right: 15%;
    bottom: 4%;
}

.sticker__animation--page-image14 {
    width: 14vmin;
    height: 44vmin;
    z-index: 999;
}

.sticker__animation--page-image14:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: center/cover url(./assets/img/oranjebitter_green-sticker.svg);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/*****************************************/
/*********** Festival Stages **************/
/*****************************************/

div.stages_container {
    position: relative;
    width: 100vw;
    min-height: 30vh;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70% 44%;
}

.stages_container a {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    text-decoration: none;
    width: 14rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin: 0 auto; */
    position: absolute;
}

.festivals__h1--painted {
    text-align: center;
    margin: 3rem 0 1rem;
    font-size: 3rem;
    padding: 2rem;
    font-family: var(--fm-sans-serif-bold);
    text-transform: uppercase;
    color: var(--primary-black);
    background-image: url(./assets/img/festival-stages-components-06.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.festivals__about-me__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
}

.festivals__about-me__text p {
    max-width: 36rem;
    text-align: left;
    color: var(--primary-white);
    font-size: 1.5rem;
    font-family: var(--fm-sans-serif);
}

.festivals__about-me__text p a {
    padding: 1.8rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--primary-white);
    font-family: var(--fm-sans-serif);
    background: center/contain
        url(./assets/img/festival-stages-components-06.svg);
    background-repeat: no-repeat;
}

.festivals__about-me__text a:hover {
    text-decoration: none;
    font-family: var(--fm-pixel);
    color: var(--primary-black);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.festivals__image-container {
    width: 100%;
    height: 100%;
}

.festival__sticker-container {
    position: absolute;
    width: 15vw;
    z-index: 99;
    bottom: 2vh;
    left: 9vw;
}

.festival__sticker-container img {
    width: 100%;
    height: 100%;
}

.festival__sticker-1-container {
    position: absolute;
    min-height: 10vh;
    max-width: 20vw;
    z-index: 50;
    bottom: -10vh;
    right: 13vw;
}

.festival__sticker-1-container img {
    width: 100%;
    height: 100%;
}

.festival-about__sticker-container {
    position: absolute;
    bottom: -5vh;
    right: 7vw;
    width: 18vw;
    max-width: 26rem;
    z-index: 99;
}

.festival-about__sticker-container img {
    width: 100%;
    height: 100%;
}

.festival-back-section__sticker-container {
    position: absolute;
    width: 19vw;
    z-index: 50;
    bottom: 2vh;
    left: 14vw;
}

.festival-back-section__sticker-container img {
    width: 100%;
    height: 100%;
}

.stage__back-sticker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3rem;
}

.stage__back-sticker img {
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    width: 100%;
    height: 100%;
}

.festivals-footer__nav {
    position: relative;
    width: 100%;
    top: 0;
    height: 25vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-grey);
    z-index: 2;
}

.festivals-footer__nav ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.festivals-footer__nav ul li {
    list-style-type: none;
    display: inline-block;
    border-radius: 50%;
    padding: 30px 10px;
    background-image: url(./assets/img/oranjebitter_darkgreen-circle_text-filled.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.festivals-footer__nav ul li a {
    text-decoration: none;
    color: var(--primary-greenyellow);
    font-family: var(--fm-sans-serif-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.5rem;
    padding: 3rem;
}

.festivals-footer__nav li:hover {
    /* background-image: url('./assets/img/oranjebitter_greenyellow-circle_text.svg'); */
}

.festivals-footer__nav ul li a:hover {
    color: var(--primary-black);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

#mc_embed_signup .mc-field-group {
    width: 100% !important;
}

@media (max-width: 60rem) {
    /* body {
        padding-top: 3rem;
    } */
    nav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .main__nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        padding: 0.5rem !important;
        background-color: var(--primary-black);
    }

    .main__nav ul li {
        height: 4rem;
    }

    .main__nav ul li a {
        font-size: 4rem;
        padding: 0 0.5rem;
    }

    .main__nav ul.menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 1rem;
    }

    .logo {
        margin-top: 0.3rem;
        margin-left: 0.3rem;
        height: 2.3rem;
        width: 2.5rem;
        z-index: 11000;

        /* background-image: url("./assets/img/oranjebitter_logo.gif");
        background-position: center;
        background-size: contain; */
    }

    .mobile__menu {
        position: fixed;
        top: 0;
        left: 0;
        padding: 10rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        width: 100vw;
        height: 100dvh;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        gap: 0rem;
        background-color: #5e06c1;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .mobile__menu.show {
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    li div.footer-info__bar--mobile {
        display: block;
        padding: 1rem;
        max-width: 100vw;
    }

    .hamburger-menu {
        position: fixed;
        top: 0;
        right: 3vw;
        margin-top: 13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 31px;
        width: 35px;
        /* cursor: url('./assets/img/cursor_pointer.png'),
            url('./assets/img/cursor_pointer.svg'), auto; */
        z-index: 10000;
    }

    .line {
        height: 2px;
        width: 100%;
        background-color: var(--primary-white);
        margin: 2.5px 0;
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out,
            -webkit-transform 0.2s ease-in-out;
    }

    .line:first-child {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    .line:nth-last-of-type(2) {
        opacity: 1;
        -webkit-transition: ease-in 0.3s;
        -o-transition: ease-in 0.3s;
        transition: ease-in 0.3s;
    }

    .line:last-child {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    .hamburger-menu.open .line:first-child {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff;
    }

    .hamburger-menu.open .line:nth-of-type(2) {
        opacity: 0;
        width: 0px;
        -webkit-transition: ease-out 0.2s;
        -o-transition: ease-out 0.2s;
        transition: ease-out 0.2s;
        background-color: #fff;
    }

    .hamburger-menu.open .line:last-child {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
    }

    /* .mobile-menu__sticker {
        position: fixed;
        bottom: 25vh;
        right: 10vw;
        background-image: url('./assets/img/oranajebitter_logo_paars-06.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 30vw;
        height: 30vw;
    } */

    .footer-info__bar--mobile {
        position: absolute;
        bottom: 2vh;
        left: 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
    }

    .footer-info__bar--mobile ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer-info__social-media--mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 1rem;
    }

    .footer-info__informatie--mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        gap: 1rem;
    }

    .footer-info__informatie--mobile li {
        list-style-type: none;
        height: 2rem !important;
    }

    .footer-info__informatie--mobile li a {
        text-decoration: none;
        color: var(--primary-white);
        font-family: var(--fm-sans-serif);
        text-transform: capitalize;
        font-size: 0.7rem !important;
    }

    .social-media__icon-container--mobile {
        list-style-type: none;
        width: 22px;
        height: 22px;
    }

    .footer-info__informatie .menu {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        padding: 0 !important;
        margin-right: 20px;
    }

    .footer-info__informatie .menu li a {
        font-size: 1rem !important;
    }

    /*********************************************/
    .header__content {
        min-height: unset;
        height: 50vh;
    }

    .header__content--image5 {
        display: block;
    }

    .header__content--image1 {
        top: 3vh;
        left: 3vw;
        width: 50vw;
        min-width: unset;
    }

    .sticker__animation--image1 {
        width: 30vmin;
        height: 16vmin;
    }

    .header__content--image2 {
        bottom: 2vh;
        left: 3vw;
        width: 3vw;
        height: 12vh;
    }

    .header__content--image3 {
        top: inherit;
        bottom: 2vh;
        right: 5vw;
        left: inherit;

        width: 50vw;
    }

    .header__content--image4 {
        width: 23vw;
        max-width: 8rem;
        right: 5vw;
        bottom: inherit;
        top: 5vh;
        z-index: 99;
    }

    .header__content--image5 {
        top: inherit;
        bottom: 12vh;
        width: 25vw;
        right: 60vw;
    }

    .header__content--image6 {
        display: block;
        top: inherit;
        left: inherit;
        bottom: 10vh;
        right: 5vw;
        width: 16vw;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .header__content--image7 {
        left: 32%;
        bottom: 39%;

        -webkit-transform: rotate(10deg);

        -ms-transform: rotate(10deg);

        transform: rotate(10deg);
        z-index: 0;
    }
    .sticker__animation--image7 {
        width: 50vmin;
        height: 15vmin;
    }

    .header__content--image9 {
        right: 10vw;
        bottom: 61%;
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        z-index: 99;
    }

    .header__content--image10 {
        right: 7vw;
        bottom: 28%;
        width: 10vw;
        max-width: 20rem;
    }

    /*********************************************/

    .second__nav {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    .second__nav ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 2rem 1rem;
        gap: 1rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .second__nav ul li:nth-child(odd) {
        -ms-grid-column-align: left;
        justify-self: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .second__nav ul li a {
        padding: 2rem;
    }

    .second__nav ul li:nth-child(even) {
        -ms-grid-column-align: right;
        justify-self: center;
    }

    /*********************************************/
    /* .artist__component {
        padding: 2rem 0;
    } */

    .artist__component-grid-container {
        gap: 5px;
        /* -webkit-box-orient: vertical; */
        /* -webkit-box-direction: normal; */
        /* -ms-flex-direction: column; */
        /* flex-direction: column; */
        place-items: center;
        width: 100%;
        max-width: 70%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* overflow: hidden; */
    }

    .artist__container {
    }

    .artist__container h2 {
        font-size: clamp(1.25rem, -0.0441rem + 5.1471vw, 3.25rem);
        white-space: normal;
        text-align: center;
        width: 100%;
        z-index: 2;
        /* padding: 0.5rem 0; */
        margin: 0;
        white-space: nowrap;
    }

    .artist__container:hover h2 {
        /* font-size: clamp(1.24rem, -0.0441rem + 5.0471vw, 3.15rem); */
        /* height: auto;
    width: 100%;
    font-family: var(--fm-pixel); */
        /* color: #68eb64; */
        /* cursor: url('./assets/img/cursor_pointer.png'),
            url('./assets/img/cursor_pointer.svg'), auto; */

        /* line-height: 130%;
    letter-spacing: -0.01rem; */
    }

    .paintstroke__container {
        height: 3rem;
    }

    .artist__component-sticker {
        bottom: unset;
        width: 15vw;
        left: 13vw;
    }

    .artist__container--left-2::before {
        left: -13px;
    }

    /* .follow-img {
        max-width: 90vw;
        -o-border-image: url(./assets/img/glitch_black_border.svg) 8 fill;
        border-image: url(./assets/img/glitch_black_border.svg) 8 fill;
    } */

    .follow-img .follow-img__img-wrapper {
        height: clamp(200px, 40vh, 300px);
        width: clamp(250px, 40vw, 350px);
    }

    .paintingstroke__container {
        /* max-width: 90vw; */
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        min-height: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0rem;
        margin: 0;
    }

    /* .artist__container:nth-child(2n + 1):after {
        transform: scaleY(-1);
    }

    .artist__container:nth-child(2n + 1):before {
        left: -25px;
    }

    .artist__container:nth-child(2n + 1):after {
        right: -91%;
    } */

    .artist__container--left-1::before {
        left: -28px;
    }

    .artist__container--left-3::before {
        left: -12px;
    }

    .artist__container--right-1::after {
        right: -95%;
    }

    .paintstroke__container {
        display: none;
    }

    .paintingstroke__container:nth-child(2n + 1):before {
        display: none;
    }

    .paintingstroke__container:nth-child(2n):before {
        display: none;
    }

    .paintingstroke__container:nth-child(2n + 1):after {
        display: none;
    }

    .paintingstroke__container:nth-child(2n):after {
        display: none;
    }

    .about-me__h1 {
        font-size: 3rem;
    }

    .about-me__paragraph {
        font-size: 1rem;
    }

    /*********************************************/
    .festival__component {
        max-width: 100vw;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
    }

    .festivals__item h2 {
        padding: 0.5rem 1.5rem;
        font-size: 1.5rem;
        color: var(--primary-white);
    }

    /*********************************************/
    .location__title {
        font-size: 2rem;
    }

    .location__container {
        padding: 1rem;
        height: 60vh;
    }

    .slide {
        padding: unset;
        -webkit-filter: unset;
        filter: unset;
    }

    .paarse-banaan {
        display: none;
    }

    .location__component-sticker {
        left: inherit;
        right: 2vw;
    }

    .witte-banaan {
        display: block;
    }

    /*********************************************/
    .faq-category__container {
        width: 93%;
    }

    /*********************************************/
    .footer__nav {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 1rem;
    }
    .footer__nav ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer__nav ul li:nth-child(odd) {
        -ms-grid-column-align: left;
        justify-self: left;
    }

    .footer__nav ul li:nth-child(even) {
        -ms-grid-column-align: right;
        justify-self: right;
    }

    .form__container {
        background-repeat: unset;
    }
    /*********************************************/

    .festivals-footer__nav {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 1rem;
    }
    .festivals-footer__nav ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .festivals-footer__nav ul li:nth-child(odd) {
        -ms-grid-column-align: left;
        justify-self: left;
    }

    .festivals-footer__nav ul li:nth-child(even) {
        -ms-grid-column-align: right;
        justify-self: right;
    }
    /*********************************************/

    .pre-register__arrows-container {
        width: 3rem;
        height: 3rem;
    }

    #mc_embed_signup h2 {
        /* margin: 0;
        font-size: 2.5rem !important;
        background-color: unset;
        background-image: url('./assets/img/oranjebitter_paintstroke-stay-up-to-date.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-radius: unset; */
        font-size: 2rem !important;
        white-space: normal !important;
    }

    .form-control,
    #mc_embed_signup .button {
        font-size: 1.5rem !important;
    }

    #mc_embed_signup .mc-field-group {
        width: 100% !important;
    }

    .footer__form-container {
        max-width: 100%;
    }

    .pre-register__paint-title {
        margin-bottom: 2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .template-1__container {
        max-width: 80vw;
    }

    .page__content--image4 {
        position: absolute;
        left: -8%;
    }
    .page__content--image5 {
        right: -9%;
        bottom: 27%;
    }
}

@media (max-width: 40rem) {
    .header__content {
        height: 90vh;
    }

    .header__content {
        min-height: unset;
        height: 65vh;
    }

    .header__content--image5 {
        display: block;
    }

    .header__content--image1 {
        top: 7vh;
        left: 30vw;
        width: 50vw;
        min-width: unset;
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
        z-index: 100;
    }

    .sticker__animation--image1 {
        width: 30vmin;
        height: 16vmin;
    }

    .header__content--image2 {
        bottom: 5vh;
        top: unset;
        left: 21vw;
        width: 3vw;
        height: 12vh;
        -webkit-transform: scale(1.5) rotate(353deg);
        -ms-transform: scale(1.5) rotate(353deg);
        transform: scale(1.5) rotate(353deg);
        z-index: 90;
    }
    .sticker__animation--image11 {
        width: 17vmin;
        height: 19vmin;
    }

    .header__content--image11 {
        right: 4vw;
        bottom: -3vh;
        width: 20vw;
        max-width: 13rem;
        z-index: 999;
    }

    .header__content--image8 {
        bottom: 22vh;
        left: -2vw;
        width: 35vw;
    }

    .sticker__animation--image2 {
        width: 20vmin;
        height: 20vmin;
    }

    .sticker__animation--image2:before,
    .sticker__animation--image2:after {
        background: center/cover
            url(./assets/img/oranajebitter_logo_paars-06.svg);
    }
    .sticker__animation--image3 {
        width: 53.67vmin;
        height: 18.67vmin;
    }

    .header__content--image3 {
        top: inherit;
        bottom: 9vh;
        right: 12vw;
        left: inherit;
        width: 50vw;
    }

    .header__content--image4 {
        width: 23vw;
        max-width: 8rem;
        right: 5vw;
        bottom: inherit;
        top: 5vh;
        z-index: 99;
    }

    .header__content--image5 {
        top: inherit;
        bottom: 29vh;
        width: 25vw;
        left: 10vw;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .header__content--image6 {
        display: block;
        top: inherit;
        left: inherit;
        bottom: 22vh;
        right: 5vw;
        width: 16vw;
        -webkit-transform: scale(1) rotate(11deg);
        -ms-transform: scale(1) rotate(11deg);
        transform: scale(1) rotate(11deg);
        z-index: 10;
    }

    .cookie-font-normal {
        font-size: 1rem;
    }

    .cookie-font-pixel {
        font-size: 1rem;
    }

    .cookie-text svg {
        height: 28px;
    }

    /******************************/

    .paintingstroke__container {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: transparent;
    }

    /* .follow-img {
        max-width: 100%;
        position: absolute;
        bottom: 0 !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        top: inherit !important;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-animation: none;
        animation: none;
        min-width: 300px;
    } */

    .follow-img.is-active {
        -webkit-animation: none;
        animation: none;
    }

    .artist__container,
    .artist__container h2 {
        background-color: unset;
        margin: 0;
        white-space: normal;
    }

    .artist__container {
        /* background-color: var(--primary-black); */
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        /* border: 0.2rem solid;
        border-image-source: url(./assets/img/oranjebitter_paintstroke-02.svg);
        border-image-slice: 13;
        border-image-width: 64px;
        border-image-outset: 10px;
        border-image-repeat: stretch; */
    }
    /*
    .artist__container:before,
    .artist__container:after {
        display: none;
    } */

    /*******************************/
    .about-me__section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        /* padding: 3rem; */
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 0.7rem solid;
        border-image-source: url(./assets/img/oranjebitter_about_achtergrond.svg);
        border-image-slice: 16;
        border-image-width: 27px;
        border-image-outset: 2;
        border-image-repeat: stretch;
    }

    .about-me__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about-me__text p {
        max-width: unset;
        width: 80%;
        text-align: left;
        color: var(--primary-white);
        font-size: 1rem;
        font-family: var(--fm-sans-serif);
    }

    .about-me__component {
        padding: 4rem 2rem;
    }

    .about-me__component-sticker {
        position: absolute;
        bottom: 5vh;
        right: 7vw;
        width: 25vw;
        max-width: 26rem;
        z-index: 1;
    }

    .about-me__h1 {
        font-size: 2rem;
    }

    .festivals__item h2 {
        font-size: 1rem;
    }

    h2.rotating-text {
        font-size: 0.8rem;
        letter-spacing: 0;
    }

    .rotating-text {
        -webkit-animation: unset;
        animation: unset;
    }

    .location__container {
        height: unset;
        padding: 2rem 1rem;
    }

    .faq__component {
        padding: 1rem 1rem 2rem;
    }

    .faq__container {
        gap: 0;
    }

    .faq-component__sticker {
        right: -10px;
    }

    .faq-category__container + .faq-category__container > .faq__black-line {
        display: none;
    }

    .faq__container-title {
        font-size: 3rem;
        padding: 1rem;
    }

    .faq-question__text-container svg {
        -ms-flex-preferred-size: 1.5rem;
        flex-basis: 1.5rem;
        min-width: 1.5rem;
    }

    .footer__form-container {
        max-width: 90%;
    }

    .cookie-text {
        background: center/100%
            url('./assets/img/Oranjebitter_cookie_notice_banner.svg');
        background-repeat: no-repeat;
    }

    .social-media__icon-container {
        width: 28px;
        height: 28px;
        position: relative;
    }

    .social-media__icon-container a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .social-media__icon-container--mobile {
        width: 28px;
        height: 28px;
    }

    .cookie-font-pixel {
        margin-bottom: -2.5px;
    }

    .template-1__container {
        max-width: 95vw;
    }

    .template__privacy-policy {
        padding: 20vh 7vw;
    }

    .page__content--image4 {
        left: -10%;
    }

    .page__content--image5 {
        right: -8%;
        bottom: 35%;
    }

    .page__content--image6 {
        left: -3%;
    }

    .footer-info__informatie li {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        /* display: none !important; */
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}

@media (min-width: 40rem) {
    .paintingstroke__container {
        width: fit-content;
    }
}

@media (min-width: 130rem) {
    .artist__component-grid-container {
        width: 60%;
    }
}

.template-faq {
    padding: 48px 0 100px;
    background-color: var(--primary-greenyellow);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.template-faq__top-stickers,
.template-faq__bottom-stickers {
    height: 500px;
    position: relative;
}

.template-faq__bottom-stickers {
    margin-top: 100px;
}

.template-faq__top-sticker,
.template-faq__bottom-sticker {
    position: absolute;
    height: auto;

    /* -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; */
    -webkit-animation: h 1s both;
    animation: h 1s both;
    /* -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom; */
}

.template-faq__top-sticker--first {
    top: 50px;
    left: 10px;
    width: 446px;
}

.template-faq__top-sticker--second {
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 200ms;
    width: 274px;
}

.template-faq__top-sticker--third {
    top: 35px;
    right: -50px;
    animation-delay: 400ms;
    width: 320px;
}

.template-faq__bottom-sticker--first {
    bottom: 0;
    left: 10px;
    animation-delay: 200ms;
    width: 212px;
}

.template-faq__bottom-sticker--second {
    top: 50px;
    left: 15%;
    animation-delay: 400ms;
    width: 243px;
}

.template-faq__bottom-sticker--third {
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    animation-delay: 600ms;
    width: 292px;
}

.template-faq__bottom-sticker--fourth {
    top: 0;
    right: 10%;
    animation-delay: 800ms;
    width: 135px;
}

@media (max-width: 60rem) {
    .template-faq__top-stickers,
    .template-faq__bottom-stickers {
        height: 58vw;
    }

    .template-faq__top-sticker--first {
        width: 47vw;
        top: 10px;
    }

    .template-faq__top-sticker--second {
        width: 22vw;
    }

    .template-faq__top-sticker--third {
        width: 34vw;
    }

    .template-faq__bottom-sticker--first {
        width: 22vw;
    }

    .template-faq__bottom-sticker--second {
        width: 25vw;
        top: 0;
    }

    .template-faq__bottom-sticker--third {
        width: 30vw;
    }

    .template-faq__bottom-sticker--fourth {
        width: 14vw;
    }
}

.faq-category-dropdown {
    position: relative;
    display: inline-block;
    z-index: 10;
    margin-bottom: 40px;
}

.faq-category-dropdown__toggle,
.faq-category-dropdown__dropdown-item {
    text-decoration: none;
    font-family: var(--fm-sans-serif-bold);
    font-size: 2rem;
    text-transform: uppercase;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    padding: 0;
    color: var(--primary-white);
    border: 0;
}

.faq-category-dropdown__toggle,
.faq-category-dropdown__dropdown {
    background-color: var(--primary-black);
}

.faq-category-dropdown__toggle {
    padding: 16px 20px;
    position: relative;
    min-width: 430px;
    text-align: left;
    display: flex;
    align-items: center;
}

.faq-category-dropdown__toggle span {
    color: var(--primary-white);
    position: relative;
    z-index: 2;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    margin-right: 20px;
    display: inline-block;
}

.faq-category-dropdown__toggle svg {
    position: relative;
    z-index: 2;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
    margin-left: auto;
}

.faq-category-dropdown__toggle::before,
.faq-category-dropdown__toggle::after {
    content: '';
    display: block;
    position: absolute;
    height: 60%;
    width: 100%;
    left: 0;
    background-color: var(--primary-black);
}

.faq-category-dropdown__toggle::before {
    bottom: 0;
    left: -10px;
    height: 40%;
}

.faq-category-dropdown__toggle::after {
    top: 0;
    left: auto;
    right: -10px;
}

.faq-category-dropdown__dropdown {
    position: absolute;
    top: 100%;
    left: 70px;
    width: 100%;
    background-color: transparent;
    display: none;
}

.faq-category-dropdown.is-active .faq-category-dropdown__dropdown {
    display: block;
}

.faq-category-dropdown__dropdown-item {
    padding: 5px 10px;
    position: relative;
}

.faq-category-dropdown__dropdown-item span {
    padding: 0 5px;
    position: relative;
    z-index: 2;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-category-dropdown__dropdown-item::before {
    content: '';
    display: block;
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: var(--primary-black);
}

.faq-category-dropdown__dropdown-item:nth-child(3n)::before,
.faq-category-dropdown__dropdown-item:nth-child(4n)::before {
    left: -10px;
}

.faq-category-dropdown__dropdown-item:hover span {
    background-color: var(--primary-pink);
}

.faq-category {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    -o-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    transition: opacity 0.5s ease, max-height 0.3s ease-in;
}

.faq-category.is-active {
    opacity: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; /* Adjust the max-height to your content's height */
}

.template-faq .container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.faq-item {
    padding: 10px 0;
    border-top: solid 5px var(--primary-black);
}

.faq-category-group {
    border-bottom: solid 5px var(--primary-black);
}

.faq-item__header {
    display: flex;
    align-items: center;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-item__header svg {
    width: 45px;
    min-width: 45px;
    height: auto;
    margin-right: 10px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-item__title {
    text-decoration: none;
    font-family: var(--fm-sans-serif-bold);
    font-size: 2rem;
    padding: 0.5rem;
    text-transform: uppercase;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-item__content {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    -o-transition: opacity 0.5s ease, max-height 0.3s ease-in;
    transition: opacity 0.5s ease, max-height 0.3s ease-in;
}

.faq-item__content a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    /* cursor: url('./assets/img/cursor_pointer.png'),
        url('./assets/img/cursor_pointer.svg'), auto; */
}

.faq-item.is-active .faq-item__content {
    opacity: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; /* Adjust the max-height to your content's height */
}

.faq-item.is-active .faq-item__header svg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.faq-item__content p {
    font-family: var(--fm-sans-serif-bold);
    padding-top: 15px;
    padding-bottom: 10px;
}

@media (max-width: 736px) {
    .template-faq {
        padding-bottom: 60px;
    }

    .template-faq__bottom-stickers {
        margin-top: 60px;
    }

    .faq-category-dropdown__toggle span,
    .faq-category-dropdown__dropdown-item span,
    .faq-item__title {
        font-size: 1.3rem;
    }

    .faq-item__header svg {
        width: 30px;
        min-width: 30px;
        margin-right: 7px;
    }

    .faq-item {
        padding: 6px 0;
    }

    .faq-category-dropdown__toggle {
        min-width: 330px;
    }
}

@media (max-width: 520px) {
    .faq-item {
        padding: 0px 0;
    }

    .faq-category-dropdown {
        display: block;
    }

    .faq-category-dropdown__toggle {
        min-width: 0;
        width: 100%;
    }

    .faq-category-dropdown__dropdown {
        left: 0;
    }

    .template-faq .container {
        max-width: calc(100% - 60px);
        width: 100%;
    }
}

/* ======== V2 Header ======== */
.header__sticker {
    position: absolute;
}

.header__sticker img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__sticker--1 {
    left: -2%;
    top: 11%;
    width: 45%;
    height: 42%;
}

.header__sticker--2 {
    right: 0;
    bottom: 7%;
    width: 40%;
    height: 37%;
}

.header__sticker--3 {
    left: 46%;
    width: 21%;
    top: 40%;
    height: 37%;
}

.header__sticker--4 {
    left: 22%;
    width: 45%;
    top: 74%;
    height: 21%;
}

.header__sticker--5 {
    left: 10%;
    width: 16%;
    top: 56%;
    height: 25%;
}

.header__sticker--6 {
    left: 71%;
    width: 16%;
    top: 18%;
    height: 25%;
}
.header__sticker--7 {
    left: 2%;
    width: 16%;
    top: 77%;
    height: 16%;
}

.header__sticker--8 {
    left: 64%;
    width: 17%;
    top: 86%;
    height: 19%;
    z-index: 2;
}

.header__sticker--9 {
    left: 83%;
    width: 15%;
    top: 16%;
    height: 21%;
}

.header__sticker--10 {
    left: 80%;
    width: 15%;
    top: 35%;
    height: 17%;
}

.header__sticker--11 {
    left: 80%;
    width: 11%;
    top: 80%;
    height: 17%;
}

.header__sticker--12 {
    left: 3%;
    width: 13%;
    top: 48%;
    height: 17%;
    transform: rotate(30deg);
}

.header__sticker--13 {
    left: 16%;
    width: 20%;
    top: 45%;
    height: 14%;
}

.header__sticker--14 {
    position: absolute;
    width: 140px;
    height: 140px;
    bottom: -60px;
    left: calc(50% - 70px);
    transform: rotate(-131deg);
    z-index: 2;
}

@media (max-width: 960px) {
    .header__sticker--14 {
        width: 100px;
        height: 100px;
        bottom: -60px;
        left: calc(50% - 50px);
        transform: rotate(-131deg);
    }
}

@media (max-width: 640px) {
    .header__sticker {
        transform: scale(1.25);
    }

    .header__sticker--1 {
        top: 20px;
        left: 10%;
        height: 26%;
    }

    .header__sticker--2 {
        right: 0;
        bottom: 17%;
        width: 55%;
        height: 20%;
    }

    .header__sticker--3 {
        height: 27%;
        width: 27%;
        top: 57%;
        left: 7%;
        z-index: 2;
    }

    .header__sticker--4 {
        left: 27%;
        width: 52%;
        top: 48%;
        height: 14%;
    }

    .header__sticker--5 {
        left: 27%;
        width: 18%;
        top: 73%;
        height: 19%;
    }

    .header__sticker--6 {
        left: 60%;
        width: 23%;
        top: 18%;
        height: 25%;
        z-index: 2;
    }

    .header__sticker--7 {
        left: 2%;
        width: 21%;
        top: 90%;
        height: 15%;
        z-index: 2;
    }

    .header__sticker--8 {
        left: 50%;
        width: 26%;
        top: 86%;
        height: 19%;
    }

    .header__sticker--9 {
        left: 74%;
        width: 24%;
        top: 9%;
        height: 21%;
    }

    .header__sticker--10 {
        left: 76%;
        width: 19%;
        top: 34%;
        height: 17%;
    }

    .header__sticker--11 {
        left: 71%;
        width: 16%;
        top: 80%;
        height: 17%;
        z-index: 2;
    }

    .header__sticker--12 {
        left: 7%;
        width: 18%;
        top: 40%;
        height: 13%;
    }

    .header__sticker--13 {
        left: 16%;
        width: 26%;
        top: 28%;
        height: 9%;
    }

    .header__sticker--14 {
        transform: rotate(-131deg);
    }
}
/* 
.header-image--mobile {
    display: none;
} */

/* @media (max-width: 736px) {
    .header-image {
        display: none;
    }

    .header-image--mobile {
        display: block;
    }
} */
#mc-embedded-subscribe:hover {
    background-color: #5e06c1 !important;
}

.about-us {
    background-color: #ff72ff;
}

.about-us__container {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e6e6e6;
    display: flex;
}

.about-us__content {
    width: 60%;
    padding: 3.8rem 4rem 5rem;
}

.about-us__title {
    margin-bottom: 2.8rem;
}

.about-us__text {
    margin-bottom: 2.8rem;
}

.about-us__image {
    background-color: #fcee21;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.8rem 4rem;
}

.about-us__image img {
    width: 90%;
    height: auto;
}

.about-us__stages {
    display: flex;
    gap: 20px;
    flex-flow: row wrap;
}

.about-us__stage {
    position: relative;
    display: flex;
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Termina';
    font-weight: 800;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-height: 110px;
    width: 230px;
    line-height: 1;
}

.about-us__stage:hover {
    text-decoration: none;
}

.about-us__stage span {
    position: relative;
    z-index: 3;
}

.about-us__stage span span {
    font-size: 0.8rem;
}

.about-us__stage svg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1360px) {
    .about-us__container {
        max-width: 90%;
    }
    .about-us__content {
        width: 50%;
        padding: 3.8rem 2rem 5rem;
    }
}

@media (max-width: 1223px) {
    .about-us__stages {
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .about-us__title {
        margin-bottom: 1.8rem;
    }
}

@media (max-width: 736px) {
    .about-us__container {
        flex-direction: column;
        max-width: 100%;
    }

    .about-us__content,
    .about-us__image {
        width: 100%;
        padding: 2rem 1rem;
    }

    .about-us__content {
        padding-top: 3rem;
    }
}

.location-slider {
    position: relative;
}

.location-slider img {
    width: 100%;
}

.location-slider__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.location-slider::after {
    content: '';
    display: block;
    padding-bottom: 44.1666666666%;
}

.location-slider__slider,
.location-slider__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.location-slider__overlay {
    width: calc(100% + 10px) !important;
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    z-index: 2;
    pointer-events: none;
}

.location-slider__overlay--mobile {
    display: none;
}

.location-slider__sticker-1,
.location-slider__sticker-2 {
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.location-slider__sticker-1 {
    top: -26%;
    left: 5%;
    width: 36%;
}

.location-slider__sticker-2 {
    width: 15%;
    right: 6%;
    bottom: 25%;
}

@media (max-width: 736px) {
    .location-slider__overlay {
        display: none;
    }
    .location-slider__overlay--mobile {
        display: block;
    }

    .location-slider::after {
        padding-bottom: 100%;
    }

    .location-slider__sticker-1 {
        top: -10%;
        left: 5%;
        width: 40%;
    }

    .location-slider__sticker-2 {
        width: 25%;
        right: 6%;
        bottom: 10%;
    }
}

.home-faq-component {
    background-color: #e6e6e6;
    padding: 4rem 0 2rem;
    position: relative;
    min-height: 800px;
}

.home-faq-component img {
    width: 100%;
    height: auto;
}

.home-faq-component__container {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.home-faq-component__content {
    background-color: #fff;
    width: 50%;
    padding: 3.8rem 4rem;
    color: #5e06c1;
}

.home-faq-component__title {
    margin-bottom: 2rem;
}

.home-faq-component__questions {
    display: none;
}

.home-faq-component__questions a {
    color: #5e06c1;
    text-decoration: underline;
}

.home-faq-component__questions.active {
    display: block;
}

.home-faq-component__questions-item {
    margin-bottom: 5px;
}

.home-faq-component__questions-item-title,
.home-faq-component__questions-item-text {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: 'Termina';
    font-weight: 600;
}

.home-faq-component__questions-item-title {
    cursor: pointer;
    padding-left: 14px;
    position: relative;
}

.home-faq-component__questions-item-title span {
    position: absolute;
    left: 0;
    top: -2px;
    display: inline-block;
    margin-right: 3px;
}

.home-faq-component__questions-item-text {
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: none;
    display: none;
    padding-left: 14px;
}

.home-faq-component__questions-item.is-active
    .home-faq-component__questions-item-text {
    display: block;
}

.home-faq-component__sticker-1,
.home-faq-component__sticker-2 {
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.home-faq-component__sticker-1 {
    top: -13%;
    left: 46%;
    width: 41%;
}

.home-faq-component__sticker-2 {
    width: 30%;
    top: 32%;
    left: 71%;
}

@media (max-width: 1024px) {
    .home-faq-component__content {
        width: 80%;
        padding: 2rem 2.2rem;
    }
}

@media (max-width: 880px) {
    .home-faq-component__content {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }

    .home-faq-component__sticker-2 {
        display: none;
    }

    .home-faq-component {
        min-height: 0;
    }

    .home-faq-component__questions-item-title,
    .home-faq-component__questions-item-text {
        font-size: 1rem;
    }

    .home-faq-component__questions-item-text {
        font-size: 0.8rem;
    }
}

.new-footer-bar {
    background-color: #5e06c1;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: 'Termina';
    font-weight: 500;
    color: #fff;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 650px) {
    .new-footer-bar {
        font-size: 1rem;
    }
}

.artist-component-sticker-1 img,
.artist-component-sticker-2 img,
.artist-component-sticker-3 img,
.artist-component-sticker-4 img {
    width: 100%;
    height: auto;
}

.artist-component-sticker-1,
.artist-component-sticker-2,
.artist-component-sticker-3,
.artist-component-sticker-4 {
    position: absolute;
    pointer-events: none;
}

.artist-component-sticker-1 {
    width: 15%;
    left: -3%;
    top: 4%;
}

.artist-component-sticker-2 {
    width: 15%;
    right: 0%;
    top: 7%;
}

.artist-component-sticker-3 {
    width: 25%;
    left: 0%;
    bottom: -12%;
}

.artist-component-sticker-4 {
    width: 36%;
    right: -7%;
    bottom: -21%;
}

@media (max-width: 1360px) {
    .artist-component-sticker-3 {
        bottom: -5%;
    }

    .artist-component-sticker-4 {
        bottom: -8%;
    }
}

@media (max-width: 960px) {
    .artist-component-sticker-1 {
        top: -2%;
    }

    .artist-component-sticker-2 {
        top: -2%;
    }
}

.home-faq-component__filter {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.home-faq-component__filter:hover .home-faq-comonent__filter-dropdown,
.home-faq-component__filter.is-active .home-faq-comonent__filter-dropdown {
    display: block;
}

.home-faq-component__filter.is-active svg {
    transform: rotate(180deg);
}

.home-faq-comonent__filter-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #5e06c1;
    color: #fff;
    font-family: 'Termina';
    padding: 10px;
    /* width: 100%; */
    display: none;
}

.home-faq-component__filter-button,
.home-faq-component__filter-item-button {
    all: unset;
}

.home-faq-component__filter-button {
    font-size: 1.7rem;
    font-weight: 600;
    font-family: 'Termina';
    padding-bottom: 5px;
}

@media (max-width: 880px) {
    .home-faq-component__filter-button {
        font-size: 1.2rem;
    }
}

.home-faq-component__filter-item-button {
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.home-faq-component__filter-item-button:last-child {
    margin-bottom: 0;
}

.home-faq-component__filter-button svg {
    width: 25px;
    height: auto;
}

.footer-logo-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px;
}

.footer-logo-bar img {
    max-width: 80px;
    height: auto;
    width: 100%;
}