/*

Theme Name: Shilut.co.il

Version: 1.0.2

License: GNU General Public License

License URI: https://www.gnu.org/licenses/gpl.html

Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky- post, threaded-comments, translation-ready

Text Domain: shilut.co.il



*/









/*Yair Efrat*/

.clear{clear: both;}

blockquote{margin: 0;}

.post-edit-link{position: fixed;

right: 20px;

bottom: 20px;

background: #ccc;
display: none;
padding: 10px;}

input{max-width: 100%; }

.entry-title{margin-bottom: 25px;}

.cform_inner{padding: 10px;}

.ajax-loader{display: none;}

#breadcrumbs{font-size: 1.5rem;}

#wrapper .slick-next, #wrapper .slick-prev{display: none;}

.carmelit{font-family: 'carmelit', 'noto sans hebrew', arial; letter-spacing: normal;}

#wrapper .wpcf7-response-output{border: 0; clear: both; color: #fff; padding: 0;}

#wrapper .wpcf7-not-valid-tip{display: none;}

#wrapper .wpcf7-not-valid{background: #e58282; color: #fff;}

	#wrapper .wpcf7-not-valid::-webkit-input-placeholder {

   color: #fff;

}



#wrapper .wpcf7-not-valid:-moz-placeholder { /* Firefox 18- */

   color: #fff;  

}



#wrapper .wpcf7-not-valid::-moz-placeholder {  /* Firefox 19+ */

   color: #fff;  

}



#wrapper .wpcf7-not-valid:-ms-input-placeholder {  

   color: #fff;  

}



#cform_strip{background: #009f95; padding: 25px 0; margin-top: 20px;}

#cform_strip h3{color: #fff;}

#cform_strip input[type="text"], #cform_strip input[type="submit"]{width: 30%; height: 41px; float: right;margin-right: 20px;}

#cform_strip span:first-child input{margin-right: 0;}

/* #Header */

#site-title h1{margin: 0;}

#header #branding{background: #36a862; color: #fce90a; padding: 10px 0;}

#header #branding a{color: #fce90a; }

#branding #site-title{float: right;}

#branding #call-us{float: left; direction: ltr;font-size: 33px; cursor: pointer; }

#branding #call-us i {

color: #36a862;

background: #fce90a;

border-radius: 99em;

width: 43px;

height: 43px;

text-align: center;

line-height: 43px;

margin-right: 14px;

}

#nav-below{text-align: center; }

#nav-below i{font-size: 25px; margin: 0 2px;}

#top-bar{height: 46px; margin-bottom: 20px;}

/*Navigation*/



#menu.iconON ul{margin: 10px 0;}

#menu.iconON ul li{list-style: none; width: 130px;  float: right; text-align: center; margin-right: 3.333333%; font-size: 12px;}

#menu.iconON ul li a{

position: absolute;

right: 0;

left: 0;

top: 0;

bottom: 0;

padding-top: 130px;

}

#menu.iconON ul li:first-child{margin-right: 0;}

#menu.iconON ul li ul{display: none;}

#menu.iconON .icon{padding:0; height: 150px; position: relative;}



#menu.iconON .icon.business-sign-icon{background:url(design/Business-Signs-icon.png) no-repeat center top;}

#menu.iconON .light-sign-icon{ background:url(design/light-signs-icon.png) no-repeat center top; }

#menu.iconON .faq-icon{background:url(design/faq-icon.png) no-repeat center top;}

#menu.iconON .project-icon{background:url(design/projects-icon.png) no-repeat center top;}

#menu.iconON .about-icon{background:url(design/about-icon.png) no-repeat center top;}

#menu.iconON .contact-icon{background:url(design/contact-icon.png) no-repeat center top;}

#menu.iconON ul li:hover{background-color: auto;}

#menu.iconON ul li:hover a{color: inherit;}

#menu.iconON ul.sub-menu{display: none !important;}





#menu ul{margin: 0;}

#menu ul li{transition: all 0.5s ease;list-style: none; float: right; text-align: right; font-size: 12px;position: relative; margin-bottom: 0; padding: 10px 20px;}

#menu ul li ul li:first-child{padding-right: 0;}



#menu ul li:hover{background: #009f95;}

#menu ul li:hover a{color: #fff;}

#menu ul li:hover ul.sub-menu{display: block;}

#menu ul li ul.sub-menu{display:none; margin-top: 0; padding: 10px 0; background: rgba(0,159,149,0.9); min-width: 116px; position: absolute; z-index: 999; right: 0;top: 36px;}

#menu ul li ul.sub-menu li:first-child{padding-right: 10px;}

#menu ul li ul.sub-menu li{

	margin:0;

	margin-bottom: 0;

	padding: 5px 10px;

	float: none;

	height: 14px;

}

#menu ul li ul li:hover{background: #009f95;}

#menu ul li ul li a{

	color: #fff;

display: block;

border-bottom: 1px solid;

font-size: 11px;

}



#sec-nav-wrap{margin-bottom: 20px;color: #fff;}

#sec-nav-wrap ul{margin: 0; }

#sec-nav-wrap ul li{list-style: none;float: right;margin-right: 10px; margin-bottom: 0;padding: 10px 0; }

#sec-nav-wrap ul li:first-child{margin-right: 0;}

#sec-nav-wrap{background: #009f95;}

#sec-nav-wrap li a{color: #fff; }

#sec-nav-wrap li a:after{content: " | "; margin: 0 10px; cursor: default;}

#sec-nav-wrap li:last-child a:after{content: "";}

/* Footer */

#footer{background: #ececed; border-top: 5px solid #36a862; margin-top: 40px;}

#footer #social{position: relative; padding: 19px 12px; width: 100%;}

#social i{font-size: 30px; color: #36a862; float: right; margin: 0 11px;}

#social i:first-child{margin-right: 0;}

#footer_nav ul li{float: right;  }

#footer_nav ul li:after{ content: " | "; color: #36a862; padding: 0 9px;}

#footer_nav ul li:first-child{ padding-right: 0;}

#footer_nav ul li:last-child:after{content: ""; }

#footer_nav ul{margin-bottom: 0; list-style: none; position: relative; top: 7px;display:inline-block;}

#footer_sign{ width: 103px; height: 90px; background: url(design/footer-sign.png) no-repeat center top; position: absolute; left: 0; top:-19px;}

#copyright{

	float: left;

clear: both;

margin-top: 15px;

font-size: 12px;

}

/*Front-page*/

#content_wrap{background: #cde9d8;}

#home-img{float: left;display: flex;}

#home-content{width: 450px; max-width: 100%;}

#home-content h2{font-size: 24px; line-height: 24px; padding-top: 28px; color: #3d3d3f;}

#home-content{font-size: 16px; line-height: 1.3;}



#home_cform{background: url(design/cform_bg.png) no-repeat center top #009f95;}

#home_cform h3{font-size: 34px; line-height: 38px; padding-top: 70px;color: #fff;  font-weight: bold; letter-spacing: normal;}

#home_cform form, #home_cform p{margin-bottom: 0;}



#our_clients{color: #009f95; }



.homepage_gallery div{height: 310px;}

/*SideBar*/

#sidebar ul {list-style: none;}





/*Our Clients*/

.client{float: right; opacity: 0.7; border-radius: 10px; margin-right: 2%;width: 48%; height: 92px; background: #ccc; margin-bottom: 5px;  transition: all 0.5s ease;}

.client:nth-child(even){margin-right: 0px;}

.client:hover{opacity: 1;}

#our_clients h3{

	font-size: 26px;

	margin-bottom: 5px;

line-height: 17px;

	font-weight: bold;

}



/*Projects Page*/

#gallery img{margin-left: auto; margin-right: auto; display: block; max-width: 100%;}

#gallery .projects_gallery.slider-nav img{max-height:150px; max-width:100%; }

#gallery .projects_gallery.slider-slider-for img{max-height:350px; max-width:100%;}

#gallery .projects_gallery.slider-nav .slick-slide{margin: 0 5px;}



/*Side Bar*/

#sidebar h3{font-size: 26px; font-weight: bold; }



/*Testimonial Widget*/

#testimonial_slider h3.qoute_ttl{padding-right: 35px; position: relative;}

#testimonial_slider h3.qoute_ttl:before{

	content: "”";

font-family: arial;

position: absolute;

background: #009f95;

color: #fff;

text-align: center;

width: 30px;

height: 28px;

font-size: 40px;

right: 0px;

line-height: 43px;

}


#testimonial_slider blockquote{font-size: 16px;

line-height: 1.2;}

blockquote .testimonial_name{text-align: left;margin-top: 5px;}

/* widget recent-posts */

.widget-title {
	font-family: 'carmelit', 'noto sans hebrew', arial; letter-spacing: normal;
	font-size: 26px;
    font-weight: bold;
	
}

#recent-posts-2 {
	list-style:none;
	margin-bottom: 4px;
}

#recent-posts-2 > h3 {
	margin-bottom: 4px;
}


#recent-posts-2 ul {
	list-style:none;
	
}
#recent-posts-2 a {
	color:black;
	
}

/* widget recent-posts end  */

/*General Slider */

#sidebar .slick-dots li.slick-active button:before{color: #009f95;}



/*Archive*/

.archive h2.entry-title{font-size: 25px; font-weight: bold; margin-bottom: 0;}

.archive h2.entry-title a{color: #009f95;}

.archive .entry-meta{margin-bottom: 5px; color: #009f95; font-size: 21px; line-height: 28px;}



/*FAQ Page*/

.toggle {

  display: block;

  width: 100%;

  height: auto;

  margin-right: 10px;

  margin-bottom: 15px;

  -webkit-transition: all .15s ease-out;

  -moz-transition: all .15s ease-out;

  -o-transition: all .15s ease-out;

  transition: all .15s ease-out;

}



.toggle h3 {

  color: #576c7d;

  display: block;

  font-size: 1.4em;

  line-height: 22px;

  position: relative;

  cursor: pointer;

  font-weight: bold;

  padding-right: 20px;

  margin-bottom: 0;

  -webkit-transition: all .15s ease-out;

  -moz-transition: all .15s ease-out;

  -o-transition: all .15s ease-out;

  transition: all .15s ease-out;

}

.toggle p:last-of-type {

  margin-bottom: 0;

}



.toggle h3:hover{} 

.toggle.open h3:before { 

height: 17px;

width: 17px;

position: absolute;

content: "-";

right: 0px;

background: none repeat scroll 0% 0% #009f95;

text-align: center;

color: #fff;

}



.toggle.open h3 {

  color: #46525c;

}

.toggle h3:before{

	height: 17px;

	width: 17px;

	position: absolute;

	content: "+";

	right: 0px;

	background: none repeat scroll 0% 0% #009f95;

	text-align: center;

	color: #fff;

	

}

.toggle .toggle-info {

  display: none;

  padding: 7px 11px;

}



/* Slick Responsive NAVIGATION*/

.slicknav_menu {

	display:none;

}



@media screen and (max-width: 1040px) {

	/* #menu is the original menu */

	.js #main_menu {

		display:none;

	}

	

	.js .slicknav_menu {

		display:block;

	}

}





/*Shilut Responsive*/

@media screen and (max-width: 1000px){

	#home-img {float: none;}

	#home-img img{

		margin-left: auto;

margin-right: auto;

display: block;

max-width: 100%;

	}

	#home-content{clear: both;}

}

	
	.mobile_only {display:none;}
	.desktop_only {display:block;}
	

@media screen and (max-width: 650px){

	#home_cform{text-align: center;}

	.wpcf7-form-control{width: 100%;}

	span.wpcf7-form-control-wrap{display: block;}	

	#cform_strip input[type="text"], #cform_strip input[type="submit"]{width: 90%; }

	#cform_strip span:first-child input{margin-right: 20px;}
	
	#footer_sign { display:none;}
	
	#sidebar {display:none;}
	
	#sec-nav-wrap ul li:first-child {margin-right: 0px;}
	
	#sec-nav-wrap ul li:last-child {margin-right: 0px; border-bottom: 0px solid white;}
	
	#sec-nav-wrap ul li {padding: 0px 0px 0px 0px; display: block;
    width: 100%;
    border-bottom: 2px solid white;
    margin-bottom: 3px;
    text-align: center;}
	
	#sec-nav-wrap ul li { margin-right: 0px;}
  
	
	
	#sec-nav-wrap li a:after {content: ""; margin: 0 0px;}
	
	#copyright { text-align: center; width: 100%;}
	
	.mobile_only {display:block;}
	.desktop_only {display:none;}
	.call_button {width: 100%; background-color: green; height: 46px;
				  position: fixed; bottom: 0px;text-align: center;line-height: 46px;    
				  font-size: 23px;color: white;z-index: 99;}
	.call_button > a {color:white;}
	
	.attachment > a > img {width:100%;height:100%;}
	
	#wrapper .wpcf7-response-output {position:static;}
	
}


.google-maps {
  position: relative;
  padding-bottom: 75%; // This is the aspect ratio
  height: 0;
  overflow: hidden;
  }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Image attachment */
.entry-attachment > p[class="attachment"] {
	text-align:center;
	
}
.navigation > .nav-previous,
.navigation > .nav-next {
	display:inline;
	
}

#nav-above {
	text-align:center;
}

.image_caption {
	text-align:center;
	margin-bottom: 0;
}

/* end Image attachment */

.designedby { 
background: #fff;
text-align: center;
 direction: ltr; 
 font-size: 10px; 
 padding: 5px 0; 
}


.designedby p { 
    margin: 0;
}
.designedby img { 
display: inline-block; 
position: relative; 
top: 5px; margin-left: 3px;
 }


 iframe[name="google_conversion_frame"]  {
	 display:none;
 }