/*
 Theme Name:   Base Divi Child Theme
 Theme URI:    https://laumayo.com
 Description:  Base Child Theme for Divi and Lau Mayo personalization
 Author:       Flywheel
 Author URI:   https://laumayo.com/
 Template:     Divi
 Version:      1.0.0
*/
:root {
    --brandGreen: #0E7FA1;
    --hoverColor: #02627c;
}


/**To get started add your custom CSS below**/

.bolder {
    font-weight: 700;
}
.blue {
    color: var(--brandGreen);
}

.lm_hide {
    display: none;
}

.menu-icon-links .et_pb_blurb_container {
    padding-left: 4px;
}
.menu-icon-links .et_pb_module_header {
    width: max-content;
}

#primary-menu .et_pb_menu__wrap {
	min-width: 376px;
}

@media (max-width:768px) {
    #primary-menu .et_pb_menu__wrap {
	    min-width: auto;
}
}

.la-menu-shop > a:before {
    font-family: 'ETMODULES';
    content: '\e009';
    text-align: center;
    vertical-align: middle;
    margin-right: 4px;
    margin-left: -4px;
    color: var(--brandGreen);
    font-size: 1.25em;
    transition: all .3s ease;
}

/*move the labels above the form input fields*/
.pa-contact-form-labels .et_pb_contact_form_label {
display: block !important;
}
/*hide the label in the field*/
.pa-contact-form-labels .et_pb_contact_field_options_title {
    display: none;
}
/*make the placeholder text the same color as field background*/
.pa-contact-form-labels input::placeholder,
.pa-contact-form-labels textarea::placeholder {
color: transparent !important;
}
/*adjust the label design as needed*/
.pa-contact-form-labels .et_pb_contact_form_label {
  font-weight: 700;
  color: #808080;
  font-size: 16px;
}

.lmayo-icon-text .et_pb_blurb_container {
    padding-left: 8px !important;
}

.logos-imgs {
    filter: grayscale(1);
    opacity: .7;
    display: block;
    width: auto;
    height: 64px;
    margin: 0 auto;
    transition: all .5s ease;
}

.logos-imgs:hover {
filter: grayscale(0);
    opacity: 1;
}

.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
  max-width: max-content !important;   
  
}

.dgwt-wcas-layout-icon {
margin-right: 16px;
}

.dgwt-wcas-search-icon {
  width: max-content;
  height: auto;
  cursor: pointer;
  display: flex;
}

.dgwt-wcas-search-icon p {
    color: #808080;
    font-size: 13px;
    font-weight: 500;
    padding-left: 4px;
}

.dgwt-wcas-ico-magnifier-handler {
    max-width: 16px !important;
}

@media (min-width: 981px) {

    .et_pb_gutters2.et-db #et-boc .et-l .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
      }

}

@media (max-width: 560px) {
  .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product {
    width: 100% !important;
    margin-right: 0% !important;
  }
}

li.product a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    padding: 16px 8px 8px 16px;
    border: solid 1px #808080;
    border-radius: 10px;
    min-height: 220px;
}

.et_shop_image {
    grid-row: span 3;
    align-self: center;
}

 .woocommerce-loop-product__title {
    grid-column-start: 2;
 }

 .woocommerce-loop-product__desc {
    grid-column-start: 2;
    font-size: 12px;
    line-height: 1.2;
    color: #808080;
 }
 .price {
    grid-column-start: 2;
 }

 #prodDest.splide {
  padding-left: 0;
  padding-right: 0;
}

.productDest__img {
    border: 1px solid #b7b7b7;
    border-right: none;
}

.productDest__img::after {
  content: "";
  position: absolute;
  background-color: var(--brandGreen);
  inset: 0 0;
  opacity: 0;
  display: block;
  transition: opacity .4s ease;
  pointer-events: none;
}
.productDest__img:hover::after {
    opacity: .5;
}

.woocommerce-page div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity {
        width: 100%;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.et_pb_wc_cart_products table.shop_table td, .et_pb_wc_cart_products.et_pb_row_layout_horizontal table.shop_table_responsive tbody tr:first-child td:first-child {
    border-top: 1px solid var(--brandGreen) !important;
}

.welcome__container {
    background-image: url('https://dicom.leadexperience.com.mx/wp-content/uploads/2023/09/login-bg-80.jpg');
    background-size: cover;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    min-height: 600px;
    width: 100%;
}

@media (max-width: 998px) {
    .lmayo__woo-login {
        display: block !important;
    }
}

.welcome__img {
    width: 60% !important;
    margin-bottom: 32px;
}
.welcome__text {
    width: 80%;
    color: #fff;
    text-align: center;
}
.welcome__login {
    flex-grow: 1;
    width: 100%;
    padding: 16px;
    padding-left: 32px;
}
.lmayo__woo-login .woocommerce form.login {
    border: none;
}

.lmayo__woo-login .et_pb_code_inner {
    width: 100%;
}

.lm_video-holder {
    overflow: hidden;
    width: 100%;
    /* height: 300px; */
}

.lm_video-holder video {
    position: relative;
    width: 100%;
}

.lm_mask {
    display: inline-block;

    -webkit-mask-image: url('https://dicom.leadexperience.com.mx/wp-content/uploads/2023/09/dicom-mask.svg');
    mask-image: url('https://dicom.leadexperience.com.mx/wp-content/uploads/2023/09/dicom-mask.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .lmayo_search-text {
        display: none;
    }
}

#nuestrasMarcas li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lm_shop-filters .widget-title.wpc-filter-title {
    color: var(--brandGreen);
    font-weight: 800;
    border-bottom: 1px solid #d4d7dc;
    padding-bottom: 8px;
    font-size: 20px;
}

.lm_shop-filters .wpc-term-item-content-wrapper a {
    color: #808080 !important;
}

.lm_shop-filters .wpc-filters-range-wrapper input {
  border: 1px solid #d4d7dc;
  padding: 8px 6px 8px 12px;
  border-radius: 8px;

}

.lm_shop-filters .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
    background-color: var(--brandGreen);
}

.wpc-filter-chip-name {
  max-width: none;
  font-size: 13px;
}

body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  border-color: #808080 !important;
  color: #808080 !important;
}

body .wpc-filter-chips-list li.wpc-chip-reset-all a {
  border-color: #cc8181;
  background-color: #cc8181;
  color: #fff !important;
  font-weight: 800 !important;
}

#lm_shop .woocommerce-pagination ul.page-numbers {
  border: 0;
}
#lm_shop .woocommerce-pagination ul li {
  border: 1px solid var(--brandGreen);
  width: 34px;
  border-radius: 50%;
  height: 34px;
}

#lm_shop .woocommerce-pagination ul li:not(:last-child) {
    margin-right: 4px;
}

#lm_shop .woocommerce-pagination ul li.lm_dots-list {
    border: none;
    margin: 0;
}

#lm_shop .woocommerce nav.woocommerce-pagination ul li a:focus, 
#lm_shop .woocommerce nav.woocommerce-pagination ul li a:hover, 
#lm_shop .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--brandGreen);
  color: #fff;
  font-weight: 700;
}

.lm_ftecnica-btn {
    background-color: #fff;
    color: #0E7FA1;
    border-radius: 8px;
    width: 100%;
    padding: 8px 24px;
    display: inline-block;
    border: 1px solid var(--brandGreen);
    text-align: center;
    transition: background-color .4s ease, color .4s ease;
}

.lm_ftecnica-btn:hover {
    background-color: var(--brandGreen);
    color: #fff !important;
}