/*
Theme Name: SCHOOZY
WooCommerce styles - global
*/

/* Clearfix */

body.single-product div.product::after,
body.single-product div.product::before,
ul.products:after,
ul.products:before {
  display: table;
  content: "";
}

body.single-product div.product:after,
ul.products:after {
  clear: both;
}

body.single-product div.product div.woocommerce-product-gallery img,
body.single-product div.product table.variations {
  margin: 0;
}

body.single-product div.product div.woocommerce-product-gallery img {
  width: 100%;
}

/* Product grid */

ul.products {
  margin-bottom: 0;
  padding-left: 0;
  clear: both;
}

ul.products,
ul.products li {
  list-style: none;
  list-style-type: none;
}

ul.products li {
  border-style: solid;
  border-color: #ffffff;
  border-width: 0px;
  border-radius: 30px;
  overflow: hidden;
}

ul.products li div.mx-wc-item {
  position: relative;
  border-style: solid;
  border-color: #EEEEEE;
  border-width: 1px;
  border-radius: 30px;
  background-color: #EEEEEE;
  overflow: hidden;
}

ul.products li.product a {
  outline: none;
}

ul.products li.product:hover h2.mx-p-title,
ul.products li.product.hover h2.mx-p-title,
ul.products li.product:hover *.mx-p-stdclr,
ul.products li.product.hover *.mx-p-stdclr,
ul.products li.product:hover span.price *,
ul.products li.product.hover span.price * {
  color: #ffffff !important;
}

ul.products li.product.product-category > div.mx-wc-item > a,
ul.products li.product > div.mx-wc-item span.mx-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}

ul.products li.product div.mx-wc-item hr {
  height: 2px;
  width: 100%;
  opacity: 0.25;
}

ul.products li.product > div.mx-wc-item > a.woocommerce-loop-product__link {
  display: block;
}

ul.products li.product h2.mx-p-title {
  font-weight: bold;
}

ul.products li.product.product-category h2 {
  font-size: 16px;
}

ul.products li.product div.mx-wc-item a span.mx-wrapper {
  width: 100%;
  position: relative;
}

ul.products li.product.product-category div.mx-wc-item a span.mx-wrapper {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-width: 0;
}

ul.products li.product div.mx-wc-item a span.mx-wrapper::before {
  content: '';
  display: block;
  padding-top: 100%;
}

ul.products li.product div.mx-wc-item a span.mx-wrapper img,
ul.products li.product div.mx-wc-item div.entry-item-thumb span.mx-wrapper img {
  display: block;
  min-width: 90%;
  max-width: 100%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  max-height: 100%;
  width: 100%;
  height: auto;
  border-style: solid;
  border-color: #dfdfdf;
  border-width: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}

ul.products li.product *.btn.mx-wc-button {
  font-size: 90%;
  font-weight: bold;
}

/* Price */

*.woocommerce ul.products li.product span.price,
*.woocommerce ul.products li.product span.price ins,
*.woocommerce ul.products li.product span.price del,
*.woocommerce div.product div.summary *.price,
*.woocommerce div.product div.summary *.price.price ins,
*.woocommerce div.product div.summary *.price.price del {
  display: block !important;
  margin-bottom: 0;
}

*.woocommerce ul.products li.product div.mx-auto div.col-12 > span.price > span.amount,
*.woocommerce div.product div.summary *.price > span.amount {
  line-height: 2.2em;
}

*.woocommerce ul.products li.product span.price > span.amount,
*.woocommerce ul.products li.product span.price ins span.amount,
*.woocommerce div.product div.summary *.price > span.amount,
*.woocommerce div.product div.summary *.price ins span.amount {
  font-weight: 600;
  font-size: 1.5em;
}

*.woocommerce ul.products li.product span.price del,
*.woocommerce div.product div.summary *.price del {
  margin-top: 0px;
}

*.woocommerce ul.products li.product span.price del span.amount,
*.woocommerce div.product div.summary *.price del span.amount {
  font-weight: bold;
  font-size: 1.2em;
}

*.woocommerce ul.products li.product span.price del + ins,
*.woocommerce div.product div.summary *.price del + ins {
  margin-top: -0.7em;
}

*.woocommerce ul.products li.product span.price ins,
*.woocommerce div.product div.summary *.price ins {
  text-decoration: none;
  background: none;
}

/* Category (term) description */

header.woocommerce-products-header div.term-description,
header.woocommerce-products-header div.term-description p {
  text-align: center;
}

/* Result counter and ordering */

.woocommerce-ordering label {
  font-weight: bold;
}

.woocommerce-ordering select {
  border-radius: 30px;
  font-size: 14px;
  line-height: normal;
  border: 2px solid transparent;
}

/* Product page */

*.woocommerce div.product div.entry-summary form.cart {
  margin-bottom: 2em;
}

*.woocommerce div.woocommerce-product-gallery div.flex-viewport,
*.woocommerce div.woocommerce-product-gallery > div.woocommerce-product-gallery__wrapper > div.woocommerce-product-gallery__image--placeholder {
  border-style: solid;
  border-color: #ffffff;
  border-width: 0px;
  border-radius: 30px;
  overflow: hidden;
}

*.woocommerce div.woocommerce-product-gallery ol.flex-control-thumbs li {
  padding: 0.2rem;
}

*.woocommerce div.woocommerce-product-gallery ol.flex-control-thumbs li img {
  border-style: solid;
  border-color: #ffffff;
  border-width: 0px;
  border-radius: 20px;
  overflow: hidden;
}

/* Product attributes */

div.product div.woocommerce-tabs table.woocommerce-product-attributes {
  font-size: 15px;
  margin: 0 auto 0em auto;
  max-width: 600px;
}

div.product div.woocommerce-tabs table.woocommerce-product-attributes p {
  margin-bottom: 0;
}

/* WC tables and cart */

*.woocommerce table.shop_table {
  background-color: #ffffff;
}

body.woocommerce-cart table.cart td.product-thumbnail img {
  height: auto;
}

body.woocommerce-cart table.cart td.actions div.coupon,
body.woocommerce-cart table.cart td.actions button.button {
  display: inline-block;
}

/* WC forms */

form.woocommerce-form,
form.woocommerce-form-coupon {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #cfc8d8;
}

body.woocommerce-checkout form.checkout p.form-row {
  display: block;
  width: 100%;
}

body.woocommerce-checkout form.checkout p.form-row label {
  line-height: inherit;
}

body.woocommerce-checkout form.checkout p.form-row span.woocommerce-input-wrapper {
  display: block;
  clear: both;
}

body.woocommerce-checkout form.checkout p#billing_postcode_field,
body.woocommerce-checkout form.checkout p#shipping_postcode_field {
  display: inline-block;
  clear: none;
  width: 40%;
}

body.woocommerce-checkout form.checkout p#billing_city_field,
body.woocommerce-checkout form.checkout p#shipping_city_field {
  display: inline-block;
  clear: none;
  width: 59%;
  margin-left: 0.99%;
}

body.woocommerce-checkout form.checkout p textarea#order_comments {
  height: auto;
}