*, *:before, *:after { box-sizing: inherit; } 

#breadcrumbs { margin-bottom: var(--gap); }
.title-page { margin-bottom: var(--gap); }
.title-home { margin-bottom: var(--gap); }
.title-head { margin-bottom: var(--gap); }


.lrm-main:not(.is-visible) { z-index: -1;}

.ads-festivalagenda { margin-top: var(--gap); }


.ads {}
.ads.ads-header { padding-top: var(--gap); }
.ads .ad { display: flex; justify-content: center; }

@media (max-width: 991px) {
	
	.ads.ads-desktop { display: none; }

}

@media (min-width: 992px) {
	
	.ads.ads-mobile { display: none; }
	.ads-single-event { display: none; }

}

.adsx { flex-basis: 100%; padding-top: var(--inner-gap); display: flex; justify-content: center; }
.adsx .ads { width: 100%; }

.ads.ads-custom { margin-bottom: var(--gap); width: 100%; }
.ads.ads-custom .ad { display: block; width: 100%; }

@media (max-width: 991px) {
	
	.ads.ads-custom {  }
	.ads.ads-custom .ad { }
	.ads.ads-custom .ad .adsbygoogle { width: 100%; }

}

/*.ads { height: 240px; background-color: red; }*/

.search {  }
.search .col-left-media .bl2page-col { background-color: #FFFFFF; padding: var(--gap); border-radius: var(--border-radius); margin-bottom: var(--gap); }
.search .col-left-media .bl2page-col img { border-radius: var(--inner-border-radius); }

#scrolltotop { cursor: pointer; position: fixed; left: var(--gap); transition: bottom 0.15s ease-in-out; }
#scrolltotop .scrolltotop { background-color: #1a1a1a; border-radius: 12px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
#scrolltotop .scrolltotop:hover { background-color: #3b3b3b; }
#scrolltotop .scrolltotop .scrolltotop-button { display: flex; align-items: center; justify-content: center; }
#scrolltotop .scrolltotop .scrolltotop-button svg {  }
#scrolltotop .scrolltotop .scrolltotop-button svg path { fill: #FFFFFF; }

body:not(.scrolltop-active) #scrolltotop { bottom: -48px; }
body.scrolltop-active #scrolltotop { bottom: var(--gap); }

#scrolltotickets { pointer-events: none; position: fixed; bottom: 0px; left: 0px; width: 100%; transition: bottom 0.15s ease-in-out; }
#scrolltotickets .scrolltotickets { margin: 0px auto; width: 100%; height: 68px; padding: 0px var(--gap); background-color: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px 0px; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }
#scrolltotickets .scrolltotickets { display: flex; flex-wrap: wrap; gap: var(--gap); align-items: center; }
#scrolltotickets .scrolltotickets .scrolltotickets-text { font-weight: 600; } 
#scrolltotickets .scrolltotickets .scrolltotickets-button { margin-left: auto; } 
#scrolltotickets .scrolltotickets .scrolltotickets-button a { pointer-events: auto; display: block; cursor: pointer; border: 0px; text-align: center; font-weight: 600; padding: 0px; border-radius: 6px; background-color: #7e43b7; color: #FFFFFF; position: relative; padding: calc(var(--inner-gap) / 2) var(--gap); } 
#scrolltotickets .scrolltotickets .scrolltotickets-button a:hover { background-color: #1a1a1a; } 

body:not(.scrolltotickets-active) #scrolltotickets { bottom: -68px; }
body.scrolltotickets-active #scrolltotickets { bottom: 0; }

@media (min-width: 768px) {
	
	#scrolltotickets .scrolltotickets .scrolltotickets-text { font-size: 18px; margin-bottom: -6px; } 

}

@media (min-width: 768px) and (max-width: 991px) {
	
	#scrolltotickets .scrolltotickets { width: 750px; }

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	#scrolltotickets .scrolltotickets { width: 970px; }

}

@media (min-width: 1200px) {
	
	#scrolltotickets .scrolltotickets { width: 1170px; }

}

@media (max-width: 767px) {
	
	body.scrolltop-active.scrolltobuy-active #scrolltotickets {  }
	body.scrolltotickets-active.scrolltop-active #scrolltotop { bottom: calc(68px + var(--gap)); }
	body.scrolltotickets-active.scrolltobuy-active #scrolltobuy { bottom: calc(68px + var(--gap)); }
	
}

@media (min-width: 768px) and (max-width: 918px) {

	body.scrolltop-active.scrolltobuy-active #scrolltotickets {  }
	body.scrolltotickets-active.scrolltop-active #scrolltotop { bottom: calc(68px + var(--gap)); }
	body.scrolltotickets-active.scrolltobuy-active #scrolltobuy { bottom: calc(68px + var(--gap)); }	

}

@media (min-width: 992px) and (max-width: 1162px) {

	body.scrolltop-active.scrolltobuy-active #scrolltotickets {  }
	body.scrolltotickets-active.scrolltop-active #scrolltotop { bottom: calc(68px + var(--gap)); }
	body.scrolltotickets-active.scrolltobuy-active #scrolltobuy { bottom: calc(68px + var(--gap)); }	

}

@media (min-width: 1200px) and (max-width: 1361px) {

	body.scrolltop-active.scrolltobuy-active #scrolltotickets {  }
	body.scrolltotickets-active.scrolltop-active #scrolltotop { bottom: calc(68px + var(--gap)); }
	body.scrolltotickets-active.scrolltobuy-active #scrolltobuy { bottom: calc(68px + var(--gap)); }	

}

@media (min-width: 1362px) {
	

}


@media (max-width: 767px) {
	
	.hidden-xs { display: none; }
	
}


@media (min-width: 768px) {
	
	.visible-xs { display: none; }
	
}

.lrm-form a.button, 
.lrm-form button, 
.lrm-form button[type=submit], 
.lrm-form #buddypress input[type=submit], 
.lrm-form .gform_wrapper input.gform_button[type=submit], 
.lrm-form input[type=submit] {
    background-color: #7e43b7;
}

.lrm-form a.button:hover, 
.lrm-form button:hover, 
.lrm-form button[type=submit]:hover, 
.lrm-form #buddypress input[type=submit]:hover, 
.lrm-form .gform_wrapper input.gform_button[type=submit]:hover, 
.lrm-form input[type=submit]:hover {
    background-color: #1a1a1a;
}

/*


.mijnfestivalagenda { box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 30px 0px; border-radius: var(--border-radius); background-color: #353536; color: #FFFFFF; overflow: hidden; }
.mijnfestivalagenda a { color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.50); padding: 3px 12px; display: inline-block; white-space: nowrap; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen { padding: var(--gap); background-color: #212121; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen { padding: 12px; background-image: url('img/mijnfestivalagenda.webp'); background-size: auto 100%; background-repeat: no-repeat; background-position: center right; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 {}
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p {}
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen a {  }
.mijnfestivalagenda .mijnfestivalagenda-bekijken { padding: var(--gap); }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken { padding: 12px; display: flex; flex-direction: column; height: 100%; }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { flex-grow: 1; }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken a {  }

@media (max-width: 767px){
	
	.mijnfestivalagenda a { border-radius: 16px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 { font-size: 20px; line-height: 26px; max-width: 120px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p { margin: var(--gap) 0px; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { font-size: 14px; line-height: 24px; margin: 0px 0px var(--gap) 0px; }
	
}

@media (min-width: 768px){
	
	.mijnfestivalagenda { display: flex; }
	.mijnfestivalagenda a { border-radius: 12px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen { flex-grow: 1;}
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen { display: flex; flex-wrap: wrap; gap: var(--gap); min-height: 200px; align-items: flex-end; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 { font-size: 38px; line-height: 42px; max-width: 180px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p { flex-grow: 1; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen div { flex-basis: 100%; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken { }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken {  }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken {  }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { font-size: 20px; line-height: 32px; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken a {}
	
}

*/


.mijnfestivalagenda { box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 30px 0px; border-radius: var(--border-radius); background-color: #353536; color: #FFFFFF; overflow: hidden; }
.mijnfestivalagenda a { color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.50); padding: 3px 12px; display: inline-block; white-space: nowrap; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen { background-color: #212121; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen { padding: calc(var(--gap) * 2); background-image: url('img/mijnfestivalagenda.webp'); background-size: auto 100%; background-repeat: no-repeat; background-position: center right; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 {}
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p { font-weight: 600; font-size: 14px; line-height: 24px; }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen a {  }
.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen a:hover { background-color: #FFFFFF; color: #1a1a1a; }
.mijnfestivalagenda .mijnfestivalagenda-bekijken { padding: var(--gap); }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken { padding: 12px; display: flex; flex-direction: column; height: 100%; }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { flex-grow: 1; }
.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken a {  }

@media (max-width: 767px){
	
	.mijnfestivalagenda a { border-radius: 16px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 { font-size: 20px; line-height: 26px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p { margin: var(--gap) 0px; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { font-size: 14px; line-height: 24px; margin: 0px 0px var(--gap) 0px; }
	
}

@media (min-width: 768px){
	
	.mijnfestivalagenda { display: flex; }
	.mijnfestivalagenda a { border-radius: 12px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen { flex-grow: 1;}
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen { display: flex; flex-wrap: wrap; gap: var(--gap); min-height: 200px; align-items: flex-end; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen h3 { font-size: 38px; line-height: 42px; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen p { font-weight: 600; font-size: 20px; line-height: 32px; flex-grow: 1; }
	.mijnfestivalagenda .mijnfestivalagenda-inloggen .inloggen div { flex-basis: 100%; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken { }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken {  }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken {  }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken h3 { font-size: 20px; line-height: 32px; }
	.mijnfestivalagenda .mijnfestivalagenda-bekijken .bekijken a {}
	
}

.su-table { overflow: auto !important; }

.kaart { margin-bottom: var(--inner-gap); }
.kaart iframe { border-radius: var(--inner-border-radius); }

.autopopup {  }
.autopopup { display: flex; flex-wrap: wrap; gap: var(--gap);  }
.autopopup { width: 100%; margin: 0px auto var(--gap) auto; padding: var(--gap) var(--gap) 0px var(--gap); }
.autopopup .autopopupclose { display: none; }


@media (min-width: 768px) and (max-width: 991px) {
	
	.autopopup { width: 750px; }

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.autopopup { width: 970px; }

}

@media (min-width: 1200px) {
	
	.autopopup { width: 1170px; }

}

.accommodaties { margin-bottom: var(--gap); }
.accommodaties h3.locatieenaccommodaties { margin-bottom: 0px; }
.accommodaties .accommodaties-button {  }
.accommodaties .accommodaties-button a.boekaccommodatie {  }
.accommodaties .accommodaties-button a.boekaccommodatie { line-height: 24px; font-size: 14px; pointer-events: auto; display: block; cursor: pointer; border: 0px; text-align: center; font-weight: 600; padding: 0px; border-radius: 6px; background-color: #7e43b7; color: #FFFFFF; position: relative; padding: calc(var(--inner-gap) / 2) var(--gap); } 
.accommodaties .accommodaties-button a.boekaccommodatie:hover { background-color: #1a1a1a; } 


@media (max-width: 767px){
	
	.accommodaties .accommodaties-button { text-align: center; padding: var(--gap) 0px; }
	.accommodaties .accommodaties-button a.boekaccommodatie { display: inline-block; margin: 0px auto; }
	
}

@media (min-width: 768px){
	
	.accommodaties { display: flex; }
	.accommodaties .accommodaties-button { margin-left: auto; }
	
}