/*
Theme Name: Marlet Child
Version: 1.0
Template: marlet
*/



/* General Custom CSS */

::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
::selection      { color: #000 !important;  background: #b3d4fd !important; } 
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 



/* -------- ALGEMEEN ---------- */

body { font-family: "Noto Sans", Arial, Tahoma !important; }
p, .avia_textblock { font-size: 15px !important; line-height: 24px !important; }
p a, .avia_textblock a { color: #a0c344 !important; }
p ul, .avia_textblock ul { margin-top: -15px !important; }

.template-page { margin-top: -25px !important; }

.av-special-heading-h1 h1 { 
	font-family: "Onest", Arial, Tahoma !important;
	color: #1778bb !important; 
	letter-spacing: 0px !important; 
	font-size: 20px !important; 
}

.av-special-heading-h2 h2 { 
	font-family: "Onest", Arial, Tahoma !important;
	color: #1778bb !important; 
	letter-spacing: 0px !important; 
	font-size: 20px !important; 
}

.av-special-heading-h3 h3 { 
	font-family: "Onest", Arial, Tahoma !important;
	color: #1778bb !important; 
	text-transform: uppercase; 
	margin-bottom: 25px;
	font-size: 20px !important; 	
}

.avia_textblock img { margin: 5px 0 0 20px !important; }


img { margin-right: 25px; }

.page-id-6 .av_two_third { margin-top: 0px !important; }
.av_two_third { margin-top: 30px !important; }

.page-id-17 .av_one_third { margin-top: 36px !important; }
.page-id-17 .avia_textblock img { margin-right: 20px !important; }





/* -------- HEADER ---------- */

.logo-responsive { display: none;   }

.av-main-nav a { font-family: "Noto sans", Arial, Tahoma !important; letter-spacing: 0px; }
.av-main-nav a:hover { color: #9fc344 !important; }

.main-title { 
	font-family: "Noto Sans", Arial, Tahoma !important;
	color: #a0c344 !important; 
	letter-spacing: 0px !important; 
	font-size: 26px !important; 
	text-transform: uppercase; 
}	






/* -------- SLIDER ---------- */

.caption_fullwidth { background: url(slider-bg.png) no-repeat center left !important;  }
.slideshow_caption{ width:54%; }

.avia-caption-title { 	color: #1778bb !important; 	font-family: "Onest", Arial, Tahoma !important; font-weight: 600 !important; }
.avia-caption-content { color: #7b7b7b !important; }

.slider-button { 
	background: #a0c344 !important; 
	text-transform: uppercase; 
	padding: 8px 20px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px; 
	color: #fff !important; 
	position: relative; 
	top: 20px !important;
	text-decoration: none !important;  
}

.slider-button:hover { 	background: #1778bb !important; }







/* -------- SIDEBAR ---------- */

#zijbalk-foto .av_one_third { background: none !important; padding: 0px !important; border-bottom: 0px solid #a0c344 !important; }

#zijbalk-foto  .av_one_third img { height: 100%; width: 100% !important; margin-top: 0px !important; }

.av_one_third { background: url(bg-block.jpg); padding: 20px !important; border-bottom: 6px solid #a0c344; }

 .av_one_third .av-special-heading-h3 h3 { 
	font-family: "Onest", Arial, Tahoma !important;
	color: #a0c344 !important; 
	text-transform: uppercase; 
	margin-bottom: 25px;
	font-size: 20px !important; 	
}

 .av_one_third img { height: 50px; width: 50px !important; margin-top: -2px !important; }
.av_one_third a { color: #7b7b7b !important; }
.av_one_third a:hover { color: #a0c344 !important; }

.telefoon { position: relative; top: 12px !important; }
.email { position: relative; top: 10px !important; }


.Xlocatie { 
	background: url(locatie.png) no-repeat center left; 
	margin-bottom: 25px; 
	background-size: 50px 50px; 
	padding: 0 0 0 50px; 
}

.page-id-22 .av_one_half img { height: 50px; width: 50px !important; margin-top: -2px !important; }




/* -------- FOOTER ---------- */

.copyright { width: 100%; text-align: center; font-size: 13px !important; padding: 15px 0; }
.copyright span { color: #a0c344; margin: 0 6px; }









/* -------------- Contactformulier -------------- */

.wpcf7 { margin-top: 20px !important; font-size: 13px !important; }

.wpcf7 .wpcf7-text, .wpcf7 textarea { 
	border: 2px solid #e5e5e2 !important;
	width: 92% !important; 
	position: relative;
	padding: 9px 7px !important; 
	background: #fff !important;
	font-size: 15px !important;
	color: #3a3f44 !important;
	margin-top: 2px !important; 
}

.wpcf7-select { width: 100% !important; margin-top: 6px !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 2px solid #df272d !important; }
.wpcf7 textarea { height: 121px !important; }

body input[placeholder].wpcf7-not-valid, body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 2px solid #df272d !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #ca0225 !important;
border: none !important;
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 !important;
margin-top: 2px !important;
background: none !important;
font-size: 15px !important;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

div.wpcf7-mail-sent-ok {	border: none !important; 	color: #7cac34 !important; 	position: relative; left: -20px; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #7cac34 !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700; }
div.wpcf7-spam-blocked {	border: none !important; 	color: #df272d !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}
div.wpcf7-validation-errors {	border: none !important; 	color: #df272d !important;	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { font-size: 16px !important; }

textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
	border: 1px solid #ccc !important;
	padding: 10px 20px !important;
	width: 80% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.wpcf7-submit, submit, input[type=submit] {
	background: #a0c344 !important; 
	text-transform: uppercase; 
	padding: 8px 20px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px; 
	color: #fff !important; 
	position: relative; 
	text-decoration: none !important;  
	font-size: 15px !important; 
}


.wpcf7-submit:hover { 	background: #1778bb !important; }
.contact-button .wpcf7-submit { width: 30% !important; padding: 10px 20px !important;  }

input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { 	-webkit-appearance: none; 	-moz-appearance: none; }
.wpcf7-form p{margin-bottom:10px!important}
.wpcf7-form .wpcf7-textarea{width:70%}
.wpcf7-form-control-wrap { width: 100% !important; }










/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */


#advanced_menu_toggle, #mobile-advanced ul { display: none !important; }
.av-special-heading-h2 h2, .av-special-heading-h1 h1 { 	letter-spacing: -1px !important; }

.slideshow_caption { display: none; }
.caption_fullwidth { background: none !important; }

.av_one_half img { margin: 0 auto; }

}






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

.slideshow_caption { position: relative; top: -30px !important;  width:100% !important; }
.avia-caption-content p { font-size: 12px !important; line-height: 15px !important; }
.slider-button { position: relative; top: 5px !important; }

}



@media only screen and (min-width: 900px) and (max-width: 990px) {

.slideshow_caption{ width:90% !important; }
.avia-caption-content p { font-size: 13px !important; line-height: 17px !important; }
.slider-button { position: relative; top: 10px !important; }

}



@media only screen and (max-width: 990px) { 

#advanced_menu_toggle, #mobile-advanced ul { display: none !important; } 
.av_one_third, .av_two_third { width: 100% !important; margin: 0 0 25px 0 !important;  }

}



@media only screen and (min-width: 990px) and (max-width: 1070px) {

.page-item-6 { display: none !important; }
.av-main-nav a { font-size: 11px !important; margin: 0 -5px !important; }

 .av_one_third { padding: 15px !important;  }
.av_one_third p, .av_one_third .avia_textblock { font-size: 12px !important; }
 .av_one_third img { height: 30px; width: 30px !important; }

.telefoon { position: relative; top: 1px !important; }
.email { position: relative; top: 1px !important; }

.slideshow_caption{ width:70% !important; }
.avia-caption-content p { font-size: 13px !important; line-height: 18px !important; }
.slider-button { position: relative; top: 10px !important; }

}




@media only screen and (min-width: 1070px) and (max-width: 1200px) { 
.av-main-nav a { font-size: 11px !important; margin: 0 -3px !important; } 

 .av_one_third { padding: 15px !important;  }
.av_one_third p, .av_one_third .avia_textblock { font-size: 12px !important; }
 .av_one_third img { height: 30px; width: 30px !important; }
	
.telefoon { position: relative; top: 1px !important; }
.email { position: relative; top: 1px !important; }

.slideshow_caption{ width:65% !important; }
.avia-caption-content p { font-size: 14px !important; line-height: 19px !important; }
.slider-button { position: relative; top: 10px !important; }

}


@media only screen and (min-width: 1200px) and (max-width: 1290px) { 
.avia-caption-content p { font-size: 15px !important; line-height: 21px !important; }
.slideshow_caption{ width:65% !important; }

}


@media only screen and (min-width: 1550px) { 
	.slideshow_caption{ width:49% !important; } 
	.avia-caption-title {  font-size: 24px !important; letter-spacing: 0px !important; }
}

@media only screen and (min-width: 1680px) { 	.slideshow_caption{ width:45% !important; } }