/*
Theme Name: Sky Valley
Theme URI: http://www.graphictechnique.com
Description: Custom WordPress theme for Sky Valley. 
Version: 1.0
Author: Silverback
Author URI: http://www.graphictechnique.com
*/
@import "includes/css/normalize.css";
@import "includes/css/animate.css";
@import "includes/css/bootstrap.min.css";
@import "includes/css/jquery.bxslider.css";

/* imported Mettaophile SP8 font from Abobe TypeKit */
@import url("https://use.typekit.net/qip2ikh.css");


@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
/* ================== reset ================== */




/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==============  Bootstrap Override ==========*/

/* Show it is fixed to the top */
body {
  min-height: 75rem;
  /*padding-top: 4.5rem;*/
}
#mobilemenu .menu ul li:last-of-type {
    border-bottom: 1px solid #000;
}
.social-icon-header {width:30px;}

@media(max-width:991px){
    
 .tl__wrap .social-icon-header {display:none;}
}
.themed-grid-col {
  padding-top: 15px;
  padding-bottom: 15px;
  /*background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);*/
}

.themed-container {
  padding: 15px;
  margin-bottom: 30px;
  background-color: rgba(0, 123, 255, .15);
  border: 1px solid rgba(0, 123, 255, .2);
}

.container-fluid, 
.container-sm, 
.container-md, 
.container-lg, 
.container-xl {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

/* ================== fonts ================== */


@font-face {
    font-family: 'black_stoneregular';
    src: url('includes/fonts/blackstone-regular-webfont.woff2') format('woff2'),
         url('includes/fonts/blackstone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: auto;

}

@font-face {
    font-family: 'black_stonealternative';
    src: url('includes/fonts/BlackStone-Alternative.woff2') format('woff2'),
         url('includes/fonts/BlackStone-Alternative.woff') format('woff');
    font-weight: normal;
    font-style: normal;
        font-display: auto;

}

.ligature {display:inline-block;padding-left:20px;margin-right:-20px;}

/* FONT 100 */
.font100 {
    font-size:100px !important; 
    line-height:1.15em !important; 
}

@media screen and (max-width: 992px) {
    .font100 {
        font-size:80px !important;
        line-height:1.15em !important;
    }
}

@media screen and (max-width: 576px) {
    .font100 {
        font-size:60px !important;
        line-height:1.15em !important;  
    }
}

@media screen and (max-width: 375px) {
    .font100 {
        font-size:48px !important;
        line-height:1.25em !important; 
    }
}

/* FONT 80 */
.font80 {
    font-size:80px !important; 
    line-height:1.15em !important;  
}

@media screen and (max-width: 992px) {
    .font80 {
        font-size:60px !important; 
        line-height:1.15em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font80 {
        font-size:48px !important; 
        line-height:1.25em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font80 {
        font-size:36px !important; 
        line-height:1.25em !important; 
    }
}




/* FONT 60 */
.font60 {
    font-size:60px !important;  
    line-height:1.15em !important;  
}

@media screen and (max-width: 992px) {
    .font60 {
        font-size:48px !important;  
        line-height:1.15em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font60 {
        font-size:36px !important;  
        line-height:1.25em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font60 {
        font-size:30px !important;  
        line-height:1.25em !important; 
    }
}



/* FONT 48 */
.font48 {
    font-size:48px !important; 
    line-height:1.15em !important; 
}

@media screen and (max-width: 992px) {
    .font48 {
        font-size:48px !important;  
        line-height:1.15em !important;
    }
}

@media screen and (max-width: 576px) {
    .font48 {
        font-size:30px !important; 
        line-height:1.25em !important;
    }
}

@media screen and (max-width: 375px) {
    .font48 {
        font-size:26px !important;  
        line-height:1.25em !important; 
    }
}

/* FONT 36 */
.font36 {
    font-size:36px !important;
     line-height:1.25em !important; 
}

@media screen and (max-width: 992px) {
    .font36 {
        font-size:30px !important;  
         line-height:1.25em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font36 {
        font-size:24px !important;  
        line-height:1.25em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font36 {
        font-size:18px !important;  
        line-height:1.25em !important; 
    }
}

/* FONT 30 */

.font30 {
    font-size:30px !important;
     line-height:1.50em !important; 
}

@media screen and (max-width: 992px) {
    .font30 {
        font-size:26px !important;  
        line-height:1.50em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font30 {
        font-size:22px !important;  
         line-height:1.50em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font30 {
        font-size:16px !important;  
        line-height:1.75em !important; 
    }
}


/* FONT 28 */

.font28 {
    font-size:28px !important;
     line-height:1.50em !important;  
}

@media screen and (max-width: 992px) {
    .font28 {
        font-size:28px !important;  
         line-height:1.50em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font28 {
        font-size:26px !important;  
         line-height:1.50em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font28 {
        font-size:24px !important;  
        line-height:1.50em !important; 
    }
}


/* FONT 24 */

.font24 {
    font-size:24px !important;
    line-height:1.50em !important;  
}

@media screen and (max-width: 992px) {
    .font24 {
        font-size:24px !important;  
        line-height:1.50em !important; 
    }
}

@media screen and (max-width: 576px) {
    .font24 {
        font-size:20px !important;  
        line-height:1.75em !important; 
    }
}

@media screen and (max-width: 375px) {
    .font24 {
        font-size:16px !important;  
        line-height:1.75em !important;
    }
}

/* FONT 20 */

.font20 {
    font-size:20px !important;
    line-height:1.75em !important; 
}

@media screen and (max-width: 992px) {
    .font20 {
        font-size:20px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 576px) {
    .font20 {font-size:18px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 375px) {
    .font20 {font-size:16px !important;  
        line-height:1.75em !important;
    }
}


/* FONT 18 */

.font18 {
    font-size:18px !important;
    line-height:1.75em !important; 
}

@media screen and (max-width: 992px) {
    .font18 {
        font-size:18px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 576px) {
    .font18 {
        font-size:16px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 375px) {
    .font18 {
        font-size:12px !important;  
        line-height:1.75em !important;
    }
}

/* FONT 16 */

.font16 {
    font-size:16px !important;
    line-height:1.75em !important;
}

@media screen and (max-width: 992px) {
    .font16 {
        font-size:16px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 576px) {
    .font16 {
        font-size:14px !important;  
        line-height:1.75em !important;
    }
}

@media screen and (max-width: 375px) {
    .font16 {
        font-size:11px !important;  
        line-height:1.75em !important;
    }
}

.home-slide .bx-wrapper .bx-controls-direction a {z-index:200 !important;}

.home-slide .bx-wrapper .bx-pager {
	text-align: center;
	font-size: 1.5em;
	font-family: Arial;
	font-weight: bold;
	color: #666;

	position:absolute;
	top:80%;
	/*left:20px;*/
	width:100%;
	text-align:center;

}
.home-slide .bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(204,204,204,.5);
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
}

.home-slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.home-slide .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}
.home-slide .bx-wrapper .bx-prev {
	left: 25px;
	background: url(/wp-content/themes/SkyValley/includes/css/images/controls-rev2.png) no-repeat 0 0px;
}

.home-slide .bx-wrapper .bx-next {
	right: 25px;
	background: url(/wp-content/themes/SkyValley/includes/css/images/controls-rev2.png) no-repeat -43px 0px;
}
.home-slide  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 45%;
    margin-top: -11px;
    outline: 0;
    width: 32px;
    height: 63px;
    text-indent: -9999px;
    z-index: 9999;
}


.bottom-tear-cream {background:url(images/Tear_halfSize-cream.svg) center bottom repeat-x;height:169px;padding:0;margin:0;}
.bottom-tea-white {background:url(images/Tear_halfSize-white.svg) center bottom repeat-x;height:169px;padding:0;margin:0;}
.bottom-tear {background:url(images/Tear_bottom_green.svg) center bottom repeat-x;height:169px;padding:0;margin:0;z-index:5;}
.top-tear {background:url(images/Tear_top_green.svg) center top repeat-x;height:169px;padding:0;margin:0;position:relative;z-index:100;}
.content-padding {padding:20px 120px;}
.text-shadow {text-shadow:0px 0px 8px #000;}



/***Contact CTA***/
.contact-cta {    
    background: #f2f2ef;
    position:relative;
    box-sizing: content-box;
    max-width: 100%;
    width: 100%;
    margin: 0 !important;
    padding-bottom: 126px;
}

.sp8-font {
    font-family: 'metallophile-sp8';
}

.contact-cta .email_cta_headline {
    font-size: 40px;
    line-height: 45px;
    color: #7FBE6C;
    text-align: center;
}

.contact-cta p.gform_required_legend {
    display: none;
}

#gform_3 form #input_3_1{color:#144226;font-size: 18px;font-family: 'metallophile-sp8';}
#gform_3 form #input_3_1::-webkit-input-placeholder {color:#144226;font-size: 18px;font-family: 'metallophile-sp8';}
#gform_3 form #input_3_1::-moz-placeholder          {color:#144226;font-size: 18px;font-family: 'metallophile-sp8';}
#gform_3 form #input_3_1:-moz-placeholder           {color:#144226;font-size: 18px;font-family: 'metallophile-sp8';}
#gform_3 form #input_3_1:-ms-input-placeholder      {color:#144226;font-size: 18px;font-family: 'metallophile-sp8';}


.contact-cta .email_cta_block.content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
        padding: 0 20px;
}

.contact-cta .email_cta_content {
    color: #144226;
    font-size: 20px;
    font-weight: 300;
        text-align: center;
}

.contact-cta   .vc_custom_1609874345436 {
    margin-top: 0 !important;
    background-color: #f2f2ef !important;
}


#gform_3 {display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
        grid-gap: 10px;
    }

.contact-cta input#gform_submit_button_3 {
    height: 46px;
    margin: 0;
    background: #7FBE6C;
    border: 2px solid #7FBE6C;
    width: 112px !important;
    overflow: hidden;
    vertical-align: top;
    display: flex;
    align-content: space-around;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 112px;
    padding: 0 !important;
}
.contact-cta .gform_body.gform-body {width: 277px;}

.contact-cta #field_3_1{border:0;}

.contact-cta input#input_3_1 {
    text-align: center;
    font-size: 18px;
    font-family: 'metallophile-sp8';
    text-transform: uppercase;
    font-weight: 500;
        border-width: 2px;
        height: 45px;
}

.vc_custom_1605907930412 {
    margin-top: -90px !important;
}
.bottom-tear-cream {    height: 126px;}
.contact-cta .gform_footer.top_label {
    margin: 0 auto 0 !important;
    padding: 0 !important;
    height: 46px;
    width: 112px;
    overflow: hidden;
        justify-content: center;
}

.vc_custom_1609874345436 {
    margin-top: 0px !important;
}

.contact-cta  .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    border: 1px solid #7FBE6C !important;
}

.contact-cta  .gfield_validation_message, .gform_wrapper .validation_message {
    color: #7FBE6C !important;
}

.gform_ajax_spinner {display:none !important;}
#gform_3_validation_container {display:none;}

@media (max-width: 452px) {

#gform_3 {flex-direction: column;}
.contact-cta .gform_footer.top_label{width: 100%;}
.contact-cta input#gform_submit_button_3 {width: 100% !important;max-width: 100%;}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    margin-top: 69px !important;
}
}


@media screen and (max-width: 768px) {
  .content-padding {padding:20px 20px;}  
}

#tear-section{position:relative;}

#buy-online{background:#144226;    margin-top: -1px; margin-bottom: -1px;}
  
  .bottom-border-link{ 
   
    padding: 15px 30px;
    border-bottom: 4px solid #7FBE6C;
    margin-top: 30px;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 43px;
    color: #fff;
    text-transform: uppercase;
}

.bottom-tear.reverse-tear{
    transform: rotateX(180deg);
    overflow: visible;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-left:25px;
}
.form-control:focus {
  /*border-color: #66afe9;*/
    border-color:#ccc;
  outline: 0;
 /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group .form-control {
  display: table-cell;
}

.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

 .search-form-wrapper {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 60px 15px 120px 15px;
    top: 110px;
   /* background-color: #f89d1c;*/
        /*background:url(images/tear_nav_open_search.jpg) repeat;*/
      background:url(images/NavDrop-01.png) center -300px no-repeat;
    /* background:url(images/Search-Bar_SearchBar.svg) repeat;*/
      z-index:299;
}


.search-post-type {padding:20px;text-align:center;color:#144226;}
.search-form-wrapper .search-post-type {padding:20px;text-align:center;color:#144226;position:relative;z-index:1100;}
.search-post-type div {padding-left:5px;padding-top:2px;display:inline-block;vertical-align:middle;font-size:18px;text-transform: uppercase;}
/*.search-post-type input[type="checkbox"] {outline: 2px solid #144226 !important;outline-offset:-2px;width:18px;height:18px;display:inline-block;vertical-align:middle;margin:0 0 0;box-shadow:0 0 0 0 #fff;}*/


.search-result a {color:#144226;}
/*.recipe-main .product-tile {width:25% !important;}
.recipe-main .product-tile img {max-height:400px;}*/

.search-main .recipe-tile, .search-main .product-tile, .search-main .search-result  {
    display:inline-block;
    width:25%;
    max-width: 25%;
    position:relative;
    text-align:center;
    padding:15px;
    /*border:1px solid #000;*/
}

.search-main .product-tile img {max-height:415px;}

.search-main .recipe-tile img {
    width:100% !important;
    height:100%;
}
.search-main .search-result img {width:auto;height:415px;}

.search-main .search-result {padding-top:15px 0 0 0;overflow:hidden;}

.search-form-wrapper.open {
    display: block;
}

.search-post-type input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
.search-post-type input[type=checkbox]:before {
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    line-height:15px;
    color: transparent !important;
    background: transparent;
    display: inline-block;
    vertical-align:middle;
    width: 18px;
    height: 18px;
    border: 2px solid #144226;
    margin-right: 2px;
}

.search-post-type input[type=checkbox]:checked:before {

	color: black !important;
}
/*.search-post-type .container input[type="checkbox"]{
  display: none;
}
.search-post-type .container {display:inline-block;}
.search-post-type .container label {
  position: relative;
    
}
.search-post-type .container span::before,
.search-post-type .container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-post-type .container span.checkbox::before {
  width: 18px;
  height: 18px;
  background-color: #fff;
  left: -25px;
  box-sizing: border-box;
  border: 2px solid #144226;
  transition: border-color .2s;
}
.search-post-type .container span.checkbox:hover::before {
  border: 3px solid #F0FF76;
}
.search-post-type .container span.checkbox::after {
  content: '\f00c';
  font-family: 'FontAwesome';
  left: -31px;
  top: 2px;
  color: transparent;
  transition: color .2s;
}
input[type="checkbox"]:checked + label span.checkbox::after {
  color: #62AFFF;
}*/


     .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
         width:60%;
         max-width:450px;
         margin:0px auto;
}      
    .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
           }
.input-group .search {display:inline-block;width:90%}
.input-group .submit {width: 40px;
    height: 34px;
    padding: 0;
    border: 0px;
    display: inline-block;
    background: url(images/search-icon2.png) no-repeat 99% center;
    background-size: auto 80%;
    z-index: 5;
    position: relative;
    margin-left: -45px;}

.search-form-wrapper-bottom {
        position:absolute;
        top:98.9%;
        width:100%;
        padding:20px 0;
    left:0;
    right:0;
        height:60px;
        /*background:url(images/tear_nav_open_search-bottom2.png) repeat;*/
        text-align:center;
    }   

/* ================== recipe ================== */
.recipe-button {
    display:inline-block;
    color:#144226;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/recipe-button-white.png) no-repeat;
    background-size:100% 100%;
    width:25%;
    height:auto;
    text-align:center;
    margin-top:5px;
}
.recipe-button a {
    color:#144226;
}
.recipe-button:hover  {
    display:inline-block;
    color:#fff;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/recipe-button-green.png) no-repeat;
    background-size:100% 100%;
    width:25%;
    height:auto;
    text-align:center;
}
.recipe-button:hover a {
    color:#fff;
}
.recipe-button-selected {
    display:inline-block;
    color:#fff;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/recipe-button-green.png) no-repeat;
    background-size:100% 100%;
    width:25%;
    height:auto;
    text-align:center;
    margin-top:5px;
}

.recipe-button-selected a,  a.recipe-button-selected:hover {
    color:#fff;
}

a.recipe-sub:hover, .recipe-sub-selected { background:linear-gradient(#7FBE6C,#7FBE6C) no-repeat;
    background-size:167% 3px;
    background-position:center bottom;
color:#fff;}

.star-full {
    display:inline-block;
    vertical-align:middle;
    width:21px;
    height:21px;
    background:url("images/star-solid.png") center center no-repeat;
    background-size:100%;
}
.star-half {
    display:inline-block;
    vertical-align:middle;
    width:21px;
    height:21px;
    background:url("images/star-half.png") center center no-repeat;
    background-size:100%;
}
.star-none {
    display:inline-block;
    vertical-align:middle;
    width:21px;
    height:21px;
    background:url("images/star-open.png") center center no-repeat;
    background-size:100%;
}

.recipe-img {
    margin-top:30px;
    background-size:40% !important;
    background-attachment:fixed !important;
    
    background-position:  0 90px; 
    background-repeat: no-repeat !important;
}
.recipe-img-main img {
    display:none;
}
.recipe-content {
    padding:120px 0 0 0;
}

.recipe-content .content {
    padding: 40px 40px 40px 0 !important;
    max-width: 100% !important;
}

.recipe-main .recipe-tile,
.recipe-foot .recipe-tile {
    display:inline-block;
    max-width: 25%;
    position:relative;
    text-align:center;
    padding:15px;
}

.recipe-tile img {
    width:100% !important;
    height:auto;
}
.recipe-tile .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:15px;
    right:15px;
    left:15px;
    width:calc(100%-30px);
    background-color:rgba(127,190,108, 0.8);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}

.recipe-tile:hover .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:15px;
    right:15px;
    left:15px;
    width:calc(100%-30px);
    background-color:rgba(20,66,38, 0.7);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}


.recipe-tile .tile-content .tile-table {
    display: table;
    vertical-align: middle;
    padding:10px;
    width:100%;
    position:absolute; height:100%; width:100%;
}
.recipe-tile .tile-content .tile-table .tile-txt {
    display: table-cell;
    vertical-align: middle;
    padding:10px;
    width:100%;
}

.recipe-content #elementcommentform {width:25px;height:25px;padding:0px;border-radius:15px;border:0px solid #144226;display:inline-block;text-align:center;vertical-align:middle;line-height:25px;font-size:12px;}

/*.recipe-content a:hover #elementcommentform {background-color:#7FBE6C;color:#fff;border:1px solid #7FBE6C;}*/
#menu .menu ul ul li.menu-tile {
    margin: 48px 0 !important;
}

.menu-tile {
    display:inline-block;
    max-width: 25% !important;
    position:relative;
    text-align:center;
    padding:15px;
    
}
.menu-tile img {
    margin-top:40px;
    width:100% !important;
    
    height:auto;
}
.menu-tile .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:16px;
    right:15px;
    left:26px;
    width:calc(100%-30px);
    background-color:rgba(127,190,108, 0.8);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}

.menu-tile:hover .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:16px;
    right:15px;
    left:26px;
    width:calc(100%-30px);
     background-color:rgba(20,66,38, 0.8);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}




.menu-tile .tile-content .tile-table {
    display: table;
    vertical-align: middle;
    padding:10px;
    position:absolute; height:100%; width:100%;
}
.menu-tile .tile-content .tile-table .tile-txt {
    display: table-cell;
    vertical-align: middle;
    padding:10px;
    /*padding-top:28%;*/
    width:100%;
    text-align:center;
}

#menu .menu ul li ul li.menu-tile-recipe a {padding-left:0;border-bottom:none !important;}
#menu .menu ul li ul li.menu-tile-recipe a:hover {border-bottom:none !important;}
.menu-tile-recipe {
    display:inline-block;
    max-width: 22% !important;
    position:relative;
    text-align:center;
    padding:15px;
    
}
.menu-tile-recipe img {
    margin-top:55px;
    width:100% !important;
    height:auto;
}
.menu-tile-recipe .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:21px;
    right:10px;
    left:20px;
    width:calc(100%-30px);
    background-color:rgba(127,190,108, 0.8);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}
.menu-tile-recipe:hover .tile-content {
    display:block;
    position:absolute;
    z-index:50;
    bottom:21px;
    right:10px;
    left:20px;
    width:calc(100%-30px);
    background-color:rgba(20,66,38, 0.8);
    /*font-size:16px;*/
    line-height:1.0em;
    color:#fff;
    height:150px;
}

.menu-tile-recipe .tile-content .tile-table {
    display: table;
    vertical-align: middle;
    padding:10px;
    position:absolute; height:100%; width:100%;
}
.menu-tile-recipe .tile-content .tile-table .tile-txt {
    display: table-cell;
    vertical-align: middle;
    padding:10px;
    /*padding-top:5vh;*/
    width:90%;
    text-align:center;
    position:absolute;
    top: 40%;
    transform: translate(0, -40%);
}


.dietary-img {background-color:rgba(20,66,38, 0.75);}
.dietary-img:hover {background-color:transparent !important;}

/*=================== woocommerce ==================*/

.woocommerce-info::before {color:#90ad2c !important;content:none !important;top:0 !important;
left: 0 !important;}
.woocommerce-info {border-top-color:#90ad2c !important;}

/*=== manin product page =======*/
.woocommerce-breadcrumb {display:none !important;}
.woocommerce .products .product {text-align:center;}
.woocommerce .products .product-category {text-align:center;}
.woocommerce .products .product-category img,
.woocommerce .products .product-category .count {display:none !important;}
.woocommerce-result-count, 
.woocommerce-ordering {display:none;}


.product-cat-button {
    display:inline-block;
    color:#fff;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/product_button_ltgreen.png) no-repeat;
    background-size:100% 100%;
    width:33.333%;
    height:auto;
    text-align:center;
    
}
.product-cat-button a {
    color:#fff;
}
.product-cat-button:hover  {
    display:inline-block;
    color:#fff;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/product_button_dkgreen.png) no-repeat;
    background-size:100% 100%;
    width:33.333%;
    height:auto;
    text-align:center;
}
.product-cat-button:hover a {
    color:#fff;
}
.product-cat-button-selected {
    display:inline-block;
    color:#fff;
    font-size:50px;
    line-height:1.5em;
    font-family: 'black_stonealternative';
    background:url(images/product_button_dkgreen.png) no-repeat;
    background-size:100% 100%;
    width:33.333%;
    height:auto;
    text-align:center;
}

 .product-cat-button-selected a,
.product-cat-button-selected:hover a,
.product-cat-button-selected:hover {
    color:#fff !important;
}


.shop-organic {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-usda-organic-logo.png) no-repeat;background-size:100%;}
.shop-glutenfree {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-gluten-free-logo.png) no-repeat;background-size:100%;}
.shop-nongmo {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-non-gmo-logo.png) no-repeat;background-size:100%;}
.shop-whole30 {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-whole-30-logo.png) no-repeat;background-size:100%;}
.shop-vegan {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-vegan-logo.png) no-repeat;background-size:100%;}
.shop-verified-non-gmo {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(/wp-content/uploads/sites/2/2022/07/shop-non-gmo-verified-logo.png) no-repeat;background-size:100%;}



.shop-mild {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-mild-logo.png) no-repeat;background-size:100%;}
.shop-medium {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-medium-logo.png) no-repeat;background-size:100%;}
.shop-hot {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-hot-logo.png) no-repeat;background-size:100%;}
.shop-keto {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/ketofriendly-dark.png) no-repeat;background-size:100%;}


.shop-organic-selected, .shop-organic:hover {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-usda-organic-logo-green.png) no-repeat;background-size:100%;}
.shop-keto-selected, .shop-keto:hover {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/keto-friendly-sky.png) no-repeat;background-size:100%;}
.shop-glutenfree-selected, .shop-glutenfree:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-gluten-free-logo-green.png) no-repeat;background-size:100%;}
.shop-nongmo-selected, .shop-nongmo:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-non-gmo-logo-green.png) no-repeat;background-size:100%;}

.shop-verified-non-gmo-selected, .shop-verified-non-gmo:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(/wp-content/uploads/sites/2/2022/07/shop-non-gmo-verified-logo-green.png) no-repeat;background-size:100%;}


.shop-whole30-selected, .shop-whole30:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-whole-30-logo-green.png) no-repeat;background-size:100%;}
.shop-vegan-selected, .shop-vegan:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-vegan-logo-green.png) no-repeat;background-size:100%;}
.shop-mild-selected, .shop-mild:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-mild-logo-green.png) no-repeat;background-size:100%;}
.shop-medium-selected, .shop-medium:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-medium-logo-green.png) no-repeat;background-size:100%;}
.shop-hot-selected, .shop-hot:hover  {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(images/shop-hot-logo-green.png) no-repeat;background-size:100%;}

.shop .woocommerce a.ajax_add_to_cart, 
.shop .woocommerce .qty, 
.shop .woocommerce .price,
.shop .woocommerce .star-rating {display:none !important;}


.shop .woocommerce .product:hover img {margin-top:-10px;margin-bottom:10px;}

.shop .woocommerce .product-flip {position:absolute;width:260px;height:500px;background:url(images/shop-product-flip-green-90.png) no-repeat;background-size:100% 100%;padding:0px;color:#fff !important;opacity:0;max-width:100%;max-height:120%;margin-top:0px;}
.shop .woocommerce .product-flip .prod-flip-content {position:absolute;top:50%;transform:translateY(-50%);padding:20px;}
.shop .woocommerce .product-flip:hover {opacity:1.0; transition-delay:0.5s;}


.shop .woocommerce .prod-flip-name {padding:20px 20px 0px 20px;margin:0;line-height:1.1em !important;font-size:24px;line-height:1.25em;}
.shop .woocommerce .prod-flip-price {padding:0px 20px;margin:0;font-size:36px;line-height:1.25em;}
.shop .woocommerce .prod-flip-desc {padding:0px 20px;margin:0;line-height:1em !important;font-size:18px;line-height:1.25em;}
.shop .woocommerce .prod-flip-button .button {background-color:#fff !important;color:#144226 !important;border:0px solid #fff;border-radius:0px;}
.shop .woocommerce .prod-flip-button .button:hover {background-color:#7FBE6C !important;color:#fff !important;}
.shop .woocommerce .prod-flip-details {padding:20px;}
.shop .woocommerce .prod-flip-details a {color:#fff;font-size:16px;line-height:1.25em;}
.shop .woocommerce h2.woocommerce-loop-product__title {font-family: metallophile-sp8, sans-serif; }


/*========= mini cart display ======*/
.shop-icons .mini-cart {float:none;text-align:left;}
.shop-icons .mini-cart .cart-title {font-size:1.5em;color:#7fbe6c;text-align:center;padding:10px;}
.shop-icons .mini-cart .my-cart-close {color:#ccc !important;float:right;font-weight:300;font-sze:16px;padding-right:10px;}
.shop-icons .mini-cart  {display:none;background-color:#fff;position:absolute;z-index:1000;top:110px;right:50px;border:1px solid #000;max-width:325px;padding:10px;}
.shop-icons .mini-cart .woocommerce-mini-cart {}
.shop-icons .mini-cart ul.woocommerce-mini-cart {list-style-type: none;padding:0;}
.shop-icons .mini-cart ul.woocommerce-mini-cart li {margin-left:0;text-indent:0;}
.shop-icons .mini-cart .woocommerce-mini-cart-item {border-bottom:1px solid #ccc;}

.shop-icons .mini-cart .mini-cart-thumb {display:inline-block;max-width:25%;text-align:center;vertical-align:middle;}
.shop-icons .mini-cart .mini-cart-item-name {display:inline-block;max-width:25%;text-align:center;vertical-align:middle;color:#144226;}
.shop-icons .mini-cart .mini-cart-qty .qty {display:inline-block;background-color:#144226;color:#fff;padding:5px;width:auto;}
.shop-icons .mini-cart .mini-cart-qty {display:inline-block;width:25%;max-width:25%;text-align:center;vertical-align:middle;}
.shop-icons .mini-cart .mini-cart-qty .qty-plus button.plus,
.shop-icons .mini-cart .mini-cart-qty .qty-minus button.minus {background-color:transparent;border:0px;color:#144226;}
.shop-icons .mini-cart .mini-cart-qty input.qty {max-width:50%;background-color:#144226;color:#fff;border:0;text-align:center;}
.shop-icons .mini-cart .mini-cart-price {display:inline-block;max-width:25%;text-align:center;vertical-align:middle;font-size:1.25em;color:#7fbe6c;}

.shop-icons .mini-cart .remove_from_cart_button {}
.shop-icons .mini-cart .attachment-woocommerce_thumbnail {max-width:120%;height:auto;}
.shop-icons .mini-cart .quantity {}
.shop-icons .mini-cart .woocommerce-Price-amount {}
.shop-icons .mini-cart .woocommerce-mini-cart__total {text-align:right;font-size:1.25em;color:#7fbe6c;padding-right:10px;}
.shop-icons .mini-cart .woocommerce-mini-cart__buttons {text-align:center;}
.shop-icons .mini-cart .woocommerce-mini-cart__buttons .button {float:none;display:inline-block !important;background-color:#144226;color:#fff;width:40% !important; min-width:100px !important;border-radius:0px !important;padding:10px !important;margin:10px;}
.shop-icons .mini-cart .woocommerce-mini-cart__buttons .checkout {background-color:#7fbe6c;}





/*============ single product page ==============*/

.single-product div.product .woocommerce-product-gallery {display:inline-block !important;max-width:32% !important;float:none !important;}
.single-product div.product .woocommerce-product-gallery img {min-width:100% !important;margin-left:0%;}
.single-product div.product .entry-summary {display:inline-block !important;max-width:36% !important;float:left !important;}
.single-product div.product .woocommerce-tabs {}

.single-product div.product .custom-tabs .golden-crane {max-height:375px;}
.single-product div.product .custom-tabs {text-align:center;display:inline-block !important;min-width:30% !important;max-width:30% !important;float:none !important;vertical-align:top;}

.single-product div.product .custom-tabs .custom-tabs-content {text-align:left;margin-top:20px;color:#144226;font-size:0.9em;min-width:100% !important;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs {min-width:100%;margin-bottom:0px !important}

.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs li {border:0 !important;background-color:transparent !important;text-indent:0;margin-right:0;padding:0 0 20px 0 !important;width:50%;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs li a {display:block;text-align:center;border-bottom:3px solid #144226;padding:5px 15px;width:95%;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs li.active a {display:block;border-bottom:3px solid #7fbe6c;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.tabs {padding:0 !important;width:100%;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.tabs::before {border-bottom:none !important;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs, 
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs .wc-tab {min-width:100% !important;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs .wc-tab p:first-child {margin-top:0;padding-top:0;}


.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs {margin-bottom:0px !important}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs li {border:0 !important;background-color:transparent !important;text-indent:0;margin-right:0;padding:0 0 20px 0 !important;min-width:250px;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs li a {display:block;text-align:center;border-bottom:3px solid #144226;padding:5px 15px;width:95%;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs li.active a {display:block;border-bottom:3px solid #7fbe6c;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.tabs {padding:0 !important;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.tabs::before {border-bottom:none !important;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs, 
.single-product div.product .custom-other-tabs-content .woocommerce-tabs .wc-tab {min-width:100% !important;padding:20px 0;}

.woocommerce p.stars a::before,
.woocommerce p.stars.selected a:not(.active)::before {color:#144226 !important;}

.single-product div.product .related {clear:both;}

.single-product div.product .product_title {font-family: metallophile-sp8, sans-serif;font-weight:bold;color:#144226}
.single-product div.product .woocommerce-product-details__short-description {color:#144226;}
.single-product div.product .price,
.single-product div.product .posted_in,
.single-product div.product .tagged_as, 
.single-product div.product .woocommerce-review-link {display:none;}
.single-product div.product .product_tags {margin:20px 0;}


.single-product div.product form.cart .qty-box {display:inline-block;background-color:#144226;color:#fff;}
.single-product div.product form.cart .quantity,
.single-product div.product form.cart .qty-plus,
.single-product div.product form.cart .qty-minus {
float: none !important;
margin: 0;
display: inline-block !important;
vertical-align:middle;
    margin:0px !important;
    
    background-color:#144226;color:#fff;
    padding:5px;
}
.single-product div.product form.cart .qty-box {position:relative;}
.single-product div.product form.cart .qty-minus {left:90px;position:absolute;padding-right:10px;padding-bottom:5px}
@media not all and (min-resolution:.001dpcm) { 
    @media {
       .single-product div.product form.cart .qty-minus {left:90px;position:absolute;padding-right:10px;padding-bottom:6px}
    }
}

.single-product div.product form.cart .quantity input.qty {background-color:#144226 !important;color:#fff !important;height:32px;border:0;text-align:left;padding-left:15px;}
.single-product div.product form.cart .qty-plus button,
.single-product div.product form.cart .qty-minus button {width:30px;height:30px;border:0;background-color:#144226;color:#fff;font-size:2em;line-height:auto;}
.single-product div.product form.cart button.single_add_to_cart_button {display:inline-block !important;margin:0 30px;float:none;background-color:#7fbe6c;border-radius:0;min-height:42px;}
.single-product div.product form.cart button.single_add_to_cart_button:hover {color:#144226;/*background-color:rgba(127,190,108,0.50);*/ outline: 1px solid #144226;
        outline-offset: -1px;}

.single-product .related h2 {display:none;font-family: metallophile-sp8, sans-serif;}
.single-product .related .price,
.single-product .related .add_to_cart_button,
.single-product .related .star-rating {display:none !important;}

.fancybox-container {left:64% !important;}

/*========== product image slides ========*/
ul.flex-direction-nav {
    position: absolute;
    top: 48%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}
ul.flex-direction-nav li {width:50%;display:inline-block;}
ul.flex-direction-nav li a.flex-next,
ul.flex-direction-nav li a.flex-prev {vertical-align:middle;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next:after {
	visibility:visible;
    content: '\02C3';
	/*font-family: 'Font Awesome 5 Free';*/
	margin-right: 10px;
	font-size: 50px;   
	font-weight: bold;
    float:right;
}
a.flex-prev:before {
    visibility:visible;
    content: '\02C2';
	/*font-family: 'Font Awesome 5 Free';*/   
	margin-left: 10px;
	font-size: 50px;
	font-weight: bold;
}
ul.flex-direction-nav li a {
	color: #ccc;
}
ul.flex-direction-nav li a:hover {
	text-decoration: none;
}

/* "circles" nav */

ol.flex-control-nav  {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -16px;
  width: 100%;
}

ol.flex-control-nav li  {
  display: inline-block;
  margin: 0 .3em 0 .3em;
  padding: 0;
}  
ol.flex-control-nav li a,
ol.flex-control-nav li a:hover {
  display: inline-block;
  background-color:#fff;
border:1px solid #000;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 14px;
  height: 14px;
  color: transparent;
    border-radius:7px;
}  

ol.flex-control-nav li a.flex-active {
  background-color:#7fbe6c;
}
/*========== woocomerce cart ========*/ 
.woocommerce table.woocommerce-cart-form__contents .product-remove a.remove {height:auto !important;}
.woocommerce table.woocommerce-cart-form__contents .product-remove a.remove:hover {background:url(images/trash-icon2-glow.png) center center no-repeat !important;background-size:92% !important;border-radius:0;}

.woocommerce table.woocommerce-cart-form__contents .product-thumbnail {width:155px !important;max-width:155px !important;overflow:hidden !important;}
.woocommerce table.woocommerce-cart-form__contents .product-thumbnail img {max-width:175px!important;width:175px!important;height:175px !important;max-height:175px !important;}
.woocommerce table.woocommerce-cart-form__contents .product-name {text-align:left;font-size:1.5em !important;}
.woocommerce table.woocommerce-cart-form__contents .product-name a {color:#144226 !important;}
.woocommerce-cart-form .woocommerce-cart-form__contents {border:none !important;}
.woocommerce table.woocommerce-cart-form__contents .product-price .amount,
.woocommerce table.woocommerce-cart-form__contents .product-subtotal .amount {color:#7FBE6C !important;text-align:left;font-size:1.5em !important;}
/*.woocommerce-cart-form .woocommerce-cart-form__contents td {border:1px solid #ccc;}*/

.woocommerce table.woocommerce-cart-form__contents .product-quantity {min-width:155px !important;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-box {display:inline-block;background-color:#144226;color:#fff;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .quantity,
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-plus,
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-minus {
float: none !important;
margin: 0;
display: inline-block !important;
vertical-align:middle;
    margin:0px !important;
    
    background-color:#144226;color:#fff;
    padding:5px;
}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .quantity {padding:0;text-align:center;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity,
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-box {position:relative;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-box {padding:0;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-minus {left:90px;position:absolute;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .quantity input.qty {padding-top:2px !important;margin-right:20px !important;background-color:#144226 !important;color:#fff !important;border:0;font-size:1.25em;line-height:0.9em !important;width:60px !important;margin-bottom:0 !important;display:inline-block !important;vertical-align:middle;}
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-plus button,
.woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-minus button {display:inline-block !important;vertical-align:middle;width:30px;border:0;background-color:#144226;color:#fff;font-size:1.7em;line-height:1.0em;}

.woocommerce table.woocommerce-cart-form__contents .actions {text-align:center !important;padding-left:0px !important;padding-right:0px !important;}
.woocommerce table.woocommerce-cart-form__contents .actions .button {display:inline-block;min-width:32%;}
.woocommerce table.woocommerce-cart-form__contents .actions .button {background-color:#144226;color:#fff !important;min-width:32%;border-radius:0 !important;}
.woocommerce table.woocommerce-cart-form__contents .actions .button:first-child {float:left !important;}
.woocommerce table.woocommerce-cart-form__contents .actions button.button {float:right !important;}
.woocommerce table.woocommerce-cart-form__contents .actions button.button:disabled {opacity:1}
.woocommerce table.woocommerce-cart-form__contents .actions button.button:hover {background-color:#144226;color:#fff !important;}

.woocommerce table.woocommerce-cart-form__contents .actions .coupon {float:none !important;display:inline-block;min-width:32%;}
.woocommerce table.woocommerce-cart-form__contents .actions .coupon input {min-height:41px;min-width:48% !important;text-indent:10px;float:left;}
.woocommerce table.woocommerce-cart-form__contents .actions .coupon .button {min-width:48% !important;border-radius:0 !important;float:right;}

.cart-collaterals {text-align:center;}
.cart-collaterals .cart-block1 {display:inline-block;height:215px;width:32%;max-width:32%;max-height:215px;float:left;background-color:#fff;color:#144226;padding:30px;}
.cart-collaterals .cart-block1 .woocommerce-info {border-top:none !important;background-color:transparent !important;padding:8% 0 1% 0 ;color:#144226 !important; }
.cart-collaterals .cart-block1 .woocommerce-info::before {display:none !important;}
.cart-collaterals .cart-block1 .woocommerce-info h2 {line-height:1em;}

.cart-collaterals .cart-block2 {display:inline-block;height:215px;width:32%;max-width:32%;max-height:215px;float:none;background-color:#fff;color:#144226;padding:20px;text-align:center;}

.cart-collaterals .cart-block2 .chat-icon,
.chat-block .chat-icon {display:block;text-align:center;}
.cart-collaterals .cart-block2 .chat-icon,
.chat-block .chat-icon img {max-width:70px;}
.cart-collaterals .cart-block2 h2, 
.chat-block h2 {line-height:1em;margin:0;padding:0;padding-bottom:10px;}
.cart-collaterals .cart-block2 .chat,
.chat-block .chat {display:inline-block;max-width: 58%;text-align:center;font-size:16px;padding:0 10px;}
.cart-collaterals .cart-block2 .chat a,
.chat-block .chat a {color:#144226 !important;}

.cart-collaterals .cart-block2 .chat a.open,
.chat-block .chat a.open {border-bottom:2px solid #7FBE6C;}


.cart-collaterals .cart_totals {text-align:center;background-color:#7FBE6C;color:#fff;max-width:32%;max-height:215px;float:right}
.cart-collaterals .cart_totals h2 {display:none;}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .button {background-color:#fff;color:#144226;margin-bottom:30px;font-weight:400;border-radius:0;}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:hover {background-color:#144226;color:#fff;}
.cart-collaterals .cart_totals table {border:0 !important;}
.cart-collaterals .cart_totals .shipping {display:none;}
.cart-collaterals .cart_totals .order-total,
.cart-collaterals .cart_totals .cart-subtotal th {display:none;}
.cart-collaterals .cart_totals .cart-subtotal td {text-align:center; font-size:2em;}
.cart-collaterals .cart_totals .cart-subtotal td::before {content:"Subtotal  \A"; }
.cart-collaterals .cart_totals .cart-subtotal td span span::before {content:"\A";white-space: pre;  }

#customer_login h2 {font-family: metallophile-sp8, sans-serif;font-weight:300;color:#144226;font-size:1.25em;display:block;border-bottom:2px solid #7FBE6C;}
.woocommerce-form-login,
.woocommerce-form-register {border:none !important;padding:0 !important;}
.woocommerce-form-login .woocommerce-form-row label,
.woocommerce-form-register .woocommerce-form-row label {display:none !important;}
.woocommerce-form-login .woocommerce-form-row #username,
.woocommerce-form-login .woocommerce-form-row #password,
form.woocommerce-form-login .password-input {width:100% !important;min-width:100% !important;max-width:100% !important;}
.woocommerce-form-login .woocommerce-form-row #username,
.woocommerce-form-login .woocommerce-form-row #password {border:none;padding:10px;font-weight:400 !important;}

.woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-LostPassword{display:none !important;}

.woocommerce-form-login button.button,
.woocommerce-form-register button.button {width:100% !important;min-width:100% !important;max-width:100% !important;background-color:#7FBE6C !important;color:#fff !important;}

.woocommerce-form-register .woocommerce-form-row input.input-text {border:none;padding:10px;font-weight:400 !important;}

/* =======normalize columns in My Account ==========*/
.woocommerce .content .col-1, .woocommerce .content .col-2{ max-width:none !important;}

.my-account-top {display:block;width:100%;text-align:center;height:400px;}
div.woocommerce-address-box {display:inline-block !important;width:32%;max-width:32% !important;padding:40px;min-height:100%;vertical-align:top;}
div.woocommerce-address-box:nth-of-type(1) {background-color:#144226 !important;color:#fff !important;}
div.woocommerce-address-box h2 {color:#7FBE6C !important;}
div.woocommerce-address-box:nth-of-type(2) {background-color:#fff !important;color:#144226 !important;}
div.woocommerce-address-box .profile-block,
div.woocommerce-address-box .payment-block {padding:10px 0;min-height:100px;}
div.woocommerce-history-box {display:inline-block !important;width:32%;max-width:32% !important;padding:40px;background-color:#7FBE6C !important;color:#fff !important;min-height:100%;max-height:100%;padding-top:12%;vertical-align:top;}
div.woocommerce-history-box h2 {color:#fff !important;}

.woocommerce form .woocommerce-address-fields .form-row {display:block !important;text-align:left !important;font-weight:300;}
.woocommerce form .woocommerce-address-fields .form-row label {text-align:left;font-weight:300;}
.woocommerce form .woocommerce-address-fields .form-row input.input-text {width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px;font-weight:300 !important;}
.woocommerce form .woocommerce-address-fields .form-row select {height:42px !important;min-height:42px !important;width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px !important;font-weight:300 !important;}
.woocommerce form .woocommerce-address-fields .form-row .select2-container .select2-selection--single {height:42px !important;min-height:42px !important;width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:5px 10px 10px 10px !important;font-weight:300 !important;}
.woocommerce form .woocommerce-address-fields  button.button {width:100% !important;min-width:100% !important;max-width:100% !important;background-color:#7FBE6C !important;color:#fff !important;}


form.woocommerce-EditAccountForm .woocommerce-form-row {display:block !important;text-align:left !important;font-weight:300;}
form.woocommerce-EditAccountForm .woocommerce-form-row label {text-align:left;font-weight:300;line-height:1em;padding:0;margin:0;}
form.woocommerce-EditAccountForm .woocommerce-form-row input.input-text {width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px;font-weight:300 !important;}

form.woocommerce-EditAccountForm .woocommerce-form-row select {height:42px !important;min-height:42px !important;width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px !important;font-weight:300 !important;}

form.woocommerce-EditAccountForm button.button {width:100% !important;min-width:100% !important;max-width:100% !important;background-color:#7FBE6C !important;color:#fff !important;} 
form.woocommerce-EditAccountForm fieldset legend {padding:30px 0 0 0;border-top:1px solid #ccc;}
form.woocommerce-EditAccountForm fieldset {margin-top:30px !important;}

.woocommerce-MyAccount-content table.woocommerce-orders-table {border:none !important;}
.woocommerce-MyAccount-content table.woocommerce-orders-table th {text-transform:uppercase;border:none !important;text-align:center;}
.woocommerce-MyAccount-content table.woocommerce-orders-table th.woocommerce-orders-table__header-order-actions span {display:none;}
.woocommerce-MyAccount-content table.woocommerce-orders-table td {border-top:none !important;border-bottom:1px solid #ccc;text-align:center;padding:15px !important;}
.woocommerce-MyAccount-content table.woocommerce-orders-table td a {color:#144226}
.woocommerce-MyAccount-content table.woocommerce-orders-table td .button {color:#fff !important;background-color:#144226; }
.woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button{ text-indent: -9999px;line-height: 0; }
.woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button::after {text-indent: 0;display: block;line-height: initial;content: 'ORDER DETAILS';} 

form.woocommerce-checkout .form-row {display:block !important;text-align:left !important;font-weight:300;}
form.woocommerce-checkout .form-row label {text-align:left;font-weight:300;line-height:1em;padding:0;margin:0;color:#144226 }
form.woocommerce-checkout .form-row input.input-text {width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px;font-weight:300 !important;}
form.woocommerce-checkout .form-row select {height:42px !important;min-height:42px !important;width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:10px !important;font-weight:300 !important;}
form.woocommerce-checkout .form-row .select2-container .select2-selection--single {height:42px !important;min-height:42px !important;width:100% !important;min-width:100% !important;max-width:100% !important;border:none;padding:5px 10px 10px 10px !important;font-weight:300 !important;}
form.woocommerce-checkout button.button {width:100% !important;min-width:100% !important;max-width:100% !important;background-color:#7FBE6C !important;color:#fff !important;} 

/*========== woocomerce checkout order review ========*/ 
.free-ship-head {text-align:center;color:#fff;background-color:#7FBE6C;}
.free-ship-head .woocommerce-info {border-top:none !important;background-color:transparent !important;padding:2% 0 1% 0 ;color:#fff !important; }
.free-ship-head .woocommerce-info::before {display:none !important;}
.free-ship-head .woocommerce-info h2 {display:inline-block;padding-left:10px;line-height:1em;color:#fff !important;text-transform:capitalize; }

.woocommerce-checkout-review-order h4,
h3#order_review_heading {display:none;}
.woocommerce table.woocommerce-checkout-review-order-table .product-remove a.remove {height:auto !important;}
.woocommerce table.woocommerce-checkout-review-order-table .product-remove a.remove:hover {background:url(images/trash-icon2-glow.png) center center no-repeat !important;background-size:92% !important;border-radius:0;}

.woocommerce table.woocommerce-checkout-review-order-table .product-thumbnail {width:135px !important;max-width:135px !important;overflow:hidden !important;}
.woocommerce table.woocommerce-checkout-review-order-table .product-thumbnail img {max-width:175px!important;width:175px!important;height:175px !important;max-height:175px !important;}
.woocommerce table.woocommerce-checkout-review-order-table .product-name {text-align:left;font-size:1.5em !important;}
.woocommerce table.woocommerce-checkout-review-order-table .product-name a {color:#144226 !important;}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {border:none !important;}
.woocommerce table.woocommerce-checkout-review-order-table .product-price .amount,
.woocommerce table.woocommerce-checkout-review-order-table .product-subtotal .amount {color:#7FBE6C !important;text-align:left;font-size:1.5em !important;}
/*.woocommerce-cart-form .woocommerce-cart-form__contents td {border:1px solid #ccc;}*/

.woocommerce table.woocommerce-checkout-review-order-table .product-quantity {/*min-width:155px !important;*/text-align:center;color:#144226;font-size:1.1em;position:relative;}
/*.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .product-quantity {display:block;padding:5px 0;border:1px solid #144226;}*/
.woocommerce table.woocommerce-checkout-review-order-tablewoocommerce-checkout-review-order-table .product-quantity .qty-box {display:inline-block;background-color:#144226;color:#fff;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity,
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-plus,
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {
float: none !important;
margin: 0;
display: inline-block !important;
vertical-align:middle;
    margin:0px !important;
    
    background-color:#144226;color:#fff;
    padding:5px;
}

.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .product-quantity {background-color:#144226 !important;color:#fff !important;padding:10px;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity {padding:0;text-align:center;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-box {position:relative;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-box {padding:0;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {left:160px;position:absolute;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity input.qty {padding-top:2px !important;margin-right:20px !important;background-color:#144226 !important;color:#fff !important;border:0;font-size:1.25em;line-height:0.9em !important;width:40px !important;margin-bottom:0 !important;display:inline-block !important;vertical-align:middle;}
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-plus button,
.woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus button {display:inline-block !important;vertical-align:middle;width:30px;border:0;background-color:#144226;color:#fff;font-size:1.7em;line-height:1.0em;}


.woocommerce table.woocommerce-checkout-review-order-table tfoot th {text-align:right;}
.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping {float:right;width:50%;max-width:50%;}
.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table {text-align:right !important;}
.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping td {text-align:right !important;max-width:70% !important;color:#144226;padding-right:15%;}
.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping td ul li {padding-right:0;;}
.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping th {text-align:right;max-width:30% !important;color:#144226;text-transform:uppercase;}

.woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping tr.order-total {background-color:#fff !important;}
.woocommerce-form-coupon-toggle,
.subtotal-shipping-table p {display:none;}
.checkout_coupon {max-width:50%;display:inline-block;}
.subtotal-shipping-table .form-row-first, 
.subtotal-shipping-table .form-row-last {float:right !important;clear:both;width:50% !important;max-width:50%;}

.woocommerce-checkout-payment {width:50%;max-width:50%;margin-left:50%;}




/* ================== header ================== */

/*.top { padding: 5px 1% 0 1%;margin-bottom:-10px; }*/
.top {  padding: 5px 1% 0 1%;
    margin-bottom: -10px;
    position: fixed;
    background-color: #fff;
    top: 0;
    z-index: 500;
    /* display: block; */
    width: 100%;
}

.top .content {
    padding:0 20px !important;
    position:relative;
}
.logos {
display:inline-block;
padding-left:20px;
}
.logos img {width:80px;height:45px;}

.shop-icons {
    display:block;
    float:right;
    margin-right:20px;
    text-align:right;
    
}
 .my-cart-icon {
     display:inline-block;
     width:50px;
     height:40px;
     color:#fff;
     background: url(images/shopping-icon.png) center -3px no-repeat;
     font-size:0.9em;
     margin-top:2px;
     padding-right:6px;
     padding-bottom:5px;
     vertical-align:top;
         line-height: 1.35em !important;
}
.my-cart-icon:hover {color:#fff;background: url(images/shopping-icon-hover.png) center -3px no-repeat;}
.account-icon {display:inline-block;width:50px;height:40px;background: url(images/account-icon.png) center top no-repeat;}
.account-icon:hover img {visibility:hidden;}
.account-icon:hover {background: url(images/account-icon-hover.png) center top no-repeat;}

.logo { 
    width:215px;
     padding:10px 0px 5px 0px;
    display:inline-block;
    
}

.logo img { 
    width:100%;
}



/* =================== Nav ===============*/
#menu .content {
    padding:0 !important;
    width:100%;
    max-width:100%;
    
}
.follow, .follow-on {
    position:fixed;
    width:100%;
    z-index:300;
    height:120px;
    /*background:url(images/menu-back.png) repeat-x;*/
    background:url(images/Tear_2500tear.svg) repeat-x;
    /*background:url(images/Tear_HalfSize_Tear_halfSize.svg) repeat-x;*/
    background-position:0 18px;
    background-size:auto 100%;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
    opacity:1;
    filter:alpha(opacity=100);
    
   /* -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
	drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
	filter: url(shadow.svg#drop-shadow);*/
    
}

/*.follow-on {
    position:fixed;
    width:100%;
    z-index:300;
    top:-20px;
    height:120px;
    -webkit-transition: height 1.2s;
    -moz-transition: height 1.2s;
    transition: height 1.2s;
    opacity:0.95;
    filter:alpha(opacity=95);
    
    background:url(images/Tear_2500tear.svg) repeat-x;

   background-position:0 18px;
background-size:auto 100%;
    
}*/



.menu-bar {/*background:url(images/menu-back.png) repeat-x;*/}
#menu { 
    width:98%;
    display:inline-block;
    text-align:center;
    padding:0 1%;
    
}

#menu .menu {
    display:block;
    vertical-align:top;
    position:relative;
    z-index:50;
   font-size:16px;
    text-align:center;
}

.follow #menu,
.follow-on #menu {    
    padding-top:10px;
}
/*.follow-on #menu {    
    padding-top:20px;
}*/

#menu .search {
    display:block;
    
    
    padding-top:0px;
    position:absolute;
    /*z-index:300;*/
    top:2px;
    right:-10px;
}
.top .search {
    display:none;
}



/* Menu */

#menu .menu  ul {
    margin:0;
    padding:0; 
    list-style-type:none; 
    list-style-position:outside; 
    margin-left:1px;
    margin-right:1px;
    margin-top:0px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
}
#menu .menu li { 
    display: inline-block;
}
#menu .menu ul li a {
    color:#fff;
    text-decoration:none;
    padding:10px 0px 12px;
    display:block;
    font-weight:normal;
    text-transform:uppercase;
    padding-top:0px;
    /*margin-left:1px;*/
    
}

#menu .menu  ul li a:Hover {
	color:#fff;
    text-decoration:none;
    display:block;
    font-weight:normal;
    border-bottom:3px solid #7FBE6C;
	}
#menu .menu  ul li.current_page_item a, 
#menu .menu  ul li.current-menu-parent a,
#menu .menu  ul li.current-menu-ancestor a,
#menu .menu  ul li.current-menu-item a
{
	color:#fff;
    font-size:16px;
    font-weight:normal;
    border-bottom:3px solid #7FBE6C;
	}



/*Drop Down*/


#menu .menu ul li ul {
    
    max-width:100%;
    height:auto;
    padding:0 2% 20px 3%;
    text-align:left;
    position:absolute;
    z-index:-1;
 
} 
/*#menu .menu ul li:hover {
      background:url(images/Tear_Nav_Open.png) 0 -80px repeat;  
}*/


#menu .menu ul li.prodmenu ul.sub-menu {
    margin-right:10px !important;
} 

#menu .menu ul li.prodmenu ul.sub-menu li.menu-subhead, 
#menu .menu ul li.prodmenu ul.sub-menu li.menu-subhead-img {
    padding-top:60px;
}
li.menu-subhead-img.menu-item.menu-item-type-post_type.menu-item-object-product {
    padding-left: 0px !important;
    margin-top: auto !important;
    padding-right: 10px !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-top: 0px !important;
    margin-bottom: auto !important;
}

#menu .menu ul li.prodmenu ul.sub-menu {

    /*background:url(images/tear_nav_open_final-lg-1325.png) 0 -35px;*/
    background:url(images/NavDrop-01.png) 0 0/*-35px*/;
    
    background-size:100% 100%;
    /*border:1px solid #000;*/
    padding-bottom:40px;
    overflow:hidden;
    max-height:540px;
    margin-left:-10px;
   min-height:500px;

}

#menu .menu ul li.prodmenu ul.sub-menu li ul {
    background:none;
}

#menu .menu ul li ul li, 
#menu .menu ul li ul li a {
    height:auto;
    max-width:100%;   
       padding-left:20px;
   
}
#menu .menu ul li ul.sub-menu li.menu-item  a { 
    color:#fff;
    width:auto;
    opacity:0.95;
    filter:alpha(opacity=95);
    font-weight:normal; 
    border:0px solid #4b4a4a;
    white-space: nowrap;
    margin-left:-1px;
    margin-top:0px;
    margin-right:-1px;
    padding-bottom:0;
    text-transform:capitalize;
    background-image:none;
    padding:8px 6px;
    margin:0;
    text-align:left;

}

#menu .menu ul li ul.sub-menu li.menu-item  a:Hover {

    color:#80bb01;
    font-weight:normal;
}

#menu .menu ul li ul.sub-menu li.current-menu-item a, 
#menu .menu ul li ul.sub-menu li.current-menu-ancestor a {
    color:#fff;
    font-weight:normal; 
}

#menu .menu  ul ul { 
    display: none; 
    position: absolute; 
    top:20px; 
    left:1px;  
    z-index:-1;
    max-width:100%;
    
   
}

#menu .menu  ul ul ul { 
    left:0px; 
    top: 0px;
    padding:0;
    position:relative; 
     z-index:1;
}
#menu .menu  ul ul li { 
    float: none; 
    height:auto;
    text-align:left;
    position:relative;
    right:0;
    vertical-align:top;
    display:inline-block;
    margin: 0;
    /*display:block;
    background-color:#ccc;*/
   
    padding:8px 10px;
    width:auto;
}
#menu .menu  ul ul ul li { 
    float: none; 
    text-align:left;
    position:relative;
    right:0;
    display:block;
    margin:0;
    
    
}
#menu .menu ul li ul.sub-menu li ul.sub-menu li.menu-item a { 
    color:#144226;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-weight:normal; 
    padding:0 10px;
    border:0px solid #4b4a4a;
    white-space: nowrap;
    margin-left:-1px;
    margin-top:0px;
    margin-right:-1px; 
    padding-bottom:0;
    text-transform:capitalize;
    background-image:none;
    margin:0px;
   
   
}
#menu .menu ul li ul.sub-menu li ul.sub-menu li.menu-item  a:Hover {
    
    color:#80bb01;
    font-weight:normal;
}
#menu .menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a:Hover {
    font-weight:normal; 
    
}

#menu .menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a  {
    color:#144226;
    font-weight:normal; 
}

#menu .menu ul li ul.sub-menu li.menu-subhead a {
    text-transform:uppercase;
    color:#80bb01;
    margin:5px 0; 
    font-size:18px; 
    font-weight:normal;
      
}
#menu .menu ul li ul.sub-menu li.menu-subhead-img a {
    text-transform:none;
    color:#144226;
    margin:5px 0; 
    font-size:inherit; 
    font-weight:normal;
    width:150px;
    max-width:100%;
    text-align:center;
    
}
#menu .menu ul li ul.sub-menu li.menu-subhead a:Hover {
    background:transparent;
    color:#80bb01; 
    font-weight:normal;
}
#menu .menu ul li ul.sub-menu li.menu-subhead.current-menu-ancestor a {
    background:transparent;
    color:#80bb01;
    font-weight:normal;
}


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

#menu .menu ul li:hover ul {width:auto;display:inline-flex; width:100%;} 
#menu .menu ul li#menu-item-18:hover ul {width:auto;display: flex; width:100%; justify-content:center} 
#menu .menu  ul li:hover ul li:hover ul {display: block;}
#menu .menu  ul li:hover ul li:hover ul li:hover ul { display: block;}

#menu .menu  ul ul li {margin:15px 0;width:auto !important;} 
#menu .menu  ul ul ul li {width:auto;} 


.menu-left-menu-container {
    float:left;
}

.menu-right-menu-container {
    float:right;
    padding-right:25px;
    
}

.slide {text-align:center !important;}
.slide a {color:#144226;}
.slide-txt {max-width: 130px;margin: 0px auto;height:50px;}
/*#slider {
    margin:0px auto;
    position:relative;
    z-index:5;  
}*/
.slide-content {    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    z-index: 150;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}

.content-top {margin-top:30px;}
.content-top-large {margin-top:100px;}
.home-slide {
    width:100%;
    z-index:1;
    /*min-height:calc(100vh - 100px);*/
    min-height:650px;
    margin:0;
    padding-bottom:0px;
    background-size:100% !important;
    background-position: right top !important;
    /*background-attachment: fixed; */
    position:relative;
}	

.inside-slide {
    width:100%;
    max-width:100%;
    min-height:350px !important;
    margin:0;
    padding-bottom:0px;
    background-size:100%;
    background-position: center top;
    /*background-attachment: fixed; */
}	

.inside-slide-left {
    width:100%;
     max-width:100%;
    min-height:350px !important;
    margin:0;
    padding-bottom:0px;
    background-size:100%;
    background-position: left top;
    /*background-attachment: fixed; */
}	

.inside-slide-right {
    width:100%;
     max-width:100%;
    min-height:350px !important;
    margin:0;
    padding-bottom:0px;
    background-size:100%;
    background-position: center top;
    /*background-attachment: fixed; */
}	


.content {
    width:1280px;
    margin:0px auto !important;
    padding:20px;
    max-width:100%;
}
.container-fluid .content {
    padding:40px;
    max-width:100%;
}

.content-full {
    width:100%;
    margin:0px;
    padding:0;
    max-width:100%;
}

.paper {background:url(images/paper.jpg) repeat;}
.check-bullet {list-style-type: none;
padding: 0;
margin: 0; }

ul.check-bullet li {
background: url('images/check-bullet.png') no-repeat 0 7px;
min-height: 30px;
padding-left: 35px;
padding-top: 8px;
}

.page-end {height:80px;}

#footer {

    color:#fff;
    
}

.foot-tear {background:url(images/bottom-tear-green.png) center bottom repeat-x;height:69px;padding:0;margin:0;}

.footer-main .content {padding:40px;}
.footer-top {
    height:69px;
    background:url(images/bottom-tear-green.png) repeat-x;
    margin-top:-69px;
}

.footer-main {
    background-color:#144226;
    font-size:15px;
}
.footer-main a {
    color:#fff;
}
.footer-main a:hover {
    text-decoration:underline;
}

.footer-main .col-third {
    padding:0 2%;
    vertical-align:top;
}
/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:0.9; } }

/* ==========================================================================
Waypoints
========================================================================== */
.wp1l, .wp1r, .wp1u, .wp1d, .wp2l, .wp2r, .wp2u, .wp2d, .wp3l, .wp3r, .wp3u, .wp3d, .wp4l, .wp4r, .wp4u, .wp4d, .wp5l, .wp5r, .wp5u, .wp5d, .wp6l, .wp6r, .wp6u, .wp6d, .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10, .p11 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0s; -webkit-animation-delay: 0s; }
.delay-105s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay-205s { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-102s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-105s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-108s { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.delay-201s { animation-delay: 2.1s; -webkit-animation-delay: 2.1s; }
.delay-204s { animation-delay: 2.4s; -webkit-animation-delay: 2.4s; }
.delay-207s { animation-delay: 2.7s; -webkit-animation-delay: 2.7s; }
.delay-300s { animation-delay: 3s; -webkit-animation-delay: 3s; }
.delay-303s { animation-delay: 3.3s; -webkit-animation-delay: 3.3s; }
.delay-306s { animation-delay: 3.6s; -webkit-animation-delay: 3.6s; }
.delay-309s { animation-delay: 3.9s; -webkit-animation-delay: 3.9s; }
.delay-402s { animation-delay: 4.2s; -webkit-animation-delay: 4.2s; }
.delay-405s { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; }


/* ================== colors ================== */


.green {background-color: #144226;}
.ltgreen {background-color: #7FBE6C}
.ltgreen-screen {background-color: rgba(127,190,108,.65)}
.white {background-color:#fff;}
.dkgrey {background-color:#1e222d;}

.green-txt {color: #144226;}
.ltgreen-txt {color:#7FBE6C}
.white-txt {color:#fff;}
.dkgrey-txt {color:#1e222d;}

/*.star-rating{font-size:1.4rem}
        .star-rating {color:#111}
        .star-rating{margin-bottom:.8rem}ul.products li.product .price{margin-bottom:2rem}
        .star-rating{display:block}
        .star-rating{overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star;margin-bottom:.7rem}
        .star-rating::before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}
        .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}
        .star-rating span::before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}
        .star-rating{float:left;margin-right:.25rem}
        
        .comment-form-rating label{max-width:58rem;margin:0 auto}*/


.rating {
    float:left;
    width:140px;

}
.rating span { float:right; position:relative; }
.rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
.rating span label {
    display:inline-block;
    width:25px;
    height:25px;
    text-align:center;
    color:#FFF;
    background:url('https://skyvalley.lhfoods.wpengine.com/wp-content/themes/SkyValley/images/star-open.png');
    font-size:30px;
    margin-right:2px;
    line-height:30px;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {
    background:url('https://skyvalley.lhfoods.wpengine.com/wp-content/themes/SkyValley/images/star-solid.png');
    color:#FFF;
}

.comment-form #submit {background-color:#144226 !important;color:#fff !important;padding:5px 15px;height:auto;border:none;}

form#commentform input, form#commentform textarea {padding:8px;}


.sidebar {margin:30px 10px;}
.sidebar:first-child {margin-top:20;}
.categories-2, .tag_cloud-2 {padding:15px;border:1px solid #cfcfcf;}
.tag_cloud-2 .tagcloud {padding:20px 10px!important;}
.tag_cloud-2 a {font-size:18px !important;padding:15px;background-color:#E0E1E3;color:#000;}
.sidebar h3 {text-align:center;font-weight:normal;text-transform:uppercase;font-size:18px;}
.sidebar .searchform input {width:100% !important;margin:5px 0;max-width:100%;padding:10px !important;height:auto;text-align:center;}
.sidebar .searchform input[type='text'] {background-color:#fff !important;border:1px solid #5B5D5F !important;}
.sidebar .searchform input[type='submit'] {background-color: #7FBE6C;border:0px;text-transform:uppercase;}
.sidebar ul {list-style-type:none;margin-left:-40px;}
.sidebar ul li {border-top:1px solid #cfcfcf;}
.sidebar ul li a {color:#5B5D5F}
.sidebar ul li:first-child {border-top:0;}


/*============== Gravity Forms ========= */
.gform_wrapper .gate .gform_body {display: flex;}
.gform_wrapper .gate .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{width: 87%;}
.gform_wrapper .gate .gform_footer{    padding: 16px 0 10px 0;
    margin: -100px 10px 0 0;
    clear: none;
    width: 50% !important;
    float: right;
    text-align: center;
position:relative;z-index:100;}

body .gform_wrapper .gate .top_label div.ginput_container {margin-top: 0px;}
.gate div {padding: 0;}
body .gform_wrapper .gate ul li.gfield {margin-top: 0px;}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width:48% !important;
}
@media screen and (max-width: 768px) {
    .container-fluid .content {
    padding:20px 0;
    max-width:100%;
}
.section.green{overflow:hidden}
textarea{width:100%;}
.gform_wrapper .gate .gform_body {display: block;}
body.menu-open{overflow:hidden}
}

.newslettter-field {background-color:#89a092;border:2px solid #fff;color:#fff;}
    .mailing .gform_wrapper .gform_body { width: 70%; display: inline-block; } 
    .mailing .gform_wrapper .gform_footer {clear: none; width: 25%; display: inline-block;} 
    .mailing .gform_wrapper ul li.gfield {margin-top: 0px; padding-top: 0;} 
    .mailing .gform_wrapper .top_label div.ginput_container {margin-top: 5px;} 
    .mailing .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 0 0 0 5px;} 
    .mailing .gform_wrapper li.hidden_label input {margin-top: 0px;} 
    .mailing input[type="text"] {margin: 0; background-color: transparent;border: none;color:#fff;} 
    .mailing input:focus {outline-width: 0px;}
    .mailing .gform_wrapper li {padding:0 5px 5px 5px !important;}
    .mailing .gform_wrapper form {text-align: left;max-width: 100%;margin: -50px 0 0 0;}
    .mailing .button {min-width:75px;height:40px;} 
    .mailing .gform_wrapper .gform_footer input[type=submit] {background-color: rgba(255,255,255,0.9);color:#144226;padding:5px 10px;border: 2px solid #fff;}




/* ====================   content   ==================  */
/*@media not all and (min-resolution:.001dpcm) { @media {

   html, body {
  height: 100%;
  width: 100%;
  overflow: auto;
}
}}
*/
html {
    height:100%;
}
body {
    margin:0;
    padding:0;
    font-family: metallophile-sp8, sans-serif; 
    font-weight:normal;
    font-size:18px;
    color:#3b3b3b;
    line-height:1.5em; 
    height:100%;
    max-width:100%;
    letter-spacing: 1px;
}

.sans-font { font-family: metallophile-sp8, sans-serif; }
.script-font {font-family: 'black_stonealternative';}

h1 {
    font-size:60px;
    color:#144226;
    font-weight: normal;
    line-height:1.15em;
    margin-top:0px;
    font-family: 'black_stonealternative';
}

h2 {
    font-size:48px;
    color:#144226;
    font-weight: normal;
     line-height:1.25em;
    margin-top:5px;
    margin-bottom:5px;
    font-family: 'black_stonealternative';
}


h3 {
    font-size:36px;
    color:#144226;
    font-weight: normal;
    margin:0px;
    margin-bottom:10px;
     line-height:1.25em;
    font-family: 'black_stonealternative';
}

h4 {
    font-size:30px;
    color:#144226;
    font-weight: normal;
    margin:0px;
     line-height:1.25em;
    font-family: 'black_stonealternative';
}

h5 {
    font-size:18px;
    color:#144226;
    font-weight: normal;
    margin-bottom:5px;
     line-height:1.75em;
    font-family: 'black_stonealternative';
}

h6 {
    font-size:16px;
    color:#000;
    font-weight: normal;
    margin:0px;
     line-height:1.75em;
    font-family: 'black_stonealternative';
}

*, ::after, ::before {
    box-sizing:none;
}
a {
    /*color:#006198;*/
    color:#7fbe6c;
    text-decoration:none;
}

a:hover {
    /*text-decoration:underline;*/
    text-decoration:none;
    color:#7FBE6C;
}
a.hover-ltgreen:hover {color:#144226 !important;}

.link-line {display:inline-block;}

.link-line {
    background:linear-gradient(#7FBE6C,#7FBE6C) no-repeat;
    background-size:163px 3px;
    background-position:center bottom;
    padding-bottom:8px;
}

.anchor a {
  position: absolute;
  left: 0px;
  top: -100px;
}
.anchor {
  position: relative;
}

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.col-full {display:inline-block;width:96%;margin:1%;vertical-align:middle;text-align:left;}
.col-two-third {display:inline-block;width:60%;margin:2%;vertical-align:middle;text-align:left; }
.col-half {display:inline-block;width:47%;margin:1%;vertical-align:middle;text-align:left; }
.col-third {display:inline-block;width:30%;margin:1%;vertical-align:middle; text-align:left; }
.col-three-quarter {display:inline-block;width:70%;margin:2%;vertical-align:middle; text-align:left;}
.col-quarter {display:inline-block;width:20%;margin:2%;vertical-align:middle; text-align:left; }

.footer-main .brands .col-third {
        text-align:right;
    }  
.footer-main .brands .col-two-third {
        text-align:left;
    }  

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {margin:0px auto;}
.padding {padding:20px;}

.margin {margin:10px;}
.uppercase {
    text-transform:uppercase;
}
.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.grayscale {
    filter: grayscale(100%);
}
.text-center {text-align:center; }
.text-left {text-align:left; }
.text-right {text-align:right; }
.font-normal {font-weight:normal;}
.text-shadow {text-shadow:0px 0px 8px #000;}
.spacer-block {width:90%;height:175px;}
.inline { display:inline-block;vertical-align:middle;}
.block {display:block;width:96%; }
.vertical-top {vertical-align:top;}
.menu-pad-right {padding-right:25px;}
.padding-zero {padding:0px !important }
.padding-bottom-zero {padding-bottom:0px !important }
.padding-top-bottom {padding-top:60px !important;padding-bottom:60px !important  }
.margin-zero {margin:0px !important }
.margin-bottom {margin-bottom:10px;}
.margin-top {margin-top:30px;}
.margin-top-bottom {margin:10px 0;}
.margin-top-negative {margin-top:-140px;}
.margin-bottom-negative {margin-bottom:-10px;}
.border-right {border-right:1px solid #ccc;}
.border-left {border-left:1px solid #ccc;}
.display-none {display:none;}
.btn {background-color:#09477b;}

input[type="reset"], input[type="button"], input[type="submit"] {border-radius:0px !important;border:none;}
.button {display:inline-block;padding:25px 60px;text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px; -o-border-radius: 40px;border-radius: 40px;font-weight:normal;min-width:150px;}

.button-sm {display:inline-block;padding:15px 30px;text-align:center;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px; -o-border-radius: 25px;border-radius: 25px;font-weight:normal;min-width:150px;}

.featured-image {width:100%;}


/*==================== social media  =================*/

.facebook {
    display:inline-block;
    width:30px;height:30px;
    background:url(images/fb-icon.png) center center no-repeat;
    background-size:100%;
}
.twitter {
    display:inline-block;
    width:30px;
    height:30px;
    background:url(images/tw-icon.png) center center no-repeat;
    background-size:100%;
}
.pinterest {
    display:inline-block;
    width:30px;
    height:30px;
    background:url(images/pi-icon.png) center center no-repeat;
    background-size:100%;
}
.instagram {
    display:inline-block;
    width:30px;
    height:30px;
    background:url(images/ig-icon.png) center center no-repeat;
    background-size:100%;
}


/*==================== forms =================*/

.gate {text-align:left;}
.gate div {padding:10px 5px;vertical-align:top;}
.gate .form-half {width:48%;display:inline-block;}
.gate .form-third {width:32.25%;display:inline-block;}
.gate .form-quarter {width:23%;display:inline-block;}
.gate .form-two-third {width:64%;display:inline-block;}
.gate .form-full {width:97%;display:inline-block;}
.gate input[type="text"], .gate input[type="email"] {
  background: white;
  width: 100%;
    max-width:100%;
  padding: 0.10em 0.67em;
  border: 0px solid #ccc;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: .25em 0 !important;
}

.gate textarea {

  background: white;
  width: 100%;
     max-width:97%;
  padding: 0.10em 0.67em;
  border: 0px solid #ccc;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 10.35em;
  margin: .25em 0 !important;
}

.gate select {

  background: white;
  color:#666;
  width: 100%;
    max-width:100%;
  padding: 0.63em 0.67em;
  border: 0px solid #ccc;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  height:44px;
  margin: .25em 0!important;
}

.gate input[type="submit"]  {
 /* width: 100% !important;*/
   padding: .5em 5em;
   border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: .25em 0 !important;
    width: 100%;
    max-width:100%;
}


/*==================== Search =================*/

#s {width:155px;padding: 5px;margin-top:1px;background-color:#E6E7E8;border:none;}

input.search {background:#fff /* url(images/search-icon2.png) no-repeat 99% center;background-size:auto 80%;*/}
input.s {
	background: url(images/search-icon.png) no-repeat right 2px;
	background-size:auto 90%;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 0;
	padding: 3px 40px 3px 0;
	height: 32px;
	color: #bbb;
	font-style: italic;
	margin: 0;
	border:none;
	border-color: transparent;
	cursor: pointer;
	text-indent: 40px;
	 -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
	
}
input.s:focus {
	width: 150px;
	padding-left: 10px;
    padding-right:5px;
	border-color: #eaeaea;
	text-indent: 0;
	background: #fff url(images/search-icon2.png) no-repeat right 2px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
	background-size:auto 90%;
	height:32px;
	color:#000;
}

input[type="reset"], 
input[type="button"], 
input[type="submit"] {
   /*border: 1px solid #0596AF;*/
   color: #fff;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   height: 25px;
   margin-bottom: 30px;
   padding: 15px 30px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }
  
ul li {padding:15px;}





/* ====================   Responsive Styles ==================== */

@media screen and (max-width: 1200px) {
    .content {
        width:95%;
        max-width:95%;
    }
    .top .content {
        padding:0 0px !important;
}
    
    .recipe-button, 
    .recipe-button-selected, 
    .recipe-button a, 
    .recipe-button-selected a,
    .recipe-button:hover, 
    .recipe-button-selected:hover{
        font-size:40px;
    }
    
    .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {left:140px;position:absolute;}
}
@media screen and (max-width: 1100px) {
    
 /*======= wooocommerce =========*/
.shop .woocommerce .prod-flip-name {padding:10px 10px 0px 10px;margin:0;line-height:1.1em !important;font-size:18px;line-height:1.25em;}
.shop .woocommerce .prod-flip-price {padding:0px 10px;margin:0;font-size:30px;line-height:1.25em;}
.shop .woocommerce .prod-flip-desc {padding:0px 10px;margin:0;line-height:1em !important;font-size:16px;line-height:1.25em;}
.shop .woocommerce .prod-flip-button .button {background-color:#fff !important;color:#144226 !important;max-width:90% !important;font-size:0.9em;line-height:0.9em;margin:0 !important;padding:10px !important;}
    .shop .woocommerce .prod-flip-details {padding:10px;}
.shop .woocommerce .prod-flip-details a {color:#fff;font-size:0.9em;line-height:1.25em;}


    
/*=========== single product page ===========*/
 .single-product div.product .product_title {font-size:2em;}
    
.single-product div.product form.cart .qty-minus {left:63px;padding-right:14px;}
.single-product div.product form.cart .quantity input.qty {height:32px;border:0;width:40px;}
.single-product div.product form.cart .qty-plus button,
.single-product div.product form.cart .qty-minus button {width:20px;height:32px;font-size:1.5em;line-height:auto;}
.single-product div.product form.cart button.single_add_to_cart_button {min-width:100px;max-width:100px !important;margin:0 20px;padding-left:5px;padding-right:5px;}

.single-product div.product .woocommerce-product-gallery img {min-width:120% !important;margin-left:0%;}    
    
    .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {left:120px;position:absolute;}  
}

@media screen and (max-width: 992px) {
      .search-main .recipe-tile, .search-main .product-tile, .search-main .search-result  {width:33% !important;max-width:33% !important;} 
    .search-main .product-tile img, .search-main .search-result img {height:325px;} 
    .fancybox-container {left:44% !important;}
 /*======= wooocommerce =========*/ 
    
    .shop .woocommerce .prod-flip-desc {display:none;}
 .shop .woocommerce .prod-flip-button .button {;min-width: 100px !important;}
 .shop-organic,
.shop-glutenfree,
.shop-nongmo,
.shop-whole30,
.shop-vegan,
.shop-mild,
.shop-medium,
.shop-hot {width:60px;height:60px;}   

.shop-organic-selected, 
.shop-organic:hover, 
.shop-glutenfree-selected,
.shop-glutenfree:hover,
.shop-nongmo-selected,
.shop-nongmo:hover, 
.shop-whole30-selected, 
.shop-whole30:hover,
.shop-vegan-selected, 
.shop-vegan:hover,  
.shop-mild-selected, 
.shop-mild:hover,  
.shop-medium-selected, 
.shop-medium:hover,  
.shop-hot-selected, 
.shop-hot:hover  {width:60px;height:60px;}  
 
.single-product {padding:20px 10px !important;}        
.single-product div.product .custom-tabs .golden-crane {max-height:300px;} 
 
/*.woocommerce table.woocommerce-cart-form__contents .actions .coupon input {min-width:40% !important;} */   
     .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {left:110px;position:absolute;}   
    #menu .menu ul li a {
       /* font-size:.825em !important;*/
        
    } 
    #menu .menu ul li ul li a, 
    #menu .menu ul li ul li ul li a {
       /* font-size:.925em !important;*/
    }
    
    .footer-main .col-third {
    padding:0 1%;
    vertical-align:top;
}
    
}
@media screen and (min-width: 769px) {
		#nav, .mobile {
			display: none !important;
		}
	}

@media screen and (max-width: 768px) {
    
    
     /*======= wooocommerce =========*/ 
    .shop .woocommerce .prod-flip-name {padding:15px 15px 0px 15px;margin:0;line-height:1.1em !important;font-size:20px;line-height:1.25em;}
    .shop .woocommerce .prod-flip-price {font-size:26px;line-height:1.25em;}
    .shop .woocommerce .prod-flip-desc {display:inline-block;}
    
    .product-cat-button,
    .product-cat-button:hover,
    .product-cat-button-selected {font-size:30px;}
    
    /*=========== single product page ===========*/
 .single-product div.product .product_title {font-size:1.5em;}    
.single-product div.product form.cart .qty-minus {left:60px;position:absolute;padding-right:14px;}
.single-product div.product form.cart .quantity input.qty {height:32px;border:0;width:35px;}
.single-product div.product form.cart .qty-plus button,
.single-product div.product form.cart .qty-minus button {width:15px;height:32px;font-size:1.0em;}
.single-product div.product form.cart button.single_add_to_cart_button {min-width:90px;max-width:90px !important;margin:0 20px !important;font-size:0.9em !important;margin:0 0 0 10px;padding-left:5px;padding-right:5px;}
    
 .single-product div.product .custom-tabs .golden-crane {display:none;}  
    .single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs {margin-top:50px;}
 .single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs li a {padding:5px 15px;width:95%;font-size:0.9em !important;}
.single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs .wc-tab {padding-top:0 !important ;font-size:0.8em !important;line-height:1.2em !important;}
    
.single-product div.product .entry-summary {max-width:36% !important;padding-top:50px;}
.single-product div.product .custom-tabs {max-width:40% !important;z-index:20;}
.single-product div.product .woocommerce-product-gallery {max-width:23% !important;z-index:10;}
.single-product div.product .woocommerce-product-gallery img {min-width:150% !important;margin-left:-25%;}   
    
    
    /*================= woocommerce cart ============*/
    .woocommerce table.woocommerce-cart-form__contents tr:nth-child(2n) td {background-color:transparent !important;border:none !important;}
    .woocommerce table.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item:nth-child(2n) {border-top:1px solid #ccc !important;}
    .woocommerce table.woocommerce-cart-form__contents .product-remove {display:block !important;margin-top:80px;margin-bottom:-120px;margin-right:60px;position:absolute;z-index:100;}
    .woocommerce table.woocommerce-cart-form__contents .product-thumbnail {display:block !important;margin-bottom:-200px;margin-right:30px;}
    .woocommerce table.woocommerce-cart-form__contents .product-name,
    .woocommerce table.woocommerce-cart-form__contents .product-price,
    .woocommerce table.woocommerce-cart-form__contents .product-quantity,
    .woocommerce table.woocommerce-cart-form__contents .product-subtotal {text-align:center !important;margin-left:100px;}
    .woocommerce table.woocommerce-cart-form__contents .product-subtotal {margin-bottom:20px;}
    .woocommerce table.woocommerce-cart-form__contents .product-thumbnail::before,
    .woocommerce table.woocommerce-cart-form__contents .product-subtotal::before,
    .woocommerce table.woocommerce-cart-form__contents .product-name::before,
    .woocommerce table.woocommerce-cart-form__contents .product-price::before, 
    .woocommerce table.woocommerce-cart-form__contents .product-quantity::before {display:none;}
    .woocommerce table.woocommerce-cart-form__contents .product-quantity .quantity {min-width:135px !important;position:relative;}
    .woocommerce table.woocommerce-cart-form__contents .product-quantity .quantity input.qty {margin:0;width:70px !important;}
    .woocommerce table.woocommerce-cart-form__contents .product-quantity .qty-minus {left:auto;right:0px;position:absolute;}
    
    .woocommerce table.woocommerce-cart-form__contents .actions .coupon {float:none !important;display:inline-block;width:100%;padding-top:10px;}
    
    .cart-collaterals .cart-block1 {display:inline-block;height:215px;width:100%;max-width:100%;max-height:215px;float:none;background-color:#fff;color:#144226;padding:30px;margin-bottom:15px;}
.cart-collaterals .cart-block2 {display:inline-block;height:215px;width:100%;max-width:100%;max-height:215px;float:none;background-color:#fff;color:#144226;padding:30px;margin-top:25px;}
  
.cart-collaterals .cart_totals .wc-proceed-to-checkout,
.cart-collaterals .cart_totals {text-align:center !important;background-color:#7FBE6C !important;color:#fff;max-width:100%;max-height:215px;float:none !important;}
    .cart-collaterals .cart_totals .woocommerce-Price-amount {text-align:center !important;}
    .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td {text-align:center !important;}
    
    /*============== woocommerce checkout ==========*/
     .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .qty-minus {left:110px;position:absolute;}   
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {float:none !important;}
  
    .woocommerce table.woocommerce-checkout-review-order-table .product-thumbnail {width:85px !important;max-width:85px !important;overflow:hidden !important;}
    .woocommerce table.woocommerce-checkout-review-order-table .product-thumbnail img {margin-left:-65px;}
    .woocommerce table.woocommerce-checkout-review-order-table .product-remove  {width:45px !important;max-width:45px !important;}
    
    .woocommerce table.woocommerce-checkout-review-order-table .product-name,
    .woocommerce table.woocommerce-checkout-review-order-table .product-price .amount,
    .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity input.qty,
    .woocommerce table.woocommerce-checkout-review-order-table .product-subtotal .amount,
    .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity .qty-plus, 
    .woocommerce table.woocommerce-checkout-review-order-table .product-quantity .quantity .qty-minus {font-size:1em !important;}
    
    .woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping td {padding-right:20px;}
    .woocommerce table.woocommerce-checkout-review-order-table .subtotal-shipping-table table.subtotal-shipping {min-width:100%;}
.checkout_coupon {max-width:100%;display:inline-block;}
.subtotal-shipping-table .form-row-first, 
.subtotal-shipping-table .form-row-last {float:right !important;clear:both;width:100% !important;min-width:100%;}
.woocommerce-checkout-payment {width:100%;min-width:100%;margin-left:0;}
    
    
    /*============== my account ==========*/
    .my-account-top {height:auto !important;}
    div.woocommerce-address-box,
    div.woocommerce-history-box {width:100% !important;max-width:100% !important;}
    
  
        
    
    /*========== end woocommerce =========*/
    
    .top {padding-bottom:15px;}
    .follow, .follow-on {/*height:auto;*/postion:relative !important;}
    .follow .content, .follow-on .content {padding-bottom:0 !important;;}
    .not-mobile  {display:none !important; }
    .shop-icons {

    margin-right:0px;

}
   
    
    #menu .search {
    display:none;
}
    .top .search {
        display:block;
   float:right;
    position:relative;
    z-index:500;
    margin-right:30px;
    padding-top:0px;
    margin-top:0px;
    
}
    
   .top .search input.s {
	background: url(images/search-icon2.png) no-repeat right 0px;
	background-size:auto 90%;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 0;
	padding: 0px 40px 3px 0;
	height: 32px;
	color: #bbb;
	font-style: italic;
	margin: 0;
	border:none;
	border-color: transparent;
	cursor: pointer;
	text-indent: 40px;
	
	
}
.top .search input.s:focus {
	width: 120px;
	padding-left: 10px;
    padding-right:5px;
	border-color: #eaeaea;
	text-indent: 0;
	background: #144226 url(images/search-icon.png) no-repeat right 2px;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
	background-size:auto 90%;
	height:32px;
	color:#000;
}
    
   
    
    #menu {
        height:75px;
    }
    
     #mobilemenu .menu  ul {
        display:none;
    }
    .logo { 
    padding:10px 0 5px 0;
}
 
    
    #mobilemenu .menu {
        width:100%;
    }
    #nav {
			/*position:absolute;*/
			z-index:500;
			width:1.4em;
			display: block;
			color:#144226;
			text-align: center;
			cursor:pointer;
			float:right;
			top:9px;
	        position:fixed;
            left:20px;
			font-size:40px;
		}
    
        #mobilemenu .menu  ul ul {
            
            display:none;
            height:auto;
            top:0px !important; 
            left:0px; 
            position:relative !important; 
            z-index:inherit;
            margin-bottom:-10px;
    }
        #mobilemenu .menu  ul li ul {
            margin:0px;
            padding-top:13px !important;

    }
        #mobilemenu .menu  ul ul li { 
            height:auto !important;
            text-align:left;
            position:relative;
            right:0;
            
            background:transparent; 
          
           
    }
    
    #mobilemenu .menu  ul li a { 
        color:#000;
        font-size:18px;
        font-weight:400;
        letter-spacing: 1px;
    }


        #mobilemenu .menu ul li ul.sub-menu li.menu-item a { 
             color:#144226;
            background-color:transparent !important;
            font-weight:normal; 
            padding-left:20px;
           
            border:0px; 
            /*border-top:1px solid #fff; */
          
    }
    #mobilemenu .menu ul li a {
        padding:10px 0 ;
         text-transform:uppercase;
    color:#80bb01;
        
    }
     #mobilemenu .menu ul li:Hover, 
       #mobilemenu .menu ul li a:Hover ,
    #mobilemenu .menu ul li ul.sub-menu li.menu-item:Hover,
    #mobilemenu .menu ul li ul.sub-menu li.menu-item  a:Hover {
        text-decoration:none;
        color:#80bb01;
        font-weight:normal;
    }
    
		#mobilemenu .menu ul {
			/*width:244px;*/
			position:absolute;
            z-index:300;
            top:93px;
            /*background-color:#144226;*/
            background:url(images/tear_nav_open_final-sm.png) -40px -65px repeat;
            width:100%;
            left:0px;
            padding:0;
            
            
		}
		#mobilemenu .menu ul li {
			width:100% ;
            display:block;
			/*background-color:#3b3b3b;*/
			border-top:1px solid #000;
			height:auto !important;
            padding-left:0px;
            text-indent:20px;
            margin:0px;
            padding-top:15px;
            padding-bottom:15px;
            
		}
    #mobilemenu .menu ul li:first-child,
    #mobilemenu .menu ul li.sub1{
        padding-top:60px;
        border-top:none;
    }
    .js-arrow-down {
    /*padding-top:20px;*/
        float:right;
        margin-right:20px;
        color:#144226 !important;
        -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
         
}
    .js-arrow-down::before {
        content: "∨";
    }

    .js-arrow-up {
        float:right;
        margin-right:20px;
        color:#144226 !important;
        -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
}
     .js-arrow-up::before {content: "∧";}
    
    #mobilemenu .menu ul li ul li:first-child {
        padding-top:10px;
        /*border-top:1px solid #000;*/
        margin-top:-10px;
    }

    #mobilemenu .menu ul ul li, #mobilemenu .menu ul ul li a  {
			width:100%;
			border-right:none;
			/*background-color:#3b3b3b;*/
			border-top:none;
			height:auto;
       
        
       
        text-transform:none;
        
        padding:5px 0;
        
		}
        #mobilemenu .menu ul ul ul li, #mobilemenu .menu ul ul ul li a  {
			width:100%;
           
			border-right:none;
			/*background-color:#3b3b3b;*/
			border-top:none;
			height:auto;
            text-indent:10px;
            margin-left:0px;
           
		}
    
#mobilemenu .menu ul li:hover ul ul,
#mobilemenu .menu ul li:hover ul li:hover ul ul { 
    display: block;
    height:auto;
    
    }
#mobilemenu .menu ul li ul.sub-menu li.menu-subhead a {
    text-transform:uppercase;
    color:#80bb01;
    margin:5px 0; 
    font-weight:normal;
    
}
#mobilemenu .menu ul li ul.sub-menu li.menu-subhead ul li a {
    text-transform:none;
    color:#80bb01;
    margin:5px 0; 
    font-weight:normal;
}
#mobilemenu .menu ul li ul.sub-menu li.menu-subhead a:Hover {
    background:transparent;
    color:#80bb01; 
    font-weight:normal;
}
    
/*#mobilemenu .menu ul li:hover ul {
    display: block;
    height:auto;
    } 
#mobilemenu .menu ul li:hover ul li:hover ul {
    display: block;
    height:auto;
    }
#mobilemenu .menu ul li:hover ul li:hover ul li:hover ul { 
    display: block;
    height:auto;
    }*/
    #mobilemenu .menu ul ul {
        background-image:none;
       
        width:102.8%;
        margin:0;
        padding:0;
    }
    #mobilemenu-bottom {
        position:absolute;top:98.9%;
        width:100%;
        padding:20px 0;
        height:100px;
        background:url(images/tear_nav_open_final-bottom-final.png) no-repeat;
        text-align:center;
        border-top:1px solid #000;
        display:block !important;
        font-size: 15px;
    }   
    #mobilemenu-bottom img {
        postion:relative;margin-top:0px;
        max-width:100px;
        max-height:60px;
    } 
    
    #mobilemenu-bottom .mmlink {display: inline-block;margin:0px auto;vertical-align: middle;padding:5px 5px;text-align: center;}
    #mobilemenu-bottom .mmlink img {margin-top:0;}
    #mobilemenu-bottom .mmlink a {color:#fff;}
    #mobilemenu-bottom .mobile-logo img {height:50px;width:auto;max-width:100px;}
    
    /*#mobilemenu-bottom .mobile-logo img {height:50px;width:auto;max-width:100px;}*/
    
    
    .logos {width:100px;}  
 .logos {
     display:none;
    }
    

    
 .col-third, 
    .col-quarter {width:95%; }
    .top .content {width:100%;max-width:100%;}
    .top {padding-left:0 !important;padding-right:0 !important;}
}



@media screen and (max-width: 768px) {
    .form-control {margin-left:5px;}  
    
.footer-main .content {padding:20px;}
/*=============== Recipe ==================*/
    
.recipe-img {background:none !important;}
.recipe-img-main img {display:block;width:100%;margin:0px auto;}
    .recipe-img-main {padding-left:0px !important;padding-right:0px !important;}    
    .recipe-content {padding:20px;}
     .recipe-foot .recipe-tile:nth-child(4) {display:none;}
    .recipe-tile {max-width:33.333% !important;}
    .recipe-button, 
    .recipe-button-selected, 
    .recipe-button a, 
    .recipe-button-selected a,
    .recipe-button:hover, 
    .recipe-button-selected:hover {
        font-size:30px;
        width:50% !important;
    }
   
/*=============== end Recipe ==================*/
    
    .half-img {width:100% !important;}
    .col-two-third, 
    .col-half {margin:10px auto !important;width:85%; }
    
    
    .gate input {width:98% !important;}
    .gate select, .gate textarea {width:105%;}
    .border-right {border-right:0px;}
    .gate .form-half,
    .gate .form-quarter,
    .gate .form-two-third, 
    .gate .form-third {width:95%;}

	
    .margin-top-negative {margin-top:auto}
    .pop-up {width:250px;}
.pop-up img {max-width:100%;}
    .pop-up-lg img {width:75px;padding:0 !important;margin-bottom:-5px !important;}
    .pop-up .col-two-third {padding-left:10px;}
    
.col-two-third,
.col-half,
.col-third,
.col-fourth,
.col-quarter,
.col-three-quarter{
    width:45% !important; 
    }
 .footer-main .mailing {
    text-align:center;
}   
       .search-main .recipe-tile, .search-main .product-tile, .search-main .search-result  {width:50% !important;max-width:50% !important;} 
    
   
    
}

@media screen and (max-width: 576px) {
     .search-main .product-tile img, .search-main .search-result img {height:250px;} 
    
     .search-post-type div span {display:none;}
/*=========== woocommerce =============*/
    .single-product div.product form.cart .quantity input.qty {width:35px;}
 .single-product div.product form.cart button.single_add_to_cart_button {margin:0px 0px !important;}  
  .single-product div.product form.cart .qty-minus {left:55px;}  
.single-product div.product .entry-summary {max-width:50% !important;padding-top:50px;}
 
.single-product div.product .custom-tabs {min-width:100% !important;z-index:20;}
.single-product div.product .woocommerce-product-gallery {max-width:50% !important;z-index:10;}
    .single-product div.product .woocommerce-product-gallery img {min-width:110% !important;margin-left:0%;}    
 .single-product div.product .custom-tabs .custom-tabs-content .woocommerce-tabs ul.wc-tabs li a {font-size:1.0em !important;} 
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs li {min-width:50%;}
.single-product div.product .custom-other-tabs-content .woocommerce-tabs ul.wc-tabs li a {font-size:0.9em !important;}    
    /*========recipe ========*/
    .recipe-foot .recipe-tile:nth-child(3), 
    .recipe-foot .recipe-tile:nth-child(4) {display:none;}
    
   .recipe-tile {max-width:50% !important;}
    .recipe-tile .tile-content {font-size:16px ;}
    .gate input[type="submit"]  {
-webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px; 
    -o-border-radius: 35px;
    border-radius: 35px;
 /* width: 100% !important;*/
   padding: 1.5em 2em;
   border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 4.5em;
  margin: .25em 0 !important;
}

.col-two-third,
.col-half,
.col-third,
.col-fourth,
.col-quarter,
.col-three-quarter{
    width:95% !important; 
    }
    
.footer-main .col-third .col-half {
        width:45% !important; 
    
    padding:2%;
    }
    .footer-main .footmenu {
        text-align:center;
    }
    .footer-main .footmenu .col-half {
        text-align:left;
    }
    .footer-main .footmenu .col-half:first-child {
        text-align:right;
        
    }
    .footer-main .brands .col-third,
    .footer-main .brands .col-two-third {
        text-align:center;
    }   
    .footer-main .brands .col-two-third {
        border-left:none !important;
        border-top:1px solid #fff;
    }
    
    .woocommerce table.woocommerce-cart-form__contents .product-thumbnail {
    width: 135px !important;
    max-width: 135px !important;
    overflow: hidden !important;
    margin-left:-20px;  
    }
    .woocommerce table.shop_table td {
    padding: 9px 0px !important;
}
        .woocommerce table.woocommerce-cart-form__contents .product-name,
    .woocommerce table.woocommerce-cart-form__contents .product-price,
    .woocommerce table.woocommerce-cart-form__contents .product-quantity,
    .woocommerce table.woocommerce-cart-form__contents .product-subtotal {max-width:250px;}
    
    .recipe-content .content {
    padding: 40px 20px 40px 20px !important;
    max-width: 100% !important;
}
        
}
@media screen and (max-width: 375px) {
    .recipe-foot .recipe-tile:nth-child(3),
    .recipe-foot .recipe-tile:nth-child(4) {display:inline-block;}
    .recipe-tile .tile-content {font-size:14px ;}
    .recipe-tile {max-width:95% !important;}
    .search-main .recipe-tile, .search-main .product-tile, .search-main .search-result  {width:95%;max-width:95%;} 
}


/* ================== Disabled ===================*/
.prod-flip-button, .shop-icons {display:none;}


.left-slidein {
    position: absolute;
    left: -320px;
    width: 320px;
    height: 320px;
opacity:0;
will-change: transform, opacity;
}

.first-hero .left-slidein,.first-hero .right-slidein{
    transform: translate(0%, -40%);
    }

@-webkit-keyframes slideLeft {
    100% { left: 0; }
}

@keyframes slideLeft {
    100% { left: 0; }
}


.right-slidein {
    position: absolute;
    right: -420px;
    width: 420px;
    height: 420px;
    opacity: 0;
will-change: transform, opacity;

}

.right-slidein.is-visible {
  opacity: 1;
      -webkit-animation: slideRight 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slideRight 0.5s forwards;
    animation-delay: 0s;
    top: 0;
    transform: translate(0%, 0%);
}

.left-slidein.is-visible {
  opacity: 1;
      -webkit-animation: slideLeft 0.5s forwards;
    -webkit-animation-delay: 4s;
    animation: slideLeft 0.5s forwards;
    animation-delay: 0s;
}


@-webkit-keyframes slideRight {
    100% { right: 0; }
}

@keyframes slideRight {
    100% { right: 0; }
}