:root {
--white: #ffffff;
--cream: #f3eeeb;
--blue: #012169;
--atopic-blue: rgba(0, 163, 173, 1);
--atopic-blue-70: rgba(0, 163, 173, 0.7);
--atopic-blue-50: rgba(0, 163, 173, 0.5);
--sensitive-red: rgb(194, 24, 54);
--sensitive-red-70: rgba(194, 24, 54, 0.7);
--repair-gold: rgba(185, 145, 82, 1);
--repair-gold-70: rgba(185, 145, 82, 0.7);
--light-blue: #f5f8fa;
--dark-blue: #020e2b;
--red: #c21836;
--black: #252525;
--text-dark: #001c3e;
--dark-cream: #dfd3bf;
--grey: #e0e0e0;
--light-grey: #f9f9f9;
--current-color: var(--white);
--card-radius: 1.6rem; --size-unit: 16;
--size-container-ideal: 1440;
--size-container-min: 992px;
--size-container-max: 1920px; --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max)); --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))); }
html {
font-size: var(--size-font) !important;
}
::selection {
background-color: var(--blue);
color: var(--white);
text-shadow: none;
}
@font-face {
font-family: 'Cabinet Grotesk';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/CabinetGrotesk-Regular.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/CabinetGrotesk-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cabinet Grotesk';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/CabinetGrotesk-Bold.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/CabinetGrotesk-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Thin.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Thin.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Light.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Light.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Medium.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src:
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Bold.woff2) format('woff2'),
url(//pharmaline.diosbendito.com/wp-content/themes/pharmaline-child/fonts/Outfit-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.ocm-effect-wrapper,
.ocm-effect-wrapper-inner {
padding: 0 !important;
overflow: hidden;
}
.min_full_height-section {
min-height: 100svh;
}
.min_full_height-section .inner_row,
.contained-section .inner_row {
max-width: calc(1400px - 1.6rem) !important;
margin: 0 auto !important;
}
.full-width-content .row-bg-wrap,
.full-width-content .row-bg,
.full-width-content .row-bg-wrap .inner-wrap,
.full-width-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 1000px) {
.full-width-content:not(.no-padding) > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.extra-padding {
padding-right: 4vw !important;
padding-left: 4vw !important;
padding-bottom: 80px !important;
}
}
@media (max-width: 1440px) {
.min_full_height-section .inner_row {
padding: calc(1.4rem * 2) !important;
}
}
@media (max-width: 1000px) {
.full-width-content:not(.no-padding) > .row_col_wrap_12,
.no-padding > .row_col_wrap_12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
body:not(.nectar-no-flex-height).home {
min-height: 100svh;
}
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
body #header-outer {
margin-bottom: 0;
padding: 24px 0;
}
}
@media (max-width: 698px) {
.home-content-card {
background-color: var(--white);
padding: calc(1rem * 2) !important;
}
.min_full_height-section .inner_row {
padding: calc(0.8rem * 2) !important;
}
.logo-wrapper .custom-logo-component {
width: 40%;
}
} #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: var(--blue);
}
#header-outer .sf-menu li ul li.menu-item a {
color: var(--black);
}
#header-outer .sf-menu li.menu-item-has-children ul li.menu-item a:not(.sf-with-ul) {
font-weight: 400 !important;
}
#header-outer[data-full-width='true'] header > .container,
body[data-slide-out-widget-area-style='simple'] #header-outer[data-full-width='true'] #mobile-menu {
padding: 0 10vw;
}
body:not([data-header-format='left-header']) #header-outer nav > ul > .megamenu > ul > li > a { font-size: 18px;
font-weight: 500 !important;
}
#header-outer #top nav > ul > li:not(.megamenu) ul a:hover,
#header-outer:not([data-format='left-header']) #top nav > ul > li:not(.megamenu) .sfHover > a,
#header-outer #top nav > ul > li:not(.megamenu) .sfHover > a,
#header-outer:not([data-format='left-header']) #top nav > ul > li:not(.megamenu) ul a:hover,
#header-outer:not([data-format='left-header']) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a,
#header-outer:not([data-format='left-header']) #top nav > ul > li:not(.megamenu) ul .current-menu-ancestor > a,
#header-outer nav > ul > .megamenu > ul ul li a:hover,
#header-outer nav > ul > .megamenu > ul ul li a:focus,
#header-outer nav > ul > .megamenu > ul ul .sfHover > a,
#header-secondary-outer ul > li:not(.megamenu) .sfHover > a,
#header-secondary-outer ul > li:not(.megamenu) ul a:hover,
#header-secondary-outer ul > li:not(.megamenu) ul a:focus,
body:not([data-header-format='left-header']) #header-outer nav > ul > .megamenu > ul ul .current-menu-item > a {
background-color: var(--light-grey) !important;
color: var(--dark-blue) !important;
}
.sf-menu > li > ul {
box-shadow: 0 30px 28px rgba(0, 0, 0, 0.08) !important;
}
nav > .sub-menu {
padding: 80px 0;
}
html:lang(es-ES) .back a,
html:lang(es) .back a {
content: 'Volver' !important;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a,
#slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a {
color: var(--white) !important;
}
@media (min-width: 1000px) {
.sub-menu .menu-item-has-children {
border-right: 1px solid var(--grey) !important;
}
}
@media (max-width: 1000px) {
#slide-out-widget-area .inner {
display: flex !important;
flex-flow: column;
height: 100vh !important;
justify-content: space-between;
}
.off-canvas-menu-container.mobile-only,
.nectar-global-section.nectar_hook_ocm_after_menu .container {
padding: 0 16px !important;
}
.nectar-global-section.nectar_hook_ocm_after_menu .container {
margin: 0;
}
#slide-out-widget-area.fullscreen .inner-wrap > .inner,
#slide-out-widget-area.fullscreen-alt .inner-wrap > .inner {
margin: 0 !important;
}
ul.menu {
text-align: left;
}
body.dark #header-outer,
.dark header#top,
body #header-outer.side-widget-open {
mix-blend-mode: screen;
filter: grayscale(1) brightness(1) contrast(1) invert(1);
}
.menu-item:not(.lang-item) {
flex: 0 0 100%;
}
#slide-out-widget-area.open .off-canvas-menu-container li.lang-item {
margin-top: 10vh;
}
#slide-out-widget-area-bg.open.dark {
opacity: 1 !important;
}
} #slide-out-widget-area.fullscreen,
#slide-out-widget-area.fullscreen-alt {
text-align: left !important;
}
.menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut 0.4s ease-in-out !important;
animation: MenuAnimOut 0.4s ease-in-out !important;
}
.menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn 0.4s ease-in-out !important;
animation: MenuAnimIn 0.4s ease-in-out !important;
}
.menuwrapper > .sub-menu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn 0.4s ease !important;
animation: SubMenuAnimIn 0.4s ease !important;
}
.menuwrapper > .sub-menu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut 0.4s ease !important;
animation: SubMenuAnimOut 0.4s ease !important;
}
@-webkit-keyframes MenuAnimOut {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes MenuAnimIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
} .nectar-underline:hover h3 {
background-size: 0 0;
}
.nectar-fancy-box.nectar-underline:hover h3 {
color: var(--blue);
} .custom-title {
margin-bottom: 10px !important;
}
.custom-title.primary,
.custom-title.primary * {
font-family: 'Outfit', sans-serif !important;
font-weight: 400;
}
.custom-title.secondary,
.custom-title.secondary *,
.nectar-button.medium {
font-family: 'Cabinet Grotesk', sans-serif !important;
font-weight: 400;
}
.custom-title.animated .char,
.custom-title.animated .word {
display: inline-block;
will-change: transform;
vertical-align: middle;
white-space: nowrap;
}
.custom-title.animated {
display: block;
}
.custom-title * {
font-weight: 400;
}
.custom-title * strong,
.custom-title.primary * strong * {
font-weight: 700 !important;
}
.custom-title.uppercase .custom-title.uppercase * {
text-transform: uppercase !important;
}
.custom-title.lowercase,
.custom-title.lowercase * {
text-transform: initial !important;
}
.custom-title.red,
.custom-title.red * {
color: var(--red);
}
.custom-title.blue,
.custom-title.blue * {
color: var(--blue);
}
@media (min-width: 1000px) {
.custom-title.giant *,
.custom-title.giant {
font-size: 80px !important;
line-height: 0.8 !important;
}
.custom-title.big *,
.custom-title.big {
font-size: 50px !important;
line-height: 0.8 !important;
}
.custom-title.medium *,
.custom-title.medium {
font-size: 35px !important;
line-height: 1.1 !important;
}
.custom-title.small *,
.custom-title.small {
font-size: 21px !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;
}
.custom-title.body *,
.custom-title.body {
font-size: 19px !important;
line-height: 1.4 !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: 30px !important;
line-height: 1.1 !important;
}
.custom-title.small *,
.custom-title.small,
a.toggle-heading {
font-size: clamp(16px, 5vw, 24px) !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.4 !important;
}
}
.small-p {
font-size: 14px !important;
} .animated .char,
.animated .word,
.animated .word-wrapper {
display: inline-flex;
overflow: visible;
}
.custom-title.animated {
white-space: break-spaces;
}
.custom-title.normal strong {
font-weight: 700 !important;
}
.custom-title.semi-bold,
.custom-title.semi-bold * {
font-weight: 500 !important;
}
.custom-title.light,
.custom-title.light * {
font-weight: 300 !important;
}
.custom-title.bold,
.custom-title.bold * {
font-weight: 700 !important;
}
.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,
strong .word-wrapper {
display: inline-block !important;
overflow: hidden;
vertical-align: top;
}
span.whitespace {
white-space: collapse;
display: contents;
}
.short-width-text .custom-title,
.short-width-text p {
max-width: 60ch;
}
.custom-title.space-bottom {
margin-bottom: 24px !important;
} .nectar-button.regular-button:hover {
background-color: var(--dark-blue) !important;
opacity: 1 !important;
} #footer a,
#footer p {
text-decoration: none;
position: relative;
line-height: 1.6;
}
#footer a::after {
background: currentColor;
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
transition: transform 0.4s ease;
width: 100%;
transform: scaleX(0);
transform-origin: right center;
}
#footer a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
.legals a {
text-decoration: none;
font-size: 14px;
}
.legal-wrapper .vc_column-inner,
.legal-wrapper .vc_column-inner .wpb_wrapper {
height: 100%;
display: flex;
align-items: center;
}
.nectar_icon a {
position: absolute !important;
height: 25px !important;
width: 25px !important;
}
.nectar_icon a:after {
display: none !important;
}
@media (min-width: 1000px) {
.legals p {
display: flex;
gap: 1em;
}
}
@media (max-width: 1000px) {
#footer a,
#footer p {
line-height: 1.8;
}
} .wpcf7-submit {
border-radius: 200px !important;
padding-left: 35px !important;
padding-right: 35px !important;
border: 1px solid var(--white) !important;
}
.wpcf7-submit:hover {
background-color: var(--white) !important;
color: var(--blue);
}
.wpcf7-list-item-label {
font-family: 'Cabinet Grotesk', sans-serif !important;
font-size: 14px;
}
.wpcf7-list-item {
margin-left: 0;
}
#footer .wpcf7-list-item-label {
color: var(--white);
}
#footer .form-row {
margin: 0;
padding: 0;
}
#footer .form-row:before {
display: none;
}
#footer .form-row {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.wpcf7 .wpcf7-response-output {
background-color: transparent;
}
.light .wpcf7 form.invalid div.wpcf7-response-output {
color: #ffb900 !important;
}
.light .wpcf7 form.sent div.wpcf7-response-output {
color: #46b450 !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0;
padding: 0;
border: none;
}
.span_12.light .wpcf7-form .wpcf7-not-valid-tip {
opacity: 0.6;
line-height: 1.2;
}
.wpcf7 input[type='checkbox'] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.wpcf7 .wpcf7-list-item-label {
position: relative;
padding-left: 32px;
cursor: pointer;
display: inline-block;
}
.wpcf7 .wpcf7-list-item-label::before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
border-radius: 4px;
background: #fff;
transition: all 0.2s ease;
border: 1px solid var(--blue);
}
.wpcf7 .wpcf7-list-item-label::after {
content: '';
position: absolute;
left: 5px;
top: 7px;
width: 8px;
height: 4px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg) scale(0);
transition: transform 0.2s ease;
}
.wpcf7 input[type='checkbox']:checked + .wpcf7-list-item-label::before {
background: var(--dark-blue);
}
.wpcf7 input[type='checkbox']:checked + .wpcf7-list-item-label::after {
transform: rotate(-45deg) scale(1);
}
.two-cols {
display: flex;
gap: 20px;
}
.two-cols .field {
flex: 1;
}
.field.full {
width: 100%;
}
.wpcf7 input,
.wpcf7 select {
width: 100%;
padding: 14px;
border: 1px solid #ccc;
background: #f5f5f5;
font-size: 14px;
}
.wpcf7 select {
appearance: none;
}
.wpcf7 input[type='checkbox'] {
width: auto;
}
.wpcf7-submit {
padding: 14px 30px;
background: #1e3a8a;
color: #fff;
border: none;
cursor: pointer;
}
.contact-form-row {
margin-bottom: 20px;
} #hero .nectar-simple-slider[data-arrows='true']:not(.arrow-position-overlapping) .flickity-slider .cell {
padding: 0;
}
#hero .nectar-simple-slider .cell .inner {
height: 100%;
}
#hero .nectar-simple-slider .flickity-page-dots .dot:before {
background-color: var(--blue);
}
#hero .nectar-simple-slider .flickity-page-dots .dot svg circle.time {
stroke: var(--blue);
}
@media (max-width: 1000px) {
#hero .nectar-simple-slider .flickity-prev-next-button {
top: calc(50svh - var(--header-nav-height));
}
.nectar-simple-slider.sizing-percentage.height-60vh {
height: calc(100svh - var(--header-nav-height));
}
} .nectar-post-grid-filters {
opacity: 1 !important;
}
.nectar-post-grid-filters a {
padding: 4px 15px;
margin: 10px;
border-radius: 200px;
border: 1px solid var(--blue);
transition: all 0.3s ease-in-out;
color: var(--blue);
}
.nectar-post-grid-filters a:after {
display: none;
}
.nectar-post-grid-filters a:hover {
background-color: var(--light-grey);
border-color: var(--light-grey);
}
.nectar-post-grid-filters a.active {
background-color: var(--blue);
color: var(--white);
}
.nectar-post-grid-filters {
opacity: 0;
transition: opacity 0.6s ease;
}
.nectar-post-grid-filters.animated-in {
opacity: 1;
}
.nectar-post-grid-filters a::before {
display: inline-block;
}
@media (max-width: 1000px) {
.nectar-post-grid-filters h4 {
display: none;
}
.nectar-post-grid-filters div:not(.n-sticky) {
display: flex !important;
width: fit-content;
}
.nectar-post-grid-filters a {
min-width: 130px !important;
align-self: center;
padding: 10px;
}
} .single-post .type-post {
max-width: 100ch;
margin: 0;
}
.post-author {
display: none;
}
.blog-recent[data-style*='classic_enhanced'] .article-content-wrap,
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
padding: 8%;
}
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
background: transparent;
}
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap .post-header * {
color: var(--blue) !important;
}
.masonry.classic_enhanced .masonry-blog-item .inner-wrap {
box-shadow: none;
background-color: var(--light-blue) !important;
}
.nectar-post-grid-item {
border-radius: 4px;
overflow: hidden;
}
.nectar-post-grid-wrap[data-style='content_under_image']
.nectar-post-grid[data-text-color='dark']
.nectar-post-grid-item
.content
.meta-category
.style-see-through-button,
.meta-category {
color: var(--white);
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
#ajax-content-wrap .nectar-post-grid .meta-category .style-see-through-button:before {
border: 2px solid var(--white);
} .single-product div.product h1.product_title,
.nectar-shop-header .page-title {
font-size: 40px;
line-height: 1.2;
color: var(--blue);
text-transform: uppercase;
}
.nectar-prod-wrap {
padding-bottom: 40px;
}
.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: #ffffff;
}
.woocommerce-ordering,
.woocommerce-result-count {
display: none;
}
span.woocommerce-Price-amount.amount {
color: var(--blue);
font-family: 'Outfit';
font-weight: 600;
}
.woocommerce .material.product:before {
box-shadow: none;
}
.summary .posted_in {
display: none !important;
}
.woocommerce div.product .summary p.price {
font-size: 14px;
}
.pswp__bg {
background: #000000d9;
}
.woocommerce-Tabs-panel {
margin-left: calc(-50vw + var(--scroll-bar-w) / 2) !important;
position: relative !important;
left: 50% !important;
width: calc(100vw - var(--scroll-bar-w)) !important;
background-color: var(--light-blue) !important;
}
.woocommerce-Tabs-panel #reviews {
max-width: var(--container-width);
padding: 0 90px;
margin: 0 auto;
}
body .toggles.product-accordion .toggle[data-inner-wrap='true'] > div {
transition: max-height 0.5s ease;
max-height: 0;
overflow: hidden;
pointer-events: none;
display: block;
}
body .toggles.product-accordion.composition .toggle[data-inner-wrap='true'] { margin-bottom: 60px;
}
body .toggles.product-accordion[data-style='minimal'] .toggle {
margin-bottom: 0;
}
body .toggles.product-accordion[data-style='minimal'] .toggle .inner-toggle-wrap p,
body .toggles.product-accordion[data-style='minimal'] .toggle .inner-toggle-wrap li {
font-size: 16px;
}
body .toggles.product-accordion[data-style='minimal'] .toggle .inner-toggle-wrap p sup {
font-size: 0.8em;
}
.toggles.product-accordion[data-style*='minimal'] .toggle > .toggle-title i {
width: 25px;
height: 25px;
position: absolute;
right: 0;
left: auto;
top: 50%;
-ms-transition: border-color 0.15s ease;
transition: border-color 0.15s ease;
-webkit-transition: border-color 0.15s ease;
transform: translateY(-50%);
height: 25px;
}
.toggles.product-accordion[data-style*='minimal'].composition .toggle > .toggle-title i {
left: 0;
}
span#reply-title {
font-family: 'Outfit' !important;
}
.toggles.product-accordion .toggle > .toggle-title {
position: relative;
margin-bottom: 0;
}
.toggles.product-accordion[data-style*='minimal'].composition .toggle-title a {
padding-left: 30px !important;
}
.toggles.product-accordion .toggle.open > .toggle-title a {
background-color: transparent !important;
}
.toggles.product-accordion .toggle > .toggle-title a.toggle-heading {
font-size: 18px !important;
width: 100% !important;
display: block;
padding: 8px 0;
}
.toggles.product-accordion[data-style='minimal'] .toggle {
transition: border-color 0.15s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.toggles.product-accordion[data-style*='minimal'] .toggle.open i:after {
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
}
.toggles.product-accordion[data-style='minimal'] .toggle > .toggle-title i:before {
content: ' ';
top: 14px;
left: 6px;
margin-top: -2px;
width: 14px;
height: 2px;
position: absolute;
background-color: #888;
transition: background-color 0.15s ease;
}
.toggles.product-accordion[data-style='minimal'] .toggle > .toggle-title i:after {
content: ' ';
top: 6px;
left: 14px;
width: 2px;
margin-left: -2px;
height: 14px;
position: absolute;
background-color: #888;
transition:
transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1),
background-color 0.15s ease;
}
.product-formato {
font-size: 14px;
font-weight: 600;
}
.product-icons {
margin-top: 24px;
font-size: 14px; border-radius: 10px;
padding: 20px;
background-color: var(--light-blue);
}
.product-icons .icon {
display: flex;
line-height: 1.2;
margin-bottom: 5px;
align-items: center;
}
.product-icons .icon span {
width: 30px;
height: 30px;
display: flex;
}
.product-icons .icon svg {
width: 24px;
height: 24px;
padding: 2px;
}
.product-icons .icon span path,
.product-icons .icon span circle {
stroke: var(--blue);
}
.nectar-fancy-box[data-style='image_above_text_underline'] .text {
padding: 30px 20px;
}
.nectar-fancy-box[data-border-radius='5px'] .image-wrap,
.nectar-fancy-box[data-border-radius='5px']:not([data-style='parallax_hover']):not([data-style='color_box_hover']) {
background-color: var(--light-blue);
}
.gamas-box .vc_column_container {
margin-bottom: 10px;
}
.gamas-box .vc_column-inner {
background-color: var(--light-blue);
height: 100%;
border-radius: 5px;
overflow: hidden;
}
.wpb_row.gamas-box > .span_12 > .column_container {
margin-bottom: 20px;
}
.flickity.product-slider * {
outline: none !important;
}
#custom-tabs-wrapper {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
#resultados .tab-content {
padding: 0;
display: flex;
gap: 1rem;
margin-bottom: 24px;
}
#ingredientes-activos-block ul {
padding: 60px 0px;
margin: 0;
background-color: white;
padding: 0;
display: flex;
gap: 1rem;
margin-bottom: 24px;
}
.title-tab-wrapper * {
text-align: center;
}
#ingredientes-activos-block li,
.resultado-item {
list-style: none;
padding: 1rem;
background-color: var(--light-blue);
border-radius: 4px;
max-width: 500px;
}
#ingredientes-activos-block li p,
.custom-image-card__description {
font-size: 16px;
line-height: 1.4;
}
.product-cat-piel-con-tendencia-atopica .resultado-item {
background-color: var(--atopic-blue);
color: var(--white);
}
.product-cat-piel-con-tendencia-atopica .resultado-item:nth-child(2n) {
background-color: var(--atopic-blue-70);
} .product-cat-piel-con-tendencia-sensitive .resultado-item {
background-color: var(--sensitive-red);
color: var(--white);
}
.product-cat-piel-con-tendencia-sensitive .resultado-item:nth-child(2n) {
background-color: var(--sensitive-red-70);
}
.product-cat-piel-madura .resultado-item {
background-color: var(--repair-gold);
color: var(--white);
}
.product-cat-piel-madura .resultado-item:nth-child(2n) {
background-color: var(--repair-gold-70);
}
.resultado-content p {
display: flex;
flex-flow: column;
font-family: 'Outfit', sans-serif;
padding-top: 20px;
font-size: 25px;
line-height: 1.2;
}
.resultado-item strong {
font-size: 80px;
line-height: 1;
margin-bottom: 35px;
font-family: 'Outfit', sans-serif;
}
#resultados {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
@media (min-width: 1000px) {
#ingredientes-activos-block li,
.resultado-item {
width: 33%; }
}
.woocommerce ul.products .material.product h2,
.woocommerce ul.products .material.product h3,
.woocommerce-page ul.products .material.product h2,
.woocommerce-page ul.products .material.product h3 {
color: var(--dark-blue) !important;
}
#menu-sticky {
margin-left: calc(-50vw + var(--scroll-bar-w) / 2) !important;
position: absolute !important;
left: 50% !important;
width: calc(100vw - var(--scroll-bar-w)) !important;
z-index: 99;
transition:
transform 0.3s ease,
height 0.3s ease,
background 0.3s ease,
opacity 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease,
backdrop-filter 0.3s ease; background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
top: 0;
}
#menu-sticky .product-nav-wrapper {
max-width: var(--container-width);
padding: 10px 90px;
margin: 0 auto;
}
#menu-sticky a {
padding: 14px 0;
font-size: 16px;
font-family: 'Cabinet Grotesk';
font-weight: 600;
position: relative;
color: var(--blue);
margin-right: 2rem;
}
#menu-sticky a.is-active::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1.5px;
background-color: var(--blue);
}
#menu-sticky.is-sticky {
position: fixed !important;
top: var(--header-nav-height);
top: 98px;
}
body.header-invisible #menu-sticky.is-sticky {
top: 0;
}
.sticky-wrapper {
max-height: 43px;
position: sticky;
z-index: 9999;
}
.sticky-wrapper-wrapper {
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
overflow: visible !important;
pointer-events: none;
} section.up-sells.upsells.products h2,
section.related.products h2 {
color: var(--blue);
}
@media (max-width: 1000px) {
.woocommerce-Tabs-panel #reviews {
padding: 0 28px;
}
#ingredientes-activos-block ul,
#resultados .tab-content {
flex-flow: column;
}
#menu-sticky .product-nav-wrapper {
padding: 8px 28px;
}
#menu-sticky a {
font-size: 18px;
}
} .video-aspect-ratio {
aspect-ratio: 16/9;
}
.single-post .wp-block-heading {
color: var(--blue) !important;
}
body.wp-singular.post-template-default.single.single-post.material[data-bg-header='true'] .container-wrap.no-sidebar,
body.wp-singular.post-template-default.single.single-post.material[data-bg-header='true'] .container-wrap {
padding-bottom: 0 !important;
} .full-width-section > .col.span_12.dark .nectar-post-grid[data-text-hover-color='dark'] .nectar-post-grid-item:hover .content .meta-category a,
.nectar-post-grid[data-text-hover-color='dark'] .nectar-post-grid-item:hover .content .meta-category a {
color: #ffffff;
}
body.material .blog-recent[data-style*='classic_enhanced'].related-posts .inner-wrap,
.related-products-blog h3,
.related-products-blog h2,
.related-title {
box-shadow: none;
color: var(--blue);
}
ul.wp-block-latest-posts__list.wp-block-latest-posts {
display: flex;
flex-flow: column;
gap: 0.5rem;
}
#sidebar .wp-block-latest-posts__list li {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 0;
gap: 1rem;
background-color: var(--light-blue);
border-radius: 4px;
color: var(--blue);
font-family: 'Outfit';
font-weight: 500;
max-height: 75px;
padding: 0 !important;
overflow: hidden;
transition: transform 0.3s ease;
}
#sidebar .wp-block-latest-posts__list li:hover {
transform: translateY(-0.1rem);
}
#sidebar .wp-block-latest-posts__list li img {
margin-bottom: 0;
}
.wp-block-latest-posts__featured-image.alignleft {
aspect-ratio: 1/1 !important;
max-height: 75px;
margin-right: 0;
height: fit-content;
display: flex;
}
h3.related-title {
font-size: 34px;
}
.related-products-blog h2 {
margin-bottom: 24px;
}
.post-header h3 {
color: var(--blue) !important;
font-family: 'Outfit', sans-serif !important;
text-transform: initial !important;
font-weight: 500 !important;
font-size: 22px !important;
line-height: 1.2 !important;
}
.custom-single-hero {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.custom-single-hero .row-bg {
background-color: var(--light-blue);
}
.custom-single-hero .column-image-bg {
background-size: cover;
background-position: center;
}
.custom-single-hero .entry-title {
line-height: 1.1;
padding: 0 28px;
}
.custom-single-hero .min-height-50 {
min-height: 25vh;
padding: 35px 0;
}
.related-products-blog {
margin-top: 80px;
}
.related-products-blog .products-grid {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0 !important;
}
.related-products-blog .products-grid .product-wrap {
background-color: var(--light-blue);
}
.related-products-blog .products-grid li {
list-style: none;
width: 23.9%;
margin-left: 0;
margin-right: 1.3%;
margin-bottom: 1.3%;
border-radius: 4px 4px 0 0;
overflow: hidden;
background-color: var(--light-blue);
}
.related-products-blog .products-grid li img {
transition: transform 0.3s ease;
}
.related-products-blog .products-grid li:hover img {
transform: scale(1.1);
}
.related-products-blog .products-grid li .product-meta {
padding: 20px 25px 20px 25px;
}
.related-products-blog .products-grid li .product-meta .price {
font-size: 12px;
}
.related-products-blog .products-grid li h4.woocommerce-loop-product__title {
line-height: 23px;
font-size: 18px;
margin-top: 10px;
font-weight: 500;
text-transform: initial;
font-family: 'Outfit';
}
.related-products-blog .product-image-wrap {
aspect-ratio: 1 / 1;
overflow: hidden;
}
.product-short_description {
font-size: 20px;
line-height: 1.1;
font-family: 'Outfit', sans-serif;
text-transform: uppercase;
font-weight: 500;
}
.product-cat-piel-con-tendencia-atopica .product-short_description {
color: var(--atopic-blue);
}
.product-cat-piel-con-tendencia-atopica .product-short_description {
color: var(--atopic-blue);
}
.product-cat-piel-sensible .product-short_description {
color: var(--sensitive-red);
}
.product-cat-piel-madura .product-short_description {
color: var(--repair-gold);
} .product-short_description p {
padding-bottom: 20px;
} .single-product .easyzoom {
pointer-events: none;
}
.single-product .woocommerce-product-gallery__trigger,
.single-product .product-thumbs .flickity-button,
.single-product .zoomImg,
.single-product .easyzoom img.zoomImg,
.woocommerce div.product div.images .woocommerce-product-gallery img.zoomImg,
.woocommerce div.product .summary p.price.nectar-inherit-default {
display: none !important;
}
.slide.is-selected .woocommerce-product-gallery__image.is-ready,
.woocommerce-product-gallery__image a.no-ajaxy {
pointer-events: none;
}
.slide.is-selected .woocommerce-product-gallery__image {
cursor: grab;
}
.product_title.entry-title.nectar-inherit-default,
.custom-price-tag {
margin-bottom: 24px !important;
}
.custom-price-tag {
font-size: 18px;
}
@media (min-width: 1000px) {
.related-products-blog .products-grid li:nth-child(4n + 4) {
margin-right: 0;
}
.single-product .woocommerce-product-gallery {
display: flex;
gap: 20px;
} .single-product .product-thumbs {
order: 1;
width: 90px;
} .single-product .product-slider {
order: 2;
flex: 1;
} .single-product .product-thumbs .flickity-slider {
transform: none !important;
}
.single-product .product-thumbs .flickity-viewport {
height: auto !important;
}
.single-product .product-thumbs .thumb {
position: relative !important;
transform: none !important;
margin-bottom: 10px;
}
.single-product .product-thumbs .slide {
width: 100% !important;
}
}
@media (max-width: 1000px) {
.single-post #sidebar {
display: none;
}
.related-products-blog .products-grid li {
width: 100%;
}
h3.related-title {
font-size: 26px;
}
}
.woocommerce div.product .woocommerce-tabs[data-tab-style='fullwidth_stacked'] {
padding-top: 0 !important;
}
@media only screen and (min-width: 1000px) {
.single-product [data-tab-pos='fullwidth_stacked'] .products.related,
.single-product [data-tab-pos='fullwidth_stacked'] .products.upsells,
.woocommerce #ajax-content-wrap .woocommerce-tabs[data-tab-style='fullwidth_stacked'] > div:not(.tab-container) {
padding: 0 !important;
margin-top: 0;
}
.woocommerce #ajax-content-wrap .woocommerce-tabs[data-tab-style='fullwidth_stacked'] #tab-reviews > #reviews {
padding-top: 4%;
padding-bottom: 4%;
margin-bottom: 80px;
}
}
.custom-image-card__image {
max-width: 55px;
max-height: 55px;
margin: 0 auto;
}
.custom-image-card__image img {
max-width: 55px;
max-height: 55px;
}
h3.custom-image-card__title {
text-align: center;
font-size: 18px;
line-height: 1.2;
}
.review img.avatar.avatar-80.photo {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce .commentlist li .comment_container .comment-text {
margin-left: 0;
}