/*!
Theme Name:   Storefront Child
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Template:     storefront
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      2.8.0
Tested up to: 5.5.1
Requires PHP: 5.6.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
 */

/* Colors */
:root {
  --primary: #0076ce; /* rgb(0, 118, 206) */
  --midnight: #00447c; /* rgb(0, 68, 124) */
  --light-blue: #41b6e6; /* rgb(65, 182, 230) */
  --purple: #6e2585; /* rgb(110, 37, 133) */
  --berry: #b7295a; /* rgb(183, 41, 90) */
  --orange: #ee6411; /* rgb(238, 100, 17) */
  --carbon: #444444; /* rgb(68, 68, 68) */
  --gray: #808080; /* rgb(128, 128, 128) */
  --granite: #c8c9c7; /* rgb(200, 201, 199) */
  --granite: #c8c9c7; /* rgb(200, 201, 199) */
  --quartz: #eee; /* rgb(238, 238, 238) */
  --red: #ce1126; /* rgb(206, 17, 38) */
  --green: #6ea204; /* rgb(110, 162, 4) */
  --yellow: #f2af00; /* rgb(242, 175, 0) */
}

/* General */
.site-header {
  margin-bottom: 4rem;
}

.entry-title {
  margin-bottom: 2rem;
}

h2,
p + h2 {
  margin: 1.5rem 0 1rem;
}

/* Dell branding */
.site-header {
  border-bottom: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.site-title a {
  color: var(--primary);
}

.site-branding {
  margin-bottom: 3em;
}

/* Header - nav */
.primary-navigation > ul > li > a,
.site-header-cart > li > a {
  padding-top: 0 !important;
}

/* Header - cart */
.site-header-cart .cart-contents:after {
  float: left;
  margin-right: 1rem;
}

.site-header-cart .cart-contents .count {
  opacity: 1;
}

/* WooCommerce - General */
.woocommerce-placeholder.wp-post-image,
.woocommerce-product-gallery__image--placeholder {
  border: 1px solid var(--granite);
}
table.shop_table td {
  vertical-align: middle;
}

/* Login */
#customer_login {
  display: flex;
}

#customer_login > div {
  border: 1px solid var(--quartz);
  padding: 0 2rem;
}

.woocommerce-form-login__rememberme {
  margin-bottom: 1rem;
}

.woocommerce-input-wrapper .description {
  display: block;
  margin-top: 1.4rem;
}

/* My Account */
@media (min-width: 768px) {
  /* .woocommerce-account .entry-title {
    clear: both;
    width: 73.9130434783%;
    float: right;
  } */

  .woocommerce-MyAccount-navigation {
    float: left !important;
    margin-right: 4.347826087% !important;
  }

  .woocommerce-MyAccount-content {
    margin-right: 0 !important;
  }
}

/* My Account - Hide dispay name */
.woocommerce-EditAccountForm > .woocommerce-form-row:nth-of-type(3) {
  display: none;
}

/* My Account - Edit Address */
.addresses header.title a {
  float: left;
}

/* Checkout - Hide containers on load */
/* .woocommerce-additional-fields, */
/* .shipping_address {
  display: none;
} */

/* Seperate additional fields from shipping */
body:not(.guest-checkout) .woocommerce-additional-fields,
body:not(.guest-checkout) .woocommerce-shipping-fields {
  border-top: 1px dashed var(--granite);
  margin-top: 2rem;
  padding-top: 1.5rem;
}

/* Add to cart button */
.ajax_add_to_cart.added {
  display: none !important;
}

a.added_to_cart.wc-forward {
  background-color: var(--quartz) !important;
  border-color: var(--quartz) !important;
  color: var(--carbon) !important;
}

a.added_to_cart.wc-forward:after {
  content: inherit !important;
}

/* Order reciept */
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot {
  display: none;
}

/* Categories */
.products .product-category > a {
  align-items: center;
  display: flex;
  filter: brightness(1);
  min-height: 7.5rem;
  padding: 1rem 1.5rem;
  text-align: left;
  width: 100%;
}

.site-main ul.products.columns-3 li.product {
  margin-right: 0;
}

@media (min-width: 768px) {
  ul.products:after,
  ul.products:before {
    content: initial;
  }

  .products.columns-3 {
    display: flex;
    flex-wrap: wrap;
  }

  body.home.page-template-template-fullwidth .products.columns-3 {
    justify-content: center;
  }

  .site-main ul.products.columns-3 li.product {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4%;
    margin-right: 4% !important;
    width: calc(50% - 4%);
  }

  /* ul.products li.product a.woocommerce-loop-product__link {
    flex-grow: 1;
  } */
}

@media (min-width: 1024px) {
  .site-main ul.products.columns-3 li.product {
    margin-right: 4% !important;
    width: calc(33.333333% - 4%) !important;
  }
}

ul.products li.type-product {
  border: var(--quartz) solid 4px;
}

ul.products li.product .woocommerce-LoopProduct-link {
  display: block;
  padding: 0.75rem 0.75rem 0.5rem;
}

ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: 1rem;
}

.wc-block-grid__products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
ul.products .wc-block-grid__product .button,
ul.products li.product .button {
  margin: 0.5rem auto;
}

ul.products li.type-product:hover {
  border-color: var(--orange);
}

ul.products li.type-product a:hover .woocommerce-loop-product__title {
  color: var(--orange);
}

.products .product-category:nth-child(4n + 1) > a {
  background-color: var(--midnight);
}

.products .product-category:nth-child(4n + 2) > a {
  background-color: var(--purple);
}

.products .product-category:nth-child(4n + 3) > a {
  background-color: var(--berry);
}

.products .product-category:nth-child(4n + 4) > a {
  background-color: var(--orange);
}

.products .product-category > a:hover {
  filter: brightness(1.25);
}

.woocommerce-loop-category__title {
  color: white;
  font-size: 1.25rem !important;
  margin: 0 !important;
  letter-spacing: 0.05rem;
  line-height: 1.3;
}

/* Content */
@media (min-width: 768px) {
  .woocommerce-cart .content-area {
    float: none;
    /* width: 100%; */
  }
}

/* Checkout */
table.cart td.actions {
  padding: 1rem;
}

/* Single Product */
.single-product div.product form.cart {
  margin-bottom: 0;
}

.single-product div.product .product_meta {
  padding-top: 0;
  border-top: 0;
}

.input-text.qty {
  background-color: var(--quartz);
  box-shadow: inset 0 1px 1px var(--granite);
}

.product-files {
  margin-bottom: 1rem;
}

.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
  margin-bottom: 0;
}

.single-product div.product .woocommerce-tabs {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  clear: none;
  float: right;
  margin-top: 2em;
  padding-top: 0;
  width: 52.9411764706%;
}

.single-product div.product .woocommerce-tabs ul.tabs {
  display: none;
}

.single-product div.product .woocommerce-tabs .panel {
  width: 100%;
}

/* Search and Filter */
[data-sf-field-name] h4 {
  font-size: 1.41575em;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 300;
}

.sf-field-search label,
.sf-field-search input {
  display: block;
  width: 100%;
}

/* Multiple Addresses */
#address_form .h2-link {
  display: block;
  margin-bottom: 1.5rem;
}

#address_form > small {
  display: block;
  margin-top: 1.5rem;
}

.address-block .buttons {
  bottom: auto;
  position: inherit;
  text-align: initial;
  width: auto;
}

.address-block .buttons .button {
  width: auto;
}

.button.ms_delete_address {
  background-color: var(--gray);
}

div.address-container ~ p,
tr.multi_shipping td:last-child,
.cart-subtotal,
.shop_table.shipping_packages em {
  display: none;
}

tr.multi_shipping td:first-child {
  width: 100%;
}

.shop_table.shipping_packages ul {
  margin-left: 1.25rem;
}

.ship_address .note-form {
  margin-bottom: 0 !important;
}

.modify-address-button {
  margin-top: 0 !important;
}

.woocommerce-page #shipping_addresses {
  padding-top: 0 !important;
}

.woocommerce-page.page-template-template-fullwidth-php .ship_address {
  color: transparent;
}

.woocommerce-page.page-template-template-fullwidth-php .ship_address > * {
  color: #6d6d6d;
}

.list-custom-taxonomy-widget ul {
  margin: 0;
}

.list-custom-taxonomy-widget ul li {
  line-height: 1.41575em;
  margin-bottom: 1em;
  padding-left: 1.618em;
}

.list-custom-taxonomy-widget ul li:before {
  display: inline-block;
  content: "\f07b";
  display: block;
  float: left;
  font-style: normal;
  font-family: Font Awesome\ 5 Free;
  font-variant: normal;
  font-weight: 900;
  line-height: inherit;
  opacity: .35;
  vertical-align: baseline;
  margin-left: -1.618em;
  margin-right: .5407911001em;
  width: 1em;
}

/* Reveal */
[data-trigger] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

body:not(.guest-checkout) [data-trigger]:hover {
  color: var(--orange);
}

body:not(.guest-checkout) [data-trigger].icon::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 reveal-icon" fill="none" viewBox="0 0 24 24" stroke="%23aaa"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat;
  background-size: 24px 24px;
  content: '';
  display: inline-block;
  height: 24px;
  margin-bottom: -0.15rem;
  width: 24px;
}

body:not(.guest-checkout) [data-trigger].icon:hover::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 reveal-icon" fill="none" viewBox="0 0 24 24" stroke="%23ee6411"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat;
}

[data-trigger].icon.open::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 reveal-icon" fill="none" viewBox="0 0 24 24" stroke="%23aaa"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat;
}

[data-trigger].icon.open:hover::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 reveal-icon" fill="none" viewBox="0 0 24 24" stroke="%23ee6411"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat;
}

body:not(.guest-checkout) [data-reveal].hide {
  display: none;
}

/* Guest checkout layout */

body.guest-checkout {
  margin-top: 2rem;
}

body.guest-checkout .entry-header,
body.guest-checkout .site-header,
body.guest-checkout .storefront-handheld-footer-bar,
body.guest-checkout .woocommerce-billing-fields h3,
body.guest-checkout form.woocommerce-checkout > h3,
body.guest-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table {
  display: none;
}

body.guest-checkout form.woocommerce-checkout {
  text-align: center;
}

body.guest-checkout form.woocommerce-checkout:before {
  border-top: 1px dashed var(--granite);
  content: '';
  height: 1px;
  margin: auto;
  padding-top: 2.5rem;
  width: 75%;
}

body.guest-checkout form.woocommerce-checkout > div {
  float: none !important;
  margin: 0 auto !important;
  max-width: 60%;
  text-align: left;
  width: auto !important;
}

body.guest-checkout #payment .place-order {
  background: none;
  margin-top: 0;
  text-align: center;
}

body.guest-checkout #payment .place-order .button {
  margin: auto;
  width: auto;
}

@media (max-width: 768px) {
  body.guest-checkout form.woocommerce-checkout:before {
    width: 100%;
  }

  body.guest-checkout form.woocommerce-checkout > div {
    max-width: none;
  }

  body.guest-checkout .hentry .entry-content .wp-block-columns {
    display: block;
    margin-bottom: 0;
    padding: 0;
  }
  
  body.guest-checkout .hentry .entry-content .wp-block-image {
    text-align: center;
  }

  body.guest-checkout .hentry .entry-content  .wp-block-image img {
    margin: auto;
    max-width: 50%;
  }
}

@media (max-width: 400px) {
  body.guest-checkout .hentry .entry-content .wp-block-image img {
    display: block;
    max-width: none;
    width: 100%;
  }
}

/* Alerts */
[role="alert"] a,
.woocommerce-info a {
  text-decoration: underline;
}

/* Shop - Product - Quantity, button */
ul.products li.product .price, 
ul.products .wc-block-grid__product .price, 
.wc-block-grid__products li.product .price, 
.wc-block-grid__products .wc-block-grid__product .price {
  margin-bottom: 0;
}

ul.products li.product .stock, 
ul.products .wc-block-grid__product .stock, 
.wc-block-grid__products li.product .stock, 
.wc-block-grid__products .wc-block-grid__product .stock {
  margin-bottom: 1rem;
  margin-top: auto;
  text-align: center;
  font-style: italic;
  width: 100%;
}

ul.products li.product .stock::before, 
ul.products .wc-block-grid__product .stock::before, 
.wc-block-grid__products li.product .stock::before, 
.wc-block-grid__products .wc-block-grid__product .stock::before {
  display: none;
}

ul.products li.product .button, 
ul.products .wc-block-grid__product .button, 
.wc-block-grid__products li.product .button, 
.wc-block-grid__products .wc-block-grid__product .button,
a.added_to_cart.wc-forward {
  margin: 0 auto 1rem;
}

/* Checkout */
#billing_country_field {
  display: none;
}

/* Button */
.button.dark {
  background-color: #43454b;
}

.button.dark:hover {
  background-color: #2c2d33;
}

/* Reports */
table.wpDataTable {
  font-size: .9rem !important;
}

/* Jquery UI overrides & Multiple Address plugin */
.ui-widget {
  font-family: inherit;
}

.ui-widget-content a {
  color: #fff;
}

.thwma-adr-footer.address-footer > div span,
.thwma-acnt-adr-footer.acnt-address-footer a,
.thwma-acnt-adr-footer.acnt-address-footer button {
  letter-spacing: 0.1rem;
}

.thwma-adr-footer.address-footer > div:hover span,
.thwma-acnt-adr-footer.acnt-address-footer a:hover,
.thwma-acnt-adr-footer.acnt-address-footer button:hover {
  color: #666;
}

.thwma-adr-box.address-box .thwma-main-content {
  padding-bottom: 1.5rem;
}

.btn-continue.address-wrapper {
  text-align: center;
}

.thwma-adr-box.address-box {
  font-size: 0.9rem
}