/*
Theme Name: Witgoed van Heerdt
Theme URI: https://www.webvriend.nl
Author: Webvriend
Author URI: https://www.webvriend.nl
Description: Maatwerkthema voor Witgoedspecialist van Heerdt
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: witgoed-van-heerdt

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Algemeen */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
	font-family: 'Open Sans' !important;
	color: black;	
	font-size: 16px !important;
}

p {
    margin: 0 0 30px;
}

#content {
line-height: 1.8;	
}

/* Aangepaste container breedte. In design maar 890 px ipv 1200/1170. 30px padding totaal 2*15 */
@media screen and (min-width: 992px) {
	.container {
		width: 920px;
	}
}

h2 {
    font-size: 19px;
	margin-bottom: 35px;
}

h3 {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .ondertitel {
	font-weight: bold !important;
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6,
section a {
	color: #164087;
}

button,
.button {
padding: 10px 20px !important;
font-weight: bold;
font-size: 16px;
text-decoration: none;
cursor: pointer;
display: inline-block;
color: white;
background: #1C458A;
border: none;
transition:.5s;
}

button:hover, 
.button:hover {
    background: #164087;
	text-decoration: none;	
	color: white;
}

button.wit,
.button.wit {
background: white;
color: black;
}

.button.wit:hover {
color: black;	
background: #efeeee;
}

img {
max-width: 100%;	
}

.vc_column-inner {
    padding-top: 35px;
}

/* Header */
header {
background: #fff;
padding: 30px 0;
color: #1C458A;
}

.slogan-tel {
	font-family: 'Open Sans';
	font-size: 22px;
	line-height: 1.3;
	font-weight: bold;
	text-align: right;
}

.slogan-tel a {
	color: #E63225;
	font-size: 20px;
	font-style: normal;
	text-decoration: none;
}

.slogan-tel a:hover {
	color: #E63225;
	text-decoration: none;
}

.logo-rmenu img {
	max-width: 220px;
}

#onder_header {
	background: #E63225;
	min-height: 149px;
	position: relative;
}

.home #onder_header {
background: none;	
}

.home #menu-fullwidth {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

#onder_header h1 {
	color: white;
	font-weight: normal;
    margin: 26px 0;
    font-size: 30px;
}

#menu-container {
    background: #1C458A;
	/*width: 1010px;*/
	max-width: 100%;
    margin: auto;
}

#menu-container .menu {
    margin: 0;
    list-style-type: none;
	padding: 20px 0;
}

#menu-container .menu li {
    display: inline-block;
	margin-right: 30px;
}

#menu-container .menu li:last-child {
	margin-right: 0;
}

#menu-container .menu li a {
    color: #fff;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
}

#menu-container .menu li.current-menu-item a,
#menu-container .menu li a:hover {
    text-decoration: underline;
}

a {
    color: black;
    text-decoration: underline;
}

a:hover {
	color: black;
}

/* Content midden */
#content {
    min-height: 500px;
}

h1, h2, h3, h4, h5, .ondertitel {
	font-weight: bold;
}

h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child,
.ondertitel:first-child {
margin-top: 0;
}

h1 {
font-size: 30px;
}

.ondertitel {
	color: #E63225;
	font-size: 22px;
	margin-bottom: 15px;
}

#content ul,
#content ol {
	list-style-type: none;
	padding-left: 0;
}

#content ul li {
background-image: url(/wp-content/themes/witgoed-van-heerdt/images/marker.svg);
background-repeat: no-repeat;
padding-left: 35px;
margin-bottom: 10px;
}

#content ol li {
background-image: url(/wp-content/themes/witgoed-van-heerdt/images/marker.svg);
background-repeat: no-repeat;
padding-left: 25px;
background-position: left center;
}

#content li:last-child {
margin-bottom: 0;
}

.witte_tekst,
.witte_tekst h1,
.witte_tekst h2,
.witte_tekst h3,
.witte_tekst h4,
.witte_tekst h5,
.witte_tekst a,
.witte_tekst a:hover {
color: white;	
}

.wpb_row {
    padding: 15px 0;
}

.streep_heading {
text-align: center;	
    line-height: 0;
	border-bottom: 1px solid #000000;
	margin-bottom: 30px;
}

.streep_hmidden {
    background: white;
    padding: 0 10px;
}

/* Footer */
footer {
font-size: 16px;
text-align: center;	
}

@media screen and (min-width: 1200px) {
	#footer_tekst_sec .container {
		width: 990px;
		max-width: 100%;
	}
}

#footer_tekst_sec {
    background: #f2f2f2;
    padding: 23px 0;
}

#footer_tekst_sec a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

#footer_adres_sec {
	text-align: center;
	padding: 28px 0;	
}

/* Home */
.home h2 {
    font-size: 22px;
	margin-bottom: 35px;
}

body.home {
font-size: 17px;	
}

.grotere_font {
font-size: 18px;	
}

#home_eerste_rij h1 {
margin-bottom: 0;	
}

.openingstijden td:first-child {
    width: 120px;
}
.openingstijden td {
	vertical-align: top;
	padding-left: 0.5em;
}

@media screen and (max-width: 1023px) {
	.openingstijden td {
		display: inline-block;
		width: 50% !important;
	}
	.openingstijden td:nth-child(3) {
		margin-left: 50%;
	}
	.openingstijden td:empty {
		display: none;
	}
	.openingstijden td:empty + td {
		margin-left: 0;
	}
}

.logos_home_l img,
.logos_home_r img {
margin-right: 15px;	
}

.logos_home_l img:last-child,
.logos_home_r img:last-child {
margin-right: 0;	
}

.logos_home_l img {
    height: 35px;
    width: auto;
}

.logos_home_r img {
    height: 40px;
    width: auto;
}

/* 
	Formulieren opmaken volgens design, in kolommen 
	(Reparatie pagina & contact)
	Wordt niet direct ondersteund in Gravity Forms, vandaar vele maatwerk css
	Gravity Forms stijlen vaak moeilijk te overschrijven, vandaar !important noodzaak
 */
.gform_wrapper label {
display: none !important;
}

.gform_wrapper .gfield_radio label {
display: block !important;
font-weight: normal;
}

li.gfield.gsection.empty {
    display: none;
}

li.gf_one_third_st,
li.gf_two_third_st {
    display: none;
}

form.three-column .gform_body > ul {
    width: 33.3333%;
	padding-right: 20px !important;
}

form.three-column .gform_body > ul.gf_two_third_st {
    width: 66.666%;
}

form.three-column .gform_body > ul:last-child {
	padding-right: 0 !important;
}

form.three-column ul.gfield_radio {
    width: 100%;
}

form.columns ul {
    float: left;	
}

form.columns input,
form.columns textarea {
	width: 100% !important;
	border: none;
}

.gform_wrapper input {
line-height: 20px;	
}

input[type=text],
textarea {
padding: 10px 18px !important;
color: black;	
}

form {
font-size: 15px;	
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #707070;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #707070;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #707070;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #707070;
}

#content .gform_wrapper .gfield_radio li {
    margin-bottom: 4px;
}

.gform_wrapper ul.gfield_radio {
    margin-bottom: 9px !important;
}

.gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
}

input.gform_button {
    margin-top: 0;
}

.gform_footer {
    width: 33.333%;
}

#gform_1 .gform_footer {
    position: absolute;
    bottom: 0;
    right: 0;	
}

textarea#input_1_10 {
    height: 210px;
}

textarea#input_2_10 {
    height: 153px;
}

div.gform_wrapper.three-column {
    position: relative;
	overflow: hidden;
    max-width: 100%;
}

.gform_body {
overflow: hidden;
}

#content .gform_wrapper li {
	background: none;
	padding-left: 0;
    margin-bottom: 17px;
}

#content .gform_wrapper .gform_fields > li:nth-last-child(2) {
    margin-bottom: 0;
}

#gform_2 .gform_footer {
    float: right;
    margin-top: 15px !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none !important;
}

body .gform_wrapper div.validation_error {
    border: none;
    padding: 0;
    margin-bottom: 15px;
}

body .gform_wrapper .gfield_description.validation_message, 
body .gform_wrapper .top_label .gfield_description.validation_message {
    padding-top: 0 !important;
}

body .gform_wrapper .top_label .gfield_error {
    width: 100%;
}

/* Responsive */
@media screen and (max-width: 1199px) {
	footer {
	font-size: 14px;
	}
}

@media screen and (max-width: 991px) {
	#menu-container .menu li {
		margin-right: 20px;
	}
	
	#menu-container .menu li a {
		font-size: 14px;
	}	
}

@media screen and (max-width: 767px) {
	header {
		text-align: center;	
		padding: 25px 0 20px;
	}
	
	#onder_header .menu {
	display: none;	
	}
	
	.slogan-tel {
		margin-top: 25px;
		font-size: 17px;
	}
	
	.slogan-tel span {
		font-size: 17px;
	}
	
	#menu-container {
	text-align:right;
	padding: 8px 0;	
	}
	
	div#click-menu {
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px !important;
	}
	
	div#responsive-menu {
		position: fixed;
	}
	
	#responsive-menu #responsive-menu-title {
		box-sizing: border-box !important;
	}
	
	#menu-container {
		display: none;
	}
	
	.logo-rmenu img {
		width: 150px;
	}
	
	.logo-rmenu  {
		text-align: left;
		padding-right: 60px;
	}
	
	#onder_header {
		min-height: inherit;
	}
	
	#onder_header h1,
	h1 {
		font-size: 20px;
	}
	
	.ondertitel {
		font-size: 18px;
	}
	
	.h3, h3 {
		font-size: 18px;
	}
	
	button, .button {
		font-size: 14px;
	}
	
	.openingstijden td:first-child {
		width: inherit;
	}
	
	.gform_footer,
	form.three-column .gform_body > ul {
	width: 100% !important;
	}
	
	#content .gform_wrapper .gform_fields > li:nth-last-child(2) {
		margin-bottom: 17px;
	}
	
	#gform_1 .gform_footer {
		position: static;
		margin-top: 15px !important;
	}
	
	form.three-column .gform_body > ul {
		padding-right: 0 !important;
	}
	
	#adres_rij .vc_column-inner {
		width: 270px;
	}
	
	.wpb_column:nth-child(1n+2) .vc_column-inner {
		padding-top: 8px !important;
	}
}

.vc_gitem-zone {
	background-size: contain !important;
}

.vc-gitem-zone-height-mode-auto:before {
	padding-top: 50% !important;
}