/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
 :root{
    --fuentePrincipal: 'Rubik', sans-serif;
    /* --fuentePrincipal:'Roboto', sans-serif; */
    --fuenteHeadings:'Poppins', sans-serif;
    --gray: #929292;
    --border: #ebebeb;
    --bgGray: #f8f9f9;
    /**  Colores  **/
    --primario: #B03415;
    --hover: #AA290F;
    --secundario: #b0031b;
    --colortexto: #555555;
    




    --bgazul: #486591;
    --bgazulmedio: #96C4DE;
    --bgazulclaro: #D6E6F3;
    --bgprincipal: #F4F7F9;
    --bgbtn: #00B3FF;
    --contenedor: 1200px;
    --bgprincipal: #F3F7FA;
    --grisOscuro: #222222;
    --grisMedio: #444444;
}
html {
    box-sizing: border-box;
    font-size: 62.5%; /* 10px = 1rem! */
    scroll-behavior: smooth;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body{
    font-family: var(--fuentePrincipal);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 32px;
    color: var(--colortexto);

}
h1,h2,h3,h4,h5,h6{
	/* font-family:var(--fuenteHeadings); */
    color: #242424;
    font-weight: 500;
}
h1{
    font-size: 2em;
}
h2{
    font-size: 1.5em;
}
h3{
    padding: 0!important;
}
.w100{
    width: 100%;
}
.mt75{
    margin-top: 75px!important;
}
.mt50{
    margin-top: 50px!important;
}
.mr0{
    margin-right: 0!important;
}
.mb0{
    margin-bottom: 0!important;
}
.pt50{
    padding-top: 50px!important;
}
.pt75{
    padding-top: 75px!important;
}
.pb50{
    padding-bottom: 50px!important;
}
.pb75{
    padding-bottom: 75px!important;
}
.bgPrimary .ti-widget.ti-goog .ti-review-item>[class$=inner]{
    
}
.ti-widget.ti-goog .ti-rating-text strong, .ti-widget.ti-goog .ti-rating-text span{
    color: #d5d5d5!important;
}
.lh24{
    line-height: 24px!important;
}
.has-rojo-color{
    color: var(--primario);
}
.d-flex{
    display: flex;
}
.space-between{
    justify-content: space-between;
}
.items-center{
    align-items: center;
}
.bgGray{
    background: var(--bgGray);
}
.bgPrimary{
    background: var(--primario);
}
.reviews{
    padding: 80px 0!important;
    margin-top: 65px;
}
.reviews .containerTitle {
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    border: 0;
    margin-bottom: 50px;
    text-transform: capitalize;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none ;
}
.wp-block-group.alignwide{
    max-width: 1320px!important;
    margin: 0  auto!important;
}
.alignwide{
    max-width: 1320px;
    margin: 0 auto!important;
}
.centrado{
    max-width: 1100px;
    margin: 0 auto!important;
}

/*----  Top Naviagtion  ------------*/
.topNavigation{

    height: 60px;
    display: flex;
    align-items: center;
    background: var(--grisOscuro);
    margin-bottom: 50px;  
    position: relative;
}
.topNavigation::before{
    background: #ebebeb;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 15px;
    position: absolute;
    right: 15px;
    z-index: 9;
}
.topNavigation .row{
    height: 40px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #EEEEEE;
}
.topNavigation li{
    font-size: 13px;
    letter-spacing: 0;
    line-height: 45px;
    color: var(--gray);
    transition: all .4s ease 0s;  
    list-style: none;
    color: var(--gray);
}
.topInfo, .topSociales{
    height: 45px;
    margin: 0;
}
.topNavigation li a{
    font-size: 15px;
    color: #ffffff;
}
.topNavigation li a .fab, .topNavigation li  .fas{
    /* color: var(--primario); */
}
.topNavigation .topInfo li{
    margin-right: 30px;
}
.topNavigation li:last-of-type{
    margin-right: 0;

}
.topNavigation .topInfo li a i{
    margin-right: 12px;
}
.topNavigation .topSociales li:not(:last-child) a i{
    margin-right: 12px;
}
.topNavigation a{
    color: var(--bgazulmedio);
    font-weight: 300;
 
}
.topNavigation .topInfo li a{
    display: flex;
    align-items: center;
    font-weight: 500;
}
.topNavigation .topInfo li a:hover{
    font-weight: 500;
}
.topNavigation li.lang-item{
    text-transform: uppercase;
    margin-left: 70px;
}
/*------   MAIN NAVIGATION   -----*/
.site-branding{
    margin-bottom: 50px;
}
.storefront-primary-navigation{
    background: var(--primario);
    transition: all .5s ease;
    transition:top .5s linear;
    top: -50px;
}
@media (min-width: 768px){
.storefront-primary-navigation.scrolled-nav{
    position: fixed;
    width: 100%;
    top: 0;
}
}
.storefront-primary-navigation ul.menu li a{
    color: #ffffff;
    top: 0;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{
    color: #ffffff;
}
.site-header ul.menu li.current-menu-item{
    /* border-bottom: solid 5px #ffffff; */

}
#menu-menu-principal{
    /* justify-content: space-between; */
    display: flex;
    padding-left: 30px;
    /* align-items: center;*/
    height: 56px; 
}

.storefront-primary-navigation ul.menu li a {
    color: #ffffff;
}
@media (min-width: 768px){
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {

    background: 0 0;
    display: table;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative;
    background: 0 0;
    font-family: var(--fuentePrincipal);
    font-size: 14px;
    font-weight: 500;
    height: auto;
    text-transform: uppercase;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
}
.main-navigation ul li{
    margin: 0 45px 0 0;
    padding: 11px 0;
}
.main-navigation ul.menu li.current_page_item  a::before, .main-navigation ul.menu li:hover  a::before{
    left: 0;
    right: 0;
    width: 100%;
}
.main-navigation ul.menu li a:before{
    
    background: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    top: auto;
    width: 0;
    z-index: 9;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.main-navigation ul.menu > li.current_page_item > a, .main-navigation ul.menu > li:hover > a {
    color: #f8f8f8;
    border-color: #f8f8f8;
    /* border-bottom: solid; */
}
.main-navigation ul.menu  ul.sub-menu{
    background-color: #ffffff;
    /* width: 100%; */
   opacity: 0;
   min-width: 220px;
   border-color: #ebebeb;
   border-top: none;
   border-radius: 5px;
}
.main-navigation ul.menu li:hover ul.sub-menu{
    opacity: 1;
}
.main-navigation ul.menu ul.sub-menu li a{
    color: gray;
    /* width: 100%; */
    padding: 8px 20px;
}
.main-navigation ul li ul li{
    margin: 0;
}

@media (min-width: 768px){
.primary-navigation {
   padding-left: 25px;
}
}
@media (min-width: 768px){
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
    background-color: #ffffff;
    color: var(--primario);
}
}
.home .entry-title{
    display: none;
}
.home.page .site-header{
    margin-bottom: 0!important;
}
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull{
    padding: 0;
}
/*------------   PROMOCIONES  HEADER -------------*/
.promociones{
    /* padding-left: 5px; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    height: 100%;
}
.promociones a:first-of-type{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.promociones .promoItem {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5px;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    padding-right: 20px;
    background-position: center center;
    overflow: hidden;
}
.promociones .promoItem a{
    overflow: hidden;
}
.promociones .promoItem i.fas{
    margin-right: 20px;
    margin-bottom: 20px;
    background: var(--primario);
    color: #ffffff;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.promociones .promoItem:hover{
    /* transform: scale(1.02); */
}
/*----------- MENU PRODUCTOS   ---------------*/
.menuProductos .catemenu-toggler {
    background: #AA290F;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 0 30px;
    position: relative;
    /* width: 100%; */
    height: 56px;
    line-height: 56px;
    white-space: nowrap;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    text-transform: uppercase;
}
.menuProductos .catemenu-toggler span:after {
    content: "\f0c9";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menuProductos  .menu-categorias-ithard {
    background: #fff;
    /* border: 1px solid transparent; */
    border-top: none;
    height: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
}
@media (min-width: 768px){
    .woocommerce-active .site-header .main-navigation {
        clear: none;
        margin-right: 0;
    }
    .menuProductos{
        float: left;
        width: 24%;
        position: relative;
    }
}

@media screen and (min-width: 768px){
    .site-header {
        border-bottom:none!important;
    }
}
.menuProductos.show .menu-categorias-ithard {
    border-color: #ebebeb;
    height: auto;
    overflow: visible;
    padding: 13px 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.menuProductos  .menu-categorias-ithard ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.menuProductos  .menu-categorias-ithard ul li{
    position: relative;
}
.menuProductos  .menu-categorias-ithard ul li a{
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    line-height: inherit;
    margin: 0 !important;
    min-height: 0 !important;
    padding-right: 15px;
    word-break: break-word;
    color: #222222;
    padding: 7px 30px;
}
.menuProductos  .menu-categorias-ithard ul li a:hover{
    color: var(--primario);
}
.menuProductos  .menu-categorias-ithard ul li a.hover{
    color: var(--primario);
}

.menuProductos  .menu-categorias-ithard >ul>li.menu-item-has-children>a:after {
        border: none !important;
        color: inherit;
        content: '\f054';
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        font-size: 14px;
        height: auto;
        left: auto;
        position: absolute;
        right: 20px;
        top: 50%;
        width: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}

.menuProductos .menu-categorias-ithard ul li ul{
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: none;
    padding: 25px 0;
    display: none;
    width: 400px;
    position: absolute;
    margin: 0;
    z-index: 5000;
    top: auto;
    float: none;
    height: auto;
    visibility: visible;
    opacity: 1;
    /* border: 0 none; */
    vertical-align: top;
    left: 100%;
    right: auto;
    top: 0;
}
.menuProductos .menu-categorias-ithard ul li ul li{
    /* padding: 15px 20px 10px 30px; */
    color: #4c4c4c;
    font-size: 14px;
}
.menuProductos .menu-categorias-ithard ul li:hover ul{
    display: block;
}
/*-----   TITULOS DE SECCIONES   ------------------*/
.containerTitle{
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.alignwide.containerTitle{
    border: none;
}
.alignwide.containerTitle .wp-block-group__inner-container{
    border-bottom: 1px solid #ddd;
}
.containerTitle h2{
    color: #1d1d1d;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 2rem;
    margin: 0;
    padding-bottom: 17px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

.containerTitle h2:after{    
    content: "";
    left: 0;
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: -1px;
    background: var(--primario);
}
/*-----------   CATEGORIAS POPULARES   -------*/
.categoriasPopulares{

}
.categoriasPopulares .products::before, .productosDestacados .products::before, .holderCategoria ul.products::before{
    display: none;
}
.categoriasPopulares .products{
    display: flex;
    column-gap: 12px;
    flex-wrap: wrap;
}
.categoriasPopulares .products .product-category, .holderCategoria .products .product{
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    min-width: 20% !important;
    margin-right: 0!important;
    width: 22%!important;
    transition: all .5s ease;
}
.categoriasPopulares .products .product-category:hover, .holderCategoria .products .product:hover{
    border-color: var(--primario);
}
.categoriasPopulares .products .product-category:hover h2{
    color: var(--primario);
}
.categoriasPopulares .products .product-category img{
    margin: 0!important;
}
.categoriasPopulares .products .product-category h2{
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    color: var(--grisOscuro);
}
.categoriasPopulares .products .product-category mark{
    display: none;
}
/*  -----  DESTACADOS  -----------*/
.productosDestacados{
    padding-top: 30px;
    background: var(--bgGray) url('/wp-content/themes/storefront-child-theme-master/images/pattern-red.png') right bottom no-repeat;
    background-size: contain;
}
.productosDestacados .products, .holderCategoria ul.products{
    /* display: flex; */
    display: flex;
    column-gap: 12px;
    flex-wrap: wrap;
}
.productosDestacados .products .product, .holderCategoria .products .product{
    background: #ffffff;
    border: 1px solid #eaeaea;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    min-width: 20% !important;
    margin-right: 0!important;
    width: 22%!important;
    /* width: 25%!important; */
    transition: all .5s ease;
    overflow: hidden;
}
.productosDestacados ul.products li.product h2, .holderCategoria ul.products li.product h2{
    font-size: 1em;
    color: var(--grisOscuro);
    font-family: var(--fuentePrincipal);
    min-height: 36px;
    max-height: 72px;

}
.productosDestacados .products .product .price .amount, .holderCategoria .products .product .price .amount{
    color: var(--primario);
    font-size: 1.5em;
    font-weight: 600;
}
.productosDestacados .products .product .price  .woocommerce-price-suffix, .holderCategoria .products .product .price .woocommerce-price-suffix{
    display: none;
}
.productosDestacados ul.products li:hover{
    border-color: var(--primario);
}
.productosDestacados ul.products li img, .holderCategoria .products .product img{
    transition: all .5s ease;
}
.productosDestacados ul.products li:hover img, .holderCategoria ul.products li.product:hover img{
    transform: scale(1.05);
}
.wp-block-group.alignfull .alignwide  .wp-block-group__inner-container{
    max-width: 1320px!important;
    /* padding: 0 2.617924em; */
}
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull {
    /* padding: 0 2.61em; */
}
/*-----   FOOTER   -----------*/
.site-footer{
    background:  url('/wp-content/themes/storefront-child-theme-master/images/pattern-left.png'),  url('/wp-content/themes/storefront-child-theme-master/images/pattern-right.png');
    background-color: var(--primario);
    background-repeat: no-repeat;
    background-position: left top, right top;
    background-color: #AA290F;
    padding-bottom: 0;
}
.site-footer .footer-widget-1 .widget{
    margin-bottom: 30px;
}
@media (min-width: 768px){
.footer-widgets {
    padding-top: 25px;
}
}
#contactinformation_widget-3 .ciw_company_name, #contactinformation_widget-3 a, #contactinformation_widget-3 .ciw_contact_address{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
}
.ciw_contactinformation .fa{
    color: #ffffff;
    border-color: #ffffff;
    font-size: 13px;
    width: 26px;
}
.ciw_address, .ciw_contact_phone{
    margin-bottom: 8px;
}
.site-footer .widget .widget-title{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: solid 1px rgba(255,255,255,.5);
    padding-bottom: 10px;
}
.widget .product_list_widget a{
    color: #ffffff!important;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
}
.widget .product_list_widget .amount{
    color: var(--gray)!important;
    font-size: 18px;
    line-height: 16px;
}
.widget .woocommerce-price-suffix{
    color: var(--gray)!important;
}
footer .product_list_widget li img{
    max-width: 20%;
}
footer ul.products li.product-category {
    text-align: left;
    margin-bottom: 8px;
}
footer ul.products li.product-category img{
    display: none;
}
footer ul.products li.product-category a h2{
    color: #ffffff!important;
}
footer ul.products li.product-category mark{
    color: var(--gray);
    font-weight: 400;
}
.site-info{
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px rgba(255,255,255,.5);
    padding-top: 10px;
    padding-bottom: 0;
}

.menu-footer-ithard ul{
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
.menu-footer-ithard ul li{
    list-style: none;
    margin-left: 15px;
    font-weight: 400;
    font-size: 15px;
}
.menu-footer-ithard ul li a{
    color: #ffffff!important;
    text-decoration: none;
}
/*     ------------------  PRODCUCT PAGE   ---------*/
.storefront-breadcrumb{
    background: #f0f0f0;
    border-bottom: 1px solid var(--border);
    margin: 0 0 50px;
    padding: 20px 0;
    color: var(--primario);
}
.storefront-breadcrumb a{
    color: #323232;
    text-decoration: none;
}
.storefront-breadcrumb a:hover{
    color: var(--primario);
}
.storefront-breadcrumb a:first-of-type::before{
    display: none;
}
#secondary  {
    background: #f8f8f8;
    border: 1px solid #ebebeb;
    padding: 30px 20px 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.left-sidebar .widget-area{
    width: 19%;
    margin-right: 2%;
}
.widget_price_filter .ui-slider .ui-slider-range{
    background-color: var(--primario);
}
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
}

.left-sidebar #secondary button{
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    background: #242424;
    color: #ffffff;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 20px;
    text-transform: capitalize;
    display: block;
    float: none!important;
  }
  .left-sidebar #secondary button:hover{
    color: #ffffff;
    background: #242424;
  }
  .left-sidebar #secondary button:after{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 100%;
    background: var(--primario);
    z-index: -1;
    -webkit-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
  }

  .left-sidebar #secondary button:hover:after{
    width: 110%;
  }
  .left-sidebar .price_label{
    height: 32px;
    line-height: 32px;
    text-align: left;
    font-size: 1em;
  }
  .left-sidebar .price_label span{
    color: #323232;
    font-weight: 500;
  }
  .widget_layered_nav_filters{
      font-size: 14px;
  }
.left-sidebar .widget.widget_layered_nav_filters li a{
    color: var(--gray);
    font-weight: 400;
    text-decoration: none;
}
.left-sidebar .widget.widget_layered_nav_filters li a:hover{
    color: var(--primario);
}
.left-sidebar .widget.widget_layered_nav_filters li a span{
    color: #323232;
    font-size: 15px;
}
.widget_layered_nav_filters ul li.chosen::before{
    color: #323232;
}
.select2-container--default .select2-selection--single {
    border: 1px solid var(--border)!important;
    border-radius: 5px!important;
    height: 40px!important;
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: var(--primario)!important;
}
#secondary .widget-title {
    font-size: 1.429em;
    letter-spacing: -.02em;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    font-weight: 500;
    color: #242424;
    line-height: 1.35;
    border: none;
}
#secondary .product-categories li::before{
    display: none
}
.widget_product_categories ul li{
    border-bottom: 1px solid var(--border) ;
    font-size: 14px;
    position: relative;
}
.widget_product_categories ul li:last-of-type{
border-bottom: none;
}
#secondary .widget_product_categories ul li a{
    color: #323232;
    text-decoration: none;
    padding: 10px 0!important;
    font-weight: 400;

}
#secondary .widget_product_categories ul li a:hover{
    color: var(--primario);
}
#secondary .widget_product_categories ul li.cat-parent:after {
    border: none !important;
    color: inherit;
    content: '\f054';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    height: auto;
    left: auto;
    position: absolute;
    right: 20px;
    top: 10px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*--------------- PRODUCTOS CATALOGO  ----------*/
.woocommerce-products-header__title.page-title{
    font-size: 22px;
    font-weight: 500;
}
.storefront-sorting{
    /* border: 1px solid var(--border); */
    color: #777;
    margin: 0 0 50px;
    padding: 15px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.storefront-sorting:after, .storefront-sorting:before{
    display: none;
}
.storefront-sorting select{
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    font-size: .929em;
    height: 32px;
    line-height: 30px;
}
.woocommerce-Price-amount.amount{
    color: var(--primario);
    font-size: 16px;
    font-weight: 500;
}
ul.products{
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    justify-content: start;
}
ul.products::before,ul.products::after{
    display: none;
}
.site-main ul.products.columns-4 li.product, .related.products ul.products.columns-4 li.product, .related.products ul.products.columns-3 li.product{
    width: 21%;
    margin-right: 0;
    padding: 10px;
    float: none!important;
}

ul.products li.product.product-category img{
    margin:  0 auto!important;
    transition: all .5s;
}
ul.products li.product.product-category:hover img{
    transform: scale(1.05);
}
ul.products li.product h2.woocommerce-loop-product__title{
    color: #242424;
    display: block;
    font-size: 1em;
    max-width: 100%;
    min-height: 32px;
    max-height: 65px;
    height: 65px;
}
ul.products li.product img{
    max-height: 173px;
    width: auto;
}
ul.products li{
    border: solid 1px transparent;
}
ul.products li:hover{
    border: solid 1px var(--border);
    border-radius: 5px;
}
.storefront-sorting:last-of-type{
    display: none;
}
.summary.entry-summary h1{
    font-size: 1.79em;
    line-height: 1.15;
    margin-bottom: 12px;
    text-transform: none;
    font-weight: 500;
}
.summary.entry-summary .woocommerce-Price-amount.amount{
    color: var(--primario);
    font-size: 1.2em;
    font-weight: 500;
    line-height: normal;
}
.woocommerce-product-details__short-description{
    font-size: 14px;
}
.single-product div.product p.price{
    margin: 15px 0!important;
}
.posted_in{
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)!important;

    margin: 0 0 20px;
    padding-top: 5px;
    width: 100%;
    color: #323232;
    display: block;
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.summary .product_meta .posted_in a{
    color: #323232;
    font-size: 1em;
    font-weight: 400!important;
    text-transform: none!important;
    text-decoration: none!important;
}
.summary .product_meta .posted_in a:hover{
    color: var(--primario);
}
.single-product div.product .product_meta{
    border-top: none!important;
}
.woocommerce-tabs.wc-tabs-wrapper{
    border: 1px solid #ebebeb;
    padding: 30px;
    width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs{
    background: 0 0;
    border: none;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 30px;
    overflow: visible;
    padding: 0;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
    width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li{
    display: inline-block;
    list-style: none;
    padding: 0;
    border-bottom: none;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{
    padding: 0;
    color: #929292;
    display: block;
    font-size: 1.2em;
    font-weight: 500;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a:hover, .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a{
    color:  #323232;;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after{
    display: none;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li:not(:last-child) {
    margin: 0 60px 0 0;
}
.woocommerce-tabs .panel{
    width: 100%;
}
.woocommerce-Tabs-panel h2{
    display: none;
}
.woocommerce-Tabs-panel table th, .woocommerce-Tabs-panel table td{
    padding: 8px;
}
.related.products{
    margin-top: 50px;
}
.related.products h2{
    border-bottom: solid 1px var(--border);
    font-size: 1.429em;
    line-height: 1.2;
    margin-bottom: 30px;
    /* padding-right: 55px; */
    position: relative;
    padding-bottom: 11px;
    font-weight: 500;
}
.related.products .products .product h2{
    border-bottom: 0;
}
.page-template-page-full .site-content .col-full{
    max-width: 100%!important;
    padding: 0;
}
.page-template-page-full .storefront-breadcrumb{
    margin-bottom: 0;
}
.page-template-page-full .entry-header{
    display: none;
}
.contactoHold{
    padding-top: 75px;
}
h3{
    font-size: 1.429em;
    line-height: 1.2;
    margin-bottom: 5px;
    padding-right: 55px;
    position: relative;
}
.direccionFooter{
    list-style: none;
    margin: 0;
    padding: 0;
}
.direccionFooter li{
    border-bottom: solid 1px var(--border);
    padding: 25px 0;
}
.direccionFooter li h4{
    color: var(--colortexto);
    font-weight: 400;
}
.direccionFooter li i{
    font-size: .8em;
    margin-right: 15px;
}
.contactoHold .column-shortcode{
    padding: 0;
    background-color: #ffffff;
}
.contactoHold .nf-field-label label{
    font-weight: 400;
    margin: 0;
}
.nf-error-msg, .ninja-forms-req-symbol {
    color: var(--primario)!important;
}
.contactoHold .nf-field-element input[type="text"], .contactoHold .nf-field-element input[type="email"], .contactoHold .nf-field-element select{
    border: solid 1px var(--border);
    background: #ffffff;
    height: 50px;
    line-height: 50px;
    outline: none;
    box-shadow: none;
}
.contactoHold textarea{
    background: #ffffff;
    border: solid 1px var(--border);
    box-shadow: none;

}
.contactoHold .nf-field-element input[type="button"]{
    line-height: 34px;
    background: var(--primario);
    color: #ffffff;
    padding: 7px 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    font-weight: 400;
    border: none;
    transition: all .5s;
}
.contactoHold .nf-field-element input[type="button"]::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 100%;
    background: #000000;
    z-index: -1;
    -webkit-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
   
  }
  .contactoHold .nf-field-element input[type="button"]:hover {
    color: #fff;
    background: #000000;
  }
  .contactoHold .nf-field-element input[type="button"]:hover::after{
    width: 110%;
  }
  @media (min-width: 768px){
.col-full {
    max-width: 1320px!important;
}
  }
  footer ul.products li.product-category:hover,   footer ul.products li.product-category{
      border: none;
  }
  .site-footer a {
    color: #ffffff!important;
    text-decoration: none;
}
.site-footer a:hover{
    border-bottom: solid 1px;
}
.widget_nav_menu ul li::before{
    display: none;
}
.widget_nav_menu ul li{
    padding-left: 0;;
}
  .servicioItem img{
      width: 100%;
  }
  /*------     BOTON   */
  .wp-block-button__link{
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    background: var(--primario);
    color: #ffffff!important;
    padding: 7px 20px!important;
    border-radius: 5px;
    font-weight: 400!important;
    height: 30px1important;
    letter-spacing: 0;
    line-height: 30px!important;
    padding: 0 20px;
    text-transform: uppercase;

  }
  .wp-block-button__link:hover{
    color: #ffffff;
 
  }
  .wp-block-button__link:after{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 100%;
    background: #000000;
    z-index: -1;
    -webkit-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
  }

  .wp-block-button__link:hover:after{
    width: 110%;
  }
@media (min-width: 768px){
    .woocommerce-active .site-header .site-branding {
        width: 40%;
    }
}
.searchbox{
    float: right;
    width: 50%;
}
.apsw-search-btn{
    background: var(--primario)!important;
    overflow: hidden;
}
.apsw-search-wrap.apsw_search_form_style_4 button.apsw-search-btn::before, .apsw-search-wrap.apsw_search_form_style_5 button.apsw-search-btn::before, .apsw-search-wrap.apsw_search_form_style_6 button.apsw-search-btn::before{
border-color: transparent var(--primario) transparent!important;

}
.apsw_data_container{
    overflow: hidden;
}
ul.apsw_data_container li{
    /* width: auto!important; */
    width: calc(100% - 30px)!important;
}
ul.apsw_data_container  li.apsw_empty{
    width: 100%!important;
}
.apsw_result_excerpt{
    display: none!important;
}
ul.apsw_data_container .apsw-name{
    font-weight: 400!important;
 color: var(--grisMedio)!important;
 line-height: 1em;
 width: 83%;

}
ul.apsw_data_container li .apsw_result_category{
    color: var(--primario);
    display: none;
}
.apsw-price .woocommerce-price-suffix{
    display: none;
}
.stock.in-stock, .stock.out-of-stock{
    font-size: 16px!important;
   
}
.stock.out-of-stock{
 color: var(--grisMedio);
}
.stock.in-stock span, .stock.out-of-stock span{
    color: var(--grisMedio)!important;
    font-weight: 500;
}
.stock.in-stock::before, .stock.out-of-stock::before{
    display: none;
}
ul.apsw_data_container li .apsw-price{
    top: auto;
    bottom: 0;
    right: 10px;

}
ul.apsw_data_container .apsw_img_product {
    width: 40px!important;
}
.apsw-search-wrap .apsw-search-form input[type=search]{
    width: auto;
}

/*-----------404  PAGE---------------*/
.hold404{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
    background: url('/wp-content/themes/storefront-child-theme-master/images/disconect.jpg') right bottom no-repeat;
}
.hold404 h2{
    font-size: 165px;
    margin: 0;
    line-height: 1;
}
.hold404 h3{
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 15px;
    margin: 0;
    line-height: 1;
}
.apsw_ajax_result a.apsw_view_all_product{
    text-transform: none!important;
    background-color: var(--bgGray);
    color: var(--grisMedio);
    padding: 3px;
}
.site-header{
    padding: 0;
}
.woocommerce-pagination .page-numbers li .page-numbers.current{
    background: var(--primario);
    color: #ffffff;
}
ul.products li.product .woocommerce-LoopProduct-link, ul.products .wc-block-grid__product .woocommerce-LoopProduct-link, .wc-block-grid__products li.product .woocommerce-LoopProduct-link, .wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    height: 313px;
}
.woocommerce-loop-category__title{
    margin-top: 12px;
}
.callOuts{
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 14%);
    padding: 20px;
    margin-top: 80px;
    margin-bottom: 40px;
}
.callOuts .service-block{
    display: flex;
    align-items: center;
    padding: 0;
   
}
.callOuts .service-block .content{
    border-right: solid 1px #eaeaea;
}
.callOuts .wp-block-column:last-child .service-block .content{
    border-right: none;
}
.callOuts .service-block .content h3{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.callOuts .service-block .content h3:after{
    border-color: var(--primario);
    content: ' ';
    display: block;
    border-style: solid;
    border-width: 0 0 2px;
    margin: 0.3em  0 -0.25em;
    width: 2.1875rem;
}
.callOuts .service-block p{
    margin: 0!important;
}

.callOuts .service-block img{
    width: 80px;
    height: 80px;
}
.callOuts .service-block .content{
    border: none;
    justify-content: flex-start;
    height: auto;
    border-right: solid 1px #eaeaea;

}
.callOuts .service-block .content p.link, .callOuts .service-block .content h4{
    display: none;
}
.callOuts .wp-block-column{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
   
}

#copyDev{
    text-align: right;
    padding: 8px 0;
    background: #ffffff;
    margin-top:40px;
}
#copyDev .footerBottomCopy img{
    height: 40px!important;
    margin-left: 15px!important;
}
.footerBottomCopy{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#copyDev .widget{
    margin-bottom: 0;
}
/*----------------  TABLET LANDSCAPE ------------*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .woocommerce-active .site-header .site-branding{
        width: 35%;
    }
    .searchbox{
        width: 60%;
    }
    .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull{
        width: auto;
        max-width: 1000%;
        clear: both;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .menuProductos{
        width: 20%;
    }
    .menuProductos .catemenu-toggler{
        padding:  0 20px;
    }
    .woocommerce-active .site-header .main-navigation{
        width: 80%;
    }
    .menuProductos .menu-categorias-ithard ul li a{
        padding: 7px 10px;
    }
    .menuProductos .menu-categorias-ithard ul li ul{
        width: 275px;
    }
    .categoriasPopulares .products{
        column-gap: 0;
    }
    .wp-block-group.alignwide {
        max-width: 940px!important;
    }
    .product-block .content {
        padding: 8px;
    }
    .product-block h4{
        margin: 0;
    }
    .product-block h3{
        font-size: 22px;
    }
    .product-block{
        height: 175px!important;
    }
    .site-footer{
        background-size: 22%;
    }
    .site-main ul.products.columns-4 li.product, .related.products ul.products.columns-4 li.product, .related.products ul.products.columns-3 li.product{
        width: 29%;
    }
    

  }
   /*--------------------  TABLET PORTRAIT---------------------*/
   @media only screen
   and (min-device-width: 768px)
   and (max-device-width: 1024px)
   and (orientation: portrait)
   and (-webkit-min-device-pixel-ratio: 1) {
    .topNavigation .topInfo li:not(.showOnPort){
        display: none;
    }
    .woocommerce-active .site-header .site-branding {
        width: 27%;
    }
    .searchbox {
        width: 65%;
    }
    .apsw-search-wrap.apsw_search_form_style_4 button.apsw-search-btn{
        padding: 0;
    }
    .menuProductos .catemenu-toggler {
        padding: 0 12px;
        font-size: 14px;
    }
    .menuProductos .catemenu-toggler span:after{
        right: 14px;
    }
    .main-navigation ul li {
        margin: 0 25px 0 0;      
    }
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
        font-size: 13px;
    }
    .wp-block-column {
        flex-basis: 100%!important;
        margin-bottom: 0!important;
    }
    .hentry .entry-content .wp-block-columns .wp-block-column{
        padding: 0;
    }
    .promociones {
        min-height: 380px;
    }
    .categoriasPopulares .products .product-category{
        width: 45%!important;
    }
    .wp-block-group.alignwide {
        max-width: 684px!important;
    }
    .productosDestacados .products .product, .holderCategoria .products .product{
        width: 28%!important;
    }
    .productosDestacados .products, .holderCategoria .products{
        justify-content: center;
    }
    .product-block {
        height: 215px!important;
    }
    .site-footer{
        background-size: 25%;
    }
    .left-sidebar .content-area {
        width: 100%;
        float: none;
   }
   .left-sidebar .widget-area {
        width: auto;
        float: none;
   }
   .site-main ul.products.columns-4 li.product, .related.products ul.products.columns-4 li.product, .related.products ul.products.columns-3 li.product{
        width: 28%;
    }
    .wp-block-column.servicioItem{
        padding: 0!important;
    }
    #secondary{
        margin-bottom: 30px;
    }
}
/*--------------------  MOBILE---------------------*/
@media only screen and (max-width: 767px) {
    .topNavigation{
        margin-bottom: 15px;
    }
    .topNavigation .topInfo li:not(.showOnMob){
        display: none;
    }
    .topNavigation li a {
        font-size: 18px;
    }
    .storefront-primary-navigation{
        margin-top: 80px;
    }
    .searchbox{
        float: none;
        width: 100%;
    }
    .woocommerce-active .site-branding{
        width: 100%;
        margin-bottom: 25px;
    }
    .site-branding a img{
        margin: 0 auto;
    }
    .apsw-search-wrap.apsw_search_form_style_4 button.apsw-search-btn{
        padding: 0;
    }
    .apsw-select-box-wrap{
        display: none;
    }
    .apsw-search-wrap .apsw-search-form input[type=search]{
        margin: 0!important;
    }
    .storefront-primary-navigation {
        margin-top: 30px;
    }
    .menuProductos {
        position: relative;
    }
    .menuProductos .catemenu-toggler{
        width: 70%;
        float: left;
    }
    .menu-toggle{
        height: 56px;
        background: none!important;
        border: none!important;
        color: var(--primario)!important;
    }
    button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before{
        background-color: var(--primario);
    }
    .menuProductos.show .menu-categorias-ithard{
        top: 56px;
    }
    .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull{
        width: auto;
        max-width: 1000%;
        clear: both;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .menuProductos .menu-categorias-ithard ul li ul{
        position: relative;
        left: 0;
        width: auto;
        border: none;
        padding: 0;
        background: var(--border);
    }
    .storefront-primary-navigation
    {
        background: none;
    }
    .main-navigation .menu{
        padding-bottom: 35px;
        text-align: center;
        padding-top: 25px;
    }
    .main-navigation ul li {
        padding: 5px 0;
        border-bottom: solid 1px var(--border);
        margin-right: 0;
    }
    .main-navigation ul.menu > li > a{
        color: #222222;
        padding: 0;
    }
    .main-navigation ul.menu > li.current_page_item > a, .main-navigation ul.menu > li:hover > a {
        color: var(--primario);
    }
    .promociones {
        min-height: 380px;
    }
    .wp-block-column{
        margin-bottom: 0!important;
    }
    .categoriasPopulares .products .product-category{
        width: 45%!important;
    }
    .wp-block-group.alignwide {
        max-width: 684px!important;
    }
     .holderCategoria .products .product{
        width: 28%!important;
    }
    .productosDestacados .products .product{
        width: 100%!important;
        margin-bottom: 25px;
    }
    .productosDestacados .products, .holderCategoria .products{
        justify-content: center;
    }
    .product-block {
        height: 215px!important;
    }
    .site-footer{
        background-size: 25%;
        padding-bottom: 90px;
    }
    .service-block .content{
        height: auto;
    }
    .wp-block-group.alignwide{
        padding:  20px;
    }
    .product-block .content{
        position: relative;
    }
    .product-block{
        height: auto!important;
    }
    .product-block h4, .product-block h3, .product-block p{
        color: #222222!important;
        text-align: left;
    }
    .holderCategoria .products .product {
        width: 100%!important;
        margin-bottom: 25px;
    }
    .site-info{
        flex-direction: column;
    }
    .menu-footer-ithard ul li {
        line-height: 1;
        font-size: 13px;
    }
    .storefront-sorting{
        flex-direction: column;
    }
    .storefront-sorting select{
        width: 100%;
    }
    .site-main ul.products.columns-4 li.product, .related.products ul.products.columns-4 li.product, .related.products ul.products.columns-3 li.product {
        width: 100%;
    }
    .pagination, .woocommerce-pagination{
        border-width: 1px;
    }
    .left-sidebar .widget-area{
        width: 100%;
    }
    #secondary{
        margin-bottom: 30px;
    }
    .callOuts .service-block .content{
        border-right: none;
    }
    .menu-footer-ithard ul{
        text-align: center;
    }
}
/* @media (min-width: 768px){
.content-area, .widget-area {
    margin-bottom: 0;
}
} */
.site-main {
    margin-bottom: 0;
}