/*
Theme Name: I4U Child
Version: 1.0
Author: Muzo Media
Template: I4U
*/
/* General Custom CSS */

.grecaptcha-badge {     visibility: hidden; }

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




.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap { border-radius: 15px; }


h1, h2, h3, h4, h5, h6 {
  font-family: Afacad, sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600 !important;
  font-style: normal;
}

.avia-icon-list .av-iconlist-empty .iconlist_title {
  font-family: Afacad, sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300 !important;
  font-style: normal;
  letter-spacing: 0px !important; 
}

span, body, p {
  font-family: Jost, sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300 !important;
  font-style: normal;
	line-height: 26px !important;
	letter-spacing: 0.5px;
}

strong { 
  font-family: Jost, sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6 { margin-bottom: 12px !important; letter-spacing: 0px !important; text-transform: none !important; letter-spacing: -1px !important; }

.avia_textblock ul { margin: -15px 0 0 17px; }
.avia_textblock ul li { margin: -5px 0 0 0px; }
.avia_textblock a { text-decoration: underline !important; }

.avia-button { 
	font-size: 16px !important; 
	font-weight: 500 !important;
	letter-spacing: 0px; 
	padding: 12px 30px !important; 
	transition: all 0.6s ease 0s;
	border: none;
	box-shadow: none; 
}	

.avia-button span { font-weight: 500 !important; }
#top .avia-button .avia_button_icon { margin-left: 10px; font-size: 12px; }
.avia-button.avia-color-light:hover { opacity: 1; }

.slider-foto { position: relative; left: -50px; }
.slider-slogan { position: relative; top: -140px; margin-bottom: -140px; }


.avia-icon-list li { padding-bottom: 10px; }
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon { border: 4px solid #fff; }
.avia-icon-list .av-iconlist-empty .iconlist_title { margin-top: 0px; }
.avia-icon-list .iconlist_icon {
    height: 40px;
    width: 40px;
    line-height: 34px;
    font-size: 20px;
}




/* --- HEADER --- */

.header-scrolled .logo img { width: 62%; margin-top: 9px;  }
#header { background: #fef7f0; padding-top: 20px; }
.header-scrolled { background: none !important; }
.header-scrolled .inner-container { border: 1px solid #dfdfdf; margin-top: 0px; } 

.inner-container { background: #fff; border-radius: 300px; padding: 0 40px; }
div .logo { left: 50px; }
 
.logo img, .logo svg { width: 62%; margin-top: 18px !important;  }
.main_menu { margin-right: 20px;  position: absolute; z-index: 999; height: 53px !important;  }

#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext { font-family: Afacad, sans-serif !important; }
#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext, .main_menu a { font-family: Afacad, sans-serif; font-weight: 500 !important; }
#top #wrap_all #header.header_color .av-menu-button-colored > a .avia-menu-text { padding-bottom: 2px !important; opacity: 1 !important; border-radius: 250px; padding: 6px 24px !Important; }
#top .av-main-nav ul a { padding: 4px 15px 5px 15px; line-height: 21px; }

.sub-menu { 
	padding-top: 10px !important; 
	position: relative; 
	z-index: 9999999; 
	width: 215px !important;  
	background: none !important; 
	box-shadow: 0 32px 60px rgba(0, 0, 0, 0) !important; 
	border-top: 0px !important; 
	border-bottom: 1px solid #dfdfdf !important; 
}
	
.sub-menu a {  font-size: 16px !important; text-transform: none !important; border-right: 1px solid #dfdfdf; }
.sub-menu li:hover, .sub-menu li a:hover { background: #fff !important;   }
.sub-menu li { background: #fff !important; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; width: 215px !important;  }
.sub-menu li:first-child { border-top: 2px solid #197f7b !important; padding-top: 5px !important; width: 215px !important; }
.sub-menu li:last-child { padding-bottom: 5px !important; }
.av-main-nav ul li a { margin-left: 1px !important; }
 
.titel-balk { width: 97% !important; border-radius: 0 20px 20px 0 !important; z-index: 2; float: left; position: relative;  }
.titel-balk h1 { font-weight: 700 !important; padding: 12px 0 0 25px !important; }

.socialmedia-iconen { text-align: center;  }
.socialmedia-iconen img { width: 45px; margin: 8px 2px 0 2px; }




/* --- HOME ---- */
.n2-section-smartslider {  width: 95% !important; border-radius: 0 20px 20px 0 !important;  float: left; margin-bottom: 0px; }
div#n2-ss-1 .n2-ss-slider-2{   border-radius: 0 20px 20px 0 !important; }
.intro-onder-slider  { padding-top: 225px; }

.slider-inhoud { padding-bottom: 140px; }
.slider-balk { width: 95% !important; border-radius: 0 20px 20px 0 !important; z-index: 2; float: left; margin-bottom: 0px ; position: relative; margin-top: -150px;  }

.ls-slide-bgcolor { border-radius: 0 20px 20px 0 !important; }
.layerslider-homeslider strong { color: #fff !important; }



#top .avia-logo-element-container .slide-entry { padding: 0 20px; }

.rij-logos { padding-bottom: 150px; }
.rij-onderlogos { margin-top: -90px; z-index: 1; padding-top: 20px; width: 95%; border-radius: 20px 0 0 20px;  float: right; }
.rij-onderlogos .entry-content-wrapper { margin-left: -18px; }
.rij-onderlogos .button-blok { position: relative; left: -19px; }











/* -------------- sidebar blokken ------------------- */ 

.sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item, .sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor { padding-left: 0px !important; }
.widget_nav_menu a { padding: 0 0 2px 0 !important; }
.inner_sidebar { margin-left: 20px; }
.sidebar .widget, .sidebar .widget_nav_menu { 	background-color: #f5ecde !important; border-radius: 30px; padding: 25px 25px 15px 25px !important; margin-bottom: 30px; }











/* ------- FOOTER ----- */
.copyright { 
	width: 100%; 
	text-align: center; 
	font-size: 13px !important; 
	padding: 30px 0 15px 0;
	font-weight: 400;
	font-style: normal; 
}

.copyright span { 	margin: 0 6px; }
.copyright a:hover { text-decoration: underline !important; }
.c-links, .c-rechts { position: relative; display: block; }
.c-links { float: left; }
.c-rechts { float: right; }

.socialmedia-footer { width: 40px;     transition: all 0.4s ease-in-out; margin: 0 2px;  }
.socialmedia-footer:hover { opacity: 0.5;  }





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

.contactlinks { position: relative; float: left; width: 50%; display: block; padding-right: 20px; }
.contactrechts { position: relative; float: right; width: 50%; display: block; padding-left: 20px; }
.breed { position: relative; float: left; width: 100%; display: block; } 

input::placeholder { color: #494949 !important; font-size: 18px !important; }
.wpcf7-form p { margin: 15px 0 -15px 0 !important; }

.wpcf7 .wpcf7-text { 
	border: 2px solid #fff !important;
	font-size: 18px !important; 
	line-height: 22px !important; 
	width: 100% !important; 
	position: relative;
	padding: 20px 25px !important; 
	background: #fef7f0 !important;
	margin-bottom: 0px !important; 
	border-radius: 100px !important; 
}

.wpcf7-select { width: 100% !important; margin-top: 6px !important; background-color: #fff !important; padding: 9px 7px !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 2px solid #197f7b !important; }
.wpcf7 textarea {  line-height: 20px !important; border-radius: 30px !important;  
	height: 252px !important; 
	border: 2px solid #fff !important;
	font-size: 18px !important; 
	line-height: 22px !important; 
	width: 100% !important; 
	position: relative;
	padding: 20px 25px !important; 
	background: #fef7f0 !important;
	margin-bottom: 0px !important; 

}

.wpcf7-validates-as-required, 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: #197f7b !important;  }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #197f7b !important;  }
div.wpcf7-spam-blocked {	border: none !important; 	color: #6c2869 !important;  }
div.wpcf7-validation-errors {	border: none !important; 	color: #6c2869 !important; }

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { font-size: 18px !important; 
	font-family: "ff-scala", sans-serif !important;
	font-weight: 400;
	font-style: normal;	position: relative;	top: -10px !important; left: -20px; }

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] {
	font-family: Catamaran, sans-serif !important;
	font-size: 16px !important; 
	font-weight: 500 !important;
	letter-spacing: 0px; 
	border-radius: 100px !important;	
	padding: 11px 35px 9px 35px !important; 
	transition: all 0.6s ease 0s;
	border: none;
	box-shadow: none; 
	background-color: #b8454b !important;
    border-color: #612762 !important;
	margin-top: 30px !important; 
}	

.wpcf7-submit:hover { 	background: #197f7c !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 .wpcf7-textarea{width:70%}
.wpcf7-form-control-wrap { width: 100% !important; }

.wpcf7 form .wpcf7-response-output {	padding: 10px; } 
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border: none !important; 	background: #df272d !important; color: #fff !important; line-height: 18px !important; margin-left: 0px; padding: 12px 0 10px 12px !important; width: 100% !important; display: block; float: left; position: relative; }
.wpcf7 form.sent .wpcf7-response-output, .wpcf7-mail-sent-ok {	border: none !important; 	background: #7cac34 !important; font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 18px !important; margin-left: 0px; display: block; float: left; position: relative;  }
.wpcf7-mail-sent-ng {	border: none !important; 	background: #df272d !important; font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 18px !important;  display: block; float: left; position: relative;  }
div.wpcf7-spam-blocked {	border: none !important; 	background: #df272d !important; font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 18px !important;  display: block; float: left; position: relative;  }
div.wpcf7-validation-errors {border: none !important; 	background: #df272d !important; font-weight: 700; color: #fff !important; text-transform: uppercase; line-height: 18px !important;  display: block; float: left; position: relative;  }







/* --------------------------------------------------- RESPONSIVE --------------------------------------------------------------*/


@media only screen and (max-width: 768px) {
	
	    .responsive .logo img, .responsive .logo svg { margin-top: 0px !important; max-width: 200px !important; }

	
	.slider-slogan { position: relative; top: -80px; margin-bottom: -70px !important; } 
	
	.responsive #top .av-main-nav .menu-item-avia-special { left: -10px; }
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li { line-height: 25px; }
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { font-size: 22px; color: #fff !important; }
	
	.responsive #top #wrap_all .slide-entry, 	.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first { padding: 0 70px 20px 70px; width: 100%; }
	
.contactlinks { position: relative; float: left; width: 100%; display: block; padding-right: 0px; }
.contactrechts { position: relative; float: left; width: 100%; display: block; padding-left: 0px; margin-top: 20px;  }
.breed { position: relative; float: left; width: 100%; display: block; } 
	
	.c-links, .c-rechts { position: relative; display: block; width: 100%; text-align; center; } 

}