/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
@import url('reset.css');
@import url('fonts.css');
@import url('animate.css');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap');
.container>.row{ margin: 0!important;}
.container>.row>#content-wrapper { padding: 0!important; width: 100% !important;}
#header .header-top > .container > .row:first-of-type{align-items: flex-end;display: block;padding-right: 1em;}
.card-block.checkout .btn-primary {width:auto; white-space: normal;}
#products .products,
.featured-products .products,
.product-accessories .products,
.product-miniature .products {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
#products .product-thumbnail,
.featured-products .product-thumbnail,
.product-accessories .product-thumbnail,
.product-miniature .product-thumbnail {
display:block
}
#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
color:#7a7a7a;
font-size:.875rem;
text-decoration:none;
text-align:center;
font-weight:400
}
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
position:relative;
margin-bottom:1.563rem;
height:318px;
width:250px;
background:#fff;
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)
}
#products .thumbnail-container:focus .highlighted-informations,
#products .thumbnail-container:hover .highlighted-informations,
.featured-products .thumbnail-container:focus .highlighted-informations,
.featured-products .thumbnail-container:hover .highlighted-informations,
.product-accessories .thumbnail-container:focus .highlighted-informations,
.product-accessories .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations {
bottom:5.5rem
}
#products .thumbnail-container:focus .highlighted-informations:after,
#products .thumbnail-container:hover .highlighted-informations:after,
.featured-products .thumbnail-container:focus .highlighted-informations:after,
.featured-products .thumbnail-container:hover .highlighted-informations:after,
.product-accessories .thumbnail-container:focus .highlighted-informations:after,
.product-accessories .thumbnail-container:hover .highlighted-informations:after,
.product-miniature .thumbnail-container:focus .highlighted-informations:after,
.product-miniature .thumbnail-container:hover .highlighted-informations:after {
opacity:1
}
#products .thumbnail-container:focus .highlighted-informations.no-variants,
#products .thumbnail-container:hover .highlighted-informations.no-variants,
.featured-products .thumbnail-container:focus .highlighted-informations.no-variants,
.featured-products .thumbnail-container:hover .highlighted-informations.no-variants,
.product-accessories .thumbnail-container:focus .highlighted-informations.no-variants,
.product-accessories .thumbnail-container:hover .highlighted-informations.no-variants,
.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants,
.product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
bottom:4.2rem
}
#products .thumbnail-container:focus .product-description:after,
#products .thumbnail-container:hover .product-description:after,
.featured-products .thumbnail-container:focus .product-description:after,
.featured-products .thumbnail-container:hover .product-description:after,
.product-accessories .thumbnail-container:focus .product-description:after,
.product-accessories .thumbnail-container:hover .product-description:after,
.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
content:"";
border-top:1px solid #7a7a7a;
position:absolute;
width:80%;
top:0;
left:10%;
opacity:.25
}
#products .thumbnail-container .product-thumbnail,
.featured-products .thumbnail-container .product-thumbnail,
.product-accessories .thumbnail-container .product-thumbnail,
.product-miniature .thumbnail-container .product-thumbnail {
position:relative;
height:calc(100% - 70px)
}
#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
max-height:100%;
max-width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto
}
#products .products-section-title,
.featured-products .products-section-title,
.product-accessories .products-section-title,
.product-miniature .products-section-title {
text-align:center;
margin-bottom:1.5rem
}
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
text-align:center;
text-transform:capitalize;
margin-top:.7rem
}
#products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping {
color:#232323;
font-weight:700;
text-align:center
}
#products .product-price-and-shipping .discount-product,
.featured-products .product-price-and-shipping .discount-product,
.product-accessories .product-price-and-shipping .discount-product,
.product-miniature .product-price-and-shipping .discount-product {
display:none
}
#products .variant-links,
.featured-products .variant-links,
.product-accessories .variant-links,
.product-miniature .variant-links {
position:relative;
text-align:center;
width:100%;
top:-.25em;
padding-top:.1875rem;
min-height:2.5rem;
background:#fff
}
#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
position:absolute;
bottom:1.25rem;
padding-top:.625rem;
z-index:2;
background:#fff;
text-align:center;
width:250px;
height:3.125rem;
box-shadow:0 -5px 10px -5px rgba(0,0,0,.2);
transition:bottom .3s
}
#products .highlighted-informations .quick-view,
.featured-products .highlighted-informations .quick-view,
.product-accessories .highlighted-informations .quick-view,
.product-miniature .highlighted-informations .quick-view {
color:#7a7a7a;
font-size:1rem
}
#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover {
color:#2fb5d2
}
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
position:absolute;
z-index:3;
background:#fff;
width:250px;
bottom:0;
height:70px
}
#products .product,
.featured-products .product,
.product-accessories .product,
.product-miniature .product {
padding:0
}
.page-index #products .product,
.page-index .featured-products .product,
.page-index .product-accessories .product,
.page-index .product-miniature .product,
.page-search #products .product,
.page-search .featured-products .product,
.page-search .product-accessories .product,
.page-search .product-miniature .product {
width:25%;
min-width:250px
}
#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature .product-miniature {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 .8125rem
}
#products .product-miniature .product-flags li.product-flag,
.featured-products .product-miniature .product-flags li.product-flag,
.product-accessories .product-miniature .product-flags li.product-flag,
.product-miniature .product-miniature .product-flags li.product-flag {
min-width:3.125rem;
min-height:1.875rem;
font-weight:600
}
#products .product-miniature .product-flags li.product-flag.online-only,
.featured-products .product-miniature .product-flags li.product-flag.online-only,
.product-accessories .product-miniature .product-flags li.product-flag.online-only,
.product-miniature .product-miniature .product-flags li.product-flag.online-only {
top:13.1rem
}
#products .comments_note,
.featured-products .comments_note,
.product-accessories .comments_note,
.product-miniature .comments_note {
text-align:center;
color:#7a7a7a
}
#products .regular-price,
.featured-products .regular-price,
.product-accessories .regular-price,
.product-miniature .regular-price {
color:#7a7a7a;
text-decoration:line-through;
font-size:.875rem;
display:inline-block
}
#products .count,
.featured-products .count,
.product-accessories .count,
.product-miniature .count {
color:#7a7a7a;
font-weight:700;
position:relative;
bottom:.5rem
}
#products .all-product-link,
.featured-products .all-product-link,
.product-accessories .all-product-link,
.product-miniature .all-product-link {
clear:both;
color:#7a7a7a;
font-weight:700;
margin-top:1.5rem;
margin-bottom:1.5rem
}
@media (max-width:767px) {
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)
}
#products .thumbnail-container .product-description,
.featured-products .thumbnail-container .product-description,
.product-accessories .thumbnail-container .product-description {
box-shadow:0 -5px 10px -5px rgba(0,0,0,.2)
}
}
@media (max-width:991px) {
.featured-products .products {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
#custom-text {
background:#fff;
border-radius:2px;
margin-bottom:1.5rem;
padding:3.125rem;
text-align:center
}
#custom-text h2 {
text-transform:uppercase;
color:#232323;
font-size:1.563rem;
font-weight:700
}
#custom-text .page-content.page-cms ul,
#custom-text p,
.page-content.page-cms #custom-text ul {
color:#232323;
font-weight:400;
font-size:1.1em
}
#custom-text .page-content.page-cms ul .dark,
#custom-text p .dark,
.page-content.page-cms #custom-text ul .dark {
color:#7a7a7a;
font-weight:400
}
#custom-text img {
max-width:100%;
height:100%
}
.page-content.page-cms {
background:#fff;
padding:1.25rem;
text-align:justify
}
.page-content.page-cms .cms-box img {
max-width:100%
}
.page-content.page-cms ul {
list-style:disc inside none
}
@media (max-width:991px) {
#block-cmsinfo {
padding:1.25rem 1.875rem
}
}
#products {
color:#7a7a7a
}
#products .products-select {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
#products .up {
margin-bottom:1rem
}
#products .up .btn-secondary,
#products .up .btn-tertiary {
color:#7a7a7a;
text-transform:inherit
}
#products .up .btn-secondary .material-icons,
#products .up .btn-tertiary .material-icons {
margin-right:0
}
.block-category {
min-height:13.75rem;
margin-bottom:1.563rem
}
.block-category .block-category-inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.block-category .block-category-inner #category-description .page-content.page-cms ul,
.block-category .block-category-inner #category-description p,
.block-category .block-category-inner #category-description strong,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
font-weight:400;
color:#7a7a7a
}
.block-category .block-category-inner #category-description .page-content.page-cms ul,
.block-category .block-category-inner #category-description p,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
color:#232323;
margin-bottom:0;
word-break:break-word
}
.block-category .block-category-inner #category-description .page-content.page-cms ul:first-child,
.block-category .block-category-inner #category-description p:first-child,
.page-content.page-cms .block-category .block-category-inner #category-description ul:first-child {
margin-bottom:1.25rem
}
.block-category .block-category-inner .category-cover img {
width:141px;
height:180px
}
.products-selection .sort-by-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.products-selection .sort-by {
white-space:normal;
word-break:break-word;
margin-right:-.9375rem;
margin-left:.9375rem;
text-align:right
}
.products-selection .total-products,
.products-selection h1 {
padding-top:.625rem
}
.brands-sort,
.products-sort-order,
.suppliers-sort {
color:#7a7a7a
}
.brands-sort .select-title,
.products-sort-order .select-title,
.suppliers-sort .select-title {
display:inline-block;
width:100%;
color:#232323;
background:#fff;
padding:.625rem;
cursor:pointer;
border:1px solid rgba(0,0,0,.25);
box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)
}
.brands-sort .select-list,
.products-sort-order .select-list,
.suppliers-sort .select-list {
display:block;
color:#232323;
padding:.625rem 1.25rem
}
.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {
background:#2fb5d2;
color:#fff;
text-decoration:none
}
.brands-sort .dropdown-menu,
.products-sort-order .dropdown-menu,
.suppliers-sort .dropdown-menu {
left:auto;
width:16.88rem;
background:#f6f6f6;
border:none;
border-radius:0;
box-shadow:2px 2px 4px 0 rgba(0,0,0,.1);
margin:0
}
.facet-dropdown {
color:#7a7a7a;
padding-left:0;
padding-right:0;
background:#f1f1f1;
border:3px solid transparent;
box-sizing:border-box;
box-shadow:1px 1px 1px 1px #f1f1f1
}
.facet-dropdown.open {
border:0
}
.facet-dropdown.open>.select-title {
border:3px solid #2fb5d2;
background:#f6f6f6
}
.facet-dropdown .select-title {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:0;
width:100%;
color:#232323;
background:#f1f1f1;
padding:.625rem .625rem .625rem 1.25rem;
cursor:pointer
}
.facet-dropdown .select-title>i {
margin-left:auto
}
.facet-dropdown .select-list {
display:block;
color:#232323;
background:#f6f6f6;
padding:.625rem 1.25rem
}
.facet-dropdown .select-list:hover {
background:#2fb5d2;
color:#fff;
text-decoration:none
}
.facet-dropdown .dropdown-menu {
padding:0;
margin-top:3px;
left:auto;
width:100%;
background:#f6f6f6;
border:none;
box-shadow:1px 1px 1px 1px #f1f1f1
}
#search_filters,
#search_filters_brands,
#search_filters_suppliers {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
margin-bottom:1.563rem;
background:#fff;
padding:1.563rem 1.25rem
}
#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
padding-top:.625rem
}
#search_filters .facet .collapse,
#search_filters_brands .facet .collapse,
#search_filters_suppliers .facet .collapse {
display:block
}
#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title {
color:#7a7a7a
}
#search_filters .facet .facet-label,
#search_filters_brands .facet .facet-label,
#search_filters_suppliers .facet .facet-label {
margin-bottom:0
}
#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
margin-top:.4375rem;
color:#232323;
display:inline-block;
font-size:.9375rem
}
#search_filters_brands .facet,
#search_filters_suppliers .facet {
padding-top:0
}
#search_filters_brands .facet .facet-label,
#search_filters_suppliers .facet .facet-label {
margin-bottom:.3125rem
}
.pagination {
width:100%
}
.pagination>div:first-child {
line-height:2.5rem
}
.pagination .page-list {
background:#fff;
padding:.375rem;
margin-bottom:0;
box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)
}
.pagination .page-list li {
display:inline
}
.pagination a {
color:#000;
font-weight:600
}
.pagination a:not(.previous):not(.next) {
letter-spacing:.125rem
}
.pagination .previous {
float:left
}
.pagination .next {
float:right
}
.pagination .disabled {
color:#7a7a7a
}
.pagination .current a {
color:#2fb5d2;
text-decoration:none;
font-size:1.25rem
}
.active_filters {
background:#dededd;
padding:.625rem 1.875rem 0;
margin-bottom:1.25rem
}
.active_filters .active-filter-title {
display:inline;
margin-right:.625rem;
font-weight:600
}
.active_filters ul {
display:inline
}
.active_filters .filter-block {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
color:#232323;
margin-right:.625rem;
margin-bottom:.625rem;
background:#fff;
padding:.625rem;
display:inline-block;
font-size:.8125rem
}
.active_filters .filter-block .close {
color:#232323;
font-size:.9375rem;
opacity:1;
margin-top:.1875rem;
margin-left:.3125rem
}
.block-categories {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
background:#fff;
padding:1.563rem 1.25rem;
margin-bottom:1.563rem
}
.block-categories .category-sub-menu {
margin-top:.625rem
}
.block-categories .category-sub-menu .category-sub-link {
font-size:.875rem
}
.block-categories .category-sub-menu li {
position:relative
}
.block-categories .category-sub-menu li[data-depth="1"] {
margin-bottom:.625rem
}
.block-categories .category-sub-menu li[data-depth="0"]>a {
font-weight:600;
border-bottom:1px solid rgba(0,0,0,.25);
width:100%;
display:inline-block;
margin:.3125rem 0 0;
padding-bottom:.1875rem
}
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {
padding-left:.3125rem
}
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]):before {
content:"-";
margin-right:.3125rem
}
.block-categories a {
color:#232323
}
.block-categories .collapse-icons {
position:absolute;
right:0;
top:0;
padding:0;
cursor:pointer
}
.block-categories .collapse-icons[aria-expanded=true] .add {
display:none
}
.block-categories .collapse-icons[aria-expanded=true] .remove {
display:block
}
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
color:#2fb5d2
}
.block-categories .collapse-icons .remove {
display:none
}
.block-categories .arrows .arrow-down,
.block-categories .arrows .arrow-right {
font-size:.875rem;
cursor:pointer;
margin-left:2px
}
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
color:#2fb5d2
}
.block-categories .arrows .arrow-down,
.block-categories .arrows[aria-expanded=true] .arrow-right {
display:none
}
.block-categories .arrows[aria-expanded=true] .arrow-down {
display:inline-block
}
.facets-title {
color:#232323
}
.products-selection .filter-button .btn-secondary,
.products-selection .filter-button .btn-tertiary {
padding:.75rem .5rem .6875rem
}
.advertising-block {
margin-bottom:1.563rem
}
.advertising-block img {
width:100%
}
@media (max-width:767px) {
#category #left-column {
width:100%
}
#category #left-column #search_filters_wrapper {
margin-left:-30px;
margin-right:-30px
}
#category #left-column #search_filter_controls {
text-align:center;
margin-bottom:1rem
}
#category #left-column #search_filter_controls button {
margin:0 .5rem
}
#category #left-column #search_filters {
margin-bottom:0;
box-shadow:none;
padding:0;
border-top:1px solid #f6f6f6
}
#category #left-column #search_filters .facet {
padding-top:0;
border-bottom:1px solid #f6f6f6
}
#category #left-column #search_filters .facet .title {
cursor:pointer
}
#category #left-column #search_filters .facet .title .collapse-icons .remove,
#category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
display:none
}
#category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
display:block
}
#category #left-column #search_filters .facet .facet-title {
color:#232323;
text-transform:uppercase
}
#category #left-column #search_filters .facet .h6 {
margin-bottom:0;
padding:.625rem;
display:inline-block
}
#category #left-column #search_filters .facet .navbar-toggler {
display:inline-block;
padding:.625rem .625rem 0 0
}
#category #left-column #search_filters .facet .collapse {
display:none
}
#category #left-column #search_filters .facet .collapse.in {
display:block
}
#category #left-column #search_filters .facet .facet-label a {
margin-top:0
}
#category #left-column #search_filters .facet ul {
margin-bottom:0
}
#category #left-column #search_filters .facet ul li {
border-top:1px solid #f6f6f6;
padding:.625rem
}
#category #content-wrapper,
#category #search_filter_toggler {
width:100%
}
.products-sort-order .select-title {
margin-left:0
}
.products-selection h1 {
padding-top:0;
text-align:center;
margin-bottom:1rem
}
.products-selection .showing {
padding-top:1rem
}
#best-sales #content-wrapper,
#new-products #content-wrapper,
#prices-drop #content-wrapper {
width:100%
}
}
@media (max-width:575px) {
.products-selection .filter-button {
padding-left:0
}
#category #left-column #search_filters_wrapper {
margin-left:-15px;
margin-right:-15px
}
}
@media screen and (max-width:767px) {
.category-cover {
display:none
}
.block-category {
min-height:0;
margin-bottom:0
}
.card-block {
padding:0
}
.card {
box-shadow:none;
background-color:inherit;
border:none
}
}
@media (max-width:991px) {
#products .products {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
#product #content {
position:relative;
max-width:452px;
margin:0 auto
}
.product-price {
color:#2fb5d2;
display:inline-block
}
#product-description-short {
color:#232323
}
.product-information {
font-size:.9375rem;
color:#232323
}
.product-information .manufacturer-logo {
height:3.125rem;
border:none;
margin-bottom:1rem
}
.product-information .product-description img {
max-width:100%;
height:auto
}
.product-information .product-description ul {
list-style:inherit;
list-style-position:inside;
padding-left:.75rem
}
.input-color {
position:absolute;
opacity:0;
cursor:pointer;
height:1.25rem;
width:1.25rem
}
.input-container {
position:relative
}
.input-radio {
position:absolute;
top:0;
cursor:pointer;
opacity:0;
width:100%;
height:100%
}
.input-color:checked+span,
.input-color:hover+span,
.input-radio:checked+span,
.input-radio:hover+span {
border:2px solid #232323
}
.radio-label {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
background:#fff;
display:inline-block;
padding:.125rem .625rem;
font-weight:600;
border:2px solid #fff
}
.product-actions .control-label {
margin-bottom:.375rem;
display:block;
width:100%
}
.product-actions .add-to-cart {
height:2.75rem;
line-height:inherit;
padding-top:.625rem
}
.product-actions .add-to-cart .material-icons {
line-height:inherit
}
.product-quantity {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.product-quantity .add,
.product-quantity .qty {
float:left;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-bottom:.5rem
}
.product-quantity .qty {
margin-right:.4rem
}
.product-quantity #quantity_wanted {
color:#232323;
background-color:#fff;
height:2.75rem;
padding:.175rem .5rem;
width:3rem
}
.product-quantity .input-group-btn-vertical {
width:auto
}
.product-quantity .input-group-btn-vertical .btn {
padding:.5rem .6875rem
}
.product-quantity .input-group-btn-vertical .btn i {
font-size:1rem;
top:.125rem;
left:.1875rem
}
.product-quantity .btn-touchspin {
height:1.438rem
}
.product-discounts {
margin-bottom:1.5rem
}
.product-discounts>.product-discounts-title {
font-weight:400;
font-size:.875rem
}
.product-discounts>.table-product-discounts thead tr th {
width:33%;
padding:.625rem 1.25rem;
background:#fff;
border:.3125rem solid #f1f1f1;
text-align:center
}
.product-discounts>.table-product-discounts tbody tr {
background:#f6f6f6
}
.product-discounts>.table-product-discounts tbody tr:nth-of-type(2n) {
background:#fff
}
.product-discounts>.table-product-discounts tbody tr td {
padding:.625rem 1.25rem;
text-align:center;
border:.3125rem solid #f1f1f1
}
.product-prices {
margin-top:1.25rem
}
.product-prices div {
margin-bottom:.625rem
}
.product-prices .tax-shipping-delivery-label {
font-size:.8125rem;
color:#7a7a7a
}
.product-prices .tax-shipping-delivery-label .delivery-information {
padding:0 0 0 2px
}
.product-prices .tax-shipping-delivery-label .delivery-information:before {
content:"-";
padding:0 2px 0 0
}
.product-discount {
color:#7a7a7a
}
.product-discount .regular-price {
text-decoration:line-through;
font-weight:400;
margin-right:.625rem
}
.has-discount .page-content.page-cms ul,
.has-discount.product-price,
.has-discount p,
.page-content.page-cms .has-discount ul {
color:#f39d72
}
.has-discount .discount {
background:#f39d72;
color:#fff;
font-weight:600;
padding:.3125rem .625rem;
font-size:1rem;
margin-left:.625rem;
text-transform:uppercase;
display:inline-block
}
.product-unit-price {
font-size:.8125rem;
margin-bottom:0
}
.tabs {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
margin-top:2rem;
background:#fff;
padding:1.25rem 1.875rem
}
.tabs .tab-pane {
padding-top:1.25rem
}
.tabs .nav-tabs {
border:none;
border-bottom:2px solid #f1f1f1
}
.tabs .nav-tabs .nav-link {
color:#7a7a7a;
border:0 solid transparent
}
.tabs .nav-tabs .nav-link.active {
color:#2fb5d2
}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
border:none;
border-bottom:3px solid #2fb5d2
}
.tabs .nav-tabs .nav-item {
float:left;
margin-bottom:-.125rem
}
.product-cover {
margin-bottom:1.25rem;
position:relative
}
.product-cover img {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
background:#fff
}
.product-cover .layer {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:100%;
background:#000;
position:absolute;
left:0;
top:0;
opacity:0;
background:rgba(0,0,0,.6);
text-align:center;
cursor:pointer
}
.product-cover .layer:hover {
opacity:1
}
.product-cover .layer .zoom-in {
font-size:3.125rem;
color:#fff
}
#product-modal .modal-content {
background:transparent;
border:none;
padding:0
}
#product-modal .modal-content .modal-body {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-left:-30%
}
#product-modal .modal-content .modal-body .product-cover-modal {
background:#fff
}
#product-modal .modal-content .modal-body .image-caption {
background:#fff;
width:800px;
padding:.625rem 1.25rem;
border-top:1px solid #f1f1f1
}
#product-modal .modal-content .modal-body .image-caption .page-content.page-cms ul,
#product-modal .modal-content .modal-body .image-caption p,
.page-content.page-cms #product-modal .modal-content .modal-body .image-caption ul {
margin-bottom:0
}
#product-modal .modal-content .modal-body .thumbnails {
position:relative
}
#product-modal .modal-content .modal-body .mask {
position:relative;
overflow:hidden;
max-height:49.38rem;
margin-top:2.188rem;
z-index:1
}
#product-modal .modal-content .modal-body .mask.nomargin {
margin-top:0
}
#product-modal .modal-content .modal-body .product-images {
margin-left:2.5rem
}
#product-modal .modal-content .modal-body .product-images img {
width:9.25rem;
cursor:pointer;
background:#fff
}
#product-modal .modal-content .modal-body .product-images img:hover {
border:3px solid #2fb5d2
}
#product-modal .modal-content .modal-body .arrows {
height:100%;
width:100%;
text-align:center;
position:absolute;
top:0;
color:#fff;
right:1.875rem;
z-index:0;
cursor:pointer
}
#product-modal .modal-content .modal-body .arrows .arrow-up {
position:absolute;
top:-2rem;
opacity:.2
}
#product-modal .modal-content .modal-body .arrows .arrow-down {
position:absolute;
bottom:-2rem
}
#product-modal .modal-content .modal-body .arrows i {
font-size:6.25rem;
display:inline
}
#blockcart-modal {
color:#232323
}
#blockcart-modal .modal-header {
background:#fff
}
#blockcart-modal .modal-header .close {
opacity:1
}
#blockcart-modal .modal-header .close .material-icons {
color:#363a42
}
#blockcart-modal .modal-body {
background:#fff;
padding:3.125rem 1.875rem
}
#blockcart-modal .modal-body .divide-right span {
display:inline-block;
margin-bottom:.3125rem
}
@media (max-width:767px) {
#blockcart-modal .modal-body .divide-right span {
display:block;
padding:0 .5rem
}
}
#blockcart-modal .modal-dialog {
max-width:1140px;
width:100%
}
#blockcart-modal .product-image {
width:100%;
max-width:9.375rem;
display:block;
margin:0 0 0 auto
}
#blockcart-modal .modal-title {
color:#353943;
font-size:1rem;
font-weight:400
}
#blockcart-modal .modal-title i.material-icons {
margin-right:1.875rem;
color:#4cbb6c
}
#blockcart-modal .product-name {
color:#2fb5d2;
font-size:1.125rem
}
@media (max-width:767px) {
#blockcart-modal .product-name {
padding:0 .5rem
}
}
#blockcart-modal .product-price {
color:#363a42;
display:block
}
@media (max-width:767px) {
#blockcart-modal .product-price {
padding:0 .5rem
}
}
#blockcart-modal .cart-content {
padding-left:2.5rem
}
#blockcart-modal .cart-content .page-content.page-cms ul,
#blockcart-modal .cart-content p,
.page-content.page-cms #blockcart-modal .cart-content ul {
color:#363a42;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0 .5rem
}
#blockcart-modal .cart-content .page-content.page-cms ul.product-total,
#blockcart-modal .cart-content p.product-total,
.page-content.page-cms #blockcart-modal .cart-content ul.product-total {
background-color:#f1f1f1;
padding:.5rem
}
#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,
#blockcart-modal .cart-content p.cart-products-count,
.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
font-size:1rem;
color:#6c868e;
font-weight:600
}
#blockcart-modal .cart-content .page-content.page-cms ul.product-tax,
#blockcart-modal .cart-content p.product-tax,
.page-content.page-cms #blockcart-modal .cart-content ul.product-tax {
display:inherit;
font-size:.875rem
}
#blockcart-modal .cart-content .page-content.page-cms ul .label,
#blockcart-modal .cart-content .page-content.page-cms ul .value,
#blockcart-modal .cart-content p .label,
#blockcart-modal .cart-content p .value,
.page-content.page-cms #blockcart-modal .cart-content ul .label,
.page-content.page-cms #blockcart-modal .cart-content ul .value {
font-weight:600
}
#blockcart-modal .cart-content .cart-content-btn {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex
}
#blockcart-modal .cart-content .cart-content-btn button {
margin-right:.9rem
}
#blockcart-modal .cart-content .cart-content-btn .btn {
white-space:inherit
}
#blockcart-modal .divide-right {
border-right:1px solid #dbdbdb
}
.product-images>li.thumb-container {
display:inline
}
.product-images>li.thumb-container>.thumb {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
cursor:pointer;
margin-bottom:.625rem
}
.images-container .product-images>li.thumb-container>.thumb {
margin-right:.8125rem
}
.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
border:3px solid #2fb5d2
}
#main .images-container .js-qv-mask {
white-space:nowrap;
overflow:hidden
}
#main .images-container .js-qv-mask.scroll {
width:calc(100% - 60px);
margin:0 auto
}
.scroll-box-arrows {
display:none
}
.scroll-box-arrows.scroll {
display:block
}
.scroll-box-arrows i {
position:absolute;
bottom:1.625rem;
height:100px;
line-height:100px;
cursor:pointer
}
.scroll-box-arrows .left {
left:0
}
.scroll-box-arrows .right {
right:0
}
#product-availability {
margin-top:.625rem;
display:inline-block;
font-weight:700
}
#product-availability .material-icons {
line-height:inherit
}
#product-availability .product-available {
color:#4cbb6c
}
#product-availability .product-last-items,
#product-availability .product-unavailable {
color:#ff9a52
}
#product-details .label {
font-size:1rem;
color:#232323;
font-weight:700
}
.product-features {
margin-top:1.25rem;
margin-left:.3125rem
}
.product-features>dl.data-sheet {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch
}
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
-webkit-box-flex:1;
-ms-flex:1 0 40%;
flex:1 0 40%;
font-weight:400;
background:#f1f1f1;
padding:.625rem;
margin-right:.625rem;
min-height:2.5rem;
word-break:normal;
text-transform:capitalize;
margin-bottom:.5rem
}
.product-features>dl.data-sheet dd.value:nth-of-type(2n),
.product-features>dl.data-sheet dt.name:nth-of-type(2n) {
background:#f6f6f6
}
.product-variants>.product-variants-item {
margin:1.25rem 0
}
.product-variants>.product-variants-item select {
background-color:#fff;
width:auto;
padding-right:1.875rem;
box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)
}
.product-variants>.product-variants-item ul li {
margin-right:.625rem
}
.product-variants>.product-variants-item .color {
margin-left:0;
margin-top:0
}
.product-flags {
pointer-events:none;
position:absolute;
width:100%;
top:0;
left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:2
}
.product-flags li.product-flag {
pointer-events:auto;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
background:#2fb5d2;
font-weight:700;
padding:.3125rem .4375rem;
text-transform:uppercase;
color:#fff;
margin-top:.625rem;
font-size:1rem;
box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)
}
.product-flags li.product-flag.online-only {
position:absolute;
top:25rem;
right:0;
z-index:1;
font-size:.8125rem;
margin-top:0
}
.product-flags li.product-flag.online-only:before {
content:"\E30A";
font-family:Material Icons;
vertical-align:middle;
margin:.3125rem
}
.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
background-color:#f39d72
}
.product-flags li.product-flag.on-sale {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
background:#f39d72;
width:100%;
text-align:center;
margin-top:0!important
}
.product-customization {
margin:2.5rem 0
}
.product-customization .product-customization-item {
margin:1.25rem 0
}
.product-customization .product-message {
background:#f1f1f1;
border:none;
width:100%;
height:3.125rem;
resize:none;
padding:.625rem
}
.product-customization .product-message:focus {
background-color:#fff;
outline:.1875rem solid #2fb5d2
}
.product-customization .file-input {
width:100%;
opacity:0;
left:0;
z-index:1;
cursor:pointer;
height:2.625rem;
overflow:hidden;
position:absolute
}
.product-customization .customization-message {
margin-top:20px
}
.product-customization .custom-file {
position:relative;
background:#f1f1f1;
width:100%;
height:2.625rem;
line-height:2.625rem;
text-indent:.625rem;
display:block;
color:#7a7a7a;
margin-top:1.25rem
}
.product-customization .custom-file button {
z-index:0;
position:absolute;
right:0;
top:0
}
.product-customization small {
color:#7a7a7a
}
.product-pack {
margin-top:2.5rem
}
.product-pack .pack-product-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around
}
.product-pack .pack-product-container .pack-product-name {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
font-size:.875rem;
color:#7a7a7a
}
.product-pack .pack-product-container .pack-product-quantity {
border-left:2px solid #f1f1f1;
padding-left:.625rem
}
.product-pack .pack-product-container .pack-product-name,
.product-pack .pack-product-container .pack-product-price,
.product-pack .pack-product-container .pack-product-quantity {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.product-refresh {
margin-top:1.25rem
}
.social-sharing {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:1.5rem
}
.social-sharing ul {
margin-bottom:0
}
.social-sharing li {
box-shadow:2px 2px 4px 0 rgba(0,0,0,.2);
height:2.5rem;
width:2.5rem;
border-radius:50%;
display:inline-block;
background-color:#fff;
background-repeat:no-repeat;
background-size:2rem 2rem;
background-position:.25rem .25rem;
cursor:pointer;
margin-left:.5rem
}
.social-sharing li a {
display:block;
width:100%;
height:100%;
white-space:nowrap;
text-indent:100%;
overflow:hidden
}
.social-sharing li a:hover {
color:transparent
}
.products-selection {
margin-bottom:1.25rem
}
.products-selection .title {
color:#7a7a7a
}
#blockcart-modal .cart-content .btn {
margin-bottom:.625rem
}
@media (max-width:991px) {
.product-cover img {
width:100%
}
#product-modal .modal-content .modal-body {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-left:0
}
#product-modal .modal-content .modal-body img.product-cover-modal {
width:100%
}
#product-modal .modal-content .modal-body .arrows {
display:none
}
#product-modal .modal-content .modal-body .image-caption {
width:100%
}
#blockcart-modal .modal-dialog {
width:calc(100% - 20px)
}
#blockcart-modal .modal-body {
padding:1.875rem
}
}
@media (max-width:767px) {
#blockcart-modal .divide-right {
border-right:none
}
#blockcart-modal .modal-body {
padding:1rem
}
}
.cart-grid {
margin-bottom:1rem
}
.cart-items {
margin-bottom:0
}
.cart-item {
padding:1rem 0
}
.card-block {
padding:1.25rem 1.25rem .5rem
}
.card-block.checkout {
padding-bottom:1.75rem;
padding-top:0;
margin-top:1rem
}
.card-block.cart-summary-totals {
padding:0 1rem 1rem
}
.card-block.cart-summary-totals .cart-summary-line {
padding:.5rem .2rem 0
}
.card-block.cart-summary-totals .cart-summary-line:last-child {
margin-bottom:0
}
.card-block.cart-summary-totals .cart-summary-line.cart-total {
background-color:#f1f1f1;
padding:.5rem
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .label,
.card-block.cart-summary-totals .cart-summary-line.cart-total .value {
font-weight:700
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .label {
font-size:1rem
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .value {
font-size:1.125rem
}
.card-block.cart-summary-totals .cart-summary-line span.sub {
text-align:left;
font-size:.88rem;
float:none
}
.cart-summary-line {
clear:both;
margin-bottom:.315rem
}
.cart-summary-line:after {
content:"";
display:table;
clear:both
}
.cart-summary-line .label {
padding-left:0;
font-weight:400;
white-space:inherit;
color:#363a42
}
.cart-summary-line .value {
color:#232323;
float:right
}
.cart-summary-line.cart-summary-subtotals .label,
.cart-summary-line.cart-summary-subtotals .value {
font-weight:400
}
.cart-grid-body {
margin-bottom:.75rem
}
.cart-grid-body a.label:hover {
color:#2fb5d2
}
.cart-grid-body .card-block {
padding:1rem
}
.cart-grid-body .card-block h1 {
margin-bottom:0
}
.cart-grid-body .cart-overview {
padding:1rem
}
.cart-grid-right .promo-discounts {
margin-bottom:0;
text-align:center;
padding-top:.5rem;
padding-bottom:.5rem
}
.cart-grid-right .promo-discounts .cart-summary-line .label {
font-size:1rem;
color:#7a7a7a
}
.cart-grid-right .promo-discounts .cart-summary-line .label .code {
color:#f49d6e;
cursor:pointer
}
.cart-grid-right .cart-summary-line.cart-subtotal-products .label,
.cart-grid-right .cart-summary-line.cart-subtotal-products .value {
font-weight:600
}
.cart-grid-right .cart-summary-line.cart-subtotal-products .value {
font-size:1rem
}
.block-promo {
margin-bottom:1rem
}
.block-promo .promo-code {
padding:1rem
}
.block-promo .promo-code .alert-danger {
position:relative;
margin-top:1.25rem;
background:#ff4c4c;
color:#fff;
display:none
}
.block-promo .promo-code .alert-danger:after {
bottom:100%;
left:10%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#ff4c4c;
border-width:10px;
margin-left:-10px
}
.block-promo .promo-code form {
text-align:center
}
.block-promo .promo-input {
color:#232323;
border:1px solid #7a7a7a;
height:2.5rem;
text-indent:.625rem;
width:50%;
margin-right:-.24rem
}
.block-promo .promo-input+button {
margin-top:-4px;
margin-left:-1px;
text-transform:capitalize;
border:2px solid #2fb5d2
}
.block-promo .cart-summary-line .label,
.block-promo .promo-name {
color:#ff9a52;
font-weight:600;
margin-bottom:0
}
.block-promo .cart-summary-line .label a,
.block-promo .promo-name a {
font-weight:400;
color:#232323;
display:inline-block
}
.block-promo .promo-name .cart-summary-line .label {
font-weight:400;
color:#363a42
}
.block-promo .promo-name .cart-summary-line span {
color:#f49d6e
}
.block-promo .promo-name .material-icons {
font-size:1.2rem;
margin-left:.4rem
}
.block-promo .promo-code-button {
display:block;
text-align:center;
padding:0 0 1rem
}
.block-promo .promo-code-button.with-discounts {
display:none
}
.block-promo .promo-code-button.cancel-promo {
color:#2fb5d2;
margin-bottom:0
}
.block-promo .promo-code-button.cancel-promo[aria-expanded=true] {
display:block;
padding:0;
margin-top:1rem
}
.block-promo.promo-highlighted {
padding:0 1rem;
margin-bottom:0;
text-align:center
}
.block-promo .page-content.page-cms ul,
.block-promo p,
.page-content.page-cms .block-promo ul {
margin-bottom:0
}
.product-line-grid-left img {
max-width:100%
}
.product-line-grid-body>.product-line-info>.label {
padding:0;
line-height:inherit;
text-align:left;
white-space:inherit
}
.product-line-grid-body>.product-line-info>.out-of-stock {
color:red
}
.product-line-grid-body>.product-line-info>.available {
color:#4cbb6c
}
.product-line-grid-body>.product-line-info>.unit-price-cart {
padding-left:.3125rem;
font-size:.875rem;
color:#7a7a7a
}
.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price {
color:#232323;
line-height:36px
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart,
.product-line-grid-right .product-price .remove-from-cart {
color:#232323;
display:inline-block;
margin-top:.3125rem
}
@media (max-width:767px) {
.product-line-grid-body {
margin-bottom:1rem
}
}
@media (max-width:575px) {
.cart-items {
padding:1rem 0
}
.cart-item {
border-bottom:1px solid #f1f1f1
}
.cart-item:last-child {
border-bottom:0
}
.cart-grid-body .cart-overview {
padding:0
}
.cart-grid-body .no-items {
padding:1rem;
display:inline-block
}
.product-line-grid-left {
padding-right:0!important
}
}
@media (max-width:360px) {
.product-line-grid-right .price,
.product-line-grid-right .qty {
width:100%
}
}
#block-reassurance {
margin-top:2rem
}
#block-reassurance img {
width:1.563rem;
margin-right:.625rem
}
#block-reassurance li {
border-bottom:1px solid rgba(0,0,0,.25)
}
#block-reassurance li:last-child {
border:0
}
#block-reassurance li .block-reassurance-item {
padding:1rem 1.5rem
}
#product #block-reassurance {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
background:#fff
}
#product #block-reassurance span {
font-weight:700
}
.quickview .modal-dialog {
width:calc(100% - 30px);
max-width:64rem
}
.quickview .modal-content {
background:#f1f1f1;
min-height:28.13rem
}
.quickview .modal-header {
border:none;
padding:.625rem
}
.quickview .modal-body {
min-height:23.75rem
}
.quickview .modal-footer {
border-top:1px solid hsla(0,0%,48%,.3)
}
.quickview .layer {
display:none
}
.quickview .product-cover img {
width:95%
}
.quickview .images-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:1;
min-height:21.88rem
}
.quickview .images-container .product-images>li.thumb-container>.thumb {
width:100%;
max-width:4.938rem;
margin-bottom:.8125rem;
background:#fff
}
.quickview .mask {
width:35%;
max-height:22.5rem;
overflow:hidden;
margin-left:.625rem
}
.quickview .arrows {
position:absolute;
top:0;
bottom:0;
max-height:22.5rem;
right:5rem;
z-index:0
}
.quickview .arrows .arrow-up {
margin-top:-3.125rem;
cursor:pointer;
opacity:.2
}
.quickview .arrows .arrow-down {
position:absolute;
bottom:-1.875rem;
cursor:pointer
}
.quickview .social-sharing {
margin-top:0;
margin-left:2.5rem
}
#stores .page-stores {
width:85%;
margin:0 auto
}
#stores .page-stores .store-item {
padding-left:.75rem;
padding-right:.75rem
}
#stores .page-stores .store-picture img {
max-width:100%
}
#stores .page-stores .store-item-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:1.875rem 0
}
#stores .page-stores .store-item-container ul {
margin-bottom:0;
font-size:.9375rem
}
#stores .page-stores .store-item-container .divide-left {
border-left:1px solid #f1f1f1
}
#stores .page-stores .store-item-container .divide-left tr {
height:1.563rem
}
#stores .page-stores .store-item-container .divide-left td {
padding-left:.375rem
}
#stores .page-stores .store-item-container .divide-left th {
text-align:right
}
#stores .page-stores .store-item-container .store-description {
font-size:1rem
}
#stores .page-stores .store-item-footer {
margin-top:.5rem;
padding-top:.5rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around
}
#stores .page-stores .store-item-footer.divide-top {
border-top:1px solid #f1f1f1
}
#stores .page-stores .store-item-footer div:first-child {
-webkit-box-flex:0;
-ms-flex:0 0 65%;
flex:0 0 65%
}
#stores .page-stores .store-item-footer i.material-icons {
margin-right:.625rem;
color:#7a7a7a;
font-size:1rem
}
#stores .page-stores .store-item-footer li {
margin-bottom:.625rem
}
@media (max-width:767px) {
#stores .page-stores {
width:100%
}
#stores .page-stores .store-item-container {
padding:1rem 0
}
}
@media (max-width:575px) {
#stores .page-stores .store-item-container {
display:block
}
#stores .page-stores .store-item-container .divide-left {
border-left:none
}
#stores .page-stores .store-item-container .store-description a,
#stores .page-stores .store-item-container .store-description address {
margin-bottom:.5rem
}
#stores .page-stores .store-item-footer {
display:block
}
#stores .page-stores .store-item-footer.divide-top {
border-top:1px solid #f1f1f1
}
#stores .page-stores .store-item-footer li {
margin-bottom:.625rem
}
#stores .page-stores .store-item-footer .card-block {
padding:.75rem .75rem 0
}
}
.block-contact {
color:#7a7a7a
}
.block-contact .block-contact-title,
.linklist .blockcms-title a {
color:#232323
}
.account-list a {
color:#7a7a7a
}
.account-list a:hover {
color:#2fb5d2
}
.block-contact-title,
.blockcms-title,
.myaccount-title,
.myaccount-title a {
font-weight:700;
font-size:1rem
}
.block-social {
text-align:right
}
.block-social ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
@media (max-width:767px) {
.block-social ul {
-ms-flex-flow:wrap;
flex-flow:wrap
}
}
.block-social ul li {
height:2.5rem;
width:2.5rem;
background-color:#f1f1f1;
background-repeat:no-repeat;
display:inline-block;
margin:.125rem;
cursor:pointer
}
@media (max-width:767px) {
.block-social ul li {
height:2rem;
width:2rem;
margin-right:1.3rem;
margin-bottom:1.3rem;
background-size:contain
}
}
.block-social ul li:hover {
background-color:#2fb5d2
}
.block-social ul li a {
display:block;
height:100%;
white-space:nowrap;
text-indent:100%;
overflow:hidden
}
.block-social ul li a:hover {
color:transparent
}
.facebook {
background-image:url(../css/3935e107ea61866e60d7946dc6a962f1.svg)
}
.facebook:before {
content:"";
background-image:url(../css/8b05d51ede908907d65695558974d86f.svg)
}
.facebook.icon-gray {
background-image:url(../css/082a71677e756fb75817e8f262a07cb4.svg)
}
.facebook.icon-gray:hover {
background-image:url(../css/8b05d51ede908907d65695558974d86f.svg)
}
.twitter {
background-image:url(../css/a67175d1ea11389d9107bd8c08f9d7d7.svg)
}
.twitter:before {
content:"";
background-image:url(../css/ffddcb3736980b23405b31142a324b62.svg)
}
.twitter.icon-gray {
background-image:url(../css/e049aeb07a2ae1627933e8e58d3886d2.svg)
}
.twitter.icon-gray:hover {
background-image:url(../css/ffddcb3736980b23405b31142a324b62.svg)
}
.rss {
background-image:url(../css/cf2f3c1d5c7cb02c29f61964313148e1.svg)
}
.youtube {
background-image:url(../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg)
}
.googleplus {
background-image:url(../css/36bff72dcba3098b4b70b482b22c29ab.svg)
}
.googleplus:before {
content:"";
background-image:url(../css/c1a65805f759901a39d10eb854c1dcf2.svg)
}
.googleplus.icon-gray {
background-image:url(../css/3a2aeeba930cc29e4d31ebfa1b7cdaa2.svg)
}
.googleplus.icon-gray:hover {
background-image:url(../css/c1a65805f759901a39d10eb854c1dcf2.svg)
}
#block_myaccount_infos .myaccount-title a {
color:#232323
}
.pinterest {
background-image:url(../css/afb2ed6d67613a724a420a39b4fe5b0d.svg)
}
.pinterest:before {
content:"";
background-image:url(../css/b1db819132e64a3e01911a1413c33acf.svg)
}
.pinterest.icon-gray {
background-image:url(../css/99db8adec61e4fcf5586e1afa549b432.svg)
}
.pinterest.icon-gray:hover {
background-image:url(../css/b1db819132e64a3e01911a1413c33acf.svg)
}
.vimeo {
background-image:url(../css/f255af0bbbe837e79f7821827f9c6f10.svg)
}
.instagram {
background-image:url(../css/0266b05265f317a7409560b751cd61e8.svg)
}
.footer-container {
margin-top:1.25rem;
padding-top:1.25rem;
overflow:hidden;
box-shadow:2px 2px 11px 0 rgba(0,0,0,.3)
}
.footer-container li {
margin-bottom:.3125rem
}
.footer-container li a {
color:#7a7a7a;
cursor:pointer;
font-size:.875rem
}
.footer-container li a:hover {
color:#2fb5d2
}
.links .collapse {
display:inherit
}
@media (max-width:767px) {
.block_newsletter {
padding-bottom:.625rem;
border-bottom:1px solid #f6f6f6
}
.footer-container {
box-shadow:none;
margin-top:0
}
.footer-container .wrapper {
padding-left:0!important;
padding-right:0!important
}
.footer-container .links .h3 {
line-height:1.5;
font-size:1rem
}
.footer-container .links ul {
background-color:#f6f6f6;
margin-bottom:0
}
.footer-container .links ul>li {
padding:.625rem;
border-bottom:1px solid #fff;
font-weight:700
}
.footer-container .links ul>li a {
color:#232323
}
.links .collapse {
display:none
}
.links .collapse.in {
display:block
}
.links .title {
padding:.625rem;
border-bottom:1px solid #f6f6f6;
cursor:pointer
}
.links .title .collapse-icons .remove,
.links .title[aria-expanded=true] .collapse-icons .add {
display:none
}
.links .title[aria-expanded=true] .collapse-icons .remove {
display:block
}
.links .navbar-toggler {
display:inline-block;
padding:0
}
}
@media (max-width:991px) {
.block-social {
text-align:center
}
.block-contact {
padding-left:1.5rem
}
}
.contact-rich {
color:#7a7a7a;
margin-bottom:2rem;
word-wrap:break-word
}
.contact-rich h4 {
text-transform:uppercase;
color:#232323;
margin-bottom:2rem
}
.contact-rich .block {
height:auto;
overflow:hidden
}
.contact-rich .block .icon {
float:left;
width:3.5rem
}
.contact-rich .block .icon i {
font-size:2rem
}
.contact-rich .block .data {
color:#232323;
font-size:.875rem;
width:auto;
overflow:hidden
}
.contact-rich .block .data.email {
padding-top:.375rem
}
.contact-rich .block a[href^="mailto:"] {
clear:both;
margin-top:1rem
}
@media (min-width:576px) {
.contact-rich .block a[href^="mailto:"] {
font-size:.815rem
}
}
.contact-form {
background:#fff;
padding:1rem;
color:#7a7a7a;
width:100%
}
.contact-form h3 {
text-transform:uppercase;
color:#232323
}
#pagenotfound #main .page-header,
#products #main .page-header {
margin:2rem 0 3rem
}
#pagenotfound #main .page-content,
#products #main .page-content {
margin-bottom:10rem
}
#pagenotfound .page-not-found,
#products .page-not-found {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
background:#fff;
padding:1rem;
font-size:.875rem;
color:#7a7a7a;
max-width:570px;
margin:0 auto
}
#pagenotfound .page-not-found h4,
#products .page-not-found h4 {
font-size:1rem;
font-weight:700;
margin:.5rem 0 1rem
}
#pagenotfound .page-not-found .search-widget,
#products .page-not-found .search-widget {
float:none
}
#pagenotfound .page-not-found .search-widget input,
#products .page-not-found .search-widget input {
width:100%
}
.customization-modal .modal-content {
border-radius:0;
border:1px solid #f6f6f6
}
.customization-modal .modal-content .modal-body {
padding-top:0
}
.customization-modal .modal-content .modal-body .product-customization-line {
padding-bottom:.9375rem;
padding-top:.9375rem;
border-bottom:1px solid #f6f6f6
}
.customization-modal .modal-content .modal-body .product-customization-line .label {
font-weight:700;
text-align:right
}
.customization-modal .modal-content .modal-body .product-customization-line:last-child {
padding-bottom:0;
border-bottom:0
}
.sitemap-title {
text-transform:capitalize
}
.sitemap {
margin-top:.9375rem
}
.sitemap h2 {
color:#232323;
text-transform:uppercase;
font-size:1.1rem;
font-weight:600;
border-bottom:1px solid #7a7a7a;
margin-left:-15px;
width:100%;
height:35px
}
.sitemap ul {
margin-left:-15px;
margin-top:20px
}
.sitemap ul.nested {
margin-left:20px
}
.sitemap ul li {
font-size:.9rem;
margin-bottom:1rem
}
@media (max-width:575px) {
.sitemap {
margin-top:0
}
}
.block_newsletter {
background:#fff;
font-size:.875rem;
margin-bottom:.625rem
}
.block_newsletter form {
position:relative
}
.block_newsletter form input[type=text] {
border:none;
padding:10px;
min-width:255px;
color:#7a7a7a;
border:1px solid rgba(0,0,0,.25)
}
.block_newsletter form input[type=text]:focus {
outline:3px solid #2fb5d2;
color:#232323;
background:#fff
}
.block_newsletter form input[type=text]:focus+button .search {
color:#2fb5d2
}
.block_newsletter form button[type=submit] {
position:absolute;
background:none;
border:none;
bottom:.3125rem;
right:.125rem;
color:#7a7a7a
}
.block_newsletter form button[type=submit] .search:hover {
color:#2fb5d2
}
.block_newsletter form .input-wrapper {
overflow:hidden
}
.block_newsletter form input[type=email] {
padding:11px;
width:100%
}
.block_newsletter form input[type=email]:focus {
border:3px solid #2fb5d2;
padding:8px 8px 9px;
outline:0
}
.block_newsletter form input {
height:42px;
box-shadow:none
}
#footer .block_newsletter .page-content.page-cms ul,
#footer .block_newsletter p,
.page-content.page-cms #footer .block_newsletter ul {
padding-top:.625rem
}
#left-column .block_newsletter {
box-shadow:2px 2px 8px 0 rgba(0,0,0,.2);
margin-bottom:1.563rem;
padding:1.563rem 1.25rem
}
#manufacturer #main ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#manufacturer #main ul .brand {
padding:10px;
margin:5px;
text-align:center;
background:#fff;
transition:.4s ease-out;
width:calc(20% - 10px);
min-width:210px;
position:relative
}
#manufacturer #main ul .brand-infos a {
display:inline-block
}
#manufacturer #main ul .brand:hover {
box-shadow:0 0 8px 0 rgba(0,0,0,.2)
}
#manufacturer #main ul .brand-products {
display:none
}
#manufacturer #main ul .brand-img {
width:200px;
margin:auto;
position:relative
}
#manufacturer #main ul .brand-img a:before {
content:"";
position:absolute;
width:100%;
height:100%;
z-index:1;
top:0;
left:0
}
@media (max-width:991px) {
#manufacturer #main ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
#header {
background:#fff;
color:#7a7a7a
}
#header .logo {
max-width:100%
}
#header a {
color:#232323
}
#header a:hover {
text-decoration:none;
color:#2fb5d2
}
#header .menu,
#header .menu>ul>li {
display:inline-block
}
#header .header-nav {
border-bottom:2px solid #f1f1f1;
max-height:50px;
margin-bottom:30px
}
#header .header-nav #menu-icon {
vertical-align:middle;
cursor:pointer;
margin:0 1rem
}
#header .header-nav #menu-icon .material-icons {
line-height:50px
}
#header .header-nav .right-nav {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
#header .header-nav .currency-selector {
margin-top:.9375rem;
margin-left:.9375rem;
white-space:nowrap
}
#header .header-nav .user-info {
margin-left:2.5rem;
margin-top:.9375rem;
text-align:right;
white-space:nowrap
}
#header .header-nav .user-info .account {
margin-left:.625rem
}
#header .header-nav .language-selector {
margin-top:.9375rem;
white-space:nowrap
}
#header .header-nav .cart-preview.active {
background:#2fb5d2
}
#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active i {
color:#fff
}
#header .header-nav .cart-preview .shopping-cart {
vertical-align:middle;
color:#7a7a7a
}
#header .header-nav .cart-preview .body {
display:none
}
#header .header-nav .blockcart {
background:#f1f1f1;
height:3rem;
padding:.75rem;
margin-left:.9375rem;
text-align:center;
white-space:nowrap
}
#header .header-nav .blockcart a {
color:#7a7a7a
}
#header .header-nav .blockcart a:hover {
color:#2fb5d2
}
#header .header-nav .blockcart.active a:hover {
color:#fff
}
#header .header-nav .blockcart .header {
margin-top:.125rem
}
#header .header-nav #_desktop_contact_link {
display:inline-block
}
#header .header-nav #_desktop_contact_link #contact-link {
margin-top:.9375rem
}
#header .header-nav .search-widget {
margin-top:.2rem
}
#header .header-nav .material-icons {
line-height:inherit
}
#header .header-nav .material-icons.expand-more {
margin-left:-.375rem
}
#header .header-top {
padding-bottom:1.25rem
}
#header .header-top>.container {
position:relative
}
#header .header-top .menu {
padding-left:15px;
margin-bottom:.375rem
}
#header .header-top .position-static {
position:static
}
#header .header-top a[data-depth="0"] {
color:#7a7a7a;
text-transform:uppercase
}
#header .header-top .search-widget {
float:right
}
#header .top-menu-link {
margin-left:1.25rem
}
.popover {
font-family:inherit
}
#wrapper {
background:#f6f6f6;
box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.11);
padding-top:1.563rem
}
#wrapper .banner {
margin-bottom:1.5rem;
display:block
}
#wrapper .banner img {
box-shadow:1px 1px 7px 0 rgba(0,0,0,.15)
}
#wrapper .breadcrumb {
background:transparent;
padding:0
}
#wrapper .breadcrumb[data-depth="1"] {
display:none
}
#wrapper .breadcrumb ol {
padding-left:0;
margin-bottom:0
}
#wrapper .breadcrumb li {
display:inline
}
#wrapper .breadcrumb li:after {
content:"/";
color:#7a7a7a;
margin:.3125rem
}
#wrapper .breadcrumb li:last-child {
content:"/";
color:#7a7a7a;
margin:0
}
#wrapper .breadcrumb li:last-child:after {
content:""
}
#wrapper .breadcrumb li a {
color:#232323
}
#main .page-content,
#main .page-header {
margin-bottom:1.563rem
}
#main .page-content h6 {
margin-bottom:1.125rem
}
#main .page-content #notifications {
margin-left:-15px;
margin-right:-15px
}
#main .page-footer {
margin-bottom:1.563rem
}
#notifications ul {
margin-bottom:0
}
#footer {
padding-top:2.5rem
}
@media (max-width:1199px) {
#header .header-nav {
max-height:inherit
}
#header .header-nav .search-widget {
float:none;
width:15.63rem
}
}
@media (max-width:991px) {
.container {
max-width:100%
}
#header .logo {
width:auto
}
#header .header-top .search-widget {
min-width:inherit
}
#products .product-miniature,
.featured-products .product-miniature {
margin:0 auto
}
.sub-menu {
left:0;
min-width:100%
}
#blockcart-modal .product-image {
width:100%;
display:block;
max-width:15.63rem;
margin:0 auto .9375rem
}
#blockcart-modal .cart-content {
padding-left:0
}
#blockcart-modal .product-name,
#product-availability {
margin-top:.625rem
}
#search_filters .facet .facet-label {
text-align:left
}
.block-category .category-cover {
position:relative;
text-align:center
}
.block-category {
padding-bottom:0
}
}
@media (max-width:767px) {
#wrapper {
box-shadow:none
}
#checkout-cart-summary {
float:none;
width:100%;
margin-top:1rem
}
#header {
background:#f1f1f1
}
#header .header-nav {
background:#fff;
margin-bottom:.625rem;
color:#232323
}
#header .header-nav .top-logo {
padding-top:11px
}
#header .header-nav .top-logo a img {
max-height:50px;
max-width:100%
}
#header .header-nav .right-nav {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
#header .header-nav .user-info {
text-align:left;
margin-left:0
}
#header .header-nav .user-info .logged {
color:#2fb5d2
}
#header .header-nav .blockcart {
margin-left:0;
background:inherit
}
#header .header-nav .blockcart.active {
margin-left:.5rem
}
#header .header-nav .blockcart.inactive .cart-products-count {
display:none
}
#header .header-top {
background:#f1f1f1;
padding-bottom:0
}
#header .header-top a[data-depth="0"] {
color:#232323
}
#header .header-top .search-widget {
width:100%
}
#header.is-open,
#header.is-open .header-top {
background-color:#fff
}
section.checkout-step {
width:100%
}
.default-input {
min-width:100%
}
label {
clear:both
}
#products .product-miniature,
.featured-products .product-miniature {
margin:0 auto
}
.block-contact {
padding-left:.9375rem;
border:none
}
.dropdown-item,
.menu {
padding-left:0
}
#footer {
padding-top:.5rem
}
}
@media (max-width:575px) {
#content-wrapper,
#left-column {
padding-left:0!important;
padding-right:0!important
}
}
input[type=number] {
-moz-appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
html {font-size: 100%; overflow-x: hidden}
body {
font: 400 .9em/130% 'Lato', sans-serif; color: #000; color: #000;
background: #d80500 url('../img/elcaserio/bg.jpg') no-repeat 0 0; background-size: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';
}
/**** RESETING */
b, strong {font-weight: normal;}
.page-content.page-cms ul, p {color: #757577;}
.header-container,
header,
.columns-container,
.footer-container,
#header .header-top .top-menu,
.cart_block .cart-buttons a#button_order_cart {
background: none;
}
/**** ESTRUCTURA */
#header,
#wrapper,
#footer,
.footer-container {
background: none;
position: relative;
/*z-index: 10;*/
padding: 0;
}
#header,
#wrapper,
#footer,
.footer-container,
.card {
box-shadow: none !important;
}
#footer {clear: both}
.card {border: 0}
#header, #header .header-top {background: none;}
#header {z-index: 30;}
#header .header-top {padding-bottom: 0}
#main {background: #FFF; padding: 4em 0}
#index #main {padding-top: 0}
#products {color: inherit;}
#page {
max-width: 980px; /* Por ejemplo */
margin: 0 auto;
position: relative;
z-index: 5
}
#main .page-footer {margin-left: 4%; margin-right: 4%;}
#main .page-footer a{text-transform: uppercase;font-family: 'Domine';text-decoration: underline;margin-right:2em;}
.page-content.page-cms {margin-left: 4%; margin-right: 4%}
/**** COLUMNAS */
.columns {display: flex; justify-content: space-between; flex-wrap: wrap}
.columns.nowrap {flex-wrap: nowrap;}
.columns.valign-top {align-items: flex-start;}
.columns.valign-middle {align-items: center;}
.columns.valign-bottom {align-items: flex-end;}
.columns.align-center {justify-content: center;}
.columns.align-left {justify-content: flex-start;}
.columns.align-right {justify-content: flex-end;}
/**** ESTILOS GENERALES */
a {outline:none !important; color: #666;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
a:hover {color: #000}
b, strong {font-family: 'Lato'; font-weight: 700}
.text-left,
.text-justify h1,
.text-justify h2,
.text-justify h3,
.text-justify h4,
.text-justify h5
.text-justify h6 {text-align: left;}
.text-justify {text-align: justify;}
.text-center {text-align: center;}
.text-right {text-align: right}
.text-xsmall {font-size: 80%; line-height: 110%}
.text-small {font-size: 90%; line-height: 130%}
.text-med {font-size: 110%; line-height: 1}
.text-big {font-size: 120%; line-height: 1}
.text-xbig {font-size: 130%; line-height: 1}
.text-xxbig {font-size: 145%; line-height: 1}
.text-xxxbig {font-size: 205%; line-height: 1}
small {font-size: 95%}
.inline {display: inline !important;}
mark {color: #FFF; background: #000}
::-moz-selection {color: #FFF; background: #000; opacity: 1}
::selection {color: #FFF; background: #000}
.animado {visibility: hidden;}
/*html.touch .animado {
-webkit-animation-name: none;
animation-name: none;
}*/
.upper {text-transform: uppercase;}
.ocult-item {opacity: 0; visibility: hidden;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/* Colores */
/* Colores */
.greylight {color: #9B9B9B !important}
.grey {color: #626261 !important}
.black {color: #000 !important}
.white {color: #FFF !important}
.red, .rojo {color: #E60700 !important}
.gold {color: #a79462 !important}
.blue {color: #0089C5 !important}
.green {color: #00BE7D !important}
.pink {color: #FF00A8 !important}
.yellow {color: #ffffba !important}
.egg {color: #ecc680 !important}
.purple {color: #6f0e53 !important}
.bg-xgreylight {background-color: #f0f0f0 !important}
.bg-greylight {background-color: #9B9B9B !important}
.bg-grey {background-color: #626261 !important}
.bg-black {background-color: #000 !important; color: #FFF !important}
.bg-white {background-color: #FFF !important}
.bg-red {background-color: #E60700 !important; color: #FFF !important}
.bg-gold {background-color: #a79462 !important}
.bg-blue {background-color: #0089C5 !important; color: #FFF !important}
.bg-green {background-color: #00BE7D !important}
.bg-pink {background-color: #FF00A8 !important}
.bg-yellow {background-color: #ffffba !important}
.bg-egg {background-color: #ecc680 !important}
.bg-purple {background-color: #ac2886 !important}
.black svg *,
svg.black * {fill: #000}
.white svg *,
svg.white * {fill: #FFF}
.blue svg *,
svg.blue * {fill: #0089C5}
.red svg *,
svg.red * {fill: #E60700}
.green svg *,
svg.green * {fill: #00BE7D}
.bg-grayscale {
/*-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");*/
-webkit-filter: grayscale(1); /* Old WebKit */
filter: grayscale(1);
}
.container::before,
.container::after,
.sidebar::before,
.sidebar::after,
i.recform::before,
i.recform::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0}
/* Iconos rec */
i {
display: inline-block;
-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
position: relative;
}
i.rec {width: 6px; height: 16px;}
i.rec-obliq {width: 5px; height: 21px;
-webkit-transform: skew(-7deg, -60deg);
transform: skew(-7deg, -60deg);
-ms-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
i.recform,
i.recform::before,
i.recform::after {height: 23em; z-index: 1}
i.recform {display: block; width: 100%; position: absolute; z-index: -1;
background: none !important;/* mix-blend-mode: multiply;*/
-webkit-transform: skewY(-14deg);
transform: skewY(-14deg);
}
i.recform::before {top: 0;
-webkit-transform-origin: right top;
-webkit-transform: skewY(1deg);
transform-origin: right top;
transform: skewY(1deg);
}
i.recform::after {bottom: 0; top: auto;
-webkit-transform-origin: right bottom;
-webkit-transform: skewY(-8deg);
transform-origin: right bottom;
transform: skewY(-8deg);
}
i.recform.bg-pink {top: 45em;}
i.recform.bg-yellow {top: 128em;
-webkit-transform: skewY(-8deg) rotate(200deg);
transform: skewY(-8deg) rotate(200deg);
width: 150%;
left: -25%;
}
i.recform.bg-yellow::before {
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
}
i.recform.bg-blue {top: 195em;}
.page-footer .account-link i{font-size:0;}
/* OVERLAY */
.overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 200;
visibility: hidden; opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.layer_cart_overlay {opacity: 0.8}
.overlay.inner {background: rgba(0,0,0,.8);}
.overlay.active {position: fixed;}
.overlay.inner.active {position: absolute;}
.none {display: none;}
.hidden {visibility: hidden !important; opacity: 0 !important;}
.active {visibility: visible !important; opacity: 1 !important;}
.fixed {position: fixed;}
footer.fixed {bottom: 0}
/************************************************************************
MENU
************************************************************************/
.main-nav-ct {
width: 40%;
left: 101%;
font-size: 110%;
top: 0;
padding: 0;
height: 100%;
background: #FFF url('../img/elcaserio/logo-menu.png') no-repeat bottom right;
background-size: 54%;
color: #000;
font-family: 'Domine', serif;
font-weight: 700;
position: fixed;
z-index: 200;
-ms-transition: all .6s ease;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.main-nav-ct a {color: #b6b6b6; cursor: pointer; position: relative;}
.main-nav-ct ul li a:hover {color: #000;}
.main-nav-ct ul li.current-menu-item > a {color: #000;}
.menu-wp,
.menu-ct {height: 100%; width: 100%;}
.menu-wp {overflow: auto; display: table}
.menu-ct {display: table-cell; vertical-align: middle;}
/* Menu principal */
.site-navigation {position: relative; margin-top: 4em; z-index: 20}
/*.site-navigation::after {content: ''; width: 60%; height: 4px; background: #000; position: absolute; bottom: -2em; left: 0}*/
.site-navigation > ul {margin-left: 15%}
.site-navigation ul li {color: #000; cursor: pointer; position: relative; padding: .3em 0}
.site-navigation ul li.item-home {display: none;}
.site-navigation ul li a {position: relative; display: block; font-size: 180%; line-height: 1; }
/*
.site-navigation ul li a::after {content: ''; width: 100%; height: 100%; position: absolute; z-index: -1; bottom: .4em; left: 0; background: #f3f3f3; opacity: 0; visibility: hidden;
-webkit-transition: opacity .8s ease;
-moz-transition: opacity .8s ease;
-o-transition: opacity .8s ease;
transition: opacity .8s ease;
}*/
.site-navigation ul li a:hover {}
.site-navigation ul li a:hover::after {opacity: 1; visibility: visible;}
.site-navigation ul li a:hover .ocult-item {opacity: 1; visibility: visible;}
/* Submenu */
.main-nav-ct ul li ul.sub-menu { /*font-size: 55%; */display: none; border-left: 0.15em solid #b6b6b6; padding-left: 1em; margin: .4em 0}
.main-nav-ct ul li.current-page-ancestor ul.sub-menu {display: block;}
.nav-trigger,
.nav-utilities {display: block; position: fixed; cursor: pointer; z-index: 600; font-size: 18px;}
/* Menu trigger */
.nav-trigger {width: 42px; height: 27px; top: 30px; right: 30px; padding: 10px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.nav-trigger.noback {background: none; background-position: bottom right}
.nav-trigger div.btn-nav {display: block; position: relative;}
.nav-trigger * {display: inline-block;}
.nav-trigger .none {display: none;}
.nav-trigger .btn-nav-icon,
.nav-trigger .btn-nav-icon:after,
.nav-trigger .btn-nav-icon:before {
position: absolute;
top: 0;
left: 0;
height: 7px;
width: 42px;
cursor: pointer;
background-color: #000;
display: block;
content: '';
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
.nav-trigger .btn-nav-icon {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.nav-trigger .btn-nav-icon:before {transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); }
.nav-trigger .btn-nav-icon:after {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
/* Hover & active state */
body.menu-open .main-nav-ct {left: 60%;}
.menu-open .nav-trigger {z-index: 1001; background: none; }
.nav-trigger:hover .btn-nav-icon,
.nav-trigger:hover .btn-nav-icon:after,
.nav-trigger:hover .btn-nav-icon:before,
.nav-trigger.hover .btn-nav-icon,
.nav-trigger.hover .btn-nav-icon:after,
.nav-trigger.hover .btn-nav-icon:before {background-color: #ff0002 !important;}
.menu-open .nav-trigger .btn-nav-icon {background-color: transparent !important; box-shadow: none !important}
.menu-open .nav-trigger .btn-nav-icon:before,
.menu-open .nav-trigger .btn-nav-icon:after {top: 11px; background-color: #FFF; box-shadow: none !important}
.menu-open .nav-trigger .btn-nav-icon:before {
-ms-transform: translate3d(0, -10px, 0) rotate(45deg);
transform: translate3d(0, -10px, 0) rotate(45deg);
-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
}
.menu-open .nav-trigger .btn-nav-icon:after {
-ms-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.touch .nav-trigger.nav-white:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.hover .btn-nav-icon,
.touch.menu-open .nav-trigger:hover .btn-nav-icon,
.touch.menu-open .nav-trigger.hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active.hover .btn-nav-icon,
.nav-trigger.nav-white.active:hover .btn-nav-icon,
.nav-trigger.nav-white.active.hover .btn-nav-icon {background-color: #FFF}
/* Colores */
.nav-trigger.white .btn-nav-icon,
.nav-trigger.white .btn-nav-icon:after,
.nav-trigger.white .btn-nav-icon:before {background-color: #FFF; }
.nav-trigger.black .btn-nav-icon,
.nav-trigger.black .btn-nav-icon:after,
.nav-trigger.black .btn-nav-icon:before {background-color: #000}
/* Fixed */
.nav-trigger.nav-fixed:not(.active) { background: rgba(255, 255, 255, .5); border-radius: 3px;}
/* BLANCO */
.nav-white .btn-nav-icon,
.nav-white .btn-nav-icon::after,
.nav-white .btn-nav-icon::before {background: #FFF}
.nav-trigger.nav-white.nav-fixed:not(.active) {background: rgba(0, 0, 0, .5);}
/* Menú abierto
//////////////////////////////////////////////////// */
/* Menú idiomas
//////////////////////////////////////////////////// */
.menu-ct .nav-lang {margin-left: 9%;}
.nav-lang .wpml-ls-legacy-list-horizontal {padding: 0; border: 0; }
.nav-lang ul li {display: inline-block; margin: 0; padding: 0; line-height: 1;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
.nav-lang ul li::before {content: '· '; display: inline-block; float: left;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.nav-lang ul li:first-of-type::before {display: none;}
.nav-lang ul li a {background: none !important; color: #000; padding: 0 .45em 0 .6em; display: block; line-height: 1}
.nav-lang .wpml-ls-flag {display: none}
.nav-lang ul li a:before {display: inline-block; content: ''; color: #000;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.nav-lang .wpml-ls-current-language,
.nav-lang .wpml-ls-current-language a::before {color: #ff0002}
.nav-lang .wpml-ls-item-es a:before {content: 'ES';}
.nav-lang .wpml-ls-item-en a:before {content: 'EN';}
.nav-lang .wpml-ls-item-fr a:before {content: 'FR';}
.nav-lang ul li a:hover::before {color: #ff0002}
/* Menú social + secundario
//////////////////////////////////////////////////// */
.nav-social li {display: inline-block; margin: 0 0.6em 0 0;}
.menu-ct .nav-social {margin-left: 9%; margin-top: 4em;}
.menu-ct .nav-social {left: 9%;}
.menu-ct .nav-social li a {color: #000}
.menu-ct .nav-social li a:hover{color: #ff0002}
/* Menú logo
//////////////////////////////////////////////////// */
.menu-logo {content: ''; display: block; /*background: url('images/elcaserio-menu.svg') no-repeat center right; background-size: contain; */
width: 8.5em; height: 110%; position: absolute; left: 0; top: 0; z-index: -1}
.menu-logo svg {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
.menu-open .menu-logo {left: -8em;}
.menu-open .menu-logo svg {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes fadeInDownSmall {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -15em, 0);
transform: translate3d(0, -15em, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownSmall {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -15em, 0);
transform: translate3d(0, -15em, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.menu-logo svg .rec-01 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .8s;
animation-delay: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-transform: translate3d(0,0, 0);
transform: translate3d(0,0, 0);
}
.menu-logo svg .rec-02 {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-transform: translate3d(0,0, 0);
transform: translate3d(0,0, 0);
}
.menu-logo svg .rec-03 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-transform: translate3d(0,0, 0);
transform: translate3d(0,0, 0);
}
.menu-open .menu-logo svg .rec-01 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.menu-open .menu-logo svg .rec-02 {
-webkit-animation-name: fadeInDownSmall;
animation-name: fadeInDownSmall;
}
.menu-open .menu-logo svg .rec-03 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/* Scroll Down
//////////////////////////////////////////////////// */
.dummy {position: absolute; bottom: 0; z-index: 0; width: 100%;}
#dummytop {max-height: 240px; height: 37%;}
/* Content
//////////////////////////////////////////////////// */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {font-weight: 400; font-family: 'Domine', serif; line-height: 1; text-transform: none;}
h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b {font-weight: 700; font-family: 'Domine', serif;}
h1,
h2 {font-size: 245%; padding-bottom: .2em; color: #000}
h3 {font-size: 125%; padding-bottom: .4em; padding-top: 1em;}
h4 {font-size: 90%; margin-top: 1.5em; padding-bottom: .5em;}
p {margin: .5em 0}
/*ul + h3:first-of-type ,
ol + h3:first-of-type ,
p + h3:first-of-type {padding-top: 1em}*/
h3 + h4 { margin-top: 0 }
h3 + p,
h4 + p { margin-top: 0 !important }
.floatLeft {float: left !important;}
.floatRight {float: right !important;}
/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}
.container {margin: 0 auto; /*overflow: hidden; */ /* max-width: 1920px;*/ position: relative;}
.container.fullheight {margin-bottom: 0; height: 100%; height: 100%; min-height: 0;}
.sec-default {min-height: 100%;}
.sec-default.sec-bgimage {background-repeat: no-repeat; background-size: cover; background-position: center}
.sec-default .container .container {padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px}
.sec-default .header img {width: 48%; margin: 4em 0 0}
.sec-default .header h1 {position: relative; z-index: 20}
.sec-default .header .header-ct {padding-bottom: 5em; }
.sec-default h2 {font-size: 175%; margin-top: 2em;}
.sec-default .sec-logo {right: 10%; z-index: 10}
.sec-default i.rec.bg-yellow {position: absolute; right: 15.5%; top: 50%; height: 10em; width: 1em; z-index: 2;}
.entry-title {color: #FFF}
.entry-title a {color: #FFF}
.entry-title a:hover {background: #484848; color: #FFF}
.container .entry-header {margin: 0; }
.entry-header svg {width: 1em;height: .8em; display: block; margin: 0 auto; }
.entry-header svg path {fill: #dedede;}
.entry-content,
.hidden-content {position: relative; z-index: 99}
.hidden-content {display: none; clear: both;}
.entry-content a {text-decoration: underline; color: #000;}
.entry-content a.btn {text-decoration: none;}
.entry-content a.btn:hover {color: #FFF}
.entry-content a:hover {color: #E60700}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.noticia-content ul,
.entry-content ol,
.noticia-content ol,
.sec-default .container .container ul,
.sec-default .container .container ol {margin-top: 1.3em; margin-bottom: 1.3em; text-align: left}
.entry-content ul,
.noticia-content ul,
.sec-default .container .container ul {margin-left: 2em}
.entry-content ol,
.noticia-content ol,
.sec-default .container .container ol {margin-left: 3.5em}
.entry-content ul li,
.noticia-content ul li,
.sec-default .container .container ul li {padding-bottom: .2em; position: relative;}
.entry-content ol li,
.noticia-content ol li,
.sec-default .container .container ol li {padding-bottom: .2em; list-style-type: decimal; text-transform: uppercase; color: #000;
font-family: 'Domine', serif; font-weight: 700; font-size: 115%}
.entry-content ul li::before,
.noticia-content ul li::before,
.year-toggle {display: block; position: absolute; left: -.6em; content: '·'; margin-right: 5px; top: 0;
}/* —â£â¦â¯âŸ©â€º */
.container.entry-text {margin-top: 1em; margin-bottom: 1em;}
.entry-content .entry-text { margin-top: .8em;}
.entry-text.scrollable .mCSB_scrollTools {display: none !important;}
.section-child .entry-text.scrollable .mCSB_scrollTools,
.entry-text.scrollable.scrollon .mCSB_scrollTools {display: block !important;}
.entry-content .entry-container {max-width: 48%; margin-left: auto; margin-right: auto}
.entry-content h2,
.entry-content h3,
.entry-content h4 {color: #000}
.entry-content h2 {margin-top: 1em;}
blockquote {
padding: 1em 2em;
margin-top: 2em;
clear: both;
font-size: 200%;
line-height: 100%;
}
blockquote p::before {content: '“'; display: inline;}
blockquote p::after {content: 'â€'}
blockquote p {margin: 0}
.plus-ct {display: none}
/* ALINEACION VERTICAL */
.vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99}
.vertical-align-ct {height: 100%; display: table !important; width: 100%}
.vertical-align-inner {display: table-cell !important; vertical-align: middle; text-align: center}
.page-subheading {
font: 150%/120% "Domine", Times, serif;
font-weight: 300;
text-transform: none;
color: #000;
padding: 0 0 6px 0;
margin-bottom: 12px;
border-bottom: 1px solid #000;
text-transform: uppercase;
}
/* BOTONES
//////////////////////////////////////////////////// */
.button.lnk_view,
.button.button-small,
a.button,
.btn {/*padding: 0; */border: 0; font-weight: inherit; color: black; background: none;
background: none !important;
filter: none !important;
font: 400 90%/1 "Domine", Times, serif;
text-shadow: none;
box-shadow: none;
}
.btn/*,
.cart_navigation .button-exclusive,
.btn-defaul,
.btn-default,
.cart_block .cart-buttons a#button_order_cart,
.button.lnk_view,
.button.button-small,
.box-info-product .exclusive */{
-webkit-appearance:none !important;
position: relative;
cursor: pointer;
display: inline-block;
font-family: 'Domine';
font-weight: 400;
/*font-size: 120%; */
background: none;
padding: 0;
border: 0;
line-height: 1;
text-transform: uppercase;
color: #000;
width: auto;
margin: .5em 0;
text-align: center;
letter-spacing: .1em;
text-shadow: none;
z-index: 50;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn.focus,
.btn:focus,
.btn:hover {
outline: none !important;
outline-offset: 0 !important;
color: #FFF;
}
.btn-default span,
.btn-defaul span,
.cart_block .cart-buttons a#button_order_cart span,
.box-info-product .exclusive span,
.button.lnk_view span {/*color: #FFF;*/ z-index: 50}
.cart_navigation .button-exclusive:hover,
.btn-default:hover,
.btn-defaul:hover,
.cart_block .cart-buttons a#button_order_cart:hover,
.button.lnk_view:hover,
.btn.button.button-medium.standard-checkout,
body.order .cart_navigation .btn.button.button-medium {border: none; background: none; color: #FFF}
.cart_navigation .button-exclusive:after,
.btn-default::after,
.btn-defaul::after,
.box-info-product .exclusive::after,
.button.lnk_view::after,
.btn::after {
content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background: #000; z-index: -1;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.cart_navigation .button-exclusive:hover:after,
.btn-default:hover::after,
.btn-defaul:hover::after,
.cart_block .cart-buttons a#button_order_cart:hover::after,
.box-info-product .exclusive:hover::after,
.button.lnk_view:hover::after,
.btn.button.button-medium.standard-checkout:after,
body.order .cart_navigation .btn.button.button-medium:after,
.btn:hover::after,
.btn.hover::after,
.btn:focus::after,
.btn.focus::after {height: 100%; padding: 14px; left: -9%; bottom: -7px; width: 120%; background: #000;
-webkit-transform: skew(-18deg, 0deg);
transform: skew(-18deg, 0deg);
}
.product-actions .add-to-cart {height: auto; margin-top: 1.4em;}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {opacity: .65; color: #000;}
.btn-primary.disabled.focus::after,
.btn-primary.disabled:focus::after,
.btn-primary.disabled:hover::after,
.btn-primary:disabled.focus::after,
.btn-primary:disabled:focus::after,
.btn-primary:disabled:hover::after {display: none;}
.btn.button.button-medium.standard-checkout:hover span,
body.order .cart_navigation .btn.button.button-medium:hover span {color: #000;}
.btn.button.button-medium.standard-checkout:hover span:after,
body.order .cart_navigation .btn.button.button-medium:hover span:after {background: #E60700}
.page-footer a.account-link span{
-webkit-appearance: none !important;
position: relative;
cursor: pointer;
display: inline-block;
font-family: 'Domine';
font-weight: 400;
/* font-size: 120%; */
background: none;
padding: 0;
border: 0;
line-height: 1;
text-transform: uppercase;
color: #000;
width: auto;
margin: .5em 0;
text-align: center;
letter-spacing: .1em;
text-shadow: none;
z-index: 50;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
/* COLORBOX / LIGHTBOX */
.fancybox-skin {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.row {margin-left: 10px; margin-right: 10px}
.index .row,
#HOOK_PAYMENT .row {margin-left: 0; margin-right: 0}
/**** HEADER */
header {padding-bottom: 0; text-align: center}
header .container:after {display: inline}
header .header-logo {
padding-top: 0;
max-width: 25%;
margin: 1em auto 0;
}
.shop-title {font-size: 215%; text-align: right; padding: 0 0 .2em; margin: -.8em -10px 0 0;
color: #FFF;
font-weight: 700;
font-family: 'Domine', serif;
line-height: 1;
text-transform: uppercase;
}
img#caramelos-header {
position: absolute;
right: -45px;
top: 15px;
z-index: 600;
}
/* USUARIO + CARRITO */
.user-nav {
position: absolute;
top: 0;
right: 0;
width: 28%;
padding: 0 0 0 .5em;
}
.user-nav,
.user-nav .hidden-sm-down,
.user-nav .right-nav {height: 50px;}
.user-nav .right-nav {
display: flex;
justify-content: flex-end;
align-items: center;
}
/* Carrito */
#navcontainer .col-sm-4 {
/*display: none;*/
position: absolute;
right: 0;
top: 0;
z-index: 555;
padding: 0;
}
#header .blockcart {padding-top: 0; max-width: 200px; width: auto}
#header .blockcart .block_content {margin: 30px 50px 0 50px}
#header .blockcart .header {
background: #efefef;
color: #212121;
border: 0;
height: 50px;
position: relative;
min-width: 0;
font: 400 90%/1 "Domine", Arial, sans-serif;
text-transform: uppercase;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
#header .blockcart.inactive .header {
padding: 16px 10px 10px 10px;
}
#header .blockcart .header > a {
height: 50px;
display: block;
color: #666;
padding: 16px 10px 10px 10px;
}
#header .blockcart .header i {
font-size: 17px;
line-height: 17px;
padding-right: 3px;
}
/*#header .blockcart.active .header a::after,
#header .blockcart.inactive .header::after {
content: '';
position: absolute;
top: 0;
left: -25px;
padding: 0;
float: none;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 25px;
border-color: transparent transparent #545454 transparent;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}*/
#header .blockcart .header > a b {
color: #c7c7c7;
font: 400 140%/1 "Domine", serif;
font-weight: normal;
}
.ajax_cart_quantity,
.ajax_cart_product_txt,
.ajax_cart_product_txt_s,
.ajax_cart_no_product {font-weight: 300; font-family: 'Lato', sans-serif}
#header .blockcart:hover .header a,
#header .blockcart .header > a:hover {background: #e8e6e6; color: #000;}
#header .blockcart:hover .header a b,
#header .blockcart .header > a:hover b {color: #000;}
#header .blockcart:hover .header a:before,
#header .blockcart .header > a:hover:before {color: #000;}
#header .blockcart:hover .header a:after,
#header .blockcart .header > a:hover:after {padding: 0px; content: '';border-color: transparent transparent #e8e6e6 transparent; }
#header .cart_block {width: 485px; top: 50px; background: #e8e6e6; color: #000; padding-bottom: 20px;border-bottom: 4px solid #000}
#header .cart_block .cart_block_no_products {padding: 10px 0 20px; font-weight: 700}
#header .cart_block a {color: #000;}
#header .cart_block .cart-info .product-name {font-size: 120%; line-height: 110%; text-transform: uppercase;padding-bottom: 0}
#header .cart_block .cart-info .product-name a {}
#header .cart_block dt {background: none !important; border-bottom: 1px solid #9e9e9e}
#header .cart_block .cart-info .quantity-formated {font-size: 70%; color: #000;}
#header .cart_block .cart-info .quantity-formated a {color: #000}
#header .cart_block .cart-info .quantity-formated .quantity {font-size: 170%; line-height: 170%;}
#header .cart_block .product-atributes {font-size: 85%; margin-top: -.4em;}
#header .cart_block .product-atributes a {color: #666; }
#header .cart_block .cart_block_list .remove_link a,
#header .cart_block .cart_block_list .ajax_cart_block_remove_link {color: rgba(32, 22, 16, 0.7);}
.fancybox-skin .fancybox-close {background: none}
.fancybox-skin .fancybox-close {top: 10px; right: 10px}
#header .cart_block .cart_block_list .remove_link a:before,
#header .cart_block .cart_block_list .ajax_cart_block_remove_link:before,
#layer_cart .cross::before,
.fancybox-skin .fancybox-close:after {font-family: 'iconscas'; content: '\e804'; color: #FFF; background: #000;
font-size: 18px; line-height: 20px; padding: 0 1px; }
#header .cart_block .cart_block_list .remove_link a:hover,
#header .cart_block .cart_block_list .ajax_cart_block_remove_link:hover {color: #FFF}
#header .cart_block .cart_block_list .remove_link a:hover:before,
#header .cart_block .cart_block_list .ajax_cart_block_remove_link:hover:before,
.fancybox-skin .fancybox-close:hover:after {color: white; background: #454545}
#header .cart_block .cart-prices {background: none; padding: 0; text-transform: uppercase; font-weight: 400}
#header .cart_block .price {color: #000; font-size: 100%}
#header .cart_block .cart-info .price {font-size: 140%; font-weight: 700;}
#header .cart_block .cart-prices .price {font-weight: 400}
.cart_block .cart-prices .cart-prices-line,
.cart_block .cart-prices .cart-prices-line.last-line {border-bottom: 1px solid #9e9e9e;}
/*.cart_block .cart-prices .cart-prices-line.first-line {display: none}*/
#header .cart_block .cart-buttons {background: none;float: right; padding: 20px 0 0 0; overflow: visible;}
/*.cart_block .cart-buttons a#button_order_cart span{
width: 140px;
margin: 0 auto;
background-color: rgba(32, 22, 16, 0.8);
border: 0;
color: #bd9161;
font: 400 13px/18px "Domine", Times, serif;
-webkit-border-radius: 1.1em;
-ms-border-radius: 1.1em;
-o-border-radius: 1.1em;
-moz-border-radius: 1.1em;
border-radius: 1.1em;
}
.cart_block .cart-buttons a#button_order_cart:hover span {
border: 0;
background-color: rgba(32, 22, 16, 0.5);
}*/
/*.cart_block.block.exclusive {display: block !important}*/
/* User info */
#header .user-info {
z-index: 700;
max-width: 200px;
padding: 0 2.4em 0 1em;
}
#header .user-info a {
font-weight: 300;
line-height: 54px;
font-size: 90%;
color: #FFF;
text-transform: uppercase;
border: 0;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: block;
}
#header .user-info a i {
display: none;
}
#header .user-info a:hover {
color: #E60700;
background: none;
}
#header .user-info a.logout {
display: none;
}
#header .user-info a.logout:before {line-height: 16px;}
/*#header .user-info a.logout:before {
display: inline-block;
color: #7d7a78;
content: "\f057";
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px;
padding-right: 30px;
}
#header .user-info a.logout:hover {
background-color: transparent;
}
#header .user-info a.logout:hover:before {
color: black;
}*/
/* CART CARRITO 1.7.7.5*/
.cart-grid .cart-summary,
#js-checkout-summary {background: #545454; color: #FFF; margin-top: 3.7em;}
.cart-summary-products p,
.cart-summary-products a,
.cart-summary-line .label,
.cart-summary-line .value,
.cart-summary-products .label,
.cart-summary-products label {color: #FFF;}
.card-block.cart-summary-totals .cart-summary-line.cart-total {background-color: rgba(255,255,255,.1)}
.card-block.checkout .btn {color: #FFF;}
.card-block.checkout .btn::after {background-color: #FFF;}
.card-block.checkout .btn:hover::after {background-color: #000;}
.cart-grid .cart-grid-body .card-block {padding: 1.25rem 1.25rem .5rem; text-align: center;}
.cart-grid .our_price_display,
.cart-grid .product-price,
body#checkout .our_price_display,
body#checkout .product-price {font-size: 120%}
/*.cart-grid .cart-items li:nth-child(odd) {}*/
.cart-grid .cart-items li:nth-child(even) {background-color: #f5f5f5}
.cart-grid-body a.label {text-transform: uppercase; font-family: 'Domine';
font-weight: 400;}
.cart-grid-body a.label:hover {color: #E60700}
/* CHECKOUT PROCESS */
body#checkout #header .header-nav {box-shadow: none; padding: 0;}
body#checkout #header .header-nav > .container {padding: 1em 0;}
body#checkout #header .header-nav .logo {max-height: 12em;}
#js-checkout-summary {margin-top: 0}
body#checkout a:hover {color: #000;}
body#checkout #js-checkout-summary a:hover {color: #FFF; text-decoration: underline;}
body#checkout .product-price {color: #FFF}
body#checkout .cart-summary-subtotals-container {padding: 1em 0; border-top: 1px solid #FFF; margin-top: 1em;}
body#checkout section.checkout-step {border-color: #000; box-shadow: none;}
body#checkout section.checkout-step .address-item.selected {border: 2px solid #000;}
body#checkout section.checkout-step .address {text-transform: none; font-size: 90%;}
body#checkout section.checkout-step hr {background-color: #000;}
body#checkout .cancel-address {margin: 0.2em 1.625rem;}
.done {color: #E60700}
body#checkout section.checkout-step .delivery-options>.row {border-right: 0}
.delivery-options {margin-left: -10px; margin-right: -10px;}
.order-options textarea {margin-top: 1em;}
body#checkout .additional-information {margin-left: 2.5em;}
#payment-confirmation .ps-shown-by-js {text-align: center; padding: 2em 1em 1em 1em}
#payment-confirmation .ps-shown-by-js button.btn {font-size: 130%;}
#payment-confirmation .ps-shown-by-js button.btn:hover::after {bottom: -4px}
body#checkout #footer {background: none; color: #000;}
/* ORDER DETAIL */
.page-order-detail .box {box-shadow: none;}
#order-infos .box {background: #f5f5f5}
.page-order-detail .addresses h4 {margin-top: 0;}
/* CÓDIGO PROMOCIONALES */
.block-promo .promo-input {height: 2rem; border: 0}
.block-promo .promo-input:focus-visible {outline: none !important;}
.block-promo .promo-input+button {border: 0; margin: 0 1em; color: #FFF}
.block-promo .promo-input+button::after {display: none;}
.block-promo .promo-code-button.cancel-promo {color: #FFF; text-transform: uppercase;}
.block-promo .promo-name .cart-summary-line span {color: #fdff00}
.block-promo .cart-summary-line .label a, .block-promo .promo-name a {color: #CCC}
.block-promo .promo-name .cart-summary-line .label {color: #CCC}
.text-muted {color: #999 !important}
/**** MENU WEB */
#navweb {
position: relative;
width: auto;
float: none;
padding-right: 15px;
padding: 0;
background-color: #000;
}
#navweb span.shadow-left,
#navweb span.shadow-right {
position: absolute;
bottom: -15px;
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #4b331e;
font-size: 0;
line-height: 0;
}
#navweb span.shadow-right {right:0;}
#navweb ul {
position: relative;
z-index: 555;
}
#navweb li {
float: left;
}
#navweb li a {
display: block;
float: left;
color: #FFF;
text-transform: uppercase;
padding: 10px 15px;
font-size: 12px;
color: rgba(255, 255, 255, 0.75);
}
#navweb li a:hover {color: rgba(255, 255, 255, 1);}
#navweb li.current a {
background: rgba(146, 97, 50, 0.88);
color: rgba(255, 255, 255, 1);
}
#navweb li.current a:hover {
background: rgba(146, 97, 50, 1);
}
#navweb li:first-child {padding-left: 25px}
#navweb li.nav-alzheimer {float: right; /*margin-right: 1em*/; position: relative;}
#navweb li.nav-alzheimer a {
color: #fff;
overflow: hidden;
/*font-weight: 700;*/
padding: 10px 20px 10px 65px;
background: #a61786 url('../img/elcaserio/caramelo-alzheimer.png') no-repeat 23px center;
background-size: 32px;
-webkit-border-radius: 80em 0 0 80em;
-moz-border-radius: 80em 0 0 80em;
-ms-border-radius: 80em 0 0 80em;
-o-border-radius: 80em 0 0 80em;
border-radius: 80em 0 0 80em;
-webkit-box-shadow: 2px 0 7px rgba(0,0,0,.4) inset;
-moz-box-shadow: 2px 0 7px rgba(0,0,0,.4) inset;
-ms-box-shadow: 2px 0 7px rgba(0,0,0,.4) inset;
-o-box-shadow: 2px 0 7px rgba(0,0,0,.4) inset;
box-shadow: 2px 0 7px rgba(0,0,0,.4) inset;
}
#navweb li.nav-alzheimer a:hover {
padding-left: 95px;
/*background-color: #9a3d89;*/
}
#navweb li.nav-alzheimer a:before {
display: inline-block;
content: '> ';
margin-right: 10px;
font-family: "Domine";
font-size: 20px;
position: absolute;
left: 20px;
opacity: 0;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#navweb li.nav-alzheimer a:hover:before {left: 70px; opacity: 1}
/**** MENU TIENDA */
#navshop {
padding: 0;
font: 400 100%/1 'Domine', serif;
}
#header .header-top .position-static {
position: relative;
}
.row-top-menu {
padding: 0;
margin: 0;
background: #000;
color: #FFF;
font-family: 'Domine', serif;
float: none;
height: 50px;
position: relative;
}
#header .header-top .menu.js-top-menu {
padding-left: 0;
display: flex;
justify-content: flex-start;
align-items: center;
/*margin-bottom: .375rem;*/
}
#header .header-top .top-menu ul {margin: 0}
#header .header-top .top-menu > li {
/*position: relative;*/
float: left;
border-right: 0;
margin-bottom: 0; }
@media (max-width: 767px) {
#header .header-top .top-menu {padding-left: 0; height: auto; background: #545454}
#mobile_top_menu_wrapper {background: #545454; margin: 0}
#header .header-top .top-menu > li span {position: absolute; height: 17px; z-index: 2; right: 0px; top: 4px;}
/*#header .header-top .top-menu > li span:after {
font-family: "FontAwesome";
content: "\f067";
font-size: 16px; }
#header .header-top .top-menu > li span.active:after {
content: "\f068"; } */
}
#products .up {margin-right: 4%}
#products .up .btn-secondary,
#products .up .btn-tertiary {color: #000; text-transform: uppercase;}
#products .up .btn-secondary:hover,
#products .up .btn-secondary:focus,
#products .up .btn-tertiary:hover,
#products .up .btn-tertiary:focus {color: #FFF;}
#header .header-top .top-menu > li > a {
font: 700 100%/100% 'Domine', serif;
color: #FFF;
padding: 19px 1.4em 0 .6em;
border-bottom: 0;
letter-spacing: .05em;
display: inline-block;
position: relative;
}
#header .header-top .top-menu > li.sfHover > a,
#header .header-top .top-menu > li > a:hover,
#header .header-top .top-menu > li.sfHoverForce > a {
background: transparent;
border-bottom-color: transparent;
color: #E60700;
}
/*#header .header-top .top-menu > li > a::after {
content: '';
display: block;
position: absolute;
right: -.2em;
top: 1.7em;
width: 6px;
background: #FFF;
height: 1px;
}
#header .header-top .top-menu li:last-child a::after {
display: none
} */
#header .header-top .top-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px; }
#header .header-top .top-menu li li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px; }
#header .header-top .top-menu li li li a:hover {
color: #333333; }
#header .header-top .top-menu > li > .sub-menu {
/*display: block;*/
left: 0;
top: 50px !important;
/* match top ul list item height */
z-index: 99;
-webkit-box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 19%);
-moz-box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 19%);
box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 19%);
padding: 15px 2.4em 13px;
background: #e8e6e6;
text-align: center;
margin: 0 -15px;
width: calc(100% + 30px);
min-width: calc(100% + 30px);
}
@media (max-width: 767px) {
#header .header-top .top-menu > li > .sub-menu {
top: 0; background: #777; box-shadow: none;}
}
#header .header-top .top-menu li li ul {
position: static;
display: block !important;
opacity: 1 !important;
background: none;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }
#header .header-top .top-menu li li li ul {
padding: 0 0 0 20px; }
#header .header-top .top-menu li li li ul {
width: 220px; }
ul#header .header-top .top-menu li:hover li ul,
ul#header .header-top .top-menu li.sfHover li ul {
top: -999em; }
ul#header .header-top .top-menu li li:hover ul,
ul#header .header-top .top-menu li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0; }
ul#header .header-top .top-menu li li:hover li ul,
ul#header .header-top .top-menu li li.sfHover li ul {
top: -999em; }
ul#header .header-top .top-menu li li li:hover ul,
ul#header .header-top .top-menu li li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0; }
#header .header-top .top-menu > li > .sub-menu > ul > li > a {
padding: 0 .6em 0 .4em;
color: #000;
}
#header .header-top .top-menu > li > .sub-menu > ul > li > a:hover {
color: #666;
}
#header .header-top .top-menu > li > .sub-menu > ul > li {
float: none;
display: inline-block;
margin: 0;
width: auto;
padding-right: 0;
}
#header .header-top .top-menu > li > .sub-menu > ul > li > a::after {
background: #000;
top: 0.4em;
}
#header .header-top .top-menu > li > .sub-menu > ul > li#category-thumbnail {
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0; }
#header .header-top .top-menu > li > .sub-menu > ul > li#category-thumbnail > div {
float: left;
padding-left: 10px;
width: 33.333%; }
@media (max-width: 479px) {
#header .header-top .top-menu > li > .sub-menu > ul > li#category-thumbnail > div {
width: 100%;
padding-left: 0;
padding-top: 10px;
text-align: center; } }
#header .header-top .top-menu > li > .sub-menu > ul > li#category-thumbnail > div:first-child {
padding-left: 0; }
#header .header-top .top-menu > li > .sub-menu > ul > li#category-thumbnail > div img {
max-width: 100%;
display: block; }
.cat-title {
display: none;
}
#header .header-top .top-menu li.sf-search {
border: none; }
#header .header-top .top-menu li.sf-search input {
display: inline;
padding: 0 13px;
height: 30px;
line-height: 30px;
background: white;
margin: 13px 10px 0 0;
font-size: 13px;
color: #9c9b9b;
border: 1px solid #d6d4d4; }
/* Buscador */
#header .header-top #search_widget, #search_widget {
position: absolute;
top: -50px;
left: 0;
}
#search_widget form input {border-radius: 0}
#search_widget form input[type=text]:focus {
/*outline: 1px solid #000;
border-color: #000*/
}
#search_widget form input[type=text]:focus+button .search {color: #000; }
#search_widget form button[type=submit] {bottom: .4125rem}
#search_widget form button[type=submit]:focus {outline: none; background: none;}
#search_widget form button[type=submit] .search:hover {color: #E60700 !important}
/***** CONTENIDO */
#columns {
padding: 0px 5px;
}
#index #columns {
padding-top: 0;
}
.columns-container {
background: white;
}
/* Slider home */
.carousel {margin-bottom: 0}
.carousel .carousel-inner{height: auto;}
.carousel .carousel-item figure {width: 100%; display: block;}
.carousel .carousel-item figure img {max-width: 1000%; display: block;}
.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {opacity: .6}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {color: #FFF; opacity: 1}
.carousel-control.right {right: 0.4em;}
@media (max-width: 991px) {
.carousel {margin-left: 0; left: 0; width: 100%; padding-bottom: 0}
.carousel .direction .carousel-control i {background: none;}
}
@media (max-width: 768px) {
.carousel .direction .carousel-control .icon-next {margin-right: 0;}
#header .blockcart .header > a{padding-top:7px;}
#header .header-top .top-menu > li > a::after{top:2em;}
#search_widget form button[type=submit]{right:.1em;}
}
/*
#slider_row{
margin: 0 -20px;
}
#slider_row {display: none;}
#index #slider_row {display: block;}
#homepage-slider {
margin: 0;
padding-left: 0;
padding-right: 0;
}
#homepage-slider .homeslider-description {
padding: 0;
}
#homepage-slider .homeslider-description p {
width: auto;
padding: 0;
}
#homepage-slider .bx-has-controls-direction {
position: absolute;
top: 45%;
width: 100%;
}
#homepage-slider .bx-controls-direction {
position: relative;
}
#homepage-slider .bx-wrapper .bx-controls-direction a {
bottom: auto;
border: 0;
width: 22px;
height: 44px;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:after,
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
width: 18px;
height: 42px;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:before,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
background: none !important;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
font-size: 45px;
color: rgba(255,255,255,.8);
text-shadow: 1px 1px 9px rgba(0,0,0,.7);
}
#homepage-slider .bx-wrapper .bx-controls-direction a:hover:after,
#homepage-slider .bx-wrapper .bx-controls-direction a.active:after,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover:after,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active:after {
color: rgba(255,255,255,1)
}
#homepage-slider .bx-wrapper .bx-prev {
left: 2%;
}
#homepage-slider .bx-wrapper .bx-next {
right: 2%;
}
#slider_row:after{}*/
/* Bloque de info de la home */
#block-info-home,
#custom-text {
padding: 2.5rem 1em 1.5em;
position: relative;
text-align: center;
background: #000;
}
#block-info-home h1,
#block-info-home h2,
#custom-text h2,
#custom-text h3 {
padding-left: 15%;
padding-right: 15%;
}
#block-info-home h1,
#custom-text h2 {
padding-bottom: 4px;
margin-top: 4px;
text-transform: none;
font-weight: 700;
}
#block-info-home h2,
#custom-text h3 {
margin-top: 0;
padding-top: 0;
text-transform: none;
font: 400 110%/110% 'KohinoorBangla-Regular', sans-serif;
color: #808080;
}
#custom-text h2,
#custom-text h3 {color: #FFF;}
#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul {color: #999}
#block-info-home span.block-info-reveal,
#custom-text span.block-info-reveal{
position: absolute;
top: 38%;
right: 2em;
color: #666;
}
#block-info-home span.block-info-reveal:before,
#custom-text span.block-info-reveal:before{
/*font-family: "FontAwesome";*/
font: 400 110%/110% 'Domine', sans-serif;
background-color: #999;
color: #FFF;
width: 24px;
height: 24px;
display: block;
content: "x";
font-size: 17px;
line-height: 24px;
cursor: pointer;
border-radius: 50px;
}
#block-info-home span.block-info-reveal.reveal-open:before,
#custom-text span.block-info-reveal.reveal-open:before {
content: "i";
}
#block-info-home span.block-info-reveal:before{
font-family: 'FontAwesome';
content: "\f05a";
font-size: 24px;
cursor: pointer;
}
#block-info-home span.block-info-reveal.reveal-open:before{content:"\f00d";}
#block-info-home .block-info-content,
#custom-text .block-info-content {
display: none;
padding-left: 15%;
padding-right: 15%;
color: #000;
margin-bottom: 20px;
}
/* Categories home */
div.home_categories {
margin: 50px 0
}
div.home_categories h2,
div.home_categories h2 small {
color: #000;
font-weight: 400;
}
div.home_categories h2 br {display: none;}
div.home_categories h2 small {
display: block;
font-size: 80%;
font-weight: 700;
}
div.home_categories .cr {
clear: both;
border: 0
}
div.home_categories ul{
text-align:center;
}
div.home_categories li{
float:left;
width: 33.3333%;
margin: 0;
}
div.home_categories li:nth-child(5), div.home_categories li.last_item {
display: none;
}
div.home_categories a{
display: block
}
div.home_categories img{
width:100%;
height:auto;
}
div.home_categories span.cat-name{
font: 700 140%/100% 'Domine', serif;
color: #000;
display: block;
padding: 4px 0 20px 0;
}
div.home_categories span.cat-name::before {content: 'Caramelos '; display: block; }
div.home_categories a:hover span.cat-name{color: #666; }
a.product-thumbnail:hover img,
div.home_categories a:hover img{
-webkit-animation-duration: .9s;
animation-duration: .9s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: tada;
animation-name: tada;
}
/*div.home_categories li.first_item {display: none;}*/
/* Listado de productos - CategorÃa */
/* Ocultamos elementos que sobran */
/*.category #slider_row,*/
.breadcrumb,
.content_scene_cat,
/*.page-heading span.heading-counter,*/
/*.content_sortPagiBar,*/
/*.page-product-box,*//*
#products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping */{
display: none;
}
#products .products,
.featured-products .products,
.product-accessories .products,
.product-miniature .products {
justify-content: center;
}
#products .product,
.featured-products .product,
.product-accessories .product,
.product-miniature .product,
.page-index #products .product,
.page-index .featured-products .product,
.page-index .product-accessories .product,
.page-index .product-miniature .product,
.page-search #products .product,
.page-search .featured-products .product,
.page-search .product-accessories .product,
.page-search .product-miniature .product {
width: auto;
margin: 1em 0 ;
}
#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature .product-miniature {
margin: 0 1.4rem;
}
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
padding-top: 1em;
}
#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
position: static;
width: 100% !important;
height: auto !important;
}
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
position: static;
height: auto;
text-align: center;
}
#products .product-description .product-desc,
.featured-products .product-description .product-desc,
.product-accessories .product-description .product-desc,
.product-miniature .product-description .product-desc {
color: #000;
}
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
text-transform: none;
}
#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
color: #000;
font-weight: 700;
font-size: 90%;
}
#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
bottom: auto !important;
top: 0 !important;
right: 0;
height: 40px;
width: 40px;
box-shadow: none;
background: #f2f2f2;
border-radius: 100%;
padding-top: 8px;
}
#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover {
color: #000;
}
#products .thumbnail-container:focus .product-description:after,
#products .thumbnail-container:hover .product-description:after,
.featured-products .thumbnail-container:focus .product-description:after,
.featured-products .thumbnail-container:hover .product-description:after,
.product-accessories .thumbnail-container:focus .product-description:after,
.product-accessories .thumbnail-container:hover .product-description:after,
.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
display: none;
}
/*#products .button-container .button.lnk_view::before {
content: "\f07a";
font-family: "FontAwesome";
display: inline-block;
font-size: 100%;
line-height: 1;
color: #000;
padding-right: 0.5em;
-webkit-transition: padding 0.2s linear;
-moz-transition: padding 0.2s linear;
transition: padding 0.2s linear;
}*/
ul.product_list.grid > li .product-container .button-container .lnk_view:hover::before {
padding-right: 1em;
}
ul.product_list.grid > li {min-height: 26em;}
.page-heading {
font: 700 200%/120% 'Domine', serif;
padding-bottom: 0.5em;
padding-top: 0;
border-bottom: 0;
margin-bottom: 0;
color: #000;
width: 100%;
text-align: center;
}
.block-category {
min-height: 0;
margin: 0 8%;
padding-top: 0
}
.block-category .block-category-inner {display: block;}
.block-category .block-category-inner #category-description .page-content.page-cms ul,
.block-category .block-category-inner #category-description p,
.page-content.page-cms .block-category .block-category-inner #category-description ul {
color: #757577;
}
.product-container {margin-left: 4%; margin-right: 4%;}
/*.category-pinones .page-heading,
.category-de-cortesia .page-heading
.category-cremas .page-heading,
.category-pastillas-de-cafe-y-leche .page-heading,
.category-ligeros .page-heading,
.category-toffers .page-heading {text-transform: lowercase;}*/
.page-heading .cat-name:before {content: 'Caramelos '; }
.category-cremas .page-heading .cat-name:before {display: none;}
/*.page-heading .cat-name:before {content: 'Elige tu '; text-transform: none;}
.page-heading .cat-name:after {content: 'preferido';}
.category-pinones .page-heading .cat-name:before,
.category-de-cortesia .page-heading .cat-name:before {content: 'Elige tu caramelo de ';}
.category-cremas .page-heading .cat-name:before,
.category-pastillas-de-cafe-y-leche .page-heading .cat-name:before,
.category-ligeros .page-heading .cat-name:before {content: 'Elige tus '; text-transform: none;}
.category-cremas .page-heading .cat-name:after,
.category-pastillas-de-cafe-y-leche .page-heading .cat-name:after {content: 'preferidas';}
.category-ligeros .page-heading .cat-name:after {content: 'preferidos';}*/
/* Ocultamos la opcion de compra en los productos que están en la categorÃa Home (ID 2) */
body.category-2 .product-container .pb-right-column.row,
body.category-home .product-container .pb-right-column.row {display: none !important;}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li {padding-bottom: 25px;}
}
ul.product_list.grid > li:nth-child(even) {
clear: right }
ul.product_list.grid > li .product-container {
/*background: rgba(255,255,255,.2);*/
/*border: 1px solid rgba(32, 22, 16, 0.1);*/
}
ul.product_list.grid > li .product-container .product-image-container {border: 0;}
ul.product_list.grid > li .product-container .product-image-container img {border: 0; width: 100% !important; height: auto !important;}
ul.product_list.grid > li .product-container .product-desc,
ul.product_list.grid > li .product-container .button-container {display: block}
ul.product_list.grid > li .product-container h5 {min-height: 0}
ul.product_list.grid > li .product-container h5 a.product-name{
font-size: 135%;
line-height: 120%;
color: #000;
}
ul.product_list.grid > li .product-container h5 a.product-name:hover {color: black;}
ul.product_list.grid > li .product-container .product-desc {
margin: 0 8% 10px;
color: #000;
font-size: 90%;
line-height: 130%;
}
ul.product_list.grid > li .product-container .product-image-container a:hover img{
-webkit-animation-duration: .9s;
animation-duration: .9s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: tada;
animation-name: tada;
}
/*.button-container .lnk_view {
font: 300 13px/20px "Domine", Times, serif;
color: #bd9161;
text-shadow: none;
padding: 0;
border: 0;
background: transparent;
text-decoration: none;
}
.button.lnk_view span {
border: 0;
background: rgba(32, 22, 16, 0.8) !important;
filter:none !important;
padding: 5px 13px;
-webkit-border-radius: 1.1em;
-ms-border-radius: 1.1em;
-o-border-radius: 1.1em;
-moz-border-radius: 1.1em;
border-radius: 1.1em;
}
.button.lnk_view:hover span {
background: #000 !important;
color: white
}
.button.lnk_view span:before {
font-family: "FontAwesome";
content: "\f07a";
font-size: 15px;
padding-right: 8px;
}*/
/* Labels */
.new-label {background-color: #E60700; text-shadow: none;}
.new-label:before,
.new-label:after {border-top-color: #02afbf;}
/* Más vendidos home */
h1.tit-bestsellers.page-heading {
color: #000;
font-weight: 400;
padding-bottom: 0;
}
.blockbestsellers {
margin: 25px 0 0 0;
}
.blockbestsellers .alert-info{display: none}
ul.product_list.grid.blockbestsellers > li {min-height: 0}
ul.product_list.grid > li .product-container h5,
ul.blockbestsellers.product_list.grid > li .product-container h5 {
padding: 0;
margin-bottom: 2px;
text-transform: none;
font-weight: 700;
}
ul.blockbestsellers.product_list.grid > li .product-container h5 a.product-name {
/*font-size: 17px;
line-height: 20px;*/
}
ul.blockbestsellers.product_list.grid > li .product-container .right-block {
padding: 0 5px;
}
ul.blockbestsellers.product_list.grid > li .product-container .product-desc {display: none}
ul.blockbestsellers .bestseller-comb {font-size: 90%}
ul.blockbestsellers .bestseller-comb,
ul.blockbestsellers .bestseller-comb b {text-align: right; font-family: 'Domine'; font-weight: 400}
ul.blockbestsellers.product_list.grid > li .product-container .right-block .content_price {
display: block;
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
ul.blockbestsellers.product_list.grid > li .product-container .right-block .content_price .price.product-price {
font: 700 160%/120% "Domine", Times, serif;
color: #000;
}
/* Ficha de producto */
/* Ocultamos elementos que sobran */
.top-hr,
#usefull_link_block,
#product_condition,
.prod-desc-content {display: none;}
.primary_block {
margin-top: 40px;
}
/* La galerÃa de imágenes*/
.product-cover img {
-webkit-box-shadow: none;
box-shadow: none;
}
.product-cover .layer {
background: rgba(0,0,0,.3);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.scroll-box-arrows i {bottom: -0.3em;}
/* Carrusel */
span.view_scroll_spacer {width: 20px; padding-left: 0; }
#view_scroll_left, #view_scroll_right {text-align: center}
#view_scroll_left:before,
#view_scroll_right:before {background-color: #000; color: #FFF; line-height: 20px; display: inherit;}
#view_scroll_left:before {content: "\f104"}
#view_scroll_right:before {content: "\f105"}
#view_scroll_left:hover:before,
#view_scroll_right:hover:before {background-color: #E60700; color: #000;}
#thumbs_list li {border: 2px solid transparent}
#thumbs_list li a:hover, #thumbs_list li a.shown {border: 2px solid #000;}
#thumbs_list li a {border: none;}
.resetimg a {
color: #000;
}
/* Zoom */
.zoomPad {position: relative;}
.zoomPad:after {
position: absolute;
bottom: 3%;
right: 2%;
font-family: "FontAwesome";
content: "\f002";
font-size: 32px;
padding-right: 2px;
color: #000;
/*text-shadow: 0px 0px 6px rgba(0,0,0,.3);*/
}
/* El contenido de la ficha */
.product-container h1{
font: 700 245%/100% "Domine", Times, serif;
color: #000;
margin-top: 5px;
padding-bottom: 0;
}
.product-container #product_reference {display: none !important}
.product-container .product-information b,
.product-container .product-information strong{font-weight: bold;}
.product-container blockquote {
background: #86552c;
/*border-radius: 0.5em;*/
border-left: 0;
color: #fff;
margin: 0 0 18px;
padding: 14px 18px 3px;
/*text-transform: uppercase;*/
}
.product-container blockquote p {
font-size: 15px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 19px !important;
}
.product-container blockquote em {font-style: italic;}
.product-container .product-information #short_description_content {
color: #808080;
line-height: 120%;
padding-bottom: 0;
}
.product-container .product-information #short_description_content p{
line-height: 120%;
}
.product-container .product-information .buttons_bottom_block {
display: block;
margin-bottom: 0;
margin-top: 2em;
/*padding-bottom: 1em;*/
}
.product-container .product-information .prod-desc-reveal {
font: 700 110%/120% 'Domine', serif;
color: #000;
padding-bottom: 10px;
display: block;
cursor: pointer;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.product-container .product-information .prod-desc-reveal:hover,
.product-container .product-information .prod-desc-reveal.reveal-open{ color: #E60700}
/*.product-container .product-information .prod-desc-reveal.reveal-open {padding-bottom: 8px;} */
.product-container .product-information .prod-desc-content {padding-bottom: 10px; color: black; }
.product-container .product-information .prod-desc-content p {color: black; }
.product-container .product-information .prod-desc-content ul {margin: 1em 2em;}
.product-container .product-information .prod-desc-content ul li {list-style: disc;}
#short_description_content a, .page-product-box a,
.product-container .product-information .prod-desc-content a,
#page .rte a {color: #E60700; text-decoration: none;}
#short_description_content a:hover, .page-product-box a:hover,
.product-container .product-information .prod-desc-content a:hover,
#page .rte a:hover {color: #666}
table,
.table-bordered {width: 100%; border: 0; font-size: 90%;}
table caption {display: none;}
table th,
table td,
.table thead > tr > th,
.table thead > tr > td,
.table tbody > tr > th,
.table tbody > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
padding: .5em .8em; color: #000; border: 0; border-bottom: 1px solid #CCC; background: #e8e6e6; }
table tbody > tr > th,
.table tbody > tr > th {font-weight: 700}
table thead th,
.table > thead > tr > th {background: #535353; color: #FFF; border: 0; }
table tr:nth-child(odd) th,
table tr:nth-child(odd) td {}
.prod-desc-content thead th:first-of-type {font-family: 'Domine'; font-weight: 700; font-size: 110%; text-transform: uppercase;
background: none; color: #000; position: relative; overflow: hidden;}
/*.prod-desc-content thead th:first-of-type::after {content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0;
border-style: solid; border-width: 0 0 100px 60px; border-color: transparent transparent #000 transparent;
}*/
.product-container .product-information .prod-desc-content table thead th,
.product-container .product-information .prod-desc-content .table > thead > tr > th {font-size: 100%}
.prod-desc-content table em {font-weight: 400 !important; font-style: normal;}
.product-container .product-information .prod-desc-content table thead th:first-child {text-indent: -9999em}
.prod-desc-content .aviso {
/*margin-top: -1em;*/
font-size: 85%;
line-height: 1.3em;
color: #000;
}
.product-container .pb-right-column.row {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}
.product-container .product-add-ct {
margin-top: 0;
background: #e8e6e6;
padding: 0 2em;
display: flex;
justify-content: flex-start;
align-items: center;
}
.product-container .product-add-ct .add-to-cart {
height: auto;
padding-top: 0;
margin-top: 0;
}
.product-container .product-add-ct .btn.add-to-cart:hover::after,
.product-container .product-add-ct .btn.add-to-cart:focus::after {
height: 150%;
bottom: -3px;
}
.box-info-product {
border: 0;
background: transparent;
}
.content_prices,
.product_attributes,
.box-cart-bottom {
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: auto;
}
.product_attributes, .box-cart-bottom {
box-shadow: none;
margin-left: 2em;
}
.product_attributes {background: #FFF;}
#attributes {
padding-bottom: 8px;
}
div.selector {font-size: 90%}
div.selector, div.selector span, div.checker span, div.radio span, div.uploader span.action, div.button, div.button span {
background-image: url('../img/elcaserio/form-sprite.png');
}
div.uploader {height: auto}
div.uploader span.action {width: 140px;margin-top: 10px;text-shadow: none; font-size: 10px; font-weight: 400;
text-transform: uppercase; font-family: 'Source Serfi Pro'; letter-spacing: 1px;}
#attributes .attribute_list .form-control option {color: #000;}
.product-quantity #quantity_wanted {height: 2.4em; border: 1px solid #000;}
.bootstrap-touchspin {box-shadow: none;}
.bootstrap-touchspin .btn-touchspin.btn {border: 0;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {margin: 0;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down::after,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up::after,
.product-quantity .input-group-btn-vertical .btn::after {display: none}
.product-quantity .input-group-btn-vertical .btn i {top: 0}
.bootstrap-touchspin .input-group-btn-vertical {position: absolute; right: 0}
.bootstrap-touchspin .btn-touchspin:hover {color: #E60700}
.btn.button-plus, .btn.button-minus {border: 0; background: none}
.btn.button-plus i, .btn.button-minus i {display: inline !important}
.btn.button-plus:hover span, .btn.button-minus:hover span,
.btn.button-plus span, .btn.button-minus span {margin: 0; padding-top: 6px; background: none; border: 0;}
.btn-default.btn.button-plus span::after,
.btn-default.btn.button-minus span::after {height: 0}
.btn-default.btn.button-plus:hover span::after,
.btn-default.btn.button-minus:hover span::after {left: -4px; bottom: -3px;}
.product-actions .control-label {
text-align: left;
display: block;
width: auto;
margin-top: 7px;
margin-bottom: 0;
font-size: 110%;
line-height: 160%;
float: left;
margin-right: 1em;
font-weight: 700;
text-transform: capitalize;
}
/*.content_prices {
float: left;
margin: 10px 0 0 2em;
}*/
.price,
.product-price {font-family: "Domine", Times, serif; font-weight: 700; color: #000}
.our_price_display,
.product-price,
.our_price_display strong,
.product-price strong,
.our_price_display b,
.product-price b {
font: 700 220%/120% "Domine", Times, serif;
color: #000;
margin-bottom: 0;
}
.our_price_display strong,
.product-price strong,
.our_price_display b,
.product-price b {font-size: 100%;}
.buttons_bottom_block {
padding: 0
}
.box-info-product p#add_to_cart {position: relative; padding-top: 18px;}
.box-info-product .exclusive {
background: none;
font-size: 90%;
border: none;
padding-left: 45px;
}
.box-info-product .exclusive:before {
border: 0;
color: #000;
font-size: 15px;
line-height: 30px;
width: 48px;
text-shadow: none;
}
.box-info-product .exclusive:after {
background: none;
}
.box-info-product .exclusive span {
border: 0;
font: 400 100%/120% "Domine", Times, serif !important;
text-shadow: none;
padding: 0;
}
.box-info-product .exclusive:hover {filter: none !important ; background: none !important }
.box-info-product .exclusive:hover:before {width: 28px;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.box-info-product .exclusive:hover span {color: #FFF}
.box-cart-bottom {width: auto !important}
.tabs {box-shadow: none; border-top: 2px dotted #e8e6e6; border-bottom: 2px dotted #e8e6e6;}
/* Mensaje de envÃo gratis */
/* Activamos el mensaje en ESPAÑA PENINSULAR */
.sending-info {display: none;}
.zone_1 .sending-info {display: inline-block;}
.sending-info {
margin-right: -25px;
width: 53%;
font-size: 12px;
margin-left: 2.4%;
color: #BD1E23;
line-height: 1em;
padding-top: .5em;
font-family: 'KohinoorBangla-Regular';
}
.sending-info i {
font-family: "FontAwesome";
content: "\f0d1";
font-size: 27px;
padding-right: 8px;
display: inline-block;
float: left;
margin-top: -2px;
}
.sending-info b {
font-size: 15px;
letter-spacing: 0.1em;
}
.layer_cart_row .sending-info {
color: #FFF;
font-weight: normal;
margin-top: 9px;
text-transform: none !important;
}
#layer_cart .layer_cart_cart .layer_cart_row.sending-block {background-color: #000;}
#layer_cart .layer_cart_cart .layer_cart_row .sending-info {display: block; margin: 1em 1.5em 0.5em 1.5em; float: none; }
#layer_cart .layer_cart_cart .layer_cart_row .sending-info span {float: none; font-weight: 700; font-size: 170%;}
#layer_cart .layer_cart_cart {padding-bottom: 20px}
#layer_cart .layer_cart_cart .button-container {position: static; width: auto; padding: 0; margin-top: 5em;}
#layer_cart .layer_cart_cart .button-container .btn-default span {color: #FFF}
#layer_cart .layer_cart_cart .button-container .btn-default span::after {background: #FFF}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium {margin-right: 25px;}
#layer_cart .layer_cart_cart .button-container .btn-default:hover span::after {
left: -15px;
bottom: -7px;
background: #000;
}
/* Ofertas */
#reduction_percent,
#reduction_amount {
background: #BD1E23;
border: none;
padding: 6px 8px;
border-radius: 7px;
font: 300 14px/14px "Domine",Times,serif;
}
#old_price {
font-family: "Domine", Times, serif;
}
/* Certificados calidad */
/*.box-cert-product {
padding-bottom: 20px;
}*/
.box-cert-product img {
padding-right: 5px;
}
.box-cert-product a {text-decoration: none !important;}
/* Ocultamos y mostramos segun el producto */
/*.box-cert-product #cert-taste,
.box-cert-product #cert-sinazucar {display: none;}
.product-caramelo-con-pinones .box-cert-product #cert-taste,
.product-dulce-de-leche-ligero .box-cert-product #cert-taste,
.product-crema-de-cafe-y-leche .box-cert-product #cert-taste,
.product-crema-de-cafe-y-leche .box-cert-product #cert-taste,
.product-ligero-con-pinones .box-cert-product #cert-sinazucar,
.product-dulce-de-leche-ligero .box-cert-product #cert-sinazucar {display: inline;}*/
/* Productos relacionados */
.featured-products h2{font:700 150%/100% "Domine", Times, serif;text-align: center;margin-bottom:2em;}
/* CARRITO */
#order-detail-content .table .product-name,
#order-detail-content .table .product-name a {color: #000;}
#order-detail-content .table .product-name a {font-family: 'Domine', serif; font-size: 120%; line-height: 120%}
#order-detail-content .table .price {font-size: 130%}
#order-detail-content .table .price .price {font-size: 100%}
#cart_summary tfoot td.text-right,
#cart_summary tfoot tbody td.cart_unit,
#cart_summary tbody tfoot td.cart_unit,
#cart_summary tfoot tbody td.cart_total,
#cart_summary tbody tfoot td.cart_total {font-weight: 700; font-family: 'Domine'; text-transform: uppercase;}
#cart_summary tbody td {padding: 7px 20px 9px 0}
#cart_voucher {padding-left: 20px;}
.cart_voucher h4 {
font: 700 120%/120% "Domine", sans-serif;
color: #000;
text-transform: uppercase;
padding: 0 0 0 0;
margin-top: 30px;
}
.cart_voucher .btn-default span {margin-top: .8em;}
.cart_voucher .btn-default:hover span::after {left: -4px;}
#cart_summary tfoot td.total_price_container span,
#cart_summary tfoot td#total_price_container {color: #000; font: 700 100%/150% "Domine", sans-serif;}
.cart_total_price,
.table tfoot .cart_total_price > td {background: white;}
.table tfoot .cart_total_price td#cart_voucher,
.table tfoot .cart_total_price td.total_price_container,
.table tfoot .cart_total_price td#total_price_container {border-bottom: 0}
#cart_summary tfoot td#total_price_container {font-size: 180%}
/*table th, table td, .table thead > tr > th, .table thead > tr > td, .table tbody > tr > th, .table tbody > tr > td, .table tfoot > tr > th, .table tfoot > tr > td*/
div.delivery_option_price,
#cart_summary td.cart_quantity {text-transform: uppercase; font-family: 'Domine'; font-size: 120%; font-weight: 700;}
/* CARAMELO DEL ALZHEIMER */
.product-id-29 .product-information .buttons_bottom_block,
.product-tarjeta-corazon-del-alzheimer .product-information .buttons_bottom_block {
display: none;
}
/*.product-caramelo-del-alzheimer .product-container h1,
.product-caramelo-del-alzheimer .our_price_display,
.product-caramelo-del-alzheimer .product-container .product-information .prod-desc-reveal,
.product-caramelo-del-alzheimer .box-info-product .exclusive:before {color: #942e82;}
.product-caramelo-del-alzheimer .box-info-product .exclusive,
.product-caramelo-del-alzheimer .prod-desc-content thead {background-color: #942e82}*/
/*.product-caramelo-del-alzheimer .new-label {background-color: #723988}
.product-caramelo-del-alzheimer .box-info-product .exclusive:before,
.product-caramelo-del-alzheimer .box-info-product .exclusive span {color: #FFF;}*/
/*.product-caramelo-del-alzheimer .box-info-product .exclusive:hover {filter: none !important ;}*/
.product-container blockquote {background: #942e82;}
/*.product-caramelo-del-alzheimer .box-info-product .exclusive:hover span {
background: #723988;
color: white;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #723988), color-stop(100%, #723988));
background-image: -webkit-linear-gradient(#723988, #723988);
background-image: -moz-linear-gradient(#723988, #723988);
background-image: -o-linear-gradient(#723988, #723988);
background-image: linear-gradient(#723988, #723988);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#723988', endColorstr='#723988',GradientType=0 ) !important;
background-position: 0 0;
}
.product-caramelo-del-alzheimer .sending-info {color: #000}
.product-caramelo-del-alzheimer .prod-desc-content tbody {background: rgba(114,57,136,.4)}
.product-caramelo-del-alzheimer #center_column #short_description_block .prod-desc-content table tbody tr:nth-child(2n+1) {background:rgba(255,255,255,.7)}
.product-caramelo-del-alzheimer #center_column #short_description_block .prod-desc-content table tbody tr {background:rgba(255,255,255,.5)}*/
/* Cross selling / Ventas cruzadas */
.bx-wrapper {max-width: 100% !important;}
#crossselling_list {
width: 100%
}
#crossselling.page-product-box {
display: block;
}
#crossselling li {
/*background: rgba(255,255,255,.2);*/
/*border: 1px solid rgba(32, 22, 16, 0.1);*/
padding: 9px;
}
#crossselling h3.page-product-heading {
color: #000;
text-align: center;
font: 400 150%/100% "Domine", Times, serif;
background: transparent;
border: none;
padding: 14px 0 0px;
}
#crossselling .product-box .product-image,
#crossselling li a img {
border: 0;
padding: 0;
background: transparent;
}
#crossselling li a:hover img {
-webkit-animation-duration: .9s;
animation-duration: .9s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: tada;
animation-name: tada;
}
#crossselling li p.product_name,
#crossselling li p.product_name a {
font: 700 100%/120% "Domine", serif;
color: #000;
text-decoration: none;
}
#crossselling .content_price {
display: block;
text-align: center;
}
#order #crossselling {display: none;}
#crossselling .price {
font: 700 160%/110% "Domine", serif;
color: #000;
}
#crossselling .button-container {
margin-top: 10px;
}
#crossselling .button-container .lnk_view {
float: right;
}
/***** PROCESO DE COMPRA */
.submit .button-exclusive,
.submit2 .button-exclusive,
.submit .button.button-medium,
.submit2 .button.button-medium {font-size: 110%}
.footer_links .button.button-small {font-size: 100%}
/*.button i,
.btn i,
.submit .button-exclusive i,
.submit .button.button-medium i,
.submit2 .button.button-medium i,
.footer_links .button i,
#layer_cart .layer_cart_cart .button-container .button i,
.button.button-small span i,
.cart_navigation .button-exclusive i,
.cart_navigation .button-medium i {display: none !important;}*/
.btn.button.exclusive-medium span,
.btn.button.button-medium span,
.btn.button.button-medium.exclusive span,
.btn.button.button-small span
.btn.button.button-small.exclusive span{
background: none;
border: 0;
padding: 0;
}
.btn.button.exclusive-medium:hover,
.btn.button.button-medium:hover,
.btn.button.button-medium.exclusive:hover {
background: none !important;
}
.btn.button.exclusive-medium:hover span,
.btn.button.button-medium:hover span,
.btn.button.button-medium.exclusive:hover span {
background-color: none !important;
}
#layer_cart .crossseling {display: none;} /* Ocultamos la venta cruzada */
ul.step {background: #545454; padding: 0 16px;}
ul.step li a,
ul.step li span,
ul.step li.step_current span,
ul.step li.step_current_end span {
font: 400 88%/119% "Domine", Times, serif;
text-transform: uppercase;
text-align: center;
padding: 15px 10px;
}
ul.step li,
ul.step li.step_todo span,
ul.step li.step_done a,
ul.step li.step_current {border: none;}
ul.step li.first span, ul.step li.first a {padding-left: 10px !important}
ul.step li.step_todo,
ul.step li.step_done a,
ul.step li.step_current {background: none}
ul.step li.step_todo span,
ul.step li.step_done a {color: #FFF; padding-left: 10px !important}
ul.step li.step_todo span:after {background: none}
ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span, ul.step li.step_done a {text-shadow: none;}
ul.step li.step_current,
ul.step li.step_done a {/*background: #e8e6e6; */color: #FFF; position: relative;}
ul.step li.step_current {color: #000;}
ul.step li a:after,
ul.step li span:after,
ul.step li.step_current span:after,
ul.step li.step_current_end span:after,
ul.step li.step_done.step_done_last a:after {display: none;}
ul.step li.step_current span::after,
ul.step li.step_done.step_done_last a:after,
ul.step li#step_end.step_current span:after,
ul.step li.step_done a::after {
content: ''; position: absolute; display: block; top: 2px; width: 108%; z-index: -1; height: 100%;
background: #000;
/*padding: 6px;*/
left: -4%;
-webkit-transform: skew(-18deg, 0deg);
transform: skew(-18deg, 0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.step li.step_done a:hover {color: #000}
ul.step li.step_done a:hover::after {background: #E60700}
ul.step li.step_current span::after,
ul.step li#step_end.step_current span:after {background: #e8e6e6}
/*ul.step li.step_done.step_done_last a:after {left: 0}*/
ul.step,
ul.step li.first span,
ul.step li.first a,
ul.step li.first,
ul.step li.last span,
ul.step li.last a,
ul.step li.last {border-radius: 0}
ul.step li.step_current span{
text-shadow: none;
border: none;
color: #000;
}
.btn.button.button-medium.standard-checkout {
color: #FFF;
}
/* Ofertas */
.price-percent-reduction,
.price-percent-reduction.small {
background: #bd1e23;
border-radius: 7px;
border: none;
padding: 6px 3px;
font-family: 'Domine', Times, serif;
}
.special-price {color:#bd1e23 }
/* PAGO */
body#checkout section.checkout-step .payment-options .payment-option {display: flex; align-items: center;}
body#checkout section.checkout-step .payment-options label { display: flex; align-items: center; text-align: left;}
body#checkout section.checkout-step .payment-options .ps-hidden {display: none;}
#HOOK_PAYMENT [class^="col-"],
#HOOK_PAYMENT [class*=" col-"] {width: 100% !important}
.payment_module img {display: none;}
p.payment_module a {
background: rgba(0,234,255, .2) !important;
letter-spacing: 0;
position: relative;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 0;
font-weight: bold;
padding: 23px 80px 19px 19px;
font-weight: normal;
font-family: 'Lato';
font-size: 100%;
line-height: 110%;
}
#HOOK_PAYMENT .row:nth-child(1) p.payment_module a {background: rgba(252,255,0, .2) !important}
#HOOK_PAYMENT .row:nth-child(2) p.payment_module a,
p.payment_module.paypal a {background: rgba(0,234,255, .2) !important}
#HOOK_PAYMENT .row:nth-child(3) p.payment_module a {background: rgba(255,0,168, .2) !important}
p.payment_module a span {color: #000; font-weight: 400; font-family: 'KohinoorBangla-Regular';}
p.payment_module a.cheque:after,
p.payment_module a.bankwire:after,
p.payment_module a.cash:after,
p.payment_module a.braintree:after,
p.payment_module.paypal a::after {color: #000; margin-top: -6px; }
p.payment_module a:hover {
background-color: #E60700;
color: #000;
}
#HOOK_PAYMENT .row:nth-child(1) p.payment_module a:hover {background: rgba(252,255,0, 1) !important}
#HOOK_PAYMENT .row:nth-child(2) p.payment_module a:hover,
p.payment_module.paypal a:hover {background: rgba(0,234,255, 1) !important}
#HOOK_PAYMENT .row:nth-child(3) p.payment_module a:hover {background: rgba(255,0,168, 1) !important}
/* Boton pago Paypal */
p.payment_module.paypal a::before {content: 'Pago por Paypal'}
p.payment_module.paypal a::after {
display: block;
content: "\f054";
position: absolute;
right: 15px;
top: 50%;
font-family: "FontAwesome";
font-size: 25px;
height: 22px;
width: 14px;
}
/***** REGISTRO Y FORMULARIOS */
.box,
.page-addresses .address,
.page-authentication #content,
.forgotten-password .form-fields .center-email-fields {
background: #e8e6e6;
border: none;
color: #000;
padding: 2em;
}
.alert-pass{background: #790102;padding: 1em 2em;margin-bottom: 2em;color: #fff!important;}
.alert-pass p{color:#FFF;}
/*.box .page-subheading {font-size: 130%; line-height: 120%}*/
div.selector select {background: #FFF url('../img/elcaserio/icons/icon-arrow-down.svg') no-repeat 97% 52%;
background-size: 17px; }
.form-control,
input.uniform-input, select.uniform-multiselect, textarea.uniform {border-color: #000; color: #000;}
label,
.form-control-label {color: #000; font-family: 'Domine'; font-size: 100%; line-height: 120%; font-weight: 700;}
.input-group .input-group-btn>.btn {color: #000;}
.input-group .input-group-btn>.btn[data-action=show-password] { padding: 0; margin-left: 2em}
.input-group .input-group-btn>.btn:hover,
.input-group .input-group-btn>.btn:focus {color: #FFF;}
.custom-checkbox label,
.custom-checkbox .label {font-weight: 400}
.form-group.form-error input,
.form-group.form-error textarea {border-color: #E60700; color: #000; background: rgba(255,0,168, .6); }
.form-group.form-ok input,
.form-group.form-ok textarea {border-color: #E60700; color: #000; background: rgba(0,234,255, .6);}
/* LOGIN */
.forgot-password a {text-decoration: underline;}
/* REGISTRO */
.page-authentication #content{max-width: 90%!important;}
ul.footer_links {border-top: 2px solid #000;}
ul.footer_links li {margin-right: 25px;}
#address .form-group,
#identity .form-group,
#account-creation_form .form-group,
#new_account_form .form-group,
#opc_account_form .form-group,
#authentication .form-group {margin-bottom: 20px;}
#account-creation_form .form-group,
#opc_account_form .form-group {display: inline-block !important; width: 44%; vertical-align: top}
#address .inline-infos,
#identity .inline-infos,
#account-creation_form .inline-infos,
#new_account_form .inline-infos,
#opc_account_form .inline-infos,
#authentication .inline-infos,
p.required .inline-infos,
#address .form_info,
#identity .form_info,
#account-creation_form .form_info,
#new_account_form .form_info,
#opc_account_form .form_info,
#authentication .form_info,
#address p.required, #identity p.required,
#account-creation_form p.required,
#new_account_form p.required,
#opc_account_form p.required,
#authentication p.required {color: #E60700 !important; font-family: 'Lato'; font-size: 90%;}
.checkbox label a {color: #E60700; text-decoration: underline;}
.checkbox label a:hover {color: #000;}
/* CHECKOUT EN UNA PÃGINA */
#order-opc .page-heading.step-num {padding-left: 0;}
#order-opc .page-heading.step-num span {position: static; font-style: normal; color: #E60700}
#order-opc #opc_payment_methods p.warning {background: #E60700; position: relative; width: 100%; z-index: 1000;
color: #000; border: 0; padding: 15px 20px; color: #000; font-family: 'Lato'; }
.order-opc #HOOK_SHOPPING_CART,
.order-opc .cart_navigation {display: none;}
/*
.zone_9 .cart_total_delivery,
.zone_10 .cart_total_delivery {display: none;}
*/
/***** CUENTA DE USUARIO */
.page-my-account #content .links a span.link-item {
box-shadow: none; border: 1px solid #dedede
}
/*.page-my-account #content .links a:hover span.link-item {
background-color: #dedede
}*/
.page-my-account #content .links a:hover i {color: #E60700}
#main .page-content,
#main .page-header {margin-left: 4%; margin-right: 4%; box-shadow: none;}
.page-authentication.page-customer-account #content {
margin-left: auto;
margin-right: auto;
}
.page-my-account #main .page-footer{margin-left:6%;margin-right:6%;padding-top:20px;border-top: 2px solid #000;}
#main .page-footer .text-sm-center{text-align: left!important;}
/***** DIRECCIONES DE USUARIO */
.page-addresses #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
.page-addresses #main .page-footer{margin-left:4%;}
.page-addresses .address, .page-authentication #content{box-shadow:none;}
.page-addresses .addresses-footer{margin:0 0;}
.page-addresses .addresses-footer a{color:#000;}
.page-addresses .addresses-footer a:hover{color:#fff;text-transform:uppercase;}
.page-addresses .addresses-footer a, .page-addresses .addresses-footer a:hover{text-transform:uppercase;}
.page-addresses .addresses-footer a span{font-size: 1em;}
/***** DATOS DE USUARIO */
.page-identity .page-content{background:#e8e6e6!important; }
.page-identity .page-content .float-xs-right{float:left!important;margin-left:30px;}
/***** HISTORIAL DE PEDIDOS */
.page-history #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
.page-history #main .page-footer{margin-left:4%;}
/***** FACTURAS POR ABONO */
.page-order-slip #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
.page-order-slip #main .page-footer{margin-left:4%;}
/***** CUPONES DESCUENTO */
.page-discount #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
.page-discount #main .page-footer{margin-left:4%;}
/***** DEVOLUCIONES MERCANCÃA */
.page-customer-account #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
.page-customer-account #main .page-footer{margin-left:4%;}
/***** MIS ALERTAS */
#module-ps_emailalerts-account #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
#module-ps_emailalerts-account #main .page-footer{margin-left:4%;}
/***** MIS ALERTAS */
#module-psgdpr-gdpr #main .page-content{border-bottom:2px solid #000;padding-bottom:2em;}
#module-psgdpr-gdpr #main .page-footer{border-bottom:2px solid #000;padding-bottom:2em;}
/***** CONFIRMACIÓN DE PEDIDO */
#order-items{border-right:none;}
.order-confirmation-table .image{border:1px solid #ccc;display:block;}
.order-confirmation-table .order-line{border-top: 1px solid #ccc;margin-top: 0;margin-bottom:1em;padding-top: 1em;}
#order-items table tr td:last-child{font-weight:700;}
.addresses-lists {}
@media (min-width: 1200px) {
.addresses-lists .col-lg-4 {width: 50%;}
}
#my-account ul.myaccount-link-list li {overflow: visible;}
#my-account ul.myaccount-link-list li a,
#my-account ul.myaccount-link-list li a i,
#my-account ul.myaccount-link-list li a span {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
transition: background 0.2s linear;
}
#my-account ul.myaccount-link-list li a {background: #000; text-shadow: none; color: #FFF;
font: 400 110%/120% 'Domine', serif; display: inline-block; overflow: visible;
}
#my-account ul.myaccount-link-list li a::before,
#my-account ul.myaccount-link-list li a::after {content: ''; position: absolute; top: 0;
padding: 0; float: none; width: 0; height: 0; border-style: solid;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#my-account ul.myaccount-link-list li a::before{border-width: 0 0 47px 25px; left: -25px;
border-color: transparent transparent #000 transparent;}
#my-account ul.myaccount-link-list li a::after {border-width: 47px 25px 0 0; right: -25px;
border-color: #000 transparent transparent transparent;}
#my-account ul.myaccount-link-list li a i {font-size: 18px; padding-top: 15px; background: #000; color: #FFF; width: 42px; }
#my-account ul.myaccount-link-list li a span {margin-left: 32px;}
#my-account ul.myaccount-link-list li a:hover,
#my-account ul.myaccount-link-list li a:hover i {background: #E60700; border: none; color: #000;}
#my-account ul.myaccount-link-list li a:hover::before {border-color: transparent transparent #E60700 transparent;}
#my-account ul.myaccount-link-list li a:hover::after {border-color: #E60700 transparent transparent transparent;}
#my-account ul.myaccount-link-list li a:hover.logout,
#my-account ul.myaccount-link-list li a:hover.logout i {background: #E60700;}
#my-account ul.myaccount-link-list li a:hover.logout::before {border-color: transparent transparent #E60700 transparent;}
#my-account ul.myaccount-link-list li a:hover.logout::after {border-color: #E60700 transparent transparent transparent;}
#order-list .footable-row-detail-value .link-button {margin-left: .8em;}
.forgotten-password .form-fields .email input{margin-bottom:10px;}
/***** PAGINAS CMS */
body.cms .center_column h1,
body.cms .rte h2 {
font: 700 200%/120% 'Domine', serif;
padding-bottom: 1em;
padding-top: 20px;
border-bottom: 0;
margin-bottom: 0;
color: #000;
width: 100%;
text-align: center;
clear: both;
}
body.cms .rte h2,
body.page-cms h2{font-size: 160%;text-align: center;}
body.cms .rte h3 {font: 700 125%/120% 'Domine', serif; }
body.page-cms a{color:#E60700;text-decoration: none;}
/***** CONTACTO */
.contact-form-box {background: #e8e6e6;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.page-contact .form-footer{margin-left:27%;}
.page-contact .form-footer .required label{font-weight:100;color:#777777;margin-bottom:15px;}
.contact-form h3 { padding-bottom: 1em; margin-left: 35%; font-size: 180%; }
.input-group .input-group-btn>.btn {padding: 0; margin-left: 1.5em;}
.form-footer input.btn {font-size: 140%;}
.form-footer input.btn:hover,
.form-footer input.btn:focus {color: #000; text-decoration: underline;}
.checker{float:left;width: 15px;height:15px;margin-right:5px;}
/***** FOOTER */
.footer-container {margin-top: 0 }
.footer-container .container {
position: relative;
}
.footer-container .container .row {
background-color: #000;
margin: 0
}
.footer-container .container .row:last-of-type {
background: none;
color: #FFF;
}
.footer-container .container > .row:last-of-type p,
.footer-container .container > .row:last-of-type a {
color: #FFF;
}
/* Newsletter */
/*#footer #newsletter_block_left {
background: white;
margin-left: 15px;
float: none;
width: auto;
margin-right: 15px;
-webkit-box-shadow: 0px -2px 21px rgba(0,0,0,.35);
-moz-box-shadow: 0px -2px 21px rgba(0,0,0,.35);
-ms-box-shadow: 0px -2px 21px rgba(0,0,0,.35);
-o-box-shadow: 0px -2px 21px rgba(0,0,0,.35);
box-shadow: 0px -2px 21px rgba(0,0,0,.35);
}
#footer #newsletter_block_left h4 {
font: 400 20px/25px "Domine", Times, serif;
color: #000;
padding-top: 5px;
margin-bottom: 3px;
margin-left: 190px;
}
#footer #newsletter_block_left .form-group .form-control {
background: #eaeaea;
border: 1px solid rgba(73, 64, 56, 0.22);
color: #8b8b8b;
height: 31px;
}
#footer #newsletter_block_left .newsletter-input {
max-width: 245px !important;
}
#footer #newsletter_block_left .form-group .button-small {
margin-left: -30px;
}
#footer #newsletter_block_left .form-group .button-small:before {
content: "\f054";
font-size: 20px;
line-height: 18px;
color: #000;
text-shadow: none;
}
*/
/* Contenido bloques */
.footer-container .block-contact {display: none;}
.footer-container .links {margin-top: 25px; padding-bottom: 25px;}
.footer-container .links.col-md-6 {
margin-left: 50%;
}
@media (max-width: 991px) {
.footer-container .links.col-md-6 {margin-left: 38%;}
.footer-container .links {width: 30%;}
}
@media (max-width: 767px) {
.footer-container .container .row {padding: 1em 0}
.footer-container .links {width: 90%; padding: 0; margin: 0 5% !important;}
.footer-container .links .h3 {line-height: 120%;}
.footer-container .links .title {padding: 0;}
.footer-container .links .title,
.footer-container .links ul>li {border-bottom-color: #545454}
.footer-container .links ul {background-color: #000}
.footer-container .links ul>li a {color: #FFF}
.contact-form h3{margin-left:0;}
.page-contact .form-footer{margin-left:6%;}
}
@media (min-width: 992px) {
.footer-container .links {
width: 24%;}
}
.footer-container .links .col-md-6 {width: 100%;}
.footer-container .h3 {
font: 700 110%/120% "Domine", serif;
color: #aeaeae;
padding-bottom: 10px;
}
.footer-container .h3 a {
color: #aeaeae !important;
text-transform: none !important;
margin-bottom: 5px;
font-weight: 700;
}
.footer-container a {
color: white;
}
.footer-container ul li {
padding-bottom: .5em;
}
.footer-container ul li a {
text-shadow: none;
font-weight: 300;
font-size: 80%;
line-height: 110%;
display: block;
color: #C7C7C7;
}
.footer-container ul li a:hover {
color: #FFF;
}
.footer-container ul li a:before {
content: '· ';
/*font-family: "icons";
content: "\e802";
font-size: 14px;*/
}
/* Copyright */
.footer-container #footer .bottom-footer div {
border-top: 0;
padding-bottom: 15px;
color: black;
background: url('../img/cart-shadow.png') repeat-x 0 0;
}
.footer-container #footer .bottom-footer div a {
color: black;
}
/* Content footer */
#logo-footer {
position: absolute;
/*top: 80px; SIN NEWSLETTER*/
position: absolute;
top: 30px;
left: 7em;
max-width: 170px;
}
/* PRODUCTOS */
.product-variants>.product-variants-item select {box-shadow: none}
/* SOCIAL SHARING */
.social-sharing li {background-color: #f2f2f2; border-radius: 0; background-size: 1.6rem 1.6rem;
background-position: .15rem .15rem; width: 2em; height: 2em; box-shadow: none;}
.facebook.icon-gray:hover {background-image: url(../css/082a71677e756fb75817e8f262a07cb4.svg)}
.twitter.icon-gray:hover {background-image: url(../css/e049aeb07a2ae1627933e8e58d3886d2.svg)}
.pinterest.icon-gray:hover {background-image: url(../css/99db8adec61e4fcf5586e1afa549b432.svg)}
/***** MENSAJES */
.alert {
position: relative;
width: 100%;
z-index: 1000;
border: 0;
padding: 15px 20px;
color: #FFF;
font-family: 'Lato';
}
p.alert {padding-top: 15px;}
.alert a {color: #FFF;}
.alert a:hover {color: #000;}
.alert.alert-danger,
.alert.alert-success {text-shadow: none;}
.alert-success,
.alert-info {background: #999;}
.alert-warning {background: #790102;}
.alert-warning a {color: #000; text-decoration: underline;}
.alert-danger {background: #E60700}
/* VACACIONES */
.vacation-message {background: #790102; color: #000; margin: 0 0 18px; padding: 14px 18px 23px; text-align: center;}
.vacation-message.top-message {background: #790102; position: absolute; width: 100%; z-index: 300; box-shadow: 0px 1px 9px rgba(0,0,0,.5); border-radius: 0;}
.vacation-message h3 {font: 300 32px/35px "Domine", Times, serif; padding-top: 0; padding-bottom: 0}
.vacation-message p {font-size: 16px; color: #000;}
/*#page {padding-top: 10em;}*/
/* OTROS MENSAJES */
.custom-message {border-radius: 0.5em; color: #fff; margin: 0 17px 18px 17px; padding: 14px 18px 23px; overflow: hidden;
background-color: #5a3e25; background-repeat: no-repeat; background-position: center; background-size: cover;
}
.custom-message .message-ct {float: left; width: 40%; margin-left: 3%;}
.custom-message h3 {font: 300 32px/35px "Domine", Times, serif;
-webkit-text-shadow: 1px 2px 3px rgba(0,0,0,.6);
-ms-text-shadow: 1px 2px 3px rgba(0,0,0,.6);
-mo-text-shadow: 1px 2px 3px rgba(0,0,0,.6);
-o-text-shadow: 1px 2px 3px rgba(0,0,0,.6);
text-shadow: 1px 2px 3px rgba(0,0,0,.6);
}
.custom-message p {font-size: 14px; line-height: 16px;}
.custom-message em {font-family: "Domine", Times, serif; font-style: italic; font-size: 17px; line-height: 24px; display: block; }
/* DIA DE LA MADRE */
.custom-message#dia-de-la-madre {background-image: url('../img/elcaserio/messages/dia-de-la-madre.jpg'); background-size: 100%;
background-position: 0px -35px;
}
@media (max-width: 768px) {.custom-message#dia-de-la-madre {background-size: cover; background-position: center}}
@media (max-width: 480px) {.custom-message .message-ct {width: 100%; float:none;}}
/* LOGOTIPO DEL 55 ANIVERSARIO */
.logo-55aniv {position: absolute; height: 120px; overflow: hidden; right: 0; bottom: 120px;}
.logo-55aniv img {display: block; height: 100%; width: auto;}
@media (max-width: 1024px) {.logo-55aniv {height: 80px; right: 20px; bottom: 100px;}}
@media (max-width: 480px) {.logo-55aniv {height: 68px; bottom: 100px;}}
h2#js-product-list-header {text-align: center; padding-bottom: 1em;}
/* PRODUCTOS OCULTOS */
/* Libro Sebastian y los piñones mágicos */
.product-28 .product-container .pb-right-column {display: none;}
/* Tarjeta de corazones del Alzheimer */
/*.product-29 .product-container .pb-right-column {display: none;}*/
button.close {
width: 30px;
height: 30px;
background-color: #000;
opacity: 1;
color: #FFF;
text-shadow: none;
}
#blockcart-modal .modal-header .close .material-icons {
color: #FFF;
font-size: 24px;
}
.close:focus,
.close:hover {
opacity: .7;
color: #FFF;
}
/* MODAL */
.modal-content {border-radius: 0; border: 0; }
/* Modal carrito */
#blockcart-modal .modal-header{background: #000; color: #FFF; border: 0;}
#blockcart-modal .modal-header .close:hover {opacity: .7}
#blockcart-modal .modal-title {color: #FFF;
font: 700 115%/100% "Domine", Times, serif; text-transform: none; padding-bottom: 0}
#blockcart-modal .modal-title i.material-icons {margin-right: 1rem; color: #FFF;}
#blockcart-modal .modal-body {background: #e8e6e6; padding: 0;}
#blockcart-modal .modal-body,
#blockcart-modal .modal-body .col-md-7 {min-height: 318px;}
#blockcart-modal .modal-body > .row {margin-left: 0; margin-right: 0}
#blockcart-modal .modal-body .col-md-7 {background: #545454; color: white; }
#blockcart-modal .divide-right,
#blockcart-modal .cart-content {padding-top: 3em; padding-bottom: 3em; border: 0;}
#blockcart-modal .product-name {
font: 400 110%/110% "Domine", Times, serif;
color: #000;
padding-bottom: .2em;
margin-bottom: 0;
}
#blockcart-modal .modal-body .divide-right span {
display: block;
margin-bottom: 0;
color: #666;
font-size: 90%;
text-transform: capitalize;
}
#blockcart-modal .modal-body .divide-right br {display: none;}
#blockcart-modal .modal-body .divide-right span strong {float: right}
#blockcart-modal .product-image {max-width: 100%;}
a.collapse-button{color:#fff;}
@media (max-width: 767px) {
#blockcart-modal .product-image {max-width: 250px;}
}
#blockcart-modal .product-price {color: #000; margin-top: 0; font-size: 170%; padding-bottom: 0.3em;}
#blockcart-modal .cart-content {font-family: 'Domine'; text-transform: uppercase;}
#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,
#blockcart-modal .cart-content p.cart-products-count,
.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {
font-family: 'KohinoorBangla-Regular';
color: #FFF;
font-size: 125%;
margin-top: 0;
padding-bottom: 1em;
}
#blockcart-modal .cart-content .page-content.page-cms ul,
#blockcart-modal .cart-content p,
.page-content.page-cms #blockcart-modal .cart-content ul,
#blockcart-modal .cart-content .label,
#blockcart-modal .cart-content label {color: #FFF;}
#blockcart-modal .cart-content .page-content.page-cms ul.product-total,
#blockcart-modal .cart-content p.product-total,
.page-content.page-cms #blockcart-modal .cart-content ul.product-total {background: rgba(255,255,255,.1)}
#blockcart-modal .cart-content .cart-content-btn .btn {color: #FFF;}
#blockcart-modal .cart-content .cart-content-btn button {margin-right: 1.9em;}
#blockcart-modal .cart-content .cart-content-btn .btn::after {background: #FFF;}
#blockcart-modal .cart-content .cart-content-btn .btn:hover::after,
#blockcart-modal .cart-content .cart-content-btn .btn:focus::after {bottom: -2px; background: #000;}
/* Modal vista rápida */
.quickview .modal-content {background: #FFF; }
.quickview .modal-footer {border-top: 0}
.quickview .social-sharing {display: none;}
.quickview .product-additional-info .tabs {box-shadow: none; margin-top: 0; padding-bottom: 2em;}
.quickview .product-additional-info .tabs .js-mailalert {display: flex;}
.quickview .product-additional-info .tabs .js-mailalert .btn {margin: 0 1em}
/*.quickview .product-additional-info .tabs .js-mailalert .btn:hover::after {bottom: 0 }*/
.quickview .product-actions .btn.add-to-cart:hover::after,
.quickview .product-actions .btn.add-to-cart:focus::after {bottom: -2px;}
.quickview .mask {margin-left: 0}
.quickview .images-container .product-images>li.thumb-container>.thumb {margin: .5em 0 }
.quickview .arrows {right: 4rem}
.quickview .arrows i {position: absolute;}
/* BLOCK NEWSLETTER */
.block_newsletter {width: auto; margin-left: -10px; margin-right: -10px; margin-bottom: 0;
background: #e8e6e6; padding: 3em 2%;}
.block_newsletter #block-newsletter-label {font: 400 185%/100% "Domine", Times, serif;
color: #000; padding-top: 0 !important; margin: 0;}
.block_newsletter form input[type=email] {border: 1px solid #000;}
.block_newsletter form input[type=email]:focus {border: 2px solid #000;}
.block_newsletter form input.btn {margin: 0; padding-left: 1em; padding-right: 1em;
background: #000 !important; color: #FFF;
}
.block_newsletter form input.btn:focus,
.block_newsletter form input.btn.focus,
.block_newsletter form input.btn:hover,
.block_newsletter form input.btn.hover,
.block_newsletter form input.btn.active {background: #666 !important; color: #FFF;}
/* GALLERIES */
.product-images>li.thumb-container>.thumb {box-shadow: none;}
.images-container .product-images>li.thumb-container>.thumb {border: 2px solid #FFF; }
/* FORMS */
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover,
.form-control:focus {border-color: #000}
.form-control:focus, .input-group.focus {outline: none}
.form-control:focus.focus > input, .input-group.focus > input,
input.form-control:focus, input.input-group.focus {outline: 1px solid #000}
.forgotten-password .form-fields .center-email-fields {display: block;
padding-left: 10%; padding-right: 10%; margin-left: 7%; margin-right: 7%; margin-top: 2em; }
.forgotten-password .form-fields label.required {width: 100%;text-align: left;padding-left:0;margin-bottom:10px;}
.forgotten-password .form-fields .center-email-fields button {clear: both;display:block;}
.forgotten-password .form-fields .center-email-fields button:hover:after,
.forgotten-password .form-fields .center-email-fields button:focus:after {bottom: 0}
.custom-radio input[type=radio]:checked+span {background-color: #E60700}
/* AVAIABILITY */
#availability_value, #last_quantities {
text-shadow: none !important;
border: none !important;
background-color: #E60700;
color: #000;
text-transform: uppercase;
font-size: 85%;
line-height: 120%;
padding: 8px 15px;
margin-left: 0;
}
#availability_statut #availability_value.warning_inline {
background-color: #cf0088;
color: #FFF;
}
#product-availability .product-last-items, #product-availability .product-unavailable {
color: #E60700;
}
.availability {display: none;}
/* TIENDAS / STORES */
/*#stores .page-stores .store-item-container .divide-left {display: none; }*/
#stores .page-stores{width: 92%;}
#stores .page-stores .store-item-container .store-description {font-size: inherit;}
#stores .page-stores .store-item-container .store-description .card-title {border-bottom: 1px solid #000; padding-bottom: .35em}
#stores .page-stores .store-item-container .store-description .btn:focus::after,
#stores .page-stores .store-item-container .store-description .btn:hover::after {bottom: -2px}
/* COOKIES */
#cookieNotice {box-shadow: none !important;border-top: 1px solid #FFF}
#cookieNoticeContent table th,
#cookieNoticeContent table td {background: none;}
#cookieNotice p {color: #FFF; text-align: left;}
#cookieNotice p a {text-decoration: underline;}
/**** MEDIA QUERIES / RESPONSIVE STYLES */
@media (min-width: 768px) {Â
.columns-container {max-width: 720px; margin-left: 20px; }
.footer-container #footer {max-width: 720px; margin-left: 20px;}
}
@media (min-width: 992px){
.columns-container {max-width: 940px; margin-left: 20px; }
.footer-container #footer {max-width: 940px; margin-left: 20px;}
}
@media (min-width: 1200px){
.columns-container {max-width: 1500px; margin-left: auto; }
.footer-container #footer {max-width: 1500px; margin-left: auto;}
}
@media (max-width: 1500px) {
/* MENU */
.main-nav-ct {width: 50%}
body.menu-open .main-nav-ct {left: 50%}
}
@media (max-width: 1200px) {
/* HEADER */
#header .user-info a {padding: 0 10px}
/* FOOTER */
.footer-container {background: none}
/*.footer-container #footer {max-width: 720px;}*/
#footer #newsletter_block_left {margin-left: 0; margin-right: 0;}
.footer-container #footer .footer-block.col-sm-4.col-xs-12 {margin-left: 37%;}
.footer-container #footer .footer-block.col-sm-4 {width: 30%;}
.footer-container #footer .footer-block.col-sm-2 {width: 21.66667%;}
}
@media (max-width: 992px) {
body {font-size: .8em;}
/* ESTRUCTURA */
.columns-container {max-width: 720px; margin: 0 auto;}
.footer-container #footer {max-width: 720px; margin: 0 auto;}
.sending-info {right: -159px; width: 190px; }
/* HEADER */
#header .user-info {top: 0; right: 0;}
#header .user-info a {background: #000; line-height: 34px;}
#header .user-info a:hover {background: #E60700;color: #000;}
/* CONTENT */
#columns {padding-top: 40px;}
#my-account ul.myaccount-link-list li a {font-size: 90%;}
#my-account ul.myaccount-link-list li a i {font-size: 16px; padding-top: 8px;}
#my-account ul.myaccount-link-list li a span {padding: 10px 7px 9px 12px}
#my-account ul.myaccount-link-list li a::before {border-width: 0 0 32px 16px; left: -16px;}
#my-account ul.myaccount-link-list li a::after {border-width:32px 16px 0 0 ; right: -16px;}
div.uploader span.action {margin-top: 0; margin-left: 10px;}
/* FICHA */
.primary_block .pb-left-column {width: 50%}
.box-info-product .exclusive {padding-left: 25px;}
#layer_cart .layer_cart_product {min-height: 0}
.cart_navigation .button-medium span {font-size: inherit;}
/* COMPRA */
ul.step li.step_current span::after,
ul.step li.step_done.step_done_last a:after,
ul.step li#step_end.step_current span:after,
ul.step li.step_done a::after {top: 0}
.box-info-product p#add_to_cart {padding-top: 0}
/* FOOTER */
#logo-footer {left: 3em; max-width: 130px;}
}
@media (max-width: 991px) and (min-width: 480px) {
ul.product_list.grid > li.first-item-of-tablet-line {clear: none;}
}
@media (max-width: 820px) {
/* MENU */
.main-nav-ct {width: 75%}
body.menu-open .main-nav-ct {left: 25%}
}
@media (max-width: 767px) {
/* Ocultamos elementos en el móvil */
i.recform,
#logo-footer {display:none;}
/*body {background: #FFF}*/
.container {padding-left: 0; padding-right: 0}
/* HEADER */
#header.is-open .header-nav #menu-icon .material-icons {
transform: rotate(90deg) translate(11px, -10px);}
header .header-logo {max-width: 180px; margin: 1em 30px 0;}
.shop-title {margin-left: 20px; margin-right: -10px; font-size: 235%; margin-top: 3em;}
#header .header-top #search_widget, #search_widget {top: -46px; width: 200px; }
.user-nav, .user-nav .hidden-sm-down, .user-nav .right-nav {width: 100%}
.user-nav #menu-icon {margin: 13px 0 0 10px}
.user-nav .top-logo {display: none;}
#header.is-open, #header.is-open .header-top {background: none;}
#products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description {
box-shadow: none;
}
#navcontainer .col-sm-4 {position: relative; top: 0; max-width: 100%; float: none; background: #000; }
#header .blockcart .block_content {margin-left: 30px; margin-right: 30px}
.shopping_cart > a:first-child b {font-family: 'Domine'}
#header .user-info {right: 200px; top: auto; bottom: 40px; height: 30px;}
#header .user-info a {background: none}
#header .user-info a:hover {background: none; color: #E60700}
/* HOME */
#index #columns {padding-top: 58px;}
#homepage-slider {padding-top: 0; margin-top: -8px}
#block-info-home h1, #block-info-home h2, #block-info-home .block-info-content {padding-left: 0; padding-right: 0}
#block-info-home span.block-info-reveal {top: 30px; right: 10px;}
div.home_categories {margin: 0}
div.home_categories li {width: 50%;}
div.home_categories span.cat-name {font-size: 130%;}
/* NAV */
.cat-title {padding: 18px 20px 13px; background: #000; border: 0;color: white; display: block; /*margin-top: 50px;*/ border-top: 2px solid #545454;
font: 400 110%/120% "Domine", serif; height: 50px; position: relative; text-transform: uppercase;
}
.cat-title:after {display: block; font-family: "FontAwesome"; content: "\f067"; position: absolute; right: 15px; top: 19px; font-size: 15px; }
.cat-title.active:after {content: "\f068"; }
/*.row-top-menu {position: absolute; top: 50px;}*/
#header .header-top {background: none;}
#header .header-top .top-menu > li {padding: 0; width: auto; float: none; border-bottom: 1px solid #000}
#header .header-top .top-menu a,
#header .header-top .top-menu a:hover {color: #FFF !important}
#header .header-top .top-menu > li > a::after,
#header .header-top .top-menu > li > .sub-menu > ul > li > a::after {display: none;}
/*#header .header-top .top-menu > li > .sub-menu > ul > li > a::before {content: '- '; color: #FFF}*/
#header .header-top .top-menu li a {padding: 14px 0;}
#header .header-top .top-menu > li > .sub-menu > ul {background: none; text-align: left; padding: 0 20px 10px; /*display: none;*/}
#header .header-top .top-menu > li > .sub-menu > ul > li {width: 100%; padding: 5px 0}
#header .header-top .top-menu > li > .sub-menu > ul > li > a {color: #FFF; font-family: 'Domine'}
/* FICHA */
.primary_block .pb-left-column,
.pb-left-column #image-block {width: 100%;}
.pb-left-column #views_block {width: 90%;}
#thumbs_list {width: 86%;}
.product-container {margin-top: 40px;}
.content_prices, .box-cart-bottom {width: auto; float: left}
.box-cart-bottom {margin-top: 20px; margin-left: 20px;}
/* CARRITO */
ul.step {overflow: visible; background: none}
ul.step li.step_done {background: none;}
ul.step li {padding-bottom: 5px;}
ul.step li.step_todo span {color: #000;}
ul.step li.step_done a {color: #FFF;}
#order-detail-content #cart_summary tr {background: #e8e6e6}
#order-detail-content #cart_summary td {padding: 8px 10%; min-height: 60px;}
#order-detail-content #cart_summary tfoot td {min-height: 0}
#order-detail-content #cart_summary tfoot .cart_total_delivery > td,
#order-detail-content #cart_summary tfoot tr {background: #FFF}
#order-detail-content #cart_summary tbody td.cart_product {display: none;}
#order-detail-content #cart_summary tbody td.cart_description {width: 80%;}
#cart_summary tbody td.cart_unit, #cart_summary tbody td.cart_total {text-align: left}
#order-detail-content #cart_summary td.cart_quantity {text-align: right; clear: none; padding: 8px 10%;}
#order-detail-content #cart_summary td.cart_quantity .cart_quantity_input {float: left;}
#order-detail-content #cart_summary td.cart_delete {width: 50%; clear: none}
#cart_voucher {padding: 0}
#order-detail-content #cart_summary td.cart_voucher {border-bottom: 1px solid #d6d4d4}
/* FOOTER */
body#checkout #footer {text-align: center}
#footer #newsletter_block_left h4 {float: none; margin-left: auto; margin-right: auto; padding-left: 0;
padding-right: 0;}
.footer-container #footer .footer-block.col-sm-4.col-xs-12,
.footer-container #footer .footer-block.col-sm-2 {width: 100%; font-size: 120%}
.footer-container #footer .footer-block.col-sm-4.col-xs-12 {margin-left: 0}
.footer-container #footer h4 {border-bottom: 1px solid rgba(0,0,0,0.15); }
.sending-info {right: auto;}
}
@media (max-width: 666px) {
/* MENU */
.main-nav-ct {width: 100%}
body.menu-open .main-nav-ct {left: 0}
}
@media (max-width: 480px) {
/* HEADER */
#header .cart_block {width: 350px; padding-bottom: 0}
#header .blockcart .block_content {margin: 10px 20px 0 20px;}
/* MENU / NAV */
/* HOME */
div.home_categories li {width: 100%;}
div.home_categories span.cat-name {font-size: 130%;}
.vacation-message {padding: 8px 20px 21px 20px; text-align: left; max-height: 190px; overflow-y: auto;}
.vacation-message h3 {margin-bottom: 0; font-size: 24px;line-height: 23px; max-width: 50%}
.vacation-message p {font-size: 12px;}
/* CONTACTO */
.card-block{padding:0;}
.form-control{font-size: 1em;}
.checker{position: absolute;}
.page-content .required{position: relative;float:left;}
.page-content .required.checker{position: absolute;top:0;left:0;}
.page-contact .form-footer .required label{margin-left:18px;text-align: left;}
}
@media (min-width: 1800px) {
/* MENU */
.main-nav-ct {width: 40%}
body.menu-open .main-nav-ct {left: 60%}
.nav-trigger {width: 60px; height: 40px; top: 40px; right: 40px;}
.nav-trigger .btn-nav-icon {-webkit-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0)}
.nav-trigger .btn-nav-icon, .nav-trigger .btn-nav-icon:after, .nav-trigger .btn-nav-icon:before {height: 10px; width: 60px;}
.nav-trigger .btn-nav-icon:before {-webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0)}
.nav-trigger .btn-nav-icon:after {-webkit-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0)}
}
figcaption.image-caption{display:none!important;}
#product-modal .modal-content .modal-body figcaption.image-caption #product-description-short{display:none!important;}
#product-modal .modal-content .modal-body .thumbnails{display:none;}
.layer_cart_row.sending-block {
background-color: #000;font-weight: 700;padding-bottom:.2em;
}
.layer_cart_row .sending-info {
display: block;
margin: 1em 1.5em 1em 1.5em;
float: none;
}
.sending-info i {
font-family: "FontAwesome";
content: "\f0d1";
font-size: 40px;
padding-right: 8px;
display: inline-block;
float: left;
margin-top: -10px;
}
.layer_cart_row .sending-info span{float: none;
font-weight: 700;
font-size: 170%;text-transform: uppercase;}
/* PRODUCTOS EN OFERTA */
.has-discount .discount {padding-top: 0; padding-bottom: 0; line-height: 120%; background: #E60700}
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {background: #E60700;}
.has-discount .page-content.page-cms ul, .has-discount.product-price, .has-discount p, .page-content.page-cms .has-discount ul {color: #E60700}