/*
 Theme Name:     Happy Steps Baby
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
:root {
    --main-color: #87c6c4;
    --medium-color: #4c6c6b;
    --light-color: #ffe8de;
    --dark-color: #253031;
    --negative-color: #ffffff;

}

.formulario-contacto .et_pb_contact_field_options_title{
  display: none;
}
/** Página Mi Cuenta WC**/
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 60px;
}


  .woocommerce-account .woocommerce-MyAccount-content {
    display: inline-block;
    float: left;
    margin-left: 5%;
    width: 73%;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    padding: 0 12px;
    border-bottom: 1px solid #e0e0e0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: var(--medium-color);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: var(--main-color);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--negative-color);
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--customer-logout {
    border-bottom: none;
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.is-active
    a:before {
    opacity: 1;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 14px 5px;
    display: block;
    font-weight: 600;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    margin-right: 20px;
    opacity: 0.25;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
    opacity: 1;
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--dashboard
    a:before,
  .escritorio > a::before {
    font-family: "etmodules";
    content: "\e074";
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--orders
    a:before,
  .pedidos > a::before {
    font-family: "etmodules";
    content: "\e07a";
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--downloads
    a:before,
  .descargas > a::before {
    font-family: "etmodules";
    content: "\e05f";
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--edit-address
    a:before,
  .direcciones > a::before {
    font-family: "etmodules";
    content: "\e081";
  }
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--wt-smart-coupon 
    a:before{
      font-family: "etmodules";
      content: "\e07b";
    }
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--edit-account
    a:before,
  .editar-cuenta > a::before {
    font-family: "etmodules";
    content: "\e0f7";
  }
  
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.woocommerce-MyAccount-navigation-link--customer-logout
    a:before,
  .salir > a::before {
    font-family: "etmodules";
    content: "\e06c";
  }

  /*Pago con tarejeta*/
  li.wc_payment_method.payment_method_redsys:after {
    width: 240px;
    height: 30px;
    background: url(https://happystepsbaby.com/wp-content/uploads/2023/06/creditcard-pay.png);
}


.woocommerce-page span.onsale, .woocommerce span.onsale{
  z-index: 1;
}

/* Mostrar botón añadir al carrito en hover */
.woocommerce ul.products li.product {
  overflow: hidden;
}
.woocommerce ul.products li.product:hover .button {
  visibility: visible;
  transform: translatey(0px);
  transition: 0.35s;
  opacity: 1;
}
.woocommerce ul.products li.product .button {
  font-size: 14px;
  line-height: 15px;
  padding: 8px 12px;
  min-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Estilos icono carrito */
.menu-usuario{
  float: right;
  margin-right: 50px;
}

.cart-sc{
  list-style: none;
}
.cart-contents{
  /* position: relative; */
  cursor: pointer;
}
.cart-contents::before{
  font-family: 'ETMODULES';
  content:'\e07a';
  font-size: 22px;
  position: absolute;
  color: var(--main-color);
  top: 0px;
  right: 0;
}
.cart-contents-count{
  position: absolute;
  top:-3px;
    /* left:18px; */
    right: -10px;
  font-weight: 600;
  font-size: 12px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  line-height: 1.6;
  text-align: center;  
  color: #ffffff;
  background-color: #e28467;
  border-radius: 50%;
}
.lg-icono-carrito, .lg-mini-carrito-dropdown{
  margin-bottom: 0!important;
}
.lg-icono-carrito{
  position: relative;   
  /* top:0px; */
}

/* @-moz-document url-prefix{
  .lg-icono-carrito{
    top:0px;
  }
  .cart-contents-count{
    top:-10px;
  }
} */

/* Estilos Dropdown menú del carrito */
.lg-mini-carrito-dropdown{
  position: absolute;
  top:35px;
  right:-25px;
  border-radius: 6px;
  border-top: none;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.25);
  padding: 12px 20px !important;
  background-color: #ffffff;
}
.lg-mini-carrito-dropdown::before{
  position: absolute;
  content: '';
  right: 20px;
  top:-24px;
  border-style: solid;
  border-width: 14px;
  border-color:  transparent transparent #fff;

}



.lg-mini-carrito-dropdown .widget_shopping_cart_content::before{
  content: 'Mi Carrito';
  font-size: 18px;
  font-weight: bold;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart{
  margin-top: 5px !important;
}
.lg-mini-carrito-dropdown ul.cart_list li img{
  float: left;
  margin-right: 24px;
  width: 60px;
  height: auto;
  box-shadow: none;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart .woocommerce-mini-cart-item{
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f2f2f2;
  list-style: none;
  position: relative;
  padding-left: 25px;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart .woocommerce-mini-cart-item a{
  font-size: 14px;
  line-height: 1.2;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart .woocommerce-mini-cart-item .remove{
  font-size: 20px;
  margin-bottom: 6px;
  display: inline-block;
  position: absolute;
  top:10px;
  left:-10px;
}

.lg-mini-carrito-dropdown .woocommerce-mini-cart .woocommerce-mini-cart-item .remove:hover{
  line-height: 26px;
  background-color: var(--main-color) !important;
}

.lg-mini-carrito-dropdown .woocommerce-minicart__total{
  font-size: 16px;
  margin-top: 24px;
}
.lg-mini-carrito-dropdown .woocommerce-minicart__total .woocommerce-Price-amount{
  font-weight: 600;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart__buttons{
  margin-bottom: 12px;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart__buttons a{
  font-size: 16px !important;
}
.lg-mini-carrito-dropdown .woocommerce-mini-cart__buttons a::after{
  display: none;
}

.lg-mini-carrito-dropdown .woocommerce-mini-cart__buttons a:hover{
  padding: .3em .1em .3em .1em;
}
.mostrar-dropdown-carrito{
  visibility: visible !important;
  opacity: 1 !important;
}
.lg-mini-carrito-dropdown .h-icono-cerrar{
  display: none;
}

.lg-mini-carrito-dropdown{
  visibility: hidden;
  opacity: 0;
  transition: all ease .3s;
}


.added_to_cart.wc-forward {display: none !important}


@media only screen and (max-width: 980px){
  .lg-mini-carrito-dropdown .h-icono-cerrar{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    width: 28px;
    height: 28px;
    background-color: #e7e7e7;
    color: #253031;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}
/*Estilos menu hamburguesa movil*/
@media only screen and (max-width: 980px){
  .lg-menu-h .et_mobile_menu {
    left:-80% !important;
    width: 260% !important;
  }
}

@media (min-width: 768px) {
  /*tabs mi cuenta*/
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  
  /* Mostrar botón añadir al carrito en hover */
  .woocommerce ul.products li.product .button {
      transition: 0.35s;
      visibility: hidden;
      opacity: 0;
  }
}

@media (min-width: 981px) {
  .d-movil-only{
    display: none!important;
  }
}