/*
Theme Name: woningfriesland Child
Version: 1.0
Author: Muzo Media
Template: woningfriesland
*/


::-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; } 


div.owac-calendar-container table.main h4, div.owac-calendar-container div.header h1.title { font-family: 'Jost', sans-serif !important; }
div.owac-calendar-container div.header h1.title  { font-size: 20px; color: #000; } 
div.owac-calendar-container table.main h4 { font-size: 16px; text-transform: capitalize !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Bona Nova', serif !important; text-transform: none !important; font-weight: 700 !important; letter-spacing: 0 !important; }
body, p, li { font-family: 'Jost', sans-serif !important; }

.widget_nav_menu { padding-top: 0px; }
.widget_nav_menu a { font-size: 16px; padding-bottom: 10px; }

img { border-radius: 0 !important; }

.avia-button { border-radius: 0px !important; font-size: 14px !important; padding: 13px 30px 12px 20px !important; }
.avia-button:hover { background: #000 !important; }
.avia_button_icon { margin-left: 14px; font-size: 16px; position: relative; top: 1px;  }

.av-special-heading.modern-quote:before { 
    content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    width: 55px;
    border-bottom: 10px solid #1d05f5;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

.modern-centered:before {
	  content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    width: 55px;
	left: 48%;
    border-bottom: 10px solid #1d05f5;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

div .mfp-title { display: none !important; }

.avia_textblock ul { margin: -15px 0 25px 0; }


/* --- HOME --- */

.avia-slideshow:before {
  content: "";
  position:absolute;
  top: -10px; 
  right: -15px; 
  margin: -60px;
  width:140px;
  height:120px;
  transform:rotate(45deg);
  background-color:#fff;
  z-index: 9999; 
}

.avia-slideshow:after {
  content: "";
  position:absolute;
  bottom: -10px; 
  left: -15px; 
  margin: -60px;
  width:140px;
  height:120px;
  transform:rotate(45deg);
  background-color:#fff;
  z-index: 9999; 
}


.home-img { margin-bottom: 40px; }

.home-img:after {
 content: "";
  position:absolute;
	bottom: 0px; 
  margin:-30px;
  width:40px;
  height:90px;
  transform:rotate(45deg);
  background-color:#fff;
}


.avia-caption {
    bottom: 60px;
	left: 60px;
    border-radius: 0px;
    width: 450px;
	background: rgba(255, 255, 255, .7)    
}


.avia-slideshow .avia-caption .avia-caption-title { color: #000; font-size: 45px; line-height: 45px; padding-top: 25px; padding-bottom: 25px; min-height: 200px; }
.avia-slideshow .avia-caption .avia-caption-title:after { 
    content: '';
    display: block;
    position: absolute;
	bottom: 115px; 
    width: 55px;
    border-bottom: 10px solid #1d05f5;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { background: none; }

.avia-caption .avia-caption-content p { color: #000; font-size: 18px; min-height: 90px; }


@media only screen and (min-width: 900px) and (max-width: 1024px) { 
.avia-caption {
    bottom: 40px;
	left: 40px;
    border-radius: 0px;
    width: 450px;
	background: rgba(255, 255, 255, .7)    
}

.avia-slideshow .avia-caption .avia-caption-title { font-size: 35px; line-height: 35px;  min-height: 130px; }
}



@media only screen and (min-width: 768px) and (max-width: 900px) { 
.avia-caption {
    bottom: 40px;
	left: 40px;
    border-radius: 0px;
    width: 450px;
	background: rgba(255, 255, 255, .7)    
}

.avia-slideshow .avia-caption .avia-caption-title { font-size: 35px; line-height: 35px;  min-height: 130px; }
}





/* --- HEADER --- */ 

.menu-vlag { width: 50px; position: relative; top: 3px; }

.logo img, .logo svg { max-height: 60% !important; margin-top: 16px !important; }
.header-scrolled { border-bottom: 1px solid #f1f1f1; }
.header-scrolled .logo img { margin-top: 6px !important; }


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

	.header-scrolled .main_menu { top: 8px; }
.main_menu { top: 28px; }
.av_minimal_header .main_menu ul:first-child > li a { height: 30px !important; line-height: 30px !important; margin: 0 5px; padding: 0 8px !important; }
.av-main-nav > li > a:hover { background: #1d05f5 !important; color: #fff !important; }

}



/* --- FOOTER --- */ 

.widgettitle { font-size: 26px; line-height: 50px; margin-bottom: 35px;  }

.widgettitle:after { 
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: 8px solid #1d05f5;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

#footer { padding-bottom: 60px; }
.copyright { width: 100%; font-size: 13px;  }
.f-links, .f-midden, .f-rechts { position: relative;  display: block; }
.f-links { width: 40%; float: left; }
.f-rechts { text-align: right; width: 40%; float: right; }
.f-midden { text-align: center; width: 20%; float: left; }
.f-midden img { width: 30%; position: relative; top: -60px; margin-bottom: -65px; }

.copyright span { margin: 0 4px; }
.copyright a:hover { text-decoration: underline !important; }











/* -- CONTACT -- */

.contact-links  { width: 50%; float: left; display: block; position: relative; padding-right: 2% }
.contact-rechts { width: 50%; float: right; display: block; position: relative; padding-left: 2%; }
.contact-breed { width: 100%; float: left; display: block; position: relative; margin-top: 0px; }

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, .main_color input[type='text'] { color: #545d66 !important; }
.wpcf7-list-item-label { position: relative; top: -1px; }
span.wpcf7-list-item { display: block; margin: 0; }
.wpcf7-radio .wpcf7-list-item { margin: 0 0 0 -4px; }

#top label, label {font-size: 16px !important; font-weight: 400; } 
.wpcf7 .wpcf7-text, .wpcf7 textarea { 
	border: 1px solid #f4f4f7 !important;
	width: 100% !important; 
	position: relative;
	padding: 10px 7px !important; 
	background: ##f9f9fd !important;
	font-size: 16px !important;
	margin-top: 2px !important; 
	color: #000 !impotant; 
	
}

.wpcf7-select { width: 100% !important; margin-top: 6px !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 1px solid #3b506a !important; }
.wpcf7 textarea { height: 215px !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: 1px solid #e5173d !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #e5173d !important;
border: none !important;
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 !important;
margin-top: 2px !important;
background: none !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;
}

.wpcf7 form.sent .wpcf7-response-output { color: #7cac34 !important; 	position: relative; left: -10px; font-weight: 700; border-color: #7cac34 !important; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #df272d !important; 	position: relative; left: -10px; font-weight: 700; border-color: #e5173d !important; position: relative; float: left; display: block; }


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

.wpcf7 form.sent .wpcf7-response-output { position: relative; float: left; display: block; }

textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
	padding: 10px 20px !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}


submit, .wpcf7-submit  { 
  background-color: #1d05f5 !important;
  padding: 12px 20px 10px 20px !important;
  line-height: 1;
  border: none;
	font-size: 14px; 
 font-family: 'Jost', sans-serif !important;
}

.wpcf7-submit:hover, submit:hover { background: #000 !important;   }









/* -------------------------------------------------- RESPONSIVE ------------------------------------------------- */ 
@media only screen and (max-width: 768px) { 
	
.responsive .logo img, .responsive .logo svg {   max-width: 75%; top: -7px; padding: 6px 0; }
	
	
}

@media only screen and (max-width: 990px) { 
	
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {    padding: 10px 10px 10px 20px !important; }

.avia-caption {
    bottom: 40px;
	left: 40px;
    border-radius: 0px;
    max-width: 60%;
	background: rgba(255, 255, 255, .7)    
}

.avia-slideshow .avia-caption .avia-caption-title { font-size: 25px; line-height: 25px;  min-height: 80px; }
.avia-caption .avia-caption-content p { color: #000; font-size: 16px; min-height: 90px; }
.avia-slideshow .avia-caption .avia-caption-title:after { 	bottom: 105px; 	}	


	.modern-centered:before {
	  content: '';
    display: block;
    position: absolute;
    bottom: 10px;
    width: 55px;
	left: 43%;
    border-bottom: 10px solid #1d05f5;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}	
	
	
.f-links, .f-midden, .f-rechts { width: 100%;  text-align: center; float: left; }
.f-midden img { width: 9%; position: relative; top: -120px; margin-bottom: -65px; }
.f-links { margin-top: 40px; }

	
	
	
	
}

	
	

/* --- RESPONSIVE --- */ 

@media only screen and (max-width: 990px) { 
	
	.contact-links, .contact-rechts, .contact-breed  { width: 100%; float: left; display: block; position: relative; padding: 0%; }

}



@media only screen and (max-width: 600px) { 
.responsive .logo img, .responsive .logo svg {     max-width: 90%; }
	
.avia-slideshow:before {
  content: "";
  position:absolute;
  top: -35px; 
  right: -25px; 
  margin: -30px;
  width:90px;
  height:90px;
  transform:rotate(45deg);
  background-color:#fff;
  z-index: 9999; 
}

.avia-slideshow:after {
  content: "";
  position:absolute;
  bottom: -35px; 
  left: -25px; 
  margin: -30px;
  width:90px;
  height:90px;
  transform:rotate(45deg);
  background-color:#fff;
  z-index: 9999; 
}
	
.avia-caption {
    bottom: 40px;
	left: 40px;
    border-radius: 0px;
    max-width: 80%;
	background: rgba(255, 255, 255, .7)    
}

	.avia-caption { padding: 10px; }
	.avia-slideshow .avia-caption .avia-caption-title { padding-top: 15px; }
	.avia-slideshow .avia-caption .avia-caption-title { font-size: 18px; line-height: 18px;  min-height: 80px; }
	.avia-caption .avia-caption-content p { color: #000; font-size: 14px; min-height: 80px; line-height: 18px !important; }
	.avia-slideshow .avia-caption .avia-caption-title:after { 	bottom: 95px; 	}	
	
}


@media only screen and (min-width: 600px) and (max-width: 767px) { 
.responsive .logo img, .responsive .logo svg {     max-width: 90%; }
	
	.avia-caption { padding: 10px; }
	.avia-slideshow .avia-caption .avia-caption-title { font-size: 25px; line-height: 25px;  min-height: 100px; }
	.avia-caption .avia-caption-content p { color: #000; font-size: 16px; min-height: 100px; line-height: 20px !important; }
	.avia-slideshow .avia-caption .avia-caption-title:after { 	bottom: 115px; 	}	
	
}