/*

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

*/

/*** HEADINGS ****/
h2 {
  font-size: 2.2rem;
  color: #FF5100 !important;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.4rem;
}
h6 {
  font-size: 1.2rem;
}

.wp-block-image {
  margin-block: 0px;
  margin-inline: 0px;
}

.blog .x-main.full > article:first-child .entry-featured .entry-thumb img {
  object-fit: contain !important;
}

.blog .x-main.full > article:first-child .entry-featured {
  padding-top: 45px;
  flex-flow: unset !important;
}

.anim-product-row {
  cursor: pointer;
}

.product-list-image img {
  transition: all 0.3s cubic-bezier(0.400,0.000,0.200,1.000);
}

#products-list > .x-row-inner > .x-col:hover  {
  box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

.link {
  color: inherit !important;
  transition: all 0.3s cubic-bezier(0.400,0.000,0.200,1.000);
}

.link:hover {
  color: #FF5100 !important;
}

/* WP FORMS */

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  text-align: center;
}

.wpf-main-container {
  font-size: 20px;
}

.wpf-main-container .wpf-submit {
  background: #F2C400 !important;
  color: white !important;
  margin: 0 auto !important;
  margin-top: 40px !important;
  padding: 20px 70px !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 0.818em !important;
  line-height: 1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wpf-main-container .wpf-submit:hover {
  background: #F2C400 !important;
  color: white !important;
}

.contact-form .wpf-main-container .wpf-submit {
  background: #FFF !important;
  color: #323E48 !important;
  margin: 0 auto !important;
  margin-top: 40px !important;
  padding: 20px 70px !important;
  border: none !important;
  border-radius: 5px !important;
  border: 2px solid #323E48 !important;
  font-weight: 600 !important;
  font-size: 0.818em !important;
  line-height: 1;
  box-shadow: none !important;
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-form .wpf-main-container .wpf-submit:hover {
  background: #FFF !important;
  color: rgba(50,62,72,0.65) !important;
  border: 2px solid rgba(50,62,72,0.65) !important;
}

.wpf-main-container form:first-child .wpforms-field {
  padding: 15px 0 !important;
}

.wpf-main-container form:first-child div label:not(.wpforms-error) {
  font-size: 20px !important;
  font-weight: 700;
  /* margin-bottom: 10px !important; */
}

.wpf-main-container form:first-child div .wpforms-error {
  font-size: 16px !important;
  font-weight: 700;
}

.wpf-main-container form:first-child div .wpforms-field-label-inline {
  font-size: 18px !important;
  font-weight: 400;
}

.wpf-main-container form:first-child div .wpforms-field-label-inline > a {
  color: #f2c400 !important;
  font-weight: 700;
}

.wpf-main-container form:first-child div input {
  height: 55px !important;
  font-size: 18px !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding-left: 20px !important;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
}

.contact-form .wpf-main-container form:first-child div input,
.contact-form .wpf-main-container form:first-child div textarea {
  border: 1px solid #707070 !important;
}

.contact-form  .wpf-main-container form:first-child div input,
.contact-form  .wpf-main-container form:first-child div textarea {
  box-shadow: none !important;
}

.wpf-main-container form:first-child div input[type="checkbox"] {
  height: auto !important;
  box-shadow: none;
  border: none !important;
}

.wpf-main-container form:first-child div textarea {
  border: 0 !important;
  border-radius: 5px !important;
  padding: 20px !important;
  resize: vertical;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1),
      2px 0px 5px 0px rgba(0, 0, 0, 0.01);
}

.wpf-main-container form:first-child div .wpforms-required-label {
  color: #fff;
  font-weight: 400;
}

/* WOOCOMMERCE PRODUCT PAGE */

.woocommerce li.product {
  margin-bottom: 5% !important;
}

.woocommerce li.product .onsale {
  width: auto !important;
  padding: 0 10px;
}

.single-product .x-container.max.width.offset {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.single-product .product {
  display: flex;
  gap: 2em;
  width: 1200px;
  max-width: 88%;
  margin: 0 auto;
}

.single-product .x-tab-content {
  margin-bottom: 0 !important;
}

.single-product .x-tab-content .x-tab-pane {
  padding: 0 !important;
}

.add-to-cart-bacteriako {
  width: 300px;
  max-width: 88%;
  height: 3.335em !important;
  color:  #323E48 !important;
  font-size: 0.818em !important;
  text-transform: uppercase !important;
  font-weight: 600;
  border-color: #323E48 !important; 
  border-width: 2px !important;
  background-color: transparent !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
}

.add-to-cart-bacteriako::before {
  margin-right: 10px;
}

.product .woocommerce-product-gallery {
  width: 50%;
}

.product .summary {
  width: 46%;
}

.product .summary form.single-cart .quantity {
  display: inline-block;
}

.product .summary form.single-cart .add-to-cart-bacteriako {
  display: inline-block;
  margin-top: 0px;
  margin-left: 10px;
}

.product .summary h1.product_title {
  width: 440px;
  margin-bottom: 1em !important;
  font-size: 1.545em !important;
  font-weight: 700;
}

.product .summary p.price {
  display: none;
}

.product .summary .product_meta {
  display: none;
}

.product .summary .woocommerce-product-details__short-description p {
  line-height: 1.4;
}

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

.product .variations_form table.variations td.label {
  display: none;
}

.product .variations_form table.variations td.value {
  padding: 0 !important;
}

.product .variations_form table.variations td.value .reset_variations {
  display: none !important;
}

.product .variations_form table.variations td.value #formato {
  font-size: 0.818em;
  height: 3.335em !important;
  border-color: #343E4780 !important;
  border-radius: 5px;
}

.product .variations_form table.variations td.value #formato:focus {
  outline: none;
}

.product .variations_form table.variations td.quantity {
  border: none;
  padding: 0 .625em !important;
}

.product div.quantity {
  width: fit-content;
  margin-bottom: 0;
}

.product div.quantity input {
  width: 4em;
  height: 3.335em !important;
  font-size: 0.818em !important;
  border-color: #343E4780 !important;
  border-radius: 5px;
}

.product div.quantity input::-webkit-inner-spin-button,
.product div.quantity input::-webkit-outer-spin-button {
  opacity: 1;
}

.product .variations_form .single_variation_wrap .woocommerce-variation {
  font-size: 0.818em;
  line-height: 1;
  margin-top: 2.444em;
}

.product .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
  /* margin-top: 2em; */
}

.product .single_add_to_cart_button {
  font-size: 0.818em;
  margin-top: 2.444em;
}

.woocommerce-custom-variation-container {
  display: flex;
  align-items: baseline;
}

.woocommerce-custom-variation-container .woocommerce-custom-variation-display-price {
  font-size: 1.889em;
  color: #FF5100;
}

.woocommerce-custom-variation-container .woocommerce-custom-variation-display-regular-price {
  font-size: 1.222em;
  color: rgba(50, 62, 72, 0.5);
  text-decoration: line-through;
  margin-left: 10px;
}

.flex-control-nav.flex-control-thumbs {
  right: unset;
}

.woocommerce-tabs .x-tab-content .x-tab-pane > h2 {
  display: none;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related > h2 {
  display: none;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product {
  background: transparent;
  flex-direction: column;
  gap: 1em;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .product-mini-desc {
  font-size: 1.364em;
  text-align: center;
  width: 220px;
  line-height: 1.4;
  margin: auto;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product {
  position: relative;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap {
  background: transparent;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .product-button-container {
  padding: 0 1em 1em 1em;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .product-button-container > .product-button {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-radius: 5px;
  background: #FF5100;
  height: 60px;
  color: white;
  font-size: 0.818em;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product:hover > .product-button-container > .product-button {
  opacity: 1;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header {
  padding: 1em;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header > h3 {
  font-size: 0.818em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header > .price {
  /* display: flex; */
  display: none;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
  text-align: center;
  margin-top: 1em;
  font-size: 1em;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header > .price > span {
  color: #FF5100;
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header > .price > ins {
  color: #FF5100;
  /* margin-right: 10px; */
}

.woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .entry-wrap > header > .price > del {
  font-size: 0.818em;
  color: rgba(50,62,72, 0.5);
}

/* WOOCOMMERCE MINI CART */

.x-mini-cart .wc-forward:not(.checkout) {
  outline: none !important;
  border: none !important;
  line-height: 1 !important;
  border-radius: 5px !important;
  background-color: transparent !important;
  height: 60px;
  color: #323e48 !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
  transition: all 0.3s ease-in-out !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #323e48 !important;
}

.x-mini-cart .checkout {
  outline: none !important;
  border: none !important;
  line-height: 1 !important;
  border-radius: 5px !important;
  background-color: #FF5100 !important;
  height: 60px;
  color: white !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
  transition: all 0.3s ease-in-out !important;
}

.x-mini-cart .wc-forward > span {
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

.x-mini-cart .wc-forward:not(.checkout) > span > span > span {
  font-size: 0.727em !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #323e48 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.x-mini-cart .checkout > span > span > span {
  font-size: 0.727em !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: white !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.x-mini-cart .woocommerce-mini-cart__empty-message {
  text-align: center;
  font-size: 0.8em;
}

@media (max-width: 425px) {
  .h1-bacteriako h1 {
    font-size: 2em !important;
  }
  
  .h2-bacteriako h2 {
    font-size: 2em !important;
  }

  .column-to-center {
    align-items: center !important;
  }

  .column-to-center .x-text {
    text-align: center;
  }

  .mobile-background-grid {
    height: 300px;
  }

  #products-section > .anim-product-row > .x-row-inner {
    gap: 20px;
    box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.16);
    padding: 2em;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col {
    font-size: 1.3em;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:nth-child(2) {
    margin: calc(2rem / 2) calc(2rem / 2) !important;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:nth-child(2) .cta-button .x-anchor-text {
    width: 100%;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:nth-child(2) .cta-button .x-anchor-text .x-anchor-text-primary {
    display: flex;
    justify-content: space-between;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:last-child {
    display: none;
  }

  footer .footer-info-section > .x-bar-content {
    flex-direction: column;
    gap: 3em;
    align-items: center;
    align-content: center;
    text-align: center;
  }

  footer .footer-info-section > .x-bar-content > .x-bar-container {
    align-items: center;
    text-align: center;
    margin: 0;
    max-width: 230px;
  }

  footer .footer-info-section .x-menu li a div {
    justify-content: center !important;
  }

  footer .x-bar:nth-child(2) .x-bar-content {
    justify-content: center !important;
  }

  footer .x-bar:nth-child(2) .x-bar-content .x-bar-container {
    width: 150px !important;
  }

  footer .x-bar:nth-child(3) .x-bar-content .x-bar-container:first-child .x-row .x-col {
    justify-content: center;
  }

  footer .x-bar:last-child .x-bar-content {
    gap: 1em;
    justify-content: center;
  }

  footer .x-bar:last-child .x-bar-content .x-bar-container .x-text {
    text-align: center;
  }

  .single-product .product {
    flex-wrap: wrap !important;
    gap: 0em !important;
  }

  .single-product .product .summary,
  .single-product .product .woocommerce-product-gallery {
    width: 100% !important;
  }
  
  .product .summary h1.product_title {
    width: auto !important;
  }

  .product .variations_form table.variations td.value {
    width: 100%;
  }
  
  .product .variations_form table.variations td.quantity {
    padding: 0 0 0 .625em !important;
  }

  .product .single_add_to_cart_button {
    width: 100% !important; 
    max-width: none !important;
  }

  .icon-section > .x-row > .x-row-inner > .x-col {
    text-align: center;
  }

  .single-product .related-products-section .x-text-headline h3 {
    text-align: center;
    line-height: 1.3em;
  }

  .single-product .related-products-section section.products > ul.products {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2em;
  }

  .single-product .related-products-section section.products > ul.products > li {
    margin-right: 0 !important;
  }

  .contatti-grid .x-cell:last-child,
  .chi-siamo-grid .x-cell:last-child {
    text-align: center;
    background: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 3em 2em;
  }

  .chi-siamo-icon-section > .x-row-inner > .x-row, .x-col {
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    flex-wrap: nowrap !important;
    text-align: center !important;
  }

  .height-auto {
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .wpforms-one-half {
    width: auto !important;
    float: none !important;
    margin-left: 0px !important;
  }
}

@media (max-width: 768px) {
  #products-section > .anim-product-row > .x-row-inner > .x-col {
    height: auto;
    width: auto;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col > .anim-product-image {
    width: auto;
    max-width: none;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:last-child .x-image {
    width: 90px;
  }

  #products-section > .anim-product-row > .x-row-inner > .x-col:nth-child(2) > .x-text:not(.x-text-headline){
    font-size: 1em !important;
  }

  footer .footer-info-section .x-bar-content,
  footer .x-bar:last-child .x-bar-content {
    font-size: 0.9em !important;
  }

  footer .footer-info-section > .x-bar-content {
    flex-wrap: nowrap !important;
  }

  .single-product .product .summary {
    width: 60%;
  }

  .single-product .product .woocommerce-product-gallery {
    width: 40%;
  }

  .woocommerce-tabs .x-tab-content .x-tab-pane .x-wc-products .related .products > li.product > .entry-product > .product-button-container > .product-button {
    opacity: 1;
  }

  #products-list > .x-row-inner > .x-col > .x-row > .x-row-inner > .x-col {
    width: auto !important;
    height: auto !important;
  }

  #products-list > .x-row-inner > .x-col > .x-row > .x-row-inner > .x-col .product-list-image {
    width: auto !important;
    max-width: none !important;
  }

  #products-list > .x-row-inner > .x-col {
    box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.16);
  }
}

@media (min-width: 769px) {
  .product .woocommerce-product-gallery {
    width: 50% !important;
  }

  .product .summary {
    width: 46% !important;
  }
}

@media (max-width: 1024px) {
  .product-big-image {
    max-width: 400px !important;
  }
}