/* SMALL LAPTOP */
@media only screen and (max-width: 1350px) {
	/* HOME HERO LAYOUT 1 */
	.home-hero-layout1 {
		border: calc(.5*var(--home-hero-outside-border-width)) solid var( --e-global-color-43b94d9 ) !important;
	}
	
	/* KLEINE LINE-UP LAYOUTS */
	.lineup-klein-layout2 .lineup-overview .lineup-artiest {
		width: 25% !important;
		min-width: 25% !important;
	}
	
	.lineup-artiest {
		width: 33% !important;
		max-width: 33% !important;
	}
	
		.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(4n+2), .lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(4n+4) {
		transform: unset !important;
	}
	
	.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(3n+2) {
		transform: translateY(30px) !important;
	}
	
	.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(3n+3) {
		transform: translateY(60px) !important;
	}
	
	/* GROTE LINE-UP LAYOUTS */
	.lineup-groot-layout2 .stage-container .lineup-overview {
		width: 75% !important;
	}
	
	.lineup-groot-layout2 .stage-container .stage-title-container {
		width: 25% !important;
	}
	
	/* INFO PAGINA LAYOUT */
	.info-total .info-index {
		width: 35%;
		min-width: 35%;
		max-width: 35%;
	}
	
	.info-total .info-content {
		width: 65%;
		max-width: 65%;
		min-width: 65%;
	}
	
	/* BEDANK PAGINA */
	.bedank-pagina-layout1 {
		border: calc(.5*var(--bedank-outside-border-width)) solid var( --e-global-color-43b94d9 ) !important;
	}
}

/* TABLET */
@media only screen and (max-width: 1024px) {
	/* MENU LAYOUT 1 */
/* 	body:not(.page-id-1090) .menu-layout1:not(.sticky) {
		background: var( --e-global-color-43b94d9 ) !important;
	} */
	
	/* HOME HERO LAYOUT 1 */
	.home-hero-layout1 {
		height: calc(100vh - 200px) !important;
		
	}
	
	.home-hero-layout1 > .elementor-container {
		flex-direction: column-reverse;
	}
	
	.home-hero-layout1 > .elementor-container > .elementor-column {
		order: unset !important;
	}
	
	.home-hero-layout1-col1, .home-hero-layout1-col2 {
		width: 100% !important;
	}
	
	.home-hero-layout1 {
		border: calc(.33*var(--home-hero-outside-border-width)) solid var( --e-global-color-43b94d9 )  !important;
	}
	
	/* HOMER HERO LAYOUT 2 */
	body:is(.home, .page-id-558) .menu-layout2 {
		position: absolute;
		top: 0;
		z-index: 999;
		width: 100%;
	}
	
	/* KLEINE LINE-UP LAYOUTS */
	.lineup-klein-layout2 .lineup-overview .lineup-artiest {
		width: 30% !important;
		min-width: 30% !important;
	}
	
	.lineup-artiest {
		width: 50% !important;
		max-width: 50% !important;
	}
	
	.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(2n+2) {
		transform: translateY(30px) !important;
	}
	
	.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(2n+3) {
		transform: unset !important;
	}
	
	/* GROTE LINE-UP LAYOUTS */
	.lineup-groot-layout2 .stage-container .lineup-overview {
		width: 66.667% !important;
	}
	
	.lineup-groot-layout2 .stage-container .stage-title-container {
		width: 33.333% !important;
	}
	
	/* TIMETABLE */
	.timetableStages .eventDayStage {
  		width: calc( (100% / 2) - (40px / 4) );
	}
	
	/* INFO PAGINA LAYOUT */
	.info-total .info-index {
		padding-right: 20px;	
	}
	
	.info-total .info-content {
		padding: 20px;
	}
	
	/* BEDANK PAGINA */
	.bedank-pagina-layout1 {
		border: calc(.33*var(--bedank-outside-border-width)) solid var( --e-global-color-43b94d9 ) !important;
	}
}

/* MOBILE */
@media only screen and (max-width: 767px) {
	/* MENU LAYOUT 2 */
	:is(.menu-layout2, .menu-layout3) .elementor-button .elementor-button-text {
		font-size: 0px !important;
	}
	
	:is(.menu-layout2, .menu-layout3) .elementor-button .elementor-button-icon {
		margin-right: 0px !important;
	}
	
	/* HOME HERO LAYOUT 2 */
	.home-hero-layout2 .datum-plaats {
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 50%, 100% 100%, 0 100%, 30px 50%) !important;
		margin-top: -10px !important;
		margin-bottom: -30px;
	}
	
	/* KLEINE LINE-UP LAYOUTS */
	.lineup-klein-layout2 .lineup-overview .lineup-artiest {
		width: 45% !important;
		max-width: 45% !important;
		min-width: 45% !important;
	}
	
	.lineup-klein-layout2 .lineup-overview::before {
		margin-right: 100px;
	}
	
	body .lineup-klein-layout2 h2 {
		padding-left: 50px !important;
	}
	
	/* GROTE LINE-UP LAYOUTS */
	.lineup-groot-layout2 .stage-container .lineup-overview, .lineup-groot-layout2 .stage-container .stage-title-container {
		width: 100% !important;
	}
	
	.lineup-groot-layout2 .stage-container .stage-title-container {
		aspect-ratio: unset !important;
	}
	
	.lineup-groot-layout2 .stage-container .stage-title-container h2 {
		writing-mode: unset !important;
		transform: unset !important;
		margin-bottom: 50px !important;
	}
	
	/* TIMETABLE */
	.timetableStages .eventDayStage {
  		width: 100%;
	}
	
	/* INFO PAGINA'S */
	.info-index-inner ul {
		display: none;
	}
	
	.info-index-inner h5.active + ul {
		display: block;
	}
	
	.info-index-inner h5::after {
		content: '';
		position: absolute;
		right: 0;
		font-family: 'Font Awesome 5 Free';
		font-style: normal;
		background: url(/wp-content/uploads/2022/11/bars-solid.svg) no-repeat center center;
		  background-size: auto;
		width: 24px;
		top: 0;
		background-size: contain;
		height: 24px;
	}
	
	.info-total .info-index, .info-total .info-content {
		width: 100%;
		min-width: 100%;
		flex-basis: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.info-total .info-index h5{
		margin: 0;
	}
	
	.info-total .info-index .info-index-inner {
		padding: 15px;
		box-shadow: 0 2px 1px 0px rgb(0 0 0 / 15%);
	}
	
	.info-layout2 .info-total .info-index ul li::after {
		content: unset;
	}
	
	.info-total .info-index ul {
		margin-top: 20px;
	}
	
	.info-layout1 .info-content-box:not(:hover) .informatie-box {
		mask-image: linear-gradient(to bottom, black 30%, transparent 90%);
		-webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 90%);
		max-height: 200px;
		overflow: hidden;
	}
	
/* 	.info-layout1 .info-content-box:not(:hover)::after {
		content: 'Read more \f078';
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 10px;
		font-weight: 900;
		font-family: 'Font Awesome 5 Free';
		font-size: 11px;
	} */
	
	/* BEDANK PAGINA */
	.bedank-pagina-layout1 {
		display: flex;
	}

}

@media only screen and (max-width: 550px) {
	/* KLEINE LINE-UP LAYOUTS */
	.lineup-artiest {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.lineup-klein-layout2 .lineup-overview .lineup-artiest {
		width: 250px !important;
		max-width: 250px !important;
		min-width: 250px !important;
	}
	
	.lineup-klein-layout2 .lineup-overview::before {
		margin-right: 0px;
	}
	
	.lineup-klein-layout3 .lineup-overview .lineup-artiest:nth-child(2n+2) {
		transform: unset !important;
	}
}