/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

.grecaptcha-badge { display: none !important; }

#Top_bar .menu > li > a span:not(.description) { padding: 0 3em; }
.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after { left: 20%; width: 60%; }

.vc_row  { margin-top: 90px; }

.topbanner { margin-top: 0; padding: 130px 0; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.topbanner img { height: 150px; }
.topbanner * { margin: 0 !important; padding: 0 !important; }

.vc_btn3.vc_btn3-color-inverse, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat { background-color: #3c3c3b; }
.vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-inverse:focus, .vc_btn3.vc_btn3-color-inverse:hover { color:#FFF; background-color: #3c3c3b; }

.vc_btn3.vc_btn3-size-md { padding: 10px 15px; text-transform: uppercase; font-weight: bold; }

.klefttop { position: absolute; margin-top: -90px; margin-left: -80px; }
.klefttop img { height: 250px; }
.achtergrondkol { padding: 90px 0 0 45px; }


.quote { padding: 60px 0; background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url("https://www.krepeladvocatuur.nl/wp-content/uploads/2023/06/quote_background.jpg"); }
.quote * { color: #FFF !important; }
.quote .blockquote { border-left: 2px #FFF solid; margin-top: 90px; padding: 5px 15px 0 15px; }
.quote .blockquote * { padding: 0 !important; margin: 0 !important; }
.quote .blockquote p.author { margin-top: 30px !important; }
.quote .blockquote p.author i { display: none; }
.quote .blockquote .mfn-blockquote-icon { position: absolute; top: -30px; }
.quote .blockquote blockquote { font-family: 'Taviraj', serif; font-size: 45px; line-height: 55px; text-decoration: none !important; }

body:not(.style-simple) .blockquote blockquote { text-decoration: none !important; }

.interimkol { padding: 60px 15px 0 0; }

.ondersec { background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url("https://www.krepeladvocatuur.nl/wp-content/uploads/2023/06/referenties_contact_background.png"); }

#contact { margin-top: 0; padding-top: 90px; border-top: 1px #7c9e89 solid; }

.contactboven .col p { margin: 0; padding: 0; }
.contactboven .col { float: left; width: 50%; }
.contactboven .col.coll { padding-right: 5px; }
.contactboven .col.colr { padding-left: 5px; }
#contact .wpcf7-form-control-wrap { margin-bottom: 10px; }
#contact input[type=submit] { font-weight: bold;border-radius: 0; background-color: #3c3c3b; text-transform: uppercase; }
#contact .btncenter { text-align: center; }
#contact .wpcf7 { margin-top: 45px; }

#Footer .widgets_wrapper  .mcb-column-inner { max-width: 400px; margin: 0 auto; text-align: center; }
#Footer .footerboven * { color: #FFF; }
#Footer .footerboven { border-bottom: 1px #FFF solid; padding-bottom: 30px !important; margin-bottom: 30px !important; }
#Footer .widget_text { margin: 0; padding: 0; }
#Footer .widget_text p { margin: 0; padding: 0; }
.footer_copy { background-color:#3c3c3b; }
.footer_copy * { color: #FFF !important; }
.footer_copy .mcb-column-inner { margin: 0 !important; }


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.klefttop img { height: 200px; }
	.klefttop { margin-left: -30px; }
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.klefttop img { height: 200px; }
	.klefttop { margin-left: -30px; }
	.achtergrondkol { padding-top: 0; }
	.interimkol { padding-top: 0; }
	
}
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {

}


@media only screen and (max-width: 767px) {
	#Top_bar a.responsive-menu-toggle { top: 25px; }
	.achtergrondkol { padding: 0; }
	.interimkol { padding: 0; }
	.quote .blockquote blockquote { font-size: 30px; line-height: 35px; }
	.topbanner img { height: 100px; }
	.topbanner { padding: 60px 0; }
	.klefttop img { height: 100px; }
	.klefttop { margin-left: -30px; margin-top: -60px; }
}