/* ALGEMEEN */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: var(--default-col-padding);
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
}

html{scroll-behavior:smooth; overflow-x: hidden;}
body {overflow-x: hidden;}

/* MENU LAYOUT ALGEMEEN */
header {
	transition: .2s ease-in-out !important;
}
header.sticky {
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
}

/* MENU LAYOUT 1 */
@media only screen and (min-width: 1025px) {
	body:is(.home, .page-id-558, .page-id-1164) :is(.menu-layout1, .menu-layout2, .menu-layout3)  {
		position: absolute;
		top: calc(var(--home-hero-outside-border-width) + 10px);
		width: 100%;
		z-index: 9;
	}
	
	body:is(.home, .page-id-558) :is(.menu-layout1, .menu-layout2, .menu-layout3):not(.sticky) {
		background: transparent !important;
	}
}

/* HOME HERO LAYOUT 1 */
.home-hero-layout1 {
    border: var(--home-hero-outside-border-width) solid var( --e-global-color-43b94d9 );
	height: calc(100vh);
}

.home-hero-layout1 > .elementor-container {
	height: 100%;
    align-items: flex-end;
}

.home-hero-layout1 h1, .home-hero-layout1-subhead {
	color: transparent !important;
	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: white;
}

.home-hero-layout1-subhead {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}

.home-hero-layout1-col1 {
	width: 550px !important;
}

.home-hero-layout1 .home-hero-layout1-button {
	transform: translateY(100%);
}

/* HOME HERO LAYOUT 2 */
.home-hero-layout2 .datum-plaats {
	clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 50%, 100% 100%, 0 100%, 50px 50%);
	background: var(--e-global-color-primary) ;
	margin-bottom: -50px;
	margin-top: -20px;
}

.home-hero-layout2 .elementor-motion-effects-container {
	border-radius: 0px 0px var(--home-hero-border-radius-bottom) var(--home-hero-border-radius-bottom);
}

/* HOME HERO LAYOUT 3 */
body .elementor-custom-embed-play i, body .elementor-custom-embed-play svg {
	opacity: 1;
}

/* LINE-UP DEFAULT LAYOUT */
.lineup-overview {
	display: flex;
	flex-wrap: wrap;
	color: white;
}

.lineup-overview .artiest-stages {
	display: var(--lineup-stage-visibility);
}

.lineup-overview .lineup-inner-inner-content h5 {
	margin: 0;
	color: var(--lineup-artist-name-color);
}

.lineup-overview .lineup-artiest, .lineup-klein-layout3 .lineup-overview .lineup-artiest {
	width: 25%;
	max-width: 25%;
	padding: var(--lineup-space-between);
	aspect-ratio: 1/1;
	opacity: 0;
	transition: .3s ease-in-out;
	transform: translateY(100px);
}

.lineup-overview .lineup-artiest.active  {
	opacity: 1 ;
	transform: translateY(0px) ;
}


.lineup-overview .lineup-artiest .lineup-inner-content {
	height: 100%;
	justify-content: center;
	display: flex;
	align-items: stretch;
	padding: 20px;
	flex-direction: column;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: var(--lineup-border-radius);
}

.lineup-overview .lineup-artiest .lineup-inner-content-overlay {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(30deg, black 0%, rgba(255,255,255,.2) 50%, transparent 80%);
	opacity: .9;
	pointer-events: none;
	z-index: 0;
}

.lineup-overview .lineup-artiest .lineup-inner-inner-content {
	z-index: 1;
}

/* LINE-UP KLEIN LAYOUT 1 */
.lineup-klein-layout1 .lineup-artiest {
	width: 250px;
}

.lineup-klein-layout1 .lineup-overview {
	justify-content: center;
}

.lineup-klein-layout1 .lineup-inner-inner-content {
	flex-direction: column-reverse;
	text-align: left;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.lineup-klein-layout1 .lineup-artiest .lineup-inner-content h4 {

	font-size: 20px;
}

.lineup-klein-layout1 
.lineup-overview .lineup-artiest .lineup-inner-content-overlay {
	background: linear-gradient(to top, black 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,.1) 90%, transparent 100%);
}

/* LINE-UP KLEIN LAYOUT 2 */
.lineup-klein-layout2  .lineup-overview::before {
	content: '';
	width: 0px;
	position: relative;
	height: 100px;
	background: green;
	margin-right: 200px;
}

.lineup-klein-layout2 .lineup-overview {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	overflow-x: scroll;
  scroll-behavior: smooth;
	-ms-overflow-style: none;
    scrollbar-width: none;
	overflow-y: hidden;
}

.lineup-klein-layout2 .lineup-overview::-webkit-scrollbar {
  display: none;
}

.lineup-klein-layout2 .lineup-overview .lineup-artiest {
	width: calc(18.2% - 40px);
	min-width: calc(18.2% - 40px);
	aspect-ratio: 4/5;
}

.lineup-klein-layout2 .lineup-artiest .lineup-inner-content {
	justify-content: flex-end;
	align-items: flex-start;
}

body .lineup-klein-layout2 h2 {
	font-weight: 800;
	color: white;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
	transform: translateY(50%);
	padding-left: 250px;

}

.lineup-klein-layout2 .lineup-inner-inner-content {
	text-align: left;
}

/* LINE-UP KLEIN LAYOUT 3 */
.lineup-klein-layout3 .lineup-overview {
	display: flex;
}

.lineup-klein-layout3 .lineup-overview .lineup-artiest {
	aspect-ratio: 4/5;
}

.lineup-klein-layout3 .lineup-overview .lineup-artiest.active:nth-child(4n + 2) {
	transform: translateY(30px);
}

.lineup-klein-layout3 .lineup-overview .lineup-artiest.active:nth-child(4n + 3) {
	transform: translateY(60px);
}

.lineup-klein-layout3 .lineup-overview .lineup-artiest.active:nth-child(4n + 4) {
	transform: translateY(90px);
}

.lineup-klein-layout3 .lineup-artiest .lineup-inner-content {
	justify-content: flex-start;
	text-align: left;
}

/* PROGRAMMA/LINEUP GROOT */
.filter-artists {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.filter-artists button, .filter-artists button:focus {
	background: white;
	color: black;
	text-transform: uppercase;

}

.filter-artists button.active, .filter-artists button:hover {
	background: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary);
	color: white;
}

.stage-title-inner-container h2.stageTitle {
	text-transform: var(--programma-stage-title-text-transform);
	font-weight: var(--programma-stage-title-font-weight);
	color: white;
}

.stage-container {
	display: none;
}

.stage-container.visible {
	display: unset;
}

/* PROGRAMMA/LINEUP GROOT LAYOUT 1 */
.lineup-groot-layout1 .stageTitle {
		text-align: center;
		color: transparent;
		-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

.lineup-groot-layout1 .lineup-inner-inner-content {
	flex-direction: column-reverse;
	text-align: left;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.lineup-groot-layout1 .lineup-overview {
	justify-content: center;
}

.lineup-groot-layout1 h2 {
	position: relative;
	line-height: 2em;
	margin-top: 50px;
}

.lineup-groot-layout1 h2::before {
	content: '';
	height: 100%;
	aspect-ratio: 1/1;
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	transform: translateX(-40%);
}

/* PROGRAMMA/LINEUP GROOT LAYOUT 2 */

.lineup-groot-layout2 .stage-container.visible {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.lineup-groot-layout2 .programma-overview .stage-container {
	margin-top: 30px;
}

.lineup-groot-layout2 .stage-container .stage-title-container {
	width: 20%;
	aspect-ratio: 4/5;
	color: white;
	padding: var(--lineup-space-between);
}

.lineup-groot-layout2 .stage-container .stage-title-inner-container {
	height: 100%;
	border-radius: var(--lineup-border-radius);
	width: 100%;
	display: flex;
	align-items: flex-end;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.lineup-groot-layout2 .stage-container  .stage-title-inner-container::before {
	position: absolute;
	content: '';
	width: 50%;
	height: 60%;
	background: black;
	top: 30%;
	left: 0;
	filter: blur(50px);
	transform: rotate(34deg);
	opacity: .4;
}

.lineup-groot-layout2 .stage-container .stage-title-container h2 {
	text-align: left;
	writing-mode: vertical-rl;
	margin-bottom: 0px !important;
	margin-left: 0px;
	transform: rotate(180deg);
}

.lineup-groot-layout2 .stage-container .lineup-overview {
	width: 80% ;
}

.lineup-groot-layout2 .stage-container .lineup-overview .lineup-artiest {
	width: 25%;
	aspect-ratio: 4/5;
}

.lineup-groot-layout2 .stage-container .lineup-overview .lineup-artiest .artiest-stages {
	display: none;
}

.lineup-groot-layout2 .lineup-inner-inner-content {
	height: 100%;
	text-align: left;
	align-items: flex-end;
	display: flex;
}

/* TIMETABLE LAYOUT ALGEMEEN */
.timetableStages {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.timetableStages .timetableTime {
	width: 100px;
	display: inline-block;
	font-size: 0.9em;
}

.timetableStages .timetableArtist {
	font-weight: 700;
	text-transform: uppercase;
	width: calc(100% - 100px);
}

.timetableStages .eventDayStage {
	width: calc( (100% / 3) - (40px / 3) );	
	border-radius: 30px;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,.02);
	position: relative;
}

.timetableStages .eventDayStage ul {
	padding: 30px 30px;
	list-style: none;
}

.timetableStages .eventDayStage ul li {
	padding: 12px 0px;
	display: flex;
	align-items: center;
}

.timetable-overview .eventDayContainer:not(.active) {
	display: none;
}

.timetableDaySwitch {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-transform: uppercase;
	padding: 30px 20px;
	background: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
	margin-bottom: 50px;
}

body .timetableDaySwitch a {
	text-transform: uppercase;
	padding: 0px;
	border: unset;
	background: transparent !important;
	position: relative;
	cursor: pointer;
	font-weight: 500;
}

body .timetableDaySwitch a:hover, body .timetableDaySwitch a.active {
	color: var(--e-global-color-primary) !important;
}

body .timetableDaySwitch a.active {

	pointer-events: none;
	font-weight: 600;
}

.timetableDaySwitch a.active::after {
	content:'';
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: -45px;
	left: 50%;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid var(--e-global-color-primary);
	transform: translateX(-50%);
}

.dayOfWeek, .dayDate {
	display: none;
}

/* TIMETABLE LAYOUT 1 */
.timetable-layout1 .timetableStages .eventDayStage {
	background: white;
	margin-top: 30px;
}

.timetable-layout1 .timetableStages .eventDayStage h4 {
	position: absolute;
	top: 0;
	line-height: 1.2;
	margin-top: 0px;
	transform: translateY(-50%);
		color: white !important;
	-webkit-text-stroke-width: 1px;
  	-webkit-text-stroke-color: black;
	text-transform: uppercase;
	font-weight: 800;

	text-align: center;
	width: 100%;
}

.timetable-layout1 .timetableStages .eventDayStage h4 span {
	position: relative;
}

.timetable-layout1 .timetableStages .eventDayStage h4 span::before {
	content: '';
	height: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: -1;
	transform: translateX(-50%);
}

.timetable-layout1 .timetableStages .eventDayStage ul li:not(:last-child) {
	border-bottom: 1px solid black;
}

/* TIMETABLE LAYOUT 2 */
.timetable-layout2 .timetableStages .eventDayStage ul li:not(:last-child) {
	border-bottom: 1px solid white;
}

.timetable-layout2 :is(.eventDayStage, h4) {
	color: white;
}

.timetable-layout2 .eventDayStage h4 {
	position: absolute;
	left: 0;
	top: 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 12px;
	text-transform: uppercase;
	font-weight: 800;

}

.timetable-layout2 .eventDayStage ul {
	padding: 30px 20px 30px 50px;
}

/* FANCY TITLE SECTION */
.fancy-title h2 {
	background-repeat: no-repeat;
	background-position:  center center;
	background-size: cover;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-font-smoothing: antialiased;
}

/* INFO PAGINA's */
.onderwerp-container:not(.active) {
	display: none;
}

.info-total {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.info-total .info-index {
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}

.info-total .info-index .info-index-inner {
	padding: 30px;
	background: white;
	border-radius: 20px;
}

.info-total .info-index ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-transform: uppercase;
}

.info-total .info-index ul li {
	padding: 5px 0px;
	cursor: pointer;
	transition: .1s ease-in-out;
	position: relative;
}

.info-total .info-content {
	width: 60%;
	max-width: 60%;
	min-width: 60%;
	padding: 30px;
}

.info-index h5, .info-total .info-content h2, .info-total .info-content h4 {
	text-transform: uppercase;
	position: relative;
}

.info-total .info-content h2, .info-total .info-content h4 {
	position: relative;
}

.info-total .info-content h4 i {
	margin-right: 8px;
}

.onderwerp-beschrijving {
	font-weight: 500;
}

.info-content-box {
	position: relative;
	background-color: #ffffff3b;
    border-radius: 20px;
	padding: 30px;
	margin-bottom: 30px;
}

/* INFO LAYOUT 1 */
.info-layout1 .info-total .info-index ul {
/* 	font-style: italic; */
}

.info-layout1 .info-content-box::before {
	content: '';
    display: block;
    height: 110px;
    margin-top: -110px;
    visibility: hidden;
	pointer-events: none;
	z-index: -9;
}

.info-layout1 .info-sub-nav {
	background: white;
	border-radius: 10px;
	padding: 10px;
	font-size: .8em;
	margin-top: 20px;
	margin-bottom: 20px;
	z-index: 1000;
	position: relative;
}

.info-layout1 .info-sub-nav a {
	color: black;
	text-decoration: underline;
}

.info-layout1 .info-sub-nav a:hover {
	color: var(--e-global-color-primary);
}

.info-layout1 .info-total .info-index ul li.active {
	font-weight: 500;
	padding-left: 10px;
}

.info-layout1 .info-total .info-index ul li span {
	position: relative;
	color: black;
	text-transform: lowercase !important;
}

.info-layout1 .info-total .info-index ul li span::first-letter {
	text-transform: capitalize !important;
}

.info-layout1 .info-total .info-index ul li::before {
	content: '';
	height: 100%;
	aspect-ratio: 1/1;
	background: var(--e-global-color-primary);
	border-radius: 50%;
	position: absolute;
	left: -20px;
	transition: .2s ease-in-out;
	top: 0;
	opacity: 0;
}

.info-layout1 .info-total .info-index ul li.active::before {
	left: 0;
	opacity: 1;
}

.info-layout1 .nav-arrow {
	position: absolute !important;
    right: 0;
    font-size: 35px;
    top: 50%;
	transform: translateY(calc(-50% - 2px));
    line-height: 25px;
	font-style: normal !important;
	font-weight: 300 !important;
}

/* INFO LAYOUT 2 */
.info-layout2 .info-total .info-index ul li.active  {
	font-weight: 500;
	color: var(--e-global-color-primary);

}

.info-layout2 .info-total .info-index ul li::after {
	content: '';
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -1;
    height: 100%;
    aspect-ratio: 1/1;
    background: var(--e-global-color-primary);
    transform: rotate(45deg);
	transition: .2s ease-in-out;
}

.info-layout2 .info-total .info-index ul li.active::after {
    right: -40px;
}

.info-layout2 :is(.info-total .info-index ul li .nav-arrow, .info-sub-nav, .informatie-box) {
	display: none;
}

.info-layout2 .info-content-box h4 {
	background: white;
    padding: 12px 25px;
    box-shadow: 0 2px 1px 0px rgb(0 0 0 / 15%);
	cursor: pointer;
}

.info-layout2 .info-content-box h4.active + .informatie-box {
	display: block !important;
}

.info-layout2 .info-content-box h4.active {
	margin-bottom: 0px !important;
}

body .info-layout2 .info-total .info-content h2 {
	color: var(--e-global-color-primary);
	text-align: center;
	font-weight: 400;
	font-style: unset ;
}

.info-layout2 .onderwerp-beschrijving {
	text-align: center;
}

.info-layout2 .informatie-box {
	padding: 30px;
	background: white;
	margin-bottom: 20px;
	box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}

.info-layout2 .info-content-box h4::after {
	content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    position: absolute;
    right: 25px;
	transition: .1s ease-in-out;
}

.info-layout2 .info-content-box h4.active::after {
	transform: rotate(90deg);
	color: var(--e-global-color-primary);
} 

/* FORM */
.gform_required_legend {
	display: none;
}

.gform_button {
	background: var(--button-background-color) !important ;
	color: var(--button-text-color)  !important;
	text-transform: var(--button-text-transform);
	font-style: var(--button-font-style);
	font-weight: var(--button-font-weight) !important;
}

.gform_footer {
	padding: 0px !important;
	margin-top: 10px !important;
}

.ginput_container input[type='email'], .ginput_container input[type='text'] {
	padding: 13px !important;
    text-align: center !important;
	text-transform: uppercase;
	border-radius: var(--input-field-border-radius);
}

body .gform_wrapper .gform_validation_errors {
	background: transparent;
	padding: 0px;
	border: unset;
}

/* BEDANK PAGINA */
.bedank-pagina-layout1 {
	border: var(--bedank-outside-border-width) solid var( --e-global-color-43b94d9 );
	min-height: 100vh;
}

.bedank-pagina-layout1 .gform_button {
	margin-bottom: 0px !important;
}

.bedank-pagina-layout1 .gform_body {
	padding: 0px 50px 20px;
}

body.page-id-1090 header {
	top: var(--bedank-outside-border-width) ;
}

.bedank-pagina-layout2 {
	height: 100vh;
}

/* FOOD & FUN */
.food-fun-layout1 .elementor-slides .swiper-slide-inner {
	padding: 0px 0px 0px 70px;
}

.food-fun-layout1 .swiper-slide-contents {
	background: var( --e-global-color-43b94d9 );
	color: black;
	padding: 50px 30px;
}


/* STAGE KLEUREN */
.artiest-stages span:not(:first-child)::before {
	content: ', ';
	color: white;
}

.artiest-stages span {
	font-weight: 700;
}

.stageClr0 { color: var( --e-global-color-4c44b3a )}
.stageClr1 { color: var( --e-global-color-22f1c65 )}
.stageClr2 { color: var( --e-global-color-8a0e4a5 )}
.stageClr3 { color: var( --e-global-color-7e18e3a )}
.stageClr4 { color: var( --e-global-color-99f7c6d )}

.lineup-groot-layout1 h2.titleClr0::before, .lineupStageClr0 span::before {background-color: var( --e-global-color-4c44b3a );}
h2.titleClr1::before, .lineupStageClr1 span::before {background-color: var( --e-global-color-22f1c65 );}
h2.titleClr2::before, .lineupStageClr2 span::before {background-color: var( --e-global-color-8a0e4a5 );}
h2.titleClr3::before, .lineupStageClr3 span::before {background-color: var( --e-global-color-7e18e3a );}
h2.titleClr4::before, .lineupStageClr4 span::before {background-color: var( --e-global-color-99f7c6d );}

.lineup-groot-layout2 .stage-container .stage-container-clr0 .stage-title-inner-container, .timetable-layout2 .timetableStages .eventDayClr0  {background: var(  --e-global-color-4c44b3a );}
.lineup-groot-layout2 .stage-container .stage-container-clr1 .stage-title-inner-container, .timetable-layout2 .timetableStages .eventDayClr1   {background: var( --e-global-color-22f1c65 );}
.lineup-groot-layout2 .stage-container .stage-container-clr2 .stage-title-inner-container, .timetable-layout2 .timetableStages .eventDayClr2   {background: var( --e-global-color-8a0e4a5 );}
.lineup-groot-layout2 .stage-container .stage-container-clr3 .stage-title-inner-container, .timetable-layout2 .timetableStages .eventDayClr3   {background: var( --e-global-color-7e18e3a );}
.lineup-groot-layout2 .stage-container .stage-container-clr4 .stage-title-inner-container, .timetable-layout2 .timetableStages .eventDayClr4   {background: var( --e-global-color-99f7c6d );}