/*
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

*/
#elementor-popup-modal-116 .elementor-nav-menu a:focus{background: #fff !Important}
.country-list{ 
    position: absolute;
    left: 0;
    right: 0;

    display: none;
    background: #D5294F;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: rgba(255,255,255,0.8) rgba(255,255,255,0.1);
    transition: 0.1s all 
  }

.country-open .country-list-container{
    border: 1px solid #D5294F;
    background: #D5294F;
    border-radius: 0 0px 30px 30px;
    overflow: hidden;
    position: absolute;
    top: -20px;
    left: 0; 
    right: 0;
    height: 200px;}
.country-open #country-btn{border-radius: 30px 30px 0 0 ; transition: 0.1s all }

.country-list a{color: #fff; font-weight: 300; padding: 10px 20px; display: block}  
.country-list a:hover{background: rgba(255,255,255,0.1);}
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: rgba(255,255,255,0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 1ex;
    
}

::-webkit-scrollbar-corner {
    background: rgba(255,255,255,0.1);
}
.elementor-posts-nothing-found{  margin-bottom: 40px;  font-size: 20px;}
.elementor-posts-nothing-found::before{content:"No posts Founds"}
/*HEADER*/
/*MENU*/

.boton-menu .elementor-button-content-wrapper{display: block}
.boton-menu .elementor-button-content-wrapper span{display: block; }
.home .boton-menu .elementor-button-content-wrapper span{ color: #fff}
.elementor-sticky--effects .boton-menu .elementor-button-content-wrapper span{color: #000}
.boton-menu .elementor-button-content-wrapper svg{width: 22px;margin-bottom: 5px}
.home .boton-menu .elementor-button-content-wrapper svg path{fill: #fff}
.elementor-sticky--effects{background: #fff}
.elementor-sticky--effects .boton-menu .elementor-button-content-wrapper svg path{fill: #000}

.fadeInLeft .dialog-close-button{opacity: 0; transition: 0.2s all; }
.dialog-close-button{opacity: 1;transition: 0.2s all;}
.dialog-close-button{
    /*position: fixed !Important;
    top: 20px !Important;
    right: auto !Important;
    background: #fff !Important;
    left: 30px !Important;
    width: 50px;
    height: 50px;
    transition: 0.2s all*/}
.dialog-close-button i{
    border: 2px solid #000;
    border-radius: 100%;
    padding: 5px;
    font-size: 12px;
    height: 25px;
    width: 25px;
    text-align: center;}
.elementor-nav-menu a{font-size: 21px}
.elementor-nav-menu a:hover{font-weight: bold}

.elementor-nav-menu >li > ul.sub-menu{
    margin-top: 0 !Important; 
    margin-left: 0 !Important; 
    position: fixed !Important;
    top: 70px !Important;
    bottom: 0 !Important;
    left: 0 !Important;
    right: auto !Important;
    width: 24vw !Important;
    padding-left: 5%; 
    overflow-y: auto;
  scrollbar-color: #D5294F #fbfbfb;
  scrollbar-width: thin;

}

.elementor-nav-menu >li > ul.sub-menu::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background:  #fbfbfb;
}

.elementor-nav-menu >li > ul.sub-menu::-webkit-scrollbar-thumb {
    background: #D5294F;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.elementor-nav-menu >li > ul.sub-menu::-webkit-scrollbar-corner {
    background:  #fbfbfb;
}

.elementor-nav-menu >li > ul.sub-menu .sub-menu{display: block !Important; position: relative; width: 100%; }
.elementor-nav-menu >li > ul.sub-menu .sub-menu a{font-weight: bold}
.playsets a{  color: #F6A206 !important;padding: 30px !important;}
.elementor-nav-menu >li > ul.sub-menu img{width: 260px; height: auto; object-fit: contain}
.elementor-nav-menu >li > ul.sub-menu .sub-menu img{width: 240px; height: auto; object-fit: contain}
.elementor-nav-menu .sub-menu .sub-menu .sub-menu a{padding-left: 0}

.elementor-nav-menu >li > ul.sub-menu .menu-txt>a{pointer-events: none}
.menu-idioma svg path{fill: #D5294F}
.back-menu{  
    position: absolute !important;
    left: 30px;
    top: 30px;
    z-index: 999;
    font-size: 25px;
}
.back-menu::before{font-family: "Font Awesome 5 Free";
font-weight: 900;content: "\f104"; }
.elementor-nav-menu a img:hover,
.current-menu-item  img{
    box-shadow: 0 1px 19px 0 rgba(0,0,0,0.12);
    border-radius: 10px;
}
.sub-menu .menu-image{border-radius: 10px;}
@media(max-width:1024px){.elementor-nav-menu > li > ul.sub-menu{
    width: 65vw !Important; }
}
@media(max-width:768px){
    .elementor-nav-menu > li > ul.sub-menu{width: 100vw !Important; top: 90px !Important}
    .back-menu{  left: 0}
    #elementor-popup-modal-116 .dialog-lightbox-close-button{left: 20px}
}
/*HOME*/
.home .swiper-pagination-bullet{width: 100px !Important; border-radius: 0px !Important}
.home .elementor-swiper-button{
    background: url(./images/left-arrow.png) no-repeat center center;
    width: 100px;
    height: 100px;
background-size: 50px}
.home .elementor-swiper-button.elementor-swiper-button-prev{background-image: url(./images/left-arrow.png) }
.home .elementor-swiper-button.elementor-swiper-button-prev:hover{background-image: url(./images/left-arrow-hover.png) }
.home .elementor-swiper-button.elementor-swiper-button-next{background-image: url(./images/right-arrow.png) }
.home .elementor-swiper-button.elementor-swiper-button-next:hover{background-image: url(./images/right-arrow-hover.png) }
.home .elementor-swiper-button i{display: none}
.home .elementor-slide-button{margin-bottom: 100px}

/*CATEGORY*/
.products .product{background: transparent; border-radius: 20px;margin: 10px !important;}
.product-category:hover{box-shadow: 0 1px 12px 0 rgba(0,0,0,0.50);transition: 0.2s all}
.product-category .woocommerce-loop-category__title{display: none}
.product-category .img-wrap{margin: auto}
.product-category .img-wrap img{width: 100%}


.elementor-grid-item.ecs-post-loop{width: 100%; padding: 0px !Important; border-radius: 15px; background: #fff}
.elementor-grid-item.ecs-post-loop .make-column-clickable-elementor > div{padding: 3px}
.elementor-grid-item.ecs-post-loop .elementor-widget-wrap.elementor-element-populated .elementor-widget-image > div,
.elementor-grid-item.ecs-post-loop .elementor-widget-wrap.elementor-element-populated .elementor-widget-image > div img{border-radius: 10px 10px 0 0}
/*.elementor-grid-item.ecs-post-loop .elementor-widget-wrap.elementor-element-populated .elementor-widget-image img{padding: 30px}*/
.elementor-grid-item.ecs-post-loop .elementor-widget-wrap.elementor-element-populated .elementor-widget-heading > div,
.listado-novedades .elementor-widget-shortcode > div{border-radius: 0 0 10px 10px }
.categoria-list-productos .elementor-grid-item.ecs-post-loop h2{}
.elementor-grid-item.ecs-post-loop:hover .elementor-widget-heading .elementor-widget-container{background: transparent; transition: 0.2s all}
.elementor-grid-item.ecs-post-loop:hover .elementor-widget-heading .elementor-widget-container h3{color:#fff !Important; transition: 0.2s all}
.elementor-grid-item.ecs-post-loop:hover  .make-column-clickable-elementor > div{padding: 5px; transition: 0.2s all}
.listado-novedades .elementor-grid-item.ecs-post-loop:hover  .make-column-clickable-elementor > div{padding: 3px;box-shadow: 0 1px 12px 0 rgba(0,0,0,0.50);transition: 0.2s all; border-radius: 15px;}

.listado-novedades .elementor-widget-shortcode h3{text-transform: uppercase; font-size: 15px}
.listado-novedades img{object-fit: cover !Important}

/*SINGLE PRODUCT*/
#iconos-grupo-detail > div{}
#iconos-grupo-detail img{  
    display: inline-block; position: relative; z-index: 1}
#iconos-grupo-detail span{
     font-weight: bold;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    top: -25px;
    padding: 3px 20px;
    border-radius: 0px 10px 10px 0px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    display: inline-block;
    position: relative;
    margin-left: -16px;
    z-index: 0;
}
#iconos-grupo-detail #detail-luces span{border-color: #F9B233}
#iconos-grupo-detail #detail-sonidos span{border-color: #00A0E3}
#iconos-grupo-detail #detail-figuras span{border-color: #E94E1A}
#iconos-grupo-detail #detail-tv span{border-color: #E94E1A}
#iconos-grupo-detail #detail-youtube span{border-color: #E51C21}
#iconos-grupo-detail #detail-packaging span{border-color: #009E45}
#iconos-grupo-detail>div{display: none}

#iconos-grupo{display: flex; flex-wrap: wrap}
#iconos-grupo .icono{flex-basis: 27%;}
#iconos-grupo span{display: none}

.single-product #gallery-1 img{border: 0 !Important; height: 250px; object-fit: contain}
.single-product #gallery-1 dl:nth-child(odd){margin-right: 5px; max-width: CALC(50% - 10px) !important}
.single-product #gallery-1 dl:nth-child(even){margin-left: 5px; max-width: CALC(50% - 10px) !important}
.archivo-title-prod h3{min-height: 30px}
.subcat-img-cat img{max-width: 600px}
@media(max-width:768px){
    .subcat-img-cat img{max-width: 90%; margin: 0 5%;}
    .archive .ecs-posts .column{max-width: 100%}
    .img-destacado-cat img{max-height: 200px !Important}
    
    .subcategorias .woocommerce.columns-3 .products{margin-top: 20px}
}