/* 
Theme Name: AWDParts
  Author: Sitetherapy
Author URI: https://sitetherapy.net
Template: hello-elementor
 
*/

/*
    Add your custom styles here
*/

.elementor-button {
  border: none !important;
}

.woocommerce-loop-product__title {
  color: #1167a7 !important;
}

.woocommerce ul.products li.product .price {
  color: green !important;
  font-size: 1.125rem;
}

.woocommerce ul.products li.product .price del {
  color: red !important;
}

.woocommerce ul.products li.product .price ins {
  color: green !important;
  font-size: 1.125rem;
  text-decoration-color: green !important;
  font-weight: normal !important;
}

h3 {
  font-size: 1.25rem;
  font-family: oswald, sans-serif;
}

.content.product {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.category-info {
  text-align: center;
  margin-top: 2rem;
}

.content.product aside {
  display: flex;
  flex-direction: column;
}

.content.product aside .choices {
  display: flex;
  justify-content: flex-start;
  padding: 0 !important;
}

.content.product aside .choices > div {
  display: flex;
  padding: 1rem;
}

.content.product aside .choices h2 {
  color: #fff;
  margin-right: 1rem;
  margin-top: 0 !important;
  margin-bottom: 0;
}

.content.product aside h2 {
  font-size: 1.25rem;
  font-family: Oswald;
  font-weight: normal;
}

.content.product aside ul {
  padding-left: 0;
}

.content.product aside li {
  list-style: none;
}

.content.product aside li a {
  color: #1167a7;
}

li.product {
  background: #fff;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  padding: 1rem !important;
}

li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

li.product .add_to_cart_button {
  margin-top: auto;
  background-color: #1167a7;
  color: #fff;
}

footer a:link,
footer a:visited {
  color: #fff !important;
  border-bottom: 1px dotted #fff;
}

span.search-icon::before {
  color: #222 !important;
}

.woocommerce-ordering {
  display: none;
}

.woocommerce-pagination {
  width: 20%;
  float: right;
}

.elementor-cta__content {
  background: rgba(0, 0, 0, 0.1);
}

/* mobile header adjustments */

@media (max-width: 768px) {
  header > .elementor-container > .elementor-row {
    display: flex;
  }

  header
    > .elementor-container
    > .elementor-row
    > .elementor-element:first-child {
    order: 2;
  }

  header
    > .elementor-container
    > .elementor-row
    > .elementor-element:first-child
    .elementor-element-7655054
    p {
    text-align: center;
  }

  header
    > .elementor-container
    > .elementor-row
    > .elementor-element:nth-child(2n + 2) {
    order: 1;
  }

  header
    > .elementor-container
    > .elementor-row
    > .elementor-element:nth-child(1n + 3) {
    order: 2;
    display: none;
  }

  section.star-reviews .elementor-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  section.star-reviews .elementor-row .elementor-element {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    padding: 0;
    margin: 0;
  }

  section.star-reviews .elementor-row .elementor-element p {
    margin: 0 !important;
  }
}

.woocommerce span.onsale {
  background-color: red;
}

button.single_add_to_cart_button.button.alt {
  background-color: #000;
  margin-top: 4px;
}

.amount {
  color: rgb(97, 206, 112);
}

.button.add_to_cart_button {
  background-color: #000 !important;
}

li.product .woocommerce-loop-product__link {
  height: 425px;
}

@media (max-width: 480px) {
  li.product .woocommerce-loop-product__link {
    height: 300px;
  }
}

main.site-main {
  margin-top: 2rem;
}

.home main.site-main {
  margin-top: 0;
}

.site-links h5 {
  color: #fff;
  font-family: Oswald;
  font-size: 1rem;
}

.site-links ul {
  margin: 0;
  padding: 0;
}

.site-links li {
  list-style: none;
  font-size: 0.875rem;
  line-height: 2;
}

.elementor-widget-woocommerce-archive-description .elementor-widget-container {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 480px) {
  .elementor-widget-woocommerce-archive-description
    .elementor-widget-container {
    flex-direction: column;
  }

  .elementor-widget-woocommerce-archive-description
    .elementor-widget-container
    p {
    font-size: 0.875rem;
  }
}

.term-description {
  padding-left: 2rem;
}

@media (max-width: 480px) {
  .term-description {
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  ul.products {
    grid-template-columns: 90% !important;
    row-gap: 0 !important;
  }
}

// from Customizer
.category_description {
  margin: 0 auto;
  max-width: 1140px;
}
@media (max-width: 480px) {
  .products.columns-4 {
    padding: 0 1rem !important;
  }
  .products.columns-4 li,
  .products.columns-4 li.last,
  .products.columns-4 li.first {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 1rem !important;
    padding: 1rem !important;
    float: none !important;
    display: flex;
    flex-direction: column;
    height: 440px !important;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .category-info {
    flex-direction: column;
  }
  .category_description {
    padding: 0 1rem;
  }

  .category-info figure img {
    display: none;
  }
  .products.columns-4 {
    padding: 0 1rem !important;
  }
}
.category-info figure {
  padding: 0 !important;
}

.category-info figure img {
  width: 70%;
}

.woocommerce-products-header .archive-description {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 1.5rem 0;
}

.storefront-breadcrumb {
  margin-bottom: 2px;
  padding-bottom: 10px;
  display: none;
}

.header-widget-region .col-full {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.woocommerce.widget_layered_nav {
  width: 24%;
  margin-right: 1%;
}

.mega-menu-columns-3-of-12 ul.mega-sub-menu li {
  padding: 4px !important;
}

#masthead {
  background-color: #222;
  padding-bottom: 1rem !important;
}

.category-info {
  max-width: 1140px;
  display: flex;
  margin: 0 auto;
}

.category-info .category_description {
  flex: 1;
  text-align: left;
  flex-basis: 55%;
}

.category-info figure {
  flex: 1;
  flex-basis: 45%;
}

.choices {
  background: #333;
}
.product-category.product {
  height: 310px;
}
