/*
Theme Name: Shop Cumbé
Author: Ayrton Fuentes
Description: Handcrafted for Shop Cumbe by Ayrton Fuentes
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shopcumbe
Notes:

*/

@font-face {
    font-family: 'inconsolatamedium';
    src: url('fonts/inconsolata_copy-webfont.woff2') format('woff2'),
         url('fonts/inconsolata_copy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oggroman';
    src: url('fonts/ogg-roman_copy-webfont.woff2') format('woff2'),
         url('fonts/ogg-roman_copy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Generic Needs */
html{margin-top:none!important;}
body{width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;font-family: 'source_sans_prosemibold', sans-serif !important; letter-spacing:0!important;color:#003d59;}
img{border-radius:0!important;}
.woocommerce-breadcrumb{display:none!important;}
.grecaptcha-badge{display:none!important;}
.welcome nav .header-nav li a{color:#FFF !important;}
.cage{width:100%; padding-top:0; position:relative; padding-left:0; padding-right:0; padding-bottom:0;}
  .greybkg{background:#F3EFE0;}
  .mid-cap{max-width:1920px;margin:0 auto;}
  .flex-cage{display:flex; align-items: center;}
.page-cage{width:100%; padding-top:25px; padding-bottom:25px; position:relative; border-top:solid 1px #868686;}
.content{width:55%; margin:25px auto; padding-top:25px; position:relative;}
.clear{clear:both;}
.wpcf7-submit, .button, .btn-clck, .cfw-primary-btn.cfw-next-tab {padding: 10px 18px!important; min-width:125px!important; display: inline-block !important; text-decoration: none; text-align: center; vertical-align: middle; border-radius: 0!important;background:#003d59 !important; color:#FFF !important; font-family:'inconsolatamedium', sans-serif; letter-spacing: 2px; font-size:16px !important; text-transform:uppercase; border:solid 1px #14242A !important; margin:0 10px; cursor:pointer;text-decoration:none !important;}
.header-button{padding: 25px 30px!important;min-width: 125px!important;display: inline-block !important;text-decoration: none;text-align: center;vertical-align: middle;border-radius: 0!important;background: #003d59 !important;color: #FFFFFF !important;font-family:'inconsolatamedium', sans-serif;letter-spacing: 2px;font-size: 2em !important;text-transform: uppercase;border: solid 1px #14242A !important;margin: 0 10px;cursor: pointer;text-decoration: none !important;margin-top: -3px!important;line-height: 25px;text-shadow:none;}
.wpcf7-submit:hover, .button:hover, .btn-clck:hover, .header-button:hover, .cfw-primary-btn.cfw-next-tab:hover{ background:#FFFFFF !important; color:#003d59 !important;}
.e2ma_signup_form_button{padding: 10px 18px; display: inline-block; text-decoration: none; text-align: center; vertical-align: middle; border-radius: 0; background:#003d59 !important; color:#FFFFFF !important; font-family:'inconsolatamedium', sans-serif; letter-spacing: 1px; font-size:16px !important; text-transform:uppercase; border:solid 1px #003d59 !important; margin:10px auto; cursor:pointer;}
.e2ma_signup_form_button:hover{background:#FFFFFF !important; color:#003d59 !important;}
.email-button{padding: 10px 18px!important; min-width:125px!important; display: inline-block !important; text-decoration: none; text-align: center; vertical-align: middle; border-radius: 0!important;background:#003d59 !important; color:#FFF !important; font-family:'inconsolatamedium', sans-serif; letter-spacing: 2px; font-size:16px !important; text-transform:uppercase; border:solid 1px #85b7b4 !important; margin:0 10px; cursor:pointer;text-decoration:none !important;}
.email-button:hover{background:#FFFFFF !important; color:#003d59 !important;}
.shop-button{padding: 10px 18px; display: inline-block; width: auto; text-decoration: none; text-align: center; vertical-align: middle; border-radius: 2px; background:#FFF; color:#003d59; font-family:'inconsolatamedium', sans-serif; letter-spacing: 1px; font-size:16px !important; text-transform:uppercase; border:0; margin:10px 0; cursor:pointer;}
.shop-button:hover{color:#868686;}
.button.wc-forward{min-width:175px!important;}
#id_email{height:30px; width:50%;}
.proceed-down{text-align:center; position:absolute; bottom:40px; font-size: 45px; width:100%;}
.content-left{width:60%; float:left; margin:0; padding-right:5%;}
.content-right{width:35%; float:left; margin:0;}
.hemisphere{width:50%; float:left; margin:15px 0; padding:0;position:relative;}
.home-tag-img{width:35%; height:auto; margin:20vh auto 0; display: block;}
.home-tag{margin:20vh auto 0; display: block; font-family: 'source_sans_prosemibold', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 60px; letter-spacing: 10px; text-align: center;text-shadow: 0px 0px 25px #000; color: #FFF;}
.roundel{opacity: 0.5; width:90%; margin:0 auto;}
.spacer{height:50px;}

.mobile-heroes{display:none;}

.add_to_cart_button{max-height:45px!important; line-height: 25px;padding: 10px 18px!important; min-width:125px!important; display: inline-block !important; text-decoration: none; text-align: center; vertical-align: middle; background:#ff8d6d !important; color:#FFF !important; font-family:'inconsolatamedium', sans-serif; letter-spacing: 2px; font-size:16px !important; text-transform:uppercase; border-color:#ff8d6d !important; margin:0 10px; cursor:pointer;text-decoration:none !important;}
.single_add_to_cart_button{max-height:45px!important; margin-top:0px!important;}
.add_to_cart_button:hover{background:#FFF !important; color:#ff8d6d !important;}
.input-text.qty.text{height:44px!important;margin:0!important; max-width:50px}


div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{border: 2px solid #003d59;}

/* Rollover Response */
.rollover:hover, ul.tab li a.active > img,
  * [summary=rollover]:hover > img{
    max-height: 0px !important;
  }
  .rollover:hover, ul.tab li a.active > div img,
  * [summary=rollover]:hover > div img{
    max-height: none !important;
  }

  @media screen and (max-device-width:1024px) {
    .rollover:hover, ul.tab li a.active > img,
    * [summary=rollover]:hover > img{
      max-height: none !important;
    }
    .rollover:hover, ul.tab li a.active > div img,
    * [summary=rollover]:hover > div img{
      max-height: 0px !important;
    }
  }

/* Font Goodies */
.ogg{font-family: 'oggroman', serif!important;}
.sourcesans{font-family: 'Source Sans Pro', sans-serif!important; letter-spacing:2px;}
.sourcesans-bold{font-family: 'Source Sans Pro', sans-serif!important; font-weight:600; letter-spacing:2px;}
.inconsolata{font-family:'inconsolatamedium', sans-serif!important;}
.copy{font-size:18px; font-weight: normal; line-height: 1.75;letter-spacing: 1px!important;}
  .sidebar-copy{font-size:18px; margin: 0 auto 25px; text-transform: uppercase; text-align: center}
    .sidebar-main-copy{font-size:18px; margin: 0 auto 25px; text-transform: uppercase; text-align: center;  margin-bottom:50px;}
.main-copy{font-size:18px; font-weight: normal; line-height: 1.75; margin-bottom:50px;}
.subcopy{font-size:14px; text-transform:uppercase;}
.definition{font-size:19px;}
.shippingnote{font-size:24px;}
.logout-link{text-decoration: none;}
.home .logout-link{color:#FFF !important;}
.bold{font-weight:bold;}
.zigzag-salmon{
    background-image: url('images/zigzag-salmon.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: uppercase;
    display:inline-block;
}
.zigzag-dark{
    background-image: url('images/zigzag-dark.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: uppercase;
    display:inline-block;
    min-height:15px;
}
.zigzag-white{
    background-image: url('images/zigzag-white.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: uppercase;
    display:inline-block;
}

.heading-box{margin:25px auto 0;width:90%;max-width:1200px; display:flex; flex-direction:column; justify-content:center;}
  .heading-box h3{margin:14px auto 0; text-align:center; text-transform:uppercase;}

.heading{font-size:48px!important; margin:45px auto 15px;}
.page-title, .entry-title{font-size:24px !important; text-transform:uppercase; margin:45px auto 15px; font-weight:700;text-align: center !important;font-family:'oggroman', sans-serif; letter-spacing: 1px;}
  .sidebar-heading{font-size:36px; margin:0 auto; font-weight: normal; text-align: center;}
.subheading{font-size:18px; text-transform:uppercase; font-weight: normal !important;}
.subsection-heading{font-size:18px; margin:0 0 25px}
.dark{color:#003d59!important;}
.white{color:#FFFFFF!important;}
.salmon{color:#FF8D6D!important;}
.negative{color:#FFFFFF !important; text-decoration:none;}
.cart-number{color:#FFFFFF; text-decoration:none; margin-top:7px; font-size:15px;}
.cart-number-white{color:#000; text-decoration:none; margin-top:7px; font-size:15px;}
.contact-heading{font-size:16px; text-transform:uppercase; font-weight: bold;}
.contact-copy{font-size:13px; font-weight: normal;}
.centered{text-align:center;}
.section-title{font-family:'oggroman', sans-serif; letter-spacing: 1px; font-size:24px !important; text-transform:uppercase; margin:45px auto 15px; font-weight:700;text-align: center !important;}
.open-graph{width:60%; margin:15px 20% 45px;}
.product_title{font-family:'oggroman', sans-serif; letter-spacing: 1px; font-size:24px !important; text-transform:uppercase; margin:5px auto 15px; font-weight:700;text-align: left !important;}
.section-title{font-family:'oggroman', sans-serif; letter-spacing: 1px; font-size:24px !important; text-transform:uppercase; margin:5px auto 15px; font-weight:700;text-align: center !important;}
.single-product div.product p.price{font-family: 'inconsolatamedium', sans-serif; letter-spacing: 1px; font-size:20px !important; text-transform:uppercase; margin:10px auto 15px !important; font-weight:700;text-align: left !important;}
.sec-heading{font-size:24px; text-transform:uppercase !important;}
.spacer{height:50px;}
.awards{list-style:none; text-align:left; margin:0; padding:0;}
  .awards li{ margin:0; display:inline;}
.stamped-header-title{display:none;}


/* Header & Footer Elements & Navigation */
.logo {width: 15%; max-width:184px; display: block; height: auto; margin: 0 auto; padding: 0; position:absolute; left:25px; top:15px;}
.brand-logo{width:25%; max-width:175px; margin:15px auto 30px; display:block;}
  .brand-logo img{width:100%;}
.hero-img{width:100%; margin:0;}
.nav-cluster{width:100%; margin:0; padding:0;}
.header-cage{display: flow-root; margin: 0; width: 100%; height: 100%; color: #FFF;}
.header-cage nav{position:relative; top:50%; bottom:50%; left:0; right:0;}
.header-list{ list-style: none; text-align:center; margin:0; padding:0;}
  .header-list li{text-align:center;display:inline-block;width:25%; height:auto; margin:0;position: relative; text-align: center; color: white; max-width:440px;}
    .header-list li img{border-radius:0;}

.award-list{ list-style: none; text-align:center; margin:0; padding:25px 0;}
  .award-list li{text-align:center;display:inline-block;width:14%; height:auto; margin:0;position: relative; text-align: center; color: white; max-width:440px;}
    .award-list li img{border-radius:0; width:50%; margin:0 auto;min-width:150px;}

.mobile-nav{display:none;}
.header-nav{list-style:none; text-align:center; margin:15px 0 35px; padding:0; overflow:hidden; display:block;}
  .header-nav li{display:inline; margin:0 1.5%;}
    .header-nav li a{text-decoration:none; color:#000000; font-size:16px; text-transform:uppercase;}
    .header-nav li a:hover{text-decoration:underline; color:#333333;}
#shop-nav{position:absolute; top:15px; right:10px; width:320px;}
    .cart-black{background:url(images/cart.svg);}
    .account-black{background:url(images/account.svg);}
    .cart-white{background:url(images/cart-w.svg);}
    .account-white{background:url(images/account-w.svg);}
.home .customer-greeting{position:absolute; top:0px; right:10px; text-align: right; color: #FFF; font-size: 12px;}
.footer-cage{ padding-top:50px;position: relative;background-color:#FF8D6D;color: #FFFFFF;}
.footer-block{width:33%; margin:0 auto!important; padding:0; display:inline-block; font-size:16px !important; vertical-align: top; color:#FFFFFF; position:relative;z-index:1;}
.footer-block h1{margin-left:15px;color:#FFFFFF; font-size:20px; text-transform:uppercase;}
.footer-block ul{list-style:none; margin:0 auto;vertical-align:top;}
.footer-block li{vertical-align:top; margin:10px 25px;}
  .footer-block a{text-decoration:none; color:#FFFFFF;letter-spacing:2px;text-transform:uppercase;}
  .footer-cap-l{font-size:12px; margin:50px 15px 15px; text-transform:uppercase; float:left;}
  .footer-cap-r{margin:50px 100px 15px; text-transform:uppercase; float:right; max-width:190px;}
.sm-icon{width:20px; height:auto; margin:0 10px 0 0; vertical-align: text-top; display:inline !important;}
.header-nav .icon {display: none;}
/* MyEmma Form */
.e2ma_signup_message, .e2ma_signup_form_required_footnote, #e2ma_signup_reset_button{display:none;}
.e2ma_signup_form_container{margin-left:25px;}
.email-text{margin-left:25px;font-size: 12px; margin-bottom: 5px;}


/* W00H4X */
ul.products{display:inline-block; text-align: center;}
li.product{float:none !important; width:100% !important;}
.col-full{max-width:100% !important; padding:1px 0 !important;}
.columns-4{text-align:center;}
.type-product, .columns-3{max-width: 66.4989378333em;margin:0 auto;}
.woocommerce-MyAccount-navigation-link a{color:#14242A;}
.woocommerce-product-gallery__wrapper{width:95%;float:right;}
  .woocommerce-product-gallery__wrapper a img{float:right; width:100%;}
.woocommerce-product-gallery{width:50% !important; margin-right:0px !important;}
.summary{width:50% !important;text-align: left !important;}
.woocommerce-loop-product__title{font-family: 'brooklyn_samuelsno5', sans-serif !important; text-transform: none !important; letter-spacing: normal !important;}
.add_to_cart_inline{border:none!important;}
a.remove:before {color: #14242A !important;}
.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], textarea{padding:0.4em!important;}
.rmwc{width:100%;float:none;}
.woocommerce-checkout .rmwc{width:18%; float:left;}
.woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-message{background-color:#FFFFFF!important; border:solid 1px #003d59; color:#003d59!important;border-left:solid 1px #003d59!important;}
.woocommerce-message,.woocommerce-error{background-color:#FFFFFF!important; border:solid 1px #003d59; color:#003d59!important;border-left:solid 1px #003d59!important;}
.woocommerce-info a, .woocommerce-noreviews a, p.no-comments a, .woocommerce-message a, .woocommerce-message a,.woocommerce-error a{color:#003d59!important;text-decoration:underline;}
table.cart td.product-remove, table.cart td.actions{border-bottom:0;}
.required{text-decoration: none;}
.rmwc-input{padding:0!important;margin-bottom:25px;}
.added_to_cart{display:none;}
.product.woocommerce.add_to_cart_inline{display:flex; align-items:center;}
  .coupon .button{margin-left:25px;}
  .coupon{display:flex!important;}
.form-row.form-row-first input#coupon_code{margin-top:4px!important;}
ul#site-header-cart li a.cart-contents, .quantity, .amount, .total{color:#003d59!important;}
.widget_shopping_cart .buttons{color:#FFFFFF!important;}
.site-header-cart .cart-contents{padding:5px 0!important;}
.stock.in-stock{display:none!important}
.sy-pager{display:none!important;}
#rl-gallery-container-2{margin-top:50px;}
.woocommerce-form__label-for-checkbox{margin:0 0 1.41575em;}

.cart-empty, .return-to-shop{text-align:center;}

.widget_shopping_cart{background:#FFF!important;border:solid 1px #14242A !important;}
.woocommerce-mini-cart__total.total,.woocommerce-mini-cart__buttons{background:#FFF!important;}
.woocommerce form .form-row.woocommerce-invalid label, .woocommerce form .form-row.woocommerce-invalid .ywccp_error {color: #14242A!important;}

.woocommerce-Message .woocommerce-Button{display:none!important;}
fieldset{background:#FFF!important;padding:0!important;}
fieldset legend{background:#FFF!important;}

#stamped-sort-select{display:none!important;}

/* Front Page Specific */
.front-page-content{width:80%; margin:15px auto;}
.hero-1{background:#F3EFE0;width:100%;height:auto; padding-top: 2em; padding-bottom: 2em;}
.header-img{width:75%; max-width: 900px; margin:15px auto;backface-visibility: hidden;}
.left{width:70%; float:left;}
.right{width:30%; float:left; padding:5%;}
  .right img{max-width:125px; margin:0 auto;}
.hp-product-img{width:100%; max-width:900px; height:auto;}
  .hemisphere .img-up {display: none;position: absolute;top: 0;left: 0;z-index: 99;}
  .hemisphere:hover .img-up {display: inline;}
.review-flex{display:flex}
.review-box{width:30%;margin:0 1.6%; float:left; position:relative;}
.review-header-box{display:flex; justify-content: center; align-items: center; text-align:center; height:75px; position:relative;}
  .review-header-box p{font-size:14px !important; margin-bottom:10px !important; color:#14242A;}
  .review-header-box h1{font-size:24px !important; margin:10px !important; color:#14242A;}
.quote-box{height:auto; display:flex; justify-content: center; align-items: center; text-align:center;margin-bottom:75px;}
  .quote-box p{font-size:18px !important; color:#14242A;}
.star-box{ margin-top:50px; display:flex; justify-content: center; align-items: center; text-align:center; margin:0}
  .star-box p{font-size:24px !important; color:#FFFFFF; margin:5px;}
.author-box{display:flex; justify-content: center; align-items: center; text-align:center; height:50px; position:absolute; bottom:0;width:100%;}
  .author-box p{font-size:14px !important; margin-bottom:10px !important; color:#14242A;}
  .author-box h1{font-size:24px !important; margin:10px !important; color:#14242A;}

.note-banner{background:url('images/note-banner.png'); display: block; position: relative; background-repeat: repeat; background-color: #2a4546;width:100%;}
  .note-banner:before {content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; left: 0;}
  .note-banner:after {content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; left: 0;}
    .note-banner:before {top: 4px;}
    .note-banner:after {bottom: 4px;}
  .centerizer{margin: 0 auto; display: block; width: 100%; position: relative; max-width: 1260px; padding: 0 1em; z-index: 1;}
   .note-banner h1{text-shadow: 0px 3px 2px rgba(0,0,0,0.4); text-align:center;position: relative; padding: 1.3em 0 1.2em; margin:0 !important;}

.recipe-button-box{display:inline-flex; width:100%; margin:0;border:1px solid #FF8D6D;}
.recipe-button-box p{margin:0; padding:0 0 5px;}
  .recipe-phrase{width:80%;padding:10px 0;background:#FF8D6D;color:#FFFFFF;}
    .recipe-phrase p{margin-left:15px;font-size:20px;}
  .recipe-phrase:hover{background:#FFFFFF;color:#FF8D6D;}
  .recipe-phrase:hover .zigzag-white{ background-image: url('images/zigzag-salmon.png');}
  .recipe-arrow{width:20%;background:#FFFFFF;color:#FF8D6D; display:flex; justify-content: center; align-items:center;}
    .recipe-arrow p{font-size:30px;}




/* Tableture */
  /* Cocktails & Recipes */
  ul.tab{text-align: center;}
    ul.tab li{width:22%;margin:1%;display:inline-block;}
    ul.tab li a{cursor:pointer;}
  .recipe-link{width:100%; height:auto; display:block;}
  .tabcontent {display: none;}
  .tablinks{}
  .tabcontent {-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;}

  @-webkit-keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
  }

  @keyframes fadeEffect {
      from {opacity: 0;}
      to {opacity: 1;}
  }

  /* Recipe Cards */
  .recipe-cage{width:100%; max-width:1400px; margin:50px auto 0; display:flex; align-items:stretch; justify-content: center;}
  .recipe-item{width:25%; margin:0 0 25px;padding:0 25px; display:flex; flex-direction:column;}
    .recipe-item img{width:90%; max-width:350px; margin:0 auto;display: block;}
  .recipe-title{text-align:center;font-size:1.25em; color:#003d59;margin:0 0 15px;text-transform:uppercase;}
  a.recipe-title{text-align:center;font-size:1.25em; color:#003d59;margin:1em 0 2em;text-transform:uppercase;}
  a.recipe-link{text-decoration: none; color:#003d59;text-align:center;margin:.5em 0;}
    a.reipe:hover{text-decoration:underline;}
  p.recipe-copy{font-size:.9em;margin: 1em 0;}
  .cocktail-image{max-width:400px; width:100%;}
  .inline-recipe{width:90%;max-width:800px; margin:0 auto;display:flex;}
    .inline-recipe-cage{background:#FFFFFF!important; display:flex; align-items: center; justify-content: center;}
    .inline-recipe .hemisphere{padding:20px; margin:0;}
      .inline-recipe .hemisphere .recipe-title{text-align: left;}
      .inline-recipe .hemisphere img{max-width:400px;}
  .nivo-lightbox-theme-default .nivo-lightbox-close {width: 25px!important; height: 25px!important; opacity: 1!important; color: rgba(0,0,0,0);}

  /* Lightbox H4X */
  .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline{padding:0!important;background:transparent;box-shadow:none!important;}

/* Post Specific */
.post-content{width:75%; margin:25px auto; }
.divide{width:100%; background:#14242A; height:2px; border-radius:1px; margin:25px 0 5px;}
.fb_comments_count{display:none;}


/* Page Specific */
.page-content{width:65%; margin:25px auto; display:block;}
  /* About Page */
  .about-mid{width:100%; margin:0 auto; padding-top:15px;}
  .about-mid h1{text-align:center; text-transform:uppercase;}
  .about-mid ul{text-align:center; text-decoration:none !important; margin:0 !important; padding:0;}
  .about-mid ul li{display:inline-block; width:25%; margin:0; float:left;}
  .about-mid ul li a{text-decoration:none !important; border-bottom:none !important;}
  .about-mid ul li a img{width:65%; align-content: center;}

/* Contact Specific */
.contact-box{width:60%; margin:15px auto; text-align: center;}
.wpcf7-form{font-family:'brooklyn_samuelsno5', sans-serif; letter-spacing: 1px !important; text-transform: uppercase !important; text-align:center;}
  .wpcf7-form input{margin:5px auto 15px !important; min-height:25px;}
.wpcf7-radio{margin-bottom:15px;}
.wpcf7-radio input{margin:0px 5px !important; min-height:0px !important;}


/* Blog Index */
.blog-block{text-align:center; padding:0; margin:0;}
  .blog-li{width:32%; display:inline-block; margin:0 .5% 15px !important; border:none !important; min-width:300px; vertical-align: top; position:relative; height:425px}
    .blog-li img{width:100% !important; height:auto; margin:0 0 15px; padding:0;}
    .blog-li a, .blog-li h2{font-family:'brooklyn_samuelsno5', sans-serif; letter-spacing: 1px; color:#14242A; font-size:20px !important; text-transform:uppercase;}



@media (max-width: 1228px) {
    /*contact hax */
    .contact-box{width:90%; margin:15px 5%;}
    .content-left{width:100%; float:none; padding-right:0;}
    .content-right{width:100%; float:none; text-align: center; padding-left:0;}
}

@media (max-width: 1228px) {
  /* Generic Needs */
  .content{width:94%;}
  .brand-logo {width: 35%;}
  #shop-nav{top:10px;}
  .front-item-list li,{width:45.5%;}
  .about-mid ul li{width:50%;}
  .middle-bar li{width:100%;}
  .col-full{margin:0 !important}
  .header-img{width:100%;}
  .front-page-content{width:90%;}
  .shop-box{align-content: center; text-align:center; align-items:center;}
  .awards{text-align: center;}
  .review-box{width:100%; margin:10px 0;}
  .review-flex{display:block;}
  .quote-box{height:auto;}
  .email-text{margin-left:0;font-size: 12px; margin-bottom: 5px; text-align:center;}
  .hp-product-img{width:100%; margin:0 0;}

  .rl-basicgrid-gallery {justify-content: center; padding:0 0;}

  .item-list-description{list-style:none; margin-left:0 !important;}

  .summary{padding-right:25px; padding-left:25px;}

  .header-list li{width:33%;}

  .award-list li{width:33%;}

  /* Navigation */
  .header-nav{display:none;}
  .mobile-nav{display:block; font-size:16px; overflow:hidden;}
  .mobile-nav a{display: none;}
  .mobile-nav a.icon {float: right; display: block; margin-right:25px; font-size:30px;color:#14242A;}
  .mobile-nav.responsive {position: relative;}
  .mobile-nav.responsive a.icon {position: absolute; right: 0; top: 0; font-size:30px;color:#14242A;}
  .mobile-nav.responsive a {float: none;display: block; text-align: center; height:50px; text-decoration:none; color:#14242A; font-size:16px; text-transform:uppercase;}
  .menu-link{display:block;}

  /* Footer */
  .footer-block{width:90%; padding:10px 5%; text-align:center;display:block;}
  .footer-divide{border:none; height:auto;}
    .footer-block h1{margin:15px 0 10px; text-align:center;}
    .footer-block h2{margin:15px 0 10px; text-align:center;}
    .footer-block ul{padding:0;}
      .footer-block ul li{margin-bottom:15px;}
    #id_email{ width:80%;}
    .footer-cap-l{margin:50px auto 15px; float:none; text-align:center;}
    .footer-cap-r{margin:50px auto 15px; float:none;}

}


@media (max-width: 900px) {
body{text-align:center!important;}
.mobile-heroes{display:block;}
.desk-heroes{display:none;}
.flex-cage{flex-direction: column}
.checkout-button.button.alt.wc-forward{width:100%; margin:0 auto;}
.cart_totals h2{text-align:center;}
#payment .place-order .button{margin:0!important;}

    .nivo-lightbox-inline{padding:0;}
    .recipe-cage{flex-direction: column;}
    .recipe-item{width: 100%; margin: 0 0 25px; padding: 0 2px; display: flex; flex-direction: column;}
    .inline-recipe .hemisphere .recipe-title{text-align: center;}
    .inline-recipe-cage{flex-direction: column;}

  /* Cart fixes */
  .woocommerce-page table.shop_table td:before{display:none!important;}
  .woocommerce-page table.shop_table td{text-align:center!important;}

  /* Generic Needs */
  .front-item-list li{width:auto;}
  .alignleft{margin:15px 15px;float:none;width:23%;}
  .about-mid ul li{width:90%; margin:0 5%;}
  .summary{padding-right:10px; padding-left:10px;}
  .review-box{width:100%; margin:10px 0;}
  .hero-img{width:100%; margin:10px 0;}
  .hemisphere{width:100%;}
  .left{width:100%;}
  .right{width:100%; padding:2.5% 20%;}
  .col-full{margin:0 !important}
  .hero-2{padding:25px;}
  .hero-1{padding-top:0;padding-bottom:0;}
  .cage.greybkg{padding-bottom:0;}
  .cage.greybkg .copy{line-height: 1.5;}
  .hero-words-1, .hero-words-2{margin:10px auto; float:none; width:75%; height:auto;}
  .wpcf7-form input{width:100%;}
  .brand-logo{margin:45px auto 0!important;}

  .header-list li{width:50%;}
  .header-list li.mobile-clear{display:none;}
  .award-list li{width:100%;}
  .award-list li.mobile-clear{display:none;}
  .product.woocommerce.add_to_cart_inline{justify-content: center;}

  .coupon{flex-direction: column;}
    .coupon .button{margin-left:0; margin-right:0;}

  ul.tab li{width:90%;margin:5%;display:inline-block;}

  .tabcontent{flex-direction: column;}

  .prod-bkg{background-size:0;}
  .info-bkg{background-size:0;}

  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
  	display: block;
    text-align:center;
  }

  .form-row label, .woocommerce-billing-fields h3{text-align:center;}

  /* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
  	position: absolute;
  	top: -9999px;
  	left: -9999px;
  }

  .woocommerce-page table.shop_table tr {
  	/*border: 1px solid #d2d3d3; */
  }

  .woocommerce-page table.shop_table td {
  	/* Behave  like a "row" */
  	border-bottom: 1px solid #d2d3d3;
  	position: relative;
    min-height:25px;
  }

  table.cart td.product-remove a.remove {
    position: absolute; font-size: 1.41575em; right: 10px !important;}

  .woocommerce-page table.shop_table {
  	border: none;
  }

  .woocommerce-page table.shop_table td.product-spacer {
  	border-color: #FFF;
  	height: 10px;
  }

  .woocommerce-page table.shop_table td:before {
  	/* Now like a table header */
  	position: absolute;
  	/* Top/left values mimic padding */
  	top: 6px;
  	left: 6px;
  	width: 45%;
  	padding-right: 10px;
  	white-space: nowrap;
  }

table.cart .product-thumbnail img{margin:0 auto;max-width:180px !important;height:auto}

  /*
  Label the data
  */
  .woocommerce-page table.shop_table td.product-remove:before {
  	content: "DELETE";
  }

  .woocommerce-page table.shop_table td.product-thumbnail:before {
  	content: "IMAGE";
  }

  .woocommerce-page table.shop_table td.product-name:before {
  	content: "PRODUCT";
  }

  .woocommerce-page table.shop_table td.product-price:before {
  	content: "PRICE";
  }

  .woocommerce-page table.shop_table td.product-quantity:before {
  	content: "QUANTITY";
  }

  .woocommerce-page table.shop_table td.product-subtotal:before {
  	content: "SUBTOTAL";
  }

  .woocommerce-page table.shop_table td.product-total:before {
  	content: "TOTAL";
  }

  .woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
  	margin: 0;
  }

  .woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
  	text-align: left;
  	border:0;
  	padding-left: 6px !important;
  }

  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
  	float: left;
  	margin-top: 10px;
  }

  .woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
  	margin-bottom: 10px;
  }

  .woocommerce-page .cart-collaterals .cart_totals {
  	float: left;
  	width: 100%;
  	text-align: left;
  }

  .woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
  	border:0 !important;
  }

  .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
  	padding-left: 6px !important;
  }

  .woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
  	padding-left: 6px !important;
  	border:0 !important;
  }

  .woocommerce-page table.shop_table tbody {
  	padding-top: 10px;
  }

  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
  	float: none;
  	width: 100%;
  }

  .woocommerce .order_details ul,
  .woocommerce-page .order_details ul,
  .woocommerce .order_details,
  .woocommerce-page .order_details {
  	padding:0;
  }

  .woocommerce .order_details li,
  .woocommerce-page .order_details li {
  	clear: left;
  	margin-bottom: 10px;
  	border:0;
  }

  }
}