/*
Theme Name: Ina Eilander Child
Version: 1.0
Template: ina-eilander
*/



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


@import url("//hello.myfonts.net/count/2b22d9");
   
@font-face {font-family: 'ProximaNova-Regular';src: url('webfonts/2B22D9_2_0.eot');src: url('webfonts/2B22D9_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B22D9_2_0.woff') format('woff'),url('webfonts/2B22D9_2_0.ttf') format('truetype');}
 
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('webfonts/proximanova-semibold-webfont.eot');
    src: url('webfonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/proximanova-semibold-webfont.woff') format('woff'),
         url('webfonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('webfonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;§
    font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Alt Light';	
	font-style: normal;
	font-weight: normal;
	src: local('Proxima Nova Alt Light'), url('webfonts/proxima-alt.woff') format('woff');
}




/* ------------- LAYOUT ELEMENTEN ------------- */
#top .title_container .container { padding-top: 10px; padding-bottom: 10px; }
#top .title_container { background: #eee !important; color: #fff; text-align: center; }
#top .title_container h1 { text-align: center; color: #699c95 !important; font-size: 30px; text-transform: uppercase; }

.facebook-icon { width: 30px; margin-right: 6px; position: relative; top: 10px; }

.avia-builder-el-3 img { border: 1px solid #dfdfdf !important; }
.avia_textblock p a { text-decoration: underline !important; }
.avia_textblock p a:hover { text-decoration: underline !important; color: #7da7a3 !important; }


table, tr, td { background: #fff !important; }
table { margin-bottom: -2px !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; }


body { border-top: 4px solid #699c95 !important; }
#header { padding: 20px 0 0 0; }
.logo { margin-top: -5px; }

#header_main_alternate { background: #699c95 !important; padding: 5px 0 4px 0 !important; }
.avia-menu a { color: #fff !important; font-size: 14px !important; margin: 0 22px; font-family: 'Fjord One', Arial, sans-serif !important;  text-transform: uppercase; letter-spacing: 1px; }
.avia-menu a:hover { color: #9a9a9a !important; }


.text { font-family: 'Fjord one', sans-serif !important; }
.avia_textblock, .avia_textblock p { font-family: 'ProximaNova-Regular', Arial, sans-serif !important; font-size: 16px !important; line-height: 22px !important; }


.special_amp  { font-style: normal !important; }
.av-special-heading-h1 h1, .av-special-heading-h3 h3, .av-special-heading-h2 h2, .av-special-heading-h4 h4, .special_amp, .wpcf7 h2  { font-family: 'Fjord One', sans-serif !important; color: #699c95 !important; text-transform: none !important; }
.av-special-heading-h1 h1, .av-special-heading-h1 .special_amp { color: #cb747c !important; font-size: 28px !important;   font-weight: 400 !important; margin-bottom: 11px !important; }
.av-special-heading-h2 h2, .av-special-heading-h2 .special_amp, .wpcf7 h2 { color: #699c95 !important; font-size: 21px; font-weight: 400 !important; }

.Xav_one_full .av-special-heading-h1 h1, .Xav-special-heading-h1 .special_amp { color: #699c95 !important; font-size: 35px !important;   font-weight: 400 !important; margin-top: -11px !important; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;  }

.single_toggle .toggler { 
	font-family: 'Fjord one', sans-serif !important; 
	color: #699c95 !important; 
	font-size: 24px !important;   
	font-weight: 400 !important; 
	margin-top: 10px;
	border: 1px solid #dfdfdf; 
	padding: 10px 0 7px 40px !important; 
}

.toggle_icon, .vert_icon { 	color: #699c95 !important; }
.toggle_content { background: #fff !important; }


.special-heading-border, .special-heading-inner-border { background: none !important; border: none !important; }




#av_section_1 { padding: 0px !important; }
#av_section_1 .av-special-heading-h2 h2 { font-size: 24px !important; font-family: 'Proxima Nova Alt Light', Arial, sans-serif !important; color: #699c95 !important; }
.av-zero-column-padding { padding: 15px 0 11px 0 !important; }



.av_one_half #featured-img-id img { border: 1px solid #dfdfdf !important; }








/* ------------- BUTTON ------------- */

.avia-button { 
	background: #fff !important; 
	border: 2px solid #7da7a3 !important; 
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	border-radius: 1px !important; 	
	color: #7da7a3 !important;
	font-size: 21px !important; 
	font-family: 'Fjord one', sans-serif !important; 
	font-weight: 400 !important;
	padding: 10px 60px 10px 60px !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;		
}

.avia-button:hover { 	background: #7da7a3 !important; 	border: 2px solid #7da7a3 !important; 	color: #fff !important; }





/* ------------- PORTFOLIO ITEMS ------------- */

.grid-entry h3, .grid-entry h3 a, .grid-entry-title { 
	text-align: center; 
	text-transform: uppercase; 
	color: #585858 !important; 
	font-size: 22px !important; 
	font-family: 'Fjord one', sans-serif !important; 
}

.grid-entry { width: 22.5% !important; margin: 15px 14px 45px 14px !important; border-bottom: 2px solid #7da7a3 !important; }
.grid-entry article { border: none !important; }
.avia-hover-fx { border: 1px solid #dfdfdf !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;	}
.attachment-portfolio_small:hover, .avia-hover-fx:hover { opacity: 0.9;  border: 1px solid #699c95 !important; }
.grid-entry .avia-arrow{ border:none; top: 0px; display: none; }

h4.bestellen { 	text-align: center !important; margin: 0 auto;  width: 100% !important;  color: #7da7a3 !important; 	font-size: 17px !important; 	font-family: 'Fjord one', sans-serif !important; font-weight: 400 !important; margin-top: 6px; }
h4.bestellen:hover { text-decoration: none !important; color: #585858 !important; }
.avia-post-nav { display: none; }




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

#footer .widgettitle { font-size: 19px !important; font-family: 'Fjord one', sans-serif !important; text-transform: uppercase; font-weight: 400 !important; }
#footer .textwidget, #footer .textwidget p { font-family: 'Raleway', Arial, sans-serif !important; font-size: 15px !important; line-height: 22px !important; }
#footer .textwidget strong { color: #699c95 !important; }

.copyright { width: 100%; text-align: center; font-family: 'Fjord One', Arial, sans-serif !important; text-transform: uppercase; letter-spacing: 1px !important; opacity: 0.8; }
.copyright span { font-weight: 700; margin: 0 9px; color: #000 !important; }







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

.kleurblok { width: 92% !important; position: relative; float: left; margin: 0 10px 15px 0; }
.kleurblok img { width: 100% !important; 	border: 2px solid #e5e5e2 !important; }

.links { width: 50%; position: relative; float: left; z-index: 99; }
.rechts { width: 50%; position: relative; float: left; z-index: 99; }
.full { width: 100%; position: relative; float: left; display: inline; margin-bottom: 30px !important; z-index: 1; }


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


.wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7dtx-dynamictext { 
	border: 2px solid #e5e5e2 !important;
	width: 96% !important; 
	position: relative;
	padding: 11px 7px !important; 
	background: #fff !important;
	font-size: 16px !important;
	color: #42424242 !important;
	margin-top: 3px !important;
	-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important; 
}

.wpcf7-select { width: 92% !important; margin-top: 6px !important; background-color: #fff !important;  }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus, .wpcf7dtx-dynamictext:focus {	border: 2px solid #7da7a3 !important; }
.wpcf7 textarea { height: 210px !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: #7da7a3 !important; 	position: relative; left: -20px; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #7da7a3 !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-submit, submit, input[type=submit] {
	background: #cb747c !important; 
	border: 2px solid #cb747c !important; 
	color: #fff !important;
	font-size: 15px !important; 
	font-family: 'Fjord one', sans-serif !important; 
	text-transform: uppercase;
	padding: 12px 60px 8px 60px !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;	
	-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important; 		
}

.wpcf7-submit:hover, .contact-button .wpcf7-submit  {	background: #fff !important; 	border: 2px solid #cb747c !important; 	color: #cb747c !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) { 
.av_one_fourth { width: 93.5% !important; } 


#advanced_menu_toggle { border: 1px solid #dfdfdf !important; }
.links { width: 100%; position: relative; float: left; z-index: 99; }
.rechts { width: 100%; position: relative; float: left; z-index: 99; }

}





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

.avia-menu a { color: #8e8f8f !important; font-size: 13px !important; margin: 0 5px; letter-spacing: 0px; }
.grid-entry { width: 21.8% !important; margin: 15px 14px 55px 14px !important; border-bottom: 2px solid #7da7a3 !important; }
.grid-entry h3, .grid-entry h3 a, .grid-entry-title { min-height: 50px; }

}


/* repsonsive view ----------- */
@media only screen and (min-width : 1000px) and (max-width : 1240px) {
.grid-entry { width: 21.8% !important; margin: 15px 14px 55px 14px !important; border-bottom: 2px solid #7da7a3 !important; }
.grid-entry h3, .grid-entry h3 a, .grid-entry-title { min-height: 50px; }
}

/* repsonsive view ----------- */
@media only screen and (min-width : 768px) and (max-width : 999px) {
.grid-entry { width: 21% !important; margin: 15px 12px 55px 12px !important; border-bottom: 2px solid #7da7a3 !important; }
.grid-entry h3, .grid-entry h3 a, .grid-entry-title { min-height: 50px; }
}



/* repsonsive view ----------- */
@media only screen and (min-width : 1030px) and (max-width : 1180px) { .avia-menu a { color: #8e8f8f !important; font-size: 13px !important; margin: 0 8px; } }

/* repsonsive view ----------- */
@media only screen and (min-width : 940px) and (max-width : 1030px) { .avia-menu a { color: #8e8f8f !important; font-size: 13px !important; margin: 0 3px; } }

/* repsonsive view ----------- */
@media only screen and (min-width : 850px) and (max-width : 940px) { .avia-menu a { color: #8e8f8f !important; font-size: 12px !important; margin: 0px; } }

/* repsonsive view ----------- */
@media only screen and (min-width : 768px) and (max-width : 850px) { .avia-menu a { color: #8e8f8f !important; font-size: 11px !important; margin: 0 -4px; } }