/*
Theme Name:Yogamu
Author: Yogamu 
Description: Custom Theme
Version: 1.0
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

/* Woocommerce */

.woocommerce header,
.woocommerce-page header {
  position: unset !important;
}
.woocommerce header img,
.woocommerce-cart header img,
.woocommerce-checkout header img {
  max-width: 50px !important;
}
@media (min-width: 768px) {
  .woocommerce header img,
  .woocommerce-cart header img,
  .woocommerce-checkout header img {
    max-width: 80px !important;
  }
}
@media (min-width: 1024px) {
  .woocommerce header img,
  .woocommerce-cart header img,
  .woocommerce-checkout header img {
    max-width: 110px !important;
  }
}
#woo_header img,
.woocommerce footer img,
.woocommerce-page footer img {
  max-width: 110px !important;
}
.woocommerce div#sidebar,
.woocommerce-shop .woocommerce-breadcrumb {
  display: none;
}
.woocommerce .columns-4 {
  columns: unset !important;
}
main#content,
main#main {
  width: 100%;
  margin: auto;
  max-width: 80rem;
  padding: 0.75rem;
}
.woocommerce h1,
.woocommerce-page h1 {
  font-size: 2.5rem !important;
}
.woocommerce-page .page-header,
.woocommerce-products-header {
  text-align: center;
}
ul.products.columns-4 {
  padding-top: 1rem !important;
}
.single-product form.cart {
  margin: 1rem 0 !important;
}
@media (max-width: 767px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100% !important;
    margin-bottom: 2rem !important;
  }
}
.wp-block-heading h1 {
  font-size: 2.25rem !important;
  margin-top: 0 !important;
}
.wp-block-heading h2 {
  font-size: 3.75rem;
}
.wp-block-heading h3 {
  font-size: 1.5rem;
}
.wp-block-heading h4 {
  font-size: 1.25rem;
}
.wp-block-heading h5 {
  font-size: 1rem;
}
.wp-block-heading h6 {
  font-size: 0.875rem;
}
.woocommerce-product-gallery__wrapper {
  pointer-events: none;
  cursor: default;
}

.single-product .flex-viewport,
.single-product .flex-viewport img,
.single-product img.wp-post-image {
  height: 500px !important;
}
.single-product .flex-viewport img,
.single-product img.wp-post-image {
  object-fit: cover;
}
.single-product ol.flex-control-nav.flex-control-thumbs {
  margin-top: 20px !important;
  gap: 15px !important;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.single-product ol.flex-control-nav.flex-control-thumbs li {
  width: 100% !important;
}
/*  */
.woocommerce .orderby,
.woocommerce .orderby:focus,
.woocommerce .orderby:hover {
  padding: 10px 5px;
  border: 1px solid #f16159;
  outline: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out;
}

.woocommerce span.onsale,
a.button.product_type_variable.add_to_cart_button,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
button.single_add_to_cart_button.button.alt {
  border: 2px solid #f16159;
  background: #f16159;
  color: #fff;
  transition: all 0.2s ease-in-out;
  padding: 10px 40px !important;
  display: inline-block !important;
  border-radius: 50px;
}
.woocommerce span.onsale{
  padding: 0px 24px !important;
}
body.woocommerce-page.woocommerce-js {
  div,
  span,
  a,
  del,
  ins,
  button,
  input,
  p h2 {
    font-family: "Varela" !important;
  }
}
.product .price {
  ins,
  del {
    color: #f16159 !important;
  }
  del {
    opacity: 0.6;
  }
}
a.button.product_type_variable.add_to_cart_button:hover,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover,
button.single_add_to_cart_button.button.alt:hover {
  background: 0 0;
  color: #f16159;
  border: 2px solid #f16159;
  transition: all 0.2s ease-in-out;
}

a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus,
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border: 2px solid #f16159;
  transition: all 0.2s ease-in-out;
}

.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f16159;
  margin-bottom: 1.5rem;
  transition: all 0.2s ease-in-out;
}

/*  */
/* End Woocommerce */

/* privacy and termscondition page */
.page-id-1439 header,
.privacy-policy header {
  position: unset !important;
}
/* privacy and termscondition page */

/* for home's slick arrows and cart page */
.woocommerce-page .wc-block-grid.wp-block-product-new {
  margin-top: 40px;
}
.woocommerce-page del span.woocommerce-Price-amount.amount,
.woocommerce-page del.wc-block-components-product-price__regular {
  text-decoration: line-through;
}
.woocommerce-page.woocommerce-js
  .wc-block-components-checkout-place-order-button--full-width,
.woocommerce-page.woocommerce-js .add_to_cart_button,
.woocommerce-page.woocommerce-js
  a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.woocommerce-page.woocommerce-js
  button.font-varela.font-semibold.text-base.text-white {
  background: #f16159 !important;
  font-size: 14px !important;
  border: 1px solid #f16159 !important;
  transition: all 0.3s ease-in-out;
  color: #fff !important;
}
.woocommerce-page.woocommerce-js
  .wc-block-components-checkout-place-order-button--full-width:hover,
.woocommerce-page.woocommerce-js .add_to_cart_button:hover,
.woocommerce-page.woocommerce-js
  a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.woocommerce-page.woocommerce-js
  button.font-varela.font-semibold.text-base.text-white:hover {
  background: transparent !important;
  color: #f16159 !important;
  border-color: #f16159 !important;
}
.woocommerce-page.woocommerce-js
  button.font-varela.font-semibold.text-base.text-white:hover
  svg
  > path {
  fill: #f16159 !important;
}
@media (max-width: 767px) {
  /* wocommerce*/
  main#main p.woocommerce-result-count {
    display: block;
    float: unset;
    text-align: center;
  }
  main#main form.woocommerce-ordering {
    float: unset;
    text-align: center;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  /*header*/
  ul#menu-header-menu {
    column-gap: 2rem;
  }
}
/* for home's slick arrows and cart page */