@charset "UTF-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 **/ /** Border Radius Esquina superior izquierda **/ /** Border Radius Esquina superior derecha **/ /** Border Radius Esquina inferior izquierda **/ /** Border Radius Esquina inferio derecha **/ /** 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 --------------------------------------------------------------*/ @font-face { font-family: "Signika"; src: url("../fonts/Signika/Signika-Light.ttf"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Signika"; src: url("../fonts/Signika/Signika-Regular.ttf"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Signika"; src: url("../fonts/Signika/Signika-SemiBold.ttf"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Signika"; src: url("../fonts/Signika/Signika-Bold.ttf"); font-weight: 700; font-style: normal; font-display: swap; } Body { font-family: "Signika"; font-weight: 400; font-style: normal; } /*------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*------------------------------------------------------------- # CONTAINER --------------------------------------------------------------*/ @media screen and (min-width: 1200px) { .container { width: 1440px; } } /*------------------------------------------------------------- # COLOR PRECIOS --------------------------------------------------------------*/ .product-price, .has-discount.product-price, .has-discount p { color: #333333; } .product-discount { color: #999; } .has-discount .discount { background: #c13a38; } /*------------------------------------------------------------- # COLOR ENLACES --------------------------------------------------------------*/ a, .dropdown, .nav-item .nav-link.active, .nav-item .nav-separtor.active { color: #333333; -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: #FF6600; -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; text-decoration: none; } 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: #FF6600; -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; text-decoration: none; } /*------------------------------------------------------------- # COLOR BOTONES --------------------------------------------------------------*/ .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .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 { background-color: #FF6600; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 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; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } .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: #cc5200; -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: #cc5200; -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: #FF6600; } .btn-secondary { background-color: #FF6600; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; 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; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:target { background-color: #cc5200; 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: #cc5200; 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: #FF6600; color: white; } .btn-info { background-color: #FF6600; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; 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; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:target { background-color: #cc5200; 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: #cc5200; 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: #FF6600; color: white; } /*------------------------------------------------------------- # HOVERS --------------------------------------------------------------*/ /** Imágenes producto **/ .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover { border-color: #FF6600; } /** INPUTS **/ .form-control:focus, .input-group.focus { outline: none; border-color: #FF6600; } /** PROMO BOTÓN **/ .block-promo .promo-input + button { border: 0.1675rem solid #FF6600; } /** INPUT WIDGET **/ .search-widget form input[type=text]:focus { outline: none; } /*------------------------------------------------------------- # 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]) { height: 48px; } /*------------------------------------------------------------- # Global CSS --------------------------------------------------------------*/ body { max-width: 1920px; margin: 0 auto; } #main .page-footer { margin-bottom: 0; } /*------------------------------------------------------------- # CUSTOM RADIO --------------------------------------------------------------*/ .custom-radio { border: 1px solid black; } .custom-radio > input[type=radio]:checked + span { background-color: #333333; width: 14px; height: 14px; } /*------------------------------------------------------------- # BREADCRUMBS --------------------------------------------------------------*/ #wrapper .breadcrumb { margin: 10px 0 20px; } #wrapper .breadcrumb li a { color: #333333; font: normal normal 300 12px/24px Signika; } #wrapper .breadcrumb li:after { content: "/"; font-size: 12px; margin: 0; } #wrapper .breadcrumb li:last-child a { color: #FF6600; } .soy_widget_ekomi { margin: 20px 0; } .soy_widget_ekomi .slick-prev::before, .soy_widget_ekomi .slick-next::before { display: none; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #wrapper .breadcrumb { margin: 30px 0 20px; } } /*------------------------------------------------------------- # AUTOCOMPLETE --------------------------------------------------------------*/ ul.ui-autocomplete { -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: #FF6600; background: white; border: 0px; border-bottom: 1px solid #333333; 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: 2.2rem; font-weight: 600; } .soy_title_s { font-weight: 500; font-size: 1.2rem; } /*------------------------------------------------------------- # OTROS --------------------------------------------------------------*/ .form-control:focus { outline: none; } .input-group .input-group-btn > .btn { background: #a6a6a6; } .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } #wrapper { background: white; box-shadow: none; padding-top: 0; } .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage { background-color: #333333; } .product-flags li.product-flag { color: #ffffff; } /*------------------------------------------------------------- # Header --------------------------------------------------------------*/ @media (max-width: 991px) { 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: 0px; border-bottom: 1px solid #FF6600; z-index: 99; /*------------------------------------------------------------- # 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; height: 50px; } #header .header-nav .soy_content_nav { background: #FFF; border-bottom: 1px solid #B3B3B3; } #header .header-nav .soy_content_nav .mobile_header > .mobile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #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 { text-transform: uppercase; padding: .825rem; padding-left: 1.5rem; } #header .header-nav #mobile_top_menu_wrapper ul.top-menu li a:hover { color: #333333; } #header .header-nav #mobile_top_menu_wrapper #_mobile_user_info .logout { display: none; } #header .header-nav #mobile_top_menu_wrapper #_mobile_language_selector .language-selector-wrapper { padding-left: 1.5rem; } #header .header-nav #mobile_top_menu_wrapper #_mobile_language_selector span { font: normal normal normal 18px/22px Signika; letter-spacing: 0.45px; color: #999999; text-transform: uppercase; margin-right: 10px; } #header .header-nav #mobile_top_menu_wrapper #_mobile_language_selector i { font-size: 7px; color: #999999; position: absolute; top: 6px; } #header .header-nav #mobile_top_menu_wrapper #_mobile_language_selector .dropdown-menu a:hover { color: #333333; cursor: pointer; } #header .header-nav #mobile_top_menu_wrapper #_mobile_language_selector select.link { margin-right: 1rem; background: #FF6600; text-transform: uppercase; font-size: 15px; padding: 5px; color: #ffffff; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } #header .header-nav #soy_menu_icon { -webkit-box-flex: 0 0 15%; -moz-box-flex: 0 0 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; padding: 0; display: inline-block; margin: 0; text-align: center; cursor: pointer; line-height: 55px; height: 50px; } #header .header-nav #soy_menu_icon:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #header .header-nav #soy_menu_icon i { color: #333333; line-height: 25px; font-size: 21px; } #header .header-nav #_mobile_logo { -webkit-box-flex: 0 0 15%; -moz-box-flex: 0 0 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 54px; padding: 0; display: inline-block; } #header .header-nav #_mobile_logo a { display: block; margin: 0 auto; margin-top: 8px; } #header .header-nav .soy_menu_bloque_derecha { -webkit-box-flex: 0 0 70%; -moz-box-flex: 0 0 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } #header .header-nav .soy_menu_bloque_derecha > div { line-height: 50px; height: 50px; width: 50px; text-align: center; padding-top: 3px; } #header .header-nav .soy_menu_bloque_derecha > div > div { text-align: center; } #header .header-nav .soy_mobile_search { display: inline-block; } #header .header-nav .soy_mobile_search:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #header .header-nav .soy_mobile_search i { font-size: 21px; line-height: 25px; letter-spacing: 0px; color: #333333; } #header .header-nav #_mobile_wishlist .wishlist-icon:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #header .header-nav #_mobile_wishlist .wishlist-icon a i { font-size: 21px; line-height: 25px; color: #333333; } #header .header-nav #_mobile_user_info { display: inline-block; padding-top: 3px; } #header .header-nav #_mobile_user_info .user-info { margin-top: 0; margin-left: 0; } #header .header-nav #_mobile_user_info .user-info a.logout { display: none; } #header .header-nav #_mobile_user_info .user-info a i { font-size: 21px; line-height: 25px; color: #333333; } #header .header-nav #_mobile_user_info .user-info a .h5 { display: none; } #header .header-nav #_mobile_cart { float: right; display: inline-block; text-align: center; margin-right: 5px; padding-top: 7px; } #header .header-nav #_mobile_cart .cart-preview.active { background: none; } #header .header-nav #_mobile_cart .blockcart { background: transparent; padding: 0px; margin: 0; height: initial; } #header .header-nav #_mobile_cart .blockcart .header { position: relative; margin-top: 0; } #header .header-nav #_mobile_cart .blockcart .cart-products-count { display: block; margin-bottom: 0; position: absolute; top: 0; right: 0; font: normal normal bold 13px/18px Signika; letter-spacing: 0.16px; width: 20px; height: 20px; -moz-border-radius: 100%; /* Mozilla */ -webkit-border-radius: 100%; /* Safari */ border-radius: 100%; color: #fff; background: #FF6600; } #header .header-nav #_mobile_cart .blockcart i { color: #333333; font-size: 25px; line-height: 30px; letter-spacing: 0px; } #header .menu.js-top-menu { display: none; } #header > #search_widget { position: absolute; left: 0; top: 100%; width: 100%; z-index: 99; overflow: hidden; display: none; } #header > #search_widget form button:nth-child(1) { right: 10px; top: 10%; font-size: 20px; 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; border-bottom: 1px solid #ddd; width: 100%; color: white; background-color: #898989; padding-left: 40px; font: normal normal normal 15px/18px Signika; letter-spacing: 0.38px; } #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 { background-color:#000; color: #ffffff; padding: .35rem 0rem; padding-left: 1rem; display: table; width: 100%; text-align: center; } #header #topNavHeader .soy_banner { display: table-cell; vertical-align: middle; } #header #topNavHeader .soy_banner a { color: #fff; font: normal normal bold 13px/16px Signika; letter-spacing: 0.16px; } #header #topNavHeader .soy_banner a:hover { opacity: 0.5; filter: alpha(opacity=50); } #header #topNavHeader .soy_banner a .soy_texto { text-transform: uppercase; } #header #topNavHeader .soy_banner a .soy_texto span:nth-child(1) { font-size: 15px; } #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; } /** * Renponsive a partir de 768px **/ /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #header { margin-bottom: 0px; } #header .header-top { display: block; padding-bottom: 0; width: 100%; text-align: center; height: 5rem; } #header .header-top #_desktop_logo { padding: 10px 0 0 10px; float: left; width: 33%; text-align: left; } #header .header-top #_desktop_logo a { color: #333333; } #header .header-top #_desktop_logo a .soy_texto_logo { margin-left: 15px; font: normal normal normal 14px/17px Signika; letter-spacing: 0.35px; vertical-align: sub; } #header .header-top .header-top-middle { width: 33%; float: left; } #header .header-top .right-nav { float: right; width: 33%; padding: 27px 1rem 0rem 1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } #header .header-top .right-nav > div.sales-item-nav { padding: 0px 0px; margin-right: 10px; display: inline-block; -webkit-align-self: baseline; -moz-align-self: baseline; -ms-align-self: baseline; align-self: baseline; } #header .header-top .right-nav > div.sales-item-nav .logout { display: none; } #header .header-top .right-nav > div.sales-item-nav:hover * { color: #333333; cursor: pointer; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector button { position: relative; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector button:hover span, #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector button:hover i { color: #333333; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector span { font: normal normal normal 18px/22px Signika; letter-spacing: 0.45px; color: #999999; text-transform: uppercase; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector i { font-size: 7px; color: #999999; position: absolute; top: 6px; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector .dropdown-menu { min-width: 7rem; } #header .header-top .right-nav > div.sales-item-nav#_desktop_language_selector .dropdown-menu li:hover { opacity: 0.5; filter: alpha(opacity=50); } #header .header-top .right-nav > div.sales-item-nav#_desktop_wishlist { width: 22px; height: 22px; margin-left: 20px; margin-right: 3px; } #header .header-top .right-nav > div.sales-item-nav#_desktop_wishlist .wishlist-icon a { height: 22px; display: block; } #header .header-top .right-nav > div.sales-item-nav#_desktop_user_info { padding: 0 10px 0 15px; } #header .header-top .right-nav > div.sales-item-nav#_desktop_user_info .user-info a { color: #999; font-size: 22px; } #header .header-top .right-nav > div.sales-item-nav#_desktop_cart:hover > .inactive * { cursor: initial; opacity: 1; filter: alpha(opacity=100); } #header .header-top .right-nav > div.sales-item-nav#_desktop_cart .blockcart { background: transparent; } #header .header-top .right-nav > div.sales-item-nav#_desktop_cart .blockcart .cart-products-count { margin: 0 auto; background-color: transparent; color: #FF6600; padding: 2px; /* width: 25px; height: 25px; */ -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; display: inline-block; font: normal normal 600 24px/29px Signika; letter-spacing: 0.6px; } #header .header-top .right-nav > div.sales-item-nav#_desktop_cart .blockcart a, #header .header-top .right-nav > div.sales-item-nav#_desktop_cart .blockcart h5 { color: black; } #header .header-top .right-nav > div.sales-item-nav > div { margin: 0; margin-top: 0px; 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: 22px; color: #999; } #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 > #search_widget { left: 38%; top: 27%; width: 25%; height: auto; overflow: visible; display: inline-block !important; } #header > #search_widget form button:nth-child(1) { left: 10px; top: 20%; padding: 0px; color: #333333; font-size: 14px; line-height: 17px; } #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: #333333; background-color: transparent; border-bottom: 1px solid #ccc; padding-bottom: 8px; padding-left: 35px; } #header > #search_widget form input[type="text"]::-webkit-input-placeholder { /* Edge */ color: #999; } #header > #search_widget form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } #header > #search_widget form input[type="text"]::placeholder { color: #999; } #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 { font-size: 1rem; text-align: left; display: block; padding: 1.8rem 0rem .2rem 0rem; width: 100%; text-transform: uppercase; } #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: #333333; 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: #FF6600; -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 .header-top { max-width: 1440px; margin: 0 auto; } #header #topNavHeader { padding: 0; } #header > #search_widget { min-width: 552px; } #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; } /** * Rensponsive a partir de 410px **/ /** * Rensponsive a partir de 575px **/ /** * Rensponsive a partir de 768px **/ /** * Rensponsive a partir de 996px **/ /** * Rensponsive a partir de 1200px **/ /*------------------------------------------------------------- # 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 { margin-top: 5px; margin-bottom: 25px; -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%; order: 1; } #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 #brands ul, #manufacturer #wrapper #content-wrapper #brands ul, #prices-drop #wrapper #content-wrapper #brands ul, #new-products #wrapper #content-wrapper #brands ul, #best-sales #wrapper #content-wrapper #brands ul, #search #wrapper #content-wrapper #brands ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #category #wrapper #content-wrapper #brands ul li.brand, #manufacturer #wrapper #content-wrapper #brands ul li.brand, #prices-drop #wrapper #content-wrapper #brands ul li.brand, #new-products #wrapper #content-wrapper #brands ul li.brand, #best-sales #wrapper #content-wrapper #brands ul li.brand, #search #wrapper #content-wrapper #brands ul li.brand { border-bottom: 1px solid #FF6600; -webkit-box-flex: 0 0 49%; -moz-box-flex: 0 0 49%; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-right: 1%; margin-top: 30px; padding-bottom: 40px; text-align: center; } #category #wrapper #content-wrapper #brands ul li.brand .brand-img, #manufacturer #wrapper #content-wrapper #brands ul li.brand .brand-img, #prices-drop #wrapper #content-wrapper #brands ul li.brand .brand-img, #new-products #wrapper #content-wrapper #brands ul li.brand .brand-img, #best-sales #wrapper #content-wrapper #brands ul li.brand .brand-img, #search #wrapper #content-wrapper #brands ul li.brand .brand-img { margin-bottom: 10px; } #category #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3, #manufacturer #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3, #prices-drop #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3, #new-products #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3, #best-sales #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3, #search #wrapper #content-wrapper #brands ul li.brand .brand-infos > .h3 { font-size: .9375rem; color: #333333; margin-top: 0; margin-bottom: 1rem; font-weight: 400; text-transform: initial; } #category #wrapper #content-wrapper #brands ul li.brand .brand-products a, #manufacturer #wrapper #content-wrapper #brands ul li.brand .brand-products a, #prices-drop #wrapper #content-wrapper #brands ul li.brand .brand-products a, #new-products #wrapper #content-wrapper #brands ul li.brand .brand-products a, #best-sales #wrapper #content-wrapper #brands ul li.brand .brand-products a, #search #wrapper #content-wrapper #brands ul li.brand .brand-products a { text-transform: uppercase; background: #333333; padding: 5px; color: #fff; font-size: 12px; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } #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; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #category #wrapper #content-wrapper .products-selection .soy_botton_filtros, #manufacturer #wrapper #content-wrapper .products-selection .soy_botton_filtros, #prices-drop #wrapper #content-wrapper .products-selection .soy_botton_filtros, #new-products #wrapper #content-wrapper .products-selection .soy_botton_filtros, #best-sales #wrapper #content-wrapper .products-selection .soy_botton_filtros, #search #wrapper #content-wrapper .products-selection .soy_botton_filtros { margin-right: 10px; } #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: 100%; display: inline-block; margin-top: 0; height: 48px; } #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; margin: 0; } #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: 10px 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D4; height: 48px; } #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: normal normal normal 14px/26px Signika; letter-spacing: 0px; color: #B3B3B3; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i { color: #333333; font-size: 8px; line-height: 25px; } #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, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a { font: normal normal normal 15px/20px Signika; letter-spacing: 0px; } #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: #FF6600; 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; -webkit-box-flex: 1 0 45%; -moz-box-flex: 1 0 45%; -webkit-flex: 1 0 45%; -ms-flex: 1 0 45%; flex: 1 0 45%; max-width: 50%; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin: 0; margin-bottom: 50px; } #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 { 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: #FF6600; color: #ffffff; } #category #wrapper #content-wrapper .easypagination .soy_texto_mostrados, #manufacturer #wrapper #content-wrapper .easypagination .soy_texto_mostrados, #prices-drop #wrapper #content-wrapper .easypagination .soy_texto_mostrados, #new-products #wrapper #content-wrapper .easypagination .soy_texto_mostrados, #best-sales #wrapper #content-wrapper .easypagination .soy_texto_mostrados, #search #wrapper #content-wrapper .easypagination .soy_texto_mostrados { font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #333333; margin-bottom: 25px; } #category #wrapper #content-wrapper .easypagination .view_more_products.loading, #manufacturer #wrapper #content-wrapper .easypagination .view_more_products.loading, #prices-drop #wrapper #content-wrapper .easypagination .view_more_products.loading, #new-products #wrapper #content-wrapper .easypagination .view_more_products.loading, #best-sales #wrapper #content-wrapper .easypagination .view_more_products.loading, #search #wrapper #content-wrapper .easypagination .view_more_products.loading { background: url(../img/ajax-loader.gif) no-repeat center center; } #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 { text-align: center; } #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; -moz-box-shadow: none; box-shadow: none; } #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: #FF6600; 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: #999; 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:first-child, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #new-products #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #search #wrapper #content-wrapper .pagination > div .page-list > li:first-child { margin-right: .4rem; } #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: .4rem; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #wrapper > .container, #manufacturer #wrapper > .container, #search #wrapper > .container { width: calc(100% - 30px); } #category #wrapper #content-wrapper .products-selection .soy_botton_filtros, #manufacturer #wrapper #content-wrapper .products-selection .soy_botton_filtros, #search #wrapper #content-wrapper .products-selection .soy_botton_filtros { -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%; } #category #wrapper #content-wrapper .products-selection .soy_botton_filtros button, #manufacturer #wrapper #content-wrapper .products-selection .soy_botton_filtros button, #search #wrapper #content-wrapper .products-selection .soy_botton_filtros button { width: auto; font: normal normal normal 20px/22px Signika; } #category #wrapper #content-wrapper .products-selection .soy_botton_filtros button span, #manufacturer #wrapper #content-wrapper .products-selection .soy_botton_filtros button span, #search #wrapper #content-wrapper .products-selection .soy_botton_filtros button span { vertical-align: text-top; } #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; -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%; } #category #wrapper #content-wrapper .products article.product-miniature, #category #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } } /** * 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 { margin: 30px 0; 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 > .container, #manufacturer #wrapper > .container, #prices-drop #wrapper > .container, #new-products #wrapper > .container, #best-sales #wrapper > .container, #search #wrapper > .container { width: calc(100% - 60px); } #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 #brands ul li.brand, #manufacturer #wrapper #content-wrapper #brands ul li.brand, #prices-drop #wrapper #content-wrapper #brands ul li.brand, #new-products #wrapper #content-wrapper #brands ul li.brand, #best-sales #wrapper #content-wrapper #brands ul li.brand, #search #wrapper #content-wrapper #brands ul li.brand { -webkit-box-flex: 0 0 23%; -moz-box-flex: 0 0 23%; -webkit-flex: 0 0 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; margin-right: 1%; } #category #wrapper #content-wrapper #brands ul li.brand .brand-products a, #manufacturer #wrapper #content-wrapper #brands ul li.brand .brand-products a, #prices-drop #wrapper #content-wrapper #brands ul li.brand .brand-products a, #new-products #wrapper #content-wrapper #brands ul li.brand .brand-products a, #best-sales #wrapper #content-wrapper #brands ul li.brand .brand-products a, #search #wrapper #content-wrapper #brands ul li.brand .brand-products a { font-size: 14px; } #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 { -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%; height: 32px; margin-bottom: 50px; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row > span { margin-bottom: .4rem; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .sort-by { margin: 0; margin-right: 10px; font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #333333; } #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 { max-width: 250px; float: right; height: 32px; padding: 5px 15px; } #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 { font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #B3B3B3; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > i { line-height: 16px; } #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 > .container, #manufacturer #wrapper > .container, #prices-drop #wrapper > .container, #new-products #wrapper > .container, #best-sales #wrapper > .container, #search #wrapper > .container { width: calc(100% - 60px); } #category #wrapper #content-wrapper .products article.product-miniature, #category #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature { -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%; } #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; margin-top: 3.5rem; } #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; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #category #wrapper > .container, #manufacturer #wrapper > .container, #prices-drop #wrapper > .container, #new-products #wrapper > .container, #best-sales #wrapper > .container, #search #wrapper > .container { width: 1440px; } } #category .active_filters { margin-bottom: 1rem; background: #ccc; } #category .active_filters .active-filter-title { color: #333333; } #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 #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 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; margin-top: 10px; margin-bottom: 2rem; border-top: 0; } #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; margin-top: 10px; overflow-x: unset; border-bottom: 0; } #category #left-column #search_filters .facet .title { text-align: left; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; border-bottom: 1px solid #E6E6E6; margin-bottom: 10px; } #category #left-column #search_filters .facet .title .facet-title { text-align: left; font: normal normal normal 14px/17px Signika; letter-spacing: 0.35px; margin-bottom: 0; color: #333333; text-transform: uppercase; } #category #left-column #search_filters .facet .title .facet-title:hover { cursor: pointer; } #category #left-column #search_filters .facet .title .navbar-toggler { padding: 0rem; padding-top: .5rem; text-align: center; } #category #left-column #search_filters .facet .title .navbar-toggler i { color: #333; text-align: right; font-size: 17px; } #category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove { display: inline-block; } #category #left-column #search_filters .facet ul { 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; background-color: white; width: 96%; margin: 0rem; padding: 0 .625rem; padding: 0; margin-left: 0px; } #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; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #category #left-column #search_filters .facet ul li { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-right: 0rem; border-top: 0px; padding: 0; } #category #left-column #search_filters .facet ul li .facet-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 0px; } #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: 15px; height: 15px; margin-top: .7rem; margin-bottom: 0; border-radius: 0px; border: 1px solid #b3b3b3; -moz-border-radius: 3px; /* Mozilla */ -webkit-border-radius: 3px; /* Safari */ border-radius: 3px; } #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 { overflow: unset; padding-left: 5px; } #category #left-column #search_filters .facet ul li span.magnitude { display: none; } #category #left-column #search_filters .facet ul li .facet-dropdown { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet ul li .facet-dropdown > a { border: 1px solid #54ABE1; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; background: transparent; padding: 10px; font-weight: 300; font-size: 14px; letter-spacing: -0.28px; } #category #left-column #search_filters .facet ul li .facet-dropdown > .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; } #category #left-column #search_filters .facet ul li .facet-dropdown > .dropdown-menu > a.select-list { font-weight: 300; font-size: 14px; background: #fff; letter-spacing: -0.28px; padding: .625rem; } #category #left-column #search_filters .facet ul li .facet-dropdown > .dropdown-menu > a.select-list:hover { background: transparent; color: inherit; opacity: 0.5; filter: alpha(opacity=50); } #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 ul.faceted-slider li .soy_label_facetas_slider { color: #333333; font-weight: 700; font-size: 13px; letter-spacing: 0px; text-align: center; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider-horizontal { height: 1px; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider-horizontal .ui-slider-range { background: #e6e6e6; height: 1px; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider-horizontal .ui-slider-handle { width: 15px; height: 15px; border: none; background: #666; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; } #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; text-align: left; font: normal normal normal 12px/22px Signika; letter-spacing: 0px; color: #333333; } #category #left-column #search_filters .facet ul > li label { margin-top: .2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #category #left-column #search_filters .facet > .title { 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 { margin-top: 83px; } #category #left-column #search_filters_wrapper { margin-top: 0rem; } #category #left-column #search_filters { margin-top: 0; } #category #left-column #search_filters > i { display: inline-block; } #category #left-column #search_filters .facet { margin-top: 20px; } #category #left-column #search_filters .facet .title { padding-bottom: 15px; } } /** * Responsive a partir de 1200px **/ #category .soy_botton_filtros { display: table; } #category .soy_botton_filtros.soy_botton_filtros_mobile { background: #FF6600; } #category .soy_botton_filtros.soy_botton_filtros_mobile i { color: #fff; } #category .soy_botton_filtros.soy_botton_filtros_desktop { position: absolute; z-index: 2; padding-left: 15px; } #category .soy_botton_filtros.soy_botton_filtros_desktop:hover { cursor: pointer; } #category .soy_botton_filtros.soy_botton_filtros_desktop:hover .soy_boton { color: #FF6600; } #category .soy_botton_filtros .soy_boton { color: #333333; } #category .soy_botton_filtros .soy_boton i { margin-right: 10px; float: left; margin-top: 3px; font-size: 15px; } #category .soy_botton_filtros .soy_boton span { font: normal normal normal 16px/16px Signika; letter-spacing: 0.35px; vertical-align: middle; } #category .filter-button { margin-bottom: .4rem; width: auto; } #category .filter-button button { color: #fff; background-color: #FF6600; text-align: left; padding: 14px; width: auto; width: 48px; height: 48px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; } #category .filter-button i { font-size: 20px; } #category .active_filters { background: #ebedec; } #category .active_filters .filter-block { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category .soy_titulo { font: normal normal bold 20px/24px Signika; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; color: #333333; margin-bottom: 30px; } #category #soy_subcategories_block { margin-top: 0; } #category #soy_subcategories_block li { display: inline-block; text-align: center; margin: 0 10px; } #category #soy_subcategories_block li img { -moz-border-radius: 100%; /* Mozilla */ -webkit-border-radius: 100%; /* Safari */ border-radius: 100%; border: 1px solid transparent; margin: 0 auto; max-width: 100%; width: 110px; } #category #soy_subcategories_block li .soy_titulo_sub { text-align: center; font: normal normal 300 14px/17px Signika; letter-spacing: 0px; color: #333333; text-transform: uppercase; margin-top: 15px; word-spacing: normal; } #category #soy_subcategories_block .slick-dots li { margin: 0; } #category #soy_subcategories_block .soy-slider-pagination { margin-top: -10px; margin-bottom: 20px; } #category #soy_subcategories_block .soy-slider-pagination li a { color: #333333; } #category #soy_subcategories_block .soy-slider-pagination li.active a { color: #FF6600; } #category #soy_subcategories_block .slick-arrow { top: 40%; } #category #soy_subcategories_block .slick-arrow:before { font-family: 'Igan' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333333; } #category #soy_subcategories_block .slick-arrow.slick-disabled:before { color: #F5F3EF; opacity: 1; filter: alpha(opacity=100); } #category #soy_subcategories_block .slick-arrow.slick-next:before { content: '\e916'; } #category #soy_subcategories_block .slick-arrow.slick-prev:before { content: '\e915'; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #soy_subcategories_block { width: calc(100% - 80px); margin: 0 auto; } #category #soy_subcategories_block li img { width: 140px; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category #left-column { display: none; } #category .soy_titulo { margin-bottom: 60px; } #category #soy_subcategories_block { margin-top: 0; } #category #soy_subcategories_block li img { width: 140px; } } /*------------------------------------------------------------- # Producto --------------------------------------------------------------*/ /*------------------------------------------------------------- ## Detalle --------------------------------------------------------------*/ body#product #wrapper > .container { width: 100%; padding: 0; } body#product #wrapper > .container .soy_producto_informacion_caja { width: 100%; margin: 0 auto 50px; /* padding-right: 15px; padding-left: 15px; */ } body#product #wrapper > .container .breadcrumb { padding-right: 15px; padding-left: 15px; } body#product .images-block #content { margin: 0 auto; } body#product .images-block li.product-flag { right: 0; } body#product .images-block .images-container img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%; } body#product .images-block .images-container .soy_lista_deseos { position: absolute; top: -4px; right: 15px; z-index: 2; } body#product .images-block .images-container .soy_lista_deseos:hover i { color: #FF6600; } body#product .images-block .images-container .soy_lista_deseos i { font-size: 41px; color: #666; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images { margin-bottom: 15px; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li.slick-slide { background: #f7f7f7; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li img { mix-blend-mode: multiply; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li img.selected { border: none; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-dots { bottom: 10px; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-dots li button:before { font-size: 15px; color: #e6e6e6; opacity: 1; filter: alpha(opacity=100); } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-dots li.slick-active button:before { color: #FF6600; } body#product .product-name .h1 { font: normal normal normal 32px/36px Signika; letter-spacing: 0px; color: #333333; text-transform: initial; margin-bottom: 10px; } body#product .product-name .product-reference { font: normal normal normal 14px/20px Signika; letter-spacing: 0px; color: #999999; margin-right: 15px; } body#product .product-name .product-reference .label { color: #999999; font-size: 14px; } body#product .product-name .product-reference .ekomi_average_rating { margin-left: 15px; display: inline-block; } body#product .product-manufacturer { display: table; float: right; margin-right: 15px; } body#product .product-manufacturer a img { padding: 0; border: 0; } body#product .product-buy-block { background-color: white; padding: 0rem 1rem; text-align: left; margin-bottom: 2rem; overflow: hidden; } body#product .product-buy-block .product-prices .product-manufacturer { float: right; } body#product .product-buy-block .product-description-short p { font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #333333; } body#product .product-buy-block .product-actions .product-discounts { margin: 0; } body#product .product-buy-block .product-actions .product-variants .product-variants-item { margin: 15px 0; } body#product .product-buy-block .product-actions .product-variants .product-variants-item .control-label { font: normal normal normal 14px/20px Signika; letter-spacing: 0px; color: #333333; } body#product .product-buy-block .product-actions .product-variants .product-variants-item .form-control-select { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #666666; width: 100%; border: 1px solid #D4D4D4; } 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 { 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-quantity { -webkit-box-flex: 2 0 auto; -moz-box-flex: 2 0 auto; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical { border-left: 1px solid #CCCCCC; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical button { background: transparent; color: #CCCCCC; width: 30px; height: 25px; padding: 0; font-size: 12px; border: 0; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical button:first-child { border-bottom: 1px solid #CCCCCC; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical button i { top: 1px; left: 4px; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical button i.touchspin-up::after { content: '+'; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group-btn-vertical button i.touchspin-down::after { content: '-'; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group, body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { height: 100%; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .bootstrap-touchspin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #CCCCCC; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body#product .product-buy-block .product-actions .product-add-to-cart #product-availability { 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%; } body#product .product-buy-block .product-actions .product-add-to-cart .qty { display: block; margin: 0; max-width: 85px; min-width: 85px; border: none; margin-right: .45rem; } body#product .product-buy-block .product-actions .product-add-to-cart .qty .input-group input { padding-left: .34rem; height: 100%; font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #333333; text-align: center; border: 1px solid #CCCCCC; border: 0; -moz-border-radius: 30px; /* Mozilla */ -webkit-border-radius: 30px; /* Safari */ border-radius: 30px; } body#product .product-buy-block .product-actions .product-add-to-cart button { padding: .7rem 1rem; height: auto; width: 100%; text-align: center; white-space: normal; font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; background-color: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body#product .product-buy-block .product-actions .product-add-to-cart button:hover { background-color: #cc5200; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 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: #ff6600; color: gray; } body#product .product-buy-block .product-actions .product-add-to-cart button > i { vertical-align: top; margin-right: .2rem; } body#product .product-buy-block .product-actions .product-add-to-cart .add { margin: 0; width: 100%; } body#product .product-buy-block .product-additional-info .tabs { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } body#product .product-buy-block .product-additional-info .tabs button { width: 100%; } body#product .product-buy-block .soyplazoentrega { display: table; margin-top: 15px; } body#product .product-buy-block .soyplazoentrega i { font-size: 40px; color: #333333; margin-right: 10px; } body#product .product-buy-block .soyplazoentrega span { font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #333333; display: table-cell; vertical-align: middle; } body#product .product-buy-block .soyplazoentrega span strong { font-weight: 700; } body#product .product-details { clear: left; } body#product .product-information { 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 { margin: .5rem 0rem; } body#product .product-information .product-description-short h4, body#product .product-information .product-description h4 { font-weight: 500; text-transform: uppercase; color: black; } 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: #b3b3b3; } 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: #FF6600; } body#product .featured-products, body#product .product-accessories, body#product .blockcategoryproducts { margin: 0 auto; } body#product .featured-products .soy_titulo, body#product .product-accessories .soy_titulo, body#product .blockcategoryproducts .soy_titulo { text-align: center; font: normal normal bold 30px/37px Signika; letter-spacing: 0.75px; color: #333333; text-transform: uppercase; margin-top: 60px; margin-bottom: 60px; } body#product .featured-products > div, body#product .product-accessories > div, body#product .blockcategoryproducts > div { margin-top: 20px; } 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; } body#product .featured-products .soy-slider-pagination, body#product .product-accessories .soy-slider-pagination, body#product .blockcategoryproducts .soy-slider-pagination { margin-top: -10px; margin-bottom: 20px; } body#product .featured-products .soy-slider-pagination li a, body#product .product-accessories .soy-slider-pagination li a, body#product .blockcategoryproducts .soy-slider-pagination li a { color: #E6E6E6; } body#product .featured-products .soy-slider-pagination li.active a, body#product .product-accessories .soy-slider-pagination li.active a, body#product .blockcategoryproducts .soy-slider-pagination li.active a { color: #FF6600; } body#product .soy_productstags { background: #F5F3EF; padding-top: 10px; } body#product .soy_crosselling { padding-top: 10px; } /** * Renponsive a partir de 575px **/ @media screen and (min-width: 575px) { body#product #wrapper > .container { width: 100%; } body#product #wrapper > .container .soy_producto_informacion_caja { width: calc(100% - 40px); margin: 0 auto 50px; } body#product #wrapper > .container .breadcrumb { width: calc(100% - 40px); margin-right: auto; margin-left: auto; } body#product .product-buy-block .product-actions .product-variants { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product .product-buy-block .product-actions .product-variants .product-variants-item { -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%; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#product #wrapper > .container { width: 100%; } body#product #wrapper > .container .soy_producto_informacion_caja { width: 720px; margin: 0 auto 50px; } body#product #wrapper > .container .breadcrumb { width: 720px; margin-right: auto; margin-left: auto; } body#product #wrapper .breadcrumb { margin-bottom: 30px; } body#product .product-name { float: left; } body#product .product-name .h1 { margin-top: 0rem; } body#product .product-manufacturer { float: unset; margin-right: 0; max-width: 100px; } body#product .product-buy-block { position: relative; bottom: 0; z-index: 0; padding: .8rem 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: left; text-align: left; } body#product .product-buy-block .product-actions { float: none; width: 100%; } body#product .product-buy-block .product-actions .product-add-to-cart button { padding: 1rem; } body#product .product-information { margin-bottom: 2rem; } body#product .product-information .soy_blockadditionaltext { margin-bottom: 2rem; } body#product .product-information .product-features { margin: 1rem 0rem; } 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 #wrapper > .container { width: 100%; } body#product #wrapper > .container .soy_producto_informacion_caja { width: calc(100% - 40px); margin: 0 auto 50px; padding: 0; } body#product #wrapper > .container .breadcrumb { width: calc(100% - 40px); margin-right: auto; margin-left: auto; } body#product .images-block #content { margin-left: 0; max-width: 1000px; } body#product .images-block .images-container:after { display: table; content: ""; clear: both; } body#product .images-block .images-container .product-cover { width: 76%; float: right; background: #f7f7f7; margin-bottom: 0; max-width: 600px; padding: 67px; } body#product .images-block .images-container .product-cover:hover { cursor: pointer; } body#product .images-block .images-container .product-cover img { max-width: 465px; margin: 0 auto; text-align: center; display: block; mix-blend-mode: multiply; } body#product .images-block .images-container .soy_contenedor_miniaturas { width: 24%; float: left; max-width: 190px; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li.slick-slide { margin-bottom: 15px; max-width: calc(100% - 15px); } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li img { padding: 10px; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow:before { color: #666; font-family: 'Igan' !important; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow.slick-disabled:before { color: #F5F3EF; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow.slick-prev { top: -20px; left: 40%; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow.slick-prev:before { content: '\e917'; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow.slick-next { bottom: -20px; right: 50%; top: unset; } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images .slick-arrow.slick-next:before { content: '\e914'; } body#product .product-manufacturer { float: right; padding: 0; } body#product .product-name { float: right; padding-left: 1rem; } body#product .product-buy-block { padding: 0 1rem; margin-bottom: 15px; float: right; } body#product .product-buy-block .product-actions { width: calc(100% - 100px); } body#product .product-buy-block .product-actions .product-variants { display: block; } 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 .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 21%; -moz-box-flex: 1 0 21%; -webkit-flex: 1 0 21%; -ms-flex: 1 0 21%; flex: 1 0 21%; max-width: 25%; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { body#product #wrapper > .container { width: 100%; } body#product #wrapper > .container .soy_producto_informacion_caja { margin: 0 auto 50px; } body#product #wrapper > .container .breadcrumb { margin-right: auto; margin-left: auto; } } /** * Renponsive a partir de 1430px **/ @media screen and (min-width: 1430px) { body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li.slick-slide { max-width: 100%; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { body#product #wrapper > .container { width: 100%; } body#product #wrapper > .container .soy_producto_informacion_caja { width: 1440px; margin: 0 auto 50px; } body#product #wrapper > .container .breadcrumb { width: 1440px; margin-right: auto; margin-left: auto; } body#product .product-name { padding-left: 0; } } body#product .product-buy-block > .product-prices { display: inline-block; margin: 0; margin-bottom: .5rem; width: 100%; } body#product .product-buy-block > .product-prices > div { display: inline-block; margin: 0; } body#product .product-buy-block > .product-prices .product-price { text-align: left; font: normal normal bold 38px/38px Signika; letter-spacing: 0px; color: #333333; } body#product .product-buy-block > .product-prices .product-price .current-price { margin: 0; } 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 { display: block; margin-top: 10px; } body#product .product-buy-block > .product-prices .product-discount .regular-price { text-decoration: line-through; font: normal normal normal 24px/20px Signika; letter-spacing: 0px; color: #999999; display: inline-block; } body#product .product-buy-block > .product-prices .product-discount .soy_porcentaje_descuento { font: normal normal bold 24px/20px Signika; letter-spacing: 0px; color: #FF0000; display: inline-block; } body#product .product-buy-block > .product-prices .tax-shipping-delivery-label { font: normal normal normal 12px/20px Signika; letter-spacing: 0px; color: #333333; display: block; } body#product .product-buy-block > .product-prices .tax-shipping-delivery-label .ekomi_average_rating { display: none; } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#product .product-buy-block > .product-prices .product-discount .regular-price { margin-right: 12px; } body#product .product-buy-block > .product-prices .tax-shipping-delivery-label { margin-left: 10px; display: inline-block; } } #product .product-acordeones-infor { padding: 0; margin-bottom: 50px; } #product .product-acordeones-infor .soy_acordeones_infor .card { border-top: 1px solid #CCC; border-bottom: 1px solid #CCCCCC; padding: 10px 15px; margin-bottom: -1px; } #product .product-acordeones-infor .soy_acordeones_infor .card button { text-align: left; padding: 0; } #product .product-acordeones-infor .soy_acordeones_infor .card button:hover { text-decoration: none; opacity: 0.5; filter: alpha(opacity=50); } #product .product-acordeones-infor .soy_acordeones_infor .card button.collapsed .soy_flecha.down { display: inline-block; } #product .product-acordeones-infor .soy_acordeones_infor .card button.collapsed .soy_flecha.up { display: none; } #product .product-acordeones-infor .soy_acordeones_infor .card button:not(.collapsed) .soy_flecha.down { display: none; } #product .product-acordeones-infor .soy_acordeones_infor .card button:not(.collapsed) .soy_flecha.up { display: inline-block; } #product .product-acordeones-infor .soy_acordeones_infor .card button i { color: #333; } #product .product-acordeones-infor .soy_acordeones_infor .card button .icon_principal { font-size: 28px; color: #333; margin-right: 20px; } #product .product-acordeones-infor .soy_acordeones_infor .card button .soy_bloque_texto { display: inline-block; vertical-align: super; } #product .product-acordeones-infor .soy_acordeones_infor .card button span { font: normal normal normal 14px/20px Signika; letter-spacing: 0px; color: #999999; } #product .product-acordeones-infor .soy_acordeones_infor .card button span.soy_texto_principal { font: normal normal normal 16px/20px Signika; color: #333; letter-spacing: 0px; text-transform: uppercase; margin-right: 10px; } #product .product-acordeones-infor .soy_acordeones_infor .card button span > span { font-weight: 700; } #product .product-acordeones-infor .soy_acordeones_infor .card button .soy_flecha { font-size: 12px; float: right; margin-top: 10px; } #product .product-acordeones-infor .soy_acordeones_infor .card .card-body, #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > p { font: normal normal normal 14px/20px Signika; letter-spacing: 0.4px; color: #333; margin-top: 10px; } #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > p, #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > p > p { margin-bottom: 0; } #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > a, #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > p > a { text-decoration: underline; } #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > a:hover, #product .product-acordeones-infor .soy_acordeones_infor .card .card-body > p > a:hover { text-decoration: none; } #product .product-acordeones-infor .soy_acordeones_infor .soy_precio_mejor { margin-top: 15px; padding-right: 15px; padding-left: 15px; } #product .product-acordeones-infor .soy_acordeones_infor .soy_precio_mejor:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #product .product-acordeones-infor .soy_acordeones_infor .soy_precio_mejor .icon_principal { color: #FF6600; font-size: 38px; letter-spacing: 0.95px; float: left; margin-right: 12px; } #product .product-acordeones-infor .soy_acordeones_infor .soy_precio_mejor span { font: normal normal normal 14px/20px Signika; letter-spacing: 0px; color: #333333; } #product .product-acordeones-infor .soy_acordeones_infor .soy_precio_mejor .soy_texto_destacado { font: normal normal normal 14px/20px Signika; letter-spacing: 0px; color: #333333; text-transform: uppercase; text-decoration: underline; display: block; } #product .product-acordeones-infor .soy_acordeones_infor .soy_dudas { margin-top: 15px; padding-right: 15px; padding-left: 15px; display: table; } #product .product-acordeones-infor .soy_acordeones_infor .soy_dudas:hover { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #product .product-acordeones-infor .soy_acordeones_infor .soy_dudas .icon_principal { font-size: 36px; letter-spacing: 0px; color: #999999; margin-right: 12px; } #product .product-acordeones-infor .soy_acordeones_infor .soy_dudas span { font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #333333; display: table-cell; vertical-align: middle; } #product .product-acordeones-infor .soy_acordeones_infor .soy_dudas .soy_texto_destacado { text-decoration: underline; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #product .product-acordeones-infor { padding: 0 15px; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #product .product-acordeones-infor { margin-top: 50px; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #product .product-acordeones-infor { float: right; clear: right; margin-top: 0; } } #product .product-tabs-acordeon { padding: 0; } #product .product-tabs-acordeon .soy_bloque_acordeon .card { border-top: 1px solid #CCC; border-bottom: 1px solid #CCCCCC; padding: 0; margin-bottom: -1px; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button { text-align: left; padding: 12px 15px; font: normal normal bold 20px/25px Signika; letter-spacing: 0.5px; color: #333333; text-transform: uppercase; max-height: 48px; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button:hover { text-decoration: none; opacity: 0.5; filter: alpha(opacity=50); } #product .product-tabs-acordeon .soy_bloque_acordeon .card button.collapsed .soy_flecha.down { display: inline-block; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button.collapsed .soy_flecha.up { display: none; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button:not(.collapsed) { color: #fff; background: #FF6600; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button:not(.collapsed) .soy_valoraciones_totales{ color: #fff; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button:not(.collapsed) .soy_flecha.down { display: none; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button:not(.collapsed) .soy_flecha.up { display: inline-block; color: #fff; } #product .product-tabs-acordeon .soy_bloque_acordeon .card button .soy_flecha { float: right; font-size: 12px; color: #333333; margin-top: 5px; } #product .product-tabs-acordeon .soy_bloque_acordeon .card .soy_cuerpo_acordeon { padding: 20px 15px; } #product .product-tabs-acordeon .soy_contenido_descripcion p, #product .product-tabs-acordeon .soy_contenido_descripcion span, #product .product-tabs-acordeon .soy_contenido_descripcion div, #product .product-tabs-acordeon .soy_contenido_descripcion h2, #product .product-tabs-acordeon .soy_contenido_descripcion h3, #product .product-tabs-acordeon .soy_contenido_descripcion h4, #product .product-tabs-acordeon .soy_contenido_descripcion h5, #product .product-tabs-acordeon .soy_contenido_descripcion h6, #product .product-tabs-acordeon .soy_contenido_descripcion li { font: normal normal normal 16px/20px Signika; letter-spacing: 0.4px; color: #666666; } #product .product-tabs-acordeon .soy_contenido_descripcion ul li { list-style: inside; } #product .product-tabs-acordeon .soy_contenido_descripcion .rwd-video iframe { width: 100% !important; } #product .product-tabs-acordeon .soy_contenido_caracteristicas .h6 { font: normal normal normal 16px/20px Signika; color: #333333; } #product .product-tabs-acordeon .soy_ekomi_reviews .tabs { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0; padding: 1.25rem 0; } #product .product-tabs-acordeon .product-attachments .attachment { margin-bottom: 15px; } #product .product-tabs-acordeon .product-attachments .attachment p { margin-bottom: 10px; } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #product .product-tabs-acordeon .soy_bloque_tabs { margin-top: 50px; } #product .product-tabs-acordeon .soy_bloque_tabs #soy_pestanyas { border: 0; border-bottom: 3px solid #ccc; } #product .product-tabs-acordeon .soy_bloque_tabs #soy_pestanyas > li { margin-left: 0; margin-bottom: -3px; } #product .product-tabs-acordeon .soy_bloque_tabs #soy_pestanyas > li > a { font: normal normal bold 20px/25px Signika; letter-spacing: 0.5px; color: #333333; text-transform: uppercase; border: 0; font-weight: 400; min-height: 48px; padding-bottom: 10px; } #product .product-tabs-acordeon .soy_bloque_tabs #soy_pestanyas > li > a.active { border: 0; border-bottom: 3px solid #FF6600; } #product .product-tabs-acordeon .soy_contenido_pestanyas { margin-top: 43px; } #product .product-tabs-acordeon .soy_contenido_pestanyas .soy_contenido_descripcion .rwd-video iframe { width: 640px !important; } } /*------------------------------------------------------------- ## Miniature --------------------------------------------------------------*/ .products, #products .products { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-top: 5px; } .products article.product-miniature, #products .products article.product-miniature { -webkit-box-flex: 1 0 50%; -moz-box-flex: 1 0 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 0 10px; margin: 0; position: relative; margin-bottom: 50px; } .products article.product-miniature:hover .highlighted-informations.no-variants, #products .products article.product-miniature:hover .highlighted-informations.no-variants { position: relative; bottom: 0; } .products article.product-miniature > div, #products .products article.product-miniature > div { width: 100%; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; } .products article.product-miniature > div.thumbnail-container, #products .products article.product-miniature > div.thumbnail-container { margin-bottom: 0; } .products article.product-miniature > div.thumbnail-container .soy_lista_deseos, #products .products article.product-miniature > div.thumbnail-container .soy_lista_deseos { text-align: right; position: absolute; z-index: 2; right: 10px; top: -8px; } .products article.product-miniature > div.thumbnail-container .soy_lista_deseos a:hover i, #products .products article.product-miniature > div.thumbnail-container .soy_lista_deseos a:hover i { color: #FF6600; } .products article.product-miniature > div.thumbnail-container .soy_lista_deseos a i, #products .products article.product-miniature > div.thumbnail-container .soy_lista_deseos a i { font: normal normal normal 41px/49px Igan; letter-spacing: 1.02px; color: #666666; } .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos, #products .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos { position: absolute; bottom: 10px; left: 15px; } .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos .soy_atributo, #products .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos .soy_atributo { font: normal normal normal 12px/15px Signika; letter-spacing: 0px; color: #333333; } .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos .soy_atributo .soy_num_total, #products .products article.product-miniature > div.thumbnail-container .soy_etiquetas_atributos .soy_atributo .soy_num_total { font-weight: 700; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail { background: #F7F7F7; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container { mix-blend-mode: multiply; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container > img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container > img { width: 100%; margin: 0; position: relative; -webkit-transition: all 0.8s; /* Safari */ -moz-transition: all 0.8s; /* Mozilla */ -o-transition: all 0.8s; transition: all 0.8s; opacity: 1; filter: alpha(opacity=100); height: auto; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container > img:hover, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .soy-img-container > img:hover { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.8s; /* Safari */ -moz-transition: all 0.8s; /* Mozilla */ -o-transition: all 0.8s; transition: all 0.8s; } .products article.product-miniature > div .product-description, #products .products article.product-miniature > div .product-description { position: relative; width: auto; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; } .products article.product-miniature > div .product-description .product-title a, #products .products article.product-miniature > div .product-description .product-title a { text-align: center; font: normal normal normal 15px/20px Signika; letter-spacing: 0px; color: #333333; text-transform: initial; } .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 { font: normal normal bold 20px/20px Signika; letter-spacing: 0px; color: #333333; 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 { text-decoration: line-through; font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #999999; display: inline-block; } .products article.product-miniature > div .product-description .product-price-and-shipping .discount-product, #products .products article.product-miniature > div .product-description .product-price-and-shipping .discount-product { display: inline-block; font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #FF0000; } .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 768px **/ @media screen and (min-width: 768px) { .products article.product-miniature, #products .products article.product-miniature { -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%; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .products article.product-miniature, #products .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%; padding: 0 20px; } .products article.product-miniature > div.thumbnail-container .product-description, #products .products article.product-miniature > div.thumbnail-container .product-description { 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; /* Título */ /* Precio */ } .products article.product-miniature > div.thumbnail-container .product-description .product-title, #products .products article.product-miniature > div.thumbnail-container .product-description .product-title { -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%; text-align: left; margin-top: 15px; } .products article.product-miniature > div.thumbnail-container .product-description .product-price-and-shipping, #products .products article.product-miniature > div.thumbnail-container .product-description .product-price-and-shipping { -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%; text-align: right; margin-top: 15px; } .products article.product-miniature > div.thumbnail-container .product-description::after, #products .products article.product-miniature > div.thumbnail-container .product-description::after { display: none; } .products article.product-miniature > div.thumbnail-container .ekomi_average_rating, #products .products article.product-miniature > div.thumbnail-container .ekomi_average_rating { -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%; text-align: left; margin-top: 0; } } /** * Rensponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { .products article.product-miniature, #products .products article.product-miniature { -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 .product-flags, .products .product-flags, #product .product-flags { width: auto; max-width: 35%; display: none; } #products .product-flags li, .products .product-flags li, #product .product-flags li { font-size: .7em; padding: .2rem .3rem; min-height: auto; margin-top: .5rem; color: #ffffff; background-color: #333333; } #products .product-flags li.new, #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 { background-color: #333333; } #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: #FF6600; } /** * 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: 1em; } } /*------------------------------------------------------------- # Carrito --------------------------------------------------------------*/ body#cart #content-wrapper { margin-bottom: 60px; } body#cart #content-wrapper .soy_title_cart { border-bottom: 1px solid #eeeeee; 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 { 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: #333333; } 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: #000; } 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: 16px; font-weight: bold; } 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: #333333; font-size: 17px; } 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-body .soyplazoentrega i { font-size: 40px; color: #333333; float: left; } body#cart #content-wrapper .cart-grid-body .soyplazoentrega p { font: normal normal normal 16px/20px Signika; letter-spacing: 0px; color: #333333; margin-bottom: 0; vertical-align: middle; } body#cart #content-wrapper .cart-grid-right { background: #eee; } 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; margin-top: 5px; } 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: #333333; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions { margin-top: 15px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .btn-primary, body#cart #category #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #category #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #category #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #category #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #category #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #category #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #category #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #category #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, body#cart #manufacturer #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #manufacturer #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #manufacturer #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #manufacturer #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #manufacturer #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #manufacturer #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, body#cart #prices-drop #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #prices-drop #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #prices-drop #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #prices-drop #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #prices-drop #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #prices-drop #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, body#cart #new-products #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #new-products #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #new-products #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #new-products #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #new-products #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #new-products #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #new-products #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #new-products #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, body#cart #best-sales #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #best-sales #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #best-sales #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #best-sales #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #best-sales #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #best-sales #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, body#cart #search #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, #search #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .next, body#cart #search #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, #search #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .next, body#cart #search #wrapper #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, #search #wrapper body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .pagination > div .page-list > li .previous, body#cart #search #wrapper #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous, #search #wrapper body#cart #content-wrapper .pagination > div .page-list > li .cart-grid-right .cart-summary .cart-detailed-actions .previous { -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; background: #333333; } body#cart #content-wrapper .soy_seguir_comprando { margin-top: 25px; font-size: 17px; line-height: 21px; float: left; clear: left; display: flex; align-items: center; margin-left: 15px; background: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } @media (min-width: 480px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 50%; -moz-border-top-left-radius: 10px; /* Mozilla */ -webkit-border-top-left-radius: 10px; /* Safari */ border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; /* Mozilla */ -webkit-border-bottom-left-radius: 10px; /* Safari */ border-bottom-left-radius: 10px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { width: auto; margin: -3px 0 0 -5px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; -moz-border-top-right-radius: 10px; /* Mozilla */ -webkit-border-top-right-radius: 10px; /* Safari */ border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; /* Mozilla */ -webkit-border-bottom-right-radius: 10px; /* Safari */ border-bottom-right-radius: 10px; } } @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; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 100%; -moz-border-top-left-radius: 0px; /* Mozilla */ -webkit-border-top-left-radius: 0px; /* Safari */ border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; /* Mozilla */ -webkit-border-bottom-left-radius: 0px; /* Safari */ border-bottom-left-radius: 0px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { width: 100%; margin: 4px 0 0 0px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; -moz-border-top-right-radius: 0px; /* Mozilla */ -webkit-border-top-right-radius: 0px; /* Safari */ border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; /* Mozilla */ -webkit-border-bottom-right-radius: 0px; /* Safari */ border-bottom-right-radius: 0px; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 50%; -moz-border-top-left-radius: 10px; /* Mozilla */ -webkit-border-top-left-radius: 10px; /* Safari */ border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; /* Mozilla */ -webkit-border-bottom-left-radius: 10px; /* Safari */ border-bottom-left-radius: 10px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { width: 50%; margin: -2px 0 0 -5px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; -moz-border-top-right-radius: 10px; /* Mozilla */ -webkit-border-top-right-radius: 10px; /* Safari */ border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; /* Mozilla */ -webkit-border-bottom-right-radius: 10px; /* Safari */ border-bottom-right-radius: 10px; } } /* --------------------------------------------------- ## MODAL ----------------------------------------------------*/ #blockcart-modal { margin-top: 4em; } #blockcart-modal .modal-dialog { max-width: 95%; } #blockcart-modal .modal-dialog .modal-content .modal-header { background-color: #333333; } #blockcart-modal .modal-dialog .modal-content .modal-header .modal-title { text-transform: uppercase; font-weight: 300; color: white; } #blockcart-modal .modal-dialog .modal-content .modal-header .close { color: #fff; } #blockcart-modal .modal-dialog .modal-content .modal-header .close:hover { cursor: pointer; } #blockcart-modal .modal-dialog .modal-content .modal-body { background: #fff; padding: 1.125rem 1.175rem; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .divide-right { border-right-width: 0px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .product-name { color: #2B2A29; text-transform: uppercase; float: unset; padding-left: 0; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .soyPVP { margin: 0; font-weight: 600; color: #FF6600; font-size: 38px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .soyPVP .quantity { display: inline-block; font-size: 24px; color: #333333; font-weight: 400; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .soyPVP > small { font: normal normal 300 16px/19px Signika; letter-spacing: normal; text-transform: uppercase; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content #soyPVPUnit { margin-top: 10px; margin-bottom: 10px; font-weight: 600; color: #FF6600; font-size: 38px; line-height: 38px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .totalShipping { text-transform: uppercase; font-size: 14px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .totalShipping:before { font-family: "FontAwesome"; font-size: 36px; color: #d7d7d7; content: "\f0d1"; margin-right: 5px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .totalBlockCart { text-transform: uppercase; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-products-count { color: #333333; font-weight: 400; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .btn-secondary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: left; margin-left: 0; transition: all 0.6s; padding: 13px; background-color: #999; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .btn-secondary:hover { opacity: 0.5; filter: alpha(opacity=50); } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .btn-primary, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: left; margin-left: 0; background-color: #AFCB1F; background-color: #FF6600; transition: all 0.6s; padding: 13px; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .btn-primary:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #category #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #search #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .next:hover, #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn .previous:hover { opacity: 0.5; filter: alpha(opacity=50); } @media screen and (min-width: 768px) { /* --------------------------------------------------- ## MODAL 767px ----------------------------------------------------*/ #blockcart-modal .modal-dialog { max-width: 95%; width: 100%; } #blockcart-modal .modal-dialog .modal-content .modal-header { background-color: #333333; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .divide-right { border-right: 1px solid #d4d4d4; } #blockcart-modal .soyPVP small { line-height: 40px; } #blockcart-modal .product-image { max-width: 180px; } #blockcart-modal .soyPVP { font-size: 35px; } } @media screen and (min-width: 992px) { #blockcart-modal { margin-top: 0em; } #blockcart-modal .modal-dialog { max-width: 985px; width: 100%; } #blockcart-modal .modal-dialog .modal-content .modal-header { background-color: #333333; } #blockcart-modal .modal-dialog .modal-content .modal-body { padding-top: 3.125rem; padding-right: 1.875rem; padding-bottom: 3.125rem; padding-left: 1.875rem; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .divide-right { border-right: 1px solid #d4d4d4; } #blockcart-modal .modal-dialog .modal-content .modal-body .row .cart-content .cart-content-btn { display: block; } /* --------------------------------------------------- ## MODAL 991px ----------------------------------------------------*/ #product #blockcart-modal .modal-dialog { width: calc(100% - 20px); } #product #blockcart-modal #myModalLabel { font-size: 14px; } #product #blockcart-modal #myModalLabel i.material-icons { margin-right: 0; font-size: 20px; display: inline-block; } #product #blockcart-modal .btn-primary, #product #blockcart-modal #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous, #product #blockcart-modal #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous, #product #blockcart-modal #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous, #product #blockcart-modal #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous, #product #blockcart-modal #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous, #product #blockcart-modal #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .next, #product #blockcart-modal #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li #product #blockcart-modal .previous { padding-left: 10px; padding-right: 10px; } } /*------------------------------------------------------------- # 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 #content .btn-primary, body #category #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #category #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #category #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #category #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #category #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #category #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #category #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #category #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, body #manufacturer #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #manufacturer #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #manufacturer #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #manufacturer #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #manufacturer #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #manufacturer #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #manufacturer #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #manufacturer #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, body #prices-drop #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #prices-drop #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #prices-drop #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #prices-drop #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #prices-drop #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #prices-drop #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #prices-drop #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #prices-drop #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, body #new-products #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #new-products #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #new-products #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #new-products #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #new-products #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #new-products #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #new-products #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #new-products #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, body #best-sales #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #best-sales #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #best-sales #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #best-sales #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #best-sales #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #best-sales #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #best-sales #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #best-sales #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, body #search #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, #search #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .next, body #search #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, #search #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .next, body #search #wrapper #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, #search #wrapper body #content-wrapper.soy_page_account #content .pagination > div .page-list > li .previous, body #search #wrapper #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous, #search #wrapper body #content-wrapper.soy_page_account .pagination > div .page-list > li #content .previous { -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body #content-wrapper.soy_page_account #soy_account_menu { padding: 0; background: #333333; } 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 > i { float: left; color: #4D4D4D; margin-right: 10px; } body #content-wrapper.soy_page_account .soy_content_account .page-header h1 { margin-bottom: 0; font: normal normal 900 19px/26px Signika; letter-spacing: -0.1px; color: #4D4D4D; text-transform: uppercase; border-bottom: 1px solid #333333; padding-bottom: .7rem; } 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 { padding-top: 4rem; } #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; 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 .form-group.soy_facturae .checkbox label { text-align: left; display: inline; } #authentication.page-authentication #content-wrapper #content > section .soy_titulo_form { margin-top: 1rem; 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%; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #fff; font: normal normal 300 16px/19px Signika; letter-spacing: -0.28px; text-transform: uppercase; font-size: 14px; } #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%; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group.soy_checkbox a { text-decoration: underline; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group.soy_checkbox a:hover { color: #FF6600; } } /** * Rensponsive a partir de 992 **/ @media screen and (min-width: 992px) { #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: flex; flex-wrap: wrap; } 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: 1px solid #818181; border-bottom: 0; } body#addresses .soy_addresses .address .address-body h4 { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; font-weight: 600; 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: 1px solid #818181; border-top: 0; } body#addresses .soy_addresses .address .address-footer a { width: 50%; margin: 0; float: left; padding: 10px; text-align: center; } body#addresses .soy_addresses .address .address-footer a.edit_address { background: #333333; color: #FFF; } body#addresses .soy_addresses .address .address-footer a.delete_address { background: #a64d4d; color: #FFF; } body#addresses .soy_addresses .address .address-footer a span { font-size: 16px; } body#addresses .addresses-footer { margin: 15px 0 0 0; } body#addresses .addresses-footer a { background: #333333; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; color: #FFF; padding: 15px 20px; display: inline-block; } /* 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 */ /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#addresses .soy_contenedor_direcciones { 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#addresses .soy_addresses { -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%; } } /*------------------------------------------------------------- ## 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: #333333; } body#history .orders .order .row .soy_actions_order { padding: 0; overflow: hidden; } body#history .orders .order .row .soy_actions_order a { width: 100%; 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 .form-control { background: transparent; } #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; } #identity.page-customer-account #content form .soy_facturae label { display: inline; } /** * 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; } } body#module-psgdpr-gdpr #content-wrapper #content .soy_content_account .container .psgdprinfo17:nth-child(1) a { margin-top: 10px; display: block; float: initial; white-space: initial; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body#module-psgdpr-gdpr #content-wrapper #content .soy_content_account .container .psgdprinfo17:nth-child(2) a:hover { text-decoration: underline; } @media screen and (min-width: 768px) { body#module-psgdpr-gdpr #content-wrapper #content .soy_content_account .container .psgdprinfo17:nth-child(1) a { display: inline-block; float: right; } } /* Página olvido contraseña */ body#password #content-wrapper { margin: 20px 0; } body#password #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } body#password #content .forgotten-password .form-fields label.required { width: auto; text-align: center; } body#password #content .forgotten-password .form-fields button { font-size: 15px; margin-top: 10px; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#password .forgotten-password .form-fields .center-email-fields { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#password .forgotten-password .form-fields .center-email-fields .email { width: auto; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#password #content .forgotten-password .form-fields .center-email-fields { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } body#password #content .forgotten-password .form-fields .center-email-fields .email input { -moz-border-top-left-radius: 10px; /* Mozilla */ -webkit-border-top-left-radius: 10px; /* Safari */ border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; /* Mozilla */ -webkit-border-bottom-left-radius: 10px; /* Safari */ border-bottom-left-radius: 10px; } body#password #content .forgotten-password .form-fields .center-email-fields button { margin: 0 0 0 0px; margin-top: 0; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; -moz-border-top-right-radius: 10px; /* Mozilla */ -webkit-border-top-right-radius: 10px; /* Safari */ border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; /* Mozilla */ -webkit-border-bottom-right-radius: 10px; /* Safari */ border-bottom-right-radius: 10px; } } /*------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ body#checkout #header { overflow: hidden; } body#checkout #header .header-top { max-height: initial; height: initial; padding: 0px 20px 10px; } body#checkout #header .header-nav { padding: 0 25px; } body#checkout #wrapper { padding-top: 0; } body#checkout section#content { max-width: 1440px; margin: 30px auto; } body#checkout section#content .soy_checkout_left .btn-primary.continue, body#checkout section#content .soy_checkout_left #category #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #category #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous, body#checkout section#content .soy_checkout_left #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous, body#checkout section#content .soy_checkout_left #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous, body#checkout section#content .soy_checkout_left #new-products #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #new-products #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous, body#checkout section#content .soy_checkout_left #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous, body#checkout section#content .soy_checkout_left #search #wrapper #content-wrapper .pagination > div .page-list > li .continue.next, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next, body#checkout section#content .soy_checkout_left #search #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous { -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; background: #FF6600; } body#checkout section#content .soy_checkout_left .btn-primary.continue:hover, body#checkout section#content .soy_checkout_left #category #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #category #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover, body#checkout section#content .soy_checkout_left #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover, body#checkout section#content .soy_checkout_left #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover, body#checkout section#content .soy_checkout_left #new-products #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #new-products #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover, body#checkout section#content .soy_checkout_left #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover, body#checkout section#content .soy_checkout_left #search #wrapper #content-wrapper .pagination > div .page-list > li .continue.next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.next:hover, body#checkout section#content .soy_checkout_left #search #wrapper #content-wrapper .pagination > div .page-list > li .continue.previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout section#content .soy_checkout_left .continue.previous:hover { opacity: 0.5; filter: alpha(opacity=50); } 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 { overflow: hidden; } 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: 10px 0; 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 a { text-decoration: underline; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox a:hover { color: #FF6600; } 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; display: initial; } 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 { overflow: hidden; } 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: 10px 0; 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: #333333; } 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 #ccc; -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#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item.selected { border: 2px solid #FF6600; background: #fff; } 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; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step .soy_direccion_facturacion_diferente { background: #eee; padding: 10px; margin-top: 10px; display: inline-block; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } 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: auto; } 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: 100px; 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 button { background: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-payment-step #payment-confirmation button:hover { opacity: 0.5; filter: alpha(opacity=50); } 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; background: #eee; } 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-products .media .ekomi_average_rating { display: none; } 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 { background: #eee; margin-bottom: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher { margin-bottom: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher > p > a { margin: 0; padding: 0 15px; color: #000; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher > p > a:hover { color: #333333; } 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; font-size: 13px; margin: 0px 0 0 -5px; border-color: #333333; min-height: 40px; } 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; margin-bottom: 5px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; margin-left: -5px; background: #FF6600; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button { color: #333333; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button:hover { color: #FF6600; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals { font-weight: bold; font-size: 20px; } 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: #333333; font-size: 20px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .cart-summary-totals .label { font-size: 20px; } @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; } } @media (min-width: 480px) { body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher { margin-bottom: 0; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 50%; -moz-border-top-left-radius: 10px; /* Mozilla */ -webkit-border-top-left-radius: 10px; /* Safari */ border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; /* Mozilla */ -webkit-border-bottom-left-radius: 10px; /* Safari */ border-bottom-left-radius: 10px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code button { width: auto; margin: -2px 0 0 0px; -moz-border-top-right-radius: 10px; /* Mozilla */ -webkit-border-top-right-radius: 10px; /* Safari */ border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; /* Mozilla */ -webkit-border-bottom-right-radius: 10px; /* Safari */ border-bottom-right-radius: 10px; } } @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 { width: 50%; 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 { width: 50%; padding: 0 15px; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #delivery-addresses .address-item { -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%; } body#checkout section#content .soy_checkout_left section.checkout-step#checkout-addresses-step #invoice-addresses .address-item { -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%; } } @media (min-width: 992px) { body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 100%; margin: 0; margin-bottom: 5px; -moz-border-top-left-radius: 0px; /* Mozilla */ -webkit-border-top-left-radius: 0px; /* Safari */ border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; /* Mozilla */ -webkit-border-bottom-left-radius: 0px; /* Safari */ border-bottom-left-radius: 0px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code button { width: 100%; margin: 0; -moz-border-top-right-radius: 0px; /* Mozilla */ -webkit-border-top-right-radius: 0px; /* Safari */ border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; /* Mozilla */ -webkit-border-bottom-right-radius: 0px; /* Safari */ border-bottom-right-radius: 0px; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 50%; -moz-border-top-left-radius: 10px; /* Mozilla */ -webkit-border-top-left-radius: 10px; /* Safari */ border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; /* Mozilla */ -webkit-border-bottom-left-radius: 10px; /* Safari */ border-bottom-left-radius: 10px; } body#checkout section#content .soy_checkout_right #js-checkout-summary .block-promo .cart-voucher #promo-code button { width: 50%; margin: 0px 0px 1px 0px; -moz-border-top-right-radius: 10px; /* Mozilla */ -webkit-border-top-right-radius: 10px; /* Safari */ border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; /* Mozilla */ -webkit-border-bottom-right-radius: 10px; /* Safari */ border-bottom-right-radius: 10px; } } body#order-confirmation .card { box-shadow: none; } body#order-confirmation .card-block { padding: 0; } body#order-confirmation .card-block .card-title { font-size: 18px; font-weight: 600; margin-bottom: 30px; } 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; font-size: 22px; } body#order-confirmation #content-hook_order_confirmation > .card-block p { margin: 0; margin-top: 15px; } body#order-confirmation #content > .card-block { padding: 0 15px; } 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 #content > .card-block #order-items .order-confirmation-table .order-line:first-child::before { display: none; } body#order-confirmation #content > .card-block #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 #content > .card-block #order-items .order-confirmation-table .order-line .soy_img_order_confirmation { width: 150px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .details { width: calc(100% - 150px); overflow: hidden; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .details span { font-size: 14px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .details .soy_attribute_combination .label { font-size: 14px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .details .soy_attribute_combination .value { font-size: 14px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .qty { width: calc(100% - 150px); font-size: 14px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .qty > div.soy_qty_price { float: left; width: auto; padding: 0; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .qty > div.soy_price { float: right; width: auto; padding: 0; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line .image img { margin: 0; } body#order-confirmation #content > .card-block #order-items .soy_totals { display: block; padding: 20px 15px 15px; border-top: 1px solid #eee; margin-top: 15px; } body#order-confirmation #content > .card-block #order-items .soy_totals > span { display: block; overflow: hidden; margin-bottom: 15px; } body#order-confirmation #content > .card-block #order-items .soy_totals > span .label { float: left; font-size: 16px; } body#order-confirmation #content > .card-block #order-items .soy_totals > span .value { float: right; font-size: 16px; } body#order-confirmation #content > .card-block #order-items .soy_totals > span.soy_total_final .label { font-weight: 600; } body#order-confirmation #content > .card-block #order-items .soy_totals > span.soy_total_final .value { font-size: 20px; font-weight: 600; } body#order-confirmation #content > .card-block #order-details { padding: 0; } body#order-confirmation #content > .card-block #order-details .card-title { margin-bottom: 5px; } body#order-confirmation #content > .card-block #order-details > ul { padding: 15px; margin-bottom: 0px; } body#order-confirmation #content > .card-block #order-details > ul li .label { font-size: 16px; font-weight: bold; } body#order-confirmation #content > .card-block #order-details > ul li .value { font-size: 16px; } body#order-confirmation #content-hook_payment_return .card-block { padding: 0; } /** * Renponsive a partir de 992px **/ /*------------------------------------------------------------- # CMS --------------------------------------------------------------*/ body#cms .page-header { margin-bottom: 1rem; } body#cms .page-header h1 { margin-bottom: 0; font: normal normal 900 19px/26px Signika; font-size: 19px; letter-spacing: -0.1px; color: #333333; text-transform: uppercase; border-bottom: 1px solid #FF6600; padding-bottom: .7rem; } body#cms #content { text-align: left; } body#cms #content img { max-width: 100%; height: auto; } body#cms #content.card ul li { margin-bottom: 10px; } body#cms #content.card ul li a { background: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; padding: 10px; color: #fff; display: inline-block; } body#cms #content.card ul li a:hover { opacity: 0.5; filter: alpha(opacity=50); } body#cms #content ul { color: #7a7a7a; list-style: inside; } body#cms #content a { color: #333333; text-decoration: underline; display: inline; font-weight: 400; } body#cms #content a:hover { text-decoration: none; color: #FF6600; } body#cms.cms-id-9 table { display: block; overflow-x: auto; width: auto !important; white-space: nowrap; } body#cms.cms-id-24 h2 { font-size: 30px; } body#cms.cms-id-24 h2, body#cms.cms-id-24 h3, body#cms.cms-id-24 h4, body#cms.cms-id-24 h5, body#cms.cms-id-24 h6 { margin-top: 15px; } body#cms.cms-id-24 table { float: unset !important; } body#cms.cms-id-24 table h5 { font-size: 24px; font-size: 20px; } body#cms.cms-id-24 table ul { list-style: inside; } body#cms.cms-id-24 table a { color: #333333; text-decoration: underline; display: inline-block; font-weight: 400; } body#cms.cms-id-24 table a:hover { text-decoration: none; color: #FF6600; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#cms #content table { white-space: initial; } } body#sitemap .page-header { margin-top: 30px; } body#sitemap .sitemap h2 { border-bottom: 1px solid #FF6600; } /*------------------------------------------------------------- ## CONTACT --------------------------------------------------------------*/ body#contact #wrapper { padding-top: 0px; } body#contact #wrapper > .container { padding: 0; width: 100%; margin-left: 0; } body#contact #wrapper #main { width: 95%; } body#contact .breadcrumb { margin-bottom: 1rem; padding: 0 1rem; } body#contact #left-column { background-color: #333333; 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; width: 100%; text-align: left; font: normal normal 300 14px/26px Signika; letter-spacing: 0px; color: #333333; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label span { float: none; width: 16px; } body#contact #content-wrapper #main #content .contact-form .form-fields > div .bootstrap-filestyle label { color: #fff; line-height: 20px; } body#contact #content-wrapper #main #content .contact-form .form-fields > div h3 { margin-bottom: 0; font: normal normal 900 19px/26px Signika; letter-spacing: -0.1px; color: #4D4D4D; text-transform: uppercase; border-bottom: 1px solid #333333; padding-bottom: .7rem; } body#contact #content-wrapper #main #content .contact-form .form-fields > div h4 { margin-top: 20px; font: normal normal 900 15px/26px Signika; color: #4D4D4D; text-transform: uppercase; } body#contact #content-wrapper #main #content .contact-form .form-fields > div .soy-nueva-cuenta { -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; background: #70B0DB; border-bottom: 0; padding: .5rem 1rem; } body#contact #content-wrapper #main #content .contact-form .form-fields > div .soy-nueva-cuenta:hover { opacity: 0.5; filter: alpha(opacity=50); } body#contact #content-wrapper #main #content .contact-form .form-fields > div .soy-nueva-cuenta span { font: normal normal 300 13px/26px Signika; letter-spacing: 0.26px; color: #FFFFFF; text-transform: uppercase; } body#contact #content-wrapper #main #content .contact-form .form-fields > div .soy-bloque-repuesto p { font: normal normal 300 14px/26px Signika; letter-spacing: 0px; color: #333333; text-align: left; display: block; margin: 0; } body#contact #content-wrapper #main #content .contact-form input { font: normal normal 300 14px/26px Signika; color: #4D4D4D; padding: 0 5px; height: 40px; } body#contact #content-wrapper #main #content .contact-form input[type='radio'] + label { display: inline-block; width: auto; } body#contact #content-wrapper #main #content .contact-form select { height: 40px; font: normal normal 300 14px/26px Signika; padding: 0 5px; } 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%; height: auto; } body#contact #content-wrapper #main #content .contact-form textarea { font: normal normal 300 14px/26px Signika; } body#contact #content-wrapper #main #content .contact-form .form-control-comment { font-size: 13px; } body#contact #content-wrapper #main #content .contact-form .psgdpr_consent_message{ padding: 0 15px; margin-left: 0; } body#contact #content-wrapper #main #content .contact-form .soy-texto-legal-form p { font: normal normal 300 14px/26px Signika; letter-spacing: 0px; color: #333333; text-align: left; margin-bottom: .5rem; line-height: 20px; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage] { width: 100%; font: normal normal 300 13px/26px Signika; letter-spacing: 0.26px; color: #FFFFFF; background: #FF6600; border-bottom: 0; padding: 0 1rem; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage]:hover { opacity: 0.5; filter: alpha(opacity=50); } /** * 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%; 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: 30%; border-bottom: 2px solid #333333; padding-top: 1rem; margin-bottom: 0rem; min-height: 810px; } } /*------------------------------------------------------------- # 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: #F2EFEC; padding-top: 0px; /** ============== BLOQUE COPYRIGHT ================ **/ } 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 > div > div { margin: 0; border-top: 1px solid #B3B3B3; } footer#footer .footer-container .links > div > div:nth-child(3) { border-bottom: 1px solid #B3B3B3; } footer#footer .footer-container .links > div > div .h3 { font: normal normal normal 18px/43px Signika; letter-spacing: 0px; color: #333333; text-transform: uppercase; margin-bottom: 0; } footer#footer .footer-container .links > div > div .title { border-color: transparent; padding: 0 15px; } footer#footer .footer-container .links > div > div .title .soy_iconos .navbar-toggler { width: auto; height: auto; } footer#footer .footer-container .links > div > div .title .soy_iconos .navbar-toggler i { font: normal normal normal 12px/43px FarmaciGT; letter-spacing: 0px; color: #333333; } footer#footer .footer-container .links > div > div .title i { color: #333333; } footer#footer .footer-container .links > div > div .title + ul { background: #F2EFEC; } footer#footer .footer-container .links > div > div .title + ul li { border-color: transparent; padding: 0; padding-left: 1.625rem; } footer#footer .footer-container .links > div > div .title + ul li > a { text-align: left; font: normal normal normal 16px/24px Signika; letter-spacing: 0px; color: #333333; } footer#footer .footer-container .links > div > div .title + ul li > a:hover { color: #FF6600; opacity: 0.5; filter: alpha(opacity=50); } footer#footer .footer-container .links > div > div .title + ul .soy_bloque_contacto { margin-top: 35px; margin-bottom: 10px; padding-left: 1.625rem; } footer#footer .footer-container .links > div > div .title + ul .soy_bloque_contacto p { text-align: left; font: normal normal normal 16px/24px Signika; letter-spacing: 0px; color: #333333; margin-bottom: 0; } footer#footer .footer-container .links > div > div .title + ul .soy_bloque_contacto a i { margin-right: 5px; vertical-align: middle; } 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: #333333; 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: #333333; } footer#footer .footer-container .block-contact .block-contact-title { color: #333333; } footer#footer .footer-container .block-social { padding: 0; text-align: left; color: #333333; } footer#footer .footer-container .block-social > ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 20px 0; } footer#footer .footer-container .block-social > ul > li { background: transparent; width: 30px; height: auto; margin: 0 5px; } footer#footer .footer-container .block-social > ul > li.soy_icon_twitter i { font-size: 20px; } footer#footer .footer-container .block-social > ul > li.soy_icon_facebook i, footer#footer .footer-container .block-social > ul > li.soy_icon_instagram i, footer#footer .footer-container .block-social > ul > li.soy_icon_pinterest i, footer#footer .footer-container .block-social > ul > li.soy_icon_rss i { font-size: 25px; } footer#footer .footer-container .block-social > ul > li.soy_icon_youtube i { font-size: 29px; } footer#footer .footer-container .block-social > ul > li a { text-indent: 0; text-align: center; color: #333333; } footer#footer .footer-container .block-social > ul > li a:hover { color: #FF6600; } footer#footer .footer-container .block-social > ul > li i { color: #333333; } footer#footer .footer-container .block-social > ul > li i:hover { color: #FF6600; } footer#footer .soy_bloque_copyright { border-top: 1px solid #E6E6E6; margin-bottom: 1rem; } footer#footer .copyright_theme .link_soy { font: normal normal normal 14px/36px Signika; letter-spacing: 0px; color: #999999; display: table; margin: 20px auto 0; } footer#footer .copyright_theme .link_soy i { font-size: 53px; letter-spacing: 0px; color: #999999; vertical-align: middle; } /** * 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 > div > div { margin: 0; border-top: 0; } footer#footer .footer-container .links > div > div:nth-child(3) { border-bottom: 0; } footer#footer .footer-container .links > div > div .h3 { margin-bottom: 20px; font-size: 22px; line-height: 31px; letter-spacing: -0.55px; } footer#footer .footer-container .links > div > div .title + ul { background: transparent; } footer#footer .footer-container .links > div > div .title + ul li { padding-left: 0; } footer#footer .footer-container .links > div > div .title + ul .soy_bloque_contacto { padding-left: 0; } footer#footer .footer-container .block-contact { padding-top: 0 !important; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { footer#footer .footer-container { padding-top: 4.8rem; } 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 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 .soy_titulo_news { font: normal normal normal 18px/43px Signika; letter-spacing: 0px; color: #333333; text-transform: uppercase; } .block_newsletter #block-newsletter-label { font: normal normal normal 16px/24px Signika; letter-spacing: 0px; color: #333333; margin-top: 0; padding-top: 0; } .block_newsletter form .input-wrapper { width: 100%; } .block_newsletter form .input-wrapper input[type='email'] { border: 1px solid #CCCCCC; font-size: 16px; color: #333333; padding-left: 30px; height: 40px; } .block_newsletter form input[type='submit'] { width: 100%; margin-top: 5px; -moz-border-radius: 0; /* Mozilla */ -webkit-border-radius: 0; /* Safari */ border-radius: 0; } .block_newsletter form i { position: absolute; top: 13px; left: 27px; color: #808080; } .block_newsletter form #gdpr_consent { margin-top: 10px; } .block_newsletter form #gdpr_consent .custom-checkbox input[name="psgdpr_consent_checkbox"] { height: auto; } .block_newsletter form #gdpr_consent i { top: 5px; left: 2px; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { .block_newsletter .soy_titulo_news { font-size: 22px; line-height: 31px; letter-spacing: -0.55px; margin-bottom: 20px; } .block_newsletter #block-newsletter-label { margin-bottom: 5px; } .block_newsletter #gdpr_consent { margin-top: 10px; } .block_newsletter #gdpr_consent i { top: 3px; left: 2px; } } /** * Rensponsive a partir de 992px **/ /* Wishlist */ /*------------------------------------------------------------- # WISHLIST --------------------------------------------------------------*/ /** Listado de productos **/ #products article.product-miniature .wishlist:hover, .products article.product-miniature .wishlist:hover { cursor: pointer; } #products article.product-miniature .wishlist .popover-content, .products article.product-miniature .wishlist .popover-content { font-size: 14px; line-height: normal; color: #333; text-align: left; } #products article.product-miniature .wishlist .popover-content.visible, .products article.product-miniature .wishlist .popover-content.visible { top: 45px; } #products article.product-miniature .wishlist .popover-content table, .products article.product-miniature .wishlist .popover-content table { width: 300%; max-width: 300%; } #products article.product-miniature .wishlist .popover-content table td, .products article.product-miniature .wishlist .popover-content table td { color: #333; cursor: pointer; padding: 10px; background: #fff; } #products article.product-miniature .wishlist .popover-content table td:hover, .products article.product-miniature .wishlist .popover-content table td:hover { background: #FF6600; color: white; cursor: pointer; } #soy_wish_modal > div { background: #FF6600; color: #fff; border: none; } /** Página de producto **/ #product .images-container .wishlist .popover-content.visible { bottom: unset; } #product .images-container .wishlist .popover-content.visible table { width: 300%; max-width: 300%; } #product .images-container .wishlist .popover-content.visible table td { color: #333333; background: #fff; } #product .images-container .wishlist .popover-content.visible table td:hover { color: #fff; background: #FF6600; cursor: pointer; } #product .images-container .wishlist a:hover { cursor: pointer; } #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: #333; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #FF6600; color: white; } #product .product-actions .wishlist a { padding: .75rem; display: inline-block; height: 100%; cursor: pointer; } #product .product-actions .wishlist a i { color: white; } #product .product-actions .wishlist a span { display: none; } #product .products .wishlist { display: inline-block; } #product .products .wishlist .popover-content.visible { bottom: unset; top: auto; position: absolute; } /** Mi cuenta **/ #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header h1 { font-weight: 400; } #module-blockwishlist-mywishlist .page-header h1::before { display: none; } #module-blockwishlist-mywishlist #mywishlist { /* #block-history td:first-child a.soy_whislit_mostar, #block-history td:first-child span.soy_whislit_ocultar { color: $color-principal; } */ } #module-blockwishlist-mywishlist #mywishlist h2 { font-weight: 400; color: #333333; } #module-blockwishlist-mywishlist #mywishlist h2 span { color: #333333; } #module-blockwishlist-mywishlist #mywishlist h2 i { font-size: 21px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist { margin-top: 20px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 { margin-bottom: 1rem; font-weight: 400; margin-right: 10px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 i { margin-right: 1rem; color: #FF6600; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="text"] { padding: 3px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"] { font-size: 14px; background-color: #FF6600; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 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; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; } #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: #FF6600; -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: #cc5200; -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: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history thead th { background: transparent; border-bottom: 1px solid #FF6600; font-weight: 600; color: #333333; text-transform: uppercase; } #module-blockwishlist-mywishlist #mywishlist #block-history td { font-size: 15px; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar { color: #333333; text-transform: initial; font-weight: 400; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:hover, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:focus, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:active, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:hover, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:focus, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:active { color: #FF6600; text-decoration: none; } #module-blockwishlist-mywishlist #mywishlist #block-history .soy_item_lista_deseos td { color: #333333; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] li { border-bottom: none; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete:hover { background: #333; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] select { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_name, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_quantity, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_priority, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_count { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_name::after { display: none; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action { background: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action:hover { cursor: pointer; background: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action i:hover { color: #FF6600; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl input { margin-left: 10px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl i { color: #333333; font-size: 18px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go { background-color: #FF6600; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; -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 .wishlisturl .soy_link_go > a { color: #fff; text-transform: uppercase; font-weight: 600; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:target { background-color: #FF6600; -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 .wishlisturl .soy_link_go:active:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active:target, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:target { background-color: #cc5200; -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 .wishlisturl .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 .wishlisturl .soy_link_go:disabled:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:active, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:target { background-color: #FF6600; } @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: #333333; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #333333; color: white; } #product .products .wishlist { display: inline-block; } #product .products .wishlist .popover-content.visible { bottom: unset; top: auto; } #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header { padding: .88rem 0rem; margin-bottom: 15px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete:hover { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action:hover { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action i:hover { color: #FF6600; } } /** * Renponsive a partir de 992px **/ /* 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: #FF6600; color: white; } #module-loyalty-default .pagination button:hover { background-color: #cc5200; color: white; } #module-loyalty-default .pagination li { display: inline-block; padding: .2rem .6rem; margin: 0 .3rem; } #module-loyalty-default .pagination li.active { background-color: #FF6600; color: white; } /* Soy Custom Menu Pro */ /*------------------------------------------------------------- # SOYCUSTOMMENUPRO --------------------------------------------------------------*/ #header #soymenu #soymenu_main_ul { margin-bottom: 0; } #header #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link { overflow: hidden; border-bottom: 1px solid #f2f2f2; } #header #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link a { font: normal normal normal 15px/18px Signika; letter-spacing: 0.38px; color: #333333; text-transform: uppercase; border-bottom: 0; } #header #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link a:hover { opacity: 1; filter: alpha(opacity=100); font: normal normal 15px/18px Signika; color: #FF6600; } #header #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link a i { font-size: 16px; line-height: 21px; } #header #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link a i:hover { color: #333333; } #header #soymenu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul { padding-left: 40px; column-count: 2; width: 100%; } #header #soymenu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category { width: 200%; max-width: 200%; } #header #soymenu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category a { font: normal normal normal 15px/16px Signika; letter-spacing: -0.26px; color: #333333; border-bottom: 0; padding: 5px 0; text-align: left; } #header #soymenu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category ul.soymm_subcategories_childs { padding-left: 0; } #header #soymenu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category ul.soymm_subcategories_childs a { font-weight: 300; text-transform: initial; } #header #_desktop_top_menu { min-height: 50px; } #header #_desktop_top_menu.menu.js-top-menu { padding: 0; } #header #_desktop_top_menu #soymenu_main_ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; padding: 0px 0; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category { padding: 10px 0px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:hover .soy-content-submenu { display: block; visibility: visible; opacity: 1; z-index: 9999999; -webkit-transition: all ease-in-out 0.5s; /* Safari */ -moz-transition: all ease-in-out 0.5s; /* Mozilla */ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:hover .soymm_content_link { overflow: hidden; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:hover .soymm_content_link a { opacity: 0.5; filter: alpha(opacity=50); color: #FF6600; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:last-child .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child { width: 100%; padding: 10px 20px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:last-child .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child .soymm_category > .dropdown-submenu { text-align: left; font: normal normal 300 28px/19px Signika; letter-spacing: -0.67px; color: #333333; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E6E6E6; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:last-child .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child .soymm_category > .soymm_subcategories_childs { width: 100%; column-count: 4; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:last-child .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child .soymm_category > .soymm_subcategories_childs li { margin-bottom: 10px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category:last-child .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child .soymm_category > .soymm_subcategories_childs li a:before { content: '::'; color: #FF6600; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soymm_content_link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-bottom: 0; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soymm_content_link a { color: #333333; padding: 6px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soymm_content_link .soymenu_dropdown { display: inline; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soymm_content_link .soymenu_dropdown i { font-size: 15px; line-height: 15px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu { visibility: hidden; opacity: 0; position: absolute; width: 100%; left: 0; display: block; z-index: 0; text-align: center; -webkit-transition: all ease-in-out 0.5s; /* Safari */ -moz-transition: all ease-in-out 0.5s; /* Mozilla */ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories { -webkit-box-shadow: 0px 0px 5px #00000029; -moz-box-shadow: 0px 0px 5px #00000029; box-shadow: 0px 0px 5px #00000029; max-width: 1440px; margin: 0 auto; right: 0; margin-top: 7px; max-height: 600px; overflow: auto; width: calc(100% - 40px); } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:first-child { width: 30%; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:nth-child(2) { width: 65%; padding: 20px 0; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:nth-child(2) .soymm_category > .dropdown-submenu { text-align: left; font: normal normal 300 28px/19px Signika; letter-spacing: -0.67px; color: #333333; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E6E6E6; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:nth-child(2) .soymm_category > .soymm_subcategories_childs { width: 100%; column-count: 3; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:nth-child(2) .soymm_category > .soymm_subcategories_childs li { margin-bottom: 10px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories .soymenu-spe-dropdown .row > ul:nth-child(2) .soymm_category > .soymm_subcategories_childs li a:before { content: '::'; color: #FF6600; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul { padding: 0; column-count: 1; width: 25%; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul .soymm_image img { width: 250px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category { padding: 5px; width: 100%; max-width: 100%; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category > a { margin-left: 5px; margin-bottom: 10px; padding: 0; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category ul.soymm_subcategories_childs a { padding: 0 0 10px; } #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories ul li.soymm_category ul.soymm_subcategories_childs a:hover { color: inherit; opacity: 0.8; filter: alpha(opacity=80); } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories { width: calc(100% - 40px); min-width: 1024px; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #header #_desktop_top_menu #soymenu_main_ul li.soymenu_category .soy-content-submenu .soymenu_subcategories { width: 1440px; } } /* Soy GLobal Icons */ .soybloqueglobalicons { padding-bottom: 50px; 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; } .soybloqueglobalicons .bloque_contenedor { margin-top: 40px; } .soybloqueglobalicons .bloque_contenedor a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .soybloqueglobalicons .bloque_contenedor a:not(.inactivo):hover .soy_imagen i { color: #FF6600; } .soybloqueglobalicons .bloque_contenedor a:not(.inactivo):hover .soy_texto .h4, .soybloqueglobalicons .bloque_contenedor a:not(.inactivo):hover .soy_texto span { color: #FF6600; } .soybloqueglobalicons .bloque_contenedor a .soy_imagen { padding: 0 18px; } .soybloqueglobalicons .bloque_contenedor a .soy_imagen.soy_grande { padding: 0; } .soybloqueglobalicons .bloque_contenedor a .soy_imagen.soy_grande i { font-size: 96px; } .soybloqueglobalicons .bloque_contenedor a .soy_imagen i { font: normal normal normal 60px/60px Igan; letter-spacing: 0px; color: #333333; } .soybloqueglobalicons .bloque_contenedor a .soy_texto { color: #333333; margin-left: 15px; } .soybloqueglobalicons .bloque_contenedor a .soy_texto .h4 { text-align: left; font: normal normal normal 21px/21px Signika; letter-spacing: -0.46px; margin-bottom: 0; text-transform: uppercase; } .soybloqueglobalicons .bloque_contenedor a .soy_texto span { text-align: left; font: normal normal normal 16px/16px Signika; letter-spacing: -0.35px; display: block; margin-left: 10px; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { .soybloqueglobalicons { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #B3B3B3; } .soybloqueglobalicons .bloque_contenedor { -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%; max-width: 50%; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .soybloqueglobalicons .bloque_contenedor { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .soybloqueglobalicons .bloque_contenedor a { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .soybloqueglobalicons .bloque_contenedor a .soy_texto { margin-left: 0; margin-top: 30px; } .soybloqueglobalicons .bloque_contenedor a .soy_texto.soy_pequenyo { margin-top: 15px; } .soybloqueglobalicons .bloque_contenedor a .soy_texto .h4 { text-align: center; } .soybloqueglobalicons .bloque_contenedor a .soy_texto span { margin-left: 0; text-align: center; } } /* Soy Responsive Slider Pro */ #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager { bottom: 60px; } #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link { background: #333333; } #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { background: #ccc; } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager { bottom: 20px; } #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link { background: #333333; } #soyresponsiveslider .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { background: #ccc; } } /* SoyBanners */ .soybannersbottom_mobile { text-align: center; padding: 0; margin-top: 10px; } .soybannersbottom_mobile .soy_banner { display: inline-block; width: auto; padding: 6px 5px; width: 47%; padding: 5px; } .soybannersbottom_mobile .soy_banner .soy_enlace_banner { position: relative; } .soybannersbottom_mobile .soy_banner .soy_enlace_banner .soy_image_desktop { display: none; } .soybannersbottom_mobile .soy_banner .soy_enlace_banner .soy_image_mobile { max-width: 100%; } .soybannersbottom_mobile .soy_banner .soy_enlace_banner .soy_titulo { text-transform: uppercase; font: normal normal bold 16px/19px Signika; letter-spacing: 0.4px; color: #fff; text-align: center; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; margin: auto; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { .soybannersbottom_mobile { width: calc(100% - 30px); } .soybannersbottom_mobile .soy_banner { width: 33%; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .soybannersbottom { margin-top: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 960px; } .soybannersbottom .soy_segunda_caja { margin: 0 8px; } .soybannersbottom .soy_tercera_caja .soy_caja_interior { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .soybannersbottom .soy_tercera_caja .soy_caja_interior .soy_banner:nth-child(1) { margin-right: 8px; } .soybannersbottom .soy_banner { position: relative; margin-bottom: 8px; display: block; padding: 0; overflow: hidden; } .soybannersbottom .soy_banner .soy_enlace_banner { position: relative; display: table; } .soybannersbottom .soy_banner .soy_enlace_banner:hover .soy_image_desktop { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); } .soybannersbottom .soy_banner .soy_enlace_banner .soy_image_desktop { display: block; max-width: 100%; -webkit-transition: all 0.7s; /* Safari */ -moz-transition: all 0.7s; /* Mozilla */ -o-transition: all 0.7s; transition: all 0.7s; } .soybannersbottom .soy_banner .soy_enlace_banner .soy_image_mobile { display: none; } .soybannersbottom .soy_banner .soy_enlace_banner .soy_titulo { text-transform: uppercase; font: normal normal bold 16px/19px Signika; letter-spacing: 0.4px; color: #fff; text-align: center; position: absolute; top: unset; left: 0; right: 0; bottom: 8px; margin: auto; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { .soybannersbottom { max-width: 1100px; } .soybannersbottom .soy_segunda_caja { margin: 0 10px; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { .soybannersbottom { max-width: 1206px; } } /* Productos Destacados */ .featured-products, .news-products { margin: 15px auto; padding-top: 50px; padding-bottom: 50px; } .featured-products.soy_bloque_news_products, .news-products.soy_bloque_news_products { background: #F5F3EF; } .featured-products > .h3, .news-products > .h3 { font: normal normal bold 30px/36px Signika; letter-spacing: 0.75px; font-size: 22px; color: #333333; text-transform: uppercase; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { .featured-products, .news-products { padding-top: 70px; padding-bottom: 60px; } .featured-products > .h3, .news-products > .h3 { font-size: 30px; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .featured-products, .news-products { margin-top: 0; padding-top: 120px; padding-bottom: 100px; } .featured-products > .h3, .news-products > .h3 { margin-bottom: 45px; } } /** * Renponsive a partir de 1200px **/ /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { .featured-products, .news-products { margin-top: 0; } .featured-products > .h3, .news-products > .h3 { margin-top: 0; } } /* Soy WP Articles */ #soy_wp_articles { background: #F5F3EF; } #soy_wp_articles .soy_titulo { text-align: center; font: normal normal bold 49px/59px Signika; letter-spacing: 0px; color: #333333; text-transform: uppercase; margin-top: 55px; margin-bottom: 30px; } #soy_wp_articles .soy_contenedor_grande { padding: 0; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content { margin-top: 0; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article { background: transparent; padding: 0 15px; margin-top: 0; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-image { width: 100%; max-width: 384px; max-height: initial; margin: 0 auto; float: unset; display: block; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-content { max-width: 384px; float: unset; display: block; margin: 0 auto; padding-left: 0; margin-top: 30px; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-content a .title { text-align: left; font: normal normal normal 15px/18px Signika; letter-spacing: 0.36px; color: #333333; margin-bottom: 10px; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-content a .content { text-align: left; font: normal normal normal 13px/19px Signika; letter-spacing: 0px; color: #333333; } #soy_wp_articles .soy_contenedor_grande .soy-slider-pagination { margin-top: -10px; margin-bottom: 20px; } #soy_wp_articles .soy_contenedor_grande .soy-slider-pagination li a { color: #E6E6E6; } #soy_wp_articles .soy_contenedor_grande .soy-slider-pagination li.active a { color: #FF6600; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #soy_wp_articles { padding-bottom: 40px; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-image { min-height: auto; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-content { width: auto; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #soy_wp_articles { padding-bottom: 40px; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-image { min-height: auto; } #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-content { width: auto; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #soy_wp_articles .soy_contenedor_grande .soy-wptab-content .soy-wp-article .soy-wp-image { min-height: 216px; } } /* PS Custom Text */ #custom-text.ps_custom_text { padding: 15px; } #custom-text.ps_custom_text .soy_bloque_texto { padding: 20px; z-index: 2; position: relative; } #custom-text.ps_custom_text .soy_bloque_texto .soy_imagen_logo { margin-bottom: 5px; } #custom-text.ps_custom_text .soy_bloque_texto h1 { text-align: center; font: normal normal bold 29px/29px Signika; letter-spacing: -0.7px; color: #333333; text-transform: uppercase; } #custom-text.ps_custom_text .soy_bloque_texto h2 { font: normal normal normal 21px/19px Signika; letter-spacing: -0.57px; color: #333333; text-transform: initial; } #custom-text.ps_custom_text .soy_bloque_texto .soy_categoria_descripcion { margin-top: 25px; padding: 25px 15px; background: #FF6600; text-align: left; } #custom-text.ps_custom_text .soy_bloque_texto div p { color: #fff; font: normal normal normal 16px/19px Signika; letter-spacing: 0px; } #custom-text.ps_custom_text .soy_bloque_texto div a { color: #fff; } #custom-text.ps_custom_text .soy_bloque_texto div a:hover { opacity: 0.5; filter: alpha(opacity=50); } #custom-text.ps_custom_text .soy_bloque_texto div strong, #custom-text.ps_custom_text .soy_bloque_texto div a { font-weight: 400; } #custom-text.ps_custom_text .soy_imagen { max-width: 100%; margin-top: -10%; } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #custom-text.ps_custom_text { position: relative; margin-top: 6em; } #custom-text.ps_custom_text .soy_bloque_texto { max-width: calc(100% - 400px); position: relative; } #custom-text.ps_custom_text .soy_bloque_texto .soy_imagen_logo { position: absolute; top: 0; left: 65px; } #custom-text.ps_custom_text .soy_bloque_texto h1 { text-align: left; padding-left: 235px; margin-top: 13px; max-width: 700px; } #custom-text.ps_custom_text .soy_bloque_texto h2 { text-align: left; padding-left: 235px; } #custom-text.ps_custom_text .soy_bloque_texto .soy_categoria_descripcion { padding: 60px 80px; margin-top: 50px; } #custom-text.ps_custom_text .soy_imagen { float: right; position: absolute; top: 0; right: 0; margin-top: -2%; max-width: 470px; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #custom-text.ps_custom_text { margin-bottom: 7.5rem; margin-top: 7em; } #custom-text.ps_custom_text .soy_bloque_texto { max-width: 1030px; } #custom-text.ps_custom_text .soy_bloque_texto h1 { max-width: 100%; } #custom-text.ps_custom_text .soy_imagen { float: right; max-width: 100%; } } /* Soy bloque category */ .soybloquehomecategory_cat { padding: 15px; } .soybloquehomecategory_cat .soy_bloque_texto { padding: 20px; z-index: 2; position: relative; } .soybloquehomecategory_cat .soy_bloque_texto .soy_imagen_logo { margin-bottom: 5px; } .soybloquehomecategory_cat .soy_bloque_texto h1 { text-align: center; font: normal normal bold 29px/29px Signika; letter-spacing: -0.7px; color: #333333; text-transform: uppercase; } .soybloquehomecategory_cat .soy_bloque_texto h2 { text-align: center; font: normal normal normal 21px/19px Signika; letter-spacing: -0.57px; color: #333333; text-transform: initial; } .soybloquehomecategory_cat .soy_bloque_texto .soy_categoria_descripcion { margin-top: 25px; padding: 25px 15px; background: #FF6600; text-align: left; } .soybloquehomecategory_cat .soy_bloque_texto div p, .soybloquehomecategory_cat .soy_bloque_texto div h3, .soybloquehomecategory_cat .soy_bloque_texto div h4 { color: #fff; font: normal normal normal 16px/19px Signika; letter-spacing: 0px; } .soybloquehomecategory_cat .soy_bloque_texto div a { color: #fff; } .soybloquehomecategory_cat .soy_bloque_texto div a:hover { opacity: 0.5; filter: alpha(opacity=50); } .soybloquehomecategory_cat .soy_bloque_texto div strong, .soybloquehomecategory_cat .soy_bloque_texto div a { font-weight: 400; } .soybloquehomecategory_cat .soy_imagen { max-width: 100%; margin-top: -20px; } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { .soybloquehomecategory_cat { position: relative; min-height: 500px; } .soybloquehomecategory_cat .soy_bloque_texto { max-width: calc(100% - 400px); position: relative; } .soybloquehomecategory_cat .soy_bloque_texto .soy_imagen_logo { position: absolute; top: 0; left: 65px; } .soybloquehomecategory_cat .soy_bloque_texto h1 { text-align: left; margin-top: 13px; max-width: 700px; } .soybloquehomecategory_cat .soy_bloque_texto h2 { text-align: left; } .soybloquehomecategory_cat .soy_bloque_texto .soy_categoria_descripcion { padding: 60px 80px; margin-top: 30px; } .soybloquehomecategory_cat .soy_imagen { float: right; position: absolute; top: 0; right: 0; margin-top: 12%; max-width: 470px; } /* Todos los hijos de la categoría fabricantes, la imagen se ajusta más pequeña en desktop para que no solape como en el resto */ .category-id-parent-22 .soybloquehomecategory_cat .soy_imagen { max-width: 400px; margin-top: 8%; } /* La categoría 22 fabricantes al no tener imagen se expande el texto */ .category-id-22 .soybloquehomecategory_cat .soy_bloque_texto { max-width: 100%; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { .soybloquehomecategory_cat { margin-bottom: 7.5rem; } .soybloquehomecategory_cat .soy_bloque_texto { max-width: 811px; } .soybloquehomecategory_cat .soy_bloque_texto h1 { max-width: 100%; } .soybloquehomecategory_cat .soy_imagen { float: right; max-width: 100%; margin-top: 2%; } .category-id-parent-22 .soybloquehomecategory_cat .soy_imagen { float: right; max-width: 600px; margin-top: 2%; } } /* eKomi */ /*------------------------------------------------------------- # eKomi --------------------------------------------------------------*/ .ekomi_average_rating { margin-top: 5px; text-align: center; } .ekomi_average_rating .ekomi_total_reviews_wrap { font: normal normal normal 15px/20px Signika; letter-spacing: 0px; color: #333333; } .ekomi_average_rating .ekomi_total_reviews_wrap i { color: #FFCC00; font-size: 11px; line-height: 20px; letter-spacing: 0px; margin-right: 5px; } .ekomi_average_rating .ekomi_total_reviews_wrap .soy_valoraciones_totales { display: none; } .product-reference .ekomi_average_rating:hover { cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); } .product-reference .ekomi_average_rating .soy_valoraciones_totales { display: none; } .product-tabs-acordeon .ekomi_average_rating { display: inline-block; margin-top: 0; } .product-tabs-acordeon .ekomi_average_rating .ekomi_total_reviews_wrap { font: normal normal normal 20px/25px Signika; } .product-tabs-acordeon .ekomi_average_rating .ekomi_total_reviews_wrap .total_reviews { display: none; } .product-tabs-acordeon .ekomi_average_rating .ekomi_total_reviews_wrap .soy_valoraciones_totales { display: block; } .soy_bloque_acordeon .soy_ekomi_mobile .ekomi_average_rating { display: inline-block; } .soy_bloque_acordeon .soy_ekomi_mobile .ekomi_average_rating .ekomi_total_reviews_wrap { font: normal normal bold 20px/25px Signika; } .soy_bloque_acordeon .soy_ekomi_mobile .ekomi_average_rating .ekomi_total_reviews_wrap .total_reviews { display: none; } .soy_bloque_acordeon .soy_ekomi_mobile .ekomi_average_rating .ekomi_total_reviews_wrap .soy_valoraciones_totales { display: block; } /* soyFaq */ #product { /* Formulario */ /* Mensajes */ /* Conjunto de preguntas */ } #product .soy_faqs_formulario { background: #FAFAFA; overflow: hidden; padding: 50px 0; } #product .soy_faqs_formulario .soy_titulo { font: normal normal bold 30px/37px Signika; letter-spacing: 0.75px; color: #333333; text-transform: uppercase; text-align: center; margin-bottom: 20px; } #product .soy_faqs_formulario .imagen_faq img { max-width: 344px; mix-blend-mode: multiply; margin: 0 auto; display: block; } #product .soy_faqs_formulario .imagen_faq p { text-align: center; font: normal normal normal 18px/20px Signika; letter-spacing: 0px; color: #333333; margin-top: 10px; } #product .soy_faqs_formulario .soy-faqs { padding: 0 15px; margin-top: 35px; } #product .soy_faqs_formulario .soy-faqs .seccion_subtitulo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 30px; } #product .soy_faqs_formulario .soy-faqs .seccion_subtitulo i { font-size: 52px; color: #333333; margin-right: 15px; } #product .soy_faqs_formulario .soy-faqs .seccion_subtitulo .soy_texto { font: normal normal normal 18px/22px Signika; letter-spacing: 0.45px; color: #333333; display: inline-block; margin-bottom: 0; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq { overflow: hidden; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .row > div { margin-bottom: 10px; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .form-group { padding: 0; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form span { text-align: left; font: normal normal normal 16px/20px Signika; letter-spacing: 0.4px; color: #333333; display: block; margin-bottom: 5px; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .form-control { background: #FFFFFF; border: 1px solid #CCCCCC; height: 48px; -moz-border-radius: 5px; /* Mozilla */ -webkit-border-radius: 5px; /* Safari */ border-radius: 5px; font: normal normal normal 16px/20px Signika; color: #333333; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .form-control#soy-make-question { height: 162px; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .soy-faq-privacity span { display: initial; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .soy-faq-privacity a { font: normal normal normal 16px/22px Signika; letter-spacing: 0.45px; color: #333333; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form .soy-faq-privacity a:hover { opacity: 0.5; filter: alpha(opacity=50); } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form #soy-submit-make-faq { font: normal normal normal 14px/17px Signika; letter-spacing: 0px; color: #FFFFFF; background: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; width: 100%; padding: 12px; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form #soy-submit-make-faq:hover { opacity: 0.5; filter: alpha(opacity=50); } #product #soy-faqs-success, #product #soy-faqs-privacity, #product #soy-faqs-error { overflow: hidden; margin-top: 10px; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; text-align: center; } #product .soy_faqs_content { width: 100%; margin-top: 0px; } #product .soy_faqs_content .soy-header-faqs { text-align: left; font: normal normal bold 33px/46px Signika; font-size: calc(20px + (33 - 20) * ((100vw - 320px) / (1920 - 320))); background: #fff; letter-spacing: -0.17px; color: #333333; opacity: 1; border: 0; border-bottom: 1px solid #70B0DB; padding-bottom: 1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #product .soy_faqs_content .soy-header-faqs i { margin-right: 10px; color: #FF6600; font-size: 51px; } #product .soy_faqs_content .soy-faqs-row { padding: 25px; } #product .soy_faqs_content .soy-faqs-row:nth-child(even) { background: #F5F5F5; } #product .soy_faqs_content .soy-faqs-row .soy-faqs-front { margin-bottom: 0; } #product .soy_faqs_content .soy-faqs-row .soy-faqs-front > .soy_pregunta { font: normal normal normal 16px/20px Signika; color: #000; } #product .soy_faqs_content .soy-faqs-row .soy-faqs-front a { font: normal normal normal 16px/20px Signika; letter-spacing: -0.16px; color: #333333; } #product .soy_faqs_content .soy-faqs-row .soy-faqs-front .soy-faq-answer p { font: normal normal normal 16px/20px Signika; letter-spacing: -0.16px; color: #333333; padding: 0; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #product { /* Formulario */ } #product .soy_faqs_formulario .soy-faqs .seccion_subtitulo { display: inline-block; } #product .soy_faqs_formulario .soy-faqs #soy-form-make-faq form #soy-submit-make-faq { width: auto; padding: 12px 50px; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #product { /* Formulario */ } #product .soy_faqs_formulario { padding-top: 70px; /* padding: 17px 0 1rem 3rem; margin-top: 0; */ } #product .soy_faqs_formulario .soy_bloque_imagen_texto { max-width: 344px; } #product .soy_faqs_formulario .imagen_faq p { text-align: left; } #product .soy_faqs_formulario #soy-form-make-faq section form .form-group { padding: 0; margin-bottom: 5px; } #product .soy_faqs_formulario #soy-form-make-faq section form .form-group.col-lg-6:first-child { padding-right: 15px; } #product .soy_faqs_formulario #soy-form-make-faq section form .form-group.col-lg-6:last-child { padding-left: 15px; } #product .soy_faqs_formulario #soy-form-make-faq section form #soy-submit-make-faq { margin-right: 0; } } /* blockwishlist */ /*------------------------------------------------------------- # WISHLIST --------------------------------------------------------------*/ /** Listado de productos **/ #products article.product-miniature .wishlist:hover, .products article.product-miniature .wishlist:hover { cursor: pointer; } #products article.product-miniature .wishlist .popover-content, .products article.product-miniature .wishlist .popover-content { font-size: 14px; line-height: normal; color: #333; text-align: left; } #products article.product-miniature .wishlist .popover-content.visible, .products article.product-miniature .wishlist .popover-content.visible { top: 45px; } #products article.product-miniature .wishlist .popover-content table, .products article.product-miniature .wishlist .popover-content table { width: 300%; max-width: 300%; } #products article.product-miniature .wishlist .popover-content table td, .products article.product-miniature .wishlist .popover-content table td { color: #333; cursor: pointer; padding: 10px; background: #fff; } #products article.product-miniature .wishlist .popover-content table td:hover, .products article.product-miniature .wishlist .popover-content table td:hover { background: #FF6600; color: white; cursor: pointer; } #soy_wish_modal > div { background: #FF6600; color: #fff; border: none; } /** Página de producto **/ #product .images-container .wishlist .popover-content.visible { bottom: unset; } #product .images-container .wishlist .popover-content.visible table { width: 300%; max-width: 300%; } #product .images-container .wishlist .popover-content.visible table td { color: #333333; background: #fff; } #product .images-container .wishlist .popover-content.visible table td:hover { color: #fff; background: #FF6600; cursor: pointer; } #product .images-container .wishlist a:hover { cursor: pointer; } #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: #333; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #FF6600; color: white; } #product .product-actions .wishlist a { padding: .75rem; display: inline-block; height: 100%; cursor: pointer; } #product .product-actions .wishlist a i { color: white; } #product .product-actions .wishlist a span { display: none; } #product .products .wishlist { display: inline-block; } #product .products .wishlist .popover-content.visible { bottom: unset; top: auto; position: absolute; } /** Mi cuenta **/ #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header h1 { font-weight: 400; } #module-blockwishlist-mywishlist .page-header h1::before { display: none; } #module-blockwishlist-mywishlist #mywishlist { /* #block-history td:first-child a.soy_whislit_mostar, #block-history td:first-child span.soy_whislit_ocultar { color: $color-principal; } */ } #module-blockwishlist-mywishlist #mywishlist h2 { font-weight: 400; color: #333333; } #module-blockwishlist-mywishlist #mywishlist h2 span { color: #333333; } #module-blockwishlist-mywishlist #mywishlist h2 i { font-size: 21px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist { margin-top: 20px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 { margin-bottom: 1rem; font-weight: 400; margin-right: 10px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 i { margin-right: 1rem; color: #FF6600; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="text"] { padding: 3px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"] { font-size: 14px; background-color: #FF6600; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 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; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; } #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: #FF6600; -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: #cc5200; -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: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history thead th { background: transparent; border-bottom: 1px solid #FF6600; font-weight: 600; color: #333333; text-transform: uppercase; } #module-blockwishlist-mywishlist #mywishlist #block-history td { font-size: 15px; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar { color: #333333; text-transform: initial; font-weight: 400; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:hover, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:focus, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_mostar:active, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:hover, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:focus, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child .soy_whislit_ocultar:active { color: #FF6600; text-decoration: none; } #module-blockwishlist-mywishlist #mywishlist #block-history .soy_item_lista_deseos td { color: #333333; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] li { border-bottom: none; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete:hover { background: #333; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] select { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_name, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_quantity, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_priority, #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_count { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_name::after { display: none; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action { background: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action:hover { cursor: pointer; background: #FF6600; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action i:hover { color: #FF6600; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl { font-size: 14px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl input { margin-left: 10px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl i { color: #333333; font-size: 18px; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go { background-color: #FF6600; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; -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 .wishlisturl .soy_link_go > a { color: #fff; text-transform: uppercase; font-weight: 600; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:target { background-color: #FF6600; -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 .wishlisturl .soy_link_go:active:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:active:target, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go.active:target { background-color: #cc5200; -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 .wishlisturl .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 .wishlisturl .soy_link_go:disabled:hover, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled.focus, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:active, #module-blockwishlist-mywishlist #mywishlist .wishlisturl .soy_link_go:disabled:target { background-color: #FF6600; } @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: #333333; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #333333; color: white; } #product .products .wishlist { display: inline-block; } #product .products .wishlist .popover-content.visible { bottom: unset; top: auto; } #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header { padding: .88rem 0rem; margin-bottom: 15px; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_delete:hover { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action:hover { background: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td[id^="oculto_wish"] .product_action i:hover { color: #FF6600; } } /** * Renponsive a partir de 992px **/ /* esp_free_ship_restante */ #cart #efsr_price .efsr, #checkout #efsr_price .efsr { background: #F2EFEC; color: #333333; border-color: #FF6600; -moz-border-radius: 50px; /* Mozilla */ -webkit-border-radius: 50px; /* Safari */ border-radius: 50px; padding: 10px 20px; } #cart #efsr_price .efsr #efsr_cantidad_restante, #checkout #efsr_price .efsr #efsr_cantidad_restante { color: #FF6600; } /* esp_contrareembolso */ #esp_contrareembolso #content .soy_form_contrareembolso #amount { font-size: 20px; color: #333333; font-weight: 600; } #soyplazoentrega1, #soyplazoentrega2 { padding: 25px 0 15px; } /* Cookies */ #soycontrolcookies{ padding-bottom: 40px; } /* // MOD #44263 (10/5/21) - Ajuste label por texto largo */ #checkout #checkout-addresses-step .soy_misma_direccion{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #checkout #checkout-addresses-step #use_same_address{ width: 20px; margin-right: 10px; align-self: flex-start; } #checkout #checkout-addresses-step #use_same_address + label{ text-align: left; float: unset; clear: unset; display: inline-block; width: auto; } /* END MOD */ /* SOYMOD #88450 FUNCIONALIDAD NUEVO DISEÑO IMÁGENES FICHA PRODUCTOS*/ .fixed-miniaturas { position: fixed; top: 0; /* Ajusta según sea necesario */ left: 0; width: 100%; background: white; /* Ajusta según tu diseño */ z-index: 2; padding: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } .product-image{ cursor: pointer; } @media (min-width: 993px) { #product .product-tabs-acordeon { margin-top: 30px !important; } } @media (max-width: 992px) { button#load-more-btn-prod-soy { margin-top: 20px; background: transparent; border: 0; text-decoration: underline; color: #333333; } div#soy-load-more-prod { text-align: center; margin-top: -20px; margin-bottom: 20px; } [data-fancybox="images"] { height: auto !important; } } body#product .images-block .images-container .soy_contenedor_miniaturas .product-images li.slick-slide { max-width: 160px !important; } .soy_contenedor_miniaturas thumb-container.slick-slide{ max-width: 160px !important; } /* END SOYMOD #88450*/