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

@tailwind base;
@tailwind components;
@tailwind utilities;

/* OpenSans used in 4th template */
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-Light.ttf")
    format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-Regular.ttf")
    format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-Medium.ttf")
    format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-Bold.ttf")
    format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "OpenSans";
  src: url("/wp-content/themes/yogamu/assets/fonts/Open_Sans/OpenSans-ExtraBold.ttf")
    format("truetype");
  font-weight: 800;
}

/* optima font for 4th template */
@font-face {
  font-family: "Troye";
  src: url("/wp-content/themes/yogamu/assets/fonts/troye/Troye Serif Free.woff")
    format("woff");
  font-weight: 400;
}
/* optima font for 4th template */

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

/* Woocommerce */
/* .woocommerce .columns-4{
	columns:unset !important;
}
main#content {
    max-width: 90%;
    margin: 0 auto;
} */
@tailwind base;
@tailwind components;
@tailwind utilities;
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}
#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: 2rem;
}
.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;
}
@media (max-width: 900px) {
  main#content,
  main#main {
    padding: 1.5rem;
  }
}
.woocommerce-page header {
  position: unset !important;
}
.header-logo {
  max-width: 140px !important;
}
/* for home's slick arrows and cart page */

.home .slick-prev:before,
.home .slick-next:before {
  color: #000 !important;
}
.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;
}
@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 */
/* End Woocommerce */