:root {
--white: #ffffff;
--black: #000000;
--red: #ea5a4e;
--green: #34845b;
--cream: #f6f0e6;
--orange: #f99a2b;
--current-color: var(--white);
}
::selection {
background-color: var(--black);
color: var(--white);
text-shadow: none;
}
@font-face {
font-family: 'Caslon';
src:
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/CaslonDoricCondensed-Semibold.woff2) format('woff2'),
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/CaslonDoricCondensed-Semibold.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chamberi Text';
src:
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiText-Regular.woff2) format('woff2'),
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiText-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chamberi Text';
src:
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiText-RegularItalic.woff2) format('woff2'),
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiText-RegularItalic.woff) format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Chamberi Headline';
src:
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiHeadline-Regular.woff2) format('woff2'),
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiHeadline-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chamberi Headline';
src:
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiHeadline-RegularItalic.woff2) format('woff2'),
url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/ChamberiHeadline-RegularItalic.woff) format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/Helvetica.otf) format('otf');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//jarano.diosbendito.com/wp-content/themes/jarano-child/fonts/HelveticaMd.otf) format('otf');
font-weight: 600;
font-style: normal;
font-display: swap;
}
body.woocommerce-page #ajax-content-wrap .container-wrap {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
body.woocommerce-page #ajax-content-wrap .container {
max-width: none !important;
padding: 0 !important;
}
body #header-outer,
body[data-header-color='dark'] #header-outer,
.post-type-archive-product.woocommerce .container-wrap,
.tax-product_cat.woocommerce .container-wrap,
.post-type-archive-product.woocommerce #page-header-wrap,
.tax-product_cat.woocommerce #page-header-wrap {
background-color: var(--cream);
}
body:not(.contacto__wrapper) #header-outer:not(.transparent) {
border-bottom: 1px solid var(--black) !important;
}
@media (min-width: 1000px) {
.full-width-content:not(.no-padding, .special-padding) > .row_col_wrap_12 {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 1000px) {
.full-width-content:not(.no-padding) > .row_col_wrap_12 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
body a {
color: var(--black);
text-decoration: none;
}
body a:hover {
opacity: 0.8;
}
.soon-wrapper {
min-height: 100svh;
} .home #header-outer.transparent #logo {
pointer-events: none; }
#top nav ul li a,
body[data-header-color='light'] .mobile-header,
body[data-header-color='light'] .span_9 > .slide-out-widget-area-toggle a .label {
color: #000;
}
#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a {
color: #fff;
opacity: 1;
}
.contacto__wrapper #header-outer:not(.side-widget-open, .small-nav),
.contacto__wrapper #header-space {
background-color: var(--green);
}
.contacto__wrapper #header-outer:not(.side-widget-open, .small-nav) * {
color: var(--black);
}
#slide-out-widget-area-bg.fullscreen-alt .bg-inner {
background-color: var(--cream) !important;
}
#header-outer[data-lhe='animated_underline'] #top nav > ul > li > a .menu-title-text:after {
border-color: var(--black);
border-width: 1px;
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a,
body #slide-out-widget-area.fullscreen .inner-wrap > .inner .off-canvas-menu-container li > a,
body #slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container li > a,
body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap > .inner .off-canvas-menu-container li > a,
body #nectar-ocm-ht-line-check {
color: var(--black) !important;
}
#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a,
#header-outer.transparent .slide-out-widget-area-toggle a i.label,
#header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label,
#header-outer.transparent #top nav ul #search-btn a .icon-salient-search,
#header-outer.transparent #top nav ul #nectar-user-account a span,
#header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i,
#header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart,
.ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart,
#header-outer.transparent #top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon,
#header-outer.transparent .nectar-header-text-content,
#header-outer.transparent .nectar-mobile-only.mobile-header li:not([class*='menu-item-btn-style']) a {
opacity: 1 !important;
}
body.material #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
padding-right: 22px;
}
body.material #header-outer:not([data-format='left-header']) .cart-wrap,
#header-outer #mobile-cart-link .cart-wrap {
margin-right: 0;
top: 50%;
right: -14px;
color: var(--current-color);
transform: translateY(-50%);
position: relative !important;
}
#header-outer #mobile-cart-link .cart-wrap {
top: 0;
transform: none;
}
#header-outer a.cart-contents .cart-wrap span,
#header-outer #mobile-cart-link .cart-wrap span {
padding: 0 !important;
background-color: transparent !important;
font-family: 'Chamberi Text', serif;
}
body.material #header-outer a.cart-contents .cart-wrap span {
border-radius: 0;
font: normal 16px / 16px 'Chamberi Text';
line-height: 1;
width: 14px;
padding: 0 1px;
box-shadow: none !important;
color: #000;
}
.cart-wrap span {
content: '0';
}
#header-outer.transparent a.cart-contents .cart-wrap span {
color: var(--white) !important;
}
#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
#top nav ul #nectar-user-account a span,
#top nav ul #search-btn a span {
font-size: 18px;
color: rgb(0 0 0);
} #header-outer.transparent.side-widget-open {
mix-blend-mode: difference !important;
}
#header-outer.transparent.side-widget-open #mobile-cart-link .cart-wrap {
filter: invert(1);
} a.btn.btn-custom svg {
max-width: 1.5vw;
transition: all 0.5s ease;
}
a.btn.btn-custom {
font-size: 1.5vw;
font-style: italic;
}
a.btn.btn-custom:hover svg {
animation: bounce 0.5s ease-in-out infinite alternate;
}
@media (max-width: 1000px) {
a.btn.btn-custom svg {
max-width: 5.5vw;
}
a.btn.btn-custom {
font-size: 5.5vw;
}
}
@keyframes bounce {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-10px);
}
} .home .hero-content {
opacity: 0;
transition-delay: 0.5s; transition: opacity cubic-bezier(0.9, 0.03, 0.69, 0.22) 0.8s !important;
}
.loader-animated.home .hero-content {
opacity: 1;
}
.hero-first {
font-family: 'Chamberi Headline', serif;
font-weight: 400;
color: var(--white);
text-align: center;
line-height: 0.8;
font-size: 4vw;
letter-spacing: -0.1vw;
}
.hero-wrapper {
height: 100vh;
width: 100vw;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
position: relative;
max-height: calc(100svh - var(--wp-admin--admin-bar--height));
margin-bottom: 0 !important;
}
@media (max-width: 1000px) {
.hero-wrapper {
height: var(--vh, 100vh);
}
}
.hero-background.video-background video,
.hero-background.video-background,
.hero-background.image-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
object-position: center;
}
.hero-background.video-background::before,
.hero-background.image-gallery::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.3;
z-index: 9;
} .home #header-outer {
transform: translateY(-100%);
transition-delay: 0.2s; transition: transform cubic-bezier(0.9, 0.03, 0.69, 0.22) 0.8s !important;
}
.home #header-outer.loaded {
transform: translateY(0);
}
.logo-hero-anim {
position: absolute;
bottom: 2rem;
width: 100%;
padding: 0 15px;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
.logo-hero-anim .img-with-aniamtion-wrap {
overflow: hidden;
}
.logo-hero-anim img { transition: transform cubic-bezier(0.9, 0.03, 0.69, 0.22) 0.8s !important;
}
.logo-hero-anim.loaded img {
transform: translateY(100%) !important;
}
#hero-home {
position: relative;
}
@media (max-width: 1000px) {
.logo-hero-anim { bottom: 34svh;
width: 86vh;
left: 28vw;
transform: translateX(-50%);
rotate: 90deg;
transform-origin: center left;
}
.hero-first {
font-size: 8vw;
}
} .custom-title *,
.custom-title {
margin-bottom: 0 !important;
}
.custom-title strong {
font-weight: 600;
}
.custom-title.uppercase .custom-title.uppercase * {
text-transform: uppercase !important;
}
.custom-title.lowercase,
.custom-title.lowercase * {
text-transform: initial !important;
}
.custom-title.black,
.custom-title.black * {
color: var(--black);
}
.custom-title.white,
.custom-title.white * {
color: var(--white);
}
@media (min-width: 1000px) {
.custom-title.big *,
.custom-title.big {
font-size: 66px !important;
line-height: 0.8 !important;
}
.custom-title.medium *,
.custom-title.medium {
font-size: 3vw !important;
line-height: 1.1 !important;
}
.custom-title.small *,
.custom-title.small {
font-size: 2vw !important;
line-height: 1.1 !important;
}
.custom-title.body *,
.custom-title.body {
font-size: 18px !important;
line-height: 1.4 !important;
}
.custom-title.legal-titles *,
.custom-title.legal-titles {
font-size: calc(70 / 1920 * 100vw) !important;
line-height: 1.1 !important;
margin-bottom: 60px !important;
}
.custom-title.body.text-medium *,
.custom-title.body.text-medium {
font-size: 1.2vw !important;
line-height: 1.3 !important;
}
a.toggle-heading {
font-size: clamp(20px, 2vw, 22px) !important;
line-height: 1.1 !important;
}
.custom-title.tiny *,
.custom-title.tiny,
.nectar-button.medium {
font-size: 14px !important;
line-height: 1.1 !important;
}
#footer .custom-title.small *,
#footer .custom-title.small {
font-size: 1.5vw !important;
}
#footer .wpb_text_column p {
font-size: 1vw !important;
line-height: 1.3 !important;
}
}
@media (max-width: 1000px) {
.custom-title.big *,
.custom-title.big {
font-size: clamp(28px, 12vw, 46px) !important;
line-height: 0.8 !important;
}
.custom-title.medium *,
.custom-title.medium {
font-size: 28px !important;
line-height: 1.1 !important;
}
.custom-title.small *,
.custom-title.small,
a.toggle-heading {
font-size: 22px !important;
line-height: 1.1 !important;
}
.custom-title.medium.secondary *,
.custom-title.medium.secondary {
font-size: 36px !important;
line-height: 1.1 !important;
}
.custom-title.small.secondary *,
.custom-title.small.secondary {
font-size: 28px !important;
line-height: 1.3 !important;
}
.custom-title.tiny *,
.custom-title.tiny,
.nectar-button.medium {
font-size: 14px !important;
line-height: 1.1 !important;
}
.custom-title.big.extra-grande *,
.custom-title.big.extra-grande {
font-size: 30vw !important;
line-height: 0.8 !important;
}
.custom-title.body *,
.custom-title.body {
font-size: 18px !important;
line-height: 1.1 !important;
}
.custom-title.legal-titles *,
.custom-title.legal-titles {
font-size: calc(40 / 340 * 100vw) !important;
line-height: 1.1 !important;
margin-bottom: 60px !important;
}
}
.custom-title.primary,
.custom-title.primary * {
font-family: 'Chamberi Headline', serif !important;
font-weight: 400 !important;
}
.custom-title.secondary,
.custom-title.secondary *,
.nectar-button.medium {
font-family: 'Caslon', sans-serif !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.custom-title.text,
.custom-title.text * {
font-family: 'Chamberi Text', serif !important;
} .animated .char,
.animated .word {
display: inline-flex;
}
.animated.lines:before,
.animated.lines:after,
.splitting-lines.lines:after,
.splitting.lines:before {
display: none !important;
}
.splitting-lines.lines {
background-color: transparent;
width: fit-content;
height: auto !important;
}
.splitting-lines {
opacity: 0;
}
.animated.lines {
width: auto !important;
height: auto;
background-color: transparent;
}
.word-wrapper {
display: inline-block;
overflow: hidden;
vertical-align: top;
}
span.whitespace {
white-space: collapse;
}
.animated {
white-space: break-spaces;
} .fullscreen-slider {
position: relative;
height: 100vh;
overflow: hidden;
}
.slide-desktop {
display: block;
}
.slide-mobile {
display: none;
}
@media (max-width: 1000px) {
.fullscreen-slider {
height: var(--vh, 100vh);
}
.slide-desktop {
display: none;
}
.slide-mobile {
display: block;
}
}
.fullscreen-slider .slides,
.hero-background.image-gallery .slides {
position: relative;
width: 100%;
height: 100%;
}
.fullscreen-slider .slide,
.hero-image,
.hero-background.image-gallery .slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1s ease;
z-index: 0;
}
.fullscreen-slider .slide.active,
.hero-background.image-gallery .slide.active {
opacity: 1;
z-index: 1;
}
.fullscreen-slider .slide img,
.hero-background.image-gallery .slide img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.fullscreen-slider .slider-nav {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
z-index: 3;
}
.fullscreen-slider .bullet {
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
background: transparent;
border: 2px solid white;
cursor: pointer;
}
.fullscreen-slider .bullet.active {
background: white;
}
.fullscreen-slider .slider-control {
position: absolute;
top: 0;
width: 50%;
height: 100%;
cursor: none;
z-index: 2;
}
.fullscreen-slider .slider-control.prev {
left: 0;
}
.fullscreen-slider .slider-control.next {
right: 0;
}
@media (max-width: 1000px) {
.fullscreen-slider {
height: 100vh;
height: var(--vh, 100vh);
}
} input[type='date'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea {
border: none !important;
border-bottom: 1px solid var(--black) !important;
border-radius: 0 !important;
color: var(--black) !important;
background: transparent;
}
.wpcf7-form p span {
color: var(--black);
font-size: 14px !important;
}
.wpcf7-form p a {
color: var(--black);
text-decoration: underline;
}
input[type='submit'],
body[data-form-submit='regular'] input[type='submit'] {
background-color: transparent;
color: var(--black);
border: 1px solid;
min-width: 170px;
}
body[data-form-submit='regular'] input[type='submit']:not([disabled]):hover,
.nectar-slide-in-cart .widget_shopping_cart a.button,
.material button[type='submit'],
body[data-form-submit='regular'] button[type='submit'] {
opacity: 1;
background-color: var(--black);
border-color: var(--black);
color: var(--cream);
}
body[data-form-submit='regular'] .green-form input[type='submit']:not([disabled]):hover {
color: var(--green);
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-form .wc-block-components-text-input.is-active input[type='email'],
.wc-block-components-form .wc-block-components-text-input.is-active input[type='number'],
.wc-block-components-form .wc-block-components-text-input.is-active input[type='password'],
.wc-block-components-form .wc-block-components-text-input.is-active input[type='tel'],
.wc-block-components-form .wc-block-components-text-input.is-active input[type='text'],
.wc-block-components-form .wc-block-components-text-input.is-active input[type='url'],
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input.is-active input[type='email'],
.wc-block-components-text-input.is-active input[type='number'],
.wc-block-components-text-input.is-active input[type='password'],
.wc-block-components-text-input.is-active input[type='tel'],
.wc-block-components-text-input.is-active input[type='text'],
.wc-block-components-text-input.is-active input[type='url'],
.wc-block-components-form .wc-block-components-text-input input[type='email'],
.wc-block-components-form .wc-block-components-text-input input[type='number'],
.wc-block-components-form .wc-block-components-text-input input[type='password'],
.wc-block-components-form .wc-block-components-text-input input[type='tel'],
.wc-block-components-form .wc-block-components-text-input input[type='text'],
.wc-block-components-form .wc-block-components-text-input input[type='url'],
.wc-block-components-text-input input[type='email'],
.wc-block-components-text-input input[type='number'],
.wc-block-components-text-input input[type='password'],
.wc-block-components-text-input input[type='tel'],
.wc-block-components-text-input input[type='text'],
.wc-block-components-text-input input[type='url'],
.wc-block-components-text-input select,
.wc-blocks-components-select .wc-blocks-components-select__select {
border: 1px solid #000000 !important;
background-color: var(--cream) !important;
border-radius: 0;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px var(--cream) inset !important; -webkit-text-fill-color: #000 !important; }
input:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}
.green-form input[type='email'],
.green-form input[type='text'] {
background-color: var(--green) !important;
box-shadow: 0 0 0px 1000px var(--green) inset !important;
}
.jarano-product-purchase form:after {
display: none !important;
}
.jarano-product-layout {
padding-bottom: 30vh;
}
.accordion-content {
height: 0;
overflow: hidden;
transition: height 0.4s ease;
}
.accordion-inner {
padding-top: 10px;
}
section.related.products h2 {
font-size: 1.5vw !important;
}
@media (max-width: 1000px) {
section.related.products h2 {
font-size: 5.5vw !important;
}
}
input.minus {
transform: translateY(-1px);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--cream) !important;
}
.product-details a {
text-transform: initial !important;
font-family: 'Caslon', sans-serif !important;
}
.product-wrap {
overflow: hidden;
}
body[data-button-style='rounded'] .container-wrap button[type='submit'],
body[data-button-style='rounded'] .container-wrap input[type='submit'] {
padding: 4px 14px !important;
}
.wpcf7-list-item {
margin: 0 0 0;
}
.wpcf7-spinner {
position: absolute;
}
body[data-form-submit='regular'] .container-wrap button[type='submit'],
body[data-form-submit='regular'] .container-wrap input[type='submit'] {
padding: 7px 22px !important;
}
.woocommerce-lost-password.material button[type='submit'],
body[data-form-submit='regular'].woocommerce-lost-password button[type='submit'] {
padding: 15px 22px !important;
}
@media (max-width: 1000px) {
input[type='submit'],
body[data-form-submit='regular'] input[type='submit'] {
min-width: 100%;
}
.nectar-scrolling-text[data-s-speed='slow'] .nectar-scrolling-text-inner > * {
animation-duration: 5s;
}
}
#footer input:not(.wpcf7-submit) {
padding-left: 0;
}
#footer input:focus {
box-shadow: none !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: var(--black);
}
@media (min-width: 1000px) {
#menu-footer li a,
#menu-footer li {
line-height: 1.1 !important;
}
} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
border-radius: 0;
}
.nectar-scrolling-text-inner__text-chunk h2 {
font-family: 'Caslon' !important;
text-transform: uppercase;
} #footer-outer .container {
padding: 0 22px;
max-width: 100%;
}  .woocommerce ul.products li.product,
.prc-container .prc-slide li.product {
text-align: center;
border: 1px solid var(--black);
position: relative;
border-left-width: 0;
}
.prc-container {
border-left: 1px solid;
} .woocommerce ul.products li.product .woocommerce-loop-product__link img,
.prc-container .prc-slide li.product .woocommerce-loop-product__link img {
background: #1a1a1a;
padding: 20px;
} .woocommerce ul.products li.product .woocommerce-loop-product__title,
.prc-slide li.product .woocommerce-loop-product__title {
font-weight: 700;
font-size: 1.5vw !important;
letter-spacing: -0.01vw !important;
text-transform: uppercase;
font-family: 'Caslon', Sans-serif;
padding-top: 0.5em;
padding-bottom: 4px !important;
margin-bottom: 0 !important;
line-height: 1;
}
@media (max-width: 1000px) {
.prc-slide li.product .woocommerce-loop-product__title {
font-size: 6.5vw !important;
line-height: 1.1 !important;
}
}
.jarano-product-attrs {
display: flex;
align-items: center;
gap: 0.5rem;
}
.single-product .fss-wrapper {
max-height: calc(100svh - var(--header-nav-height));
} .woocommerce p.jarano-attr {
font-family: 'Caslon', sans-serif;
font-style: normal;
line-height: 1;
}
p.loop-attr.loop-attr--tipo {
font-style: italic;
font-size: 1.2vw;
line-height: 1.1;
padding-bottom: 0;
}
p.loop-attr.loop-attr--peso {
font-size: 1vw;
line-height: 1.1;
padding-bottom: 1em !important;
} ul.products li.classic.product .price bdi,
.prc-slide li.product.classic .price bdi {
font-size: 16px;
font-weight: 400;
font-family: 'Chamberi Headline', serif !important;
color: var(--black);
} .woocommerce ul.products li.product .add_to_cart_button,
.prc-slide li.product .add_to_cart_button {
display: block;
width: 100%;
border-top: 1px solid #ccc;
background: transparent;
color: #333;
text-transform: uppercase;
font-size: 0.8vw;
padding: 12px;
line-height: 1.1;
}
@media (max-width: 1000px) {
.woocommerce ul.products li.product .add_to_cart_button,
.prc-slide li.product .add_to_cart_button {
font-size: 3.8vw;
}
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
right: 20px !important;
top: 10px !important;
} .jarano-cat-filters {
display: flex;
justify-content: center;
align-items: center;
gap: 2.5rem;
padding: 14px 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
flex-wrap: wrap;
}
.jarano-cat-filters__item {
font-size: 0.72rem;
text-transform: uppercase;
color: #333;
text-decoration: none;
transition: color 0.2s ease;
white-space: nowrap;
}
.jarano-cat-filters__item:hover {
color: #000;
} .jarano-cat-filters__item.active {
font-style: italic;
color: #000;
} .jarano-cat-filters {
display: flex;
gap: 10px;
} @media (max-width: 1000px) {
.jarano-cat-filters-wrapper {
position: relative;
min-height: 53.71px;
}
.jarano-cat-filters {
position: absolute;
flex-direction: column;
width: 100%;
z-index: 999;
padding: 0;
}
.jarano-cat-filters__item {
padding: 12px;
border: 1px solid #ddd;
background: transparent;
width: 100%;
height: 100%;
opacity: 1 !important;
order: 2;
}
.jarano-cat-filters__item.active {
display: block;
cursor: pointer;
z-index: 2;
order: 1;
}
.jarano-cat-filters.open .jarano-cat-filters__item.active {
background: #fff;
}
.jarano-cat-filters__item:not(.active) {
display: none;
}
.jarano-cat-filters.open {
z-index: 9999;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active) {
display: block;
background: #fff;
border-top: none;
position: relative;
}
.jarano-cat-filters.open::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active) {
position: relative;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active):first-of-type {
margin-top: 0;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active) {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.jarano-cat-filters.open {
display: flex;
gap: 0;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active) {
position: relative;
}
.jarano-cat-filters.open .jarano-cat-filters__item:not(.active) {
position: relative;
}
.jarano-cat-filters-wrapper::after {
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m19.5 8.25l-7.5 7.5l-7.5-7.5"/></svg>');
position: absolute;
right: 8px;
top: 13px;
z-index: 999999;
font-size: 14px;
pointer-events: none;
}
} .jarano-single-product .jarano-product-layout {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 0;
} .jarano-product-gallery {
background: #1a1a1a;
position: relative;
} .jarano-product-summary {
padding: 2vw 6vw;
} .jarano-product-title {
font-size: 3vw;
letter-spacing: -0.05vw;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
} .jarano-product-attrs {
margin-bottom: 24px;
font-size: 3vw;
letter-spacing: -0.05vw;
text-transform: uppercase;
}
.jarano-product-attrs p.jarano-attr {
padding-bottom: 0.8em;
} .woocommerce-tabs ul.tabs {
display: flex;
gap: 0;
padding: 0;
margin-bottom: 0;
list-style: none;
border: 1px solid var(--black);
}
.woocommerce-tabs ul.tabs li {
flex: 1;
border: none;
margin: 0;
background-color: var(--cream) !important;
}
.woocommerce-tabs ul.tabs li a {
display: block;
text-align: center;
padding-top: 6px !important;
padding-bottom: 6px !important;
text-transform: uppercase;
color: var(--black) !important;
text-decoration: none;
font-family: 'Helvetica', sans-serif;
font-size: 14px !important;
font-weight: 600 !important;
width: 100%;
margin: 0 !important;
}
ul.tabs.wc-tabs li a {
font-size: 0.7vw !important;
letter-spacing: 0.03vw;
}
.woocommerce-tabs ul.tabs li a:hover {
opacity: 1 !important;
}
.woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs .full-width-content ul.tabs li.active {
background: var(--black) !important;
}
.woocommerce-tabs ul.tabs li.active a {
color: #fff !important;
}
.woocommerce-tabs .full-width-content[data-tab-style='fullwidth'] ul.tabs li.active a,
.style_slide_in_click .cart_list .product-meta a:hover:not(.remove) {
background-size: 0;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
border-top: none;
padding: 24px;
font-size: 0.9rem;
line-height: 1.7;
} .jarano-product-purchase {
margin-top: 32px;
border: 1px solid #222;
display: flex;
align-items: center;
}
.jarano-product-purchase .price {
padding: 14px 20px;
font-size: 0.95rem;
letter-spacing: 0.05em;
border-right: 1px solid #222;
flex-shrink: 0;
}
.jarano-product-purchase .quantity {
padding: 0 16px;
border-right: 1px solid #222;
}
.jarano-product-purchase .single_add_to_cart_button {
flex: 1;
background: transparent;
border: none;
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
padding: 14px;
text-align: center;
}
.jarano-product-purchase .single_add_to_cart_button:hover {
background: #1a1a1a;
color: #fff;
}
.woocommerce-page .single_add_to_cart_button {
background-color: transparent !important;
color: var(--black) !important;
font-family: 'Helvetica', sans-serif !important;
font-size: 14px !important;
}
.woocommerce .classic .add_to_cart_button,
.woocommerce .classic .product-add-to-cart a.button {
background-color: var(--cream) !important;
}
.loop-product-link {
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
}
.loop-product-link a {
padding: 0;
width: 100%;
height: 100%;
display: block;
}
.product-add-to-cart {
z-index: 100;
position: relative;
background-color: var(--cream);
transition: all 0.3s ease;
}
li.classic.product:hover {
background-color: #dad6d1;
color: var(--black) !important;
}
li.classic.product:hover h2,
li.classic.product:hover .jarano-product-attrs,
li.classic.product:hover .price bdi {
color: var(--black) !important;
}
li.classic.product img,
li.classic.product h2,
li.classic.product .jarano-product-attrs,
li.classic.product,
li.classic.product .price bdi {
transition: all 0.3s ease !important;
transition-delay: 0.1s;
}
li.classic.product img {
transform: scale(1.05);
}
li.classic.product:hover img {
transform: scale(1.1);
}
.product-add-to-cart:hover,
.product-add-to-cart:hover a,
.woocommerce-error {
background-color: var(--black) !important;
}
.woocommerce .products.related .product,
.woocommerce .products.upsells .product {
margin-right: 0 !important;
}
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
background-color: #222 !important;
}
@media only screen and (min-width: 1000px) {
.woocommerce .products.related .product,
.woocommerce .products.upsells .product {
width: 25% !important;
}
#header-outer #logo img,
#header-outer .logo-clone img,
#header-outer .logo-spacing img {
height: 2.7vw;
}
#top nav > ul > li > a {
font-size: 1.1vw;
}
} @media (max-width: 1000px) {
.jarano-single-product .jarano-product-layout {
grid-template-columns: 1fr;
}
.jarano-product-summary {
padding: 28px 20px;
}
}
.woocommerce-breadcrumb,
.page-title,
.woocommerce-ordering {
display: none !important;
}
form.cart {
display: flex;
margin-bottom: 0 !important;
justify-content: space-between;
width: 66%;
}
.jarano-product-purchase .price {
border-right: none;
width: 33%;
}
.woocommerce-page button[type='submit'].single_add_to_cart_button {
margin-top: 0 !important;
max-width: fit-content;
background-color: transparent !important;
}
bdi,
.style_slide_in_click .cart_list .product-meta a:hover:not(.remove) {
font-family: 'Caslon';
color: var(--black);
}
.cart div.quantity,
.woocommerce-mini-cart div.quantity {
border: none;
padding: 0 !important;
margin: 0 !important;
}
.cart div.quantity input[type='number'],
body .woocommerce-mini-cart div.quantity .qty {
border-bottom: none !important;
font-family: 'Helvetica', sans-serif;
font-weight: 400 !important;
}
.jarano-short-desc,
.accordion-inner {
font-size: 1.1vw;
line-height: 1.28;
padding: 24px 0;
}
button.accordion-toggle {
background: transparent;
outline: none;
border: none;
font-family: 'Chamberi Text', serif;
padding-left: 0;
opacity: 0.8;
cursor: pointer;
font-size: 14px !important;
text-transform: uppercase;
}
.accordion-item:not(.is-open) .see-less {
display: none;
}
.accordion-item.is-open .see-more {
display: none;
}
.jarano-caracteristicas td {
font-size: 1vw !important;
line-height: 1.4 !important;
background-color: transparent !important;
border: none !important;
}
.jarano-caracteristicas th {
min-width: 10vw;
font-size: 0.9vw !important;
background-color: transparent !important;
border: none !important;
}
body:not(.woocommerce-cart) .main-content table {
background-color: transparent !important;
border: none !important;
border-top: none;
}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n + 1) {
background-color: transparent;
}
li.woocommerce-mini-cart-item.mini_cart_item bdi,
span.woocommerce-Price-amount.amount bdi {
font-size: 1.7vw !important;
letter-spacing: normal;
}
li.product.classic bdi {
font-size: 1.2vw !important;
}
.woocommerce ul.products li.product .add_to_cart_button {
font-size: 0.8vw !important;
}
@media only screen and (min-width: 1300px) {
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns='4'] li.product.classic {
width: 25% !important;
margin: 0 !important;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns='4'] li.product.classic {
width: 25% !important;
margin: 0 !important;
}
}
@media (max-width: 1000px) {
li.woocommerce-mini-cart-item.mini_cart_item bdi {
font-size: 18px !important;
}
span.woocommerce-Price-amount.amount bdi {
font-size: 24px !important;
}
li.product.classic bdi {
font-size: 20px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 28px !important;
}
p.loop-attr.loop-attr--tipo {
font-style: italic;
font-size: 20px;
}
p.loop-attr.loop-attr--peso {
font-size: 18px;
}
.woocommerce ul.products li.product .add_to_cart_button {
font-size: 18px !important;
}
.jarano-product-title,
.jarano-product-attrs {
font-size: 34px;
}
ul.tabs.wc-tabs li a {
font-size: 14px !important;
letter-spacing: 0.5px;
}
.jarano-short-desc,
.accordion-inner {
font-size: 20px;
}
.jarano-caracteristicas td {
font-size: 18px !important;
}
.jarano-caracteristicas th {
font-size: 16px !important;
}
.jarano-product-purchase {
flex-flow: column;
border: none;
}
form.cart {
width: 100%;
border: 1px solid var(--black);
}
.woocommerce-page button[type='submit'].single_add_to_cart_button,
body[data-form-submit='regular'].woocommerce-page .container-wrap button[type='submit'].single_add_to_cart_button {
padding: 14px 20px !important;
}
.product-meta {
flex-flow: column;
align-items: flex-start;
text-align: left;
}
span.quantity * {
width: 100%;
}
span.product-price {
display: flex !important;
}
body[data-header-format] .woocommerce-mini-cart .quantity input.plus {
padding-left: 0;
}
}
@media only screen and (max-width: 690px) {
.style_slide_in_click .product-meta > .product-details {
width: 100%;
}
.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove) {
font-size: 20px;
line-height: 1.1;
}
} .woocommerce .classic .add_to_cart_button,
.woocommerce .classic .product-add-to-cart a.button,
.prc-slide .product-add-to-cart a.button,
.prc-slide .add_to_cart_button {
background-color: var(--cream) !important;
border-color: var(--black) !important;
transition: all 0.3s ease !important;
transition-delay: 0.1s;
}
.woocommerce .classic .product-add-to-cart a.button:hover,
.prc-slide .product-add-to-cart a.button:hover,
.prc-slide .add_to_cart_button:hover,
.woocommerce .classic .add_to_cart_button:hover {
background-color: var(--black) !important;
border-color: var(--black) !important;
color: var(--cream) !important;
}
.related.products h2 {
padding: 0 20px;
}
.woocommerce ul.products li.product .price,
.prc-slide li.product .price {
margin-bottom: 1.5em !important;
width: 100%;
display: block;
}
.prc-slide .product .product-wrap a {
display: block;
position: relative;
}
.prc-slide .product .product-wrap {
overflow: hidden;
position: relative;
aspect-ratio: 4 / 5;
}
.prc-slide .product .product-wrap > a:before {
background-color: rgba(0, 0, 0, 0.035);
display: block;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
pointer-events: none;
}
.prc-slide .product {
width: 100%;
display: block;
}
.icon_home {
width: 5vw !important;
margin-bottom: 24px !important;
}
@media (max-width: 1000px) {
.icon_home {
width: 20vw !important;
}
}
.button.product_type_simple {
width: 100%;
color: var(--black) !important;
text-transform: uppercase !important;
}
body.woocommerce-cart #ajax-content-wrap .container-wrap,
body.woocommerce-checkout #ajax-content-wrap .container-wrap,
body.woocommerce-account #ajax-content-wrap .container-wrap {
padding: 28px !important;
padding-top: 28px !important;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.contacto-solicita input[type='email'],
.contacto-solicita input[type='text'],
.contacto-solicita textarea {
border: 1px solid var(--black) !important;
background-color: var(--cream) !important;
}
label,
h4.label-file {
font-family: Helvetica !important;
font-size: 14px;
color: #848889 !important;
}
.contacto-solicita .wpcf7-form-control.wpcf7-submit.has-spinner {
width: 100%;
background-color: var(--black) !important;
color: var(--cream);
}
.woocommerce-account .woocommerce-form-login button.button {
background-color: #000 !important;
}
.woocommerce-account .woocommerce-form-login button.button {
line-height: 1.2;
}
.material #header-outer ul.product_list_widget li img,
.material.woocommerce-page ul.product_list_widget li img {
border-radius: 0;
}
input.wc-block-components-quantity-selector__input {
font-family: 'Helvetica';
border-bottom: none !important;
}
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button:not(.is-link),
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:not(.is-link) {
background: #0f0f0f;
text-transform: uppercase;
opacity: 1;
font-family: 'Helvetica';
font-size: 14px;
}
.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button {
background-color: var(--black) !important;
}
.logged-in .pre-log-text,
.acceso-profesionales__wrapper.woocommerce-account h2.n-disable-reg {
display: none;
}
.red-text.custom-title.black * {
color: var(--red);
}
.button.product_type_simple {
width: 100%;
display: block;
} .wc-block-checkout__actions_row {
flex-flow: column;
align-items: normal !important;
width: 100%;
}
input[type='checkbox'] {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border: 1px solid black;
background-color: white;
cursor: pointer;
position: relative;
transition: background-color 0.2s;
margin: 0;
margin-right: 10px;
}
input[type='checkbox']:checked {
background-color: black;
}
input[type='checkbox']:checked::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border: 1px solid white;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='url'],
select,
textarea {
font-family: 'Chamberi Text', serif !important;
}
.file-field {
position: relative;
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border: 1px solid #000000;
background: var(--cream);
margin-bottom: 24px;
}
.file-btn {
opacity: 0;
position: absolute;
inset: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.file-btn span.wpcf7-form-control-wrap,
.file-btn span.wpcf7-form-control-wrap input {
cursor: pointer;
height: 100%;
width: 100%;
position: absolute;
}
.file-ui {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
pointer-events: none;
}
span.file-icon {
width: 20px;
display: flex;
height: 20px;
border: 1px solid;
align-items: center;
justify-content: center;
border-radius: 20px;
}
.file-name {
font-size: 12px;
opacity: 0.6;
}
.file-error {
border-color: #e74c3c;
background: #fff5f5;
}
.file-error .file-button {
background: #e74c3c;
}
.wpcf7 input[type='file'] {
cursor: pointer;
border: none;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required,
.woocommerce #review_form #respond p.comment-notes span.required {
color: #848889 !important;
}
.woocommerce-ResetPassword.lost_reset_password {
padding: 10vh 0;
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
}
body.mobile.material[data-header-color='light'] #header-outer .slide-out-widget-area-toggle a .close-line,
body.mobile.material[data-header-color='light'] #header-outer.transparent .slide-out-widget-area-toggle a .close-line,
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after,
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before,
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {
background-color: #000000;
}
.material .mobile-search .icon-salient-search,
.material .mobile-user-account .icon-salient-m-user {
color: #000000;
}
#top #mobile-cart-link i,
.mobile-search .icon-salient-search,
.mobile-user-account .icon-salient-m-user {
color: #000000;
}
@media only screen and (max-width: 999px) and (min-width: 691px) {
body.woocommerce:not(.single-product) ul.products[data-n-tablet-columns='2'] li.product {
width: 50% !important;
margin: 0 !important;
}
}
@media only screen and (max-width: 690px) {
.woocommerce ul.products[data-n-phone-columns='1'] li.product,
.woocommerce ul.products[data-n-phone-columns='1'] li.product.material,
body.woocommerce:not(.single-product) ul.products[data-n-phone-columns='1'] li.product,
body.woocommerce:not(.single-product) ul.products[data-n-phone-columns='1'] li.product.material {
margin: 0 !important;
}
}
body[data-header-format] .cart .quantity input.plus,
body[data-header-format] .cart .quantity input.minus,
body[data-header-format] .woocommerce-mini-cart .quantity input.plus,
body[data-header-format] .woocommerce-mini-cart .quantity input.minus {
font-size: 24px !important;
}
@media (min-width: 1000px) {
.wc-block-components-sidebar-layout .wc-block-components-main {
padding-right: 15%;
}
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
color: var(--cream);
}
.woocommerce-Button.button {
color: var(--cream) !important;
}
#header-outer.transparent .icon-salient-m-user:before {
content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5137 10.3C11.7137 10.8 10.7137 11.1 9.61367 11.1C8.51367 11.1 7.61367 10.8 6.71367 10.3C3.21367 11.5 0.613672 14.7 0.513672 18.6H18.7137C18.6137 14.8 16.0137 11.5 12.5137 10.3ZM15.0137 5.8C15.0137 8.8 12.6137 11.1 9.71367 11.1C6.81367 11.1 4.41367 8.7 4.41367 5.8C4.41367 2.9 6.81367 0.5 9.71367 0.5C12.6137 0.5 15.0137 2.9 15.0137 5.8Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}
#header-outer.transparent .icon-salient-cart:before {
content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.60156 0.5C6.70156 0.5 4.30156 2.9 4.30156 5.8H15.0016C15.0016 2.9 12.6016 0.5 9.60156 0.5ZM18.7016 5.9H0.601562L3.00156 18.7H16.2016L18.7016 5.9Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}
.icon-salient-m-user:before {
display: flex;
transform: translateY(2px);
content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5137 10.3C11.7137 10.8 10.7137 11.1 9.61367 11.1C8.51367 11.1 7.61367 10.8 6.71367 10.3C3.21367 11.5 0.613672 14.7 0.513672 18.6H18.7137C18.6137 14.8 16.0137 11.5 12.5137 10.3ZM15.0137 5.8C15.0137 8.8 12.6137 11.1 9.71367 11.1C6.81367 11.1 4.41367 8.7 4.41367 5.8C4.41367 2.9 6.81367 0.5 9.71367 0.5C12.6137 0.5 15.0137 2.9 15.0137 5.8Z" stroke="%231D1D1B" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}
.icon-salient-cart:before,
body.material .icon-salient-cart:before {
display: flex;
content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.60156 0.5C6.70156 0.5 4.30156 2.9 4.30156 5.8H15.0016C15.0016 2.9 12.6016 0.5 9.60156 0.5ZM18.7016 5.9H0.601562L3.00156 18.7H16.2016L18.7016 5.9Z" stroke="%231D1D1B" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}
body.material #header-outer:not([data-format='left-header']) #top nav > .buttons > li {
margin: 0 7px;
}
ul#menu-footer {
margin: 0;
list-style: none;
}
ul#menu-footer li {
margin: 0 10px;
list-style: none;
font-size: 14px;
}
ul#menu-footer li a:hover {
color: var(--black);
}
@media (min-width: 1000px) {
ul#menu-footer {
display: flex;
justify-content: end;
}
}