/*
 Theme Name:     Template MK
 Theme URI:      http://www.elegantthemes.com/gallery/foxy/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
@import url("../Divi/style.css");
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);

/* =Theme customization starts here
------------------------------------------------------- */

/* Algemeen - */
h1, h2, h3, h4, h5 { color: #005186 }
h1 { font-weight: 700; font-size: 26px; padding-bottom: 30px; }
body { font-family: 'Bitter', serif; color: #2e2e2e !important; font-size: 15px; }
/*.container, .et_pb_row { width: 100%; }*/

#page-container { overflow-x: hidden; }

/* Header */
.headertop { border-bottom: 1px solid #ccd0e2; padding-bottom: 66px; position: absolute; }
#main-header { padding-top: 0px; height: 210px; }
#logo { position: absolute; max-height: none; }
.header-contact {float: right;padding: 15px 0 0px 0;color: #005186;width: 64%;text-align: left;}
.logos { width: 30%; float: left; }
.contactgegevens { width: 70%; float: left; font-family: 'Bitter', serif; font-size: 14px; margin-top: 8px; margin-top: 20px; }
.contactgegevens a { color: #005186; vertical-align: -10%; }
.social {width: 100%;text-align: right;margin-top: 30px;float: left;}
.social a {display: inline-block; margin-left: 7px;}
.social a > img {width: 35px;} 

.directcontact { float: left; width: 25%; font-weight: 700; }
.mail { float: left; width: 47%; }
.mail::before { content: url('images/mail.png'); padding-right: 10px; vertical-align: -30%; }
.telefoon { float: left; width: 28%; }
.telefoon::before { content: url('images/tel.png'); padding-right: 10px; vertical-align: -30%; }
#header_left { float: left; }
#headerlogo { float: left; }
#header_right { }
.et_pb_slider { overflow: visible; }
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 0px; }
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu { background: #fff; }

.news_banner .et_pb_column .et_pb_module .et_pb_widget #rssnewssettingrssnewsdisplay-2 p { background-color: #dee0ec!important; color: black!important; }

/* Hoofdmenu */
.ubermenu-main > .ubermenu-nav > .ubermenu-current-menu-item > .ubermenu-target > .ubermenu-target-text { border-bottom: solid #005186 }
#et-top-navigation { float: right; margin-top: 10px; }
.ubermenu-sticky { border-bottom: 1px solid #ec7b2c !important; }
#et_mobile_nav_menu, .et_mobile_nav_menu { display: none !important; }
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle { padding: 15px 7px !important; }
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { right: -2px !important; }

/*Voorpagina*/

/*Slider*/
#slider { height: 450px; }
.et_pb_slide_description { padding: 80px 0px; text-align: left; width: 45%; float: left }
.et_pb_slide_description h2 { font-size: 32px; padding-bottom: 3px; font-weight: 700; }
a.et_pb_more_button { background: #ec7b2c }
.et_pb_slider .et_pb_slide { height: 450px }
#nopadding { padding: 0px; margin: 0px; }
#nopadding .et_pb_row { padding-top: 10px; }
#nopadding .et_pb_widget { margin-bottom: 0px; }
#nopadding .et_pb_widget_area_left { padding-bottom: 0px; }
#content_tekst { padding-top: 0px; }
.autoverzekeringslider { padding: 50px 0px 10px; }

/*Pijlers*/
#pijlers { }
#pijlers.et_pb_section { padding: 0px; }
#pijlers .et_pb_column { margin-right: 0px; }
#pijlers .et_pb_column_1_3 { width: 360px; }
#pijlers .et_pb_row { padding-top: 0px; }
#pijlers .et_pb_text { margin-bottom: 0px; }
#pijlers a { display: block; }
#pijlers .et_pb_column_1_4 {width: 25%;}
.blok-1, .blok-2, .blok-3, .blok-4 { padding: 20px 0; text-align: center; height: 100%; }
.blok-1 h2, .blok-2 h2, .blok-3 h2, .blok-4 h2 { color: #fff; font-size: 20px; font-weight: 700; margin: 5px 0px; padding-left: 15px;
  padding-right: 15px;}
.blok-1 p, .blok-2 p, .blok-3 p, .blok-4 p { padding-bottom: 0; }
.blok-1 { background: #074471; }
.blok-2 { background: #1573af; }
.blok-3 { background: #ec7b2c; }
.blok-4 {background: #787ab9;}


/* Content */
.slide-vervolg .et_parallax_bg { background-position: bottom !important; }
.et_pb_tabs_controls li { min-width: 298px; }

/* Contactformulier */
#gform_widget-2 { background: #064571; color: #fff; padding: 20px 20px 20px 20px; /*height: 149px;*/ }
#gform_widget-2 h4 { color: #fff; padding: 0; }
#gform_widget-2 .gform_body .gform_fields .gfield .gfield_label { font-weight: normal; display: none; }
#gform_widget-2 .gform_footer input[type=image] { }
.et_pb_promo { border-radius: 8px; }
.rss-slide { width: 100%; }
.crs_div { float: left; padding-right: 15px !important; }
.et_pb_column_4_4 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_4_4 .et_pb_widget_area_right .et_pb_widget { width: 100%; }

/* Widgets */
.et_pb_widget_area { font-size: 14px; font-weight: 700; }
.et_pb_widget_area h4 { font-weight: 700; font-size: 26px; padding-bottom: 30px; }
.et_pb_widget ul li { list-style-type: disc; list-style-position: inside; padding-left: 20px; text-indent: -1.1em; }
#footer-widgets .footer-widget li::before { content: none; }
.et_pb_widget a { text-decoration: none; color: #fff; }
#footer-widgets .footer-widget:last-child { width: 20.875%; margin: 0; padding: 0; }
#footer-widgets .footer-widget:last-child p{ font-size: 12px; line-height: 1.8em; margin-bottom: 10px; }
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget { margin-bottom: 0px!important; }

/*Gravityforms opmaak*/
#left-area ul, .entry-content ul, .comment-content ul { padding: 0; }
#gform_widget-2 { padding: 20px 20px 5px 20px; min-height: 185px; box-sizing: border-box; }
.gform_wrapper .top_label .gfield_label { font-weight: 400 !important; }
.button { padding: 8px; background: #ec7b2d; border: 1px solid #ea8946; cursor: pointer; color: #fff; transition: background-color 0.15s ease-in-out; }
.button:hover { background: #ea8946; }
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper .top_label input.small:hover, .gform_wrapper .top_label select.small:hover { border: 1px solid #ccc; }
.gform_wrapper .top_label input.medium:hover, .gform_wrapper .top_label select.medium:hover { border: 1px solid #ccc; }
.gform_wrapper .top_label input.large:hover, .gform_wrapper .top_label select.large:hover { border: 1px solid #ccc; }
.gform_wrapper textarea.small { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper textarea.medium { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper textarea.large { background: #f7f7f7; border: 1px solid #e2e2e2; }
.gform_wrapper textarea.small:hover { border: 1px solid #ccc; }
.gform_wrapper textarea.medium:hover { border: 1px solid #ccc; }
.gform_wrapper textarea.large:hover { border: 1px solid #ccc; }

/* Footer */
#main-footer { background: #005186 !important; }
#footer-widgets { padding: 30px 0; }
#footer-widgets .et_pb_widget ul li { margin-bottom: 0px; padding-bottom: 2px; }
.footer-widget { margin-bottom: 0px; }
#footer-widgets h4 { color: #fff !important; font-size: 28px; }
#footer-info { color: #fff; }
#footer-info a:not(:last-child) { margin-right: 10px; }
#footer-info a { color: #fff; font-weight: normal; }
#footer-bottom { background: #074471; }

/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width:768px) and (max-width:980px) {
	#pijlers .et_pb_column_1_3 { width: inherit; }
	#pijlers.et_pb_section { padding-top: 25px; }
	#et-top-navigation { float: none; }
	#pijlers .et_pb_text { padding-bottom: 15px; }
	.et_pb_section { padding: 25px 0 20px; }
	#logo { max-height: 225px; position: relative; }
	#et-top-navigation { float: left; }
	#main-header { height: auto; }
	.header-contact { float: right; text-align: left; width: 40%; }
	.logos { width: 100%; }
	.contactgegevens { width: 100%; }
	.directcontact { width: 100%; }
	.telefoon { width: 100%; }
	.mail { width: 100%; }
	.et_pb_slide_content, .et_pb_more_button { display: inline !important; }
	.et_pb_slide_description { padding: 80px 0px; text-align: left; width: 100%; }
	#et-top-navigation { width: 100%; }
	#top-menu-nav { width: 100%; }
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width:768px) {

	/*Algemeen*/
	h1 { font-size: 22px; }
	h2 { font-size: 19px; }
	p { line-height: 1.6em; }
	.et_pb_row { padding: 15px 0 0 0; }
	.et_pb_text { margin-bottom: 15px; }
	.et_pb_column { padding-bottom: 5px; }
	.et_pb_column_1_2 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo { padding: 25px; }
	.et_pb_section { padding: 25px 0 20px; }
	.et_pb_promo_description { padding-bottom: 10px; }
	

	/*Header*/
	#slider { background: #005186; margin-top: 25px; }
	.logos { width: 100%; }
	#et-top-navigation { width: 100%; }
	#top-menu-nav { width: 100%; }
	/*.et_pb_slider .et_pb_slide { max-height: 200px; }*/
	.voorpaginaslide.et_pb_slider .voorpaginaslide.et_pb_slide { height: 450px }
	.et_pb_slide_content, .et_pb_more_button { display: inline !important; }
	.et_pb_slide_description { padding: 80px 0px; text-align: left; width: 100%; }
	#page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container { padding-top: 0px }
	#pijlers .et_pb_column_1_3 { width: inherit; }
	#pijlers .et_pb_section { padding-top: 0px; }
	#pijlers .et_pb_column { padding-bottom: 0px; }
	#pijlers .et_pb_row { padding-top: 0px; margin: 0px; }
	.directcontact { font-size: 25px; padding-bottom: 10px; font-weight: 400; width: 100%; }
	.contactgegevens { width: 100%; }
	.contactgegevens a { font-size: 17px; }
	.telefoon { width: 100%; padding: 10px 0; }
	.mail { width: 100%; }
	.blok-1, .blok-2, .blok-3 { padding: 20px; }
	#et-top-navigation { float: none; }
	#logo { max-height: 225px; position: relative; }
	#et-top-navigation { float: left }
	#main-header { height: auto; }
	.header-contact { float: left; text-align: center; width: 100% }
	.et_header_style_left #logo, .et_header_style_split #logo { max-width: 100%; }
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-left: 0px !important }

	/*Content*/
	.et_pb_tabs_controls li { min-width: 200px; }
	#pijlers .et_pb_row, #pijlers .container, #pijlers .et_pb_container { width: 100%; }

	/*Footer*/
	#footer-widgets .footer-widget:last-child { width: 100%; }
}

@media only screen and (max-width:1400px) {
	#logo { max-width: 250px; }
	.header-contact { width: 680px; }
	.contactgegevens { width: 74%; float: right; }
	.logos { width: 25%; }
}

@media only screen and (max-width:1200px) {
	#main-header .container { width: 100%; padding: 0 20px; }
}

@media only screen and (max-width:1100px) {
	.ubermenu-sticky-wrapper { min-height: 0; }
	.ubermenu-responsive .ubermenu-item-level-0 { width: 100% !important; }
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { right: 12px !important; }
}

@media only screen and (max-width:980px) {
	#slider { margin: 0 !important; padding: 0 !important; }
	#slider .et_pb_button_wrapper { margin-top: 20px; }
	#pijlers.et_pb_section { padding: 0 !important; }
	#pijlers .et_pb_row  { padding: 0 !important; width: 100%; }

	#pijlers .et_pb_column { margin: 0 !important; }

	.et_pb_row, .container, .et_pb_container { width: 80%; }
	#header_left {float: left; margin: 0 auto; text-align: center; width: 100%;  }
	.social { text-align: center; margin: 15px 0;}

	.header-contact { width: 100%; }
	.contactgegevens, .logos { text-align: center; width: 100%; }
	#main-header #et-top-navigation { padding-left: 0 !important; max-width: 400px; text-align: center; margin: 0 auto; float: none; }
}

.diensten_homepage { display: flex; align-items: stretch; }

@media screen and (max-width: 640px) {
	.diensten_homepage { flex-direction: column; }
	
}