/*
Theme Name: Layers for Elementor CHILD
Description:  Layers is a revolutionary new way to create websites with WordPress. Now you can create beautiful, responsive pages faster and easier than ever. Whether you're a pro or have never used WordPress before, Layers will get you up to speed quickly and give you a jump-start on your layout with pre-existing templates or a blank page, ready for your content. With a simple point-and-click editor built right into the WordPress customizer, you simply select what you want to change, change it, and you're done. You're always in control, and always working with a live, front-end view of your website. Pages are built by stacking content widgets together. The unique and powerful Layers Design Bar connected to each widget is where the magic happens. Here you choose the options for the display of your content. It's so simple and intuitive, you'll be a pro the first time you use it. Layers reacts to the content you give it, generating balanced, mobile-ready layouts without requiring a line of code. Layers is free, and always will be and you can take Layers even further with quality child themes and extensions which give you more functionality and more ways to display your content.
Layers is WordPress made easier.
Author: Elementor
Author URI: https://www.layerswp.com/
Theme URI: https://www.layerswp.com/
Version: 1.0.3
Tags: slider, site-builder, page-builder, responsive-layout, fixed-layout, fluid-layout, one-column, one-column, two-column, three-column, four-column, custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: layerswp
Template: layers-elementor

*/
body{font-family: 'Lato'; font-weight: 300}
a{color: #000}
.container,
.title-container .title{max-width: 1400px}
div input[type="button"], 
div input[type="submit"], 
div button, div .button, 
div .form-submit input[type="submit"]{background: transparent; color: #000; border: 1px solid #000;border-radius: 0; letter-spacing: 2px}
div input[type="button"]:hover, 
div input[type="submit"]:hover, 
div button:hover, div .button:hover, 
div .form-submit input:hover[type="submit"]{background: #fff; color: #000}

/*HEADER*/
.elementor-location-header .elementor-sticky--effects {padding: 10px 0 !Important}
.elementor-location-header .elementor-widget-theme-site-logo img{transition: 0.5s all;}
.elementor-sticky--effects .elementor-widget-theme-site-logo img{max-width: 130px; transition: 0.5s all;}

.home .elementor-slide-button{margin-top: 70px}
/*WOOCOMMERCE*/
.products .product{background: #fff; text-align: center}
.products .img-wrap img,
.products .img-wrap{margin: auto}
.products .product,
div .elementor-products-grid ul.products.elementor-grid li.product,
.products .product{overflow: hidden; padding-bottom: 80px;}
.hover-product{
  position: absolute;
  left: 0;
  right: 0;
  top:CALC(100% - 90px);
    transition: 0.5s all
}
.hover-product > *{width: 100%; display: block}
.hover-product a.button{
    font-size: 14px;
    max-width: 120px;
    margin: auto;
margin-top: 40px;
padding: 13px 10px;
font-weight: 300}
.elementor-products-grid ul.products.elementor-grid li.product:hover .hover-product,
.products .product:hover .hover-product{
    top: 0; 
    transition: 0.5s all; 
    background:   rgba(255,255,255,0.7);
    height: CALC(100% - 80px);
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}
.elementor-products-grid ul.products.elementor-grid li.product .added_to_cart,
.products .product .added_to_cart{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.elementor-menu-cart__subtotal{  padding: 10px;
  margin-bottom: 20px;}
.elementor-menu-cart__subtotal strong{font-weight: 300; color: #fff; }



.elementor-products-grid ul.products.elementor-grid li .hover-product .woocommerce-loop-product__title,
.hover-product h2.woocommerce-loop-product__title{height: 40px;line-height: 40px; color: #000; font-weight: bold; font-size: 18px;}

.elementor-products-grid ul.products.elementor-grid li .description-hover,
.products .product .description-hover{  
      min-height: 25px;line-height: 15px; margin-bottom: 0; color: #000; font-size: 15px; font-weight: 300}

.products .product .price,
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color: #000; font-size: 20px}

.sidebar h2 a{font-weight: 300; color: #BAA656; font-size: 28px;}
.sidebar aside{margin-bottom: 0; padding-bottom: 0}
.sidebar aside:first-child{padding-top: 0}
.sidebar .widget li:not(:last-child){border: 0}
.wc-block-product-categories-list li{font-size: 25px}
.wc-block-product-categories-list li ul li{font-size: 20px; padding-left: 15px !Important; padding-bottom: 0 !important;
margin-bottom: 0 !important;}
.wc-block-product-categories-list-item.current-cat > a{font-weight: normal}
.conocenos-sidebar a{
    border-radius: 0px;
    border: 1px solid #BAA656;
    color: #BAA656 !Important;
    font-size: 17px;
    letter-spacing: 2px}
.conocenos-sidebar a:hover{ background: #BAA656 !Important; color: #000 !Important; border-color: #000}

.woocommerce-result-count-container{background: #fff}

.layers-content-main{padding-top: 0; padding-bottom: 50px}
.title-container{background: #fff;}
.title-container .title{padding: 20px 50px; font-size: 15px}
.bread-crumbs,
.bread-crumbs a{color: #000; text-transform: uppercase;}

.single-product .layers-content-main{display: flex; flex-wrap: wrap}
.price{color: #BAA656; font-weight: normal}
.amount{font-weight: normal}
div[itemprop="description"] p, .woocommerce-product-details__short-description p{  font-size: 15px;
  color: #000;
}
.product_meta{color: #000;background: #fff; position: absolute; bottom: 100px}
.product_meta span span,
.product_meta span {
  font-size: 14px;
  font-weight: 300;
}
.product_meta span a{display: block; text-align: right}
.product_meta span a:first-child{display: inline}
.product-images img{border: 1px solid #bebebe;}
.product-top form.cart{display: flex}
.product-top form.cart button{margin-left: 10px;font-size: 14px;padding: 13px 20px;}
.quantity .qty{border: 1px solid black;padding: 22px 0;max-width: 60px}

.related.products .product{width: 23%}
@media(max-width:900px){
    .elementor-products-grid ul.products.elementor-grid li .hover-product .woocommerce-loop-product__title, .hover-product h2.woocommerce-loop-product__title{font-size: 17px;}
    
}
@media(max-width:768px){
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated{padding: 10px 15px}
    .favicon-sticky{display: none; transform: 0.5s all }
    .elementor-sticky--effects .favicon-sticky{display: block; transform: 0.5s all  }
    .elementor-sticky--effects .elementor-widget-theme-site-logo{display: none; transform: 0.5s all }    
    .elementor-products-grid ul.products.elementor-grid li .hover-product .woocommerce-loop-product__title, .hover-product h2.woocommerce-loop-product__title{line-height: 22px;height: 24px;}
    .hover-product a.button{padding: 5px 10px; margin-top: 20px}
    .hover-product{top: CALC(100% - 60px);}
    #block-8::after{content: '+';
        font-size: 30px;
        position: absolute;
        right: 0;
        top: 0;
        color: #BAA656;
    cursor: pointer}
    #block-8.open::after {
      content: '-';
      font-size: 40px;
      top: -9px;
      right: 4px;
    }
    #block-7{display: none; padding-top: 10px}
    #block-9{display: none;padding-top: 0}
    .sidebar .widget li:not(:last-child){padding: 0 0 0px}
    .sidebar aside{padding-left: 0; padding-right: 0;}
    .product-images{margin: 0}
    .title-container .title{padding: 20px 15px 0}
    .woocommerce-result-count-container{display: none}
    .bread-crumbs li{margin-right: 5px}
    .bread-crumbs li:last-child{margin: 0}
    .single-product .layers-content-main .column{margin: 0; width: 100%; max-width: 100%}
    .product-top h1.entry-title{font-size: 25px}
    .single-product .conocenos-sidebar{margin-bottom:40px }
    
    .product_meta{  position: relative;bottom: auto;}
    .product_meta span a{text-align: left}
    .layers-content-main{padding-bottom: 30px}
    .contacto-footer-txt span{display: block}
    
    .woocommerce-product-gallery__image img{  width: 80%;margin: 0 10%;}
    .elementor-menu-cart__wrapper .elementor-menu-cart__footer-buttons{display: block}
    .elementor-menu-cart__wrapper .elementor-menu-cart__footer-buttons a{width: 100%}
    .elementor-menu-cart__wrapper .elementor-menu-cart__footer-buttons .elementor-button--checkout {margin-top: 10px}
}
