/*
Theme Name: Popscool
Description: Child theme for Popscool.nl
Author: Matthijs van Noort
Template: jumpstart
*/

/* Your custom CSS here */

/* TEST AREA */
html,body {

}


/* homepage 2024*/ 
ul.lessons-list {
    list-style: none;
    font-family: 'Typewriter';
    Font-size: 24px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

.shout-out {
    text-align: center;
    padding: 50px 20px;
    background-color: #f7f7f7;
    margin-bottom: 30px;
}

.shout-out-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.shout-out-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.shout-out-content > a {
	display: contents;
}

.shout-out-item {
    flex: 1;
    min-width: 150px;
    max-width: 200px;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.shout-out-number {
    display: block;
    font-size: 36px;
    font-weight: bold;
    color: #3498db;
}

.shout-out-text {
    font-size: 16px;
    color: #555;
}



/* end TEST AREA */


ul.external-links {
list-style: none;
list-style: none;
    width: fit-content;
    padding: 0;
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

ul.external-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.lead {
	font-size: 1.12em;
	color: #333;
}

.gallery-item .tb-thumb-link {
    border-radius: 10px;
}


.has-breadcrumbs #main {
    padding-top: 0;
}

.site-breadcrumbs {	
	display: block; /* otherwise hidden on mobile */
}

.site-breadcrumbs .wrap {
}

.has-breadcrumbs .site-breadcrumbs {
    padding-top: 30px;
}

.element-breadcrumbs .breadcrumb {
    padding: 0;
}

.breadcrumb {
    font-size: 13px;
	padding: 10px 0;
}

.tb-share {
	margin: 0 auto;
    padding: 0;
    text-align: center;
}

.tb-share li {
    display: inline;
    float: none;
}


@media print {
	#sticky-header { display: none; }

}

@import url("https://use.typekit.net/pwu4tth.css");
@font-face {
    font-display: swap;
	font-family:"Typewriter";
    src: url("fonts/typewriter.eot"); /* EOT file for IE */
}
@font-face {
    font-display: swap;
	font-family:"Typewriter";
    src: url("fonts/typewriter.ttf") /* TTF file for CSS3 browsers */
}

body {
	text-rendering: optimizeLegibility;
/*	-webkit-font-smoothing: antialiased; */
}

.ps_gradient-light  {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbe1ef+1,ebc0d9+50,cbafcf+99 */
background: rgb(219,225,239); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(219,225,239,1) 1%, rgba(235,192,217,1) 50%, rgba(203,175,207,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(219,225,239,1) 1%,rgba(235,192,217,1) 50%,rgba(203,175,207,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(219,225,239,1) 1%,rgba(235,192,217,1) 50%,rgba(203,175,207,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe1ef', endColorstr='#cbafcf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

:root {
 	--ps-paars		: #7C216C;
	--ps-lichtblauw	: #36A9E1;
	--ps-donkerblauw: #223A89;
	--ps-oranje		: #F1851F;
	--ps-rood		: #D51224;
}

.primary, .bg-primary, .btn-primary, a.alt, button.alt, input.alt, .label-primary, .panel-primary > .panel-heading {
    background-color: #223A89;
}
.primary:hover, .primary:focus, a.bg-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, a.alt:hover, a.alt:focus, button.alt:hover, button.alt:focus, input.alt:hover, input.alt:focus {
    background-color: #36A9E1;
}

.btn-proefles {
	background-color: var(--ps-lichtblauw);
	color:white;
}
.btn-proefles:hover {
	background-color: var(--ps-donkerblauw);
	color:white;
}
.tb-scroll-to-section, .tb-scroll-to-top {background-color: rgba(241, 133, 31, 0.7);}
.tb-scroll-to-section:hover, .tb-scroll-to-top:hover  {background-color: var(--ps-oranje);}

.site-header.transparent .header-content {
    background: #223A89aa;
}
.header-text {
    float: left;
    line-height: 24px;
    margin-left: 165px;
    font-family: Typewriter;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--ps-lichtblauw);
    font-size: 19px;
}
.tb-sticky-header .logo-sticky img {
    max-height: 90px;
    margin-top: 10px;
    filter: drop-shadow(0px 5px 5px #00000077);
    margin-left: 10px;
}
.sticky-on .tb-sticky-header {
    -webkit-box-shadow: 0 0 13px 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 13px 2px rgba(0,0,0,0.5);
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.ps_shadow {
	filter: drop-shadow(2px 4px 12px #00000055);
}
.ps_text-shadow {
	text-shadow: 5px 5px 5px rgba(0,0,0,0.6);
}
	
.ps_paars, h1, .widget-title {
	color: var(--ps-paars);
}
.ps_lichtblauw {
	color: var(--ps-lichtblauw);
}
.ps_donkerblauw {
	color: var(--ps-donkerblauw);
}
.ps_oranje {
	color: var(--ps-oranje);
}
.ps_rood {
	color: var(--ps-rood);
}

.ps_bg-paars {
	background-color: var(--ps-paars);
}
.ps_bg-lichtblauw {
	background-color: var(--ps-lichtblauw);
}
.ps_bg-donkerblauw {
	background-color: var(--ps-donkerblauw);
}
.ps_bg-oranje {
	background-color: var(--ps-oranje);
}
.ps_bg-rood {
	background-color: var(--ps-rood);
}



/* ### 		HEADER 				### */
.header-content .site-logo {
    margin: -50px 20px 0 10px;
    padding: 10px 0;
    max-width: 175px;
    position: absolute;
    top: 0;
}

.header-content .site-logo img {
    height: 135px;
	filter: drop-shadow(0px 5px 5px #00000077);
}



/* ### 		HORIZONTAL MENU (INFOBALIE) 				### */
.menu-infobalie .subnav {
	background: white;
	border: none;
}
.subnav ul.nav-pills li a {
    color: inherit;
    font-size: 90%;
    /* text-transform: uppercase; */
    background: white;
    border: none !important;
    padding: 6px 12px !important;
    font-weight: 400 !important;
}
.nav-pills>li>a:hover, .nav-pills>li>a:focus {
    background-color: rgba(54, 169, 225, 0.9) !important;
	color: white !important;
}
.subnav ul.nav>.current_page_item>a, .subnav ul.nav>.current_page_item>a:hover, .subnav ul.nav>.current_page_item>a:focus {
    background-color: var(--ps-lichtblauw) !important;
	color: white !important;
}


/* ### 		HOMEPAGE 				### */
.agenda_widget_front .fixed-sidebar .widget {
	background-color: var(--ps-oranje);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 4%, 100% 4%, 100% 5%, 100% 6%, 99% 7%, 100% 7%, 100% 7%, 100% 8%, 100% 9%, 99% 10%, 100% 11%, 100% 12%, 100% 14%, 100% 16%, 100% 17%, 100% 20%, 99% 20%, 99% 21%, 99% 23%, 99% 24%, 98% 26%, 99% 28%, 100% 29%, 99% 30%, 99% 31%, 100% 33%, 100% 33%, 99% 35%, 99% 36%, 100% 37%, 99% 37%, 99% 39%, 100% 39%, 99% 41%, 99% 42%, 100% 43%, 99% 44%, 99% 45%, 100% 47%, 99% 47%, 98% 48%, 99% 51%, 99% 51%, 99% 52%, 100% 54%, 99% 55%, 98% 56%, 99% 59%, 99% 61%, 99% 63%, 100% 64%, 100% 64%, 100% 64%, 98% 67%, 99% 68%, 100% 68%, 99% 71%, 99% 72%, 99% 73%, 100% 73%, 99% 76%, 99% 78%, 100% 80%, 99% 82%, 99% 82%, 99% 83%, 99% 85%, 100% 86%, 99% 86%, 99% 87%, 99% 88%, 100% 89%, 99% 90%, 99% 92%, 99% 94%, 99% 96%, 99% 96%, 99% 96%, 99% 98%, 98% 98%, 98% 98%, 97% 98%, 94% 97%, 92% 98%, 90% 98%, 87% 97%, 83% 98%, 79% 98%, 77% 98%, 75% 98%, 72% 98%, 70% 98%, 68% 98%, 68% 97%, 68% 97%, 64% 96%, 63% 97%, 61% 98%, 59% 98%, 57% 98%, 56% 98%, 55% 98%, 52% 98%, 49% 97%, 46% 97%, 44% 97%, 42% 97%, 40% 98%, 39% 97%, 35% 97%, 31% 97%, 30% 97%, 29% 97%, 27% 98%, 25% 98%, 23% 97%, 21% 98%, 21% 98%, 20% 98%, 18% 98%, 17% 98%, 17% 98%, 18% 97%, 16% 97%, 15% 98%, 14% 98%, 13% 99%, 11% 99%, 10% 97%, 9% 97%, 7% 97%, 5% 98%, 4% 96%, 2% 97%, 0% 98%, 0% 96%, 1% 93%, 1% 92%, 1% 91%, 2% 87%, 1% 86%, 1% 85%, 1% 84%, 2% 82%, 1% 80%, 1% 79%, 1% 78%, 1% 75%, 1% 74%, 1% 72%, 1% 72%, 1% 69%, 1% 68%, 1% 66%, 1% 65%, 1% 62%, 1% 60%, 1% 58%, 1% 57%, 2% 54%, 2% 54%, 1% 50%, 1% 50%, 1% 49%, 1% 47%, 1% 46%, 1% 45%, 1% 43%, 0% 41%, 0% 41%, 1% 38%, 1% 38%, 1% 35%, 0% 35%, 1% 33%, 1% 32%, 1% 31%, 1% 30%, 1% 30%, 1% 27%, 0% 26%, 1% 24%, 0% 22%, 1% 20%, 0% 18%, 0% 17%, 1% 15%, 0% 14%, 0% 12%, 1% 10%, 1% 9%, 1% 6%, 1% 5%, 0% 4%, 0% 3%, 0% 2%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 4%, 100% 4%, 100% 5%, 100% 6%, 99% 7%, 100% 7%, 100% 7%, 100% 8%, 100% 9%, 99% 10%, 100% 11%, 100% 12%, 100% 14%, 100% 16%, 100% 17%, 100% 20%, 99% 20%, 99% 21%, 99% 23%, 99% 24%, 98% 26%, 99% 28%, 100% 29%, 99% 30%, 99% 31%, 100% 33%, 100% 33%, 99% 35%, 99% 36%, 100% 37%, 99% 37%, 99% 39%, 100% 39%, 99% 41%, 99% 42%, 100% 43%, 99% 44%, 99% 45%, 100% 47%, 99% 47%, 98% 48%, 99% 51%, 99% 51%, 99% 52%, 100% 54%, 99% 55%, 98% 56%, 99% 59%, 99% 61%, 99% 63%, 100% 64%, 100% 64%, 100% 64%, 98% 67%, 99% 68%, 100% 68%, 99% 71%, 99% 72%, 99% 73%, 100% 73%, 99% 76%, 99% 78%, 100% 80%, 99% 82%, 99% 82%, 99% 83%, 99% 85%, 100% 86%, 99% 86%, 99% 87%, 99% 88%, 100% 89%, 99% 90%, 99% 92%, 99% 94%, 99% 96%, 99% 96%, 99% 96%, 99% 98%, 98% 98%, 98% 98%, 97% 98%, 94% 97%, 92% 98%, 90% 98%, 87% 97%, 83% 98%, 79% 98%, 77% 98%, 75% 98%, 72% 98%, 70% 98%, 68% 98%, 68% 97%, 68% 97%, 64% 96%, 63% 97%, 61% 98%, 59% 98%, 57% 98%, 56% 98%, 55% 98%, 52% 98%, 49% 97%, 46% 97%, 44% 97%, 42% 97%, 40% 98%, 39% 97%, 35% 97%, 31% 97%, 30% 97%, 29% 97%, 27% 98%, 25% 98%, 23% 97%, 21% 98%, 21% 98%, 20% 98%, 18% 98%, 17% 98%, 17% 98%, 18% 97%, 16% 97%, 15% 98%, 14% 98%, 13% 99%, 11% 99%, 10% 97%, 9% 97%, 7% 97%, 5% 98%, 4% 96%, 2% 97%, 0% 98%, 0% 96%, 1% 93%, 1% 92%, 1% 91%, 2% 87%, 1% 86%, 1% 85%, 1% 84%, 2% 82%, 1% 80%, 1% 79%, 1% 78%, 1% 75%, 1% 74%, 1% 72%, 1% 72%, 1% 69%, 1% 68%, 1% 66%, 1% 65%, 1% 62%, 1% 60%, 1% 58%, 1% 57%, 2% 54%, 2% 54%, 1% 50%, 1% 50%, 1% 49%, 1% 47%, 1% 46%, 1% 45%, 1% 43%, 0% 41%, 0% 41%, 1% 38%, 1% 38%, 1% 35%, 0% 35%, 1% 33%, 1% 32%, 1% 31%, 1% 30%, 1% 30%, 1% 27%, 0% 26%, 1% 24%, 0% 22%, 1% 20%, 0% 18%, 0% 17%, 1% 15%, 0% 14%, 0% 12%, 1% 10%, 1% 9%, 1% 6%, 1% 5%, 0% 4%, 0% 3%, 0% 2%);
}
.element.agenda_widget_front {
	margin-bottom: 0px !important;
}
.element.agenda_widget_front:before, .element.agenda_widget_front:after {
      content: ""; height: 2px;
      position: absolute;
      left: 0;
      right: 0;
      -webkit-clip-path: polygon(0% 0%, 5%  100%, 10% 0%, 15%  100%, 20% 0%, 25% 100%, 30% 0%, 35%  100%, 40% 0%, 45%  100%, 50% 0%, 55%  100%, 60% 0%, 65%  100%, 70% 0%, 75%  100%, 80% 0%, 85%  100%, 90% 0%, 95%  100%, 100% 0%);
    }

.agenda_widget_front h3.widget-title, .fixed-sidebar .widget-title {
	color: var(--ps-paars);
	font-size: 1.8rem;
	font-family: 'Typewriter';
}


/* ### 		EVENTS CALENDAR AANPASSINGEN (WAT EEN ZOOI MAKEN DIE GASTEN DAARVAN)			### */
.tribe-events-list-widget .tribe-list-widget {
    -webkit-padding-start: 0px;
}
.tribe-event-duration {
    font-size: 75%;
    text-transform: uppercase;
    font-weight: normal;
    color: white;
	margin-bottom:10px;
	letter-spacing: 0.5px;
}
.tribe-events-list-widget h4 a {
font-family: 'PT Sans';
	font-size: 18px;
	    color: white;
	letter-spacing: 0px;
}

.tribe-events-tooltip .tribe-events-event-body {
	font-size: 14px !important;
}
#tribe-events-content .tribe-events-tooltip h4 {
    margin: 0;
    font-size: 22px;
    padding: 0;
    letter-spacing: 1px;
    font-weight: 400;
}
.tribe-events-calendar thead th, .tribe-events-grid .tribe-grid-header .tribe-grid-content-wrap .column, .tribe-grid-header {
    background-color: #7C216C;
    border-left-color: #7C216C;
    border-right-color: #7C216C;
}
.tribe-event-duration {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: rgba(255,255,255,.75);
    font-size: 13px;
}
.tribe-event-duration:before {
    content: " ↳ ";
    opacity: 0.5;
}
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
font-size: initial;
font-weight: inherit;
}


.ps_group {
	float: left;
    margin-top: 15px;
}
.ps_group a {
	font-family: 'Typewriter';
    font-size: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ps_link-enschede {
	display:inline-block;
	transform:rotate(4deg);
    -ms-transform:rotate(4deg); /* IE 9 */
    -moz-transform:rotate(4deg); /* Firefox */
    -webkit-transform:rotate(4deg); /* Safari and Chrome */
    -o-transform:rotate(4deg); /* Opera */
}
.ps_link-hengelo {}
.ps_link-haaksbergen {
		display:inline-block;
	transform:rotate(-4deg);
    -ms-transform:rotate(-4deg); /* IE 9 */
    -moz-transform:rotate(-4deg); /* Firefox */
    -webkit-transform:rotate(-4deg); /* Safari and Chrome */
    -o-transform:rotate(-4deg); /* Opera */
}
.ps_block-title-nieuws .tb-headline {
	display: block;
    background: darkblue;
    text-align: center;
    width: max-content;
    padding: 55px;
    float: left;
    padding-bottom: 200px;
    z-index: 5;
    margin: -60px 0px -240px -60px;
	transform: rotate(-1deg);
	-webkit-clip-path: polygon(0% 0%, 1% 0%, 2% 0%, 3% 0%, 4% 1%, 5% 1%, 6% 0%, 7% 0%, 9% 1%, 10% 0%, 11% 0%, 12% 0%, 13% 1%, 15% 1%, 16% 0%, 17% 0%, 17% 0%, 18% 1%, 19% 0%, 19% 1%, 20% 2%, 21% 0%, 22% 0%, 24% 0%, 25% 0%, 26% 0%, 27% 0%, 28% 0%, 30% 0%, 31% 1%, 32% 0%, 32% 0%, 34% 0%, 35% 0%, 35% 0%, 36% 0%, 37% 0%, 39% 0%, 41% 1%, 42% 2%, 43% 2%, 45% 1%, 46% 1%, 46% 0%, 48% 1%, 49% 0%, 51% 0%, 53% 1%, 54% 0%, 56% 0%, 56% 0%, 58% 0%, 58% 0%, 60% 0%, 61% 0%, 62% 0%, 64% 1%, 65% 0%, 67% 0%, 68% 0%, 70% 0%, 71% 0%, 73% 0%, 77% 0%, 74% 0%, 76% 1%, 76% 1%, 80% 1%, 80% 0%, 82% 0%, 83% 0%, 84% 0%, 85% 0%, 89% 0%, 90% 0%, 91% 1%, 92% 0%, 93% 0%, 95% 0%, 95% 1%, 97% 1%, 98% 0%, 99% 0%, 99% 1%, 99% 2%, 99% 3%, 99% 4%, 99% 5%, 99% 6%, 99% 8%, 99% 8%, 99% 8%, 99% 8%, 97% 9%, 98% 11%, 98% 11%, 99% 11%, 100% 10%, 99% 12%, 99% 13%, 99% 15%, 100% 16%, 99% 18%, 98% 21%, 99% 21%, 99% 23%, 99% 24%, 100% 26%, 100% 26%, 99% 27%, 98% 29%, 99% 30%, 99% 30%, 99% 32%, 99% 33%, 99% 34%, 100% 35%, 99% 36%, 98% 37%, 99% 39%, 99% 40%, 99% 41%, 99% 43%, 99% 44%, 99% 45%, 99% 46%, 99% 50%, 100% 50%, 99% 53%, 99% 53%, 100% 54%, 100% 54%, 99% 55%, 99% 57%, 99% 57%, 100% 57%, 99% 59%, 99% 60%, 100% 61%, 100% 63%, 99% 64%, 99% 64%, 100% 67%, 99% 69%, 99% 70%, 99% 71%, 100% 73%, 100% 77%, 99% 77%, 98% 77%, 99% 80%, 99% 81%, 100% 84%, 100% 85%, 100% 85%, 99% 86%, 100% 88%, 100% 90%, 100% 90%, 100% 91%, 100% 94%, 99% 95%, 99% 97%, 99% 98%, 99% 97%, 96% 98%, 88% 99%, 85% 99%, 80% 98%, 74% 97%, 73% 98%, 72% 98%, 68% 98%, 66% 98%, 65% 98%, 62% 98%, 60% 98%, 56% 97%, 54% 98%, 53% 98%, 52% 98%, 49% 98%, 47% 97%, 44% 97%, 42% 98%, 40% 98%, 37% 97%, 32% 98%, 31% 98%, 31% 98%, 30% 98%, 23% 97%, 26% 98%, 26% 98%, 22% 98%, 21% 98%, 18% 98%, 18% 98%, 17% 98%, 16% 98%, 14% 98%, 12% 98%, 11% 98%, 8% 97%, 5% 98%, 3% 98%, 2% 98%, 2% 98%, 1% 97%, 2% 95%, 1% 94%, 1% 93%, 1% 91%, 1% 87%, 1% 86%, 2% 85%, 0% 82%, 0% 81%, 0% 80%, 0% 78%, 0% 76%, 0% 74%, 0% 72%, 0% 69%, 1% 69%, 0% 68%, 1% 67%, 1% 65%, 0% 64%, 0% 62%, 0% 61%, 1% 59%, 0% 59%, 1% 57%, 1% 56%, 1% 55%, 0% 53%, 1% 51%, 1% 50%, 0% 50%, 0% 48%, 1% 47%, 1% 44%, 0% 44%, 0% 41%, 0% 41%, 0% 39%, 1% 38%, 0% 36%, 0% 35%, 1% 33%, 1% 32%, 1% 31%, 1% 27%, 1% 27%, 0% 25%, 1% 23%, 1% 22%, 1% 21%, 0% 20%, 1% 18%, 0% 17%, 0% 15%, 0% 14%, 0% 12%, 1% 12%, 0% 12%, 0% 10%, 0% 8%, 0% 7%, 0% 5%, 0% 3%, 0% 3%, 0% 2%);
clip-path: polygon(0% 0%, 1% 0%, 2% 0%, 3% 0%, 4% 1%, 5% 1%, 6% 0%, 7% 0%, 9% 1%, 10% 0%, 11% 0%, 12% 0%, 13% 1%, 15% 1%, 16% 0%, 17% 0%, 17% 0%, 18% 1%, 19% 0%, 19% 1%, 20% 2%, 21% 0%, 22% 0%, 24% 0%, 25% 0%, 26% 0%, 27% 0%, 28% 0%, 30% 0%, 31% 1%, 32% 0%, 32% 0%, 34% 0%, 35% 0%, 35% 0%, 36% 0%, 37% 0%, 39% 0%, 41% 1%, 42% 2%, 43% 2%, 45% 1%, 46% 1%, 46% 0%, 48% 1%, 49% 0%, 51% 0%, 53% 1%, 54% 0%, 56% 0%, 56% 0%, 58% 0%, 58% 0%, 60% 0%, 61% 0%, 62% 0%, 64% 1%, 65% 0%, 67% 0%, 68% 0%, 70% 0%, 71% 0%, 73% 0%, 77% 0%, 74% 0%, 76% 1%, 76% 1%, 80% 1%, 80% 0%, 82% 0%, 83% 0%, 84% 0%, 85% 0%, 89% 0%, 90% 0%, 91% 1%, 92% 0%, 93% 0%, 95% 0%, 95% 1%, 97% 1%, 98% 0%, 99% 0%, 99% 1%, 99% 2%, 99% 3%, 99% 4%, 99% 5%, 99% 6%, 99% 8%, 99% 8%, 99% 8%, 99% 8%, 97% 9%, 98% 11%, 98% 11%, 99% 11%, 100% 10%, 99% 12%, 99% 13%, 99% 15%, 100% 16%, 99% 18%, 98% 21%, 99% 21%, 99% 23%, 99% 24%, 100% 26%, 100% 26%, 99% 27%, 98% 29%, 99% 30%, 99% 30%, 99% 32%, 99% 33%, 99% 34%, 100% 35%, 99% 36%, 98% 37%, 99% 39%, 99% 40%, 99% 41%, 99% 43%, 99% 44%, 99% 45%, 99% 46%, 99% 50%, 100% 50%, 99% 53%, 99% 53%, 100% 54%, 100% 54%, 99% 55%, 99% 57%, 99% 57%, 100% 57%, 99% 59%, 99% 60%, 100% 61%, 100% 63%, 99% 64%, 99% 64%, 100% 67%, 99% 69%, 99% 70%, 99% 71%, 100% 73%, 100% 77%, 99% 77%, 98% 77%, 99% 80%, 99% 81%, 100% 84%, 100% 85%, 100% 85%, 99% 86%, 100% 88%, 100% 90%, 100% 90%, 100% 91%, 100% 94%, 99% 95%, 99% 97%, 99% 98%, 99% 97%, 96% 98%, 88% 99%, 85% 99%, 80% 98%, 74% 97%, 73% 98%, 72% 98%, 68% 98%, 66% 98%, 65% 98%, 62% 98%, 60% 98%, 56% 97%, 54% 98%, 53% 98%, 52% 98%, 49% 98%, 47% 97%, 44% 97%, 42% 98%, 40% 98%, 37% 97%, 32% 98%, 31% 98%, 31% 98%, 30% 98%, 23% 97%, 26% 98%, 26% 98%, 22% 98%, 21% 98%, 18% 98%, 18% 98%, 17% 98%, 16% 98%, 14% 98%, 12% 98%, 11% 98%, 8% 97%, 5% 98%, 3% 98%, 2% 98%, 2% 98%, 1% 97%, 2% 95%, 1% 94%, 1% 93%, 1% 91%, 1% 87%, 1% 86%, 2% 85%, 0% 82%, 0% 81%, 0% 80%, 0% 78%, 0% 76%, 0% 74%, 0% 72%, 0% 69%, 1% 69%, 0% 68%, 1% 67%, 1% 65%, 0% 64%, 0% 62%, 0% 61%, 1% 59%, 0% 59%, 1% 57%, 1% 56%, 1% 55%, 0% 53%, 1% 51%, 1% 50%, 0% 50%, 0% 48%, 1% 47%, 1% 44%, 0% 44%, 0% 41%, 0% 41%, 0% 39%, 1% 38%, 0% 36%, 0% 35%, 1% 33%, 1% 32%, 1% 31%, 1% 27%, 1% 27%, 0% 25%, 1% 23%, 1% 22%, 1% 21%, 0% 20%, 1% 18%, 0% 17%, 0% 15%, 0% 14%, 0% 12%, 1% 12%, 0% 12%, 0% 10%, 0% 8%, 0% 7%, 0% 5%, 0% 3%, 0% 3%, 0% 2%);
	
}
.ps_block-title-nieuws .tb-headline h2 {
	color: white;
}
.ps_block-title-lets-play {
	background: white !important;
    padding: 30px;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
}

.ragged-straight-top {
	clip-path: polygon(0% 0%, 100% 0%, 100% 4%, 100% 4%, 100% 5%, 100% 6%, 99% 7%, 100% 7%, 100% 7%, 100% 8%, 100% 9%, 99% 10%, 100% 11%, 100% 12%, 100% 14%, 100% 16%, 100% 17%, 100% 20%, 99% 20%, 99% 21%, 99% 23%, 99% 24%, 98% 26%, 99% 28%, 100% 29%, 99% 30%, 99% 31%, 100% 33%, 100% 33%, 99% 35%, 99% 36%, 100% 37%, 99% 37%, 99% 39%, 100% 39%, 99% 41%, 99% 42%, 100% 43%, 99% 44%, 99% 45%, 100% 47%, 99% 47%, 98% 48%, 99% 51%, 99% 51%, 99% 52%, 100% 54%, 99% 55%, 98% 56%, 99% 59%, 99% 61%, 99% 63%, 100% 64%, 100% 64%, 100% 64%, 98% 67%, 99% 68%, 100% 68%, 99% 71%, 99% 72%, 99% 73%, 100% 73%, 99% 76%, 99% 78%, 100% 80%, 99% 82%, 99% 82%, 99% 83%, 99% 85%, 100% 86%, 99% 86%, 99% 87%, 99% 88%, 100% 89%, 99% 90%, 99% 92%, 99% 94%, 99% 96%, 99% 96%, 99% 96%, 99% 98%, 98% 98%, 98% 98%, 97% 98%, 94% 97%, 92% 98%, 90% 98%, 87% 97%, 83% 98%, 79% 98%, 77% 98%, 75% 98%, 72% 98%, 70% 98%, 68% 98%, 68% 97%, 68% 97%, 64% 96%, 63% 97%, 61% 98%, 59% 98%, 57% 98%, 56% 98%, 55% 98%, 52% 98%, 49% 97%, 46% 97%, 44% 97%, 42% 97%, 40% 98%, 39% 97%, 35% 97%, 31% 97%, 30% 97%, 29% 97%, 27% 98%, 25% 98%, 23% 97%, 21% 98%, 21% 98%, 20% 98%, 18% 98%, 17% 98%, 17% 98%, 18% 97%, 16% 97%, 15% 98%, 14% 98%, 13% 99%, 11% 99%, 10% 97%, 9% 97%, 7% 97%, 5% 98%, 4% 96%, 2% 97%, 0% 98%, 0% 96%, 1% 93%, 1% 92%, 1% 91%, 2% 87%, 1% 86%, 1% 85%, 1% 84%, 2% 82%, 1% 80%, 1% 79%, 1% 78%, 1% 75%, 1% 74%, 1% 72%, 1% 72%, 1% 69%, 1% 68%, 1% 66%, 1% 65%, 1% 62%, 1% 60%, 1% 58%, 1% 57%, 2% 54%, 2% 54%, 1% 50%, 1% 50%, 1% 49%, 1% 47%, 1% 46%, 1% 45%, 1% 43%, 0% 41%, 0% 41%, 1% 38%, 1% 38%, 1% 35%, 0% 35%, 1% 33%, 1% 32%, 1% 31%, 1% 30%, 1% 30%, 1% 27%, 0% 26%, 1% 24%, 0% 22%, 1% 20%, 0% 18%, 0% 17%, 1% 15%, 0% 14%, 0% 12%, 1% 10%, 1% 9%, 1% 6%, 1% 5%, 0% 4%, 0% 3%, 0% 2%)
}


/* ### 		ELEMENTS 				### */
h1,h2,h3,h4,h5,h6,.epic-thumb .entry-title, .tb-jumbotron .text-large { 
	font-family: 'Typewriter';
	letter-spacing: 1px;
}
.epic-thumb .entry-title, .tb-jumbotron .text-large {
	letter-spacing: 3px;
}
.btn {
	border-radius: 20px;
	border-width:4px;
}
.btn-lg {
    font-size: 16px;
    padding: 10px 24px;
}
.btn-xl {
	font-size: 20px;
	border-radius: 32px;
}



.tb-slider-arrows a.trans {
    background-color: #223A8943;
}
.tb-slider-arrows a {
    border-radius: 4px;
    background-size: 16px 16px !important;
	width: 30px;
    height: 30px;
    margin: -12px 1px;
}

.entry-title a:not(:hover) {
    color: #223a89;
}

.tribe-events-list-widget {
	background-color: var(--ps-oranje) !important;
}

.post_grid .entry-title {
    font-size: 22px;
}
.post_grid .entry-content {
    font-size: 16px;
}
.tb-mini-post-list .entry-title {
    font-size: 18px;
}


h1.archive-title {
    border: none !important;
    font-size: 36px !important;
    padding: 0 !important;
}
h1.archive-title:before {
    background: none !important;
}



/* ### 		MAIN MENU 				### */
.tb-primary-menu ul.sub-menu .menu-btn, .tb-primary-menu .mega-section-header {
    font-size: 90%;
}

.site-header.dark .tb-primary-menu>li.highlight>a, .tb-sticky-header.dark .tb-primary-menu>li.highlight>a {
    border-color: #36A9E1;
	border-radius: 1.25em;
}
.site-header.dark .tb-primary-menu>li.highlight>a:hover, .tb-sticky-header.dark .tb-primary-menu>li.highlight>.menu-btn:hover {
    background-color: #36A9E1;
    border-color: transparent;
    color: white;
}
.tb-mobile-menu>li>.menu-btn {
    font-size: 16px;
    padding: 1em 1.4em;
    line-height: 1em;
}
.tb-side-menu .sub-menu {
	font-size:16px;
}


/* ### 		FORMULIEREN 				### */
div.wpcf7 {
    margin: 0;
    padding: 30px;
    border: 1px solid #e2e2e2;
}
#fbuilder {
	border: 1px solid #e2e2e2;
}
#fbuilder .fields label {
    color: #333;
}
.cp_cff_11 #fbuilder fieldset legend {
    border-left: 4px solid #35a9e2 !important;
    margin-left: -11px !important;
	background: rgba(23, 149, 255, 0.3);
}
div.bg-success > fieldset > legend {
    background: none !important;
}
.cp_cff_11 #fbuilder * {
    font-family: inherit !important;
}
.cp_cff_11 #fbuilder span.uh {
    font-size: 15px !important;
    font-style: normal !important;
}
.cp_cff_11 #fbuilder .pbSubmit, .cp_cff_11 #fbuilder .pbreak .pbPrevious, .cp_cff_11 #fbuilder .pbreak .pbNext, .cp_cff_11 #fbuilder input[type=submit], .cp_cff_11 #fbuilder input[type=button], .cp_cff_11 #fbuilder input[type=reset] {
    color: #FFF;
	background: #36A9E1 !important;
}
input.valid,select.valid {
    background: #dff0d8 !important;
}
input.cpefb_error,select.cpefb_error {
    background: rgba(255,0,0,0.1) !important;
}
input.codepeoplecalculatedfield {
	background: #e2e2e2 !important;
}


/* ### 		AUTEURS VERWIJDEREN 				### */
span.sep, span.byline.author.vcard {
    display: none;
}


.events-archive .entry-content {
	/* prutsers... tribe, geen templates vernaggelen */
width: initial !important;
}


@media (max-width: 1199px) {
.element-section>.element {
    max-width: 96% !important;
}
}

.widget_block ul.ecs-event-list {
    padding: 0px 10px;
}

.widget_block ul.ecs-event-list li.ecs-event {
	display: grid;
    grid-template-areas:
        'image date'
        'image title';
    grid-column-gap: 16px;
	grid-template-columns: 60px auto;
	margin-bottom: 10px;
}

.widget_block ul.ecs-event-list li.ecs-event .entry-title,
.widget_block ul.ecs-event-list li.ecs-event .entry-title:hover a
{
grid-area: title;
	color: white;
}

.widget_block ul.ecs-event-list li.ecs-event > a {
	grid-area: image;
    align-items: flex-start;
    display: flex;
	transition: all .2s;
}

.widget_block ul.ecs-event-list li.ecs-event:hover > a {
    scale: 1.1;
}

.widget_block ul.ecs-event-list li.ecs-event .time {
	grid-area: date;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 20px;
    letter-spacing: 1.5px;
    font-family: Typewriter;
}

.widget_block ul.ecs-event-list li.ecs-event 
img.attachment-medium.size-medium.wp-post-image.lazyloaded {
    border-radius: 8px;
    rotate: -9deg;
    box-shadow: 4px 4px 14px rgb(255 255 255 / 50%);
    margin-top: 10px;
}

.les-link {
    display: inline-block;
	margin: 10px 10px 10px 0;
}

:root {
    --color1: #36a9de;
    --color2: #f1851f;
    --color3: #223a89;
    --color4: #D81159;
}

.les-link.color1 a {
    background-color: var(--color1);
}

.les-link.color2 a {
    background-color: var(--color2);
}

.les-link.color3 a {
    background-color: var(--color3);
}

.les-link.color4 a {
    background-color: var(--color4);
}

.les-link.color1 a:hover {
    border-color: var(--color1);
	color: var(--color1);
}

.les-link.color2 a:hover {
    border-color: var(--color2);
	color: var(--color2);

}

.les-link.color3 a:hover {
    border-color: var(--color3);
	color: var(--color3);
}

.les-link.color4 a:hover {
    border-color: var(--color4);
    color: var(--color4);
}


.les-link a {
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
	border: 2px solid transparent;
	min-width: 90px;
    display: inline-flex;
    justify-content: center;
}

.les-link a:hover {
	border: 2px solid;
	background: white;
}

.margin-0 {
	margin: 0 !important
}

.teacher-links {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
	justify-content: center;
}

.teacher-link {
    display: flex;
	align-items: center;
    justify-content: center;
    gap: 10px;
	position: relative;
	opacity: 0.9;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
	transition: all .2s ease;
	-webkit-user-select: none; /* Safari */
 	 -ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}

.teacher-link:hover {
    filter: drop-shadow(0px 0px 4px rgb(241 133 31 / 48%));
    opacity: 1;
	scale: 1.25;
    rotate: -2deg;
    z-index: 99;
}

.teacher-link a {
	display: flex;
    flex-direction: column;
	gap: 10px;
	align-items: center;
	text-align: center;
	width: max-content;
}

.teacher-link:hover a {
	color: #36a9de;
}

.teacher-link img {
    border-radius: 50%;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

.teacher-label {
    position: absolute;
    bottom: -10px;
    margin: 0 auto;
    background: white;
    border: 1px solid #eee;
    font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 8px;
	-webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
}

.teachers-links {
    display: flex;
    gap: 30px;
	flex-wrap: wrap;
}

/* docenten pagina */
.post-type-archive-teacher .page-header {
	margin: 0;
	border-bottom: none;
}

section.class-type-section.lesson {
    margin-bottom: 60px;
}

.class-type-section {
    background-size: cover !important; /* for some reason, not working when bg is hardcoded in archive.php */
    background-repeat: no-repeat !important;
}

section.class-type-section.lesson {
	padding: 30px 30px 60px 30px;
    align-items: center;
    border-radius: 20px;
    position: relative;
    flex-direction: column;
    display: inline-flex;
	margin-bottom: 30px;
	width: 100%;

	@media(min-width:768px) {
		padding: 30px 60px 60px 60px;
	}

	@media(min-width: 1024px) {
		width: fit-content;
		margin-right: 30px;
		min-width: 450px;
    	max-width: 100%;
	}
}

span.class-type-section-background.lazyloaded {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    filter: brightness(0.5);
    background-repeat: no-repeat !important;
    background-size: cover !important;
	background-position: center center !important;
}

section.class-type-section .class-type-title-link {

}

section.class-type-section .class-type-title {
    z-index: 1;
	width: 100%;
    text-align: center;
	margin: 0 0 30px 0;
	white-space: nowrap

}

section.class-type-section .class-type-title h2 {
	color: white;
    font-size: 36px;
	margin: 0;
	padding: 15px;
	position: relative;
	-webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
	transition: scale .2s ease;
	margin-right: -33px; /* compensate the arrow */
		
		@media(min-width:768px) {
	padding: 30px;
	}
		
		@media(min-width:1024px) {
		font-size:48px;
	}
}

section.class-type-section .class-type-title h2:hover {
		@media(min-width: 768px) {
		scale: 1.25;
	}
}

section.class-type-section .class-type-title h2 .fa-arrow-right {
    margin-left: 9px;
	color: #f1851f;
	transition: all .2s ease;
	position: relative;
	max-height: 24px;
	opacity: 0.5;
	font-size: 24px;
}

section.class-type-section:hover .class-type-title h2 .fa-arrow-right {
    font-size: 24px;
	opacity: 1;
}

section.class-type-section .teachers-links {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

section.class-type-section .teacher-link img {
	filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 0.5));
}

.teacher-link a img {
	border: 3px solid #ccc;
	
	@media(max-width:767px) {
		width: 125px;
	}
}

.teacher-link a:hover img {
    border: 3px solid white;
}

section.class-type-section .teacher-label {
	font-size: 15px;
	letter-spacing: 0.2px;
	
	@media(max-width:767px) {
	font-size: 13px;
		letter-spacing: 0;
	}
}

section.class-type-section .class-type-teachers {
	z-index: 1;
}

section.class-type-section .class-type-teachers p {
	color: white;
	height: 150px;
    margin: 0;
}

.entry-content .themeblvd-video-wrapper {
    margin: 20px 0;
    border-radius: 20px;
    overflow: hidden;
}