/*
Theme Name: Blazter Child Theme
Description: Op maat ontwikkelde website.
Author:   Blazter.nl https://blazter.nl
Version: 2.0
Template: Divi
*/

@import url("../Divi/style.css");

/********* LATEN STAAN *********/

#footer-bottom {
    padding: 10px 0 10px !important;
}

.nf-field-element input[type=text], .nf-field-element input[type=email], .nf-field-element input[type=tel]  {
padding: 10px;
}

.g-recaptcha{
	float: right;
}
/********* END LATEN STAAN *********/

.header p{
	padding-top: 10px;
	letter-spacing: 2px;
}

.home-diensten .et_pb_blurb_content{
	min-height: 230px;
}


#footer-bottom .container{
	text-align: center !important;
}


/* Hide the header */
/* Hide the header on desktop only */
@media only screen and (min-width: 981px) {
	#main-header { display:none; }
	#page-container { 
		padding-top:0px !important; 
		margin-top:-1px !important 
	}

	/* Adjust padding for transparent headers */
	.et_transparent_nav #main-content .container {
		padding-top: 58px !important;
	}
}

/* body{
	font-family: futura-pt !important;
} */

.blurb-image .et_pb_image_wrap{
	width: 50px;
	height: 50px;
}

.nf-field-element input[type=checkbox]{
	margin-top: 7px !important;
	margin-left: 30px;
	
}

.nf-field-element input[type=button]{
	padding: 12px 20px 12px 20px;
	background-color: #1b1464;
	color: white;
	font-size: 18px;
	border: 1px solid #1b1464;
	box-shadow: none;
	cursor: pointer;
	letter-spacing: 1px;
	font-family: 'Poppins' !important;
	font-weight: normal;
    font-style: normal;
	border-radius: 2px;
}

.nf-field-element input[type=button]:hover{
	background-color: rgba(0,0,0,0);
	color: #666;
	border: 1px solid #1b1464;
	
}

.koffie .nf-response-msg{
	margin-bottom: 150px;
}

.nf-field-element input[type=checkbox] label{
	text-align: left
}

.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}


.messenger{
	position: relative;
    top: -98px;
    left: 76%;

}

.reviews img{
	max-width: 300px !important;
	max-height: 300px !important;
}

.hide{
	display: none!important;
}

/* hover diensten */

.rv_button-volledige-boekhouding .et_pb_main_blurb_image, .dienst_1 .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/preview-groen.png);
    height: 60px !important;
    width: 60px !important;
	transition: background 0.4s ease-out;
}

.rv_button-volledige-boekhouding:hover .et_pb_main_blurb_image, .dienst_1:hover .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/preview.png);
	transition: background 0.4s ease;
	

}

.home-diensten .et_pb_main_blurb_image img{
	display: none;
}

.rv_button-losse-aangiftes .et_pb_main_blurb_image, .dienst_2 .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/clock-groen.png);
    height: 60px !important;
    width: 60px !important;
	transition: background 0.4s ease-out;
}

.rv_button-losse-aangiftes:hover .et_pb_main_blurb_image, .dienst_2:hover .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/clock.png);
	transition: background 0.4s ease;
}

.rv_button-financieel-advies .et_pb_main_blurb_image, .dienst_3 .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/open-folder-with-document-groen.png);
    height: 60px !important;
    width: 60px !important;
	transition: background 0.4s ease-out;
}

.rv_button-financieel-advies:hover .et_pb_main_blurb_image, .dienst_3:hover .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/open-folder-with-document.png);
	transition: background 0.4s ease;
}

.rv_button-complete-loonadministratie .et_pb_main_blurb_image, .dienst_4 .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/10/normal.png);
    height: 60px !important;
    width: 60px !important;
	transition: background 0.4s ease-out;
}

.rv_button-complete-loonadministratie:hover .et_pb_main_blurb_image, .dienst_4:hover .et_pb_main_blurb_image{
	background: url(https://floris.finance/wp-content/uploads/2018/12/calculator.png);
	transition: background 0.4s ease;
}

/* end */

.titel{
	font-size: 18px;
	font-weight: bold;
	text-align: center
}

.dropdown .nf-form-fields-required{
	display:none;
}

.dropdown .nf-field-element input[type="checkbox"]{
	opacity: 0;
	width: 0;
	margin: 0;
}

.dropdown .nf-field-element label{
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 26px;
	background: url(https://florisfinance.voahbeild.nl/wp-content/uploads/2018/11/checks-1.png) no-repeat;
	background-position: 0 -65px;
	line-height: 24px;
	cursor: pointer;
}

.dropdown .nf-field-element input:checked + label{
	background-position: 0 -98px;
}

.dropdown .titel:after{
content:" ";
	width: 0;
height: 0;
border-style: solid;
border-width: 13px 10px 0 10px;
border-color: #89e5ab transparent transparent transparent;
}

.dropdown #nf-field-23-wrap .titel:after{
margin-top: -17px;
	margin-right: 30px;
	float:right;
}

.dropdown #nf-field-26-wrap .titel:after{
margin-top: -17px;
	margin-right: 55px;
	float:right;
}

.dropdown #nf-field-28-wrap .titel:after{
margin-top: -17px;
	margin-right: 59px;
	float:right;
}

#nf-field-24-wrap ul li{
	float: left !important;
}

.bereken-prijs a.et_pb_button{
	width: 20em;
	text-align: center;
}


/* .bereken-prijs a.active{
	color: green !important;
	background: yellow !important;

.bereken-prijs a.active:after{
	
} */
.bereken-prijs .spanbutton{
		color: #ffffff;
}
.bereken-prijs .active .spanbutton {
	position: relative;
	background: #94e8b4;
	border: 2px solid #1b1464;
	color: #333333;
}

.bereken-prijs .active:after, .bereken-prijs .active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bereken-prijs .spanbutton{
	    font-size: 12px;
    background: #1b1464;
    border-color: #1b1464;
    border-radius: 2px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    width: 20em;
    text-align: center;
    display: block;
    padding: 5px;
}

.bereken-prijs .active:after {
	    border-color: rgba(148, 232, 180, 0);
    border-top-color: #94e8b4 !important;
    border-width: 15px !important;
    margin-left: -8px !important;
    margin-top: -2px;
}
.bereken-prijs .active:before {
	    border-color: rgba(27, 20, 100, 0) !important;
    border-top-color: #1b1464 !important;
    border-width: 18px;
    margin-left: -11px;
    margin-top: -2px;
}

.mobile_menu_bar:before{
	color: #1b1464;
	float: right;
	margin-bottom: 10px;
}

.mobile_menu_bar{
	color: #1b1464;
}

.et_mobile_menu{
	border-top: 3px solid #1b1464;
}

.home-info .et_pb_blurb{
	 min-height: 380px!important;
}

.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}

.review .et_pb_column .et_pb_module .et_pb_blurb{
	height: 2600px !important;
}

.review .et_pb_column{
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
	padding-bottom: 10px;
}
/* 
.letter-slider {
  border-bottom: 4px solid #000;
  box-shadow: 0 1px 0 0 rgba(255,255,255,0.15);
  padding-bottom: 0.25em;
  margin: 1em auto;
  position: relative;
  width: 20em;
}
.letter-slider::after{
  content: '';
  display: table; width: 100%; clear: both;
}
.letter-slider input[type="radio"] {
  display: none;
}
.letter-slider label {
  color: #bebebe;
  float: left !important;
  width: 16.6666666667%;
  text-align: center;
  cursor: pointer;
  transition: color .5s;
  text-shadow: -1px -1px 0 black;
}
.letter-slider label:hover {
  text-decoration: underline;
}
.letter-slider input + label.nf-checked-label {
  color: white;
}
.letter-slider label:last-of-type::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 0.6em solid transparent;
  border-top-width: 0;
  border-bottom-color: #1CA2FF;
  position: absolute;
  bottom: -5px;
  left: 0;
  margin-left: -0.6em;
  transition: left 0.5s;
}
.letter-slider input.nf-checked:nth-of-type(1) ~ label.nf-checked-label:last-of-type::after {
  left: 8.333333333333332%;
}
.letter-slider input.nf-checked:nth-of-type(2) ~ label.nf-checked-label:last-of-type::after {
  left: 25%;
}
.letter-slider input.nf-checked:nth-of-type(3) ~ label.nf-checked-label:last-of-type::after {
  left: 41.66666666666667%;
}
.letter-slider input.nf-checked:nth-of-type(4) ~ label.nf-checked-label:last-of-type::after {
  left: 58.333333333333336%;
}
.letter-slider input.nf-checked:nth-of-type(5) ~ label.nf-checked-label:last-of-type::after {
  left: 75%;
}
/* .letter-slider input.nf-checked:nth-of-type(6) ~ label.nf-checked-label:last-of-type::after {
  left: 91.66666666666666%;
} */ 

.berekening .nf-checked::before {
  display: block;
  width: 100px !important;
  height: 0;
  content: "tot " attr(value) "" !important;
  border: 0.6em solid transparent;
  border-bottom-width: 0;
  border-top-color: #1CA2FF;
  bottom: -5px;
  left: 0;
  margin-left: -0.6em;
	transition: left 0.5s;}

.berekening input[type="radio"]::before {
  display: block;
  width: 0;
height: 20px;
  content: "";
  bottom: -5px;
  left: 0;
  margin-left: -0.6em;
	transition: left 0.5s;
}