@charset "UTF-8"; /*--------------------------------------------------------------- 8>>> TABLA DE CONTENIDOS: ----------------------------------------------------------------- # Tipografia # Normalize # Global CSS # Header # Home # Listing # Producto ## Detalle ## Miniature # Carrito # Customer ## Authentification ## My-Account ## Identity ## History # Checkout # CMS ## CONTACT # Errors ##404 # Footer --------------------------------------------------------------*/ /*------------------------------------------------------------- # Mixins y variables --------------------------------------------------------------*/ /** Box-shadow **/ /** Placeholder Color **/ /** Transition **/ /** Transform **/ /** Border Radius **/ /** Flex **/ /** Opacity **/ /*------------------------------------------------------------- # Variables de pantalla --------------------------------------------------------------*/ /*------------------------------------------------------------- # COLORES --------------------------------------------------------------*/ /** Colores principales **/ /** Botones principales **/ /** Botones secundarios **/ /** Botones info **/ /** Botones add to cart **/ /** Color de los enlaces **/ /** Header config **/ /** Footer config **/ /** Colores de precios **/ /*------------------------------------------------------------- # Otras Variables --------------------------------------------------------------*/ /** Directorio de imágenes **/ /** Anchura máxima en desktop **/ /*------------------------------------------------------------- # Tipografia --------------------------------------------------------------*/ Body { font-family: 'Barlow', sans-serif; } /*------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*------------------------------------------------------------- # CONTAINER --------------------------------------------------------------*/ @media screen and (min-width: 1200px) { .container { width: 1400px; } } /*------------------------------------------------------------- # COLOR PRECIOS --------------------------------------------------------------*/ .product-price, .has-discount.product-price, .has-discount p { color: #0b3549; } .product-discount { color: #5B5B5B; } .has-discount .discount { background: #F28C00; } /*------------------------------------------------------------- # COLOR ENLACES --------------------------------------------------------------*/ a, .dropdown, .nav-item .nav-link.active, .nav-item .nav-separtor.active { color: #0b3549; -webkit-transition: all 0.1s ease-out; /* Safari */ -moz-transition: all 0.1s ease-out; /* Mozilla */ -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } a:hover, a:active, a:focus, .dropdown:hover, .dropdown:active, .dropdown:focus, .nav-item .nav-link.active:hover, .nav-item .nav-link.active:active, .nav-item .nav-link.active:focus, .nav-item .nav-separtor.active:hover, .nav-item .nav-separtor.active:active, .nav-item .nav-separtor.active:focus { color: #F28C00; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; } a:hover .expand-more, a:active .expand-more, a:focus .expand-more, .dropdown:hover .expand-more, .dropdown:active .expand-more, .dropdown:focus .expand-more, .nav-item .nav-link.active:hover .expand-more, .nav-item .nav-link.active:active .expand-more, .nav-item .nav-link.active:focus .expand-more, .nav-item .nav-separtor.active:hover .expand-more, .nav-item .nav-separtor.active:active .expand-more, .nav-item .nav-separtor.active:focus .expand-more { color: #F28C00; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; } /*------------------------------------------------------------- # COLOR BOTONES --------------------------------------------------------------*/ .btn-primary, #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous { font-size: 16px; text-decoration: none; font-weight: 400; letter-spacing: -0.08px; color: #F9F9F9; background-color: #F28C00; box-shadow: none; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-primary:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, .btn-primary:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, .btn-primary.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, .btn-primary:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, .btn-primary:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-primary:active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, .btn-primary:active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, .btn-primary:active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, .btn-primary:active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, .btn-primary.active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, .btn-primary.active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, .btn-primary.active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, .btn-primary.active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-primary:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-primary:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, .btn-primary:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, .btn-primary:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, .btn-primary:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, .btn-primary:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target { background-color: #F28C00; } .btn-secondary { font-size: 16px; text-decoration: none; font-weight: 400; letter-spacing: -0.08px; color: #F9F9F9; background-color: #F28C00; box-shadow: none; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:target { background-color: #000000; color: white; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary:active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:target, .btn-secondary.active:hover, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:target { background-color: #000000; color: white; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled:active, .btn-secondary:disabled:target { background-color: #F28C00; color: white; } .btn-info { background-color: #F28C00; color: white; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:target { background-color: #000000; color: white; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:target, .btn-info.active:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:target { background-color: #000000; color: white; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled:active, .btn-info:disabled:target { background-color: #F28C00; color: white; } /*------------------------------------------------------------- # HOVERS --------------------------------------------------------------*/ .product-images > li.thumb-container { float: left; background: #FAFAFA; padding: 5%; margin-left: 7px; } .product-images > li.thumb-container:first-child { margin-left: 0; } #product-modal .modal-content .modal-body .product-images > li.thumb-container { background: unset; padding: unset; margin-left: 0; float: unset; } .product-images > li.thumb-container:hover { opacity: .5; } #product-modal .modal-content .modal-body .product-images > li.thumb-container:hover { opacity: .9; } #product-modal .modal-content .modal-body .product-images img:hover { border: unset; } /** Imágenes producto **/ .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover { border: unset; } /** INPUTS **/ .form-control:focus, .input-group.focus { outline: 0.1675rem solid #F28C00; border-color: #F28C00; } /** PROMO BOTÓN **/ .block-promo .promo-input + button { border: 0.1675rem solid #F28C00; } /** INPUT WIDGET **/ .search-widget form input[type=text]:focus { outline: 0.1675rem solid #F28C00; } /*------------------------------------------------------------- # Radios label --------------------------------------------------------------*/ .radio-label { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #eee; } select.form-control:not([size]):not([multiple]) { width: 360px; box-shadow: none; height: calc(3.2rem); } /*------------------------------------------------------------- # Global CSS --------------------------------------------------------------*/ body { max-width: 1920px; margin: 0 auto; } /*------------------------------------------------------------- # CUSTOM RADIO --------------------------------------------------------------*/ .custom-radio { border: 1px solid black; } .custom-radio > input[type=radio]:checked + span { background-color: #0b3549; width: 14px; height: 14px; } /*------------------------------------------------------------- # BREADCRUMBS --------------------------------------------------------------*/ #wrapper .breadcrumb { font-size: 1.3rem; margin: 1rem 0rem 2rem 0rem; } #wrapper .breadcrumb i { float: left; margin-top: .05em; margin-right: .5em; color: #5B5B5B; } #wrapper .breadcrumb li a { color: #818181; font-size: 1.2rem; } #wrapper .breadcrumb li:after { content: "/"; } #wrapper .breadcrumb li:last-child a { color: #a8a8a8; } /*------------------------------------------------------------- # AUTOCOMPLETE --------------------------------------------------------------*/ ul.ui-autocomplete { max-height: 400px; position: fixed; overflow-y: auto; -webkit-transition: opacity 0.3s ease-in; /* Safari */ -moz-transition: opacity 0.3s ease-in; /* Mozilla */ -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; background: white; border-top: none; border-bottom: 1px solid #eee; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; padding-bottom: 0px; } ul.ui-autocomplete > li.ui-menu-item > a { padding: .625rem; border-bottom: 1px solid #f6f6f6; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; cursor: pointer; } ul.ui-autocomplete > li.ui-menu-item > a.ui-state-focus { color: #F28C00; background: white; border: 0px; border-bottom: 1px solid #0b3549; margin: 0px; } ul.ui-autocomplete > li.ui-menu-item > a > span:nth-child(2) { display: none; } /*------------------------------------------------------------- # CUSTOM CLASSES --------------------------------------------------------------*/ .soy_title_l, .soy_title_m, .soy_title_s { color: black; text-transform: uppercase; font-weight: 400; } .soy_title_l { font-size: 3rem; font-weight: 900; } .soy_title_m { font-size: 1.8rem; padding-left: 15px; font-weight: 600; } .soy_title_s { font-weight: 500; font-size: 1.2rem; } /*------------------------------------------------------------- # OTROS --------------------------------------------------------------*/ .form-control:focus { outline: 0.1675rem solid #F28C00; } .input-group .input-group-btn > .btn { background: #686868; } .card { padding: 0; box-shadow: unset; border: none; } #wrapper { background: white; box-shadow: none; } .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage { background-color: #0b3549; } .product-flags li.product-flag { color: #ffffff; } /*------------------------------------------------------------- # Header --------------------------------------------------------------*/ @media (max-width: 991px) { #product #product-availability { margin-top: .3rem; margin-left: 0; } body.soy_menu_opened { overflow: hidden; } #soy_back_mobile_menu { display: none; } body.soy_menu_opened #soy_back_mobile_menu { display: block; position: fixed; height: 100%; width: 100%; background: #00000054; z-index: 999; } } #header { width: 100%; background-color: white; position: relative; margin-bottom: 0; border-bottom: 1px solid #eee; /*------------------------------------------------------------- # BLOQUE LOGO, CARRITO E ICONO MENÚ --------------------------------------------------------------*/ /*------------------------------------------------------------- # BLOQUE BUSCADOR --------------------------------------------------------------*/ /*------------------------------------------------------------- # BLOQUE TOP NAV --------------------------------------------------------------*/ } #header.is-open { background-color: white; } #header .header-top { display: none; } #header .header-nav { display: block; width: 100%; margin: 0; border: none; background: transparent; } #header .header-nav .soy_content_nav { border-bottom: 1px solid #eee; background: #FFF; } #header .header-nav #mobile_top_menu_wrapper { margin-top: 0; position: absolute; left: -100%; top: 100%; width: 90%; max-width: 500px; z-index: 999; transition: all ease 1s; background: #FFF; padding: 20px; overflow: auto; -webkit-box-shadow: 8px 10px 14px -9px #515151; -moz-box-shadow: 8px 10px 14px -9px #515151; box-shadow: 8px 10px 14px -9px #515151; } #header .header-nav #mobile_top_menu_wrapper.opened { display: block; left: 0; } #header .header-nav #mobile_top_menu_wrapper ul.top-menu li a { font-size: 14px; text-transform: uppercase; padding: .825rem; height: 50px; padding-left: 1.5rem; } #header .header-nav #mobile_top_menu_wrapper ul.top-menu li a.dropdown-submenu { font-weight: 400; } #header .header-nav #mobile_top_menu_wrapper ul.top-menu li a:hover { color: #0b3549; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .logout { display: none; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .account, #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .user-info { font-size: 1.3rem; display: block; overflow-x: hidden; color: #0b3549; margin: 0; text-align: left; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .account:hover, #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .user-info:hover { color: #F28C00; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .account i, #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .user-info i { vertical-align: top; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .account h5, #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .user-info h5 { display: inline-block; margin-left: .4rem; font-size: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #header .header-nav #soy_menu_icon { width: 40px; display: inline-block; margin: 0; text-align: left; vertical-align: top; cursor: pointer;} #header .header-nav #soy_menu_icon i { color: #000000; line-height: 50px; } #header .header-nav #_mobile_logo { width: 57%; text-align: center; padding: 8px 0px; display: inline-block; vertical-align: top; line-height: 50px; } #header .header-nav #_mobile_logo a { display: block; margin: 0 auto; width: 70%; height: 50px; line-height: 50px; } #header .header-nav #_mobile_cart { float: right; width: 20%; text-align: center; padding: 10px 5px; background-color: #0b3549; color: white; } #header .header-nav #_mobile_cart:hover .blockcart.active p { color: #747474; } #header .header-nav #_mobile_cart:hover .blockcart.active h5 { color: #747474; } #header .header-nav #_mobile_cart .cart-preview.active { background: none; } #header .header-nav #_mobile_cart .blockcart { background: transparent; padding: 0px; margin: 0; } #header .header-nav #_mobile_cart .blockcart p { color: white; } #header .header-nav #_mobile_cart .blockcart .cart-products-count { display: block; font-size: 2rem; margin-bottom: 10%; } #header .header-nav #_mobile_cart .blockcart .cart-description-mobile { text-transform: uppercase; font-size: .8rem; } #header .header-nav #_mobile_cart .blockcart .cart-description-desktop { display: none; } #header .header-nav #_mobile_cart i { color: white; } #header .menu.js-top-menu { display: none; } #header > #search_widget { position: relative; left: 0; top: 100%; width: 100%; z-index: 99; overflow: hidden; } #header > #search_widget form button:nth-child(1) { left: 3px; top: 3px; font-size: 18px; vertical-align: top; cursor: pointer; } #header > #search_widget form .mobile-icon-search { left: 5px; font-size: 30px; cursor: pointer; } #header > #search_widget form input[type="text"] { border: none; width: 100%; color: white; background-color: #898989; padding-left: 40px; } #header > #search_widget form input[type="text"]::-webkit-input-placeholder { /* Edge */ color: white; } #header > #search_widget form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } #header > #search_widget form input[type="text"]::placeholder { color: white; } #header > #search_widget form input[type="text"]:focus { outline: white; } #header > #search_widget form input[type="text"]:focus + button .search { color: white; } #header > #search_widget form button { color: white; } #header #topNavHeader { height: 20px; background-color: #F28C00; color: #ffffff; padding: .35rem 0rem; padding-left: 1rem; display: table; width: 100%; text-align: right; } #header #topNavHeader #_desktop_language_selector { text-align: right; display: inline-block; } #header #topNavHeader #_desktop_language_selector #language-selector-label { margin-right: .2rem; } #header #topNavHeader #_desktop_language_selector .language-selector { display: inline-block; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu { right: 0; top: 1.4rem; left: initial; border: none; text-align: left; width: auto; min-width: initial; border: 1px solid #eee; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu li { width: 100%; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu li a:hover { color: #F28C00; } #header #topNavHeader #_desktop_language_selector .language-selector span.expand-more { text-transform: uppercase; font-size: .7rem; vertical-align: top; color: #ffffff; } #header #topNavHeader #_desktop_language_selector .language-selector i { margin-left: -.4rem; margin-top: .01rem; font-size: 1.2rem; vertical-align: top; color: #ffffff; } #header #topNavHeader #_desktop_language_selector .language-selector select.link { margin-right: 1rem; background: #F28C00; text-transform: uppercase; font-size: .8rem; color: #ffffff; } #header #topNavHeader #contact_link { margin-right: 1.5rem; display: none; } #header #topNavHeader #contact_link .atCliente-icon img { width: .9rem; vertical-align: top; margin-top: .1rem; } #header #topNavHeader #contact_link h5 { margin-left: .4rem; display: inline-block; margin-bottom: 0; font-size: .7rem; font-weight: 200; text-transform: uppercase; vertical-align: top; margin-top: .3rem; } #header #topNavHeader #contact_link a { color: #ffffff; } #header #topNavHeader .block-contact { font-size: .8rem; border: none; } #header #topNavHeader .block-contact > .row > div, #header #topNavHeader .block-contact > .row > a { padding: 0; text-align: left; color: #ffffff; } #header #topNavHeader .block-contact > .row > a > i { display: none; margin-right: .5rem; color: #ffffff; } #header #topNavHeader .block-contact > .row > div { display: none; } #header .header-nav #soy_menu_icon { margin-right: 10px; padding: 23px 0 15px 15px; } /** * Renponsive a partir de 768px **/ /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #index .featured-products .soy-cristal-button{ margin: 3rem auto 3rem auto; } #product #product-availability { margin-left: 1rem; } #soymenu .soymenu_subcategories ul { padding-bottom: 0; padding-top: 0; display: inline-block; vertical-align: top; float: none; width: 24%; } #soymenu .dropdown-item { display: inline; width: auto; padding: 0; clear: none; font-size: 11px; } #soymenu .soymm_down.material-icons { font-size: 16px; } #soymenu .soymenu_subcategories.soymm_sub_full .soymenu-spe-dropdown{ width: 70%; margin: 0 auto; } #soymenu #soymenu_main_ul .soymenu_category { padding: 0 .2rem 2rem .5rem; } #soymenu .soymenu_subcategories ul.soymm_subcategories_childs{ width: 100%; margin-left: 10px; } #soymenu .soymm_content_link .soymenu_dropdown, .soy-content-submenu { display: inline; } #soymenu .soymenu_subcategories.soymm_sub_full { padding-bottom: 2rem; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; } #soymenu .soymenu_category:hover .soy-content-submenu { display: block; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; position: absolute; width: 100%; left: 0; top: 93px; } div.soy-hover-effect img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } div.soy-hover-effect p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } div.soy-hover-effect:hover p { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } div.soy-hover-effect p { color: rgba(255,255,255,0.8); opacity: 0.6; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } div.soy-hover-effect:hover img, div.soy-hover-effect:hover p { opacity: 1; } div.soy-hover-effect:hover img{ transform: scale(.9); } div.soy-hover-effect:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .soy-product-cover { display: none; } body#index .featured-products .products { display: block; text-align: left; } #header { margin-bottom: 0px; } #header #topNavHeader .block-contact { font-size: .8rem; } #header #topNavHeader .block-contact > .row > a.block-contact-item { width: auto; margin-right: 1rem; } #header #topNavHeader .block-contact > .row > a.block-contact-item > i { display: inline-block; } #header #topNavHeader .block-contact > .row > a.block-contact-item > b { display: none; } #header #topNavHeader .block-contact > .row > div.block-contact-item { display: inline-block; } #header #topNavHeader .block-contact > .row > div.block-contact-item > i { font-weight: 500; margin-right: .4rem; } #header .header-top { display: block; padding-bottom: 0; width: 100%; text-align: center; height: auto; } #header .header-top #_desktop_logo { padding: 1rem 0 1rem 0; float: left; width: 10%; text-align: center; } #header .header-top .header-top-middle { width: 55%; float: left; } #header .header-top .right-nav { text-align: right; float: right; width: 35%; padding: 1.5rem 1rem 0rem 1rem; } #header .header-top .right-nav > div.sales-item-nav { position: relative; padding: 0px 7px; vertical-align: top; width: 50px; display: inline-block; } #header .header-top .right-nav > div.sales-item-nav .logout { display: none; } #header .header-top .right-nav > div.sales-item-nav button.soy-cristal-button:hover{ color: #fff; background-color: #000; } #header .header-top .right-nav > div.sales-item-nav > div { margin: 0; margin-top: 0.9375rem; padding: 0; text-align: center; } #header .header-top .right-nav > div.sales-item-nav > div .header { margin-top: 0; } #header .header-top .right-nav > div.sales-item-nav > div i { width: 20px; margin: 0 auto; font-size: 25px; color: #000; } #header .header-top .right-nav > div.sales-item-nav > div h5 { font-size: .65rem; margin-top: 10px; font-weight: 300; text-transform: uppercase; color: #000; } #header .header-top .right-nav > div.sales-item-nav > div img { vertical-align: top; } #header .header-top .right-nav > div.sales-item-nav > div .cart-description-mobile { display: none; } #header .header-top .right-nav > div.sales-item-nav > div .cart-description-dektop { display: block; } #header .header-top .right-nav > div.sales-item-nav .blockcart { background: transparent; } #header .header-top .right-nav > div.sales-item-nav .blockcart .cart-products-count { margin: 0 auto; background-color: #0b3549; color: #ffffff; padding: 2px; font-weight: 600; font-size: 15px; width: 25px; height: 25px; -moz-border-radius: 30px; /* Mozilla */ -webkit-border-radius: 30px; /* Safari */ border-radius: 30px; } #header .header-top .right-nav > div.sales-item-nav .blockcart a, #header .header-top .right-nav > div.sales-item-nav .blockcart h5 { color: black; } #header > #search_widget { display: none; top: 93px; width: 100%; height: auto; z-index: 1049; background-color: #E6E6E6; position: fixed; } #header > #search_widget form button:nth-child(1) { left: 10px; top: 10%; padding: 0px; color: #D9DADA; } #header > #search_widget form button:nth-child(1):hover { color: #bbb; } #header > #search_widget form .mobile-icon-search { right: -2.5rem; font-size: 3rem; left: unset; bottom: -.5rem; } #header > #search_widget form .mobile-icon-search i { color: #bbb; } #header > #search_widget form .mobile-icon-search i:hover { color: #aaa; } #header > #search_widget form input[type="text"] { color: #272727; background-color: transparent; border-bottom: 1px solid #cbcdcc; } #header > #search_widget form input[type="text"]::-webkit-input-placeholder { /* Edge */ color: #959797; } #header > #search_widget form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #959797; } #header > #search_widget form input[type="text"]::placeholder { color: #959797; } #header > #search_widget form input[type="text"]:focus { outline: #D9DADA; } #header > #search_widget form input[type="text"]:focus + button .search { color: #D9DADA; } #header > #search_widget form button { color: white; } #header .header-nav { display: none; } #header #_desktop_top_menu.menu.js-top-menu { margin-bottom: 0; font-size: 1rem; text-align: left; display: block; padding: 2.4rem 0rem 0rem 0rem; width: 100%; text-transform: uppercase; } #header #_desktop_top_menu.menu.js-top-menu #soymenu_main_ul{ margin-bottom: 0; } #header #_desktop_top_menu.menu.js-top-menu #top-menu { margin: 0; text-align: left; text-align: center; } #header #_desktop_top_menu.menu.js-top-menu #top-menu .sub-menu { display: none !important; } #header #_desktop_top_menu.menu.js-top-menu #top-menu > li > a { color: #0b3549; font-weight: 300; -webkit-transition: all 0.4s ease-out; /* Safari */ -moz-transition: all 0.4s ease-out; /* Mozilla */ -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #header #_desktop_top_menu.menu.js-top-menu #top-menu > li > a:hover { color: #F28C00; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #header #topNavHeader { padding: .35rem 2rem; } #header .header-nav { padding: 0% 2%; padding-top: 2rem; } #header .header-nav .right-nav > div.sales-item-nav > div h5 { font-size: .7rem; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #header #topNavHeader { padding: .35rem 3rem; } #header .header-nav { width: 25%; } } /*------------------------------------------------------------- # Home --------------------------------------------------------------*/ body#index section#wrapper { padding-top: 0px; } body#index section#wrapper > .container { width: 100%; padding: 0; } body#index #carousel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#index #carousel .carousel-inner { height: auto; } body#index #carousel .carousel-control .icon-next { right: 2.5rem; } body#index .featured-products { text-align: center; margin: 0 auto; } body#index .featured-products .products article.product-miniature { width: 100%; } body#index .featured-products .products article:nth-of-type(7) { display: none; } body#index .featured-products .products article:nth-of-type(8) { display: none; } body#index .featured-products .all-product-link { display: none; } /** * Rensponsive a partir de 380px **/ @media screen and (min-width: 380px) { body#index .featured-products { max-width: 1440px; } body#index .featured-products .products { text-align: left; } body#index .featured-products .products article.product-miniature { width: 49%; } } /** * Rensponsive a partir de 575px **/ @media screen and (min-width: 575px) { body#index .featured-products { max-width: 540px; } body#index .featured-products .products article.product-miniature { width: 49%; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #search_filters_wrapper #search_filters .facet .title i.soy-arrow-down{ display: none; } body#index .featured-products { max-width: 720px; } body#index .featured-products .products article.product-miniature { width: 33%; } } /** * Rensponsive a partir de 996px **/ @media screen and (min-width: 992px) { footer .footer-container .container.soy-container-mobile{ display: none; } body#index .featured-products { max-width: 960px; } .featured-products > h2 { font-size: 2.7rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 1rem; } .featured-products > h3 { margin-top: 1.8rem; text-transform: unset; font-size: 16px; font-weight: 400; color: #000; } body#index .featured-products .products article.product-miniature { width: 25%; margin: 1rem 0; padding: 0 1rem; display: inline-block; vertical-align: top;} body#index .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price { color: #F28C00; font-weight: 400; font-size: 1.65rem; margin: .5rem 0; } body#index .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price { font-size: 1rem; } body#index .featured-products .products article:nth-of-type(7) { display: block; } body#index .featured-products .products article:nth-of-type(8) { display: block; } } /** * Rensponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { body#index #carousel .carousel-inner { height: 550px; } body#index .featured-products { max-width: 1500px; } } /*------------------------------------------------------------- # Listing --------------------------------------------------------------*/ #category #wrapper, #manufacturer #wrapper, #prices-drop #wrapper, #new-products #wrapper, #best-sales #wrapper, #search #wrapper { position: relative; padding-top: 0; } #category #wrapper > div, #manufacturer #wrapper > div, #prices-drop #wrapper > div, #new-products #wrapper > div, #best-sales #wrapper > div, #search #wrapper > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #category #wrapper .breadcrumb, #manufacturer #wrapper .breadcrumb, #prices-drop #wrapper .breadcrumb, #new-products #wrapper .breadcrumb, #best-sales #wrapper .breadcrumb, #search #wrapper .breadcrumb { display: none; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; order: 0; } #category #wrapper #content-wrapper, #manufacturer #wrapper #content-wrapper, #prices-drop #wrapper #content-wrapper, #new-products #wrapper #content-wrapper, #best-sales #wrapper #content-wrapper, #search #wrapper #content-wrapper { position: initial; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} #category #wrapper #content-wrapper #main > h2, #manufacturer #wrapper #content-wrapper #main > h2, #prices-drop #wrapper #content-wrapper #main > h2, #new-products #wrapper #content-wrapper #main > h2, #best-sales #wrapper #content-wrapper #main > h2, #search #wrapper #content-wrapper #main > h2 { padding: 1.8rem 0rem; margin: 0; } #category #wrapper #content-wrapper .products-selection, #manufacturer #wrapper #content-wrapper .products-selection, #prices-drop #wrapper #content-wrapper .products-selection, #new-products #wrapper #content-wrapper .products-selection, #best-sales #wrapper #content-wrapper .products-selection, #search #wrapper #content-wrapper .products-selection { padding: 15px; padding-bottom: 0; } #category #wrapper #content-wrapper .products-selection .total-products, #manufacturer #wrapper #content-wrapper .products-selection .total-products, #prices-drop #wrapper #content-wrapper .products-selection .total-products, #new-products #wrapper #content-wrapper .products-selection .total-products, #best-sales #wrapper #content-wrapper .products-selection .total-products, #search #wrapper #content-wrapper .products-selection .total-products { width: 49%; display: inline-block; padding: 0; margin-top: .6rem; } #category #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #manufacturer #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #prices-drop #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #new-products #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #best-sales #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #search #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1) { margin-bottom: 0; font-weight: 900; color: #F28C00; font-size: 1.15rem; } #category #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #manufacturer #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #prices-drop #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #new-products #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #best-sales #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #search #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2) { color: #5B5B5B; font-size: .9rem; margin-bottom: 0; } #category #wrapper #content-wrapper .products-selection .sort-by-container, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container, #new-products #wrapper #content-wrapper .products-selection .sort-by-container, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container, #search #wrapper #content-wrapper .products-selection .sort-by-container { width: 50%; float: right; margin-top: 1.1rem; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row { display: block; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button { padding: .2rem .6rem; box-shadow: none; border:none; border-bottom: 1px solid #D9DADA;} #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span { display: inline-block; font-size: 16px; width: 80%; white-space: nowrap; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; color: #666666; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu { right: 0; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover { background-color: #F28C00; color: #ffffff; } #category #wrapper #content-wrapper #products, #manufacturer #wrapper #content-wrapper #products, #prices-drop #wrapper #content-wrapper #products, #new-products #wrapper #content-wrapper #products, #best-sales #wrapper #content-wrapper #products, #search #wrapper #content-wrapper #products { margin-top: 0rem; } #category #wrapper #content-wrapper #products .products article.product-miniature, #category #wrapper #content-wrapper #products #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products #products .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper #products #products .products article.product-miniature { -webkit-transition: all 0.5s; /* Safari */ -moz-transition: all 0.5s; /* Mozilla */ -o-transition: all 0.5s; transition: all 0.5s; margin: 0; } #category #wrapper #content-wrapper #products .page-not-found, #manufacturer #wrapper #content-wrapper #products .page-not-found, #prices-drop #wrapper #content-wrapper #products .page-not-found, #new-products #wrapper #content-wrapper #products .page-not-found, #best-sales #wrapper #content-wrapper #products .page-not-found, #search #wrapper #content-wrapper #products .page-not-found { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%; } #category #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #manufacturer #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #prices-drop #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #new-products #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #best-sales #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #search #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #search #wrapper #content-wrapper #products .page-not-found #search_widget .close-icon-search { display: none; } #category #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #manufacturer #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #prices-drop #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #new-products #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #best-sales #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #search #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit] { top: .4rem; right: .3rem; } #category #wrapper #content-wrapper #products .up .btn-secondary, #category #wrapper #content-wrapper #products .up .btn-tertiary, #manufacturer #wrapper #content-wrapper #products .up .btn-secondary, #manufacturer #wrapper #content-wrapper #products .up .btn-tertiary, #prices-drop #wrapper #content-wrapper #products .up .btn-secondary, #prices-drop #wrapper #content-wrapper #products .up .btn-tertiary, #new-products #wrapper #content-wrapper #products .up .btn-secondary, #new-products #wrapper #content-wrapper #products .up .btn-tertiary, #best-sales #wrapper #content-wrapper #products .up .btn-secondary, #best-sales #wrapper #content-wrapper #products .up .btn-tertiary, #search #wrapper #content-wrapper #products .up .btn-secondary, #search #wrapper #content-wrapper #products .up .btn-tertiary { background-color: #F28C00; color: #ffffff; } #category #wrapper #content-wrapper .pagination > div, #manufacturer #wrapper #content-wrapper .pagination > div, #prices-drop #wrapper #content-wrapper .pagination > div, #new-products #wrapper #content-wrapper .pagination > div, #best-sales #wrapper #content-wrapper .pagination > div, #search #wrapper #content-wrapper .pagination > div { padding: 0; text-align: left; } #category #wrapper #content-wrapper .pagination > div .page-list, #manufacturer #wrapper #content-wrapper .pagination > div .page-list, #prices-drop #wrapper #content-wrapper .pagination > div .page-list, #new-products #wrapper #content-wrapper .pagination > div .page-list, #best-sales #wrapper #content-wrapper .pagination > div .page-list, #search #wrapper #content-wrapper .pagination > div .page-list { -webkit-box-shadow: none; padding: 0; margin-bottom: 2rem; -moz-box-shadow: none; box-shadow: none; text-align: center !important; } #category #wrapper #content-wrapper .pagination > div .page-list > li, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li, #new-products #wrapper #content-wrapper .pagination > div .page-list > li, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li, #search #wrapper #content-wrapper .pagination > div .page-list > li { display: inline-block; } #category #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > a { color: #F28C00; font-size: 1rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover { cursor: default; } #category #wrapper #content-wrapper .pagination > div .page-list > li a, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li a, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li a, #new-products #wrapper #content-wrapper .pagination > div .page-list > li a, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li a, #search #wrapper #content-wrapper .pagination > div .page-list > li a { float: none; color: #5B5B5B; margin: 0rem .2rem; padding: .4rem .6rem; text-align: center; display: block; margin-right: 0; } #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous { padding: .4rem 1rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #new-products #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #search #wrapper #content-wrapper .pagination > div .page-list > li:last-child { margin-left: 0; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #wrapper #content-wrapper .products-selection .total-products, #manufacturer #wrapper #content-wrapper .products-selection .total-products, #search #wrapper #content-wrapper .products-selection .total-products { margin-top: 1rem; } #category #wrapper #content-wrapper .products-selection .sort-by-container, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container, #search #wrapper #content-wrapper .products-selection .sort-by-container { margin-top: 0; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category #wrapper .breadcrumb, #manufacturer #wrapper .breadcrumb, #prices-drop #wrapper .breadcrumb, #new-products #wrapper .breadcrumb, #best-sales #wrapper .breadcrumb, #search #wrapper .breadcrumb { display: block; } #category #wrapper .breadcrumb h1, #manufacturer #wrapper .breadcrumb h1, #prices-drop #wrapper .breadcrumb h1, #new-products #wrapper .breadcrumb h1, #best-sales #wrapper .breadcrumb h1, #search #wrapper .breadcrumb h1 { display: inline-block; } #category #wrapper > div, #manufacturer #wrapper > div, #prices-drop #wrapper > div, #new-products #wrapper > div, #best-sales #wrapper > div, #search #wrapper > div { display: block; -webkit-flex-direction: none; -moz-flex-direction: none; -ms-flex-direction: none; flex-direction: none; } #category #wrapper #content-wrapper, #manufacturer #wrapper #content-wrapper, #prices-drop #wrapper #content-wrapper, #new-products #wrapper #content-wrapper, #best-sales #wrapper #content-wrapper, #search #wrapper #content-wrapper { order: 2; -webkit-box-flex: 0 0 74%; -moz-box-flex: 0 0 74%; -webkit-flex: 0 0 74%; -ms-flex: 0 0 74%; flex: 0 0 74%; } #category #wrapper #content-wrapper #main > h2, #manufacturer #wrapper #content-wrapper #main > h2, #prices-drop #wrapper #content-wrapper #main > h2, #new-products #wrapper #content-wrapper #main > h2, #best-sales #wrapper #content-wrapper #main > h2, #search #wrapper #content-wrapper #main > h2 { padding: .3rem 0rem; margin: 0; } #category #wrapper #content-wrapper .top_list_products .sort-by-row > span, #manufacturer #wrapper #content-wrapper .top_list_products .sort-by-row > span, #prices-drop #wrapper #content-wrapper .top_list_products .sort-by-row > span, #new-products #wrapper #content-wrapper .top_list_products .sort-by-row > span, #best-sales #wrapper #content-wrapper .top_list_products .sort-by-row > span, #search #wrapper #content-wrapper .top_list_products .sort-by-row > span { margin-bottom: .4rem; } #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #manufacturer #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #prices-drop #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #new-products #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #best-sales #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #search #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button { max-width: 250px; float: right; } #category #wrapper #content-wrapper #products, #manufacturer #wrapper #content-wrapper #products, #prices-drop #wrapper #content-wrapper #products, #new-products #wrapper #content-wrapper #products, #best-sales #wrapper #content-wrapper #products, #search #wrapper #content-wrapper #products { margin-top: 0rem; } #category #wrapper #content-wrapper #products .page-not-found, #manufacturer #wrapper #content-wrapper #products .page-not-found, #prices-drop #wrapper #content-wrapper #products .page-not-found, #new-products #wrapper #content-wrapper #products .page-not-found, #best-sales #wrapper #content-wrapper #products .page-not-found, #search #wrapper #content-wrapper #products .page-not-found { padding-left: 4rem; margin-bottom: 5rem; margin-top: 2rem; } #category #wrapper #content-wrapper #products .page-not-found h4, #manufacturer #wrapper #content-wrapper #products .page-not-found h4, #prices-drop #wrapper #content-wrapper #products .page-not-found h4, #new-products #wrapper #content-wrapper #products .page-not-found h4, #best-sales #wrapper #content-wrapper #products .page-not-found h4, #search #wrapper #content-wrapper #products .page-not-found h4 { font-size: 1.8rem; margin-bottom: 1.4rem; } #category #wrapper #content-wrapper #products .page-not-found p, #manufacturer #wrapper #content-wrapper #products .page-not-found p, #prices-drop #wrapper #content-wrapper #products .page-not-found p, #new-products #wrapper #content-wrapper #products .page-not-found p, #best-sales #wrapper #content-wrapper #products .page-not-found p, #search #wrapper #content-wrapper #products .page-not-found p { font-size: 1.4rem; margin-bottom: 2rem; } } /** * Responsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #category #wrapper #content-wrapper nav.pagination, #manufacturer #wrapper #content-wrapper nav.pagination, #prices-drop #wrapper #content-wrapper nav.pagination, #new-products #wrapper #content-wrapper nav.pagination, #best-sales #wrapper #content-wrapper nav.pagination, #search #wrapper #content-wrapper nav.pagination { margin-right: -15px; margin-left: -15px; } #category #wrapper #content-wrapper nav.pagination > div, #manufacturer #wrapper #content-wrapper nav.pagination > div, #prices-drop #wrapper #content-wrapper nav.pagination > div, #new-products #wrapper #content-wrapper nav.pagination > div, #best-sales #wrapper #content-wrapper nav.pagination > div, #search #wrapper #content-wrapper nav.pagination > div { padding: 0; } #category #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #manufacturer #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #prices-drop #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #new-products #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #best-sales #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #search #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul { text-align: right !important; } } #category #left-column #search_filter_controls { text-align: left; margin-bottom: 0rem; } #category #left-column #search_filter_controls #search_buttons { height: 3rem; } #category #left-column #search_filter_controls #search_buttons #_mobile_search_filters_clear_all { margin-top: 0rem; display: inline-block; } #category #left-column #search_filter_controls #search_buttons #_mobile_search_filters_clear_all button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; text-decoration: underline; line-height: 1.2rem; border: none; } #category #left-column #search_filter_controls #search_buttons #_mobile_search_filters_clear_all button i { margin-right: .2rem; vertical-align: top; margin-top: .2rem; } #category #left-column #search_filter_controls #search_buttons #_mobile_search_filters_clear_all button:hover { border: none; } #category #left-column #search_filter_controls #search_buttons #_mobile_search_filters_clear_all { display: none; } #category #left-column #search_filter_controls #search_buttons > button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; margin: 0; width: 100%; } #category #left-column #search_filter_controls #search_buttons > button i { margin-right: .2rem; vertical-align: top; margin-top: .2rem; font-size: 1rem; } #category #left-column #search_filter_controls #search_buttons > button:hover { border: none; } #category #left-column .active_filters { margin-bottom: 0rem; } #category #left-column #search_filters_wrapper { margin-right: 0; margin-left: 0; margin-top: 2rem; -webkit-transition: top 0.343s ease-out; /* Safari */ -moz-transition: top 0.343s ease-out; /* Mozilla */ -o-transition: top 0.343s ease-out; transition: top 0.343s ease-out; } #category #left-column #search_filters { margin-right: 2rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; margin-bottom: 2rem; } #category #left-column #search_filters > p.h6 { color: black; display: inline-block; margin-left: .4rem; font-size: 1rem; font-weight: 400; } #category #left-column #search_filters > i { font-size: 1.3rem; display: none; } #category #left-column #search_filters #_desktop_search_filters_clear_all { display: none; } #category #left-column #search_filters .facet { padding-top: 0rem; } #category #left-column #search_filters .facet p.h6 { color: #5B5B5B; margin-bottom: 0rem; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #category #left-column #search_filters .facet div.title { line-height: 1; border-bottom: 1px solid #ddd; text-transform: unset;} #category #left-column #search_filters .facet .navbar-toggler { padding: 0rem; padding-top: .5rem; text-align: center; } #category #left-column #search_filters .facet .navbar-toggler i { background-color: #F28C00; color: white; text-align: center; border-radius: 4px; line-height: .8rem; font-size: 1.2rem; } #category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove { display: inline-block; } #category #left-column #search_filters .facet ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; background-color: white; width: 96%; margin: 0rem; padding: 0rem; } #category #left-column #search_filters .facet ul::after, #category #left-column #search_filters .facet ul::before { height: .8rem; display: table; content: ""; width: 100%; } #category #left-column #search_filters .facet ul.collapse.in { visibility: visible; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #category #left-column #search_filters .facet ul li { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0rem; border-top: 0px; padding: 0; } #category #left-column #search_filters .facet ul li .custom-checkbox { line-height: 1; } #category #left-column #search_filters .facet ul li .custom-checkbox > span { width: .9rem; height: .9rem; margin-top: .7rem; margin-bottom: 0; border-radius: 0px; border: 1px solid #9a9a9a; } #category #left-column #search_filters .facet ul li .custom-checkbox > span i { padding-top: .256rem; } #category #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked { margin: -.40rem -.125rem; } #category #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet ul li a.search-link { vertical-align: bottom; font-size: .8rem; color: #5B5B5B; vertical-align: top; line-height: 1.4rem; } #category #left-column #search_filters .facet ul li span.magnitude { display: none; } #category #left-column #search_filters .facet ul.faceted-slider li { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1rem 0rem; padding-right: 2rem; } #category #left-column #search_filters .facet .layered_slider_container { margin-top: 1rem; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider { height: .3rem; border: 0px; width: 90%; margin-left: 5%; margin-bottom: 2rem; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range { height: .3rem; background: #ebedec; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle { background: #8a8889; height: .6em; width: .6em; -moz-border-radius: 1px; /* Mozilla */ -webkit-border-radius: 1px; /* Safari */ border-radius: 1px; border: 0px; top: -70%; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio { font-size: .8rem; font-weight: 900; white-space: nowrap; padding-top: 1rem; display: block; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max { margin-left: -1rem; } #category #left-column #search_filters .facet > div > label { margin-left: 2rem; } /** * Responsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #left-column #search_filters { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet ul > li a.search-link { margin-top: 0rem; vertical-align: top; overflow: unset; } #category #left-column #search_filters .facet ul > li label { margin-top: .2rem; } #category #left-column #search_filters .facet > .title { padding: .8rem 1rem .8rem 0; text-transform: uppercase; } #category #left-column #search_filters .facet > .title > p { line-height: 1.2rem; display: inline-block; width: 80%; font-weight: 400; } #category #left-column #search_filters .facet > .title .navbar-toggler { cursor: pointer; } #category #left-column #search_filters .facet > .title .navbar-toggler > .remove { display: none; } #category #left-column #search_filters .facet > .title[aria-expanded=true] .navbar-toggler > .add { display: none; } #category #left-column #search_filters .facet .collapse { visibility: hidden; height: 0; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category #left-column #search_filters_wrapper { margin-top: 0rem; } #category #left-column #search_filters > i { display: inline-block; } #category #left-column #search_filters .facet ul > li { display: block; width: 100%;} } /** * Responsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #category #left-column #search_filters .facet ul > li { display: block; width: 100%; } } #category .filter-button { position: relative; margin-bottom: .4rem; width: 100%; } #category .filter-button button { color: #ffffff; background-color: #F28C00; text-align: left; padding: 1rem; width: 100%; } #category .filter-button i { position: absolute; right: .8rem; top: .8rem; color: white; font-size: 2rem; } #category .active_filters { background: #ebedec; } #category .active_filters .filter-block { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #soy_subcategories_block { margin-top: 3rem; } #category #soy_subcategories_block li { display: inline-block; text-align: center; } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category #soy_subcategories_block { margin-top: 0rem; } } /*------------------------------------------------------------- # Producto --------------------------------------------------------------*/ /*------------------------------------------------------------- ## Detalle --------------------------------------------------------------*/ body#product .product-name h1 { font-weight: 400; font-size: 1.6rem; } body#product .images-block #content { max-width: unset; margin: 0; } body#product .images-block li.product-flag.discount{ float: right; padding-left: 0; padding-right: 1rem; } body#product .images-block .images-container img { padding: 11%; margin: 0 auto; mix-blend-mode: multiply; box-shadow: none; } body#product .images-block .images-container img.js-qv-product-cover { padding: 1rem; mix-blend-mode: multiply; padding: 11%; margin: 0 auto; } body#product .images-block .images-container .product-cover { background-color: #FAFAFA; } ul.ui-autocomplete > li.ui-menu-item > a { font-family: 'Barlow', sans-serif; font-size: 16px; text-transform: lowercase; } #_desktop_images_container .js-qv-mask.mask.scroll ul.product-images.js-qv-product-images{ display: flex; } body#product .images-block .images-container .product-images li img.selected { border: none; } body#product .product-buy-block { background-color: white; padding: .8rem 1rem; text-align: left; margin-bottom: 2rem; } body#product .product-buy-block .product-actions .product-discounts { margin: 1rem 0; } body#product .product-buy-block .product-actions .product-variants .collapse-icons { display: none; } body#product .product-buy-block .product-actions .product-variants ul li { display: inline-block; } body#product .product-buy-block .product-actions .product-add-to-cart { margin-top: 0; margin-bottom: 1.5rem; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product .product-buy-block .product-actions .product-add-to-cart .control-label { display: none; } body#product .product-buy-block .product-actions .product-add-to-cart #product-availability { margin: 1rem 0; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } body#product .product-buy-block .product-actions .product-add-to-cart button.add-to-cart { font-size: 1rem; font-weight: 400; padding: .7rem 1rem; box-shadow: none; height: auto; text-align: center; white-space: normal; font-size: 1rem; color: white; background-color: #F28C00; } body#product .product-buy-block .product-actions .product-add-to-cart button:hover { background-color: #000000; color: white; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); } body#product .product-buy-block .product-actions .product-add-to-cart button:disabled:hover, body#product .product-buy-block .product-actions .product-add-to-cart button:disabled:focus { background-color: #F28C00; color: #424242; } body#product .product-buy-block .product-actions .product-add-to-cart button > i { vertical-align: top; top: .3rem; margin-right: .2rem; } body#product .product-buy-block .product-actions .product-add-to-cart .add { margin: 0; } body#product .product-details { padding-left: 0; float: none; clear: left; } body#product .product-information { padding: 0; } body#product .product-details .product-information { padding-left: 0; margin-left: 0; background-color: #F6FCFC; } body#product .product-details .product-information #product-details .product-features{ padding: 1rem; } body#product .product-information > section { vertical-align: top; } body#product .product-information #block-reassurance { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#product .product-information .product-description-short, body#product .product-information .product-description { position: relative; margin: .5rem 0rem; } body#product .product-information .product-description-short h4, body#product .product-information .product-description h4 { cursor: pointer; font-weight: 600; text-transform: uppercase; color: #F28C00; font-size: 22px; line-height: 60px; border-bottom: 1px solid #F28C00; padding-left: 2.5rem; } body#product .product-information .product-description-short > div, body#product .product-information .product-description > div { margin: 1rem 0rem; } body#product .product-information .product-description-short > div p, body#product .product-information .product-description > div p { margin-bottom: .2rem; color: #757575; } body#product .product-information .social-sharing li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#product .product-information .social-sharing li a:hover { color: #F28C00; } body#product .featured-products, body#product .product-accessories, body#product .blockcategoryproducts { margin: 0 auto; } body#product .featured-products > h2, body#product .featured-products > h3, body#product .featured-products > span, body#product .featured-products > .soyBigTittle, body#product .product-accessories > h2, body#product .product-accessories > h3, body#product .product-accessories > span, body#product .product-accessories > .soyBigTittle, body#product .blockcategoryproducts > h2, body#product .blockcategoryproducts > h3, body#product .blockcategoryproducts > span, body#product .blockcategoryproducts > .soyBigTittle { font-weight: 500; text-transform: uppercase; color: black; text-align: center; display: block; } body#product .featured-products > h3, body#product .featured-products > span, body#product .product-accessories > h3, body#product .product-accessories > span, body#product .blockcategoryproducts > h3, body#product .blockcategoryproducts > span { color: #a5a8a8; font-size: 1.3rem; margin-bottom: 1.5rem; } body#product .featured-products > h2, body#product .featured-products > .soyBigTittle, body#product .product-accessories > h2, body#product .product-accessories > .soyBigTittle, body#product .blockcategoryproducts > h2, body#product .blockcategoryproducts > .soyBigTittle { font-size: 1.9rem; color: black; margin-bottom: 2rem; } body#product .featured-products > div, body#product .product-accessories > div, body#product .blockcategoryproducts > div { margin: 3rem 1.5rem; } body#product .featured-products > div > article.product-miniature, body#product .product-accessories > div > article.product-miniature, body#product .blockcategoryproducts > div > article.product-miniature { margin: 0; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#product .product-name h1 { margin-top: 0rem; } body#product .product-buy-block { float: right; padding: 0 3rem; position: relative; bottom: 0; z-index: 0; padding: .8rem 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: left; } body#product .product-buy-block .product-actions { float: none; width: 100%; display: block !important; } body#product .product-buy-block .product-actions .product-add-to-cart button.add-to-cart { padding: .5rem 5.9rem; } body#product .product-information .soy_blockadditionaltext { margin-bottom: 2rem; } body#product .product-information .product-features { margin: 0; } body#product .product-information .product-description, body#product .product-information .product-description-short { margin: 0; } body#product .featured-products .products article.product-miniature, body#product .product-accessories .products article.product-miniature, body#product .blockcategoryproducts .products article.product-miniature { -webkit-box-flex: 1 0 30%; -moz-box-flex: 1 0 30%; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; max-width: 33%; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#product .images-block #content { margin-left: 0; max-width: 1000px; } body#product .images-block #content .images-container:after { display: table; content: ""; clear: both; } body#product .product-name h1 { font-size: 1.75rem; margin-top: 0; line-height: 1.3; margin-bottom: 1rem; } body#product .featured-products > h3, body#product .featured-products > span, body#product .product-accessories > h3, body#product .product-accessories > span, body#product .blockcategoryproducts > h3, body#product .blockcategoryproducts > span { font-size: 1.4rem; margin-top: 3rem; } body#product .featured-products > h2, body#product .featured-products > .soyBigTittle, body#product .product-accessories > h2, body#product .product-accessories > .soyBigTittle, body#product .blockcategoryproducts > h2, body#product .blockcategoryproducts > .soyBigTittle { margin-bottom: 3.5rem; font-weight: 600; font-size: 2.5rem; } body#product .featured-products .products, body#product .product-accessories .products, body#product .blockcategoryproducts .products { -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; -ms-flex-pack: left; } } body#product.modal-open main.fixed_addCart .product-actions.fixed { z-index: 50; } body#product .SoyaddCart.fixed { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions { overflow: hidden; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed { position: fixed; z-index: 100; bottom: 0; left: 0; -webkit-box-shadow: 1px 7px 9px 8px #eaeaea; -moz-box-shadow: 1px 7px 9px 8px #eaeaea; box-shadow: 1px 7px 9px 8px #eaeaea; background-color: #f6f6f7; width: 100%; padding: 1rem; display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-add-to-cart { width: 100%; float: right; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-add-to-cart #product-availability { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination { width: 100%; padding: .6rem 0; padding-top: 0rem; margin-bottom: .75rem; border-bottom: 1px solid #e4e4e4; display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_info_combination { width: 60%; display: inline-block; padding-left: .2rem; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_close_variants { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_cambiar_combinacion, body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_close_variants { float: right; color: black; padding: .25rem 1rem; text-decoration: underline; font-size: .88rem; line-height: 1; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item { margin-top: 0; border-bottom: 1px solid #e4e4e4; padding: .2rem; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item .control-label { width: 80%; display: inline-block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item .navbar-toggler { float: right; padding: 0; cursor: pointer; margin-top: -5px; display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item .navbar-toggler .add { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item .navbar-toggler.collapsed .add { display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item .navbar-toggler.collapsed .remove { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item ul { max-height: 150px; overflow-y: scroll; padding-top: .5rem; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item ul li { display: inline-block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item select { float: right; line-height: 1rem; margin-top: -.5rem; box-shadow: none; background-color: #f6f6f7; border: none; } body#product main.fixed_addCart .product-buy-block .product-actions.soy_variants_opened .soy_combination .soy_close_variants { display: inline-block; } body#product main.fixed_addCart .product-buy-block .product-actions.soy_variants_opened .soy_combination .soy_cambiar_combinacion { display: none; } /** * Rensponsive a partir de 375px **/ @media screen and (min-width: 375px) { body#product .product-buy-block .product-actions { float: none; width: 100%; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-add-to-cart { width: 70%; } } /* Cuando es flotante la compra */ body#product .product-buy-block > .product-prices { display: inline-block; margin: 0; margin: 1rem 0 0 0;} body#product .product-buy-block > .product-prices > div { display: inline-block; margin: 0; } body#product .product-buy-block > .product-prices .product-price { font-size: 2rem; display: block; font-weight: 700; } body#product .product-buy-block > .product-prices .product-price .current-price { margin: 0; line-height: 4.5rem; margin-right: .6rem; } body#product .product-buy-block > .product-prices .product-price .current-price span { letter-spacing: -2px; } body#product .product-buy-block > .product-prices .product-price.has-discount .current-price { line-height: 2.5rem; } body#product .product-buy-block > .product-prices .product-discount { color: #a5a8a8; color: #C5C6C6; margin-left: .4rem; font-size: .9rem; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices { float: left; margin-top: 0; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .current-price, body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .product-price { margin-bottom: 0; line-height: 1; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .current-price { font-size: 1.6rem; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .product-discount { display: inline-block; margin-left: .5rem; margin-bottom: 0; color: #C5C6C6; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .product-discount .regular-price { font-weight: 700; } /** * Rensponsive a partir de 375px **/ @media screen and (min-width: 375px) { body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .product-discount { margin-left: 0rem; display: block; margin-left: 0rem; line-height: 1.2; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .tax-shipping-delivery-label { display: none; } } /** * Rensponsive a partir de 390px **/ @media screen and (min-width: 390px) { body#product .product-buy-block .product-prices .product-price .current-price { line-height: 3.5rem; margin-right: .6rem; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#product .product-buy-block .product-prices { width: 100%; } body#product .product-buy-block .product-prices .product-price .current-price { display: inline-block; line-height: 2rem; } body#product .product-buy-block .product-prices .product-price .soy-group-discount-block { display: inline-block; margin-left: .5rem; line-height: 2rem; } body#product .product-buy-block .product-prices .product-price .soy-group-discount-block .soy-group-discount{ margin-right: .5rem;} body#product .product-buy-block .product-prices .product-price .current-price span { font-size: 2.8rem; } body#product .product-buy-block .product-prices div.product-discount { text-align: left; } body#product .product-buy-block .product-prices div.product-discount span { font-size: 1.2rem; margin: 0 0 1rem 0; margin-right: .5rem; display: block; } body#product .product-buy-block .product-actions .product-prices { display: none; } } /** Responsive 1200px and up **/ @media screen and (min-width: 992px) { body#product .product-buy-block .product-prices .product-price .current-price span { font-size: 2.8rem; } body#product .product-buy-block .product-prices .product-discount span { font-size: 1.8rem; letter-spacing: -1px; font-weight: 400; margin-left: .8rem; } } /*------------------------------------------------------------- ## Miniature --------------------------------------------------------------*/ .products, #products .products { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .products article.product-miniature, #products .products article.product-miniature { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 .5rem; margin: 0; position: relative; } .products article.product-miniature > div, #products .products article.product-miniature > div { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; width: 100%; height: auto; margin-bottom: 3.563rem; box-shadow: none; } .products article.product-miniature > div, #products .products article.product-miniature > div:hover { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail { background-color: #FAFAFA; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img { width: 100%; margin: 0; padding: 2rem; mix-blend-mode: multiply; position: relative; } #product .product-accessories .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img { padding: 0; } .products article.product-miniature > div .product-description, #products .products article.product-miniature > div .product-description { position: relative; padding-top: 1rem; width: auto; box-shadow: none; } .products article.product-miniature > div .product-description .product-title, #products .products article.product-miniature > div .product-description .product-title { margin: 1.5rem 0; color: #000;} .products article.product-miniature > div .product-description .product-title a, #products .products article.product-miniature > div .product-description .product-title a { font-size: 16px; text-transform: lowercase; font-weight: 600; color: #000; } #product .product-accessories .products article.product-miniature > div .product-description .product-title a { font-size: 16px; } .products article.product-miniature > div .product-description .product-price-and-shipping, #products .products article.product-miniature > div .product-description .product-price-and-shipping { text-align: center; } .products article.product-miniature > div .product-description .product-price-and-shipping .price, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price { margin-top: .55rem; font-weight: 400; font-size: 25px; color: #F28C00; letter-spacing: 0; line-height: 30px; display: block; } .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price { font-weight: 300; letter-spacing: -1px; display: block; } .products article.product-miniature > div .product-description::after, #products .products article.product-miniature > div .product-description::after { display: none; } .products article.product-miniature > div .highlighted-informations, #products .products article.product-miniature > div .highlighted-informations { box-shadow: none; width: 100%; } .products article.product-miniature > div .highlighted-informations .product-add-to-cart input#quantity_wanted, .products article.product-miniature > div .highlighted-informations .product-add-to-cart .input-group-btn-vertical, .products article.product-miniature > div .highlighted-informations .product-add-to-cart .control-label, .products article.product-miniature > div .highlighted-informations .product-add-to-cart #product-availability, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart input#quantity_wanted, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .input-group-btn-vertical, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .control-label, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart #product-availability { display: none !important; } .products article.product-miniature > div .highlighted-informations .product-add-to-cart .add-to-cart i, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .add-to-cart i { margin-right: .5rem; vertical-align: top; } /** * Rensponsive a partir de 410px **/ @media screen and (min-width: 410px) { .products article.product-miniature, #products .products article.product-miniature { -webkit-box-flex: 1 0 46%; -moz-box-flex: 1 0 46%; -webkit-flex: 1 0 46%; -ms-flex: 1 0 46%; flex: 1 0 46%; max-width: 50%; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { .products article.product-miniature, #products .products article.product-miniature.col-lg-4 { -webkit-box-flex: 1 0 30%; -moz-box-flex: 1 0 30%; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; max-width: 33%; } .products article.product-miniature, #products .products article.product-miniature.col-lg-3 { -webkit-box-flex: 1 0 25%; -moz-box-flex: 1 0 25%; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; } .products article.product-miniature .highlighted-informations, #products .products article.product-miniature .highlighted-informations { padding: 0; } .products article.product-miniature .highlighted-informations .product-quantity .qty, #products .products article.product-miniature .highlighted-informations .product-quantity .qty { margin: 0; } .products article.product-miniature .highlighted-informations .product-quantity .add, #products .products article.product-miniature .highlighted-informations .product-quantity .add { width: 100%; } .products article.product-miniature .highlighted-informations .product-quantity .add button, #products .products article.product-miniature .highlighted-informations .product-quantity .add button { width: 100%; background-color: #F28C00; color: white; font-weight: 400; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s ease-out; /* Safari */ -moz-transition: all 0.6s ease-out; /* Mozilla */ -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .products article.product-miniature .highlighted-informations .product-quantity .add button:hover, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:hover { background-color: #000000; -webkit-transition: all 0.6s ease-in; /* Safari */ -moz-transition: all 0.6s ease-in; /* Mozilla */ -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; color: white; } .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled { opacity: 0.38; filter: alpha(opacity=38); } .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:hover, .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:focus, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:hover, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:focus { background-color: #F28C00; color: #5B5B5B; } } /** * Rensponsive a partir de 1200px **/ #products .product-flags, .products .product-flags, #product .product-flags { width: auto; max-width: 35%; } #products .product-flags li, .products .product-flags li, #product .product-flags li { font-size: 14px; padding-left: 1rem; min-height: auto; margin-top: .5rem; box-shadow: unset; color: #F28C00; font-weight: 700 !important; background-color: unset; } #products .product-flags li.product-flag.pack, .products .product-flags li.new, .products .product-flags li.product-flag.pack, #product .product-flags li.new, #product .product-flags li.product-flag.pack, #product .product-flags li.product-flag.on-sale, .product-flags li.product-flag.on-sale{ background-color: unset; box-shadow: unset; color: #F28C00; letter-spacing: 0px; font-weight: 700 !important; padding-left: 1rem; font-size: 14px; } #products .product-flags li.product-flag.soy-product-unavailable{ text-align: center; margin-top: 0 !important; } #products .product-flags li.product-flag.discount, #products .product-flags li.product-flag.discount-amount, #products .product-flags li.product-flag.discount-percentage, #products .product-flags li.product-flag.on-sale, .products .product-flags li.product-flag.discount, .products .product-flags li.product-flag.discount-amount, .products .product-flags li.product-flag.discount-percentage, .products .product-flags li.product-flag.on-sale, #product .product-flags li.product-flag.discount, #product .product-flags li.product-flag.discount-amount, #product .product-flags li.product-flag.discount-percentage, #product .product-flags li.product-flag.on-sale { background-color: unset; box-shadow: unset; color: #F28C00; letter-spacing: 0px; font-weight: 700 !important; padding-left: 1rem; font-size: 14px; } /** * Responsive a partir de 768px **/ @media screen and (min-width: 768px) { #products .product-flags, .products .product-flags, #product .product-flags { width: auto; } #products .product-flags li, .products .product-flags li, #product .product-flags li { font-size: 14px; } } /*------------------------------------------------------------- # Carrito --------------------------------------------------------------*/ body#cart #content-wrapper { margin-bottom: 60px; } body#cart #content-wrapper .soy_title_cart { padding: 15px; } body#cart #content-wrapper .soy_title_cart h1 { margin: 0; } body#cart #content-wrapper .card { box-shadow: none; } body#cart #content-wrapper .cart-grid-body .cart-overview { padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item { border: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item:before { content: ""; height: 1px; width: 80%; background: #eee; top: -15px; margin: 0 auto; display: block; position: relative; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item:first-child:before { display: none; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid { display: block; align-items: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-left { width: 100px; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body { width: calc(100% - 100px); margin: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body a { font-size: 16px; color: #000; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body a:hover { color: #0b3549; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price { margin: 5px 0 3px; color: #232323; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .current-price { display: inline-block; font-size: 17px; margin-right: 6px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount { display: inline-block; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount .regular-price { font-size: 15px; margin-right: 10px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount .discount { margin: 0; font-size: 14px; padding: 3px 6px; background: #F28C00; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .soy_attribute_combination span.label { color: #232323; font-size: .875rem; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right { float: right; width: auto; display: flex; align-items: center; margin-top: 25px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty { width: 70px; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty .input-group { box-shadow: none; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty .input-group input { text-align: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .price { width: 115px; text-align: center; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .price .product-price { color: #000; font-size: 19px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete { width: 24px; padding: 0; display: flex; align-items: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete .cart-line-product-actions { line-height: 1; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete .cart-line-product-actions a { margin: 0; } body#cart #content-wrapper .cart-grid-right { background-color: #F9F9F9; } body#cart #content-wrapper .cart-grid-right .cart-summary { background: none; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-summary-line > span { font-size: 16px; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales span.value { font-size: 17px; font-weight: bold; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher { margin-bottom: 15px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher > p > a { margin: 0; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code { padding: 0px 20px 0; background: rgba(0, 0, 0, 0) none repeat scroll 0px center; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 100%; margin-bottom: 10px; margin: 0; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { border: 0; width: 100%; padding: 10px 25px; margin: 0; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code a.promo-code-button { color: #000; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code a.promo-code-button:hover { color: #0b3549; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions { text-align: center; margin-top: 15px; } body#cart #content-wrapper .soy_seguir_comprando { margin-top: 25px; font-size: 14px; line-height: 21px; float: left; clear: left; display: flex; align-items: center; margin-left: 0; background-color: #fff; color: #000; } @media (min-width: 480px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 50%; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { width: auto; margin: -4px 0 0 -5px; } } @media (min-width: 768px) { body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid { display: flex; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body { width: calc(100% - 209px); } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right { margin-top: 0; } } /*------------------------------------------------------------- # Modal --------------------------------------------------------------*/ #blockcart-modal { z-index: 99999; } #blockcart-modal .row { margin-left: 0; margin-right: 0; } #blockcart-modal .modal-content { border: 1px solid #5b5b5b42; border-radius: 0; } #blockcart-modal .modal-content .modal-header { background: #0b3549; padding: 10px; } #blockcart-modal .modal-content .modal-header .modal-title, #blockcart-modal .modal-content .modal-header .close .material-icons { color: #ffffff; } #blockcart-modal .modal-content .modal-header .modal-title i, #blockcart-modal .modal-content .modal-header .close .material-icons i { margin-right: 5px; } #blockcart-modal .modal-content .modal-body { padding: 0; } #blockcart-modal .modal-content .modal-body .soy_modal_left { padding: 15px; border-bottom: 1px solid #efefef; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row { display: flex; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row .soy_img_product { width: 30%; padding: 0; max-width: 150px; min-width: 80px; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row .soy_info_product { width: 100%; float: left; padding: 0 0 0 10px; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row .soy_info_product .product-name { color: #5B5B5B; margin: 0; padding: 0; margin-bottom: 8px; float: left; width: 100%; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row .soy_info_product .product-price { padding: 0; font-size: 18px; font-weight: 700; color: #0b3549; margin-bottom: 8px; } #blockcart-modal .modal-content .modal-body .soy_modal_left > .row .soy_info_product .soy_product_qty { padding: 0; color: #5B5B5B; } #blockcart-modal .modal-content .modal-body .soy_modal_right { padding: 15px; } #blockcart-modal .modal-content .modal-body .soy_modal_right .cart-content .cart-products-count { color: #5B5B5B; font-weight: 500; margin-bottom: 10px; } #blockcart-modal .modal-content .modal-body .soy_modal_right .cart-content > p { margin-bottom: 6px; padding: 0; background: none; } #blockcart-modal .modal-content .modal-body .soy_modal_right .cart-content .cart-content-btn { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } #blockcart-modal .modal-content .modal-body .soy_modal_right .cart-content .cart-content-btn button, #blockcart-modal .modal-content .modal-body .soy_modal_right .cart-content .cart-content-btn a { margin: 10px 0 0 0; padding: 10px; line-height: 20px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; } @media screen and (min-width: 768px) { #blockcart-modal .modal-content .modal-body .soy_modal_left { float: left; width: 60%; border-bottom: 0; } #blockcart-modal .modal-content .modal-body .soy_modal_right { float: left; width: 40%; border-left: 1px solid #efefef; } } @media screen and (min-width: 992px) { /* --------------------------------------------------------------*/ #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn button { margin-right: 1rem; } } /*------------------------------------------------------------- # Customer --------------------------------------------------------------*/ body#my-account #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i { display: none; } body#my-account #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { height: auto !important; } body #content-wrapper.soy_page_account { margin-top: 0; } body #content-wrapper.soy_page_account #content { padding: 0; box-shadow: none; } body #content-wrapper.soy_page_account #content .row { margin-left: 0; margin-right: 0; } body #content-wrapper.soy_page_account #soy_account_menu { padding: 0; background: #0b3549; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li { display: block; color: #FFF; padding: 10px 15px; font-weight: bold; font-size: 16px; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li i { float: right; -webkit-transition: all 0.5s ease-out; /* Safari */ -moz-transition: all 0.5s ease-out; /* Mozilla */ -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a[aria-expanded="true"] i, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li[aria-expanded="true"] i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { overflow: hidden; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account { display: block; width: 100%; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a { width: 100%; display: block; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li a, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a a { display: block; text-align: left; margin: 0; padding: 10px 15px 10px 20px; float: none; width: 100%; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item { box-shadow: none; position: relative; font-size: 15px; text-transform: uppercase; font-weight: normal; background: none; color: #FFF; padding: 0px 0 0 31px; line-height: 24px; display: block; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item i, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item i { position: absolute; left: 0; top: 0; padding: 0; font-size: 25px; color: #FFF; width: auto; } body #content-wrapper.soy_page_account .soy_content_account { margin-top: 20px; } body #content-wrapper.soy_page_account .soy_content_account .page-header { padding: 0; margin-bottom: 15px; } body #content-wrapper.soy_page_account .soy_content_account .page-header h1 { color: #000; } body #content-wrapper.soy_page_account .soy_content_account #notifications { margin: 0; } body #content-wrapper.soy_page_account .soy_content_account .form-fields { overflow: hidden; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group { width: 100%; margin-bottom: 20px; float: left; margin-left: 0; margin-right: 0; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group > label, body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group > div { width: 100%; text-align: left; padding: 0 10px; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group.soy_checkbox { margin-bottom: 5px; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group.soy_checkbox .form-control-label { margin: 0; display: block; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-footer { padding: 0 10px; } body #content-wrapper.soy_page_account .soy_content_account .form-footer { margin-top: 15px; padding: 0 10px; } @media screen and (min-width: 992px) { body #content-wrapper.soy_page_account #soy_account_menu { margin-top: 20px; padding: 0 15px; background: none; border-right: 1px solid #f2f2f2; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a { padding: 2px 0; color: #000; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i { display: none; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { height: auto !important; display: block !important; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li a, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a a { padding: 10px 0 10px 5px; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item { color: #000; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item i, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item i { color: #000; } } /*------------------------------------------------------------- ## Authentification --------------------------------------------------------------*/ #authentication.page-authentication #content-wrapper .page-header { margin: 0 auto; padding: 0rem 1rem; } #authentication.page-authentication #content-wrapper .page-header h1 { text-transform: uppercase; } #authentication.page-authentication #content-wrapper #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #authentication.page-authentication #content-wrapper #content.card { border: 0px; color: #000; padding: 0 1rem; } #authentication.page-authentication #content-wrapper #content > section { margin-bottom: 3rem; padding: 0; } #authentication.page-authentication #content-wrapper #content > section .form-group { margin-bottom: 0px; } #authentication.page-authentication #content-wrapper #content > section .soy_titulo_form { margin: 1rem 0; display: block; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer, #authentication.page-authentication #content-wrapper #content > section #login-form footer { text-align: right; margin-top: 1rem; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button, #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input:hover, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button:hover, #authentication.page-authentication #content-wrapper #content > section #login-form footer input:hover, #authentication.page-authentication #content-wrapper #content > section #login-form footer button:hover { -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); } #authentication.page-authentication #content-wrapper #content > section #login-form .forgot-password { text-align: left; margin-top: 0; padding-bottom: 1rem; } #authentication.page-authentication #content-wrapper #content > section #login-form footer { margin-top: 0; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #authentication.page-authentication #content-wrapper #content { max-width: 100%; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button, #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { width: 100%; } #authentication.page-authentication #content-wrapper #content > section #login-form label, #authentication.page-authentication #content-wrapper #content > section.register-form label { float: none; display: block; width: 100%; text-align: left; } #authentication.page-authentication #content-wrapper #content > section #login-form div.col-md-6, #authentication.page-authentication #content-wrapper #content > section.register-form div.col-md-6 { width: 100%; } #authentication.page-authentication #content-wrapper #content > section.register-form { padding-right: 0; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group { width: 48%; display: inline-block; vertical-align: top; margin-right: 1rem; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(2), #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(4) { margin-right: 0rem; margin-left: 1rem; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(5), #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(6) { display: block; width: 100%; } } /** * Rensponsive a partir de 992 **/ @media screen and (min-width: 992px) { #authentication.page-authentication #content-wrapper { padding-top: 4rem; } #authentication.page-authentication #content-wrapper #content > section.singup-form { padding-right: 6rem; } #authentication.page-authentication #content-wrapper #content > section:nth-of-type(2) { padding-left: 6rem; } #authentication.page-authentication #content-wrapper #content > section #login-form footer { text-align: left; } } /*------------------------------------------------------------- ## Adresses --------------------------------------------------------------*/ body#addresses .soy_addresses { padding: 0; display: inline-block; vertical-align: top; width: 33%; float: unset; } body#addresses .soy_addresses .address { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; box-shadow: none; padding: 15px; margin: 0; } body#addresses .soy_addresses .address .address-body { padding: 10px; border-bottom: 0; } body#addresses .soy_addresses .address .address-body h4 { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; } body#addresses .soy_addresses .address .address-body address { margin-bottom: 0; } body#addresses .soy_addresses .address .address-footer { padding: 0; overflow: hidden; border-top: 0; } body#addresses .soy_addresses .address .address-footer a { width: 49%; margin: 0; float: left; padding: 10px; text-align: center; } body#addresses .soy_addresses .address .address-footer a.edit_address { background: #CCCCCC; border-radius: 2em; margin-right: .2rem; color: #FFF; } body#addresses .soy_addresses .address .address-footer a.delete_address { background: #FF0000; border-radius: 2em; color: #FFF; } body#addresses .addresses-footer { margin: 15px 0 0 0; } body#addresses .addresses-footer a { background: #000; color: #FFF; padding: 15px 20px; background-color: #F28C00; float: right; } @media (min-width: 600px) { body#addresses .soy_addresses .address { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 1200px) { body#addresses .soy_addresses .address { -webkit-box-flex: 0 0 33.33%; -moz-box-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } body#product .featured-products .products article.product-miniature, body#product .product-accessories .products article.product-miniature, body#product .blockcategoryproducts .products article.product-miniature { margin: 1.5rem 0; -webkit-box-flex: 1 0 21%; -moz-box-flex: 1 0 21%; -webkit-flex: 1 0 21%; -ms-flex: 1 0 21%; flex: 1 0 21%; max-width: 25%; } } /* ADDRESS */ @media (min-width: 600px) { body#address .soy_content_account .address-form .soy_firstname, body#address .soy_content_account .address-form .soy_lastname, body#address .soy_content_account .address-form .soy_id_country, body#address .soy_content_account .address-form .soy_id_state, body#address .soy_content_account .address-form .soy_city, body#address .soy_content_account .address-form .soy_postcode { width: 50%; float: left; } } /* /ADDRESS */ /*------------------------------------------------------------- ## History --------------------------------------------------------------*/ body#history .orders { padding: 0; display: flex; flex-wrap: wrap; width: 100%; margin: 0; } body#history .orders .order { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; box-shadow: none; padding: 15px; margin: 0; } body#history .orders .order .row { border: 1px solid #818181; } body#history .orders .order .row .soy_info_order { padding: 10px; } body#history .orders .order .row .soy_info_order a { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; display: block; text-align: center; } body#history .orders .order .row .soy_info_order a h3 { margin: 0; } body#history .orders .order .row .soy_info_order .status { margin: 5px -10px -10px; width: calc(100% + 20px); } body#history .orders .order .row .soy_info_order .status span { margin: 0; border-radius: 0; display: block; text-align: center; background: #F28C00 !important; } body#history .orders .order .row .soy_actions_order { padding: 0; overflow: hidden; } body#history .orders .order .row .soy_actions_order a { width: 50%; margin: 0; float: left; padding: 5px 10px; text-align: center; } body#history .orders .order .row .soy_actions_order a.soy_view_order { background: #000; color: #FFF; } body#history .orders .order .row .soy_actions_order a.soy_reorder { background: #818181; color: #FFF; font-size: 1em; } body#history .orders .order .row .soy_actions_order a i { display: block; width: 100%; font-size: 1rem; } body#history .addresses-footer { margin: 15px 0 0 0; } body#history .addresses-footer a { background: #000; color: #FFF; padding: 15px 20px; display: inline-block; } @media (min-width: 600px) { body#history .orders .order { -webkit-box-flex: 0 0 48%; -moz-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin: 0 1%; } } @media (min-width: 1200px) { body#history .orders .order { -webkit-box-flex: 0 0 31.33%; -moz-box-flex: 0 0 31.33%; -webkit-flex: 0 0 31.33%; -ms-flex: 0 0 31.33%; flex: 0 0 31.33%; } } /*------------------------------------------------------------- ## Order Detail --------------------------------------------------------------*/ body#order-detail #content-wrapper .box { box-shadow: none; padding: 0; } body#order-detail #content-wrapper .soy_title_orderdetail { border-bottom: 1px solid #eeeeee; padding: 15px; font-size: 18px; } body#order-detail #content-wrapper #order-infos { padding: 0 15px; } body#order-detail #content-wrapper #order-infos ul { margin-bottom: 15px; } body#order-detail #content-wrapper #order-infos ul li { color: #232323; font-size: 16px; margin-bottom: 5px; } body#order-detail #content-wrapper #order-infos .soy_buttons a { margin-right: 10px; } body#order-detail #content-wrapper .addresses { margin: 0; margin: 0 0 15px 0; } body#order-detail #content-wrapper .addresses article { padding: 0; } body#order-detail #content-wrapper #order-history { padding: 0; margin-bottom: 20px; } body#order-detail #content-wrapper #order-history .history-line { padding: 0 15px 10px; margin-bottom: 10px; border: 0; position: relative; } body#order-detail #content-wrapper #order-history .history-line:after { content: ""; height: 1px; width: 400px; max-width: 70%; background: #eee; bottom: 0px; position: absolute; display: block; } body#order-detail #content-wrapper #order-history .history-line:last-child:after { display: none; } body#order-detail #content-wrapper #order-history .history-line .label { text-align: left; } body#order-detail #content-wrapper .order-items .order-item { padding: 0 15px 15px; margin-bottom: 15px; border: 0; position: relative; } body#order-detail #content-wrapper .order-items .order-item:after { content: ""; height: 1px; width: 80%; left: 10%; background: #eee; bottom: 0px; position: absolute; display: block; } body#order-detail #content-wrapper .order-items .order-item:last-child:after { display: none; } body#order-detail #content-wrapper .order-items .order-item .img { width: 100px; padding: 0; float: left; } body#order-detail #content-wrapper .order-items .order-item .img img { max-width: 100%; } body#order-detail #content-wrapper .order-items .order-item .desc { width: calc(100% - 100px); margin-bottom: 5px; float: left; } body#order-detail #content-wrapper .order-items .order-item .qty { width: calc(100% - 100px); margin-bottom: 5px; float: left; } body#order-detail #content-wrapper .order-items .order-item .qty .soy_qty_price { padding: 0; width: auto; } body#order-detail #content-wrapper .order-items .order-item .qty .soy_total_price { padding: 0; width: auto; float: right; } body#order-detail #content-wrapper .shipping-lines .shipping-line ul li { padding: 3px 15px; } body#order-detail #content-wrapper .order-message-form { padding: 0; } body#order-detail #content-wrapper .order-message-form .form-fields, body#order-detail #content-wrapper .order-message-form .form-footer { padding: 0 15px; } body#order-detail #content-wrapper .order-message-form .form-group > label { font-size: 16px; width: 100%; text-align: left; padding: 0; } body#order-detail #content-wrapper .order-message-form .form-group > div { width: 100%; text-align: left; padding: 0; } /*------------------------------------------------------------- ## Identity --------------------------------------------------------------*/ #identity.page-customer-account #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #identity.page-customer-account #content form > section > div.row { margin-left: 0; } #identity.page-customer-account #content form > section > div > label { float: none; width: auto; text-align: left; display: block; } #identity.page-customer-account #content form > section > div > div { width: 100%; } #identity.page-customer-account #content form > section > div:nth-child(9) .custom-checkbox > span { vertical-align: top; } #identity.page-customer-account #content form > section > div:nth-child(9) .custom-checkbox > label { width: 90%; } #identity.page-customer-account #content form > section > div .custom-checkbox input[type=checkbox] + span { vertical-align: top; margin-top: .3rem; } /** * Medium devices (tablets, 1200px and up) **/ @media screen and (min-width: 992px) { #identity.page-customer-account #content form > section { overflow: hidden; } } @media (min-width: 600px) { body#identity .soy_content_account #customer-form .soy_firstname, body#identity .soy_content_account #customer-form .soy_lastname, body#identity .soy_content_account #customer-form .soy_password, body#identity .soy_content_account #customer-form .soy_new_password { width: 50%; float: left; } } /*------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ body#checkout #header { overflow: hidden; } body#checkout #header .header-nav { padding: 0; } body#checkout #header .header-nav #soy_mobile_logo { width: 100%; text-align: center; } body#checkout #header .header-top #_desktop_logo { width: 100%; } body#checkout section#content { max-width: 1440px; margin: 30px auto; } body#checkout section#content .soy_checkout_left section.checkout-step { box-shadow: none; padding: 0; border: 0; } body#checkout section#content .soy_checkout_left section.checkout-step .step-title { border-bottom: 1px solid #eeeeee; padding: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step .step-title .step-number { padding: 0; margin-right: 5px; } body#checkout section#content .soy_checkout_left section.checkout-step .step-title .done { padding: 0; margin-right: 5px; margin-top: -4px; } body#checkout section#content .soy_checkout_left section.checkout-step .step-title .step-edit { margin-right: 0; margin-top: 2px; } body#checkout section#content .soy_checkout_left section.checkout-step .content { padding: 10px 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item { width: 100%; margin: 0; text-align: center; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link { display: block; background: #FFF; color: #000; border: 1px solid #000; font-weight: normal; padding: 8px 10px; transition: all ease-in-out 0.3s; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link:hover { background: #000; color: #FFF; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link.active { background: #000; color: #FFF; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form { margin-top: 20px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form { margin: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section { margin-left: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group { float: left; width: 100%; margin-bottom: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group > label { width: 100%; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group > div { width: 100%; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox { width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox label { margin: 0; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox .custom-checkbox { display: block; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox .custom-checkbox label span { margin-top: -3px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form { margin-top: 20px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form { margin: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section { margin-left: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group { float: left; width: 100%; margin-bottom: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group > label { width: 100%; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group > div { width: 100%; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox { width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox label { margin: 0; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox .custom-checkbox { display: block; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox .custom-checkbox label span { margin-top: -3px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password { margin-left: 0; padding-left: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password a { font-size: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password a:hover { color: #0b3549; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form .form-footer { margin-top: 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step p { color: #232323; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step p::last-child { margin: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step .cancel-address { margin: 0 10px 0 0; display: block; color: #000; text-decoration: none; text-transform: uppercase; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item { border: 2px solid #f6f6f6; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item.selected { border: 2px solid #565656; background: #f6f6f6; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item::nth-child(odd) { margin-right: 5px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item::nth-child(even) { margin-left: 5px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header { min-height: 160px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header .radio-block { display: block; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header .radio-block .custom-radio { margin-top: -5px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step .add-address a { color: #FFF; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option { display: flex; align-items: center; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .custom-radio { margin-top: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 { margin: 0; padding-left: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div { margin-bottom: 10px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div:last-child { margin-bottom: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .soy_img_carrier { width: 100%; padding: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .soy_img_carrier img { max-width: 50px; width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .carrier-name { display: block; font-weight: bold; margin-bottom: 0px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .carrier-delay { display: block; font-weight: normal; font-size: 12px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .order-options #delivery label { text-align: left; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step .payment-options .payment-option { -ms-display: flex; display: flex; align-items: center; background: #f6f6f6; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step .payment-options .payment-option span.custom-radio { margin-left: 15px; margin-right: 0; margin-top: 0; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step .payment-options label { display: flex; align-items: center; text-align: left; padding: 15px; margin: 0; width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step .payment-options label img { margin-right: 10px; width: 75px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step .payment-options label > span { width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step #conditions-to-approve { margin-bottom: 30px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step #conditions-to-approve .custom-checkbox span { flex: unset; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step #conditions-to-approve .condition-label { margin-left: 23px; margin-top: 0px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step #payment-confirmation a { color: unset; font-weight: bold; } body#checkout section#content .soy_checkout_right #js-checkout-summary { box-shadow: none; } body#checkout section#content .soy_checkout_right #js-checkout-summary > .card-block { padding: 15px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .step-title { border-bottom: 1px solid #eeeeee; padding: 15px; display: block; line-height: 23px; margin: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media { display: flex; align-items: center; margin-top: 10px; padding-top: 10px; position: relative; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media:before { content: ""; height: 1px; width: 80%; background: #eee; top: 0px; left: 10%; display: block; position: absolute; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media:first-child { margin: 0; padding: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media:first-child:before { display: none; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-name { float: left; width: 100%; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-line-info { float: left; width: 100%; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-line-info .label { font-weight: bold; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-line-info .value { color: #232323; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-quantity { float: left; line-height: 24px; font-weight: bold; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-products .media .product-price { float: right; line-height: 24px; color: #000; font-weight: bold; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-subtotals { margin-bottom: 3px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher { margin-bottom: 15px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher > p > a { margin: 1rem 0; padding: 0 15px; color: #000; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher > p > a:hover { color: #0b3549; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code { padding: 0px 20px 0; background: rgba(0, 0, 0, 0) none repeat scroll 0px center; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 100%; margin-bottom: 10px; margin: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code button { border: 0; width: 100%; padding: 10px 25px; margin: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button { color: #000; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button:hover { color: #0b3549; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals { font-weight: bold; font-size: 17px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals .cart-total { background: none; padding: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals .cart-total .value { color: #0b3549; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals .label { font-size: 17px; } @media (min-width: 450px) { body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item { width: auto; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step .nav-inline .nav-item:last-child { margin-left: 10px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 50%; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code button { width: auto; margin: -4px 0 0 -5px; } } @media (min-width: 576px) { body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 { padding: 0; margin: 0; width: 100%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row { display: flex; align-items: center; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div { margin-bottom: 0; } } @media (min-width: 768px) { body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group { padding: 0 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group { padding: 0 15px; } } body#order-confirmation .card { box-shadow: none; } body#order-confirmation .row { margin-left: 0; margin-right: 0; } body#order-confirmation #content-hook_order_confirmation { margin: 20px auto; } body#order-confirmation #content-hook_order_confirmation .done { padding: 0; margin-right: 10px; } body#order-confirmation #content-hook_order_confirmation > .card-block { padding: 0; } body#order-confirmation #content-hook_order_confirmation > .card-block .card-title { border-bottom: 1px solid #eeeeee; padding: 15px; margin-bottom: 0; } body#order-confirmation #content-hook_order_confirmation > .card-block p { margin: 0; } body#order-confirmation #content > .card-block { padding: 0; } body#order-confirmation #content > .card-block #order-items { padding: 0; border: 0; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line { position: relative; padding-top: 15px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line:first-child { padding-top: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line:first-child:before { display: none; } body#order-confirmation #order-items .order-confirmation-table .order-line:before { content: ""; height: 1px; width: 80%; background: #eee; top: 0px; left: 10%; display: block; position: absolute; } body#order-confirmation #order-items .order-confirmation-table .order-line .soy_img_order_confirmation { width: 150px; } body#order-confirmation #order-items .order-confirmation-table .order-line .details, body#order-confirmation #order-items .order-confirmation-table .order-line .qty { width: calc(100% - 150px); overflow: hidden; } body#order-confirmation #order-items .order-confirmation-table .order-line .qty > div.soy_qty_price { float: left; width: auto; padding: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line .qty > div.soy_price { float: right; width: auto; padding: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line .image img { margin: 0; } body#order-confirmation #order-items .soy_totals { display: block; padding: 15px; border-top: 1px solid #eee; margin-top: 15px; } body#order-confirmation #order-items .soy_totals > span { display: block; overflow: hidden; margin-bottom: 4px; } body#order-confirmation #order-items .soy_totals > span .label { float: left; font-size: 16px; } body#order-confirmation #order-items .soy_totals > span .value { float: right; font-size: 16px; } body#order-confirmation #order-details { padding: 0; } body#order-confirmation #order-details > ul { padding: 15px; margin-bottom: 0px; } body#order-confirmation #order-details > ul li .label { font-size: 16px; font-weight: bold; } body#order-confirmation #order-details > ul li .value { font-size: 16px; } body#order-confirmation #content-hook_payment_return .card-block { padding: 0; } /*------------------------------------------------------------- # CMS --------------------------------------------------------------*/ /*------------------------------------------------------------- ## CONTACT --------------------------------------------------------------*/ body#contact #wrapper { padding-top: 0px; } body#contact #wrapper > .container { padding: 0; width: 100% !important; margin-left: 0; } body#contact #wrapper #main { width: 100%; } body#contact .breadcrumb { margin-bottom: 1rem; padding: 0 1rem; } body#contact #left-column { background-color: #0b3549; margin-bottom: 1rem; } body#contact #left-column .contact-rich { padding: 1rem; padding-left: 2rem; } body#contact #left-column .contact-rich h4 { margin-bottom: 1rem; padding: 1.5rem 0rem; color: #ffffff; } body#contact #left-column .contact-rich div.email + a { margin-left: 3.5rem; } body#contact #left-column .contact-rich div > a { margin-top: .5rem; display: block; color: #ffffff; } body#contact #left-column .contact-rich .block, body#contact #left-column .contact-rich .block > .data { color: #ffffff; } body#contact #content-wrapper #main #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label { display: block; text-transform: uppercase; padding-top: 0; width: 100%; text-align: left; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label span { float: none; width: auto; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label.psgdpr_consent_message span { width: .9375rem; } body#contact #content-wrapper #main #content .contact-form .form-fields > div:nth-child(1) { margin-bottom: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group { display: block; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group > input { float: none; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle { display: block; width: auto; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle label { width: 100%; text-align: center; padding-top: .625rem; height: auto; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage] { width: 100%; } /** * Responsive para pantallas superiores a 575px **/ /** * Responsive para pantallas superiores a 992px **/ @media screen and (min-width: 992px) { body#contact #content-wrapper { width: 70%; } body#contact #content-wrapper #main #content .contact-form { margin-left: 2rem; padding: 2rem; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group { display: table; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group > input { float: left; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle { display: table-cell; width: 1%; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle label { width: 100%; padding: 0.7rem; height: auto; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage] { width: auto; } body#contact #content-wrapper #main #content .contact-form .form-group > .col-md-9 { width: 100%; } body#contact #left-column { width: 28%; border-bottom: 2px solid #0b3549; padding-top: 1rem; margin-bottom: 0rem; height: 1200px; } } /*------------------------------------------------------------- # Errors --------------------------------------------------------------*/ /*------------------------------------------------------------- ## 404 --------------------------------------------------------------*/ Body#pagenotfound .page-header h1 { text-align: center; } Body#pagenotfound section.page-not-found { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; } Body#pagenotfound #wrapper #search_widget button[type=submit] { line-height: 2; } Body#pagenotfound #wrapper #search_widget button[type=submit].mobile-icon-search { display: none; } /*------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer#footer { background-color: #F9F9F9; padding-top: 0px; /** ============== BLOQUE COPYRIGHT ================ **/ } footer#footer .h1, footer#footer .h2, footer#footer .h3, footer#footer .h4, footer#footer .h5 { color: #5B5B5B; } footer#footer.container { position: relative; } footer#footer > div > .row { margin: 0; } footer#footer .footer-container { margin-top: 0; padding-top: 0; box-shadow: none; /** ============== BLOQUE ENLACES TIENDA ================ **/ /** ============== BLOQUE CONTACTO ================ **/ /** ============== BLOQUE SOCIAL ================ **/ } footer#footer .footer-container .links ul{ background-color: unset; } footer#footer .footer-container .links > div > div { margin: 0; } footer#footer .footer-container .links > div > div .h3 { font-weight: 500; } footer#footer .footer-container .links > div > div .title { border-color: transparent; } footer#footer .footer-container .links > div > div .title i { color: #5B5B5B; } footer#footer .footer-container .links > div > div .title + ul li { padding-bottom: .7rem; padding-left: 0; text-transform: uppercase; border-color: transparent; } footer#footer .footer-container .links > div > div .title + ul li > a { font-size: 16px; font-weight: 400; letter-spacing: 0px; color: #333333; } footer#footer .footer-container .links > div > div .title + ul li > a:hover { color: #F28C00; } footer#footer .footer-container .block-contact { padding: 1.5rem !important; /* Lo tengo que hacer por un important en el tema padre*/ padding-bottom: 0px !important; color: #5B5B5B; border: none; } footer#footer .footer-container .block-contact .h4 { margin-bottom: 2rem; font-weight: 500; } footer#footer .footer-container .block-contact .block-contact-item { margin-bottom: .4rem; } footer#footer .footer-container .block-contact .block-contact-item i { padding-right: 12px; } footer#footer .footer-container .block-contact .block-contact-item p { color: #5B5B5B; } footer#footer .footer-container .block-contact .block-contact-title { color: #5B5B5B; } footer#footer .footer-container .block-social { padding: 1.5rem; text-align: left; color: #5B5B5B; } footer#footer .footer-container .block-social h4 { font-size: 1rem; text-transform: uppercase; margin-bottom: 2rem; font-weight: 500; } footer#footer .footer-container .block-social > ul > li { background: transparent; } footer#footer .footer-container .block-social > ul > li a { text-indent: 0; text-align: center; color: #5B5B5B; } footer#footer .footer-container .block-social > ul > li a:hover { color: #F28C00; } footer#footer .footer-container .block-social > ul > li i { color: #5B5B5B; font-size: 2rem; } footer#footer .footer-container .block-social > ul > li i:hover { color: #F28C00; } footer#footer .copyright_theme a { text-align: center; } footer#footer .copyright_theme a img { display: block; margin: 0 auto; } footer#footer .copyright_theme a .copyShopName { font-size: 2.5rem; display: block; font-weight: 600; } footer#footer .copyright_theme a span { display: block; color: #5B5B5B; text-emphasis: center; width: 100%; margin-top: 10px; } /** * Renponsive a partir de 575px **/ @media screen and (min-width: 575px) { footer#footer > .container { margin: 0; width: 100%; } } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { footer#footer .footer-container { padding-top: 3rem; } footer#footer .footer-container > .container > .row { margin-bottom: 2rem; } footer#footer .footer-container .links { width: 60%; } footer#footer .footer-container .links > div > div { margin: 0; } footer#footer .footer-container .links > div > div .h3 { font-weight: 700; font-size: 21px; letter-spacing: 0px; color: #333333; text-transform: uppercase; margin-bottom: 1.7rem; } footer#footer .footer-container .links > div > div .title + ul { background: transparent; } footer#footer .footer-container .block-contact { padding-top: 0 !important; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .featured-products .h3.products-section-title{ margin-bottom: 4rem; color: #4d4d4d; } footer#footer #custom-text { padding: 5.5rem 0; background-image: url("http://soy.es/themes/soy/assets/img/backgroundVentajas.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } footer#footer #custom-text h2 { font-size: 2.5rem; } footer#footer #custom-text > div > p { font-size: 1.5rem; margin-bottom: 4rem; } footer#footer #custom-text #fondo-img { display: block; } footer#footer #custom-text ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; padding: 1.5rem 2.125rem; } footer#footer #custom-text ul li { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 3%; } footer#footer .footer-container { padding-top: 4.8rem; } footer#footer .footer-container .links { width: 50%; } footer#footer .footer-container .links .h3 { font-size: 1.2rem; margin-bottom: 2rem; } footer#footer .footer-container .links a { font-size: 1rem; } footer#footer .footer-container .block-contact-title { font-size: 1.2rem; } footer#footer .footer-container .block-contact { padding: 0 !important; } footer#footer .footer-container .block-social { padding: 0; } footer#footer .footer-container .block-social h4 { font-size: 1.2rem; } footer#footer .footer-container li { margin-bottom: 0; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { footer#footer .footer-container .links .h3 { font-size: 1.5rem; margin-bottom: 2.3rem; } footer#footer .footer-container .block-contact-title { font-size: 1.5rem; margin-bottom: 2.3rem; } footer#footer .footer-container .block-social { padding-left: 2rem; } footer#footer .footer-container .block-social h4 { font-size: 1.5rem; margin-bottom: 2.3rem; } } /*------------------------------------------------------------- # Modules --------------------------------------------------------------*/ /*------------------------------------------------------------- ### NEWSLETTER --------------------------------------------------------------*/ .block_newsletter { text-align: left; padding: 5rem 0 2rem 0; } .block_newsletter > .row { margin: 0 auto; } input[type='email'] { border: 0px; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { .block_newsletter > .row { width: 100%; } .block_newsletter form input[type=email]:focus { border: 2px solid #F28C00; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 1200px) { .block_newsletter > .row { max-width: 1500px; } .block_newsletter form { max-width: 992px; margin: 0 auto; } } /* Wishlist */ /*------------------------------------------------------------- # WISHLIST --------------------------------------------------------------*/ /** Listado de productos **/ #products article.product-miniature .wishlist, .products article.product-miniature .wishlist { display: none; } /** Página de producto **/ #product .product-actions .wishlist { display: inline-block; } #product .product-actions .wishlist .popover-content.visible { position: fixed; bottom: 100px; } #product .product-actions .wishlist .popover-content.visible table td { color: #0b3549; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #0b3549; color: white; } #product .product-actions .wishlist a { padding: .75rem; background-color: pink; display: inline-block; height: 100%; cursor: pointer; } #product .product-actions .wishlist a i { color: white; } #product .product-actions .wishlist a span { display: none; } #product .product-actions .wishlist a:hover { background-color: #ff8da1; } /** Mi cuenta **/ #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header { padding: .88rem 0rem !important; } #module-blockwishlist-mywishlist .page-header h1::before { font-size: 1.2rem; margin-right: .5rem; } #module-blockwishlist-mywishlist #mywishlist h2 { color: black; } #module-blockwishlist-mywishlist #mywishlist h2 span { color: black; } #module-blockwishlist-mywishlist #mywishlist h2 i { font-size: 25px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 { margin-bottom: 1rem; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 i { margin-right: 1rem; color: #F28C00; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"] { font-size: .8rem; background-color: #F28C00; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); color: white; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:target, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:active, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:target { background-color: #F28C00; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child a.soy_whislit_mostar, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child span.soy_whislit_ocultar { color: #0b3549; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl i { color: #0b3549; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go { background-color: #F28C00; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go > a { color: white; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:target, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:target { background-color: #000000; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:active, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:target { background-color: #F28C00; } @media screen and (min-width: 768px) { /** Página de producto **/ #product .product-actions .wishlist .popover-content.visible { position: absolute; bottom: 78px; right: inherit; left: 2rem; max-width: 400px; } #product .product-actions .wishlist .popover-content.visible table td { color: #0b3549; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #0b3549; color: white; } } /* Mail Alerts */ /*------------------------------------------------------------- # EMAIL ALERT --------------------------------------------------------------*/ #module-ps_emailalerts-account #wrapper { padding-top: 0; } #module-ps_emailalerts-account #wrapper > .container { padding: 0; } #module-ps_emailalerts-account #content-wrapper { margin-top: 1rem; margin-bottom: 3rem; } #module-ps_emailalerts-account .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #module-ps_emailalerts-account .soy_content_account ul li { background-color: #f9f9f9; margin: 1rem 0; } #module-ps_emailalerts-account .soy_content_account ul li > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #module-ps_emailalerts-account .soy_content_account ul li > a img { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; mix-blend-mode: multiply; width: 80px; } #module-ps_emailalerts-account .soy_content_account ul li > a span { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; color: black; padding: .6rem; } #module-ps_emailalerts-account .soy_content_account ul li > a span.mail_name, #module-ps_emailalerts-account .soy_content_account ul li > a span.mail_combi { width: 90px; } #module-ps_emailalerts-account .soy_content_account ul li > a span.js-remove-email-alert { color: #CB041B; } /* Loyalty */ /*------------------------------------------------------------- # LOYALTY --------------------------------------------------------------*/ #module-loyalty-default #order-list { width: 100%; } #module-loyalty-default #order-list thead { background-color: #f7f7f7; } #module-loyalty-default #order-list thead th { padding: .5rem .3rem; text-align: center; } #module-loyalty-default #order-list tbody td { text-align: center; } #module-loyalty-default #order-list tbody td.history_method { padding: 1rem .2rem; text-align: center; } #module-loyalty-default #order-list tfoot td { text-align: left !important; font-weight: 700; } #module-loyalty-default #order-list tfoot td:nth-of-type(2) { text-align: center !important; } #module-loyalty-default h2 { margin-top: 2rem; } #module-loyalty-default .pagination button { background-color: #F28C00; color: white; } #module-loyalty-default .pagination button:hover { background-color: #000000; color: white; } #module-loyalty-default .pagination li { display: inline-block; padding: .2rem .6rem; margin: 0 .3rem; } #module-loyalty-default .pagination li.active { background-color: #F28C00; color: white; } /********************************************** MOD DANIELS - ACTUALIZACIÓN a 1.7 **********************************************/ /*------------------------------------------------------------- # HEADER --------------------------------------------------------------*/ .soy-cristal-button{ cursor: pointer; border-radius: 2em; background-color: #F28C00; box-shadow: none; border: none; text-transform: uppercase; padding: .7rem 2.5rem; font-size: 16px; text-decoration: none; font-weight: 600; letter-spacing: -0.08px; color: #000000; } #header .language-selector-wrapper .soy-angle-down{ right: 0; position: absolute; display: inline-block; top: 0; } #header .language-selector-wrapper .soy-angle-down::before{ font-size: 10px; color: #000; content: "\e90a"; font-family: 'cristalrecord' !important; } #header .soy-area-cliente .soy-cristal-button p{ color: #000000; margin: 0; font-size: 13px; font-weight: 600; } #header .header-top .right-nav > div.soy-area-cliente.sales-item-nav { width: 200px; padding-top: .1rem; cursor: pointer; } #header #_desktop_language_selector .dropdown .expand-more { text-transform: uppercase; font-size: 18px; } #header .header-top .right-nav > div#_desktop_language_selector { width: 70px; } #header .header-top .header-top-middle a{ color: #000; text-transform: uppercase; font-family: Montserrat; font-size: 11px; font-weight: 400; letter-spacing: -0.36px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #header .header-top .header-top-middle a:hover { color: #F28C00; text-decoration: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .soy-cart:before { content: "\e901"; font-family: 'cristalrecord' !important; font-size: 25px; cursor: pointer; color: #000; } .soy-cart-button-icon{ display: inline-block; } .soy-cart-button-icon:before { content: "\e901"; font-family: 'cristalrecord' !important; font-size: 16px; cursor: pointer; color: #fff; padding-right: .2rem; } .soy-search-block-1 { display: inline-block; width: 100%; } .soy-search-block-1 .close-icon-search { position: absolute; right: 10px; top: 12px; cursor: pointer; } #header .soy_content_nav_desktop{ background-color: white; border-bottom: 1px solid rgb(238, 238, 238); max-width: 1920px; margin: 0 auto; } #header a:hover { color: #F28C00; } /*------------------------------------------------------------- # ./HEADER --------------------------------------------------------------*/ /*------------------------------------------------------------- # FOOTER --------------------------------------------------------------*/ footer .footer-social-block{ margin-top: 1.75rem; } footer .footer-social-block .soy-pinterest:before { content: "\e905"; font-family: 'cristalrecord' !important; font-size: 25px; cursor: pointer; color: #000; } footer .footer-social-block img.soy-youtube { vertical-align: top; margin: 0 5px 0 0; } footer .footer-social-block .soy-instagram:before { content: "\e906"; font-family: 'cristalrecord' !important; font-size: 25px; cursor: pointer; color: #000; padding-right: 5px; } footer .footer-social-block .soy-facebook:before { content: "\e907"; font-family: 'cristalrecord' !important; font-size: 25px; cursor: pointer; color: #000; } footer .footer-social-block .soy-linkedin:before { content: "\e908"; font-family: 'cristalrecord' !important; font-size: 25px; cursor: pointer; color: #000; padding-right: 5px; } footer .soy_development a { color: #B3B3B3; transform: 0.6s all; } footer .soy_development a:hover { opacity: .5; transform: 0.6s all; } footer .footer-block-left{ padding-top: 5em; } footer .soy_development{ margin-top: 3em; text-align: center; margin-bottom: 2rem; border-top: 1px solid #E6E6E6; padding-top: 3rem; } footer .footer-block-right{ border-left: 1px solid #E6E6E6; padding-left: 8%; } .block_newsletter form input { height: 50px; } footer .soy-img-logo-footer{ margin-bottom: 1rem; max-width: 80%; } footer .footer-block-row-left { width: 100%; margin: 0 auto; padding-left: 5px; padding-right: 5px; } footer .footer-block-row-left p{ font-size: 16px; letter-spacing: -0.08px; color: #333333; font-weight: 400; } footer .block_newsletter form .input-wrapper { padding-right: .3rem; width: 70%; display: inline-block; } footer .block_newsletter form input.btn-primary { font-size: 16px; font-weight: 600; letter-spacing: -0.08px; color: #000000; width: 30%; } /*------------------------------------------------------------- # ./FOOTER --------------------------------------------------------------*/ /*------------------------------------------------------------- # INDEX --------------------------------------------------------------*/ #index #main .soy-banner .banner-left{ width: 34%; display: inline-block; vertical-align: top; } #index #main .soy-banner .banner-left .soy-banner-button{ position: absolute; bottom: 15%; right: 20%; } #index #main .soy-banner .banner-right{ width: 66%; position: relative; height: 855px; background-repeat: no-repeat; background-position: center; background-color: #EEF7F4; float: right; } #index #main .soy-banner .banner-right:hover{ opacity: .8; } #index #main .soy-banner .banner-icons{ margin-bottom: 1rem; } #index #main .soy-banner .banner-left-bottom .soy-banner-text-block, #index #main .soy-banner .banner-left-top .soy-banner-text-block{ position: absolute; top: 7%; left: 5%; } #index #main .soy-banner .banner-right .soy-banner-text-block{ position: absolute; top: 11%; left: 7%; } #index #main .soy-home-blocks{ max-width: 90%; text-align: center; margin: 3rem auto 5rem auto; } #index #main .soy-home-blocks .home-block{ width: 29%; display: inline-block; background-color: #F8F8F8; margin: 0 1rem; position: relative; } #index #main .soy-home-blocks .home-block img{ width: 100%; } #index #main .banner-left-top{ height: 400px; background-repeat: no-repeat; position: relative; background-color: #FAFAFA; background-position: right; display: block; } #index #main .banner-left-top:hover{ opacity: .8; } #index #main .banner-left-bottom{ height: 455px; background-repeat: no-repeat; background-color: #FDE8CC; background-position: right; position: relative; display: block; } #index #main .banner-left-bottom:hover{ opacity: .8; } #index .soy-banner p.soy-banner-title{ font-size: 42px; font-weight: 700; text-align: left; text-transform: uppercase; color: #000; line-height: 42px; } #index .soy-banner p.soy-banner-subtitle{ font-size: 25px; font-weight: 100; text-align: left; color: #000; letter-spacing: 0px; } #index .soy-banner p.soy-banner-subtitle2{ font-size: 14px; font-weight: 200; text-align: left; text-transform: uppercase; color: #000; letter-spacing: 0.2px; } #index .soy-banner .soy-banner-button{ border-bottom: 4px solid #FDE8CC; font-weight: 700; letter-spacing: 0px; font-size: 17px; display: inline-block; margin-bottom: 2rem; } #index .soy-banner .soy-banner-button-color{ border-bottom: 4px solid #EEF7F4; font-weight: 700; letter-spacing: 0px; } #index .soy-home-blocks .soy-text-block{ font-size: 23px; text-transform: uppercase; color: #000; margin-bottom: 1.5rem; position: absolute; top: 72%; width: 100%; } #index .soy-home-blocks .soy-text-block span{ font-weight: 700; } .featured-products .soy-cristal-button{ margin: 0 auto 3rem auto; max-width: 250px; padding: .9rem 3rem; text-align: center; } .featured-products .all-product-link{ color: #232323; text-align: right; font-size: .875rem; font-weight: 400; } .featured-products .soy-cristal-button:hover { background-color: #000; color: #fff; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; } .featured-products .soy-cristal-button a{ color: white; } #_desktop_cart .soy-cart .soy-cart-products-count{ position: absolute; top: 11%; right: 2%; background-color: #F28C00; border-radius: 50%; width: 17px; height: 17px; color: white; font-size: 10px; text-align: center; line-height: 17px; } .user-info:before { content: "\e909"; font-family: 'cristalrecord' !important; font-size: 24px; cursor: pointer; color: #000; } .soy-search-button:before { content: "\e902"; font-family: 'cristalrecord' !important; font-size: 23px; cursor: pointer; color: #000; } .soy-mail::before { content: "\e912"; font-family: 'cristalrecord' !important; font-size: 24px; cursor: pointer; color: #000; } .soy_menu_icon_mobile:before { content: "\e904"; font-family: 'cristalrecord' !important; font-size: 20px; cursor: pointer; color: #000; } #header .header-top .right-nav > div.soy-search-button.sales-item-nav { padding-top: 1rem; text-align: center; } #header .header-top .user-info { padding-top: 1rem; text-align: center; } #header .header-top .soy-mail { padding-top: 1rem; text-align: center; } .soy-banner .banner-left-mobile{ display: none; } .page-not-found .search-widget .soy-search-block-2{ display: none; } /*------------------------------------------------------------- # ./INDEX --------------------------------------------------------------*/ /*------------------------------------------------------------- # PRODUCT --------------------------------------------------------------*/ body#product .images-container-mobile { display: none; } .product-prices .tax-shipping-delivery-label { display: inline-block; } body#product .product-buy-block .product-prices div.product-discount { display: inline-block; } #products .products div.thumbnail-container ul.product-flags, .products div.thumbnail-container ul.product-flags, #product #content-wrapper ul.product-flags{ width: 100%; max-width: 100%; display: block; } .featured-products .products div.thumbnail-container ul.product-flags li.product-flag.discount, #product #content-wrapper ul.product-flag li.product-flag.discount, #products .products div.thumbnail-container ul.product-flags li.product-flag.discount{ float: right; padding-left: 0 !important; padding-right: 1rem !important; } .products div.thumbnail-container ul.product-flags li.product-flag.new, #product #content-wrapper ul.product-flag li.product-flag.new{ float: left; } body#product .product-accessories p.h5{ font-weight: 600; text-transform: uppercase; color: #F28C00; font-size: 22px; line-height: 60px; border-bottom: 1px solid #F28C00; padding-left: 2.5rem; position: relative; cursor: pointer; } #product .product-information .product-manufacturer, #product .product-information .product-reference, #product .product-information .product-quantities { display: none; } #products ul.product-flags.soy-product-flags{ position: static; } body#product .product-details .h6{ font-size: 22px; text-transform: uppercase; padding: .625rem; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { background: none; margin-bottom: 0; border-bottom: 1px solid aliceblue; margin: 0; padding: 0 .625rem; line-height: 24px; min-height: auto; text-transform:unset; } #product .product-description-short p span, #product .product-description-short p{ margin: 2rem 0; font-size: 17px !important; font-weight: 400; } body#product .product-name h1 { text-transform: unset; font-weight: 600; margin-bottom: 1rem; font-size: 37px; } body#product .product-buy-block .product-prices .product-price .current-price span { font-size: 58px; font-weight: 400; color: #F28C00; } .product-features > dl.data-sheet dd.value:nth-of-type(2n), .product-features > dl.data-sheet dt.name:nth-of-type(2n) { background: none; } .social-sharing li { box-shadow: none; width: 2rem; margin-left: 0; } .bootstrap-touchspin { box-shadow: none; } .bootstrap-touchspin .btn-touchspin.bootstrap-touchspin-down{ border-top: none; } .product-quantity #quantity_wanted { border-right: none; height: 54px; } .product-quantity .add, .product-quantity .qty { margin-bottom: 0; } .product-quantity .input-group-btn-vertical .btn { height: 28px; width: 26px; padding: 0; } #product .alert { font-size: .8125rem; float: none; display: block; width: 100%; margin-top: 1rem; } #product #main .images-container .js-qv-mask.scroll { margin: 0 auto; } #product-modal .modal-content .modal-body .arrows { color: #000; } #product .soy-product-description-block{ float: none; width: 46%; display: inline-block; } body#product .product-accessories { width: 46%; display: inline-block; vertical-align: top; margin-left: 2rem; } #product-modal .modal-content .modal-body .arrows .arrow-down { bottom: -4rem; } #product div.soy-angle-down{ position: absolute; right: 20px; display: inline-block; top: 0; } #product div.soy-angle-down::before{ content: "\e90a"; font-family: 'cristalrecord' !important; font-size: 10px; color: #000; font-weight: 400; margin-right: 5px; } body#product .product-accessories p.h5::before { content: "\e90a"; font-family: 'cristalrecord' !important; font-size: 10px; color: #000; font-weight: 400; margin-right: 5px; position: absolute; right: 20px; } #product div.soy-download{ display: inline-block; margin-right: 5px; } #product div.soy-download:before { content: "\e90e"; font-family: 'cristalrecord' !important; font-size: 30px; color: #000; font-weight: 400; margin-right: 5px; vertical-align: top; } #product div.soy-icon-type{ display: inline-block; } #product div.soy-icon-type:before { font-family: 'cristalrecord' !important; font-size: 14px; color: #000; font-weight: 400; margin-right: 5px; } #product div.soy-icon-type.soy-file:before { content:"\e90f"; } #product div.soy-icon-type.soy-image:before { content:"\e910"; } .product-variants > .product-variants-item { margin: 0 0 1.25rem 0; } #product #attachments .h5{ font-size: 20px; font-weight: 600; display: inline-block; } #product #attachments .product-attachments{ border-top: 1px solid #B3B3B340; padding: 1.5rem 0; border-bottom: 1px solid #B3B3B340; margin-top: .5rem; } #product #attachments div.attachment{ display: inline-block; padding: 0.3rem 1rem; } #product #attachments div.attachment h4{ margin: 0; } #product #attachments div.attachment a{ color: #000; font-weight: 400; text-decoration: none; text-transform: uppercase; font-size: 17px; } #product .soy-product-description-block #attachments.soy-mobile-attachments{ display: none; } .pagination a:not(.previous):not(.next) { letter-spacing: 0; } /*------------------------------------------------------------- # ./PRODUCT --------------------------------------------------------------*/ /*------------------------------------------------------------- # BREADCRUMB --------------------------------------------------------------*/ #wrapper .breadcrumb li a { color: #666666; font-size: 14px; letter-spacing: -0.14px; text-transform: lowercase; } #wrapper .breadcrumb li::after { content: "/"; color: #666666; font-size: 14px; letter-spacing: -0.14px; margin: .3125rem; } #wrapper .breadcrumb li:last-child a { color: #F28C00; } /*------------------------------------------------------------- # ./BREADCRUMB --------------------------------------------------------------*/ /*------------------------------------------------------------- # CATEGORY --------------------------------------------------------------*/ #category #category-description{ margin-bottom: 2rem; } #category #category-description img{ max-width: 100%; } .product-line-grid-body > .product-line-info > .value { font-weight:600; font-size: .875rem; } body#cart #content-wrapper .soy_title_cart .soy-cart-icon{ display: inline-block; margin-right: .5rem; } body#cart #content-wrapper .soy_title_cart h1{ display: inline-block; } #category .top_list_products #js-product-list-top .pagination .page-list.clearfix.text-sm-center{ display: none; } #category .pagination { display: block; } #category div.soy-category-header{ background-color: #F28C00; min-height: 120px; margin-bottom: 2rem; } #category div.soy-category-header h2{ letter-spacing: -0.34px; color: #FFF; text-transform: uppercase; font-size: 34px; font-weight: 600; line-height: 120px; margin: 0; padding-left: 10%; } #category #left-column #search_filters > p.h6 { margin-left: 0.1rem; font-size: 17px; font-weight: 700; } #category #left-column #search_filters .facet .collapse { visibility: unset; height: auto; } #category #left-column{ padding-left: 0; } #category div.soy-ordenar, #category div.soy-down { display: inline-block; } div.soy-angle-down{ position: absolute; right: 3px; display: inline-block; } #category div.soy-down:before { content: "\e90c"; font-family: 'cristalrecord' !important; font-size: 13px; color: #B3B3B3; } #category div.soy-ordenar:before { content: "\e90b"; font-family: 'cristalrecord' !important; font-size: 18px; color: #000; padding-right: 1rem; } #category div.soy-angle-down:before { content: "\e90a"; font-family: 'cristalrecord' !important; font-size: 10px; color: #F28C00; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img:hover{ opacity: 0.5; -webkit-transition: 0.6s all; /* Safari */ -moz-transition: 0.6s all; /* Mozilla */ -o-transition: 0.6s all; transition: 0.6s all; } .products article.product-miniature .highlighted-informations .product-quantity .add .soy-cart-button-icon{ display: none; } #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous{ font-size: 14px; font-weight: 400; letter-spacing: -0.08px; color: #F9F9F9; box-shadow: none; text-transform: uppercase; padding: .4rem 1rem; } .modal-backdrop { position: static; } #product-modal .modal-content .modal-body .image-caption { display: none; } #order-confirmation .soy-cristal-link{ display: none; } #exportDataToPdf, #exportDataToCsv { margin: 10px; } .block_newsletter p { color: #333; font-size: 16px; } .dropdown-item:focus, .dropdown-item:hover { color: #F28C00; } #product #product-availability { font-weight: 400; color: #7a7a7a; } .page-content.page-cms { padding: 0; } .product-flags li.product-flag.on-sale{ padding-top: .8rem; } /*------------------------------------------------------------- # ./CATEGORY --------------------------------------------------------------*/ /*------------------------------------------------------------- # RESPONSIVE --------------------------------------------------------------*/ @media (max-width: 991px) { #category #left-column #search_filters { margin-right: 0; } body#addresses .soy_addresses { width: 100%; } #header .header-nav i.material-icons.soymm_down{ padding-top: 8px; } #header .header-nav i.material-icons.soymm_up{ padding-top: 8px; } #soymenu_main_ul li.soymenu_category.has_submenu{ width: 100%; display: inline-block; } .slick-initialized .slick-slide { background-color: #FAFAFA; } #header > #search_widget{ position: fixed; top: 102px; width: 100%; z-index: 1049; } .header-nav.soy_bloque_fijo+#search_widget{ top: 68px!important; } .scroll-box-arrows.scroll { display: none; } #products .product-flags li.product-flag.discount, #products .product-flags li.product-flag.discount-amount, #products .product-flags li.product-flag.discount-percentage, #products .product-flags li.product-flag.on-sale, .products .product-flags li.product-flag.discount, .products .product-flags li.product-flag.discount-amount, .products .product-flags li.product-flag.discount-percentage, .products .product-flags li.product-flag.on-sale, #product .product-flags li.product-flag.discount, #product .product-flags li.product-flag.discount-amount, #product .product-flags li.product-flag.discount-percentage, #product .product-flags li.product-flag.on-sale { font-size: 12px; } .products article.product-miniature > div .product-description .product-title a, #products .products article.product-miniature > div .product-description .product-title a { font-size: 15px; } body#product .featured-products > h2{ font-weight: 600; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img { padding: 1rem; } #category #wrapper > div, #manufacturer #wrapper > div, #prices-drop #wrapper > div, #new-products #wrapper > div, #best-sales #wrapper > div, #search #wrapper > div { display: block; } footer .block_newsletter .col-xs-12, footer .block_newsletter .col-xs-11{ padding: 0; } .soy_title_m { padding-left: 0; } .block_newsletter .col-xs-11.col-xl-8 .row { margin-left: 0; } .col-md-6.links .row { margin-left: 0; } .soy_menu_opened #header .header-nav .soy_content_nav { border-bottom: unset; } footer .footer-block-right .col-md-6.links{ padding-right: 0; padding-left: 0; } body#product .images-container-mobile { display: block; } body#product .slick-dots li button::before { font-size: 16px; line-height: 25px; } body#product #_desktop_images_container { display: none; } body#product .images-container-mobile .js-qv-mask.mask{ display: none; } #header .language-selector-wrapper .soy-angle-down{ right: 10px; position: absolute; display: inline-block; top: 0; } .product-prices .tax-shipping-delivery-label { display: block; margin-bottom: 0; } body#product .product-buy-block > .product-prices .product-price { display: inline-block; } body#product .product-buy-block > .product-prices .product-discount { margin-left: 0; margin-bottom: .2rem; } body#product .soy-product-info-block{ padding: 0; } #category #wrapper #content-wrapper #products .top_list_products #js-product-list-top .pagination > div:nth-child(1){ width: 50%; } #products .top_list_products #js-product-list-top .pagination > div:nth-child(2){ display: none; } #products #js-product-list .pagination > div:nth-child(1){ display: none; } #index .soy-cristal-button { margin: 0 auto 3rem auto; } footer .block_newsletter form .input-wrapper { padding-right: 0; padding-bottom: .2rem; width: 100%; } footer .block_newsletter form .soy-email-col{ padding-right: 0; padding-left: 0; } footer .block_newsletter form input.btn-primary { width: 100%; } .header-nav .soy-mobile-nav{ padding-left: 1.5rem; } .header-nav #_desktop_language_selector{ display: inline-block; vertical-align: top; width: 50px; } .header-nav .soy-mobile-nav .sales-item-nav{ display: inline-block; vertical-align: top; width: 50px; } .header-nav .soy-mobile-nav .sales-item-nav .header.soy-mail{ line-height: 40px; margin-top: 1.938rem; padding-left: 1rem; } .header-nav #_desktop_language_selector > div{ line-height: 40px; } #header #_desktop_language_selector .dropdown .expand-more { vertical-align: top; } #header .header-nav .language-selector { margin-top: 1.938rem; } .header-nav .soy-area-cliente.sales-item-nav { display: inline-block; padding-left: 2rem; height: 3rem; margin-top: 2.2rem; } #header .dropdown-item{ padding-left: 1rem; } #header .soy-area-cliente button.soy-cristal-button::before { display: inline-block; vertical-align: top; margin-top: 0; } #header #mobile_top_menu_wrapper .soy-area-cliente .soy-cristal-button p { display: inline-block; vertical-align: middle; padding-left: .5rem; } #category div.soy-category-header h2 { letter-spacing: -0.34px; color: #FFF; text-transform: uppercase; font-size: 26px; font-weight: 600; margin: 0; padding: 5% 20% 5% 5%; line-height: 30px; } .btn-secondary.soy-filter-button{ font-size: 22px; font-weight: 600; } #products .sort-by-row .soy-angle-down{ display: none; } #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button{ border-bottom: none !important; text-align: right; } #category #wrapper #content-wrapper .products-selection .sort-by-container{ width: 45%; float: right; margin-top: 0; padding-left: 0; } #category .filter-button i { position: relative; left: unset; top: unset; color: black; font-size: 1.5rem; right: unset; } #category div.soy-ordenar::before { padding-right: .2rem; } #category #wrapper #content-wrapper .pagination > div{ text-align: left; font-size: 13px; width: 100%; line-height: 20px; padding-left: 0; } .pagination { width: 100%; margin: 0; } #products #js-product-list .hidden-md-up.text-xs-right.up{ display: none; } .products-selection { margin-bottom: .5rem; } #category div.soy-angle-down { right: 4%; top: 12px; } #category .filter-button button { background-color: unset; color: #000; } #category .filter-button { margin-bottom: 0; } #category div.soy-down { display: none; } #category #wrapper > div { justify-content: center; } #category div.soy-category-header { background-color: #F28C00; min-height: 65.8px; margin-bottom: 0; } #index .soy-banner .img-responsive.hidden-lg-up.soy-img-lamp { margin-top: -20%; margin-left: 30%; } #product #attachments div.attachment { display: block; } #product #attachments .product-attachments { border: none; padding-left: 1.5rem; } body#product .product-information .product-description-short, body#product .product-information .product-description { margin: 0; } body#product .product-name h1 { margin-bottom: 1rem; font-size: 35px; } #product .soy-product-description-block #attachments.soy-mobile-attachments{ display: block; } #product #attachments .product-attachments { display: none; } #product #attachments .soy-product_attachments-block{ cursor: pointer; font-weight: 600; text-transform: uppercase; color: #000; font-size: 22px; line-height: 60px; border-bottom: 1px solid #F28C00; padding-left: 2.5rem; } body#product .product-information .product-description-short h4, body#product .product-information .product-description h4 { color: #000; font-size: 20px; line-height: 50px; } body#product .product-accessories p.h5 { color: #000; font-size: 20px; line-height: 50px; } body#product .featured-products > div, body#product .product-accessories > div, body#product .blockcategoryproducts > div { margin: 2rem 1rem 0 1rem; } #product #attachments{ display: none; } #product .product-quantity .input-group-btn-vertical { width: 40%; } #product .soy-product-description-block { width: 100%; } body#product .product-information .product-description > div { display: none; } body#product .product-information .product-description > div p{ width: 90%; margin: 0 auto; } body#product .product-accessories { width: 100%; margin-left: 0; } .product-quantity .input-group-btn-vertical .btn { height: 28px; width: 26px; padding: 0; } select.form-control:not([size]):not([multiple]) { width: 100%; } .product-quantity { width: 100%; display: block; } body#product .product-buy-block .product-actions .product-add-to-cart .add { width: 80%; } .product-quantity .qty { width: 20%; margin: 0; } body#product .product-buy-block .product-actions .product-add-to-cart button.add-to-cart { padding: .98rem 0; width: 100%; margin-left: .5rem; } .product-quantity #quantity_wanted { width: 60%; } .soy-search-block-1 .close-icon-search::before { color: #fff; } .soy-search-block-1 { width: 100%; } footer#footer .footer-container .links > div > div .title { padding: .3rem 15px .3rem 1rem; border-bottom: 1px solid #ccc; } footer#footer .footer-container .links > div > div .h3 { font-weight: 700; font-size: 19px; } .block_newsletter { padding: 3rem 15px 0 15px; } footer .soy_development a img{ display: block; margin: .5rem auto; } footer .footer-container .container{ display: none; } footer .footer-container .container.soy-container-mobile{ display: block; padding: 0; } #main .featured-products > h2 { font-size: 2.5rem; font-weight: 600; margin-bottom: 2rem; } #main .featured-products > h3 { text-transform: unset; font-size: 16px; font-weight: 200; color: #000; width: 90%; margin: 1.5rem auto 2rem auto; } footer .footer-block-right { border-left: none; padding: 0; } footer .footer-block-right .row{ margin: 0; } footer .footer-block-left { padding-top: 1.8rem; } footer .soy_development { padding-top: 3rem; } .products article.product-miniature > div .product-description .product-title, #products .products article.product-miniature > div .product-description .product-title { margin: 0; } .products article.product-miniature > div .product-description .product-price-and-shipping .price, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price { font-weight: 400; font-size: 23px; letter-spacing: -1px; color: #F28C00; } #index #main .soy-home-blocks { max-width: 95%; margin: 15px auto 3rem auto; } #index #main .soy-home-blocks .home-block.soy-first { margin-right: 15px; } #index #main .soy-home-blocks .home-block { width: 48%; margin: 0; } #index #main .soy-home-blocks .home-block.home-block-mobile { width: 99%; margin: 0; margin-top: 15px; } #index .soy-home-blocks .soy-text-block { font-size: 18px; z-index: 0; position: relative; } .soy-banner .banner-left-mobile{ display: block; } .soy-banner .banner-left{ display: none !important; } #index #main .soy-banner .banner-left-bottom .soy-banner-text-block, #index #main .soy-banner .banner-left-top .soy-banner-text-block { display: block; position: relative; top: unset; left: unset; width: 85%; text-align: left; margin: -20px auto 0 auto; padding-bottom: 2rem; } #index #main .banner-left-top{ text-align: center; height: auto; } #index #main .soy-banner .banner-left .soy-banner-button { position: relative; bottom: unset; right: unset; text-align: center; display: inline-block; margin-bottom: 1rem; } #index #main .banner-left-bottom, #index #main .banner-left-top { height: auto; overflow: hidden; } #index #main .soy-banner .banner-left { width: 100%; } #index .soy-banner .img-responsive.hidden-lg-up{ width: 100%; } #index #main .soy-banner .banner-right { width: 100%; height: auto; z-index: 1; display: block; } #index #main .soy-banner .banner-right, #index #main .banner-left-top, #index #main .banner-left-bottom{ background-image: none !important; float: none; } #index .soy-banner p { margin-bottom: 0.5rem; } #index #main .soy-banner .banner-right .soy-banner-text-block { position: relative; top: unset; left: unset; width: 80%; text-align: left; margin: 1rem auto 0 auto; padding-bottom: 1rem; } #header .header-nav #soy_mobile_logo { width: 42%; display: inline-block; margin: 0; cursor: pointer; text-align: left; padding-top: 15px; padding-bottom: 15px; } #header > #search_widget { display: none; } #header .right-nav-mobile{ width: 40%; display: inline-block; text-align: right; } #header .header-nav .right-nav-mobile > div.sales-item-nav { position: relative; padding: 0px; vertical-align: top; width: 40px; display: inline-block; text-align: center; } #header .header-nav .blockcart { height: 0; padding: 0; margin-left: 0; text-align: center; white-space: nowrap; } #header .header-nav .user-info { margin-left: 0; margin-top: 0; text-align: center; white-space: nowrap; } #header .header-nav .cart-preview.active { background: none; } #_desktop_cart .soy-cart .soy-cart-products-count { top: -8px; right: -8px; } } @media (min-width: 992px) and (max-width: 1200px) { body#addresses .soy_addresses{ width: 49%; } #header .header-top .soy-area-cliente .soy-cristal-button p { /* display: none; */ } #header .header-top .soy-area-cliente button.soy-cristal-button::before { font-size: 25px; } #header .header-top .soy_content_nav_desktop .right-nav > div.soy-area-cliente.sales-item-nav { margin-top: 0; text-align: center; } #product .products article.product-miniature > div{ margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 1027px) { #header .header-top .right-nav { padding: 1.5rem 0 0rem 0; } #header .header-top .right-nav { width: 17%; } #header .header-top .header-top-middle { width: 73%; } #header .header-top .right-nav > div.sales-item-nav { width: 39px; } #soymenu #soymenu_main_ul .soymenu_category { padding: 0 .1rem .2rem .35rem; } } @media (min-width: 992px) and (max-width: 1440px) { #index #main .soy-home-blocks{ max-width: 100%; } #index #main .soy-home-blocks .home-block { margin: 0.5rem; } #index .soy-home-blocks .soy-text-block { font-size: 16px; } footer .footer-block-row-left { width: 95%; } footer .footer-block-right { padding-left: 5%; } footer .footer-block-left { padding-top: 3rem; } .block_newsletter { padding: 3rem 0 2rem 0; } #index #main .soy-banner .banner-right{ height: 700px; background-position: center; background-size: contain; } #index #main .soy-banner .banner-right .soy-banner-text-block { top: 7%; } #index #main .banner-left-bottom { height: 400px; background-size: cover; } #index #main .banner-left-top { height: 300px; background-size: cover; } #index #main .soy-banner .banner-left .soy-banner-button { bottom: 6%; left: 6%; right: unset; } #index .soy-banner p{ margin-bottom: 0.4rem; } #index .soy-banner p.soy-banner-title { font-size: 36px; line-height: 36px; } #index #main .soy-home-blocks { margin: 3rem auto 4rem auto; } body#index .featured-products > h3 { margin-top: 1.4rem; margin-bottom: 2rem; } } @media (max-width: 577px) { .product-quantity .input-group-btn-vertical .btn { height: 28px; width: 26px; padding: 0; } } @media (min-width: 768px) and (max-width: 991px) { #header .right-nav-mobile { width: 50%; } } @media (min-width: 992px) and (max-width: 1199px) { #category #wrapper #content-wrapper #products .products article.product-miniature, #category #wrapper #content-wrapper #products #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products #products .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper #products #products .products article.product-miniature { margin: 0 0 2.5rem 0; } } @media (min-width: 1200px) and (max-width: 1399px) { #category #wrapper #content-wrapper #products .products article.product-miniature, #category #wrapper #content-wrapper #products #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products #products .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper #products #products .products article.product-miniature { margin: 0 0 3rem 0; } } @media (min-width: 1400px) { #category #wrapper #content-wrapper #products .products article.product-miniature, #category #wrapper #content-wrapper #products #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products #products .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper #products #products .products article.product-miniature { margin: 0 0 3.5rem 0; } } @media (min-width: 480px) and (max-width: 767px) { #header .header-nav #soy_mobile_logo { width: 47%; } } @media (max-width: 767px) { footer#footer .footer-container .links > div > div .title + ul li > a { padding-left: 15px; } body#product #wrapper { padding-top: 10px; } .products article.product-miniature > div .product-description, #products .products article.product-miniature > div .product-description { height: auto; min-height: 70px; } } @media (max-width: 575px) { #index .soy-home-blocks .soy-text-block { font-size: 14px; } } @media (max-width: 479px) { #category #wrapper #content-wrapper .pagination > div .page-list{ padding: 0; margin-bottom: 2rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li .next{ font-size: 11px; } .pagination a:not(.previous):not(.next) { letter-spacing: -0.875rem; } #index #main .soy-home-blocks .home-block.home-block-mobile { width: 98%; } #index .soy-home-blocks .soy-text-block { font-size:14px; line-height: 20px; top: 75%; padding-bottom: 1rem; } #index #main .soy-home-blocks .home-block.soy-first { margin-right: 10px; } #index #main .soy-home-blocks .home-block { width: 47%; } #index #main .soy-home-blocks .home-block.home-block-mobile { margin-top: 10px; } #index #main .soy-home-blocks { margin: 10px auto 2rem auto; } } @media (min-width: 992px) and (max-width: 1575px) { #_desktop_cart .soy-cart .soy-cart-products-count { top: 4px; right: -2px; } #header .header-top .header-top-middle a[data-depth="0"] { font-size: 11px; } #header .header-top .right-nav { width: 20%; padding: 1.5rem 1rem 0rem 0; } #header .header-top .right-nav > div#_desktop_language_selector { width: 50px; } #header .header-top .right-nav > div.sales-item-nav { padding: 0; width: 40px; } } @media (min-width: 992px) and (max-width: 1100px) { #header .header-top .right-nav > div#_desktop_language_selector { width: 40px; } #header .header-top .header-top-middle { width: 65%; } } @media (min-width: 1200px) { #soymenu #soymenu_main_ul .soymenu_category { padding: 0 .5rem 2rem .5rem; } } @media (max-width: 1200px) { body#product .product-accessories > div > article.product-miniature{ margin: 1rem 0; } #product #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { height: auto; } #header .soy-area-cliente .soy-cristal-button p { color: #000000; margin: 0; font-size: 12px; font-weight: 400; line-height: 12px; display: block; font-weight: 600; } #header .soy-area-cliente button.soy-cristal-button{ cursor: pointer; /* border-radius: unset; */ /* background-color: unset; */ box-shadow: none; border: none; text-transform: uppercase; font-size: unset; text-decoration: none; font-weight: unset; letter-spacing: unset; color: #F9F9F9; padding: 0; height: auto; padding: 10px; } #main .page-content #search_widget .soy-search-block-1 .close-icon-search{ display: none; } #header .soy-area-cliente button.soy-cristal-button::before{ /* content: "\e909"; font-family: 'cristalrecord' !important; font-size: 23px; color: #000; */ } #header .header-top .right-nav > div.sales-item-nav button.soy-cristal-button:hover { color: unset; background-color: unset; } #header .header-top .right-nav > div.soy-area-cliente.sales-item-nav button.soy-cristal-button:hover { color: unset; background-color: #000; } #header .header-top .right-nav > div.soy-area-cliente.sales-item-nav button.soy-cristal-button:hover span { color: #fff; } #header .header-top .right-nav > div.soy-area-cliente.sales-item-nav { /* width: 45px !important; */ /* margin-top: 0.3rem; */ } #header .header-top .right-nav { width: 19%; } #header .header-top .header-top-middle { width: 71%; } } @media (max-width: 375px) { #header .header-nav #soy_menu_icon { margin-right: 5px; } } /*------------------------------------------------------------- # ./RESPONSIVE --------------------------------------------------------------*/ /* MOD EN LA DEV */ .featured-products .thumbnail-container .product-thumbnail{ background-color: #FAFAFA; } #authentication a.soy_register_button{ width: 100%; white-space: unset; } #authentication a.soy_register_button .user-info{ display: inline-block; } #authentication a.soy_register_button .user-info:before{ font-size: 16px; color: #000000; display: inline-block; padding-right: 1rem; } /*------------------------------------------------------------- # POPUP --------------------------------------------------------------*/ .dropdown-menu .soy_french{ cursor: pointer; } #popup { display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 8000; justify-content: center; align-items: center; height: 100%; } #popup .content-popup { margin: 0px auto; position: relative; padding: 2.5rem; max-width: 500px; text-align: center; min-height: 175px; background-color: #fff; letter-spacing: 0px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3); width: 90%; } #popup .soy-close-popup { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); position: absolute; right: 15px; opacity: 1; cursor: pointer; top: 10px; } #popup .content-popup h2 { color: #f28c04; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 20px; padding-bottom: 8px; } .popup-overlay { display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 7000; cursor: pointer; opacity: 0.6; height: 100%; background-color: #f4f4f4; justify-content: center; align-items: center; } #cms img{ max-width: 100%; } #cms #content-wrapper{ margin-bottom: 2rem; } aside#notifications .alert.alert-danger{ margin-top: 2rem; } body#product .product-reference p{ text-transform: uppercase; font-size: 15px; } body#product .product-reference p span{ text-transform: uppercase; font-size: 18px; color: #000000; } #product .product-accessories .product-flags li.product-flag.on-sale{ padding-top: 0; font-size: 11px; } body#product .product-availability-date p { text-transform: uppercase; font-size: 15px; } body#product .product-availability-date p span { text-transform: uppercase; font-size: 18px; color: #F28C00; } /*------------------------------------------------------------- # ./ POPUP --------------------------------------------------------------*/ @media(max-width: 767px){ body #soycontrolcookies .soycontrolcookies_buttons .btn-default { float: unset; } #search_filters_wrapper #search_filters .facet .title i.soy-arrow-down{ display: block; width: 14%; text-align: center; margin-top: .4rem; } } body #soycontrolcookies .soycontrolcookies_buttons { float: unset; } body#product div.thumbnail-container div.product-description div#all_megacanonproduct{ display: none !important; } .block_newsletter form input[type="email"]:focus { border: 2px solid #F28C00; } #_desktop_language_selector .language-selector-wrapper .dropdown-menu{ z-index: 1050; } .soy_password .input-group .form-control:focus { border: none; } .product-quantity .input-group-btn-vertical { height: 54px; } iframe{ max-width: 100%; } body#search #products div.sort-by-container{ display: none; } #new-products #wrapper #content-wrapper .products-selection .sort-by-container{ display: none; } #password #main .page-content{ box-shadow: unset; padding: 0; } #password h1{ text-transform: uppercase; padding-left: 15px; } #authentication .input-group .input-group-btn > .btn[data-action="show-password"] { padding: .74rem 1rem; } #password .forgotten-password .form-fields label.required{ text-align: left; width: 100%; } #password .send-renew-password-link, #password .forgotten-password{ padding: 0; } #password .send-renew-password-link{ padding-left: 15px; } .featured-products .soy-cristal-novedades{ margin-top: 2rem; } @media screen and (min-width: 768px) { #password .forgotten-password .form-fields label.required{ width: 20%; } #password .forgotten-password .form-fields .email { width: 65%; } }