/*
Website Name: Business Website
Template: Divi
*/

@charset "UTF-8";

/*------------------------------------------------*/
/*-------------[ADD CUSTOM STYLING HERE]----------*/
/*------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
     color: #0F77AD;
}

#et-info {
    float: none;
    text-align: center;
}

.titel h2 {
    color:#07932E;
}

.et_pb_toggle_close {
    background-color: #E0E0E0;
}

.et_pb_toggle {
    border: 1px solid #6A8FC2;
}

.et_pb_toggle_title::before {
    color: #6A8FC2;
}

.et_pb_toggle_close h5.et_pb_toggle_title {
    Color: #0F77AD;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 0 5px 0 0!important;
}

.et_pb_testimonial_portrait, .et_pb_testimonial_portrait::before {
    border-radius: 200px;
}

.et_pb_testimonial_portrait {
    height: 200px;
    width: 200px;
}

.nav li ul {
    width: 300px !important;
}
#top-menu li li a {
    width: 260px !important;
    padding: 6px 10px !important;
}

/* lees meer */
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}



/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #0f77ad;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}



/*------------------------------------------------*/
/*-----------------[COLOR SETTINGS]---------------*/
/*------------------------------------------------*/

/* change background color of top-header */
#top-header {
	background-color: #0F77AD !important;
}

/* change background color of colored modules */
.gekleurd {
	background-color: #F0F0F0 !important;
}

/* change color of Marketing-B CTA button */
.et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button {
	color: #E52F21 !important;
}

/* change color of submit button on contact form */
.wpcf7-submit {
	color: #E52F21 !important;
}

/* change color of Info-E icons */
.info-e .et_pb_main_blurb_image span {
	color: #E53122!important;
}

/* change color of USP icons */
.usp .et_pb_main_blurb_image span {
	color: #fff !important;
	background-color: #07932E !important;
}


/* change color of social icons in footer */
 .et-social-icon a:hover {
 	color: #E52F21!important;
 }


/* change color of all other links */
#et_search_icon:hover, .mobile_menu_bar:before, .comment-reply-link, .form-submit input, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
	color: #E53122!important;
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLING]----------------*/
/*------------------------------------------------*/

h4 {
	font-weight: bold!important;
}

/*------------------------------------------------*/
/*-----------[Bigger Logo Settings]---------------*/
/*------------------------------------------------*/

/* Uncomment and play with these settings when the logo is bigger and centered

img#logo {
min-height: 120px;
}

@media only screen and ( max-width: 980px ) {
	img#logo {
		height: 120px;
	}
}

.et_header_style_centered #logo {
	padding: 10px 0 8px;
	margin-top: 3px;
}

.et_header_style_centered #main-header div#et-top-navigation {
	margin-top:35px;
}

*/

/*------------------------------------------------*/
/*----------------------[SLIDER]------------------*/
/*------------------------------------------------*/

/* Remove commments to create white background behind text in slider 

.et_pb_slide_description h2 {
background-color:rgba(255,255,255,0.60);
line-height: 1.5;
}

.et_pb_slide_content h3 {
background-color:rgba(255,255,255,0.60);
line-height: 1.5;
}

*/


/*make slider text bolder */
.et_pb_slide_description h2 {
	font-weight: 500 !important;
}

/* adjust size of headings in image slider */
@media only screen and (max-width: 981px) {
    .et_pb_slide_description h2 {
        font-size: 42px !important;
    }
}

@media only screen and (max-width: 767px) {
    .et_pb_slide_content h3 {
        font-size: 16px !important;
    }
    .et_pb_slide_description h2 {
        font-size: 32px !important;
    }
}

@media only screen and (max-width: 479px) {
    .et_pb_slide_content {
        display: block !important;
    }
}

@media only screen and (max-width: 320px) {
    .et_pb_slide_content {
        display: block !important;
    }
}


/*------------------------------------------------*/
/*----------[Marketing-A Module styling]----------*/
/*------------------------------------------------*/

.et_bloom .et_bloom_optin_1 h2 {
	text-align: center !important;
}
.et_bloom .et_bloom_optin_1 p {
	text-align: center !important;
}


.et_bloom .et_bloom_form_container.et_bloom_rounded input  {
	width: 32%;
	display: inline;
	margin: 5px;
}

.et_bloom_1_field input {
	background-color: rgba(0,0,0,0.30) !important;
} 

input.subbutton {
	background-color: green !important;
	color: white !important;
}

form.cakeform {
	width: 100%;

}

@media only screen and (max-width: 1125px) {
	form.cakeform {
		width: 100%;

	}
	.et_bloom .et_bloom_form_container.et_bloom_rounded input  {
		width: 100%;
	}
}

.et_bloom .et_bloom_optin_1 .et_bloom_form_content {
	padding-top: 5px !important;
}

.marketing-a {
	padding: 0px !important;
}



/*------------------------------------------------*/
/*-------[Social icons contact page]--------------*/
/*------------------------------------------------*/


/* change width social icons on contact page */
.contacticons .et_social_icons_container {
    width: 160px !important;
}



/*------------------------------------------------*/
/*----------[Contact form 7 adjustments]----------*/
/*------------------------------------------------*/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}