/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/***********
Kleurenaa

Donker groen - #157542
Licht groen - #5dc34c


font-family: montserrat, sans-serif;
font-weight: 600;
font-style: normal;

font-family: open-sans, sans-serif;
*/

/*************

GENERAL

*************/
*:focus, body a:focus{
	outline: none;
}

.ui-autocomplete.wplink-autocomplete li,
div.wp-link-input input{
	color: black;
}



/*************

STICKY FOOTER

*************/
.fl-page{
	display: -ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
	min-height: calc(100vh - 165px);
}

.fl-page-content{
	-ms-flex:1;
	-webkit-flex:1;
	-webkit-box-flex:1;
	flex:1;
	width: 100%;
	word-wrap: break-word;
	z-index:1;
	position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.fl-page {
		display:block;
		position: relative;
		min-height: calc(100vh - 165px);
		padding-bottom: 236px; /* Should be equal to the height of your footer */
	}
	footer {
		width: 100%;
		position: absolute;
		bottom: 0px;
	}
}

/*************

ALGEMEEN TEKST STYLEN

*************/
/*
h1,h2,h3,h4,h5{
	font-family: montserrat, sans-serif;
}
*/
/* Haal de underline weg bij link hover */
.fl-rich-text a{
	text-decoration: none;
}
a:hover, a:focus {
}


/*************

Gekleurde bullets


**************/
.fl-rich-text ul {
  list-style: none; /* verwijder bullet */
}

.fl-rich-text ul li::before {
  content: "\2022";  /* Bullet unicode */
  font-weight: bold; 
  display: inline-block; /* nodig voor ruimte tussen bullet en text */ 
  width: 1em; /* nodig voor ruimte tussen bullet en text(aan te passen) */
  margin-left: -1em; /* nodig voor ruimte tussen bullet en text(aan te passen) */
}
/*************

Breadcrumbs

*************/

.sz-breadcrumbs span.sz-breadcrumb-separator{
	font-size: 15px;
    margin: 0 11px;
}
.sz-breadcrumbs .fl-icon {
    display: inline-block;
    margin-top: -7px;
}

/*************

BLOKKEN

*************/
/* Algemeen */
.sz-news-parent{
	padding: 20px;
	padding-bottom: 60px;
}
.sz-col-parent > .fl-col-content, .sz-news-parent > .fl-col-content{
	position: relative;
	padding-bottom: 50px;
}
.sz-news-parent .sz-post-text{
	text-align: center;
}
.sz-col-parent .fl-module-button, .sz-news-parent .sz-button{
	position: absolute;
    bottom: 0px;
	left: 0;
	right: 0;
	text-align: center;
}

/* Blogs en Nieuws */
.sz-news-posts .fl-post-column{
	padding-bottom: 0px;
}
.sz-news-posts .fl-post-grid-post{
	height: auto;
	box-sizing: border-box;
	border: 0;
	background: transparent;
	max-width: 400px;
}

.fl-builder-content .sz-col-parent {
	max-width: 400px;
}

.sz-news-posts .fl-post-image{
	background-size: cover !important; 
	background-position: center center;
	padding-top: 100%;
	border-radius:20px;
	position: relative;
}
.sz-news-posts .fl-post-title{
	font-weight: bold;
	font-size:20px;
	margin-top:20px;
}
.sz-news-posts .fl-post-title a{
	font-size: 24px;
	color: #f58220;
	letter-spacing: .5px;
}

.sz-news-posts .sz-post-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}


@media screen and (max-width: 992px){
	.sz-news-posts .fl-post-image{
		padding-top: 100%;
	}
	.fl-page .sz-col-parent,
	.fl-page .sz-news-posts .fl-module-content{
		margin: 0 auto;
	}
	.sz-news-posts .fl-post-grid-post{
		margin: 0 auto;
	}
	.sz-news-posts .fl-post-column{
		padding-bottom: 40px;
	}
	.sz-news-posts .fl-post-column:last-child{
		padding-bottom: 20px;
	}

	.sz-news-parent {
		padding: 20px 0;
	}

}
@media screen and (max-width: 768px){
	.sz-news-posts .fl-module-content{
		overflow: hidden;
	}
	.sz-text-left .fl-col-content, 
	.sz-text-right .fl-col-content {
		max-width: 100%;
	}
	.sz-news-parent {
		margin: 0 20px;
	}
}

/* img-text / text-img blokken */
.sz-text-left{
	justify-content: flex-end;
}
.sz-text-right{
	justify-content: flex-start;
}
.sz-text-left .fl-col-content,
.sz-text-right .fl-col-content
{
	max-width: 620px;
}

@media screen and (max-width: 1200px){
	.sz-text-left .fl-col-content{
		padding-left: 20px;
	}
	.sz-text-right .fl-col-content{
		padding-right: 20px;
	}
}
@media screen and (max-width: 768px){
	.sz-text-left{
		justify-content: flex-start;
	}
	.sz-text-img-row .fl-col-small,
	.sz-img-text-row .fl-col-small{
		max-width: 100%;
	}
}

/* icons effect */
body .fl-module-icon .fl-module-content .fl-icon-wrap i,
body .fl-module-icon .fl-module-content .fl-icon-wrap p,
body .fl-module-icon .fl-module-content .fl-icon-group i,
.fl-icon i{
	transition: all 200ms linear;
	border-radius: 5px;
}

.fl-icon-wrap:hover i,
.fl-icon-wrap:focus i,
.fl-icon-wrap:active i,
.fl-icon-wrap:hover p,
.fl-icon-wrap:focus p,
.fl-icon-wrap:active p,
.fl-icon-group i:hover,
.fl-icon-group i:focus,
.fl-icon-group i:active{
	opacity: .8;
	text-decoration: none;
}

/*************

KNOPPEN

*************/
.fl-page a.fl-button{
	transition: all 200ms linear;
}
body .fl-builder-content .gform_button,
body .sz-contact-form a.fl-button{
	transition: all 200ms linear;
}

/* Standaard button active fix */
.fl-builder-content .fl-button:active,
button:active,
button:focus,
.fl-builder-content .gform_button:active,
.fl-builder-content .gform_button:focus
{
	top: 0;
}
.widget_search button{
	padding: 10px 20px;
	border: 0px;
	border-radius: 20px;
	color: white;
	font-weight: bold;
	background-color: #3c4049;
}

.grecaptcha-badge { visibility: hidden; }

.sz-popup-row .fl-row-content-wrap,
.sz-abonnement-col .fl-col-content{
	background-blend-mode: multiply;
}

.sz-abonnement-price .fl-heading-text span{
	font-size: 24px;
}

.fl-icon-text a{
	text-decoration: none;
}



@media screen and (max-width: 992px) {
	.sz-abonnement-col .fl-col-content{
		max-width: 400px;
		margin: 20px auto;
	}
}

@media screen and (max-width: 768px) {
	.sz-abonnement-col .fl-col-content{
		max-width: 400px;
		margin: 20px auto;
	}
	.sz-abonnement-col {
		justify-content: center;
		margin-bottom: 40px;
	}
}

.sz-iframe iframe{
	width: 100%; 
    height: 1800px;
    border: 0;
}

@media screen and (max-width: 1400px) and (min-width: 993px){
	.fl-builder-content .sz-abonnement-row .fl-row-content{
		max-width: 800px;
	}
	.fl-builder-content .sz-abonnement-row .fl-row-content > .fl-col-group > .fl-col{
		width: 50%;
	}
}

/*******

Popmaker

*******/

body .pum .pum-container {
	border-radius: 25px;
	overflow: hidden;
}