/*
Theme Name: VDV theme Child
Version: 1.0
Template: vdv-theme
*/


/* General Custom CSS */

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

/* draw selected text in a paragraph white on black */
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 

@font-face {
    font-family: "Proxima Nova Regular";
    src: url("font/Proxima-Nova-Regular.eot");
	src: local("Proxima Nova Regular"), 
		 url("font/Proxima-Nova-Regular.woff") format('woff'),
		 url("font/Proxima-Nova-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Proxima Nova Thin";
    src: url("font/Proxima-Nova-Thin.eot");
	src: local("Proxima Nova Thin"), 
		 url("font/Proxima-Nova-Thin.woff") format('woff'),
		 url("font/Proxima-Nova-Thin.otf") format("opentype");
}
@font-face {
    font-family: "Proxima Nova Light";
    src: url("font/Proxima-Nova-Light.eot");
	src: local("Proxima Nova Light"), 
		 url("font/Proxima-Nova-Light.woff") format('woff'),
		 url("font/Proxima-Nova-Light.otf") format("opentype");
}
@font-face {
    font-family: "Proxima Nova Light Italic";
    src: url("font/Proxima-Nova-Light-Italic.eot");
	src: local("Proxima Nova Light Italic"), 
		 url("font/Proxima-Nova-Light-Italic.woff") format('woff'),
		 url("font/Proxima-Nova-Light-Italic.otf") format("opentype");
}
@font-face {
    font-family: "Proxima Nova Semibold";
    src: url("font/Proxima-Nova-Semibold.eot");
	src: local("Proxima Nova Semibold"), 
		 url("font/Proxima-Nova-Semibold.woff") format('woff'),
		 url("font/Proxima-Nova-Semibold.otf") format("opentype");
}
@font-face {
    font-family: "Proxima Nova Bold";
    src: url("font/Proxima-Nova-Bold.eot");
	src: local("Proxima Nova Bold"), 
		 url("font/Proxima-Nova-Bold.woff") format('woff'),
		 url("font/Proxima-Nova-Bold.otf") format("opentype");
}





/* ---------------------------------------- layout --------------------------------------------- */

body { border-top: 4px solid #d87f26 !important; }

iframe { margin-top: 6px; width: 100%; }


body, .avia_textblock, .avia_textblock p {	
	font-family: "Questrial", Arial, tahoma !important; 
	color: #6c747b !important; 
	line-height: 22px !important; 
	font-size: 15px !important; 
	letter-spacing: 1px; 
}

h1 { font-weight: 700 !important; }

.av_one_half .av-special-heading-h3 h3, .av_one_half .av-special-heading-h3 .special_amp { 
	font-family: "Proxima Nova Regular", Arial, tahoma !important; 		
	color: #f0800d !important; 
	text-transform: uppercase !important; 
	letter-spacing: 0px !important; 
	font-size: 18px !important;
	line-height: 21px !important; 
	font-style: normal !important; 
}

.av-special-heading-h2 h2 { 
	font-family: "Proxima Nova Regular", Arial, tahoma !important; 		
	text-transform: uppercase !important; 
	letter-spacing: 0px !important; 
	font-size: 18px !important;
	line-height: 21px !important; 
	font-style: normal !important; 
}

.av-special-heading-h3 .modern-centered { font-size: 20px !important; }

.av-special-heading-h3 h3, .av-special-heading-h3 .special_amp  { 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 		
	color: #d47d2e !important; 
	text-transform: uppercase !important; 
	letter-spacing: 0px !important; 
	font-size: 18px !important;
	line-height: 24px !important; 
	font-style: normal !important; 
}

#slogans .av-special-heading-h3 h3, .av-special-heading-h3 .special_amp  { 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 		
	color: #6c747c !important; 
	text-transform: uppercase !important; 
	letter-spacing: 0px !important; 
	font-size: 18px !important;
	line-height: 32px !important; 
	font-style: normal !important; 
}


.av_one_third .av-special-heading-h3 h3 { 	font-size: 16px !important; 	line-height: 19px !important; 	min-height: 40px !important;   }


.av_one_third .av-special-heading-h2 h2 { 
	text-align: center !important; 
	font-size: 15px !important; 
	font-weight: 500 !important;
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 	
	letter-spacing: 0px !important; 
	text-transform: uppercase; 
}


.av_one_third .avia_image { 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}



.av_one_third.avia-builder-el-2 .av-special-heading-h2 { 
	background: url(images/bg-rood.png) repeat !important; 
	color: #fff !important; 
}



.av_one_third.avia-builder-el-2 .avia_textblock { position: relative; top: 66px !important; } 


.page-id-105 .av_one_third.avia-builder-el-2 .av-special-heading-h2 { 
	background: url(images/bg-rood.png) repeat !important; 
	color: #fff !important; 
	padding: 12px 0 !important; 
	position: relative;
	top: -22px;
	margin-bottom: -80px !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.page-id-105 .avia-builder-el-9.av-special-heading-h2 { 
	background: url(images/bg-grijs.png) repeat !important; 
	color: #fff !important; 
	padding: 12px 0 !important; 
	top: -90px;
	margin-bottom: -80px !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.page-id-105 .avia-builder-el-14.av-special-heading-h2 { 
	background: url(images/bg-oranje.png) repeat !important; 
	color: #fff !important; 
	padding: 12px 0 !important; 
	top: -90px;
	margin-bottom: -80px !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;	
}





.av_one_third.avia-builder-el-2 .avia-button {	
	background: none !important; 
	color: #be0034 !important; 
	font-size: 15px !important;
	border: none !important;
	letter-spacing: 0px !important; 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 
	padding: 6px 0 0 0 !important; 	
	position: relative;
	top: 69px !important; 
}

.av_one_third.avia-builder-el-7 .avia-button {	
	background: none !important; 
	color: #636c74 !important; 
	font-size: 15px !important;
	border: none !important;
	letter-spacing: 0px !important; 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 
	padding: 6px 0 0 0 !important; 		
}

.av_one_third.avia-builder-el-12 .avia-button {	
	background: none !important; 
	color: #d57d2f !important; 
	font-size: 15px !important;
	border: none !important;
	letter-spacing: 0px !important; 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 
	padding: 6px 0 0 0 !important; 	
}

.av_one_half .avia-button, .avia-builder-el-17 .avia-button, .avia-builder-el-21 .avia-button, .avia-builder-el-24 .avia-button {	
	background: none !important; 
	color: #636c74 !important; 
	font-size: 15px !important;
	border: none !important;
	letter-spacing: 0px !important; 
	font-family: "Proxima Nova SemiBold", Arial, tahoma !important; 
	padding: 0px !important; 	
}


#introductie h2, .introductie h2 { font-size: 25px !important; font-weight: 700 !important;  }






/* ----------- header ------------- */

.logo { margin-top: 19px !important; }

.main_menu a { 
	color: #788088 !important; 
	text-transform: lowercase !important; 
	font-size: 17px !important; 
	font-family: 'Questrial', sans-serif !important; 
	margin: 0 17px !important; 
	font-weight: 300 !important; 
}

.main_menu a:hover { color: #bd0033 !important; }

.sub-menu { margin-left: 20px !important; }
.sub-menu, .sub-menu ul, .sub-menu li { width: 300px; }
.sub-menu a { font-size: 14px !important; margin: 0px !important;  }

.title_container { border-bottom: 1px solid #dfdfdf !important; }
.main-title { font-size: 24px !important; text-transform: uppercase; font-weight: 700 !important; color: #be0034 !important; }






/* ------------- carousel logo's --------------- */

.wa_rhps_image_carousel, .wa_rhps_foo1 li { height: 120px !important; }
.wa_rhps_image_carousel { padding-left: 45px !important; padding-top: 30px !important; }
#wa_rhps_img_1 { height: 100% !important; }






/* ------------- footer --------------- */

#socket { border: none !important; }
.widgettitle { 	color: #f0800d !important; 	font-size: 16px !important; }

.textwidget p { padding-bottom: 20px !important; }
.textwidget, .widget_nav_menu a, .textwidget, .widget_nav_menu li { padding: 0px !important; margin: 0 !important; }
.textwidget, .widget_nav_menu a, .textwidget p { 
	line-height: 20px !important; 
	font-size: 14px !important; 
}

.textwidget, .widget_nav_menu a { line-height: 21px !important; color: #7a838c !important; }
.widget_nav_menu a:hover { text-decoration: underline !important; }
footer { border-bottom: 5px solid #bd0033 !important; }

X#footer .av_one_third:last-child, #Xfooter #text-2  { position: relative; top: 25px !important; }
X#footer .av_one_third:last-child .widgettitle { position: relative; left: -5px !important; }


.copyright { 	
	width: 100% !important; 
	margin: 0 auto; 
	text-align: center !important; 
	padding-top: 45px !important; 
	color: #7a838c !important;	
}

.copyright a { color: #7a838c !important; }
.copyright span { margin: 0 8px; color: #d57d2f !important; }

.linkedin { position: relative; top: -4px; color: #7a838c !important; left: 3px; }
.socialmedia-link:hover, .linkedin:hover { text-decoration: none !important; color: #d47d2e !important; }
.social-img { margin-left: 5px !important; }
.socialmedia-youtube { margin-left: -6px; }



.slider-blok { 
	font-size: 22px !important; 
	font-weight: 700 !important; 
	text-align: center; 
	line-height: 26px !important; 
	background: url(images/slider-bg.png) !important; 
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px !important;
	padding: 18px !important;
	margin-top: -20px !important; 
}

.slider-blok a { color: #c10930 !important; font-size: 16px !important; }





.image-overlay.overlay-type-extern .image-overlay-inside { display: none !important; }
.image-overlay { background: none !important;}
.image-overlay .image-overlay-inside:before { content: “” !important; }
.image-overlay-inside, .image-overlay.overlay-type-extern { display: none; }
.justified-image-grid .image-overlay-inside, .justified-image-grid .image-overlay.overlay-type-extern { display: none !important; }








/* ----------------------------------------------- Twitter ----------------------------------------------------------- */

.rotatingtweets { margin-bottom: -80px !important; }
.rtw_main a { color: #d47d2e !important; }
.rtw_meta, .rtw_meta a { font-size: 11px !important; font-style: italic; pointer-events: none; color: #7a838c !important; margin-top: -8px !important; }






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

.wpcf7 { margin-top: 18px; }

.wpcf7 .wpcf7-text, .wpcf7 textarea, .avia_ajax_form .text_input { 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;	
	border: 2px solid #dfdfdf !important;
	width: 100% !important; 
	position: relative;
	padding: 9px !important; 
	background: #fff !important;
	font-size: 15px !important;
	color: #3a3f44 !important;
	-webkit-border-radius: 1px !important;
	-moz-border-radius: px !important;
	border-radius: 1px !important;	
	margin-top: 1px !important; 
}

.avia_ajax_form textarea { width: 100% !important; background-color: #fff !important; 	border: 2px solid #dfdfdf !important;  }

.wpcf7-select, .avia_ajax_form select  { width: 100% !important; margin-top: 6px !important; background-color: #fff !important; 	border: 2px solid #dfdfdf !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 2px solid #d47d2e !important; }
.wpcf7 textarea { height: 145px !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 #ec3c06 !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: #049b01 !important; 	position: relative; left: 0px !important; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #049b01 !important; 	position: relative;	top: -10px !important; left: 0px !important;  }
div.wpcf7-spam-blocked {	border: none !important; 	color: #ca0225 !important; 	position: relative;	top: -10px !important; left: -18px !important;  }

div.wpcf7-validation-errors {	
	border: none !important; 	
	color: #ca0225 !important;	
	position: relative;	
	top: -10px !important;  
	width: 100% !important;
	left: -18px !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: #d47d2e !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	font-size: 13px !important; 
	color: #fff !important; 
	shadow: none !important;
	box-shadow: none !important; 	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 1px;	
	margin-top: 10px !important; 
	text-shadow: none !important;
	padding: 7px 19px 6px 17px !important; 
}

.wpcf7-submit:hover { 	background: #6c747d !important; 	border: 0px solid #95c837 !important;   color: #fff !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%}

div.wpcf7-response-output{position:relative;display:inline-block;margin:0;padding:15px 15px 15px 65px;background-position:15px center;background-repeat:no-repeat;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
div.wpcf7-mail-sent-ok{color: #d47d2e !important; border:2px solid #afe0ee;background-color:#d1eff8; 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 */

	.sub-menu, .sub-menu ul, .sub-menu li { width: 100% !important; margin: 0 !important; }
	
	
	.slider-blok { font-size: 15px !important; width: 94% !important; margin-top: -35px !important; }
	.ls-wrapper { width: 100% !important; float: left; left: 0px !important; }
	
.av-special-heading-h2, #introductie h2, .introductie h2  { line-height: 22px !important; font-size: 18px !important;  } 
body { border-top: 0px solid #d87f26 !important; }
#advanced_menu_toggle, #mobile-advanced ul { display: none !important; }
.slider-blok { display: none !important; }

#socket { border-top: 4px solid #7a828a !important; background: #fff !important; background-image: none !important; }
#footer .av_one_third:last-child { padding-bottom: 20px !important; }

.page-id-105 .av_one_third.avia-builder-el-2 { margin-bottom: 90px !important; }

}





/* --------- iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

.av-special-heading-h2 h2, h2, .av_one_third .av-special-heading-h2 h2 { letter-spacing: -1px !important; }

.av-special-heading-h2, #introductie h2, .introductie h2  { line-height: 22px !important; font-size: 18px !important;  } 
body { border-top: 0px solid #d87f26 !important; }
#advanced_menu_toggle, #mobile-advanced ul { display: none !important; }
.slider-blok { display: none !important; }

#socket { border-top: 4px solid #7a828a !important; background: #fff !important; background-image: none !important; }
#footer .av_one_third { padding-bottom: 20px !important; }


}



/* ---------- iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

.av-special-heading-h2 h2, h2, .av_one_third .av-special-heading-h2 h2 { letter-spacing: -1px !important; }
#introductie h2, .introductie h2 { font-size: 23px !important; font-weight: 900 !important;  }

}



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

.textwidget p { font-size: 12px !important; }

}






