/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
a{color:#000}

.elementor-widget-theme-post-featured-image a,
.elementor-widget-image a{width:100%;}

ul.categorias-woocommerce .active a,
a:hover{color: #E30613}

ul.categorias-woocommerce {
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
text-transform: uppercase;
}

ul.categorias-woocommerce > li {
 flex: 1 1 20%;
  border-radius: 8px;
position: relative;
  background: #F0F0F0;
  display: flex;
  align-content: space-around;
  line-height: 1em;
  justify-content: ;
  padding: 20px;
  flex-direction: column;
}
ul.categorias-woocommerce > li .arrow-menu{position: absolute;
  bottom: 10px;
  right: 15px;}
ul.categorias-woocommerce > li > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1em;
}

ul.categorias-woocommerce ul {
    list-style: none;
  padding-left: 0px;
  margin: 0;
}

ul.categorias-woocommerce ul li {
  margin-bottom: 5px;
  font-size: 0.95em;
}

#sub-menu{display: none}
#open-menu{cursor: pointer}
.tienda-menu{background: #F0F0F0; border-radius: 5px}
.tienda-menu a{font-family:  var( --e-global-typography-secondary-font-family ), Sans-serif}
.e-loop-item  .added_to_cart{  
 font-size: 12px;
  color: #E30613;
  background: #fff;
  line-height: 32px;
  padding: 0 10px;
    padding-top: 0px;
  border-radius: 20px;
}
.e-loop-item .added_to_cart:hover{color: #fff; background:#E30613 }

.e-loop-item .elementor-button-wrapper{display: flex; gap:10px;}

/*SINGLE PRODUCT*/
.product .cart{flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 20px;}
.product .cart button.single_add_to_cart_button {margin: 0 !Important}
.price{  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
column-gap: 15px}
.product .input-text.qty{padding: 0; width: 100px !Important}
.product price{}

table.shop_attributes {
    display: none !important;
}
.custom-product-attributes-list{  list-style: none;
  padding: 0;}

.password-input button{display: none}
.elementor-location-footer .elementor-field-type-submit{position: absolute}

#customer_login{display: flex; gap: 50px}
#customer_login > div{width: 50%}
#customer_login > div h2{margin-bottom: 0px; font-size: 25px}
#customer_login > div form{padding: 0}
@media(max-width:1024px){
    h2 br{display: none}
    ul.categorias-woocommerce{gap: 10px}
    .header-page::before{background-image: linear-gradient(180deg, #FFFFFF00 0%, #000 100%) !Important}
}
@media(max-width:768px){
    #customer_login{flex-direction: column}
    #customer_login > div{width: 100%}
    ul.categorias-woocommerce ul{display: none !Important}
    ul.categorias-woocommerce > li{min-width: 40%; padding: 15px}
    .elementor-sticky--effects .header-iconos{display: none}
    .categorias-woocommerce img{width: 15px}
}