[data-products] .product figure {
background-color: #eee;
}
.woocommerce-product-gallery .ct-media-container {
background-color: #eee;
}
.slides {
display: flex;
}
.best-selling-products-slider-wrapper {
position: relative;
width: 100%;
margin: auto;
overflow: hidden;
}
.best-selling-products-slider {
display: flex;
transition: transform 0.5s ease;
margin: 0 -10px; }
.best-selling-products-slider .slide {
min-width: 10%;
box-sizing: border-box;
padding: 0 10px; }
.prev, .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #eee;
color: var(--theme-palette-color-1);
border: none;
padding: 10px 18px;
border-radius: 5px;
cursor: pointer;
z-index: 9999;
transition: all .2s ease-in-out;
}
.prev:hover, .next:hover {
background-color: var(--theme-palette-color-1);
color: #fff;
}
.prev {
left: 10px;
}
.next {
right: 10px;
}
.slide h2 {
font-size: 18px;
text-align: center;
margin-bottom: 5px; }
.slide .price {
text-align: center;
display: flex;
justify-content: center;
}
.product-categories {
display: flex;
flex-wrap: wrap;
}
.product-category {
background-color: #fff;
width: calc(45% - 3px); margin: 3px; border: 1px solid #eee;
padding: 5px 10px;
box-sizing: border-box; border-radius: 4px;
}
.brands-slider-wrapper {
overflow: hidden;
width: 100%;
position: relative;
}
.brands-slider {
gap: 50px;
display: flex;
animation: scroll 60s linear infinite;
}
.slide {
flex: 0 0 auto;
width: 150px; }
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.wc-block-price-filter .wc-block-components-price-slider__range-input-progress {
--range-color: #1a1a1a!important;
}
.wp-block-woocommerce-checkout-order-summary-block {
padding: 15px;	
}
.wpforms-container {
width: 100%!important;
}
.btn-confirmar-edad {
display: flex;
justify-content: center;
align-items: center;
}
.btn-confirmar-edad a {
background: var(--theme-palette-color-4);
padding: 10px 20px;
color: #fff;
position: relative!important;
}
.btn-confirmar-edad a:hover {
opacity: 0.8;
}
.reset_variations {
margin-top: 30px!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:before {
background-image: none;
}
.variable-item {
border-radius: 9px!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
background-color: #fff;
}
.variable-item {
padding-left: 7px!important;
padding-right: 7px!important;
height: 34px!important;
border-color: red!important;
font-weight: 500;
}
.wvs-has-image-tooltip:before, [data-wvstooltip]:before {
display: none;
}
.wvs-has-image-tooltip:after, [data-wvstooltip]:after {
display: none;
}
.woo-variation-swatches .variable-items-wrapper {
gap: 5px!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
color: var(--theme-palette-color-2);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: none;
border: 1px solid #e3e3e3!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none;
border: 1px solid var(--theme-palette-color-2)!important;
}
.wc-buy-now-btn {
background-color: var(--theme-palette-color-2)!important;
}
.blocksy-woo-messages-default {
z-index: 9999;
position: relative;
}
[data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="middle"] {
background-color: transparent!important;
}
.btn-group-edad {
display: flex;
gap: 15px;
}
.titulo-edad {
font-size: 22px;
color: #fff;
}
.popup-content {
border-radius: 10px;
background: var(--theme-palette-color-4)!important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.popup-content img {
width: 200px;
}
#aceptarEdad {
background-color: #fff;
color: var(--theme-palette-color-4)
}
#aceptarEdad:hover {
opacity: 0.8
}
#rechazarEdad {
opacity: 0.7;
}
.subscribe-group {
display: flex; gap: 10px;
align-items:center;
width: 100%!important;
max-width: 100%;
flex: 1!important;
}
.email-container {
width: 100%;
}
.tnp-email {
width: 100%!important;
max-width: 100%!important;
flex:1!important;
background-color: #fff!important;
}
.tnp-submit {
background-color: var(--theme-palette-color-2);
}
#ays-pb-screen-shade_1 {
background-color: transparent!important;
}
.notifications-skullvape {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999!important;
}
.notification-container {
background-color: var(--theme-palette-color-4);
border: 1px solid #fff;
color: #fff;
border-radius: 10px;
width: 380px;
max-width: 100%;
text-align: center;
height: auto;
min-height: 80px;
display: flex;
gap: 10px;
justify-content: start;
align-items: center;
padding: 20px 20px;
position: relative;
opacity: 0;
animation: fadeIn 1s ease-in forwards;
}
.notification-container div {
font-size: 18px;
}
.logo-notification-er {
width: 90px;
}
@media screen and (max-width: 480px) {
.notification-container {
width: 250px!important;
min-height: auto;
}
.notification-container div {
font-size: 12px;
}
.logo-notification-er {
width: 55px;
}
}
.delay {
animation-delay: 1s;
}
.mt-4 {
margin-top: 20px;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.notification-close {
position: absolute;
right: 8px;
top: 5px;
color: #777;
transition: all .250 ease-in-out;
}
.notification-close:hover {
color: #fff;
}
.notification-close a {
font-size: 22px;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
background-color: var(--theme-palette-color-4);
border-color: var(--theme-palette-color-4);
}
.panel-heading > h4 {
font-size: 18px;
}
.cwginstock-subscribe-form .panel-primary {
border-color: var(--theme-palette-color-4)
}
.cwgstock_button {
background-color: var(--theme-palette-color-2);
margin-top: 10px;
}
.cwgstock_button:hover {
opacity: 0.8;
}
.wlr-product-message {
background-color: var(--theme-palette-color-2);
display: inline-block!important;
color: #fff;
padding: 10px!important;
margin-bottom: 15px;
}
#wll-site-launcher .p-2 {
padding: 20px;
}
.wlrf-gift {
font-size: 26px!important;
}
@media screen and (max-width: 480px) {
.wll-launcher-button-container {
border-radius: 100px!important;
padding: 25px!important;
}
.product-name {
display: flex;
flex-direction: column;
}
}
.onsale, .out-of-stock-badge, [class*=ct-woo-badge-] {
inset-inline-end: var(--has-container, var(--badge-left, 15px))!important;
inset-inline-start: 60%!important;
}
.hide-notification {
display: none!important;
}
.product-name img {
width: 50px;
}
.list-agenda-envio {
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.list-agenda-envio i {
margin-right: 5px;
}
.slides .slide a img {
height: 220px!important;
object-fit: cover;
}
.slides .slide h2 {
margin-top: 13px!important;
}
.categorias-vapes h3 {
position: relative!important;
display: inline-block;
}
.categorias-vapes h3::after {
content: ""!important;
width: 0;
position: absolute;
height: 2px!important;
background-color: #fff;
bottom: 0;
left: 0;
transition: width .250s ease-in-out;
}
.categorias-vapes:hover h3::after {
width: 100%!important;
}
.dark-products .woocommerce-LoopProduct-link, .dark-products p, .dark-products span {
color: #fff!important;
}
.dark-products .meta-categories a, .dark-products .meta-categories {
color: #fff!important;
}
.dark-products figure {
border-radius: 5px!important;
}
.accordion {
position: relative;
}
.accordion::after {
content: '';
background-image: url(http://skullvape.com/wp-content/uploads/2024/09/flecha-hacia-abajo.svg);
background-repeat: no-repeat;
position: absolute;
background-color: rgba(255,255,255,0.6);
background-blend-mode: soft-light;
right: 15px;
width: 15px;
height: 15px;
top: 40%;
transition: all .250s ease-in-out;
}
.accordion.active::after {
transform: rotate(-180deg);
}
.product-data a img {
display: none;
}
.card-service {
border: 1px solid #ffffff0f!important;
transition: all .250s ease-in-out!important;
}
.card-service:hover {
border: 1px solid var(--theme-palette-color-1)!important;
}