/*
Theme Name: Sayter 22 Child
Version: 1.0
Author: Muzo Media
Template: sayter-2022
*/




/* 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; } 

h1, h2, h3, h4, h5, h6, .av-special-heading-h1 h1, .av-special-heading-h2 h2, .av-special-heading-h3 h3, .av-special-heading-h4 h4, .av-special-heading-h5 h5, .av-special-heading-h6 h6 { font-family: 'Alegreya', Arial, serif !important; text-transform: none !important; font-weight: 400 !important; }


.av-special-heading-h1 h1 { color: #1d70b1 !important; font-size: 30px !important; margin: 4px 0 5px 0 !important;  }
.av-special-heading-h2 h2 { color: #1d70b1 !important; font-size: 23px !important;  margin: 15px 0 5px 0 !important;  }
.av-special-heading-h3 h3 { color: #1d6fb1 !important; font-size: 20px !important;  margin: 15px 0 5px 0 !important;  }
.av_one_third .av-special-heading-h2 h2 { margin-top: 22px !important; }

.special-heading-border { display: none !important; }



table, tr, td { background: none !important; }
tr, td { border-top: 1px solid #dfdfdf !important; }
td:first-child { width: 60% !important; }
strong { color: #000000 !important; }

.en { margin-top: 5px; }



/* ------------ MENU & HEADER ---------------- */

.Xmain_menu { margin-top: 25px; padding-bottom: 40px !important; }
.Xmain_menu ul:first-child > li a { line-height: 20px !important; height: 36px !important; }

.avia-menu li a { 
	text-transform: uppercase !important; 
	font-size: 16px !important; 
	font-family: 'Alegreya', Arial, serif !important; 
	-webkit-transition: all .4s linear; 	
	-moz-transition: all .4s linear; 	
	-o-transition: all .4s linear; 	
	-ms-transition: all .4s linear;	
	transition: all .4s linear;	
	padding: 0px 13px 9px 13px !important; 
	margin-left: 20px !important; 
	margin-right: 20px !important; 
	color: #8b8a8a !important;  
	font-weight: 400 !important; 
}
	
.main_menu li a:hover { color: #d9001e !important; }






/* ------------ LAYOUT ELEMENTEN ---------------- */


.title_container { background: #ededed !important; }
.title_container .main-title { color: #545454 !important; font-size: 30px !important; font-family: 'Alegreya', Arial, serif !important; }

p, strong, .avia_textblock p { font-family: Lato, Arial, Tahoma !important; color: #595959 !important; line-height: 24px !important; font-size: 16px !important; }

.avia-button { 
	background: url(images/button-medium-bg.png) no-repeat center right !important; 
	width: 253px; 
	text-align: center; 
	text-transform: uppercase !important; 
	font-size: 14px !important; 
	border: none !important; 
	padding: 11px 0 11px 0 !important; 
	margin-top: 12px !important;
	font-family: Lato, Arial, Tahoma !important;	
}

.avia-button:hover { color: #000 !important; opacity: 1 !important;  }
.av_one_third img { width: 100% !important; margin-bottom: 11px !important; }






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

.avia-caption-title { font-size: 42px !important; }
.avia-caption-content { margin: -10px 0 15px 0 !important; }
.avia-caption-content p { font-size: 28px !important; 	font-family: Lato, Arial, Tahoma !important; font-style: italic !important; color: #fff !important; font-weight: 300; opacity: 0.9; }
.goto-slide { display: none !important; }





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

.copyright { width: 100%; text-align: center; color: #fff !important; 	font-family: 'Alegreya', Arial, serif !important;  font-size: 12px !important; }
.copyright span { margin: 0 10px !important; font-weight: 700; color: #d9001e !important; }
.copyright a { color: #fff !important; }


#footer .widgettitle { font-size: 23px !important; color: #545454 !important; }
#footer .widget_text p, #footer .widget_text strong { 	color: #595959 !important; font-size: 14px !important; line-height: 21px !important; font-weight: 400; }
#footer .widget_text strong { font-style: italic; font-weight: 700; }





/* -------------------- KALENDER ---------------------- */

.page-id-12241 .av-special-heading-h1 h1 { color: #545454 !important;  }

#main table { 
	color: #606060; 
	font-size: 16px !important; 
	letter-spacing: 0px !important;
	border: none !important;
	margin: 0px 0 15px 0 !important;
}

#main table th { font-family: 'Alegreya', Arial, serif !important; color: #1d6fb1 !important; font-size: 16px; text-transform: none !important;  }

#main table tr, #main table td { 
	padding: 5px 0 5px 0 !important;
	margin: 0 !important;
	border: none !important;
	border-bottom: 1px solid #dfdfdf !important; 	
	font-size: 16px !important; 
	font-family: Lato, Arial, Tahoma !important; 
	color: #595959; 
}

.wp-availability-month tr, .wp-availability-month th { border: none !important; background: #fff !important; }
.wp-availability-month  { margin: 6px !important; padding: 9px !important; }
.wp-availability-month th { color: #b24f43; }
.wp-availability-booked { background: #d9001d !important; color: #fff !improtant; }




/* -------------------- CONTACTFORMULIER ---------------------- */

.wpcf7 { margin-top: 40px !important; }
.wpcf7 p { font-size: 16px !important; }

.wpcf7 .wpcf7-text, .wpcf7 textarea { 
	border: 2px solid #ededed !important;
	width: 100% !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 #1d6fb1 !important; }
.wpcf7 textarea { height: 213px !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 #d9001d !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: #10a900 !important; 	position: relative; left: -20px; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #10a900 !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700; }
div.wpcf7-spam-blocked {	border: none !important; 	color: #d9001d !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}
div.wpcf7-validation-errors {	border: none !important; 	color: #d9001d !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: url(images/button-medium-bg.png) no-repeat center right !important; 
	width: 253px; 
	text-align: center; 
	text-transform: uppercase !important; 
	font-size: 14px !important; 
	border: none !important; 
	padding: 11px 0 11px 0 !important; 
	margin-top: 12px !important;
	font-family: Lato, Arial, Tahoma !important;	
}

.wpcf7-submit:hover  { color: #000 !important; opacity: 1 !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: 767px){ .logo-responsive { display: none !important; } }


@media only screen and (min-width: 768px) and (max-width: 1000px) {
.logo { width: 432px !important; margin: 0 auto; text-align: center; }
.av-logo-container { margin: 0 auto; text-align: center; }
.html_header_top.html_logo_center .logo{ left:50% !important;  }
}


@media only screen and (min-width: 1140px) and (max-width: 1300px) {
.avia-menu li a { 	font-size: 16px !important; 	padding: 0px 13px 9px 13px !important; 	margin-left: 13px !important; 	margin-right: 13px !important; }
}

@media only screen and (min-width: 1000px) and (max-width: 1140px) {
.avia-menu li a { 	font-size: 16px !important; 	padding: 0px 13px 9px 13px !important; 	margin-left: 3px !important; 	margin-right: 3px !important; }
}

@media only screen and (min-width: 870px) and (max-width: 1000px) {
.avia-menu li a { 	font-size: 14px !important; 	padding: 0px 10px 9px 10px !important; 	margin-left: 0px !important; 	margin-right: 0px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 870px) {
.avia-menu li a { 	font-size: 13px !important; 	padding: 0px 5px 9px 5px !important; 	margin-left: 0px !important; 	margin-right: 0px !important; }
}






/*
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 */

#header { height: 165px !important;  }
.logo-responsive { text-align: center !important; position: relative; top: 21px; }
#advanced_menu_toggle, #mobile-advanced ul { display: none !important; }

.Xlogo { display: none !important; }

	.av-burger-menu-main { top: 12px; }
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #fff !important;
    height: auto;
    line-height: inherit;
    font-size: inherit;
    text-transform: none !important;
    text-decoration: none !important;
}
	
	
.av-special-heading-h1 h1 { color: #1d70b1 !important; font-size: 24px !important; margin: 4px 0 15px 0 !important; line-height: 26px !important;   }
.next-slide, .prev-slide, .avia-slideshow-arrows { display: none !important; }

#main table { width: 100% !important; }

#footer .av_one_fourth { margin-bottom: -80px !important; }
#footer .av_one_fourth:last-child { margin-bottom: 30px !important; }
.copyright { line-height: 17px !important; }

}





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

.Xlogo { margin-top: 23px; }
#footer .av_one_fourth { width: 100% !important; position: relative; float: left; display: block; margin: 0 0 -80px 0 !important; }
#footer .av_one_fourth:last-child { margin-bottom: 30px !important; }

.avia-menu li a { 	font-size: 12px !important; 	padding: 0px 8px 9px 8px !important; 	margin-left: 0px !important; 	margin-right: 0px !important; }

}





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

.avia-menu li a { 	font-size: 14px !important; 	padding: 0px 15px 9px 15px !important; 	margin-left: 5px !important; 	margin-right: 5px !important; }

}