/*
Theme Name: Good Guys
Author: Jose Ramirez
Author Uri: https://redxtremeweb.net
Version: 1.0
*/

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('./fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('./fonts/DINNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('./fonts/DINNextLTPro-Regular.woff2') format('woff2'),
        url('./fonts/DINNextLTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('./fonts/DINNextLTPro-Medium.woff2') format('woff2'),
        url('./fonts/DINNextLTPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('./fonts/DINNextLTPro-Light.woff2') format('woff2'),
        url('./fonts/DINNextLTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('./fonts/DINNextLTPro-UltraLight.woff2') format('woff2'),
        url('./fonts/DINNextLTPro-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/*- FONTS -*/
/* Roboto Condensed */
.din-u-light{font-family: 'DIN Next LT Pro'; font-weight: 200;}
.din-light{font-family: 'DIN Next LT Pro'; font-weight: 300;}
.din-reg{font-family: 'DIN Next LT Pro'; font-weight: normal;}
.din-medi{font-family: 'DIN Next LT Pro'; font-weight: 500;}
.din-bold{font-family: 'DIN Next LT Pro'; font-weight: bold;}

/*- FONT SIZE -*/
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-22{font-size: 22px;}
.fz-25{font-size: 25px;}
.fz-30{font-size: 30px;}
.fz-35{font-size: 35px;}
.fz-40{font-size: 40px;}
.fz-50{font-size: 50px;}
.fz-60{font-size: 60px;}

/*- COLORS -*/
/* Blanco */
.col-blanco{color: #ffffff;}
.back-blanco{background-color: #ffffff;}
button.back-blanco:focus{background-color: #ffffff;}
/* Negro */
.col-negro{color: #000000;}
.back-negro{background-color: #000000;}
button.back-negro:focus{background-color: #000000;}
/* Gris */
.col-gris{color: #6D6D6D;}
.back-gris{background-color: #6D6D6D;}
button.back-gris:focus{background-color: #6D6D6D;}
/* Gris Claro */
.col-gris-c{color: #D3D3D3;}
.back-gris-c{background-color: #D3D3D3;}
button.back-gris-c:focus{background-color: #D3D3D3;}

strong{font-weight: bold !important;}
.p-card{padding: 25px 0;}
.contenedor{padding: 0 5%;}

/* PLACE HOLDER *
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; }  /* WebKit *
input::-moz-placeholder, textarea::-moz-placeholder { color: #000000; font-family: 'Roboto', sans-serif; font-weight: 600; } /* Firefox 19+ */

/*- NO MARGIN -*/
.no-margin{margin: 0 !important;}

/*- TEXT RIGHT TEXT JUSTIFY -*/
.t-left{text-align: left;}
.t-right{text-align: right;}
.t-justify{text-align: justify;}

/*- BORDER NONE -*/
.no-border{border: none;}

blockquote{border-left: 5px solid #040675 !important;}
body{overflow-x: hidden !important;background-image: url('https://goodguys.redxtreme.com/wp-content/uploads/2022/03/fondo.jpg');background-attachment: fixed;background-size: cover;}

input:active, input:focus, input:focus-visible, textarea:focus-visible, input[type="submit"]:focus-visible{outline: none;}

input:not([type]):focus:not([readonly]), 
input[type="text"]:not(.browser-default):focus:not([readonly]), 
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]){}
.input-field .prefix.active, label.active {}

input.valid:not([type]), input.valid:not([type]):focus, input[type="text"].valid:not(.browser-default), input[type="text"].valid:not(.browser-default):focus, input[type="password"].valid:not(.browser-default), input[type="password"].valid:not(.browser-default):focus, input[type="email"].valid:not(.browser-default), input[type="email"].valid:not(.browser-default):focus, input[type="url"].valid:not(.browser-default), input[type="url"].valid:not(.browser-default):focus, input[type="time"].valid:not(.browser-default), input[type="time"].valid:not(.browser-default):focus, input[type="date"].valid:not(.browser-default), input[type="date"].valid:not(.browser-default):focus, input[type="datetime"].valid:not(.browser-default), input[type="datetime"].valid:not(.browser-default):focus, input[type="datetime-local"].valid:not(.browser-default), input[type="datetime-local"].valid:not(.browser-default):focus, input[type="tel"].valid:not(.browser-default), input[type="tel"].valid:not(.browser-default):focus, input[type="number"].valid:not(.browser-default), input[type="number"].valid:not(.browser-default):focus, input[type="search"].valid:not(.browser-default), input[type="search"].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown{}

/*#loadPage{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-image: url('https://bancajero.com/wp-content/uploads/2019/06/preload.gif'); background-repeat: no-repeat; background-position: center center;}
/* Header */
#whatsapp{position: fixed; right: 1%; bottom: 0;text-align: right;z-index: 999;}
#whatsapp a img{width: 18%;}
header{position: relative;}
header .row.back-gris-c{position: fixed;width: 101%;z-index: 9999;box-shadow: 0 0 7px rgba(0,0,0,0.5);}
header .back-gris-c .col-12{padding-top: 10px;padding-bottom: 10px;}
header > .row .col-12 figure{}
header > .row .col-12 figure img{width: 15%; margin-top: 80px;}
header .container .row .col-12 nav{}
header .container .row .col-12 nav .menu-menu-principal-container > ul{padding: 0;margin: 0;}
header .container .row .col-12 nav .menu-menu-principal-container > ul li{list-style: none;width: 16.3%;display: inline-table;text-align: center;padding: 0 1%;position: relative;}
header .container .row .col-12 nav .menu-menu-principal-container > ul#menu-menu-principal > li:first-child{margin-left: 7%;}
header .container .row .col-12 nav .menu-menu-principal-container > ul li.menu-item-has-children::after{content: ">";font-size: 16px;position: absolute;right: 10%;top: 9px;color: #6d6d6d;transform: rotate(90deg);}
header .container .row .col-12 nav .menu-menu-principal-container > ul li a{font-family: 'DIN Next LT Pro';font-weight: 300;color: #6D6D6D;text-decoration: none;display: block;transition: all ease-in-out 0.3s;border-radius: 5px;padding: 10px 0 7px 0;}
header .container .row .col-12 nav .menu-menu-principal-container > ul li a:hover{background-color: #D3D3D3;}
header .container .row .col-12 nav .menu-menu-principal-container ul.sub-menu{padding: 0;position: absolute;border: solid 1px #707070;width: 80%;border-radius: 5px;display: none;z-index: 99;background-image: url('https://goodguys.redxtreme.com/wp-content/uploads/2022/03/fondo.jpg');background-position: center;}
header .container .row .col-12 nav .menu-menu-principal-container > ul li:hover > ul{display: block;}
header .container .row .col-12 nav .menu-menu-principal-container ul.sub-menu li{width: 100%;padding: 0;border-bottom: 1px solid #6D6D6D;}
header .container .row .col-12 nav .menu-menu-principal-container ul.sub-menu li:last-child{border-bottom-width: 0px;}
header .container hr{margin: 0.5rem 0 3rem 0;}
header .cont-cart-search{position: absolute;top: 15%;right: 1%;}
header .cont-cart-search .row .col-4 button{border: none;background-color: transparent;}
header .cont-cart-search .row .col-4 a > button i.fa-shopping-cart{position: relative;color: #717171;}
header .cont-cart-search .row .col-4 a > button i.fa-shopping-cart::after{content: attr(data-quantity);font-family: 'DIN Next LT Pro';font-weight: 600;width: 15px;height: 15px;position: absolute;font-size: 13px;background-color: #df9d8f;color: #fff;padding-top: 2px;border-radius: 100%;top: -5px;}
header #contCarrito{position: relative;}
header #contCarrito nav{display: none;}
header #contCarrito nav ul{padding: 0;}
header .cont-cart-search .row .col-4:last-child > button{}
header .cont-cart-search .row .col-4:last-child > button i.fa-search{color: #717171;}
header .cont-cart-search .row .col-4:last-child{position: relative;}
header #contSearch{position: absolute;left: 130px;transition: all ease-in-out 0.3s;}
header #contSearch form{position: relative;}
header #contSearch form input{background-color: transparent;border: none;border-bottom: 1px solid #6f6f6f;border-radius: 0;font-family: 'DIN Next LT Pro';font-weight: 300;padding: 4px 30px 4px 4px;}
header #contSearch form button{position: absolute;top: -4px;right: 0;color: #6D6D6D}

/*- HOME -*/
#banner{}
#banner .slider_tit{font-family: 'DIN Next LT Pro';font-weight: 300;color: #fff;font-size: 40px !important;line-height: 40px !important;text-shadow: 0 0 5px rgba(0,0,0,0.7);}
#banner .btn_slider{background-color: #df9d8f;font-family: 'DIN Next LT Pro';font-weight: 400;font-size: 16px !important;}
#page_primary{}
#page_primary .container .row .col-12 article{margin: 70px 0 60px 0;}
#page_primary .container .row .col-12 article p{}

/*- FOOTER -*/
footer{border-top: solid 1px #6f6f6f;}
footer > .row:first-child .col-12.col-md-2:first-child figure{}
footer > .row:first-child .col-12.col-md-2:first-child figure img{width: 50%;position: relative;top: 10px;}
footer > .row:first-child .col-12.col-md-1{position: relative;}
footer > .row:first-child .col-12.col-md-1::before{content: '';position: absolute;left: -10%;top: 10%;width: 2px;height: 80%;background-color: #6f6f6f;border-radius: 100%;}
footer > .row:first-child .col-12.col-md-1::after{content: '';position: absolute;right: -10%;top: 10%;width: 2px;height: 80%;background-color: #6f6f6f;border-radius: 100%;}
footer > .row:first-child .col-12.col-md-1 aside{}
footer > .row:first-child .col-12.col-md-1 aside span{display: block;line-height: 1;margin-top: 30px;}
footer > .row:first-child .col-12.col-md-1 aside a{text-decoration: none;font-size: 26px;color: #6f6f6f;position: relative;top: -20px;margin: 0 4%;}
footer > .row:first-child .col-12.col-md-4 .row .col-12.col-md-3 a{margin-top: 17px;display: block;text-decoration: none;}
footer > .row:first-child .col-12.col-md-4 .row .col-12.col-md-4 a{display: block;margin-top: 8px;text-decoration: none;}
footer > .row:first-child .col-12.col-md-2:nth-child(4){position: relative;}
footer > .row:first-child .col-12.col-md-2:nth-child(4)::before{content: '';position: absolute;left: 5%;top: 10%;width: 2px;height: 80%;background-color: #6f6f6f;border-radius: 100%;}
footer > .row:first-child .col-12.col-md-2:nth-child(4)::after{content:'';position: absolute;right: -7%;top: 10%;width: 2px;height: 80%;background-color: #6f6f6f;border-radius: 100%;}
footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-5{text-align: right;margin-top: 40px;}
footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-5 i{font-size: 40px;}
footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-7 aside{line-height: 1.1;padding-top: 30px;}
footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-7 aside a{text-decoration: none;}
footer > .row:first-child .col-3.col-md-3,
footer > .row:first-child .col-4.col-md-4,
footer > .row:first-child .col-12.col-md-3 aside{margin-top: 10px;}
footer > .row:first-child .col-3.col-md-3 a,
footer > .row:first-child .col-4.col-md-4 a,
footer > .row:first-child .col-12.col-md-3 aside a{text-decoration: none;}
footer .row.author{position: relative;}
footer .row.author::before{content: '';position: absolute;top: 30%;left: 20%;width: 60%;height: 2px;background-color: #6f6f6f;border-radius: 100%;}
footer .row.author aside{padding: 15px 0;margin-top: 30px;}

/*- 404 -*/
#error-404{margin-bottom: 50px;}

/*- CONTACTO -*/
#contacto{}
#contacto .container .row .col-12 h1{margin-bottom: 30px;}
#contacto .container .row .col-12 aside{}
#contacto .container form .row .offset-md-2 label{}
#contacto .container form .row .offset-md-2 input{font-family: 'DIN Next LT Pro';font-weight: 300;width: 100%;background-color: transparent;border: none;border-bottom: 1px solid #6f6f6f;}
#contacto .container form .row .offset-md-2 label.text-desc{color: #df9d8f;font-weight: normal;}
#contacto .container form .row .col-md-4 label{font-family: 'DIN Next LT Pro';font-weight: 300;display: block;margin-top: 30px;color: #6D6D6D;}
#contacto .container form .row .col-md-4 textarea,
.woocommerce form.checkout.woocommerce-checkout textarea{border: 1px solid #6f6f6f;width: 100%;height: 15em;border-radius: 5px;background-color: transparent;padding: 2% 3%;font-family: 'DIN Next LT Pro';font-weight: 300;}
#contacto .container form .row .col-12 input[type="submit"]{margin: 40px 0 60px 0;background-color: #df9d8f;color: #fff;border: none;width: 15%;height: 2.5em;border-radius: 5px;}


/*- PAGE CONTENT -*/
#pages .container .col-12 article a{color:#6D6D6D}
#pages .container .col-12 article a.button{background-color: #df9d8f;color:#ffffff}
#pages .container .col-12 article .cart_totals h2{font-size: 22px;font-weight: normal;}
#pages .container .col-12 article form table td.product-thumbnail a img{width: 25%;border: solid 1px #b0b0b0;border-radius: 5px;}

/*- PAGO REALIZADO -*/
#compra_realizada{}
#compra_realizada aside{background-color: #ece7e3;border: solid 2px #b0b0b0;padding: 2%;border-radius: 5px;margin-top: 30px;}
#compra_realizada aside .row .col-md-4{}
#compra_realizada aside .row .col-md-4 figure{}
#compra_realizada aside .row .col-md-4 figure img{margin-top: 21px;width: 90%;}
#compra_realizada aside .row .col-md-8{}
#compra_realizada aside .row .col-md-8 article{}
#compra_realizada .row .col-12 a button{margin: 60px 0;background-color: #df9d8f;border: none;width: 20%;padding: 15px 0 10px 0;border-radius: 5px;}

/* Guía de Tallas */
#guia_tallas{}
#guia_tallas .container .col-md-5 figure{}
#guia_tallas .container .col-md-5 figure img{width: 80%;}
#guia_tallas .container .col-md-6 h2{margin-bottom: 20px;}
#guia_tallas .container .col-md-6 article{margin-bottom: 60px;}
#guia_tallas .container .col-md-6 article table{text-align: center}
#guia_tallas .container .col-md-6 article table tbody > tr:first-child{border-bottom-width: 2px;border-bottom-color: #a9a9a9;}
#guia_tallas .container .col-md-6 article table tbody > tr td{border-right-width: 2px;border-right-color: #a9a9a9;}
#guia_tallas .container .col-md-6 article table tbody > tr td:last-child{border-right-width: 0;}

/*- CUIDADOS & MATERIALES -*/
.heart_watch_out{text-align: center;position: relative;top: -20px;}

/*- Pages -*/
#pages .container .col-12 article a{color:#6D6D6D}

/*- Producto -*/

#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery{}
#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery .flex-viewport{border: solid 1px #6d6d6d;border-radius: 5px;}
#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery ol{}
#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery ol li{padding: 1%;}
#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery ol li img{border: solid 1px #6d6d6d;border-radius: 5px;}
#productSingle .row .col-12 article .woocommerce .woocommerce-product-gallery ol li img.flex-active{border: solid 3px #6d6d6d;}
#productSingle .row .col-12 article .woocommerce .summary h1{}
#productSingle .row .col-12 article .woocommerce .summary .price{color: #6d6d6d;font-weight: 500;}
#productSingle .row .col-12 article .woocommerce .summary .stock.in-stock{color: #6d6d6d;font-weight: 500;}
#productSingle .row .col-12 article .woocommerce .summary form .quantity{}
#productSingle .row .col-12 article .woocommerce .summary form .quantity input{height: 2.2em;font-family: 'DIN Next LT Pro';font-weight: 400;}
#productSingle .row .col-12 article .woocommerce .summary form button,
#payment button#place_order{background-color: #df9d8f;font-family: 'DIN Next LT Pro';font-weight: 400;}
#productSingle .row .col-12 article .woocommerce .summary .product_meta{margin-bottom: 30px;}
#productSingle .row .col-12 article .woocommerce .summary .product_meta a{color: #6d6d6d;font-weight: 500;}
#productSingle .row .col-12 article .woocommerce .summary .woocommerce-tabs.wc-tabs-wrapper{}
#productSingle .row .col-12 article .woocommerce .summary .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2{font-size: 22px;}

/*- Woocommerce -*/
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
#payment ul li.woocommerce-notice,
.woocommerce .woocommerce-MyAccount-content .woocommerce-info{border: 1px solid #df9d8f;background-color: #f1f1f1;border-radius: 5px;border-top-width: 5px; text-align: left;}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before,
#payment ul li.woocommerce-notice::before,
.woocommerce .woocommerce-MyAccount-content .woocommerce-info::before{color: #df9d8f;}
.woocommerce form.checkout.woocommerce-checkout, .woocommerce .woocommerce-MyAccount-content form{text-align: left;}
.woocommerce form.checkout.woocommerce-checkout input[type="text"],
.woocommerce .woocommerce-MyAccount-content form input[type="text"],
.woocommerce form.checkout.woocommerce-checkout input[type="tel"],
.woocommerce .woocommerce-MyAccount-content input[type="tel"],
.woocommerce form.checkout.woocommerce-checkout input[type="email"],
.woocommerce .woocommerce-MyAccount-content form input[type="email"],
.woocommerce .woocommerce-MyAccount-content form input[type="password"],
.tml form input{background-color: transparent;border: none;border-bottom: 1px solid #6f6f6f;}
.woocommerce .woocommerce-MyAccount-navigation{padding: 0 3%;}
.woocommerce .woocommerce-MyAccount-navigation ul{padding: 0;}
.woocommerce .woocommerce-MyAccount-navigation ul li{border: solid 1px;border-top-width: 0;padding: 6px 0;list-style: none;}
.woocommerce .woocommerce-MyAccount-navigation ul li:first-child{border-top-width: 1px;}
.woocommerce .woocommerce-MyAccount-navigation ul li a{text-decoration: none;}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover{text-decoration: underline;}
.woocommerce ul.products li.product a img,
#page.resultSearch .container .row .col-12 article figure img{border-bottom: 1px solid #6d6d6d;}
.woocommerce ul.products li.product a.button{margin-top: 0;}
.woocommerce ul.products li.product,
#page.resultSearch .container .row .col-12 article{border: solid 1px;padding-bottom: 11px !important;border-radius: 10px;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,0.3);transition: all ease-in-out 0.3s;}
.woocommerce ul.products li.product:hover,
#page.resultSearch .container .row .col-12 article:hover{box-shadow: 0 0 8px rgba(0,0,0,0.8);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family: 'DIN Next LT Pro';font-weight: 300;color: #6D6D6D;font-size: 14px !important;}
.woocommerce section.related ul.products li.product a.button,
#page.resultSearch .container .row .col-12 article div a button,
.tml form button{background-color: #df9d8f;font-family: 'DIN Next LT Pro';font-weight: 400;font-size: 13px;text-align: center;margin: 0 5%;}
.woocommerce section.related h2{font-size: 22px;}
.woocommerce section.related a h2,
.woocommerce section.related a span.price{padding-left: 2px !important;}

#page.resultSearch .container .row .col-12 article h4{padding: 5px 10px;}
#page.resultSearch .container .row .col-12 article div a button{border: none;font-size: 15px;color: #fff;border-radius: 5px;padding: 3px 30px;}

.tml{padding: 0 30%;}
.tml .tml-message{border-left: 4px solid #df9d8f;}
.tml form button{border: none;color: #fff;padding: 5px 30px 3px 30px;font-size: 16px;border-radius: 5px;}
.tml ul.tml-links{padding: 0;}
.tml ul.tml-links li{list-style: none;}
.tml ul.tml-links li a{text-decoration: none;}
.tml ul.tml-links li a:hover{text-decoration: underline;}

/* Media Querys */
@media(max-width:767px){
    header .container .row .col-12 nav .menu-menu-principal-container > ul{display: none}
    header .row.back-gris-c{width: 107%;}
    header .back-gris-c .col-12{position: relative;font-size: 14px;}
    header .back-gris-c .col-12::before{content: '';position: absolute;top: 0;left: 10%;height: 2px;width: 80%;background-color: #6d6d6d;border-radius: 100%;}
    header > .row .col-12 figure img{width: 33%;margin-top: 0px;}
    header .cont-cart-search{top: 22%;right: 3%;}
    header > .row .col-12 figure{margin-top: 80px;}
    #banner .slider_tit{font-size: 20px !important;line-height: 20px !important;top: 34% !important;}
    #banner .btn_slider{padding: 10px 50px 10px 5px !important;font-size: 11px !important;left: -40%;}
    footer > .row:first-child .col-12.col-md-2:first-child figure img{width: 26%;}
    footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-5{margin-top: 30px;}
    footer > .row:first-child .col-12.col-md-2:nth-child(4) .row .col-md-7 aside{text-align: left !important;padding-top: 20px;}
    footer > .row:first-child .col-12.col-md-2:nth-child(4)::before{left: 20%;top: 10%;width: 60%;height: 2px;}
    footer > .row:first-child .col-12.col-md-2:nth-child(4)::after{left: 20%;top: 105%;width: 60%;height: 2px;}
    footer > .row:first-child .col-12.col-md-1 aside span{margin-top: 10px;}
    footer > .row:first-child .col-4.col-md-4{margin-bottom: 30px;}
    #page.resultSearch .container .row .col-12 article{text-align: center;margin-bottom: 40px;}
    .tml{padding: 0 5%;}
}