@charset "utf-8";

/* CSS Document */

#floating-cart {
	display: none;
}
a.head-button {
	background: #19BCF5;
	padding: 5px 5px 3px 6px;
	text-transform: uppercase;
}
.mobile-head {
	position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 200;
    background: #020b1c;
    box-shadow: 0px 3px 3px 0px rgb(50 50 50 / 20%);
    height: auto;
    padding: 8px 0px;
}

a.menu-open i {
    color: #fff;
}
.topline {
	display: flex;
  justify-content: space-between;
  align-items: center;
}
.topline .kashrut {
	justify-content: space-between;
  align-content: space-between;
  width:50%;
}
.mobile-head.sticky-header {
    background: #041734;
}
.mobile-head:before , #fixed-bottom:before {
    content: "";
    display: none;
    background: transparent linear-gradient(91deg, #041734 0%, #19BCF5 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
#fixed-bottom:before{display:block;}
.mobile-head.sticky-header:before{
	
	 display: block;
}
.kashrut .k-item {
	padding-left:0;
	width:30%;
}

.mobile-btn {
	display: inline-block;
	font-size:22px;
	width:36px;
	height:36px;
	line-height:36px;
	margin-left:5px;
	text-align: center;
    border: #282a52 1px solid;
    border-radius: 100%;
    background: #FFF;
    color: #282a52;
	-webkit-box-shadow:0px 0px 5px 0px rgb(41 44 110 / 21%);
-moz-box-shadow:    0px 0px 5px 0px rgb(41 44 110 / 21%);
box-shadow:         0px 0px 5px 0px rgb(41 44 110 / 21%);
}


.tl-btns {
	text-align: left;
}

.search-mobile {
	margin-right:15px;
}

.topline {
	margin-bottom:10px;
}

.m-icons {
	display:flex;
	align-items:center;
	justify-content: flex-end;
	text-align: left;
}
.right-panel {
	display:flex;
	align-items:center;
}

.cart-url i {
    display: inline-block;
    font-size: 40px;
   }
   
.top-cart {
	display: inline-block;
}


.mobile-logo {
	text-align: center;
	margin: auto;
}

/*************MOBILE MENU*************/
.menu-open, .cats-open {
	position: relative;
	display:inline-block;
	cursor: pointer;
	
}

.menu-open.open {
	opacity:0;
	font-size:0;
	
}

.mm .menu-close {
	position: absolute;
	display: inline-block;
	right:0;
	top:0;
	z-index:0;
	font-size:0;
		
}

.mm .menu-close.display {
	z-index:100;
	font-size:30px;
	}

.menu-open i,
.cats-open i{
	font-size:35px;
}
.menu-open span,
.cats-open span {
	position: absolute;
	top:-3px;
	right:-5px;
	z-index:10;
	display: none;
	font-size:16px;
	width:18px;
	height:18px;
	line-height:18px;
	border-radius:100%;
	background: #EBEBEB;
	text-align:center;
	color:#000;
}

.menu-open.open span,
.cats-open.open span {
	display: inline-block;
}

.cats-open .m-title {
	display: inline-block;
	font-weight:700;
	color:#11244c;
	padding-right:10px;
}
/*
@keyframes slideout {
 from { right: 0; }
 to { right: -600px; }
}

@keyframes slidein {
 from { right: -600px; }
 to { right:0px; }
}
*/

#menu-panel {
	position: fixed;
	display: none;
	top: auto;
	right:-600px;
	width:450px;
	max-width:100%;
	background:#fafafb;
	z-index:100;
	padding-top:16px;
	padding-bottom:30px;
	overflow-y: scroll;
	
	-webkit-box-shadow: -4px 6px 7px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    -4px 6px 7px 0px rgba(0, 0, 0, 0.2);
box-shadow:         -4px 6px 7px 0px rgba(0, 0, 0, 0.2);

	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
	
}



#menu-panel.open {
	display: block;
	right:0;
	animation:slidein 1s;
}



#menu-panel.close {	
	display: block;
	animation:slideout 1s;
    background-color: #282a52;	
}

.menu-mobile-container {
    position:relative;
	   			
   }


.menu-mobile ul {
	display: block;
	position: relative;
	top: 0;
}

.menu-mobile li{
	position: relative;
	display:block;
	float:none;
	transition: all 300ms ease;
	border-bottom:#f0f0f0 1px solid;
		  
}

/* First Level - Menu Primary */

.menu-mobile li a {
	display: block;
	font-size:18px;
	display:block;
	text-align: right;
	font-weight:500;   
    padding: 10px 30px;
	text-decoration: none;
	
   	-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;	
	
	}
	

.menu-mobile li:hover, .menu-mobile li:active, .menu-mobile li:focus, 
.menu-mobile li.current-cat, .menu-mobile li.current_page_item, .menu-mobile li.current-menu-item  {
	background:#a6bd0a;
	color:#FFF;
	
	

}	

.menu-mobile li a:hover, .menu-mobile li a:active, .menu-mobile li a:focus, 
.menu-mobile li:hover > a, .menu-mobile li.current-cat > a, .menu-mobile li.current_page_item > a, .menu-mobile li.current-menu-item > a {
	color:#FFF;
	background:#7dd1e3;
	
}

.menu-mobile li span {
	display: none;
}

.menu-mobile li a.sf-with-ul:after  {
	font-family:"FontAwesome";
	content:"\f107";
	position: absolute;
	left: 20px;
	top: 10px;
	font-size:20px;
	color:#000;
	cursor: pointer;
	}
	


	
.menu-mobile li:hover i, 
.menu-mobile li:active i, 
.menu-mobile li:focus i, 
.menu-mobile li.current-cat i, 
.menu-mobile li.current_page_item  i, 
.menu-mobile li.current-menu-item i {
	color:#f89a1d;
	font-weight: bold;
	
}




/* Child Levels - Menu Primary */

.menu-mobile li ul.sub-menu.sub-level-1 {
	display: none;
	right:0;
	top: 0;		
}

.menu-mobile .sub-menu {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.menu-mobile .sub-level-1 li {
	background:#FFF;
}

.menu-mobile .sub-level-1 li a {
	font-size:14px;
	color:#000;
	font-weight:400;
	padding: 10px 30px 10px 40px;	
 }



.menu-mobile .sub-level-1 li a:hover, 
.menu-mobile .sub-level-1 li a:active, 
.menu-mobile .sub-level-1 li a:focus, 
.menu-mobile .sub-level-1 li:hover > a, 
.menu-mobile .sub-level-1 li.current-cat > a, 
.menu-mobile .sub-level-1 li.current_page_item > a, 
.menu-mobile .sub-level-1 li.current-menu-item > a {
	color:#f89a1d;
	font-weight: bold;
		   
}

.menu-mobile .sub-menu.sub-level-2 li {
	padding-right:25px;
	background:#F5F5F5;
}

.menu-mobile .sub-menu.sub-level-2 li a {	
	color:#000;
}

.menu-mobile .sub-menu.sub-level-2 li a:hover {
	color:#91a740;
}

#fixed-bottom {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:5px 0;
	background:#041734;
	z-index:100;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px -5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px -5px 5px 0px rgba(0, 0, 0, 0.2);
}
span.loginlink i {
    color: #fff;
}
#fixed-bottom .wc-my-account {
	font-size:16px;
}

#fixed-bottom a {
	color:#FFF;
}

#bottom {
	padding-bottom:47px;
}
.top-holder {
    display: none;
}