:root{
  --color-orange:#ee8b0a;
  --color-blue:#19294b;
  --color-yellow:#f3cf45;
}

a:focus, button:focus,
.button.alt:focus, input:focus, textarea:focus,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none;
}

h1, h2, h3, h4{
  font-weight: 600;
}



article .entry-content > h2,
article .entry-content > h3,
article .entry-content > h4{
  margin-top: 1rem;
}

.table-unstyled > table td{
  background: transparent !important;
border: 0;
}


/**
  Header
*/

.site-header {
    padding: 1rem;
}

.site-header .site-branding{
  margin: 0;
  float: none !important;
  width: 100% !important;

}
.site-header .site-branding img{
  max-width: 70px;
}

.site-header .col-full{
  max-width: inherit;
  margin: 0;
  padding: 0;
}

.site-header{
  display: flex;
  align-items: center;
}

/*  Navigation  */
.storefront-primary-navigation{margin-left: auto;}
.storefront-primary-navigation > div{
  display: flex;
  align-items: center;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu{text-align: right;}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{
  background-color: var(--color-blue);
}

.main-navigation ul.menu ul.sub-menu a, .main-navigation ul.nav-menu ul.children a{
  color: #fff;
}

.main-navigation ul.menu a{
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 14px;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{
  color: var(--color-orange) !important;
}
.main-navigation ul.menu a:hover, .main-navigation ul.menu a:active, .main-navigation ul.menu a:focus{
  outline: none;
  box-shadow: none;
}





/* Search */
@media (min-width: 768px){
  .woocommerce-active .site-header .site-search{
    float: none;
    margin: 0;
    width: inherit;
    display: flex;
    align-items: center;
  }
  .site-search > a{
    padding: .5rem;
    font-size: 1.3rem;
    line-height: 1;
    color: #333;
  }
  .site-search > a:hover{color: var(--color-orange);}
  .site-search > div{ display: none;}
  .site-search > div.active{
    display: block;
  }
}
@media (max-width: 767px){
  .site-search > a{display: none;}
}


/* Cart */

.woocommerce-active .site-header .site-header-cart{
  width: inherit;
  float: none;
  padding: 0.5rem;
}
.cart-contents .woocommerce-Price-amount{display: none !important;}

.site-header-cart .cart-contents {
  position: relative;
  padding: 0 !important;
  line-height: 1;
}

.site-header-cart .cart-contents:hover,.woocommerce-active .site-header .site-header-cart:hover .cart-contents{color: var(--color-orange);}

.site-header-cart .cart-contents::after{
  line-height: 1;
    font-size: 1.3rem;
    float: none;
    height: inherit;
    padding: 0 !important;
}
.site-header-cart .cart-contents .count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--color-orange);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    opacity: 1;
}
.site-header-cart .widget_shopping_cart{
  width: 400px;
  max-width: 80vw;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart{
  left: inherit;
  right: 0;
}





/**
  Page
*/

button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart{
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .3px;
  padding: 0.73rem 1.5rem;
}

@media (min-width: 768px){

  .col-full, .site-header {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      box-sizing: content-box;
  }
  .col-full {
      padding: 0 2rem;
  }
}

/* Shop message */
.demo_store{
  background-color: var(--color-orange);
}

/**
  Breadcrumbs
*/
.storefront-breadcrumb{
  margin-bottom: 1rem;
}

/**
  Sidebar
*/
.widget-area .widget_block > div{
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.wc-block-components-price-slider{margin-bottom: 0 !important;}
.widget-area .widget_block > div h3{
  font-weight: 600;
  color: #232323;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 35px;
  letter-spacing: .5px;
}
.footer-widgets .widget{
  margin-bottom: 0;
}
.wp-block-separator{
  width: inherit !important;
  border-bottom: 1px solid rgba(0,0,0,.05);
  background: transparent;
}

/**
  Products
*/

/* Gutenberg wc-block-handpicked-products - single product */
.wc-block-handpicked-products.has-1-columns.single-product{
  margin: 0 !important;
}


/* Loop */

ul.products a.button,
ul.wc-block-grid__products a.wp-block-button__link {
  display: none !important;
}
ul.products .image-wrap,
ul.wc-block-grid__products .wc-block-grid__product-image{
  position: relative;
  background: #eeeeee;
  margin-bottom: 17px;
  text-align: center;
  overflow: hidden;
  padding: 2rem 0;
}
ul.products .image-wrap > img,
ul.wc-block-grid__products .wc-block-grid__product-image > img{
  transition: all .3s;
  margin: 0 auto !important;
  max-height: 100%;
  width: auto;
  mix-blend-mode: darken;
}
ul.products > li > a:hover .image-wrap > img,
ul.wc-block-grid__products > li > a:hover .wc-block-grid__product-image > img{
  transform: scale(1.075);
}

/* @media (min-width: 768px){
  .site-main ul.products.columns-4 li.product,
  .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product {
    width: 22%;
    margin-right: 2.5%;
  }


} */

ul.products li.product,
ul.wc-block-grid__products li.wc-block-grid__product{
  text-align: left;
  margin-bottom: 2rem;
}
ul.products li.product .woocommerce-loop-product__title,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title{
  font-size: 14px;
  color: #555;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.1rem;
}
div .wc-block-grid .wc-block-grid__product-onsale, .onsale{
  background: var(--color-orange);
  color: #fff;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: .9rem;
  right: inherit;
}


/* Single */
.single-product .product_title{
  font-size: 2.3em;
  font-weight: 600;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.single-product div.product p.price{
  font-size: 1.5rem;
  margin: 0.5rem 0 2rem;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 0.5rem;
  color: #000;
}
.single-product div.product p.price del{ font-size: .8em;}
.single-product div.product p.price ins{font-weight: 600}

.single-product .woocommerce-product-details__short-description{margin-bottom: 2rem;}
.single-product div.product .product_meta{
  padding: 0;
  border: 0;
  margin-bottom: 2rem;
}
.single-product div.product .product_meta > span{font-weight: 600;}
.single-product div.product .product_meta > span > *{font-weight: 400; text-decoration: none;}
.single-product.right-sidebar .content-area{
  float: none;
    width: 100%;
    margin: 0;
}
.single-product table.variations .value > select,
.single-product table.variations .value > input{
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}



/* Tabs */
.woocommerce-tabs ul.tabs{
  width: 100%;
  margin: 0 0 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f1f1f1;
  border-top: 0;
}
.woocommerce-tabs ul.tabs li{
  border: 0;
  margin: 0 2rem;
  font-size: 14px;
  letter-spacing: .6px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}
.woocommerce-tabs ul.tabs li::after{
  display: none;
}
.woocommerce-tabs ul.tabs li a{
  color: #000;
  padding: 1.2rem 0;
}
.woocommerce-tabs ul.tabs li:not(.active) a:hover{
  color: var(--color-orange);
}
.woocommerce-tabs ul.tabs li.active{
  border-bottom: 2px solid #000;
}
.woocommerce-tabs ul.tabs li.active a{
  color: #000;
}
.woocommerce-tabs .panel{width: 100%;}