/*
Theme Name: Bakvliet Binnen - Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes.
Author:   Alexander Damstra
Template: Divi
*/

@import url("../Divi/style.css");
/* Style Logo */
#logo {
	max-height: 150% !important;
	position: relative;
	z-index: 3;
	margin-top: 15px;
}

/* Style Navigation */
.et_mobile_menu li a {
	text-transform: uppercase;
}

/* Style Header Link Boxes */
.link-box-content {
	width: 100%;
	position: relative;
	padding-top: 7px;
	top: 500px;
	background: rgba(183, 164, 126, 0.3);
}

.link-box-content a {
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 30px;
	color: #FFF;
	text-transform: uppercase;
	background: rgba(183, 164, 126, 1);
	padding: 10px 15px;
	display: block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.link-box-content a:hover {
	background: rgba(183, 164, 126, 0.6);
}

/* Style Contact Buttons  */
.button-wrap {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.info-btn {
	background: rgba(183, 164, 126, 1);
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 15px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.info-btn:hover {
	background: rgba(183, 164, 126, 0.7);
}

.buiten-btn {
	background: rgba(183, 164, 126, 1);
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 15px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.buiten-btn:hover {
	background: rgba(183, 164, 126, 0.7);
}

.collage img { bottom: 50px; }

/* Style Contact Form */
#contact-form-wrap { float: left; width: 100%; margin: 0px auto; }
.contact-full-width { 
	width: 100%; 
	padding: 10px; 
	float: left; 
	color: #FFF !important;
	font-size: 16px;
}

.wpcf7-sendfunc { margin-top: 24px; text-align: right; }

.contact-col { 
	float: left; 
	text-align: left !important; 
	min-width: 33%;
	padding: 8px; 
	font-size: 16px; 
}

.contact-col label { 
	color: #000; 
	margin-bottom: 10px; 
	width: 100%;
}

.wpcf7-req {
	color: #F00;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input.text, input.title, textarea, select {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	padding: 10px;
	border: none;
}

input[type="number"] {
	width: 30% !important;
}

.contact-col textarea {
	height: 135px !important;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

.contact-full-width textarea {
	height: 135px !important;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

.wpcf7-label-contain {
	background: #FFF;
	color: #333;
	padding: 10px;
	margin-bottom: 15px;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

input[type="reset"] { 
	border: none;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
	background: #006047;
	padding: 10px 15px; 
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

input[type="reset"]:hover { background: #006047; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #000 !important; opacity: 1; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000 !important; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000 !important; opacity: 1; }

.wpcf7-submit {
	border: none;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 15px; 
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

.wpcf7-submit:hover { background: rgba(255, 255, 255, 0.4); }

span.wpcf7-not-valid-tip {
	border: none !important;
	background: #F00;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #FFF;
	text-align: left;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px 10px;
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	float: left;
}

.wpcf7-form label.error {
	border: none !important;
	background: #F00;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #FFF;
	text-align: left;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px 10px;
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	float: left;
}

div.wpcf7-response-output {
	border: none !important;
	background: rgba(255, 255, 255, 0.7);
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	color: #000;
	width: 99%;
	margin: 8px;
	padding: 20px;
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.06);
	float: left;
}

/* Custom Google Maps */
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

/* Style Footer Credits */
#footer-info { 
	text-align: center; 
	width: 100%; 
	padding-bottom: 10px; 
	float: left; 
	text-transform: uppercase;
	color: #FFF;
}

#footer-info a { 
	color: #FFF;
}

/* Mobile Styles */
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, 
	.et_non_fixed_nav.et_transparent_nav #top-header, 
	.et_fixed_nav #main-header, 
	.et_fixed_nav #top-header {
		position: fixed;
	}
	
	#logo {
		max-height: 60% !important;
		position: relative;
		bottom: 8px;
	}
}