/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/** -- HOME -- **/
ul.ul-banner {
  margin: 20px;
  font-size: 1rem;
}
ul..ul-banner li::marker {
  color: #008ddf;
}
/** -- PRODUCTS -- **/
.price-wrapper .wgm-info.woocommerce-de_price_taxrate,
.price-wrapper .wgm-info.woocommerce_de_versandkosten {
  display: none;
}
.product-short-description {
  margin-top: 12px;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
  border-top: none;
}
.product-main {
  padding-bottom: 10px!important;
}
.shipping__table .shipping__list_item {
  display: block;
}
.box-text .product-title{
  font-size: 1.2em;
}
.product-thumbnails img{
  opacity: 1!important;
}

/** -- RECHNER -- */
.mangonet_calculator-container {
  margin-bottom: 30px;
  border: solid 2px #ececec;
  border-top: 0;
  padding: 10px;
}
.mns_product_preselect_val {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
}
.mns-product-calc-error-msg {
  margin-bottom: 15px;
  font-style: italic;
  color: red;
}

/** POST CODE CHECHER **/
#mns_postal_code_check {
  font-size: 0.9em;
  margin-bottom: 20px;
}
#mns_postal_code_check_note {
  margin-bottom: 5px;
  color: #4F8CDC;
}
#mns_postal_code_check p.tiny {
  font-size: 0.8em;
}
#mns_postal_code_check_form {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
#mns_postal_code_check_form_input {
  margin-bottom: 0;
}
.mns_postal_code_check_result--neg {
  color: red;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .text-box .ul-banner {
    margin: 10px 0;
  }
  .stoerer-inner {
    font-size: 12px;
  }
  .stoerer-inner::before {
    display: none!important;
  }
  .stoerer-inner::after {
    border-left-width: 10px!important;
    border-bottom-width: 10px!important;
  }
  .lead.stoerer {
    right: -40px!important;
  }

}



/*************** STAHL-KALKULATOR STYLES  ***************/
.mns-product-calc-field-grid {
  display: flex;
  gap: 20px;
  width: 100%;
}
.mns-product-calc-field-grid > div {
  width: 100%;
}
.mns-product-calc-field-grid  div.mns-product-calc-row-help {
  width: 200px;
}
.mns-product-calc-value.mns-big {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.mns-product-shipping {
  margin-bottom: 20px;
  display: block;
  margin-top: 15px;
}