/*
    Theme name: Electricos JA woocommerce
    Theme url:
    Description: Tema para la tienda virtual de Electricos JA
    Author: Jose Velasquez
    Template: storefront
    Version: 1.0
    License: GNU General Public v2 or later
    Tags: Woocommerce, autopartes, autoparts, responsive, ecommerce
    

*/

.main-navigation ul li a,
        .site-title a,
        ul.menu li a,
        .site-branding h1 a,
        button.menu-toggle,
        button.menu-toggle:hover,
        .handheld-navigation .dropdown-toggle {
            color: #ffffff;
        }

        button.menu-toggle,
        button.menu-toggle:hover {
            border-color: #ffffff;
        }

        .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;
        }

        table:not( .has-background ) th {
            background-color: #f8f8f8;
        }

        table:not( .has-background ) tbody td {
            background-color: #fdfdfd;
        }

        table:not( .has-background ) tbody tr:nth-child(2n) td,
        fieldset,
        fieldset legend {
            background-color: #fbfbfb;
        }

        .site-header,
        .secondary-navigation ul ul,
        .main-navigation ul.menu > li.menu-item-has-children:after,
        .secondary-navigation ul.menu ul,
        .storefront-handheld-footer-bar,
        .storefront-handheld-footer-bar ul li > a,
        .storefront-handheld-footer-bar ul li.search .site-search,
        button.menu-toggle,
        button.menu-toggle:hover {
            background-color: #010035;
        }

        p.site-description,
        .site-header,
        .storefront-handheld-footer-bar {
            color: #ff0000;
        }

        button.menu-toggle:after,
        button.menu-toggle:before,
        button.menu-toggle span:before {
            background-color: #ffffff;
        }

        h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
            color: #010035;
        }

        .widget h1 {
            border-bottom-color: #010035;
        }

        body,
        .secondary-navigation a {
            color: #000000;
        }

        .widget-area .widget a,
        .hentry .entry-header .posted-on a,
        .hentry .entry-header .post-author a,
        .hentry .entry-header .post-comments a,
        .hentry .entry-header .byline a {
            color: #050505;
        }

        a {
            color: #dd3333;
        }

        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-color: #dd3333;
        }

        button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
            background-color: #010035;
            border-color: #010035;
            color: #ffffff;
        }

        button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
            background-color: #00001c;
            border-color: #00001c;
            color: #ffffff;
        }

        button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
            background-color: #333333;
            border-color: #333333;
            color: #ffffff;
        }

        button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
            background-color: #1a1a1a;
            border-color: #1a1a1a;
            color: #ffffff;
        }

        .pagination .page-numbers li .page-numbers.current {
            background-color: #e6e6e6;
            color: #000000;
        }

        #comments .comment-list .comment-content .comment-text {
            background-color: #f8f8f8;
        }

        .site-footer {
            background-color: #000000;
            color: #ffffff;
        }

        .site-footer a:not(.button):not(.components-button) {
            color: #ffffff;
        }

        .site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
            color: #ffffff;
        }

        .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
            color: #ffffff;
        }

        .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
            color: #010035;
        }

        .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
            color: #3f3f3f;
        }

        @media screen and ( min-width: 768px ) {
            .secondary-navigation ul.menu a:hover {
                color: #ff1919;
            }

            .secondary-navigation ul.menu a {
                color: #ff0000;
            }

            .main-navigation ul.menu ul.sub-menu,
            .main-navigation ul.nav-menu ul.children {
                background-color: #000026;
            }

            .site-header {
                border-bottom-color: #000026;
            }
        }

        @font-face {
            font-family: star;
            src: url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/star.eot);
            src:
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
            font-weight: 400;
            font-style: normal;
        }
        @font-face {
            font-family: WooCommerce;
            src: url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
            src:
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),
                url(https://electricosja.com.co/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
            font-weight: 400;
            font-style: normal;
        }

        a.cart-contents,
        .site-header-cart .widget_shopping_cart a {
            color: #ffffff;
        }

        a.cart-contents:hover,
        .site-header-cart .widget_shopping_cart a:hover,
        .site-header-cart:hover > li > a {
            color: #ffffff;
        }

        table.cart td.product-remove,
        table.cart td.actions {
            border-top-color: #ffffff;
        }

        .storefront-handheld-footer-bar ul li.cart .count {
            background-color: #ffffff;
            color: #010035;
            border-color: #010035;
        }

        .woocommerce-tabs ul.tabs li.active a,
        ul.products li.product .price,
        .onsale,
        .wc-block-grid__product-onsale,
        .widget_search form:before,
        .widget_product_search form:before {
            color: #000000;
        }

        .woocommerce-breadcrumb a,
        a.woocommerce-review-link,
        .product_meta a {
            color: #050505;
        }

        .wc-block-grid__product-onsale,
        .onsale {
            border-color: #000000;
        }

        .star-rating span:before,
        .quantity .plus, .quantity .minus,
        p.stars a:hover:after,
        p.stars a:after,
        .star-rating span:before,
        #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
            color: #dd3333;
        }

        .widget_price_filter .ui-slider .ui-slider-range,
        .widget_price_filter .ui-slider .ui-slider-handle {
            background-color: #dd3333;
        }

        .order_details {
            background-color: #f8f8f8;
        }

        .order_details > li {
            border-bottom: 1px dotted #e3e3e3;
        }

        .order_details:before,
        .order_details:after {
            background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#f8f8f8 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#f8f8f8 33.33%,transparent 33.33%)
        }

        #order_review {
            background-color: #ffffff;
        }

        #payment .payment_methods > li .payment_box,
        #payment .place-order {
            background-color: #fafafa;
        }

        #payment .payment_methods > li:not(.woocommerce-notice) {
            background-color: #f5f5f5;
        }

        #payment .payment_methods > li:not(.woocommerce-notice):hover {
            background-color: #f0f0f0;
        }

        .woocommerce-pagination .page-numbers li .page-numbers.current {
            background-color: #e6e6e6;
            color: #000000;
        }

        .wc-block-grid__product-onsale,
        .onsale,
        .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
            color: #000000;
        }

        p.stars a:before,
        p.stars a:hover~a:before,
        p.stars.selected a.active~a:before {
            color: #000000;
        }

        p.stars.selected a.active:before,
        p.stars:hover a:before,
        p.stars.selected a:not(.active):before,
        p.stars.selected a.active:before {
            color: #dd3333;
        }

        .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
            background-color: #010035;
            color: #ffffff;
        }

        .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
            background-color: #00001c;
            border-color: #00001c;
            color: #ffffff;
        }

        .button.added_to_cart:focus,
        .button.wc-forward:focus {
            outline-color: #dd3333;
        }

        .added_to_cart,
        .site-header-cart .widget_shopping_cart a.button,
        .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
            background-color: #010035;
            border-color: #010035;
            color: #ffffff;
        }

        .added_to_cart:hover,
        .site-header-cart .widget_shopping_cart a.button:hover,
        .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
            background-color: #00001c;
            border-color: #00001c;
            color: #ffffff;
        }

        .added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
            background-color: #333333;
            border-color: #333333;
            color: #ffffff;
        }

        .added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
            background-color: #1a1a1a;
            border-color: #1a1a1a;
            color: #ffffff;
        }

        .button.loading {
            color: #010035;
        }

        .button.loading:hover {
            background-color: #010035;
        }

        .button.loading:after {
            color: #ffffff;
        }

        @media screen and ( min-width: 768px ) {
            .site-header-cart .widget_shopping_cart,
            .site-header .product_list_widget li .quantity {
                color: #ff0000;
            }

            .site-header-cart .widget_shopping_cart .buttons,
            .site-header-cart .widget_shopping_cart .total {
                background-color: #00002b;
            }

            .site-header-cart .widget_shopping_cart {
                background-color: #000026;
            }
        }
            .storefront-product-pagination a {
                color: #000000;
                background-color: #ffffff;
            }
            .storefront-sticky-add-to-cart {
                color: #000000;
                background-color: #ffffff;
            }

            .storefront-sticky-add-to-cart a:not(.button) {
                color: #ffffff;
            }

            .storefront-primary-navigation{
                background-color:#ff0000
            }

            /*
                Nuevos estilos
            */
            
            .storefront-product-categories img{
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }

            .storefront-product-categories img:hover{
                -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
                transform: scale(1.1, 1.1);
            }

            .fa.fa-shopping-cart.single_add_to_cart_button.button.alt::before{
                margin-right: 15px;
            }

            .woocommerce-message{
                background-color: #ff0000;
                font-size: 20px;
            }

            /*menus*/
            @media only screen and (min-width:768px) {
                .storefront-primary-navigation{
                    background: linear-gradient(90deg, #0A1128, #1B1F3A);
                    padding-bottom: 1px;
                    margin-bottom: -1px;
                }
    
                .site-header .site-branding{
                    display: flex;
                    align-items: center;
                    color: white;
                    font-size: 22px;
                    font-weight: bold;
                    text-decoration: none;
                    margin-bottom: 20px;
                }
    
                .site-header .site-branding img{ 
                    margin-right: 10px;
                }
    
                .main-navigation ul.menu>li>a:hover {
                    background-color: #1a2f76;
                }
            }

            @media only screen and (max-width:767px) {
                button.munu-toggle{
                    background-color: linear-gradient(90deg, #0A1128, #1B1F3A);
                }

                .storefront-primary-navigation{
                    background-color: #1B1F3A;
                }

                .storefront-primary-navigation ul.menu {
                    padding-left: 20px;
                }

                .storefront-primary-navigation ul.menu li a{
                    font-size: 20px;
                }

            }

            /*Redes*/

            .secondary-navigation a[href*="dribbble.com"], .secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="flickr.com"], .secondary-navigation a[href*="foursquare.com"], .secondary-navigation a[href*="plus.google.com"], .secondary-navigation a[href*="instagram.com"], .secondary-navigation a[href*="linkedin.com"], .secondary-navigation a[href*="pinterest.com"], .secondary-navigation a[href*="reddit.com"], .secondary-navigation a[href*="tumblr.com"], .secondary-navigation a[href*="twitter.com"], .secondary-navigation a[href*="vimeo.com"], .secondary-navigation a[href*="wordpress.com"], .secondary-navigation a[href*="wordpress.org"], .secondary-navigation a[href*="youtube.com"], .secondary-navigation a[href*="mailto:"], .secondary-navigation a[href*="twitch.tv"], .secondary-navigation a[href$="/feed/"] {
                text-indent: -9999px; }
              
              .secondary-navigation a[href*="dribbble.com"]:after, .secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="foursquare.com"]:after, .secondary-navigation a[href*="plus.google.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after, .secondary-navigation a[href*="reddit.com"]:after, .secondary-navigation a[href*="tumblr.com"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="vimeo.com"]:after, .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="mailto:"]:after, .secondary-navigation a[href*="twitch.tv"]:after, .secondary-navigation a[href$="/feed/"]:after {
                  text-indent: 0;
                  display: block;
                  float: left; }
              
              .secondary-navigation a[href*="dribbble.com"]:after, .secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="foursquare.com"]:after, .secondary-navigation a[href*="plus.google.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after, .secondary-navigation a[href*="reddit.com"]:after, .secondary-navigation a[href*="tumblr.com"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="vimeo.com"]:after, .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="twitch.tv"]:after {
                  font-family: "Font Awesome 5 Brands";
                  font-weight: 400; }
              
              .secondary-navigation a[href*="mailto:"]:after, .secondary-navigation a[href$="/feed/"]:after {
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900; }
              
              .secondary-navigation a[href$="/feed/"]:after {
                content: "\f09e";
                color: #ff9900; }
              .secondary-navigation a[href*="twitch.tv"]:after {
                content: "\f1e8";
                color: #6441A5; }
              .secondary-navigation a[href*="mailto:"]:after {
                content: "\f0e0"; }
              .secondary-navigation a[href*="youtube.com"]:after {
                content: "\f167";
                color: #bb0000; }
              .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after {
                content: "\f19a";
                color: #0073aa; }
              .secondary-navigation a[href*="vimeo.com"]:after {
                content: "\f194";
                color: #aad450; }
              .secondary-navigation a[href*="tumblr.com"]:after {
                content: "\f173";
                color: #32506d; }
              .secondary-navigation a[href*="reddit.com"]:after {
                content: "\f231"; }
              .secondary-navigation a[href*="twitter.com"]:after {
                content: "\f099";
                color: #00aced; }
              .secondary-navigation a[href*="dribbble.com"]:after {
                content: "\f17d";
                color: #ea4c89; }
              .secondary-navigation a[href*="facebook.com"]:after {
                content: "\f09a";
                color: #3b5998; }
              .secondary-navigation a[href*="flickr.com"]:after {
                content: "\f16e";
                color: #ff0084; }
              .secondary-navigation a[href*="foursquare.com"]:after {
                content: "\f180";
                color: #0072b1; }
              .secondary-navigation a[href*="plus.google.com"]:after {
                content: "\f0d5";
                color: #dd4b39; }
              .secondary-navigation a[href*="instagram.com"]:after {
                content: "\f16d";
                color: #517fa4; }
              .secondary-navigation a[href*="linkedin.com"]:after {
                content: "\f0e1";
                color: #007bb6; }
              .secondary-navigation a[href*="pinterest.com"]:after {
                content: "\f231";
                color: #cb2027; }

            .secondary-navigation{
                font-size: 1.6em;
                padding: .5;
            }

            /* Carrito de compras*/

            .site-header-cart{
                background-color: #1a2f76;
                padding-left: 10px;
                padding-right: 10px;
            }

            .site-header-cart .woocommerce.widget_shopping_cart{
                background-color: #f1f1f1;
            }

            .site-header-cart .woocommerce.widget_shopping_cart .buttons{
                background-color: transparent;
            }

            .site-header-cart .woocommerce.widget_shopping_cart .mini_cart_item a{
                color: #333;
            }

            .site-header-cart .woocommerce.widget_shopping_cart .quantity{
                color: #333;
            }

            .site-header-cart .cart-contents .count{
                color: white;
                opacity: 1;
                font-size: 16px;
                font-weight: bold;
            }

            .Reservados{
                background-color: #010035;
                padding: 2rem 0;
                text-align: center;
                font-size: 20px;
                color: white;
            }

            /*** Nueva seccion Homepage ***/

            .imagen-categoria{
                margin-bottom: 40px;
                position: relative;
            }

            .imagen-destacada{
                height: 300px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 100%;
            }

            .imagen-categoria h1{
                position: absolute;
                top: 30px;
                left: 0;
                background-color: #010035;
                color: #ffffff;
                padding: 5px 20px;
            }

            @media (min-width:992px){
                .electricos::after{
                    clear: both;
                    content: '';
                    display: block;
                }

                .imagen-destacada{
                    height: 1400px;
                    background-attachment: fixed;
                }


                .electricos .imagen-categoria{
                    width: 55%;
                    float: left;
                }

                .electricos .productos{
                    width: 35%;
                    float: right;
                }

                .electricos .productos ul.products li.product{
                    width: 70%!important;
                }
            }

/*** Subtitulo ***/

.subtitulo{
    font-size: 20px;
    font-style: italic;
    margin-bottom: 5px;
    color: #969696;
}

/*** Boton eliminar productos del carrito ***/

.wc-empty-cart-button {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 10px;
}

.wc-empty-cart-button:hover {
    background-color: #c82333;
}

/*** Checkout remover extras ***/

.woocommerce-checkout .storefront-primary-navigation,
.woocommerce-checkout .site-search,
.woocommerce-checkout .footer-widgets {
    display: none;
}