/*
 Theme Name:     wiet-hennep-plantage-ontruimen.nl
 Theme URI:      https://www.wiet-hennep-plantage-ontruimen.nl
 Description:    Thema ontwikkeld in opdracht van wiet-hennep-plantage-ontruimen.nl
 Author:         Saleswizard
 Author URI:     https://www.wiet-hennep-plantage-ontruimen.nl
 Template:       wp-bootstrap-starter
 Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

body { font-family: 'Roboto', sans-serif; color: #767676; }
h1 { color: #404040; }
a, h2, h3, h4, h5, h6 { color: #113f28; }
p { line-height: 1.8em; }
#primary { width: 100% !important; }
header#masthead { background-color: transparent; box-shadow: none; }
body #masthead .navbar-nav>li a { text-transform: none;  }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a { color: #707070; font-weight: 400; }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #707070; text-shadow: 0.5px 0.5px 0 #c5c5c5; font-weight: 400; }
#page-sub-header { padding-top: 0; }
body:not(.theme-preset-active) #page-sub-header h1 { color: #fff; line-height: 55px; margin-top: 85px; text-shadow: 1px 1px 16px #000; }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a { font-size: 1rem; }
#masthead li.menu-item { margin-left: 1vw; }
.header-usps { background: #F0F0F0; text-align: center; padding: 20px 0 20px 0; margin-bottom: 90px; font-size: 16px; }
.header-usps ul { list-style: none; margin: 0; padding: 0;}
.header-usps ul li { display: inline-block; position: relative; margin-right: 30px;}
.header-usps ul li:before { content: "\f00c"; color: #113f28; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 10px;}
.navbar-light .navbar-brand { max-width: 320px; }
.hero-wrap { background-image: url(images/heroo.jpg); background-position: 69% center; background-size: cover; border-radius: 15px; padding: 70px 25px 169px 25px; text-align: left; min-height: 57vh; }
.hero-usps { padding: 0; list-style: none; width: 50%; float: left; font-size: 16px; color: #fff; margin-bottom: 0; text-shadow: 1px 1px 16px #000}
.hero-usps li { position:relative; padding-left: 10px; margin-left: 15px; line-height: 28px;}
.hero-usps li:before { content: "\f00c"; color: #fff; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; left: -15px; }
.content-form-wrap { background-color: #fff; border-radius: 15px; padding: 15px; margin: 0 -15px; }
.content-form-inner { border-radius: 10px; border: 2px solid #E3E3E3; padding: 25px; box-shadow: 0px 3px 12px rgba(0,0,0,0.06); }
.content-form-inner .icon-wrap { display: inline; width: 15px; font-size: 40px; }

.content-form-inner .icon-wrap i { position: relative; top: -10px; color: #113f28; }

.content-form-inner .header-text { display: inline-block; padding-left: 50px; position: relative; }

.content-form-inner .header-text:before { font-size: 40px; content: "\f05a"; color: #113f28; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; left: 0; top:-5px; }

.content-form-inner .header-text h3 { margin-bottom: 5px; color: #113f28; }

.hero-form-wrap { background-color: #fff; border-radius: 15px; margin: 50px 0 -75px -15px; padding: 15px; position: absolute; }
.hero-form-inner { border-radius: 10px; border: 2px solid #E3E3E3; padding: 25px; box-shadow: 0px 3px 12px rgba(0,0,0,0.06); }

.hero-form-inner .icon-wrap { display: inline; width: 15px; font-size: 40px; }

.hero-form-inner .icon-wrap i { position: relative; top: -10px; color: #113f28; }

.hero-form-inner .header-text { display: inline-block; padding-left: 50px; position: relative; }

.hero-form-inner .header-text:before { font-size: 40px; content: "\f05a"; color: #113f28; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; left: 0; top:-5px; }

.hero-form-inner .header-text h3 { margin-bottom: 5px; color: #113f28; }

#page-sub-header .hero-form-inner .header-text p { font-size: 14px; }

.content-area h1 { font-weight: 900; font-size: 3.5rem; color: #404040; }

.wpcf7-form label { font-size: 12px; color: #113f28; font-weight: bold; }
.wpcf7-form .form-group { margin-bottom: 0; }
.wpcf7-form .form-control { background-color: #113f28; border: none; border-radius: 5px; font-size: 12px; font-weight: normal; border: 1px solid #113f28; color: #fff; }
.wpcf7-form .form-control::placeholder { color: #fff; opacity: 1; }
.wpcf7-form .form-control:-ms-input-placeholder { color: #fff; }
.wpcf7-form .form-control::-ms-input-placeholder { color: #fff; }
.wpcf7-form button[type=submit], .btn-primary, .wpcf7-form button[type=submit]:active, .btn-primary:active, .wpcf7-form button[type=submit]:focus, .btn-primary:focus { background:#113f28; border: none !important; }
.wpcf7-form small { display: inline-block; padding-right: 10px;  font-size: 10px; top:5px; position: relative; width: 100%; text-align: left; margin-bottom: 15px;}
.wpcf7-form small a { color: #767676; font-weight: bold; }
.wpcf7-form { margin-bottom: 0; }
.wpcf7-form .form-group.submit-group { text-align: left; }
.wpcf7-form .form-group.submit-group button { width: 100%; }
.wpcf7-form .wpcf7-not-valid-tip { display: none; }
.wpcf7-form .wpcf7-not-valid { background: #ff0000; color: #fff; }
.wpcf7-form .wpcf7-response-output { border-radius: 5px; font-size: 12px; margin: 15px 0 0 0; }

.hero-form-inner .wpcf7-form textarea, .content-form-inner .wpcf7-form textarea { height: 60px; max-height: 60px; min-height: 60px; margin-bottom: 25px; }

.hero-wrap { margin-bottom: 530px; }

.footer-cta { background-color: #113f28; border-radius: 15px; color: #fff; padding: 30px; font-size: 1.8rem; margin-top: 50px; margin-bottom: 90px; }

h3.widget-title { color: #767676; font-size: 26px; font-weight: bold; }

body:not(.theme-preset-active) footer#colophon { background: transparent; }

.footer-cta .cta-btn:last-child { margin-bottom: 0;}
.footer-cta .footer-cta-text { display: inline-block; }

#footer-widget .textwidget { font-size: 18px; font-weight: 300; }
#footer-widget .textwidget p { padding-right: 25px; }

#footer-widget .container { border-bottom: 1px solid #E8E8E8; padding-bottom: 80px; }

#footer-widget a { color: #767676; }

#footer-widget li.menu-item a { padding: 0; font-size: 18px; margin: -5px -5px 5px -5px; padding: 5px; color: #767676; border-radius: 5px; font-weight: 300; }

#footer-widget .footer-usps { list-style: none; margin: 0; padding: 0; }
#footer-widget .footer-usps li { margin-bottom: 10px; margin-left: 25px; position: relative; }
#footer-widget .footer-usps li:before { content: "\f00c"; color: #113f28; font-family: 'Font Awesome 5 Free'; font-weight: 600; position: absolute; left: -25px; }

.cta-btn 			{ border-radius: 10px; font-size: 15px; padding: 10px 20px 10px 20px; display: inline-block; text-align: left; margin-bottom: 5px; box-sizing: border-box; }
.cta-btn:hover		{ text-decoration: none; }
.cta-btn i			{ margin-right: 10px; }
.cta-btn.white 		{ border: 2px solid #FFFFFF; background-color: #FFFFFF; color: #333; min-width: 200px; text-align: center;}
.cta-btn.blue.dark 	{ border: 2px solid #113f28; background-color: #113f28; color: #fff !important; }
.cta-btn.blue.light { border: 2px solid #4DB6FF; background-color: #4DB6FF; color: #fff !important; }
.cta-btn.bordered 	{ border: 2px solid #E3E3E3; color: #707070 !important; }

footer#colophon { text-align: center; }
footer#colophon img { filter: grayscale(100%); margin-top: 25px; margin-bottom: 50px; max-width: 360px; height: auto; }

.vc_icon_element-style-rounded { padding: 5px; }

.wpb_text_column { word-break: break-word; hyphens: auto;  }

#contact-btns { text-align: right; margin-top: 15px; margin-bottom: 15px; }

#contact-btns .cta-btn { margin-right: 10px; min-width: 225px; }
#contact-btns .cta-btn:last-child { margin-right: 0; }

/* .navbar-brand { position: relative; top: -45px; } */


@media screen and (min-width: 1200px) and (max-width: 1640px) {
	.hero-usps { width: 100%;}
	.hero-wrap { margin-bottom: 285px; }
	body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner { height: 45px !important; }
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a { font-size: 14px; }
}

@media (min-width: 1450px) {
	.container { width: 1340px; max-width: 1340px; }
}

@media (min-width: 1650px) {
	body .container { width: 1640px; max-width: 1640px; }
	.wpcf7-form small { width: calc(100% - 115px); margin-bottom: 30px;}
	.wpcf7-form .form-group .submit-group { text-align: right; }
	.hero-form-inner .wpcf7-form textarea, .content-form-inner .wpcf7-form textarea { height: 100px; max-height: 100px; min-height: 100px;  }
	.wpcf7-form .form-group.submit-group button { width: auto; }
	.hero-wrap { margin-bottom: 295px; }
	.wpcf7-form small { margin-bottom: 0; }
	.footer-cta .footer-cta-text { margin-bottom: 0;  }
	.cta-btn { margin-bottom: 0; }
	
}

@media screen and (max-width: 1200px) {
	#contact-btns { position: fixed; background-color: #fff; bottom: 0; left: 0; width: 100%; padding: 15px; z-index: 100; text-align: center; box-shadow: 0px -44px 37px #fff; margin-bottom: 0; margin-top: 0; }
	footer { padding-bottom: 120px; }
	.cta-btn.hide-mobile { display: none; }
	.navbar-brand { top: 0; }
}

@media screen and (max-width: 992px) {
	#footer-widget .widget { margin-bottom: 60px; }
	#main-nav { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fff; z-index: 100; transition: none; text-align: center; padding-top: 80px; }
	body.admin-bar #main-nav { padding-top: calc(80px + 45px); }
	body.admin-bar .navbar-toggler { top: calc(25px + 45px); }
    .navbar-toggler { z-index: 200; position: fixed; top: 25px; right: 15px; background: #fff; border: 1px solid #efefef !important; }
    .header-usps { margin-bottom: 25px;  }
}

@media screen and (max-width: 767px) {
	.hero-usps { width: 100%;}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a { margin: 10px 0 10px 0; font-size: 16px; }
	.header-usps { margin-bottom: 15px; font-size: 11px; }
	.cta-btn { font-size: 11px; padding: 8px; }
	.footer-cta-text { padding-bottom: 25px; }
	#content.site-content { padding-top: 0; }
}