/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.1.4
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
*/
@import url('../Divi/style.css');

body.custom-background {
background-size: cover;
}

sup {
	bottom: 0.8em;
	font-size: 0.6em;
}

.et_pb_text a {
	color: #7D2732;
}

.et_pb_text a:hover {
	color: #910000;
}

#home-slider {
padding: 0px !important;
}


.et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .single_add_to_cart_button .button {
border: 2px solid #BF3C2D;
}
h4 {
color: #BF3C2D;
}
.et_pb_slides {
background-color: rgba(255, 255, 255, 0.2) !important;
 z-index: 9999;
}
.et_pb_contact_main_title {
color: #ffffff !important;
}

header#main-header {
    z-index: 99999;
}




.black_white_one:hover {
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/Colorized_one.jpg) !important;
    height: 255px;
    text-align: center;
    color: #FFF;
    margin-bottom: -120px !important;
    padding: 80px 40px;
    z-index: 999999;
}

.black_white_two:hover {
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/pexels-photo-colorized.jpg) !important;
    height: 255px;
    text-align: center;
    color: #FFF;
    margin-bottom: -120px !important;
    padding: 80px 40px;
    z-index: 999999;
}

.black_white_three:hover {
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/pexels-photo-colorized2.jpg) !important;
    height: 255px;
    text-align: center;
    color: #FFF;
    margin-bottom: -120px !important;
    padding: 80px 40px;
    z-index: 999999;
}





/* Contact Form 7 */
.wpcf7-submit {
padding: 6px 20px;
background: #00adfe !important;
border: 2px solid #00adfe !important;
color: #ffffff !important;
float: right !important;
margin: 8px auto 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
line-height: 1.7em !important;
transition: all 0.2s !important;
cursor:pointer;
font-family: 'Open Sans', Arial, sans-serif;
transition: .2s;
text-transform: uppercase;
}

	.wpcf7-submit:hover{
		opacity: 0.6;
	}

.wpcf7-textarea {
background-color: #eee;
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;
min-height: 150px;
margin: 0;
font-family: 'Open Sans', Arial, sans-serif;
}
.wpcf7-text {
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;
font-family: 'Open Sans', Arial, sans-serif;
}
input[type=text], input.text, input.title, textarea, select {
background-color: #eee !important;
}

#contactformulier input[type=text], input.text, input.title, textarea, select {
background-color: #FFF !important;
}

#contactformulier .wpcf7-text {
background-color: #FFF !important;
}

/*
#contactformulier .wpcf7-submit {
    padding: 6px 20px;
    background: #7D2732 !important;
    border: 2px solid #7D2732 !important;
    color: #FFF !important;
    float: left !important;
    margin: 8px auto 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    line-height: 1.7em !important;
    transition: all 0.2s !important;
    cursor: pointer;
    font-family: 'Open Sans', Arial, sans-serif;
    transition: .2s;
    text-transform: uppercase;
}
*/

div.wpcf7-response-output {
margin: 3em 0.5em 1em;
}

/* Custom STYLES */

#no_margins .et_pb_column.et_pb_column_3_4.et_pb_column_2 {
    margin-top: 0px !important;
    padding: 70px;
}

body {
font-family: 'Roboto' !important;
}

h1{
	color: #333 !important;
}

#top-header{
background: rgba(238,238,238,.8)!important;
}

#top-header #et-info{
	float: right;
}

#logo{
	max-height: 64% !important;
}

a.leesmeer::after{
	color: #00adfe;
	content: " \00BB";
}

.et_pb_blurb h4 a{
	color: #fff;
}

.wijverkopen .et_pb_blurb h4 a{
	color: #333;
}

.wijverkopen img:hover, .wijverkopen .et_pb_blurb h4 a:hover{
	opacity: .3;
}

body.et_pb_button_helper_class .et_pb_button{
	text-transform: uppercase;
}

#main-footer{
 background: #202020;
}

.footer-widget h4{
	color: #fff!important;
	font-size: 16px !important;
}

.textwidget p, .textwidget a, .textwidget{
	color: #EEE !important;
	font-size: 13px;
}

.et_overlay:before{
	color: #00ADFE !important;
}

#footer-info{
	color: #fff !important;
}

.et_mobile_menu{
	border-color: #00adfe !important;
}

body.custom-background{
	background: url("/wp-content/uploads/2015/10/cream_pixels.png") repeat !important;
	background-attachment: fixed;
}

#et-info-phone:before, #et-info-email:before, .et-social-twitter a.icon:before, .et-social-facebook a.icon:before{
	color: #00adfe !important;
}



/* TOP HEADER */

#top-header {
    background: rgba(255, 255, 255, 0.81)!important;
}
.et-fixed-header #logo {
    max-height: 64% !important;
}

/* TOP HEADER */

/* MENU */

.et-fixed-header {
    background: #000 !important;
}

.et-fixed-header #et-top-navigation ul#top-menu li a {
    color: #FFF !important;
}

header#main-header {
	background-color: rgba(0,0,0,0.7);
}

#main-header .nav li ul {
    background: rgba(255,255,255,0.9) !important;
    box-shadow: 0px 0px 0px 0px !important;
    border-top: 0px !important;
}

#main-header .nav li ul a {
    color: #333 !important;
    font-weight: 700 !important;
}











/* END MENU */

/* HOMEPAGE INTRO BANNER */

.homepage_intro p {
    font-size: 24px;
    line-height: 37px;
    font-weight: 300;
    padding: 40px 130px 0px 130px;
}
.homepage_intro {
    margin-top: -98px;
    background: #fff;
    z-index: 9999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
h2.et_pb_slide_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300 !important;
    margin: 0px !important;
    box-shadow: none !important;
    font-size: 53px !important;
    text-transform: none !important;
    border: 0px !important;
}

/* END HOMEPAGE INTRO BANNER */
a.et_pb_more_button.et_pb_button {
    background: #7D2732;
    border: 2px solid #7D2732;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto';
}

.specialrow p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
}

h2 span {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 33px;
    text-transform: none !important;
    margin-bottom: 20px;
}

h2 {
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    text-transform: none !important;
    margin-bottom: 15px !important;
	margin-top: 30px;
}

h3 {
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
	margin-top: 30px;
}

.specialrow.et_pb_row.et_pb_row_1 {
    width: 90% !important;
    max-width: 1280px;
}



.et_pb_blurb_container p {
    float: left;
    padding: 15px !important;
}

.green h4 a {
    background: #7D2732;
    float: left;
    width: 100%;
    padding: 14px;
}

.green {
    background-color: #FFF !important;
}

.green .meerlezen a {
    color: #7D2732 !important;
    background: #7D2732;
    padding: 8px 20px;
    float: left;
    border: 1px solid #7D2732;
    border-radius: 4px;
    clear: both;
    margin: 0px 0px 20px 15px;
    transition: all 0.2s !important;
}



#blurbrow .et_pb_column_2 .et_pb_blurb_container,
#blurbrow .et_pb_column_3 .et_pb_blurb_container,
#blurbrow .et_pb_column_4 .et_pb_blurb_container {
    background: #FFF;
	border-radius: 4px;
}

.blue h4 a {
    background: #7D2732;
    float: left;
    width: 100%;
    padding: 14px;
}

.blue {
    background-color: #FFF !important;
}

.blue .meerlezen a {
    color: #7D2732!important;
    background: #7D2732;
    padding: 8px 20px;
    float: left;
    border: 1px solid #7D2732;
    clear: both;
    border-radius:4px;
    margin: 0px 0px 20px 15px;
transition: all 0.2s !important;
}



.orange h4 a {
    background: #7D2732;
    float: left;
    width: 100%;
    padding: 14px;
}

.orange {
    background-color: #FFF !important;
}

.orange .meerlezen a {
    color: #7D2732!important;
    background: #7D2732;
    padding: 8px 20px;
    float: left;
    border: 1px solid #7D2732;
    clear: both;
    margin: 0px 0px 20px 15px;
border-radius: 4px;
transition: all 0.2s !important;
}



.et_pb_blurb_container {
    float: left;
}

.custom_margins.et_pb_row.et_pb_row_4 .et_pb_column {
    margin: 0px 10px !important;
    width: 31.3%;
font-family: 'Roboto' !important;
}

.custom_margins .et_pb_blurb h4 a {
    color: #fff;
    text-transform: none;
    font-size: 27px;
    font-weight: 300;
    font-family: 'Roboto' !important;
}

.custom_margins .et_pb_blurb h4 {
    padding-bottom: 20px;
}

.et_pb_blurb {
font-family: 'Roboto' !important;
}

.custom_margins .et_pb_blurb_container p {
    padding: 0px !important;
}

.contactopnemen_button {
    background: transparent !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}

.contactopnemen_button:hover {
    background: #FFF !important;
    border: 1px solid #FFF!important;
    color: #252525!important;
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}

.contactopnemen_button_dark {
    background: transparent !important;
    border: 1px solid #252525!important;
    color: #252525!important;
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}
.contactopnemen_button_dark:hover {
    background: #252525!important;
    border: 1px solid #252525!important;
    color: #FFF!important;
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}

.et_pb_button_0, .et_pb_button_0:hover {
    padding: 8px 20px !important;
}

.custom_margins .et_pb_blurb_container {
    float: none;
}

.custom_margins .et_pb_blurb_container h4 {
    margin-top: 30px;
}


.custom_margins .et_pb_blurb_container h4 {
    color: #fff !important;
    font-family: 'Roboto' !important;
    text-transform: none;
    font-weight: 300;
    font-size: 22px;
}

.et_pb_blog_grid .et_pb_post {
    padding: 35px !important;
    border: 1px solid #d8d8d8;
    background-color: #f9f9f9;
    word-wrap: break-word;
    padding-top: 70px !important;
}

.et_pb_blog_grid .et_pb_image_container img {
    min-width: 100%;
    max-width: 100%;
    min-width: 85px !important;
    height: auto;
    margin-left: 36%;
    max-width: 68px !important;
    top: -95px;
    position: absolute;
}

h2.entry-title {
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}

span.published {
    background: #fd8469;
    padding: 5px 10px;
    color: #FFF;
}

.homepage_intro .et_pb_code_inner {
	text-align: center;
}

.socialmediabar {
	display: inline-block;
    margin-top: -24px;
}

.socialmediabar span {
    color: #7D2732;
    float: left;
}

.socialmediabar a:hover span {
	color: #910000;
}

.socialmediabar a.facebookicon:before {
    content: " ";
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/facebook.png);
    width: 20px;
    height: 20px;
    float: left;
    background-size: 100%;
}

.socialmediabar a.twittericon:before {
    content: " ";
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/twitter.png);
    width: 20px;
    height: 20px;
    float: left;
    background-size: 100%;
}

.socialmediabar span#et-info-phone:before {
color: #7D2732 !important;
}
.socialmediabar span#et-info-email:before {
color: #7D2732 !important;
}

.socialmediabar a {
    float: left;
    margin: 0px 6px !important;
}

.socialmediabar span#et-info-phone {
margin: 0px 6px !important;
}

.socialmediabar span#et-info-email {
margin: 0px 6px !important;
}

.socialmediabar a:nth-child(3) {
    float: left;
    margin-right: 14px;
    margin-left: 11px;
}




/* -------------------------------------------------- MOBILE -------------------------------------------------- */



@media (max-width: 980px) {

.et_monarch .et_social_mobile {
    position: fixed;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    z-index: 999999999;
    max-height: 100%;
}

.socialmediabar span#et-info-phone {
    margin: 0px 0px !important;
}

span.mobile_menu_bar.mobile_menu_bar_toggle:before {
    color: #fff;
}

h2.et_pb_slide_title {
    font-size: 31px !important;
}

.socialmediabar {
    float: left;
    width: 100% !important;
    padding: 10px 6%;
    margin-top: -24px;
    text-align: center;
}

.socialmediabar a:nth-child(3) {
    width: 50%;
float: left;
}

.socialmediabar a:nth-child(4) {
    width: 29%;
    float: left;
}

.socialmediabar a.facebookicon:before {
    content: " ";
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/facebook.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 39%;
margin-top:10px;
    background-size: 100%;
}

.socialmediabar a.twittericon:before {
margin-top:10px;
margin-left: 39%;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 16% 8% 62% 8%;
}

.homepage_intro p {
    font-size: 15px;
    line-height: 37px;
    font-weight: 300;
    padding: 40px 30px 0px 30px;
}

.contactopnemen_button {
    background: transparent !important;
    border: 1px solid #FFF!important;
    color: #FFF!important;
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}

.custom_margins.et_pb_row.et_pb_row_4 .et_pb_column {
    margin: 0px 10px !important;
    width: 31.3%;
    font-family: 'Roboto' !important;
    margin-left: 0px !important;
    margin-bottom: 160px !important;
}

.et_mobile_menu {
    border-color: #ffffff !important;
}

.homepage_intro p {
    font-size: 15px;
    line-height: 37px;
    font-weight: 300;
    padding: 0px 30px 0px 30px;
}

#no_margins .et_pb_column.et_pb_column_3_4.et_pb_column_2 {
    margin-top: 0px !important;
    padding: 30px;
}

.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
    padding: 35px !important;
    border: 1px solid #d8d8d8;
    background-color: #f9f9f9;
    word-wrap: break-word;
    padding-top: 70px !important;
    margin: 40px 0px 60px 0px !important;
}

.et_pb_section.et_pb_inner_shadow.extrawide.mobieleachtergrond.et_pb_section_2.et_pb_with_background.et_section_regular {
    background: #3b3a38 !important;
}

.et_pb_section.extrawide.mobieleachtergrond.et_pb_section_2.et_pb_with_background.et_section_regular {
    background: #3b3a38 !important;
}

.quote p {
    line-height: 32px;
}

.column {
    margin: 20px 0px;
}

}


/* -------------------------------------------------- IPAD -------------------------------------------------- */


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

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 16% 8% 30% 8% !important;
}

.socialmediabar {
    float: left;
    width: 100% !important;
    padding: 10px 20%;
    margin-top: -24px;
    text-align: center;
}

.socialmediabar a:nth-child(3) {
    float: left;
    width: 10%;
}

.socialmediabar a:nth-child(4) {
    float: left;
width: 10%;
}

.socialmediabar a.facebookicon:before {
    content: " ";
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/facebook.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-top:0px;
    margin-left: 39%;
    background-size: 100%;
}

.socialmediabar a.twittericon:before {
    content: " ";
    background-image: url(https://voorbeeld.website/21/wp-content/uploads/2016/10/twitter.png);
    width: 20px;
    height: 20px;
margin-top:0px;
    float: left;
    background-size: 100%;
}

.homepage_intro p {
    color: #333 !important;
    font-size: 21px;
    margin-bottom: -25px;
}

.et_pb_blurb p {
    color: #333 !important;
}

.specialrow p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    color: #fff !important;
}

.specialrow .et_pb_blurb_container p {
    color: #333 !important;
}

.mobile_fonts .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left.et_pb_text_3 p {
color:#fff !important;
}

.quote p {
    line-height: 32px;
    color: #333 !important;
}

.dark_color p {
    color: #333 !important;
}

.custom_margins.et_pb_row.et_pb_row_4 .et_pb_column {
    margin: 0px 7px !important;
    width: 31.3%;
    font-family: 'Roboto' !important;
}

}

.home .et_pb_slide_description, 
.home .et_pb_slider_fullwidth_off .et_pb_slide_description {
	padding: 16% 8%;
}

.et_pb_slide_description, 
.et_pb_slider_fullwidth_off .et_pb_slide_description {
	padding: 8% 8%;
}


@media (min-width: 981px) {
	.et_header_style_left .logo_container {
		position: absolute;
		height: auto;
		width: auto;
		padding: 20px;
		background: #FFF;
		border-radius: 0 0 10px 10px;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
	}
	.et-fixed-header .logo_container { 
		padding: 5px 20px 10px 20px;
	}
	#logo {
		max-height: 70px;
	}
}


.home .green .et_pb_blurb_description .meerlezen a:hover,
.home .blue .et_pb_blurb_description .meerlezen a:hover,
.home .orange .et_pb_blurb_description .meerlezen a:hover {
	background: transparent !important;
	border-color: #7D2732 !important;
	color: #7D2732 !important;
}

.home .green .et_pb_blurb_description .meerlezen a,
.home .blue .et_pb_blurb_description .meerlezen a,
.home .orange .et_pb_blurb_description .meerlezen a {
	color: #FFF!important;
	border-color: #7D2732 !important;
	background: #7D2732!important;
}

.home .green .et_pb_blurb_content h4 a,
.home .blue .et_pb_blurb_content h4 a,
.home .orange .et_pb_blurb_content h4 a {
	background: #444444 !important;
	border-radius: 4px 4px 0 0;
}

body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button,
#contactformulier .wpcf7-submit {
	padding: 8px 20px !important;
	border-radius: 4px !important;
	transition: all 0.2s !important;
	text-transform: none !important;
	background: #7D2732 !important;
	border-color: #7D2732 !important;
	color: #fff !important;
}

body #page-container .et_pb_section .et_pb_button_module_wrapper .et_pb_button:hover,
#contactformulier .wpcf7-submit:hover {
	background: transparent !important;
	border-color: #7D2732 !important;
	color: #7D2732 !important;
	padding: 8px 20px !important;
	border-radius: 4px !important;
	transition: all 0.2s !important;
	text-transform: none !important;
}	

.et_pb_image,
img,
#blurbrow .et_pb_column,
body.et_pb_button_helper_class .et_pb_button {
	border-radius: 4px;
}


.et-fixed-header #et-top-navigation ul#top-menu .sub-menu li a {
	color: #454343 !important;	
}


#top-header {
	display: none !important;
}

.g-merken-grid .et_pb_blog_grid .et_pb_image_container {
	margin-top: -30px !important;	
}

.g-merken-grid .et_pb_blog_grid .et_pb_post {
	padding-top: 35px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.g-merken-grid .et_pb_blog_grid .et_pb_post .post-meta {
	display: none;
}

.g-merken-grid .et_pb_blog_grid h2 {
	margin-top: 45px;	
}


body #page-container .et_pb_section .et_pb_button_module_wrapper a.g-secondary-btn.et_pb_button {
	background: #FFF !important;
    color: #7d2732 !important;
}

@media (max-width: 767px) {
	.homepage_intro {
		margin-top: -20px;
	}
}

#contactformulier label {
	font-weight: 700;
}

#contactformulier .et_pb_tabs_controls li.et_pb_tab_active {
	background: #EAEAEA;
}

#contactformulier .ul.et_pb_tabs_controls {
	background: #FFF;
}

.g-pvc-btn {
	display: none;
}

@media (min-width: 1200px) {
	.g-pvc-btn {
		position: absolute;
		left: 130px;
		top: 20px;
		bottom: 20px;
		display: block;
		-webkit-transition: all .4s ease-in-out;
    	transition: all .4s ease-in-out;
	}
	.et-fixed-header .g-pvc-btn {
		top: 6px;
		bottom: 5px;
	}
	.g-pvc-btn a {
		color: #7D2732;
		background: white;
		padding: 10px 20px;
		border-radius: 4px;
		display: block;
	}
}

#main-footer {
    background-image: linear-gradient(to bottom, rgba(32, 32, 32, 0.8), rgba(32, 32, 32, 0.8)), url(https://www.devloerenreus.nl/wp-content/uploads/2020/06/1993-Moduleo-Mountain-oak-56215-min.jpg);
	background-size: cover;
	background-position: center;
}

.overige-merken-tiles .et_pb_row > .et_pb_column {
	border: 1px solid #d8d8d8;
    background-color: #f9f9f9;
	padding: 15px;
}

.et-pb-controllers {
	bottom: -40px;
}

.et_pb_slider {
	overflow: visible !important;
}

@media (min-width: 992px) {
	header .container {
		max-width: 1280px;
	}
	#et-top-navigation {
		margin-left: 40px;
	}
	#et_top_search {
		position: absolute;
		right: -28px;
	}
}

@media (min-width: 1200px) {
	#et-top-navigation {
		margin-left: 150px;
	}
}

.et_pb_main_blurb_image img {
	min-height: 164px;
	object-fit: cover;
}