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

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

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

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

/*************
GENERAL
*************/

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

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

STICKY HEAD FIX

*************/
/*
@media screen and (max-width: 1140px) and (min-width: 992px) {
	html body{
		padding-top: 0!important;
	}
	.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky{
		position: relative!important;
	}
	.admin-bar .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky{
		top:0!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;
	}
}


a:hover, a:focus {
	text-decoration: none;
}


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

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) */
	color: #ef8b3a;
}
/*************

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;
}
.sz-col-parent > .fl-col-content, .sz-news-parent > .fl-col-content{
	position: relative;
	padding-bottom: 70px;
}
.sz-news-parent .sz-post-text{
	min-height: 200px;
	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;
}



/* 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: 520px;
}

@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-left .fl-col-content,
	.sz-text-right .fl-col-content{
		max-width: 100%;
	}
}

/* icons effect */
.fl-icon-wrap i,
.fl-icon-wrap p,
.fl-icon-group i{
	transition: opacity 200ms linear;
}

.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;
}


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

Contact form

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

body .sz-contact-form input,
body .sz-contact-form textarea {
	font-size: 24px;
	border-radius: 10px;
}

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

KNOPPEN

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

.sz-list li {
	margin: 20px 0;
}


@media screen and (max-width: 768px) {
	.sz-3-col-row .fl-row-content-wrap{
		background: none;
	}
	
}
.fl-accordion-button-icon-left, 
.fl-accordion-button-icon-right{
	opacity: 1;
}