/*
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
*/

/***********
Kleuren

groen = #99b320

font-family: 'PT Serif', serif;
font-family: urw-din, sans-serif;
*/

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

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

body {
	font-family: urw-din, sans-serif;
	font-weight: 400;
}
#adminmenu #menu-posts a .wp-menu-image::before {
    content: '\f511'!important;
}
/*************

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{
	font-family: urw-din, sans-serif;
	font-weight: 300;
	line-height: 1;
}
h2{
}



.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4
{
	color: #fff!important;
}
.small-header h1, h1.small-header,
.small-header h2, h2.small-header,
.small-header h3, h3.small-header
{
	font-size: 18px;
	font-family: "Hind",sans-serif;
	font-weight: 700;
	color: #676767;
	letter-spacing: 0;
}
/* Haal de underline weg bij link hover */
.fl-rich-text a{
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}

.text-shadow, 
.text-shadow h1, 
.text-shadow h2, 
.text-shadow h3, 
.text-shadow h4 {
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 2px 2px 2px rgba(0,0,0,0.6);
}
/*************

Gekleurde bullets


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

.fl-rich-text ul li::before {
  content: "\2022";  /* Bullet unicode */
  color: #99b320; /* Change the color */
  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

*************/
/*slider*/
.sz-slider .fl-slideshow-nav{
	display: block!important;
	opacity: 1!important;
}
.sz-slider .fl-slideshow-image-nav-right a{
	    background-image: url("images/arrow-right.png")!important;
	    background-position: 30px center!important;
}
.sz-slider .fl-slideshow-image-nav-left a{
	    background-image: url("images/arrow-left.png")!important;
	    background-position: 30px center!important;
}
/* Algemeen */

.sz-col-parent > .fl-col-content, .sz-news-parent > .fl-col-content{
	position: relative;
	padding-bottom: 70px;
}

.sz-col-parent .fl-module-button, .sz-news-parent .sz-button{
	position: absolute;
    bottom: 10px;
	left: 0;
	right: 0;
	text-align: center;
}
.sz-news-parent{
	padding: 20px;
}
.sz-news-parent .sz-post-text{
	min-height: 200px;
	text-align: center;
}

.sz-news-parent .sz-post-text h2{
	margin-top:40px;
}
@media only screen and (max-width:992px){
	body .fl-builder-content .sz-col-parent{
		max-width: 470px;
		margin: 0 auto;
	}
}



/*video*/
.sz-video .mejs-controls{
	display: none;
}
.sz-video .mejs-overlay-button{
	background-image: url("images/play-button.svg");
	height: 100px;
	width: 100px;
	background-position: 0px 0px;
}
.sz-video .mejs-overlay:hover>.mejs-overlay-button{
	background-position: 0px 0px;
}
@media only screen and (max-width:1240px){
	.sz-video .fl-module-content{
		margin-right: 5px;
		margin-left: 5px;
	}
}
@media only screen and (max-width:1140px){
	.sz-video .fl-module-content{
		margin-right: 0px;
		margin-left: 0px;
	}
}
/* "Meer weten?" */

.sz-contact-col .fl-icon-text p{
	color: #4a4a4a;
	font-weight: bold;
}

/* cookies */
#cookie-notice{
	background-color: rgba(0,0,0,.9);
	padding: 20px 0;
}

#cookie-notice.cookie-notice-hidden{
	display: none;
	opacity: 0;
}
#cn-notice-text{
	width: 100%;
}
.cookie-notice-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
	text-align: left;
	font-size: 20px;
	line-height: 1.8em;
}
.cookie-notice-title{
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}

.cn-button{
	display: inline-block;
	margin-top: 20px;
	border-radius: 0px;
	padding: 6px 24px;
	padding-top: 7px;
	color: white;
	transition: background-color .2s;
}

#cookie-notice #cn-accept-cookie{
	background: #89b30e;
	margin-left: 0;
}
#cn-refuse-cookie{
	background: transparent;
}
#cn-accept-cookie:hover,
#cn-refuse-cookie:hover,
#cn-accept-cookie:focus,
#cn-refuse-cookie:focus
{
	text-decoration: none;
	color: white;
}
#cn-accept-cookie:hover,
#cn-accept-cookie:focus{
	background: #a9c32e;
}
@media only screen and (max-width:480px){
	.cookie-notice-container {
		font-size: 12px;
	}
	.cookie-notice-title{
		font-size: 16px;
	}
	.cn-button{
		padding: 4px 12px;
		font-size: 14px;
	}
}
/*************

BB - CONTACT FORM

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

.sz-contact-form input,
.sz-contact-form textarea
{
	font-size: 18px;
	padding: 10px;
	min-height: 40px;
}

.sz-contact-form .fl-button-wrap{
	margin-top: 40px;
}

.sz-contact-form .fl-input-group{
	margin-bottom: 20px;
}
.sz-contact-form .fl-terms-checkbox label {
	height: 42px;
}
    

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

POST - SIDEBAR

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

.sz-post-sidebar-news .fl-post-grid-post{
	background: transparent;
	border: 0;
}

.sz-post-sidebar-news .fl-post-column{
	padding-bottom: 0 !important;
}

.sz-post-sidebar-news-text{
	margin-top: 20px;
	font-size: 18px
}

.sz-post-sidebar-news-text a{
	color: #4a4a4a;
}


.sz-posts-list .fl-post-feed-post{
	padding-bottom: 0;
	border:0;
	margin-bottom: 20px;
}
.sz-posts-list-text p,
.sz-posts-list-text a{
	display: inline ;
}
.sz-posts-list-text a{
	text-transform: uppercase;
	color: #157542;
	font-weight: bold;
}
.owl-controls{
	display: block;
}

/********

Pagina Projecten

********/

.fl-builder-content .sz-post-gallery h2.fl-post-gallery-title{
	font-size: 35px;
	letter-spacing: 0;
}
/*contact*/

.sz-contact form div ul li label{
	font-weight: 400!important;
	min-width: 180px;
}
.sz-contact form div ul li div.ginput_container{
	width: 70%;
	display: inline-block;
}
.sz-contact form .sz-contact-vraag{
	display: flex;
}
.sz-contact form div ul li input,
.sz-contact form div ul li textarea {
	border-radius: 0px;
	border: 1px solid #99b320;
}
.sz-search-bar form button,
.sz-contact form .gform_footer input.gform_button {
	margin-left: 180px;
	background-color: white;
	border: 1px solid #99b320;
	color: #99b320;
	transition: all 200ms linear;
}
.sz-contact form .gform_footer input.gform_button:hover{
	background-color: #99b320;
	border: 1px solid #99b320;
	color: #fff;
}
@media only screen and (max-width:1106px){
	.sz-contact form .sz-contact-vraag{
		display: inline-block;
	}
}
@media only screen and (max-width:992px){
	.sz-contact form div ul li div.ginput_container{
		width: 100%;
	}
	.sz-contact form .gform_footer input.gform_button {
		margin-left: 0px;
	}
}
.sz-teler-route a{
	color: #000000;
}
.sz-teler-kol{
	display: flex;
}
.sz-teler-contactpersoon .sz-teler-label{
	max-width: 175px;
	width: 175px;
	min-width: 175px;
}
.sz-teler-kol .sz-teler-info li{
	list-style: none;
}
@media only screen and (max-width:500px){
	.sz-teler-kol{
		display: block;
		margin-bottom: 10px;
	}
}