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

Donker zwart/grijs = 1a171b
roze = de0566
roze - rollover = c90459

wit = fff

font-family: noto-sans-display, sans-serif;
400
700
italic

*/

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

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

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

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: noto-sans-display, sans-serif;
	font-weight: 700;
}


h2, h3{
	/*color: #157542;*/
}
@media screen and (max-width: 500px){
	h1, h2{
		font-size: 32px;
	}
}
.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: 22px;
	font-weight: 700;
	letter-spacing: 0;
}
/* Haal de underline weg bij link hover */
.fl-rich-text a{
	text-decoration: none;
}
.fl-rich-text p,
.fl-post-excerpt p{
	font-family: noto-sans-display, sans-serif;
	font-weight: 400;
	font-style: italic;
}
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 */
	font-family: noto-sans-display, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.fl-rich-text ul li::before {
  content: "\25A0";  /* Bullet unicode */
  color: #de0566; /* 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) */
}

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

Gravity forms

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

/*Bevestigingstekst dik*/
.gform_confirmation_message
{
	font-weight:bold;
}

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

Breadcrumbs

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

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

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

BLOKKEN

*************/
/* index */
.sz-index{
	position:relative;
	z-index: 101;
}
/* Algemeen */
.fl-builder-content .sz-col-parent{
	max-width: 500px;
	margin: 0 auto;
}
.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: 0;
	left: 0;
	text-align: center;
}
.sz-news-parent .sz-button{
	left: 20px;
}
.sz-news-parent .sz-post-text{
	min-height: 200px;
	text-align: left;
	padding: 0px 20px;
}

.sz-news-parent .sz-post-text h2{
	margin-top:40px;
}


/* Blogs en Nieuws */

.sz-news-posts .fl-post-grid-post{
	height: auto;
	box-sizing: border-box;
	border: 0;
}
.sz-news-posts .fl-post-image{
	background-size: cover !important; 
	padding-top: 250px;
}
.sz-news-posts .fl-post-title{
	font-weight: bold;
}
.sz-news-posts .fl-post-title a{
	font-size: 22px;
	color: #1a171b;
	text-transform: uppercase;
}



@media screen and (max-width: 992px){
	.sz-news-posts .fl-post-image{
		padding-top: 325px;
	}
	.sz-news-parent > .fl-col-content{
		padding-bottom: 40px;
	}
	.sz-news-posts .fl-post-column{
		max-width: 500px;
		margin: 0 auto;
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.sz-news-posts .fl-post-grid{
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media screen and (max-width: 768px){
	.sz-news-parent > .fl-col-content{
		padding-bottom: 70px;
	}
	.sz-news-posts .fl-module-content{
		overflow: hidden;
	}
	.sz-news-posts .fl-post-column:nth-child(3){
		padding-bottom: 20px;
	}
	.sz-text-overlay .fl-col{
		max-width: 500px;
	}
}




/*gallery*/
.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 1200px;
}
@media screen and (max-width: 768px){
	.sz-gallery-row .fl-col-group{
		display: inline-block;
		/*width: 50%;
		float: left;*/
	}
}

/* img-text / text-img blokken */
.sz-text-left .fl-col-content,
.sz-text-right .fl-col-content
{
	max-width: 620px; /* contentbreete / 2 + 20px */
}

.sz-text-left{
	justify-content: flex-end;
}

.sz-text-right{
	justify-content: flex-start;
}

@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%;
	}
}


/* Logo's */


/* "Meer weten?" */


.sz-contact-col .fl-icon-wrap:hover{
	opacity: .8;
}
/* cookies */
#cookie-notice{
	background-color: rgba(0,0,0,.9);
}
#cn-notice-text{
	width: 100%;
	font-family: noto-sans-display, sans-serif;
}
.cookie-notice-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 1.8em;
}
.cookie-notice-container p {
	font-style: italic;
}
.cookie-notice-title{
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

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


#cookie-notice #cn-accept-cookie{
	background: #de0566;
	color: #fff;
	margin-left: 0;
	transition: all 200ms ease-in-out;
}
#cookie-notice #cn-accept-cookie:hover{
	background: #c90459;
		color: #fff;
}
#cn-refuse-cookie{
	background: transparent;
	color: white;
	transition: all 200ms ease-in-out;
}
#cn-refuse-cookie:hover,
#cn-refuse-cookie:focus
{
	text-decoration: none;
	color: #de0566;
}
#cn-accept-cookie:hover,
#cn-accept-cookie:focus{
	background: #89b30e;
}
@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 .fl-module-content form .gfield_radio li label,
.sz-contact .fl-module-content select{
	font-weight: 400!important;
	font-style: italic!important;
	font-size: 18px;
}
.sz-contact .fl-module-content form label.gfield_label{
	font-family: noto-sans-display, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.sz-contact .gfield_radio{
	display: flex;
}
.sz-contact .gfield_radio li{
	width: 50%;
	max-width: 200px;
}
@media only screen and (max-width:768px){
	.sz-contact .gfield_radio li{
		width: 50%;
		max-width: 100%;
	}
}
.sz-contact input,
.sz-contact .fl-module-content select,
.sz-contact textarea{
	border-radius: 0px;
	border-color:rgb(230, 230, 230);
	background-color: white;
}
.sz-contact input:focus,
.sz-contact textarea:focus{
	border-color: rgb(222, 5, 102);
}
.sz-contact input.button{
	background-color: #de0566;
	border: 1px solid #de0566;
	transition: all 200ms ease-out;
	box-shadow: inset 0 0 0 0 #1a171b;
	max-width: 300px;
	line-height: 1!important;
}
.sz-contact .gform_footer{
	text-align: center;
}
.sz-contact input.button:hover{
    background:#1a171b;
    border: 1px solid #1a171b;
	box-shadow: inset 500px 0 0 0 #1a171b;
} 
.sz-video .mejs-controls{
	display: none;
}

.sz-meerwetentext{
	max-width: 540px;
}

.sz-tic input,
.sz-radio input{
	opacity: 0;
	min-height: 25px;
	min-width: 25px;
}
.sz-tic ul li,
.sz-radio ul li{
	overflow: initial!important;
}
.sz-tic ul li label,
.sz-radio ul li label{
	padding-left: 30px!important;
	padding-top: 3px!important;
	position: absolute;
	left: 0;
	top: 0;
}
.sz-tic ul li label::before,
.sz-radio ul li label::before{
	content: "";
	display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid #e6e6e6;
	transition: 200ms all linear;
}
.sz-radio ul li label::before{
	border-radius: 100%;
}
.sz-tic ul li label::after{
	content: "";
	display: inline-block;
    height: 14px;
    width: 20px;
    border-left: 2px solid #de0566;
    border-bottom: 2px solid #de0566;
    transform: rotate(-45deg);
	transition: 200ms all linear;
}
.sz-radio ul li label::after{
	content: "";
	display: inline-block;
    height: 15px;
    width: 15px;
	border-radius: 15px;
	background-color: #de0566;
	transition: 200ms all linear;
}
.sz-tic ul li label::before,
.sz-tic ul li label::after{
	position: absolute;
}
.sz-tic ul li label::before,
.sz-radio ul li label::before{
	top: 3px;
	left: 0px;
}
.sz-radio ul li label::before,
.sz-radio ul li label::after{
	position: absolute;
}
.sz-tic ul li label::after{
	left: 3px;
	top: 5px;
}
.sz-radio ul li label::after{
	left: 5px;
	top: 8px;
}
.sz-tic input[type="checkbox"] + label::after,
.sz-radio input[type="radio"] + label::after {
    content: none;
}
.sz-tic input[type="checkbox"]:checked + label::after,
.sz-radio input[type="radio"]:checked + label::after {
    content: "";
}
.sz-tic input[type="checkbox"]:checked + label::before,
.sz-radio input[type="radio"]:checked + label::before {
	border: 1px solid #de0566;
}

.sz-contact .gfield_date_year input{
	min-width: 60px;
}