/* Theme Name: Wired IT Theme Author: Wired IT Author URI: https://www.wiredit.mx/ Description: Template Wired IT 2020 Version: 1.0 */ /* Fonts */ /* @font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;} */ /* Genericas */ :root { --main-color: #7CAE24; --second-color: #A6D51C; --third-color: #8ACD25; --fourth-color: #3B722E; } body{font-size: 1rem;} .h1, h1{font-size: 2rem;} .h2, h2{font-size: 1.5rem;} .h3, h3{font-size: 1.25rem;} .h4, h4{font-size: .75rem;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;} a, a:hover{text-decoration:none;} address{margin-bottom: .5rem;} dl, ol, ul {margin-bottom: 0;} .has-text-align-center{text-align:center;} .main-color{color: var(--main-color);} .second-color{color: var(--second-color);} /* Header */ nav.navbar div .navbar-brand .logo-header{max-width:180px;} .navbar-light .navbar-nav .nav-link{text-align: center;} .navbar-light .navbar-nav .nav-link img{width: 50px;display: block;margin-right: auto;margin-left: auto;display: block;margin-right: auto;margin-left: auto;margin-bottom: 3px;padding: 6px;background: white;border-radius: 10px;} .osahan-menu .navbar-brand:hover, .osahan-menu-2 .nav-link:hover, .main-nav-right .btn:hover{background:transparent !important;} /* Footer */ footer{background-color:#000;color:#fff;padding-top: 20px;padding-bottom: 20px;} #footer-bottom .aviso-de-privacidad, #footer-bottom .terminos-y-condiciones{color:#fff;float:right;} #footer-bottom .separador{margin:0px 10px;float:right;} /* Menu */ #navbar-reference-sidebar{display:none;} /* --Login Modal */ .login-modal-left{background-image:unset !important;} /* Slider o Banner Principal */ /* Banners */ /* Fondos */ /* Breadcrumb */ #breadcrumb ul{margin-top: 1rem !important;padding-left: 0px !important;} .breadcrumb_last{color:var(--main-color);} /* Paginator */ /* Formulario */ .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 14px !important;} .woocommerce-input-wrapper input[type="text"], .wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;} .woocommerce-input-wrapper input[type="email"], .wpcf7-form-control-wrap input[type="email"]{text-transform:lowercase;} ::-webkit-input-placeholder{text-transform: none;} :-moz-placeholder {text-transform: none;} ::-moz-placeholder {text-transform: none;} :-ms-input-placeholder {text-transform: none;} ::placeholder {text-transform: none;} /* .sendmail_form span{color:red;} .sendmail_form .sendmail_legend{font-size:12px;} .sendmail_form .sendmail_ajax_loader{display:none;} .sendmail_form .sendmail_result{display:none;} */ input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, input[type="date"], textarea{padding: .3rem .6rem !important;border: solid 1px #eee;border-radius:.3rem;} /* Datapicker */ #ui-datepicker-div.ui-datepicker{position: absolute; top: 527.267px; left: 170.5px; z-index: 1;display: flex;flex-direction: column;} #ui-datepicker-div.ui-datepicker .ui-datepicker-header{text-align:center;} #ui-datepicker-div.ui-datepicker a{cursor:pointer;} #ui-datepicker-div.ui-datepicker a.ui-datepicker-next{float:right;} /* Newsletter */ #newsletter{background-image:url('/wp-content/themes/wiredit/images/section/home/newsletter/fondo.jpg');background-repeat:no-repeat;margin: 50px 0px;padding: 100px 0px;background-position: center;background-attachment: fixed;background-size: cover;} #newsletter .is-invalid~.invalid-feedback, #newsletter .is-invalid~.invalid-tooltip, #newsletter .was-validated :invalid~.invalid-feedback, #newsletter .was-validated :invalid~.invalid-tooltip{border: none;display:inline-block !important;margin:0 5px;width: auto;} #newsletter span.wpcf7-not-valid-tip{display: inline-block;margin:0 5px;} #newsletter .sendmail_form .sendmail_result{margin-top: 10px;} /* Redes Sociales */ #redes-sociales ul{list-style:none;padding-left:0px;margin-bottom:0px;} #redes-sociales li{display:inline;} /* Chat */ .chat{position:fixed; width:60px; height:60px; bottom:40px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:999;} .chat img{max-width: unset !important;} .my-chat{margin-top:22px; } /* Woocommerce */ .woocommerce a.remove:hover{background: unset !important;} .woocommerce a.remove i{color:#fd2e2e;} .product_title{font-size: 2rem !important;} .woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 1.5em;} .search-field{border-radius: 0rem !important;} .search-btn{border-radius: 0rem !important;background-color: var(--main-color);border-color: var(--main-color);} .widget_product_categories .cat-item a{color: var(--main-color) !important;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:var(--main-color) !important;} .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:150px !important;} .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {display: block;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .woocommerce-MyAccount-content .col-1 {max-width: unset !important;} #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img{max-height: 38px !important;} .list-group{list-style-type: none;} .list-group li{margin-bottom: 20px;} .product-categories .children{margin-top: 20px;padding-left: 35px;list-style: circle;} .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 0.2em !important;} .shop_table thead{background-color:#000;} .shop_table thead th{color:#fff;} .woocommerce-error .button{background-color: #b81c23 !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-info .button{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-message .wc-forward{background-color: #8fae1b !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-address-fields .button{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-EditAccountForm .button{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .return-to-shop .button{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-form-login__submit{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .woocommerce-form-register__submit{background-color: var(--main-color) !important;border-radius: 0px !important;color: #fff !important;} .woocommerce .cart .button, .woocommerce .cart input.button{color: #fff !important;background-color: var(--main-color) !important;} .woocommerce ul.products li.product .button{color: #fff !important;background-color: var(--main-color) !important;margin-bottom: 1rem;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{color: #fff !important;background-color: var(--main-color) !important;} div.product .woocommerce-tabs .panel{padding:2rem 1rem 1.2rem 1rem !important;} .woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom:0 !important;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{color: #fff !important;background-color: var(--main-color) !important;} .woocommerce .quantity .qty{height: 35px;} .woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0 0 0 0em !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: #fff !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #000 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: #000 !important;width: 49% !important;/* border-radius: unset; */text-align: center !important;margin: 0 0px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #fff !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;} .product {min-height: 333px !important;} .product-body h5 {min-height: 32px;} .woocommerce .related ul.products li.product:nth-child(3) a img{border-right:1px solid #eeeeee;} .woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:90px;} #ui-datepicker-div{background: rgb(249, 249, 249) none repeat scroll 0% 0%;padding: 10px;border: 1px solid rgb(235, 233, 235);} .woocommerce div.product .woocommerce-tabs ul.tabs{display: flex;justify-content: center;} .woocommerce div.product .woocommerce-tabs ul.tabs::before {border-bottom: 1px solid #888;} .woocommerce-order #submit-payment{background: var(--main-color) !important;width: 100% !important;} .woocommerce table.my_account_orders .button, .woocommerce table.my_account_orders .button:hover{background: var(--main-color) !important;color: white !important;margin: .5rem;} .quantity .qty{min-width: 100px !important;} #propina_field #propina{text-align: left !important;} .woocommerce-cart table.cart td.product-name{color:var(--main-color);} /* -- Trigger variations */ .trigger-variations ul{margin: 20px 0;display: inline-flex;background: #e3e3e3;border-radius: 20px;overflow: hidden;align-items: center;} .trigger-variations ul li{display: inline-block;padding:0;} .trigger-variations ul li a{display: inline-block;color:black;padding: 7px 51px;line-height: 1;text-transform: capitalize;border-radius: 20px;transition:.5s all;} .trigger-variations ul li.active a{color:white;background: #7cae24;} .woocommerce div.product form.variations_form .button{padding: .7em 1em;} ul.products .product-type-variable .woocommerce-loop-product__title{min-height: 74px !important;} ul.products .product-type-variable .single_variation_wrap .woocommerce-variation-price, ul.products .product-type-variable > a.add_to_cart_button{display:none;} ul.products .product-type-variable .trigger-variations ul{max-width: 100%;} ul.products .product-type-variable .trigger-variations ul li a{padding: 7px 13px;line-height: 1.3;font-size: 14px;} ul.products .product-type-variable .trigger-variations ul li a .current_price{display:none;} ul.products .product-type-variable .trigger-variations ul li.active a .current_price{display:inline-block;} /* --Quantity */ .woocommerce div.product .related form.cart div.quantity, .woocommerce div.product .upsells form.cart div.quantity{float:unset !important;} .woocommerce div.product .related form.cart .button, .woocommerce div.product .upsells form.cart .button{float: unset !important;} .btn-decrement.btn-minus, .btn-increment.btn-plus{font-size: 21px;padding: 7px 10px;line-height: 1;background: rgb(124, 174, 36);border-radius: 0 !important;height: 38px !important;color: white;} #page-single-product div.quantity, #page-shop div.quantity, .product-items-slider div.quantity{display: flex;justify-content: center;} #page-single-product div.quantity input.qty, #page-shop div.quantity input.qty, .product-items-slider input.qty{height: 38px !important;border-radius: 0;border-radius: 0 !important;background: white !important;min-width: 50px !important;} #page-single-product div.quantity input.qty::-webkit-outer-spin-button, #page-shop div.quantity input.qty::-webkit-outer-spin-button, #page-single-product div.quantity input.qty::-webkit-inner-spin-button, #page-shop div.quantity input.qty::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } #page-single-product div.quantity input.qty, #page-shop div.quantity input.qty, .product-items-slider input.qty[type=number] { -moz-appearance:textfield; /* Firefox */ } /* --Checkout */ .woocommerce form .form-row label.screen-reader-text{overflow: visible !important;clip: unset !important;clip-path: unset !important;position: relative !important;width: 100%;height: auto;padding: 3px;} .woocommerce form .form-row#billing_country_field{display: block;width: 100%;} .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal .about_paypal{width:100%;line-height: 20px;} /* .woocommerce-form-login-toggle .woocommerce-info:before{font-family: "Material Design Icons";font-size: 24px;content: "\F2D1";left: 1.2rem;top: 1rem;color: var(--main-color);} */ /* .woocommerce-form-coupon-toggle .woocommerce-info:before{font-family: "Material Design Icons";font-size: 24px;content: "\F4FD";left: 1.2rem;top: 1rem;color: var(--main-color);} */ #customer_details .select2-container--default .select2-selection--single, #customer_details .form-row .woocommerce-input-wrapper{position: relative;} #customer_details .form-row .woocommerce-input-wrapper:before{position:absolute;font-family: "Material Design Icons";font-size: 21px;left: .2rem;top: -.2rem;color: var(--main-color);z-index: 1;} #customer_details #billing_postcode_field .woocommerce-input-wrapper:before, #customer_details #billing_address_2_field .woocommerce-input-wrapper:before, #customer_details #billing_city_field .woocommerce-input-wrapper:before, #customer_details #billing_address_1_field .woocommerce-input-wrapper:before{content: "\F34E";} #customer_details #billing_email_field .woocommerce-input-wrapper:before{content: "\F1EE";} #customer_details #billing_phone_field .woocommerce-input-wrapper:before{content: "\F3F2";} #customer_details #datepicker_field .woocommerce-input-wrapper:before{content: "\F0ED";} #customer_details #order_comments_field .woocommerce-input-wrapper:before{content: "\F3EB";top: 1.3rem;} #customer_details #billing_state_field .woocommerce-input-wrapper:before{content: "\F34E";top: .1rem;} #customer_details #delivery-time_field .woocommerce-input-wrapper:before{content: "\F51B";top: .1rem;} /* #customer_details .select2-container--default .select2-selection--single:before{content: "\F3EB";} */ #customer_details input, #customer_details #order_comments_field .woocommerce-input-wrapper textarea, #customer_details select{padding: .6rem .5rem .6rem 1.6rem !important;} #customer_details #billing_last_name_field .woocommerce-input-wrapper input, #customer_details #billing_first_name_field .woocommerce-input-wrapper input{padding: .6rem .5rem .6rem .5rem !important;} #customer_details .select2-container--default .select2-selection--single{height: auto;padding: .4rem .4rem .4rem 1.3rem;} .woocommerce-checkout .woocommerce form.checkout_coupon, .woocommerce-checkout .woocommerce form.login{background: white;margin-top:0;} #site_style_gray .woocommerce form.login p, .woocommerce-checkout .woocommerce form.login p, .woocommerce-checkout .woocommerce form.login label, .woocommerce-checkout .woocommerce form.login, #site_style_gray .woocommerce form.checkout_coupon p, .woocommerce-checkout .woocommerce form.checkout_coupon p, .woocommerce-checkout .woocommerce form.checkout_coupon label{color: black !important;} .woocommerce-checkout .woocommerce form.checkout_coupon button[name="apply_coupon"]{background: var(--main-color);color: white;border-radius: 0;} .box-checkout-toggle{display: flex;align-items: flex-start;padding: 1rem;border-radius: .5rem;color: var(--main-color);} .box-checkout-toggle .icon{min-width: 4rem;min-height: 4rem;width: 4rem;height: 4rem;border-radius: 50%;border: solid 1px #808080;display: flex;align-items: center;justify-content: center;font-size: 1.7rem;margin-right: .7rem;} .box-checkout-toggle .box-content h3{color:black;font-size: 15px;} .box-checkout-toggle .box-content a, .box-checkout-toggle .box-content a:hover{color: var(--main-color);} /* Inicio */ /* -- About us */ #home-about-us {padding:50px 0;} #home-about-us .content{padding:20px 0;} #home-about-us iframe{width:100%;min-height:300px;} /* -- Offert */ .product-items-slider .woocommerce-notices-wrapper .woocommerce-message{background: #f7f6f7;padding: 25px 10px;margin: 10px 0;} .product-items-slider .woocommerce-notices-wrapper a.button{padding: 5px 10px;border-radius: 1px !important;font-weight:700;} .owl-carousel-featured .product-body h5{color: var(--main-color);transition:.5s ease all;} .owl-carousel-featured .product-body h5:hover{color:#333;} .owl-carousel-featured .product-footer form.cart .quantity{text-align: center;padding: 20px 0 20px 0; float:unset !important;} .owl-carousel-featured .product-footer form.cart .quantity input.qty {max-width: 100px;text-align:center;} .owl-carousel-featured .product-footer form.cart .quantity label.screen-reader-text{display:none;} .owl-carousel-featured .product-footer form.cart > button{margin-top: -6px;} .owl-carousel-featured .product-footer form.cart > a.add_to_cart_button{margin-top: 2rem;position: absolute;right: 6px;} .owl-carousel-featured .product-footer form.cart > a.added_to_cart{position: absolute;right: 0;left: 0;text-align: center;} .owl-carousel-featured .owl-item .item .product{padding-bottom: 30px;} /* Video */ /* #home-video {padding:50px 0;} */ /* #home-video iframe{width:100%;min-height:300px;} */ /* Nosotros */ #nosotros .col-12:nth-child(1){padding:60px 70px;} /* Footer */ .footer-bottom .payment-methods{max-width: 190px !important;} .footer .logo-footer{max-width: 150px;} /* Servicio */ #servicios-o-productos .col-12:nth-child(2){padding:60px 70px;} #servicios-o-productos ul.list-landing{list-style:none;} #servicios-o-productos ul.list-landing li i{margin-right:15px; color: green;} /* Shop */ #page-shop {padding-top: 20px;padding-bottom:20px;} /* Filters */ #page-shop .widget{margin-bottom: 2rem;margin-top: 1rem;} #page-shop .widget h2{margin-bottom: 1.5rem;} #page-shop .widget.widget-attributes .attribute-link, #page-shop .widget.widget-categories .category-link{display: flex;justify-content: start;align-items: center;margin-bottom: 15px;} #page-shop .widget.widget-attributes .attribute-link img, #page-shop .widget.widget-categories .category-link img{width: 50px;margin-right: 10px;padding: 6px;background: white;border-radius: 10px;} #page-shop .widget.widget-categories ul > li ul{margin-left: 30px;} #page-shop .widget.widget_price_filter .price_slider_amount .button{background: #e96125;color: white;} /* Faqs */ #accordionExample .card{margin-bottom: 2rem !important;} /* Style black */ #site_style_gray, #site_style_gray .modal-content, #site_style_gray #page-single-product div.product, #site_style_gray section, #site_style_gray #add_payment_method #payment div.payment_box, #site_style_gray #payment div.payment_box, #site_style_gray #payment div.payment_box, #site_style_gray .mp-panel-custom-checkout, #site_style_gray .mp-frame-payments, #site_style_gray .card, #site_style_gray #home-steps{background:#384042 !important;border: none !important;} #site_style_gray ul.products li.product , #site_style_gray .owl-carousel-featured .owl-item .item .product{background: #242424;border: 1px solid #595858;border-radius: 2px;} #site_style_gray .owl-carousel .owl-nav button.owl-next, #site_style_gray .owl-carousel .owl-nav button.owl-prev, #site_style_gray .owl-carousel button.owl-dot{background: var(--main-color) !important;color: white !important;} #site_style_gray .quantity .qty, #site_style_gray .owl-carousel-featured .product-footer form.cart .quantity input.qty, #site_style_gray .owl-carousel-featured, #site_style_gray ul.products li.product, #site_style_gray #page-single-product div.product{border:none !important;} div.product .woocommerce-tabs ul.tabs li{border-bottom:none !important;} #site_style_gray .accordion > .card .card-header, #site_style_gray nav.woocommerce-pagination ul li a:focus, #site_style_gray nav.woocommerce-pagination ul li a:hover, #site_style_gray nav.woocommerce-pagination ul li span.current, #site_style_gray #add_payment_method #payment, #site_style_gray #payment, #site_style_gray #payment, #site_style_gray .select2-container .select2-dropdown, #site_style_gray #ui-datepicker-div, #site_style_gray table.shop_table, #site_style_gray div.product .woocommerce-tabs .panel, #site_style_gray div.product .woocommerce-tabs ul.tabs li, #site_style_gray .quantity .qty, #site_style_gray .owl-carousel-featured .product-footer form.cart .quantity input.qty, #site_style_gray .osahan-menu, #site_style_gray .osahan-menu-2, #site_style_gray #home-steps, #site_style_gray #footer-top, #site_style_gray #footer-bottom{background: #212424 !important;} #site_style_gray #footer-top, #site_style_gray #footer-bottom{border-top: solid 1px #888 !important;} #site_style_gray .osahan-menu-2{box-shadow: none !important;border-bottom: solid 1px #888 !important;} #site_style_gray .osahan-menu-2 .nav-link.shop, #site_style_gray .main-nav-right .btn{border-right: 1px solid #888;} #site_style_gray .osahan-menu-2{box-shadow: 0 2px 2px #888;} #site_style_gray nav.woocommerce-pagination ul, #site_style_gray nav.woocommerce-pagination ul li{border: solid 1px #888 !important;} #site_style_gray, #site_style_gray p, #site_style_gray strong, #site_style_gray h1, #site_style_gray h2, #site_style_gray h3, #site_style_gray h4, #site_style_gray h5, #site_style_gray h6, #site_style_gray a.added_to_cart, #site_style_gray .main-nav-right .btn, #site_style_gray .quantity .qty, #site_style_gray #page-single-product div.product, #site_style_gray table.shop_table a:hover, #site_style_gray div.product .product_meta a:hover, #site_style_gray #page-shop .widget.widget-attributes .attribute-link:hover, #site_style_gray #page-shop .widget.widget-categories .category-link:hover, #site_style_gray ul.product_list_widget li a:hover, #site_style_gray .navbar-light .navbar-nav .nav-link, #site_style_gray .owl-carousel-featured .product-footer form.cart .quantity input.qty, #site_style_gray .owl-carousel-featured .product-body h5:hover, #site_style_gray #footer-top .footer-social a:hover, #site_style_gray .heading-design-h5 a:hover, #site_style_gray .offer-price, #site_style_gray div.product .woocommerce-tabs ul.tabs li a, #site_style_gray #footer-top li, #site_style_gray #footer-top p, #site_style_gray #footer-top strong, #site_style_gray #footer-top a, #site_style_gray #footer-bottom p, #site_style_gray #footer-bottom strong, #site_style_gray #footer-bottom li, #site_style_gray #add_payment_method #payment a:hover, #site_style_gray #payment a:hover, #site_style_gray #payment a:hover, #site_style_gray .mp-checkout-link, #site_style_gray .mp-ticket-name, #site_style_gray .mp-checkout-link:hover, #site_style_gray .mp-panel-custom-checkout label, #site_style_gray .mp-panel-custom-checkout a:hover, #site_style_gray .mp-panel-custom-checkout a:hover, #site_style_gray .woocommerce-MyAccount-navigation a:hover, #site_style_gray .woocommerce-MyAccount-content p:hover, #site_style_gray .woocommerce-MyAccount-content a:hover, #site_style_gray .modal-content a:hover, #site_style_gray #customer_login a:hover, #site_style_gray .accordion > .card .card-header, #site_style_gray .accordion > .card .card-header a:hover, #site_style_gray #footer-bottom a:hover{color:#dddbdb !important} #site_style_gray .mdi-close:before{color:white !important;} #site_style_gray #footer-top a:hover, #site_style_gray #footer-bottom a:hover{color:var(--main-color) !important;} #site_style_gray .modal-content .nav-link:hover, #site_style_gray .select2-container--default .select2-results__option[aria-selected="true"], #site_style_gray .select2-container--default .select2-results__option[data-selected="true"], #site_style_gray #footer-top .footer-social a{background-color:var(--main-color) !important;} #site_style_gray .woocommerce-error, #site_style_gray .woocommerce-info, #site_style_gray .woocommerce-message{color: black !important;} #site_style_gray .box-checkout-toggle .box-content h3{color:white;} .change-color-sidebar-right{z-index: 999;position: fixed;bottom: 0;top: 40%;left: 0;} .change-color-sidebar-right .content{display: flex;justify-content: center;align-items: center;flex-direction: row;overflow: hidden;} .change-color-sidebar-right .content-color{display:none;} /* .change-color-sidebar-right .sidebar-right-trigger{left: -150px;position: relative;transition:.5s all;} */ .change-color-sidebar-right.show .content-color{display: flex;} /* .change-color-sidebar-right.show .sidebar-right-trigger{position: relative;left:0;} */ .change-color-sidebar-right .content-color{background: rgb(233, 97, 37);width: 150px;padding: 10px;height: 130px;transition:.5s all;justify-content: center;align-items: center;flex-direction: column;} .change-color-sidebar-right .content-color span.title{font-weight: 500;color: white !important;font-size: 16px;text-align: center;display: block;} .change-color-sidebar-right .sidebar-right-trigger{cursor:pointer;left:0;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;background-color: var(--main-color);color: white;border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size: 1.5rem;} .change-color-sidebar-right .sidebar-right-trigger a:hover{color:white;} .change-color-sidebar-right .content-color .change_main_color{background:white;} .change-color-sidebar-right .content-color .change_second_color{background:#384042;} .change-color-sidebar-right .content-color .change_main_color, .change-color-sidebar-right .content-color .change_second_color{width: 30px;height: 30px;border: solid 2px #eee;margin: .5rem;cursor:pointer;} /* .sidebar-right{position: fixed;top: 0;width: 50rem;background-color: #fff;margin-top: 3.5rem;transition: all .5s ease-in-out;border-radius: .375rem;z-index: 9999;} */ /* .sidebar-right-trigger{position: absolute;z-index: 9;top: 14.75rem;right: 100%;background-color: var(--primary);color: #fff;display: inline-block;height: 3rem;width: 3rem;text-align: center;font-size: 1.75rem;line-height: 3rem;border-radius: 0.3125rem 0 0 0.3125rem;box-shadow: -0.3125rem 0.1875rem 0.3125rem 0rem rgba(119,119,119,0.15);} */ /*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */ /*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/ @media (max-width:1399px){ /* Header */ /* -- Search */ .top-categories-search{width: 36%;} .logged-in .top-categories-search{width: 40%;} } @media (max-width:1299px){ /* Header */ /* -- Search */ .top-categories-search{width: 30%;} .logged-in .top-categories-search{width: 40%;} } @media (max-width:1199px){ /* Header */ /* -- Search */ .top-categories-search{width: 40%;} .logged-in .top-categories-search{width: 40%;} } @media (min-width:320px) and (max-width:991px){ /* Menu */ .menu-responsive-hiden{display:none;} #navbar-reference-sidebar{display:block;} .menu-cart-responsive{margin-right: -50px;margin-top:0px;} .menu-cart-responsive li a{border:0 !important;} /* --Login Modal */ .login-footer-tab .nav-link{padding: 7px 15px;} /* Woocommerce */ .woocommerce .related ul.products li.product:nth-child(3) a img{border-right:unset;} /* Header */ .navbar-light .navbar-nav .nav-link{text-align: left;} .navbar-light .navbar-nav .nav-link img{display: inline-block;margin-bottom: 0;margin-right: 10px;} /* -- Search */ .top-categories-search{width: 100%;} .logged-in .top-categories-search{width: 100%;} } @media (max-width:767px){ /* header */ nav.navbar div .navbar-brand .logo-header{max-width: 124px;margin: 8px 0;} /* Slider princial */ .carousel-slider-main .owl-carousel-slider .owl-nav button.owl-prev{left:-15px !important;} .carousel-slider-main .owl-carousel-slider .owl-nav button.owl-next{right:-15px !important;} .owl-nav button{height: 30px !important;width: 30px !important;font-size: 14px !important;} /* Cart */ .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .button{font-size: 13px;} .woocommerce table.cart td.actions .input-text{width:114px !important;} .woocommerce table.cart td.actions .coupon .button{padding: 12px 5px;} /* footer */ .footer .logo-footer{max-width: 100%;} } @media (max-width:576px){ /* Home */ /* -- Offert */ .owl-carousel-featured{} .owl-carousel-featured .owl-item .item .product{padding:10px;} .owl-carousel-featured .product-body h5{height: auto;font-size: 12px;text-align: center;min-height: 70px;} .owl-carousel-featured .product-footer form.cart {text-align:center;margin-bottom: .5rem;} .owl-carousel-featured .product-footer form.cart .quantity{padding: .5rem 0;} .owl-carousel-featured .product-footer form.cart > a.add_to_cart_button{position: relative;margin: .5rem 0;right: 0;left: 0;float: unset !important;} .owl-carousel-featured .product-footer .offer-price{text-align: center;} /* footer */ #footer-top .logo{max-width: 150px;display: block;margin-right: auto;margin-left: auto;} } @media screen and (max-width: 480px),(orientation: landscape) and (max-width: 1000px){ /* Header */ header > .row > .col-12{text-align:center;} h3{font-size:1rem;} /* Footer */ #footer-bottom{text-align:center;} #footer-bottom .copyright{text-align:center;font-size: .8rem;} #footer-bottom .aviso-de-privacidad{float:none;font-size: .8rem;} /* Woocommerce */ .search-field{width: 85%;} .list-group li h3{font-size: 1.6rem;} .woocommerce-result-count, .woocommerce-ordering{width:100%;text-align:center;} .woocommerce-billing-fields h3{font-size: 1.5rem;} .woocommerce-additional-fields{margin-bottom: 20px;} } /* ---------------------------------IPHONE--------------------------------- */ /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2){} /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){} /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2){} /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){} /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px)and (-webkit-min-device-pixel-ratio: 2){} /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){} /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3){} /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape){} /* ---------------------------------GALAXY--------------------------------- */ /* ----------- Galaxy S3 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2){} /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait){} /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape){} /* ----------- Galaxy S4 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){} /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){} /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){} /* ----------- Galaxy S5 EN ADELANTE ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){} /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){} /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){} /* --------------------------------- TABLETS --------------------------------- */ /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){} /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){} /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){} /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){} /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){} /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){} /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){} /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){} /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){} /* ----------- Galaxy Tab 10.1 ----------- */ /* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px){} /* Portrait */ @media (max-device-width: 800px) and (orientation: portrait){} /* Landscape */ @media (max-device-width: 1280px) and (orientation: landscape){} /* ----------- Asus Nexus 7 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){} /* Portrait */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait){} /* Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape){} /* ----------- Kindle Fire HD 7" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5){} /* Portrait */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){} /* ----------- Kindle Fire HD 8.9" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5){} /* Portrait */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){} /* Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){}