/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-theme-child-master
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here

html, body {overflow-x: hidden !important;}

*:focus {outline:none !important;}

p {margin-bottom: none;}
.elementor p:last-child {margin-bottom: 0;}


/* Hello Title & Description */
.hello_elementor_page_title {display: none;} 

/*.entry-title {display: none !important;}*/

.site-title {display: none !important;}

.site-description {display: none !important;}
 
@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
:root {--blue:#021765;--yellow:#FFFA75;--cyan:#76c8da}
:-moz-placeholder{opacity:.8;color:#171717!important;font-size:17px;font-weight:400;font-family:'Open Sans Hebrew',sans-serif}
::-moz-placeholder{opacity:.8;color:#171717!important;font-size:17px;font-weight:400;font-family:'Open Sans Hebrew',sans-serif}
:-ms-input-placeholder{opacity:.8;color:#171717!important;font-size:17px;font-weight:400;font-family:'Open Sans Hebrew',sans-serif}
::-webkit-input-placeholder{opacity:.8;color:#171717!important;font-size:17px;font-weight:400;font-family:'Open Sans Hebrew',sans-serif}
body{font-family:'Open Sans Hebrew',sans-serif!important;cursor:default}
img{max-width:100%}

#site-header ul  li  a{display:flex;padding:15px 40px;color:#021765;fill:#021765;align-items:center;font-weight:700}
#site-header ul  li {
    border-left: 1px #E8DBCF solid;
}

a, a:hover, a:focus, a:visited,a.btn,[type=button], [type=submit], button{color:#000}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff!important;
    background-color: #000!important;
    text-decoration: none;
}


ol,ul{padding:0;}
p {
    margin: 0 0 15px;
    padding: 0;
    line-height: 180%;
}
p:last-of-type {
    margin-bottom: 5px;
}

main.site-main{min-height:50vh;}

.page-content{padding:20px 0;}

a[data-wiz-cur-page], span[data-wiz-cur-page]{
	background-color:#021765!important;
	color:#fff;
}

.sub-cats-grid{
	margin-bottom:20px;
	
}

.cat-name{
	font-size: 24px;
    color: #222;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 15px 10px;
}

.each-product a h4{
	font-size: 20px;
    color: #222;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 15px 10px!important;
    /*min-height: 78px;*/
	border-top:2px solid #f3cf60;
	border-bottom:2px solid #f3cf60;
}

.btn.primary-outline,.btn.primary, .btn.v_iselect{
		
}

.btn.v_iselect:hover, .btn.v_iselect:focus,.btn.primary-outline:hover,.btn.primary-outline:focus,.btn.primary:hover,.btn.primary:focus,.btn.v_iselect:hover,.btn.v_iselect:focus{
	background-color: #f7d25f;
    border: 1px solid #f7d25f;
	color:#302e2a;
}

.price-color,.product-name a{
	color:#302e2a;
}


.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
	width: 100%;
	max-width: none;
	padding:0 5vw;
}

.site-header .site-navigation{
	justify-content:flex-start;
}

.site-header .site-navigation{
	background-color: #FAF2EB;
}


.btn.primary, .btn.v_iselect {
    background-color: #000;
    color: #FFFFFF;
}

.site-header .site-branding.headerwhite {display: flex;justify-content: space-between;align-items: center;padding: 10px;flex-direction: row;width: 100%;}
/*.site-header{position:fixed;top:0;z-index:200;transition:all .2s ease;background-color:#fff;}*/
.header {/*position:fixed;top:0;left:5vw;right:5vw;*/}
.header.scrolled {transform:translateY(0); z-index:99; position:relative;}
.headerbanner img{width:100%}
.headercatalog {display:flex;align-items:center;font-weight:700;margin:0 30px;line-height:1}
.headercatalog img{margin-left:10px}
.headercart{position:relative}
.headercart span{position:absolute;top:0;right:0;background-color:#4DB3DD;width:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;font-weight:700;transform:translate(8px,-2px)}
.headerlogo{margin-left:60px}
.headernav{background-color:#FAF2EB}
.headernav > ul{display:flex}
.headernav > ul > li{border-left:1px #E8DBCF solid}
.headernav > ul > li > a{display:flex;padding:15px 40px;color:#021765;fill:#021765;align-items:center;font-weight:700}
.headernav > ul > li > a svg{width:1em;height:1em;margin-left:20px}
.headernav > ul > li > ul {position:absolute;right:0;left:0;background-color:#f5ece4;padding:40px 40px 40px 30%;transition:all .2s ease;visibility:hidden;opacity:0;transform:translateY(20px);display:flex;flex-wrap:wrap}
.headernav > ul > li:hover > ul {visibility:visible;opacity:1;transform:translateY(0)}
.headernav > ul > li > ul > li {border-bottom:1px rgba(0,0,0,.05) solid;flex-basis:calc(100%/3)}
.headernav > ul > li > ul > li:last-child {border:0}
.headernav > ul > li > ul > li > a {color:#021765;font-weight:bold;display:flex;align-items:center}
.headernav > ul > li > ul > li > a svg {width:1em;height:1em;fill:var(--cyan);margin-left:10px}
.headerphone {display:flex;align-items:center;font-weight:700;margin:0 30px;line-height:1}
.headerphone img{margin-left:10px}
.headersearch {display:flex;border:1px #eee solid;background-color:#FAFAFA;margin-right:20px;transition:all .2s ease}
.headersearch input{border:0;background-color:transparent;width:100%;box-sizing:border-box}
.headersearch button{background:transparent;border:0;fill:#C8C8C8;width:auto;padding:10px}
.headersearch svg{width:1em;height:1em}
.headerwhite{display:flex;justify-content:space-between;align-items:center;padding:10px}
.headerwhite1{display:flex;align-items:center}
.headerwhite2{display:flex}

svg:not(:root) {overflow: hidden;}
.headerwhite1 .ll {display: none;width: 3em;height: 3em;position: relative;background: transparent;margin-left: 20px;}
.headerwhite1 .ll svg {transition: all .2s ease;position: absolute;top: 0;right: 0;width: 100%;height: 100%;fill: var(--blue);}


.mobphone {position:fixed;bottom:20px;right:20px;background-color:var(--blue);width:50px;height:50px;fill:var(--yellow);border-radius:50%;padding:10px;display:none}

.footer {display:flex}
.footer2 {background-color:#021765;flex-basis:80%;display:flex;box-sizing:border-box;padding:40px}
.footerbottom {background-color:#76C8DA;display:flex;padding:20px;justify-content:space-between}
.footerbottom p {color:#fff;font-weight:bold;flex-grow:1;text-align:center}
.footersocial {display:flex;align-self:flex-start}
.footersocial a {fill:#fff;padding:0 20px}
.footersocial svg {width:1.5em;height:1.5em}
.footercatalog {display:block;text-align:center;color:#fff;padding:20px 80px}
.footercatalog:hover {color:#fff}
.footercatalog span {display:block;font-weight:bold;font-size:1.3em;margin-bottom:20px;line-height:1}
.footerform {background-color:#ECF7FA;flex-basis:20%;text-align:center;position:relative}
.footerform button {background-color:#56BCAF;border:0;color:#fff;padding:10px;font-weight:bold;box-sizing:border-box;width:calc(100% - 40px);border-right:2px #F4F070 solid;border-bottom:2px #F4F070 solid;margin:5px 20px}
.footerform form {margin:10px 50px}
.footerform input {border:0;padding:10px}
.footerform:before {content:'';position:absolute;bottom:100%;left:0;right:0;height:30px;background-color:#ecf7fa}
.footerform:after {content:'';position:absolute;top:100%;left:0;right:0;height:30px;background-color:#ecf7fa}
.footerform b {display:block;font-size:2em;font-weight:900;color:#021765;line-height:1}
.footerform p {margin:0;line-height:1;color:#021765;font-size:1.2em}
.footerinfo {display:flex;color:#fff;fill:#fff;flex-grow:1}
.footerinfo > div {border-left:1px rgba(255,255,255,.3) solid;padding:20px 80px}
.footerinfo b {display:block;font-size:1.3em;line-height:1}
.footerinfo ul {margin:10px}
.footerinfo li {display:flex;align-items:center;line-height:1;padding:7px 0}
.footerinfo svg {width:1em;height:1em;border-left:1px #61A8C1 solid;padding-left:10px;box-sizing:content-box;margin-left:10px}
.footerinfo span {margin-left:1ch}
.footerinfo a[href="#"] {pointer-events:none}
.footerlogo {display:block;margin:0 auto;width:200px;padding:40px 0;filter:grayscale(1) brightness(0);opacity:.4}

.footer2{flex-basis:100%;}
.footerinfo{justify-content:center;}

.footer a, .footer a:hover, .footer:focus, .footer:visited{color:#fff;}


@media (max-width: 1300px){
	.headerwhite1 .ll {display: block;}

	.footerinfo {display: block;}
	.footerinfo > div {border: 0;}
	
	
	.ll {display:block}
    .footer2 {display:block}
    .footerinfo {display:block}
    .footerinfo > div {border:0}
    .header {left:0;right:0}
    .headerbanner {display:none}
    .headercatalog {display:none}
    #site-header .site-navigation.headernav {position:fixed;top: 73px;right:0;left:0;bottom:0;background:linear-gradient(var(--cyan),var(--blue));transform:translateX(100%);transition:all .2s ease;overflow-y:auto; height: 100vh; display: block;z-index: 999999999999999;}
    #site-header .site-navigation.headernav  ul.menu {display:block}
    #site-header .site-navigation.headernav  ul.menu > li {border:0;border-bottom:1px rgba(255,255,255,.3) solid;position:relative}
    #site-header .site-navigation.headernav  ul.menu > li > a {color:#fff;padding:10px}
    #site-header .site-navigation.headernav  ul.menu > li > a svg {fill:#fff}
    #site-header .site-navigation.headernav  ul.menu > li.current-menu-item > a {background-image:linear-gradient(to left,#e6b651,#fae07f,#e6b651)}
    #site-header .site-navigation.headernav  ul.menu > li > ul {opacity:1;visibility:visible;position:static;padding:10px 50px ;display:none;background:rgba(0,0,0,.2)}
    #site-header .site-navigation.headernav  ul.menu > li.open > ul {transform:none;display:block}
    #site-header .site-navigation.headernav  ul.menu > li > ul > li > a {color:#fff;line-height:1;padding:8px 0}
    #site-header .site-navigation.headernav  ul.menu > li > ul > li > a > svg {fill:rgba(255,255,255,.5)}
    .headersearch {position:absolute;top:100%;right:0;left:0;margin:0;opacity:0;visibility:hidden;transform:translateY(-10px)}
    .menudiv {display:none}
    .mobarrow {border:2px #fff solid;width:30px;height:30px;position:absolute;top:9px;left:10px;border-radius:50%;transition:all .2s ease;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAYklEQVQYlW2PSwqAMAwF450FcasrQaSX8WIW1yNPUw3BgRLepy0xoAAH0AP2c3rPi0TlY0xl6UaVMQdDDF7UjEzthTUFe9LKLX65pUJD/t2J5c6XjUi/nby9LizA6VP6ycAu6FkM2wRJLFcAAAAASUVORK5CYII=) no-repeat center}
    .mobsearch {display:flex}
    .nav-close {transform:scale(.5);opacity:0}
    .open .mobarrow {transform:rotate(180deg)}
    .opensearch .headersearch {opacity:1;visibility:visible;transform:translateY(0)}
    .opensearch .mobsearch {pointer-events:none}
    .openav {overflow:hidden}
    .openav .nav-close {transform:scale(.7);opacity:1}
    .openav .nav-open {transform:scale(.5);opacity:0}
    .openav .headernav {transform:translateX(0)!important}
    #page {padding:0}
	
	
}



@media (min-width: 768px) {
    .footer_right{text-align:right}
    .footer-classic01 .footer_content_col_left .footer_content_wrap{justify-content:flex-end}
    .product_page_tabs .panels_wrap{padding-top:35px;padding-bottom:35px}
    .products_tabs_list_item.products_tabs_img{padding-right:40px}
    .panels_wrap{padding-top:50px;padding-bottom:50px}
    .summary.summary-before{padding:40px}
    .summary.entry-summary-info{border-right:1px solid #d3d3d3}
    .woocommerce div.product div.summary{margin-bottom:0;position:relative}
    .woocommerce div.product div.images{margin-bottom:0}
    #home_masthead #top-slider{min-height:600px}
    #home_masthead #top-slider .slides .single-slider-item{height:600px}
    #home_masthead #top-slider .slick-slide > div{height:600px}
    #home_masthead #top-slider .slick-prev,#home_masthead #top-slider .slick-next{top:50%}
    #related_products .slick-prev{right:-35px}
    #related_products .slick-next{left:-35px}

}

@media (max-width: 768px) {
		.footersocial {
		justify-content: center;
	}
	.footerinfo > div {
		padding: 20px 0;
	}
	
	.footerbottom {
		display: block;
	}
	.mobphone {
		display: block;
	}
	
	.headerphone {
		display: none;
	}
}