/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* ===================================================================s============= */
/* Variables */

:root {

  --colour-primary: rgb(237,89,44);
  --colour-primary-hover: rgba(237,89,44,.9);
  --colour-secondary: rgb(36,168,224);
  --colour-secondary-hover: rgba(36,168,224,.9);

  --colour-link: rgb(0,0,0);
  --colour-link-hover: rgba(0,0,0,.9);

  --unit-h: 240px;
  --unit-l: 120px;
  --unit-m: 60px;
  --unit-s: 30px;
  --unit-x: 15px;

  --unit-h-n: -240px;
  --unit-l-n: -120px;
  --unit-m-n: -60px;
  --unit-s-n: -30px;
  --unit-x-n: -15px;

}

/* Spacing */

.m-l-t { margin-top: var(--unit-l) !important; }
.m-m-t { margin-top: var(--unit-m) !important; }
.m-s-t { margin-top: var(--unit-s) !important; }
.m-x-t { margin-top: var(--unit-x) !important; }

.m-l-b { margin-bottom: var(--unit-l) !important; }
.m-m-b { margin-bottom: var(--unit-m) !important; }
.m-s-b { margin-bottom: var(--unit-s) !important; }
.m-x-b { margin-bottom: var(--unit-x) !important; }

.m-l-v { margin: var(--unit-l) 0 !important; }
.m-m-v { margin: var(--unit-m) 0 !important; }
.m-s-v { margin: var(--unit-s) 0 !important; }
.m-x-v { margin: var(--unit-x) 0 !important; }

.m-l-l { margin-left: var(--unit-l) !important; }
.m-m-l { margin-left: var(--unit-m) !important; }
.m-s-l { margin-left: var(--unit-s) !important; }
.m-x-l { margin-left: var(--unit-x) !important; }

.p-l-t { padding-top: var(--unit-l) !important; }
.p-m-t { padding-top: var(--unit-m) !important; }
.p-s-t { padding-top: var(--unit-s) !important; }
.p-x-t { padding-top: var(--unit-x) !important; }

.p-l-b { padding-bottom: var(--unit-l) !important; }
.p-m-b { padding-bottom: var(--unit-m) !important; }
.p-s-b { padding-bottom: var(--unit-s) !important; }
.p-x-b { padding-bottom: var(--unit-x) !important; }

.p-l-v { padding: var(--unit-l) 0 !important; }
.p-m-v { padding: var(--unit-m) 0 !important; }
.p-s-v { padding: var(--unit-s) 0 !important; }
.p-x-v { padding: var(--unit-x) 0 !important; }

/* Grids */
.grid-gap-h { gap: var(--unit-h) !important; }
.grid-gap-l { gap: var(--unit-l) !important; }
.grid-gap-m { gap: var(--unit-m) !important; }
.grid-gap-s { gap: var(--unit-s) !important; }
.grid-gap-x { gap: var(--unit-x) !important; }

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
}

@media screen and (min-width: 480px) {

  h1, .h1, .x-text h1.x-text-content-text-primary {
    margin-top: 0;
    font-size: 4rem!important;
    line-height: 1.15;
  }

  h2, .h2, .x-text h2.x-text-content-text-primary {
    font-size: 3.6rem!important;
    line-height: 1.15;
  }

  h3, .h3, .x-text h3.x-text-content-text-primary {
    font-size: 2.4rem!important;
    line-height: 1.15;
  }

}

@media screen and (max-width: 479px) {

  h1, .h1, .x-text h1.x-text-content-text-primary {
    margin-top: 0;
    font-size: 2rem!important;
    line-height: 1.15;
  }
  
  h2, .h2, .x-text h2.x-text-content-text-primary {
    font-size: 2rem!important;
    line-height: 1.15;
  }
  
  h3, .h3, .x-text h3.x-text-content-text-primary {
    font-size: 2rem!important;
    line-height: 1.15;
  }

}

h4, .h4, .x-text h4.x-text-content-text-primary {
  font-size: 1.8rem!important;
  line-height: 1.15;
}

h5, .h5, .x-text h5.x-text-content-text-primary {
  font-size: 1.4rem!important;
  line-height: 1.15;
}

h6, .h6, .x-text h6.x-text-content-text-primary {
  font-size: 1.2rem!important;
  line-height: 1.15;
}

small {
  color:black!important;
  font-size: 0.8rem !important;
  text-transform: uppercase;
  font-family: "neue-haas-grotesk-display",sans-serif !important;
}

.sub-font {
  font-family: "neue-haas-grotesk-display",sans-serif !important;
  letter-spacing: 0.02em !important;
}

/* ======================================================== */
/* Theme Elements */

.themed-heading {  }

.themed-text {  }

.themed-link,
.themed-link-white {
  font-family: "neue-haas-grotesk-display",sans-serif !important;
  letter-spacing: 0.035em !important;
}

.themed-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--colour-link)!important;
  text-decoration: underline;
}

.themed-link::before {
  content: " ";
  width: 75px;
  height: 1px;
  background-color: var(--colour-link)!important;
  margin-right: var(--unit-x);
}

.themed-link:hover {
  color: var(--colour-link-hover)!important;
}


.themed-link-white {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white!important;
  text-decoration: underline;
}

.themed-link-white::before {
  content: " ";
  width: 75px;
  height: 1px;
  background-color: white!important;
  margin-right: var(--unit-x);
}

.themed-link-white:hover {
  color: rgba(255,255,255,0.8)!important;
}

/* ================================================================================ */
/* Header */

@media screen and (min-width: 980px) {

  #header-menu .menu-item:not(:last-child)::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #ccad78;
    margin: 0 1rem 20px;
  }

}

@media screen and (max-width: 979px) {

  #header-menu {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }

  /* #header-menu::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #ccad78;
    margin: 25px 0 20px 0;
  } */
  
}

/* ================================================================================ */
/* Footer */

.x-bar-footer  .x-widget-area > div:first-child {
  margin-top: 0;
}

.x-bar-footer  .x-widget-area > div {
  color: white;
  text-shadow: none;
}

@media screen and (min-width: 980px) {

  #footer-menu .menu-item:not(:last-child)::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: white;
    margin: 0 1rem 20px;
  }

}

@media screen and (max-width: 979px) {

  #footer-menu {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }

  #footer-menu::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: white;
    margin: 25px 0 20px 0;
  }
  
}


/* ================================================================================ */
/* Remove default entry wrap */

.single .entry-wrap {
  padding: 0 !important;
}


/* ================================================================================ */
/* Add to cart form */

/* Overrides */
.woocommerce .button.product_type_simple:before, .woocommerce .button.product_type_variable:before, .woocommerce .button.single_add_to_cart_button:before {
  display:none;
}

/* Theme */

.themed-button-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--unit-s);
}

.single-product small {
  display: block;
  margin-bottom: var(--unit-x) !important;
}

.single-product input,
.single-product select {
  padding: var(--unit-x) !important;
  border: 2px solid #C5C0AD !important;
  border-radius: 0 !important;
  height:auto!important;
  margin-bottom: var(--unit-x) !important;
  width:100%!important;
  max-width: unset!important;
}

/* .themed-button-wrapper {
  font-size:16px!important;
}

.themed-price,
.themed-add-to-cart {
  padding: var(--unit-x)!important;
  text-align: center;
  color: white!important;
  line-height: 1;
}

.themed-price {
  background-color: #ccad78;
}

.themed-add-to-cart {
  background-color:black!important;
  border:none!important;
  box-shadow:none!important;
  margin:0!important;
  border-radius:0!important;
  text-shadow:none!important;
} */

/* HERE */

/* button[name=apply_coupon],
button[name=update_cart],
.wc-forward,
#place_order {
  font-size:16px!important;
}

button[name=apply_coupon],
button[name=update_cart],
.wc-forward,
#place_order,
.single_add_to_cart_button {
  background-color: #ccad78!important;
  border:none!important;
  box-shadow:none!important;
  margin:0!important;
  border-radius:0!important;
  text-shadow:none!important;
  padding: var(--unit-x)!important;
  text-align: center;
  color: white!important;
  line-height: 1;
}

button[name=update_cart] {
  margin-left: auto;
  float: right;
} */

/* END HERE */

.shop_table_responsive .actions {
  /* display:flex;
  flex-direction: row; */
  width: 100%;
  padding-top: 30px !important;
}

.shop_table_responsive .actions #coupon_code {
  min-width: 150px;
  height: 46px;
}

.shop_table_responsive .actions button {
  white-space: nowrap;
}

[class*=woocommerce] .cart .actions .coupon {
  flex-direction: row;
  padding: 0!important;
  margin-right:15px;
  float: left;
}

.coupon input {
  margin: 0 10px 0 0;
}

table.variations {
  margin-bottom: 0 !important;
}

table.variations td {
  border:none!important;
  padding:0!important;
}

.single_variation_wrap .price {
  /* display: none; */
  margin-top: 15px;
  font-weight: bold;
  font-size: 2rem;
}

/* ================================================================================ */
/* Product Slider */

.lg-backdrop {
  z-index:10000!important;
}

.lg-outer {
  z-index:10010!important;
}

.lSSlideOuter .lSPager.lSGallery li.active {
  border-radius: 0 !important;
  border: 2px solid #A9C083;
}

.lSSlideOuter .lSPager.lSGallery li:not(.active) {
  border-radius: 0 !important;
  border-width: 0 2px 2px 2px;
  border-color: white;
  border-style: solid;
}

.lSSlideOuter .lSPager.lSGallery li:not(.active) {
  opacity: 0.9;
}
.lSSlideOuter .lSPager.lSGallery li:hover {
  opacity: 1;
}

.lslide img {
  width:100%;
}

@media only screen and (min-width: 600px) {

  .lSSlideOuter {
    display: flex;
    flex-direction: row-reverse;
  }

  .lSPager li {
    max-width:100%;
    /* margin: 0 5px 5px 0; */
  }

}

/* ================================================================================ */
/* Woocommerce */

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  border: 2px solid #ddd !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.select2-container--default .select2-selection--single {
  border: 2px solid #ddd !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 2.65em !important;
  padding: 0 .65em !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 0.3em !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-top: 7px !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-notice,
.woocommerce-error  {
  border-width: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.woocommerce-error a {
  display:none!important;
}

.x-alert-info,.buddypress #message.info,.bbp-template-notice.info,.woocommerce-info,.woocommerce-message {
  background-color: #ccad78 !important;
  color: white !important;
}

.x-alert-success,.wpcf7-mail-sent-ok,.buddypress #message.updated,.bbp-template-notice.updated {
  background-color: #468847 !important;
  color: white !important;
}

.x-alert-danger,.buddypress #message.error,.bbp-template-notice.error,.woocommerce-error {
  background-color: #b94a48 !important;
  color: white !important;
}

.woocommerce-mini-cart__empty-message {
  color: black !important;
}

/* Variations Table */

.variations td.label {
  display:none;
}

/* Add to cart */
.single-product .x-wc-add-to-cart-form form,
.single-product .woocommerce-variation-add-to-cart {
  display: flex;
}

.product-type-variable .x-wc-add-to-cart-form form {
  flex-direction: column;
}

.single-product .x-wc-add-to-cart-form form .quantity,
.single-product .woocommerce-variation-add-to-cart .quantity {
  flex-grow: 1;
  margin: 0 var(--unit-x) 0 0 !important;
}

.single-product .quantity.hidden {
  display:none;
}

.single-product .x-wc-add-to-cart-form form .quantity input,
.single-product .woocommerce-variation-add-to-cart .quantity input {
  margin-bottom: 0 !important;
}

/* Checkout */

.woocommerce-shipping-fields__field-wrapper {
  margin-bottom: 60px;
}

.woocommerce-account form h3#ship-to-different-address,
.woocommerce-checkout form h3#ship-to-different-address {
  font-size:20px!important;
  margin: 0 0 19px 0 !important;
}

.woocommerce-account form h3:not(#ship-to-different-address),
.woocommerce-checkout form h3:not(#ship-to-different-address) {
  margin-bottom:15px!important;
}

.woocommerce-account form .payment_methods p, .woocommerce-checkout form .payment_methods p {
  font-size:1em;
}

#stripe-card-element {
  border: 2px solid #ddd !important;
  padding: 10px !important;
  font-size: 16px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* #customer_details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto;
  grid-gap: 45px;
  margin-bottom: 60px;
} */

.woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading {
  display:none;
}

#giftwrap_field,
#order_comments_field {
  margin-top:60px;
}

#shipping_address_heading_field {
  margin-top: 41px;
}

.payment_methods {
  margin-bottom: 60px;
}

#payment label[for=payment_method_stripe],
#payment label[for=card-element] {
  display: none;
}

.woocommerce-privacy-policy-text {
  font-size: 1.2em;
}

.woocommerce-privacy-policy-text a {
  text-decoration: underline;
}

/*  */

.toggle-accordion:hover {
  cursor: pointer;
}

/* FacetWP */

.facetwp-facet {
  margin-bottom: 0 !important;
}

.facetwp-input-wrap {
  width: 100%;
}

.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
  width: 100%;
}

input.facetwp-search,
select.facetwp-sort-select,
.facetwp-dropdown {
  /* border: none !important; */
  font-size: 14px !important;
  /* text-decoration: underline !important; */
  color: rgba(0,0,0,1) !important;
  min-width: 1px !important;
}

.facetwp-dropdown {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0 !important;
}

input.facetwp-search::placeholder {
  color: rgba(0,0,0,1) !important;
  opacity: 1;
}

input.facetwp-search:-ms-input-placeholder {
  color: rgba(0,0,0,1) !important;
}

input.facetwp-search::-ms-input-placeholder {
  color: rgba(0,0,0,1) !important;
}

.facetwp-sort {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.facetwp-sort-select {
  width: 100%;
  margin-bottom: 0 !important;
}

.outset-text h1 {

}

.woocommerce-variation-availability .stock {
  margin-top: 15px;
  font-weight: bold;
}