/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Signika:wght@300;400;500;600;700&display=swap');

.pt-80 { padding-top: 80px; } 
.pb-30 { padding-bottom: 30px !important;  }
.pb-100 { padding-bottom: 100px; }
.mb-15 { margin-bottom: 15px !important; }
.mb-80 { margin-bottom: 80px !important; }

img {
	max-width: 100%;
	height: auto;
}


@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 7%, 0);
		transform: translate3d(0, 7%, 0);
	}

}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 7%, 0);
		transform: translate3d(0, 7%, 0);
	}
}

#block-1.section {
	margin-top: 0px;
}

.entry-categories {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-transform: capitalize;
}

.bg-overlay .entry-categories {
	position: relative;
	left: auto;
	bottom: auto;
	margin-bottom: 12px;
	z-index: 2;
}

.entry-categories a {
	color: #FFF !important;
	padding: 3px 5px;
	font-size: 10px;
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-family: 'roboto', sans-serif;
	background-color: #7fb069;
	text-decoration: none !important;
}

.single-item #block-1 .section {
	padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important;
}
.single-item .container {
	padding-right: 0px;
	padding-left: 0px;
}

/* Social sharing */
.heateor_sss_sharing_container { width: 100%; }
.heateor_sss_sharing_title { float: left; line-height: 35px; }
.heateor_sss_sharing_ul { float: right; }
i.heateorSssSharing:hover { opacity: 0.8; }

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	max-width: 10% !important;
}

.promo + footer { margin-top: -48px; }
@media screen and (max-width: 767px){
	.hide-mobile {
		display: none;
	}
}
@media screen and (max-width: 991px){
	footer .subscribe-widget h3 {
		text-align: left;
	}
	#logo img {
		display: block;
		max-width: 100px;
		max-height: 100%;
		max-height: 60px;
		height: auto;
		margin-right: 10px;
	}
}
.single-event #block-1 > .content-wrap > .section { padding-top: 1.5rem; }
.home-event { margin-bottom: 20px !important; }
.gfield_checkbox label { font-weight: normal; text-transform: none; }
.gfield_checkbox li input[type=checkbox] { margin-top: 0px !important; }

@media screen and (max-width: 767px) {
  table.offert-table {
    border: 0;
  }
  
  table.offert-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.offert-table td {
    border-bottom: 1px solid #ddd;
    display: block; width: 100% !important;
    text-align: left;
  }
  
  table.offert-table td:first-child {
    background: #F4F4F4;
  }

  table.offert-table td:last-child {
    border-bottom: 0;
  }
}


.home-1 {
	/*font-family: 'Signika', sans-serif;*/
	font-family: 'DM Sans', sans-serif;
}
.home-1 h1 {
	font-size: 55px;
  line-height: 95%;
}
.home-1 p.lead {
	font-size: 25px;
  font-family: 'DM Sans', sans-serif;
}
.home-1 .entry a.btn-default {
	background: #FBED4F; color: #000 !important; font-weight: 500; text-transform: uppercase; padding: 12px 30px; min-width: 300px; display: inline-block; text-decoration: none !important; border-radius: 25px; margin-bottom: 15px; text-align: center; font-size: 16px; font-family: 'DM Sans', sans-serif;
}
.home-1 .entry a.btn-default:hover {
	background: #000 !important; color: white !important;
}
.home-1 h2 {
	font-size: 52px;
  line-height: 100%;
}
.home-1 h3 {
	font-size: 42px;
  line-height: 110%;
}
.blocks-services { display:flex; }
.blocks-services .block { text-align: center; padding: 0 40px; font-family: 'DM Sans', sans-serif; }
.blocks-services .block h4 { margin-bottom: 8px; font-size:18px; 
    margin-top: 20px; font-family: 'DM Sans', sans-serif;}
.blocks-services .block h4 a { color: #000; }
.blocks-services .block h4 a:hover { color: #FBED4F; }
#footer { background-color: #FFF !important; }
#footer a { color: #000 !important; text-decoration:underline !important; }
#footer .copyright a.cli_settings_button { color: #000 !important; }

.home-1 .slide h3 {
    font-size: 32px;
}
@media screen and (max-width: 992px){
	#block-1.home-1 p.lead { color: white; }
	.blocks-services { flex-direction:column; }
	.home-1 .slide h3 {
    font-size: 22px;
}
	#block-11.home-1 .entry { text-align:left !important }
	.home-1 .entry p.lead { font-size: 20px; }
	#block-11.home-1 h2 {
    font-size: 42px;
    line-height: 100%;
 }
 #block-3.webinars { text-align:center; }
 .img-webinars { display:none }
 img.date { width: 100px; }
 .date-block-webinars p.lead{
 	position: relative; padding-left: 100px; padding-top: 5px;

 }
 .date-block-webinars img.date { position:absolute; top: 0px; left: 0px; }
}

b, strong {
    font-weight: 700;
}

ul.lead {
    font-size: 25px;
}
.entry ul.lead li {
	list-style: disc; margin-left:25px; padding-left: 0px;
}
ul.lead li:before { display:none }

.entry-new .offert-table { font-size:20px; }

.seasons .winter {
	background-image: url(https://zomerscholen.schoolmakers.be/wp-content/uploads/2023/06/winter-1.png);
	background-repeat: no-repeat;
	background-position: top 2rem right 2rem;
	background-size: 71px 80px;
	background-color: #FEFBD4;
}
.seasons .lente {
	background-image: url(https://zomerscholen.schoolmakers.be/wp-content/uploads/2023/06/lente.png);
	background-repeat: no-repeat;
	background-position: top 2rem left 2rem;
	background-size: 71px 80px;
	background-color: #FFF;
}
.seasons .zomer {
	background-image: url(https://zomerscholen.schoolmakers.be/wp-content/uploads/2023/06/zomer.png);
	background-repeat: no-repeat;
	background-position: top 2rem right 2rem;
	background-size: 71px 71px;
	background-color: #FFF;
}
.seasons .herfst {
	background-image: url(https://zomerscholen.schoolmakers.be/wp-content/uploads/2023/06/herfst.png);
	background-repeat: no-repeat;
	background-position: top 2rem left 2rem;
	background-size: 84px 71px;
	background-color: #FEFBD4;
}

@media screen and (max-width: 992px){
	.seasons .zomer { 
	background-color: #FEFBD4;
}
	.seasons .herfst { background-color: #FFF; }
	.home-1 h2 {
    font-size: 40px;
    line-height: 100%;
}
}

@media screen and (max-width: 1199px){
.color-lg-white p { color: white; }
.color-lg-white a { color: white !important; }
}