.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap");
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
html, body {
background: #fff;
overflow-x: hidden;
font-weight: 300;
}
body {
--first-level-group-padding: 3em;
--gap-medium: 1em;
--border-gray: #D6D8DB;
padding-top: 6em !important;
}
@media (min-width: 600px) {
body {
--first-level-group-padding: 6em;
--gap-medium: 1em;
padding-top: 6.25em !important;
}
}
*:first-child {
margin-top: 0;
}
*:last-child {
margin-bottom: 0;
}
*:focus:not(:focus-visible) {
outline: none;
}
*:focus:focus-visible {
outline: 3px solid var(--wp--preset--color--foreground) !important;
outline-offset: 3px; }
.flickity-enabled:focus:focus-visible {
outline: none !important
}
:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img),
body.single .wp-block-post-featured-image,
body.single .wp-block-post-featured-image img,
body.single .entry-content *:not(.wp-block-media-text__media) img,
body .entry-content *:not(.wp-block-media-text__media) img,
body video,
.wp-block-media-text__media {
border-radius: 1.625rem;
}
body.single .wp-block-post-featured-image img { }
strong {
font-weight: 500;
}
.editor-editor-canvas__post-title-wrapper {
margin-top: 0 !important;
}
h1.editor-post-title {
border: 1px dashed var(--wp-admin-theme-color);
font-size: 20px;
line-height: 120%;
font-family: Arial, sans-serif;
text-align: left;
color: #000 !important;
padding: 0.5em;
margin: 0 1em 1em 1em !important;
}
h1.has-large-font-size + h2 {
margin-top: 1rem;
}
.entry-content {
}
.entry-content,
.entry-content > *:first-child {
margin-block-start: 0;
}
.entry-content > .wp-block-group.has-background,
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group.has-background,
footer >  .wp-block-group.has-background {
margin-block-start: 0;
padding-top: var(--first-level-group-padding);
padding-bottom: var(--first-level-group-padding);
padding-left: calc(var(--first-level-group-padding) / 2);
padding-right: calc(var(--first-level-group-padding) / 2);
}
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group {
margin-block-start: 0;
}
.entry-content > .wp-block-group.has-background-background-color + .wp-block-group.has-background-background-color,
.entry-content > .wp-block-group.has-primary-background-color + .wp-block-group.has-primary-background-color
.entry-content > .wp-block-group.has-secondary-background-color + .wp-block-group.has-secondary-background-color
.entry-content > .wp-block-group.has-tertiary-background-color + .wp-block-group.has-tertiary-background-color {
margin-top: calc(var(--first-level-group-padding) * -0.5);
}
.entry-content > .wp-block-group > h2:first-child:not(:last-child) {
margin-bottom: 2rem;
}
@media (min-width: 600px) {
.entry-content > .wp-block-group > h2:first-child:not(:last-child) {
margin-bottom: 3.8rem;
}
}
body:not(.frontend) .is-root-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
body:not(.frontend) .is-root-container > .wp-block-group,
body:not(.frontend) .is-root-container > .wp-block-cover,
body:not(.frontend) .is-root-container > .is-reusable {
border: 2px solid #00c2ff;
}
body:not(.frontend) .is-root-container > .is-reusable {
border: 2px solid #7a00df;
}
body:not(.frontend) .is-root-container > .wp-block-group + *,
body:not(.frontend) .is-root-container > .wp-block-cover + *,
body:not(.frontend) .is-root-container > .is-reusable + * {
margin-top: 0.5em;
}
body:not(.frontend) .is-root-container > .wp-block-group::before,
body:not(.frontend) .is-root-container > .wp-block-cover::before,
body:not(.frontend) .is-root-container > .is-reusable::before {
content: "Area";
font-weight: bold;
position: absolute;
background: #00c2ff;
color: #fff;
display: block;
padding: 0.5em 1em;
font-size: 14px;
line-height: 1.2;
top: 0;
left: 0;
z-index: 9;
}
body:not(.frontend) .is-root-container > .is-reusable::before {
content: "Synchronized Area";
background: #7a00df;
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
transition: all 0.3s ease-out;
}
header .main-header {
display: none;
}
@media (min-width: 1200px) {
header .mobile-header {
display: none;
}
header .main-header {
display: block;
}
}
header .wp-block-buttons,
header .wp-block-site-logo,
header > .wp-block-group {
transition: all 0.3s ease-out;
}
header .wp-block-site-logo img {
width: 250px !important;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-40%);
}
@media (max-width: 1199px) {
header .wp-block-site-logo img {
transform: none;
top: 1.5em;
}
}
.is-scrolling.is-scrolling-down header { }
.is-scrolling header > .wp-block-group {
-webkit-backdrop-filter: blur(1em);
backdrop-filter: blur(1em);
background-color: rgba(255,255,255,0.6) !important;
} .is-scrolling header {
box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
header > .wp-block-group.has-background-background-color {
padding-top: 1.75em;
padding-bottom: 1.75em;
}
header nav {
background: #F3F4F6 !important;
border: 1px solid #fff;
border-radius: 999px !important; padding: 0.45em 0.5em;
position: absolute !important;
left: 50% !important;
top: 50% !important;
transition: all 0.3s ease-out;
transform: translateX(-50%) translateY(-50%) !important;
}
.is-scrolling header nav {
border: 1px solid #D6D8DB;
}
header nav > div.wp-block-navigation__responsive-container,
header nav .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
background: transparent !important
}
header nav ul ul a[href='#'] {
cursor: default;
}
header nav a[href='#']:active {
pointer-events: none;
}
header nav .wp-block-navigation__responsive-container-content {
}
header nav .wp-block-navigation__responsive-container-content > ul {
gap: 0;
}
header nav .wp-block-navigation__responsive-container-content > ul > li {
}
header nav .wp-block-navigation__responsive-container-content > ul > li > a {
padding: 0.875em 1.625em;
border-radius: 999px;
color: #8492A7 !important;
transition: all 0.2s ease-out;
} header nav .wp-block-navigation__responsive-container-content > ul > li::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #A5C0E3;
position: absolute;
top: 0;
left: 0;
border-radius: 999px;
z-index: 0;
transition: all 0.2s ease-out;
opacity: 0;
transform: scale(0.5);
}
header nav .wp-block-navigation__responsive-container-content > ul > li > a {
z-index: 99
}
header nav .wp-block-navigation__responsive-container-content > ul > li:hover::before,
header nav .wp-block-navigation__responsive-container-content > ul > li:focus::before {
opacity:1;
transform: scale(1);
}
header nav .wp-block-navigation__responsive-container-content > ul > li:hover > a {
color: #fff !important;
}
header nav .wp-block-navigation__responsive-container-content > ul > li > ul {
position: absolute;
top: 100%;
display: flex !important;
flex-flow: row wrap !important;
gap: 0.75em !important;
visibility: visible !important;
opacity: 0 !important;
height: auto !important;
width: auto !important;
border: 1px solid #D6D8DB !important;
border-radius: 0.75em !important;
pointer-events: none !important; padding: 0.625em;
margin-top: 0em;
transition: margin 0.2s ease-out !important;
}
header nav .wp-block-navigation__responsive-container-content > ul > li:hover > ul {
opacity: 1 !important;
pointer-events: all !important;
margin-top: 1em;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1.1em;
top: -1.05em;
left: 0;
}
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-0-items,
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-1-items { width: 11em !important; }
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-2-items { width: 22em !important; }
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-2-items > li { width: calc(50% - 0.375em); }
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-3-items { width: 33em !important; margin-left: -11em; }
header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-3-items > li { width: calc(33.333% - 0.25em); }
header nav .wp-block-navigation__responsive-container-content > ul > li > ul li {
width: 100%;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul li a {
display: block;
color: #8492A7 !important;
border-radius: 0.625em !important;
padding: 0.625em;
transition: all 0.2s ease-out;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul li a:hover {
color: #2A3155 !important;
background: #F3F4F6;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul > li.has-child {
display: block;
flex: 1 !important;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul > li.has-child > a {
border-bottom: 1px solid #D6D8DB !important;
border-radius: 0 !important;
color: #2A3155 !important;
background: #fff !important;
}
header nav .wp-block-navigation__responsive-container-content > ul li ul ul,
header nav .wp-block-navigation__responsive-container-content > ul li ul ul {
box-sizing: border-box !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: auto !important;
position: static !important;
margin-top: 0.5em !important;
border: 0 !important;
width: 100% !important;
min-width: 0 !important;
}
header .header-nav-toggle {
outline: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid #F3F4F6 ;
background: #F3F4F6 url(//inferencebeauty.com/app/themes/smt/assets/images/nav-toggle.svg) no-repeat center;
background-size: 60% auto;
border-radius: 99px;
width: 2.625rem;
height: 2.625rem;
}
.is-scrolling header .header-nav-toggle {
border: 1px solid #D6D8DB !important;
}
.nav-open header .header-nav-toggle {
background-image: url(//inferencebeauty.com/app/themes/smt/assets/images/nav-toggle-close.svg);
}
header .mobile-nav-wrap {
background: #F3F4F6;
border: 1px solid #D6D8DB;
border-radius: 1.9rem;
padding: 0.5em;
display: none;
}
.nav-open header .mobile-nav-wrap {
display: block;
}
header .mobile-nav-wrap > * {
width: 100%;
}
header .mobile-nav-wrap .wp-block-buttons {
justify-content: center !important;
margin-top: 1em;
}
.nav-open button[class*='videoask-embed'] {
display: none !important;
}
header .mobile-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: auto;
}
.nav-open header .mobile-header {
height: 100vh;
background: #fff !important;
}
header .mobile-header nav {
position: relative !important;
top: unset !important;
left: unset !important;
transform: none !important;
border-radius: 0 !important;
border: 0 !important;
background: transparent !important;
width: 100% !important;
box-sizing: border-box;
padding: 0 !important;
height: auto;
}
header .mobile-header nav ul {
width: 100%;
box-sizing: border-box;
gap: 0;
}
header .mobile-header nav ul li {
width: 100%;
display: block !important;
position: relative !important;
box-sizing: border-box;
color: #8492A7;
}
header .mobile-header nav ul li button {
width: 100%;
padding: 0.875em 2em 0.75em 1em !important;
border-radius: 99px;
}
header .mobile-header nav ul li button[aria-expanded='true'] {
background: #A5C0E3;
color: #fff !important;
}
header .mobile-nav-wrap .wp-block-navigation__submenu-icon {
position: absolute;
top: 0.875em;
right: 0.875em;
width: 1.2em;
height: 1.2em;
display: flex;
align-items: center;
justify-content: center;
}
header .mobile-nav-wrap .wp-block-navigation__submenu-icon svg {
transform: scale(0.7);
}
header .mobile-header nav ul li button[aria-expanded='true'] + .wp-block-navigation__submenu-icon {
transform: rotate(180deg);
color: #fff;
}
header .mobile-header nav ul li ul {
display: block !important;
position: static !important;
background: none !important;
border: 0 !important;
}
header .mobile-header nav ul li button[aria-expanded='true'] ~ ul.wp-block-navigation__submenu-container {
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
padding: 0.6em 1em !important;
}
header .mobile-header nav ul li ul li a {
padding: 0.625em 0.625em 0.5em 0.625em !important;
border-radius: 0.625em !important
}
header .mobile-header nav ul li ul li a.wp-block-navigation-item__content:hover,
header .mobile-header nav ul li ul li a.wp-block-navigation-item__content:active {
background: #fff;
color: #2A3155 !important;
}
header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button {
padding: 0.625em !important;
color: #2A3155 !important;
border-bottom: 1px solid #D6D8DB;
border-radius: 0 !important;
}
header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button + .wp-block-navigation__submenu-icon {
display: none !important;
}
header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button:hover,
header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button:active {
pointer-events: none;
}
header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li ul.wp-block-navigation__submenu-container {
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
padding: 0 !important;
margin-top: 0.5em !important;
}
header .mobile-header nav ul li ul li a {
padding: 0.625em 0.625em 0.5em 0.625em !important;
border-radius: 0.625em !important
}
header .mobile-header nav ul li ul li.has-child + li.has-child {
margin-top: 1em !important
}
.home-hero-area,
.blog-hero-area {
} .home-hero-cols {
}
@media (min-width: 500px) {
.home-hero-cols > .wp-block-column:nth-child(1) {
padding-right: 3em;
}
}
.home-hero-cols > .wp-block-column:nth-child(1) > .wp-block-group.is-vertical {
display: flex;
min-height: 100%;
flex-flow: column;
justify-content: space-between;
}
.blog-hero-area .home-hero-cols > .wp-block-column:nth-child(1) > .wp-block-group.is-vertical {
justify-content: flex-end;
}
.home-hero-cols > .wp-block-column:nth-child(1) p + .wp-block-buttons {
margin-top: 2em;
}
@media (max-width: 781px) {
.home-hero-cols {
text-align: center;
}
.home-hero-cols h1 {
margin-bottom: 1em;
}
.home-hero-cols h1 + .wp-block-buttons {
font-size: 0.75em;
line-height: 1.2;
}
.home-hero-cols .wp-block-buttons {
justify-content: center;
}
.home-hero-cols .wp-block-spacer {
display: none;
}
} .wp-block-group.is-style-highlight,
.wp-block-group.is-style-tip,
.wp-block-group.is-style-highlight-border {
padding: 2em 2em;
border-radius: 1.625rem;
overflow: hidden;
}
.wp-block-group.is-style-tip {
padding: 1em 1em 1em 5em;
}
@media (min-width: 1000px) {
.wp-block-group.is-style-highlight,
.wp-block-group.is-style-tip,
.wp-block-group.is-style-highlight-border {
padding: 2em 7em;
}
}
.blog-hero-area .wp-block-group.is-style-highlight,
.blog-hero-area .wp-block-group.is-style-highlight-border,
article .wp-block-group.is-style-tip,
article .wp-block-group.is-style-highlight,
article .wp-block-group.is-style-highlight-border {
padding: 1.25em !important;
}
article .wp-block-group.is-style-tip {
padding-left: 5.5em !important;
}
.wp-block-group.is-style-highlight-border.testimonial {
padding: 2.25em !important;
}
.wp-block-group.is-style-tip::after {
content: "";
position: absolute;
left: 1.25em;
top: 1.25em;
width: 2.5em;
height: 2.5em;
border: 1px solid #edecea;
background: #fff url(//inferencebeauty.com/app/themes/smt/assets/images/tip.svg) no-repeat center;
background-size: 50% auto;
border-radius: 100%;
}
@media (min-width: 1000px) {
.wp-block-group.is-style-tip::after {
width: 3em;
height: 3em;
}
}
article .wp-block-group.is-style-tip,
article .wp-block-group.is-style-highlight,
article .wp-block-group.is-style-highlight-border {
margin: 2em auto !important;
}
article .wp-block-group:first-of-type.is-style-tip,
article .wp-block-group:first-of-type.is-style-highlight,
article .wp-block-group:first-of-type.is-style-highlight-border {
margin-top: 0 !important;
}
.wp-block-group.is-style-highlight-border {
border: 1px solid #D6D8DB
}
.blog-hero-area .wp-block-group.is-style-highlight-border p:first-child strong:first-child:last-child {
margin-bottom: -0.5em;
display: block;
text-transform: uppercase;
}
@media (min-width: 1000px) {
.wp-block-group.is-style-highlight > .alignwide {
margin-left: -4em !important;
width: calc(100% + 8em) !important;
max-width: calc(100% + 8em) !important;
}
}
.wp-block-group.is-style-highlight p.has-large-font-size + h3 {
margin-top: 0.75em;
}
.wp-block-group.is-style-highlight .is-vertically-aligned-bottom .wp-block-media-text__media {
margin-bottom: 1em;
}
@media (min-width: 600px) {
.wp-block-group.is-style-highlight .is-vertically-aligned-bottom .wp-block-media-text__media {
margin-bottom: -2em;
}
}
.wp-block-group.is-style-highlight .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-right: 0;
}
.wp-block-group.is-style-highlight .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
}
@media (max-width: 450px) {
:where(.wp-block-group.has-background) {
padding: 1em;
}
} .blog-hero-area h1 {
margin: 0.75em 0 0.25em 0 !important;
}
@media (min-width: 1000px) {
.blog-hero-area h1 {
font-size: 2.875em;
line-height: 1.2;
}
}
.blog-hero-area .client-logo {
width: 6em;
height: auto;
margin-left: 0 !important;
}
.is-style-highlight-border .stats-row {
margin-top: 1.5em;
align-items: flex-start !important;
flex-flow: row wrap !important;
}
.is-style-highlight-border .stats-row > * {
width: 100% !important;
flex: unset !important;
}
.is-style-highlight-border .stats-row p.has-x-large-font-size {
font-size: 2.125em !important;
line-height: 1;
}
.is-style-highlight-border .stats-row p.has-x-large-font-size + p {
margin-top: 0.5em;
}
body.single-post h2 {
font-size: 2em;
line-height: 1.2;
}
body.single-post h3 {
font-size: 1.75em;
line-height: 1.2;
}
body.single-post article {
margin-top: 1em !important
}
body.single-post article .wp-block-columns {
gap: 4em;
} .wp-block-button__link,
.wp-element-button {
border: 1px solid;
position: relative;
}
.wp-block-button.is-style-outline > * {
border-color: #D6D8DB;
}
.wp-block-button:not(.is-style-outline) > * {
border-color: transparent;
}
.wp-block-button__link > img:first-child {
margin: 0 !important;
width: 1em !important;
height: 1em !important;
object-fit: contain;
margin-right: 0.625em !important;
transform: scale(1.125) translateY(0.125em);
}
p.is-style-pill {
display: block;
width: fit-content;
font-size: 0.78em;
line-height: 1.1;
border-radius: 99px;
padding: 0.5em 1em;
margin-bottom: 1em;
}
p.is-style-pill + h1,
p.is-style-pill + h2,
p.is-style-pill + h3,
p.is-style-pill + h4,
p.is-style-pill + h5,
p.is-style-pill + h6,
p.is-style-pill + p {
margin-top: 0;
}
.is-style-subheadline {
margin-bottom: 0.5em;
}
p.is-style-subheadline + h1,
p.is-style-subheadline + h2,
p.is-style-subheadline + h3,
p.is-style-subheadline + h4,
p.is-style-subheadline + h5,
p.is-style-subheadline + h6,
p.is-style-subheadline + p {
margin-top: 0;
}
.box-grid {
--gap: 1em;
gap: var(--gap);
align-items: stretch;
}
@media (min-width: 600px) {
.box-grid {
--gap: 1.5em;
}
}
.box-grid > * {
width: 100%;
}
@media (min-width: 800px) {
.box-grid > * {
width: calc(50% - calc(var(--gap) * 0.5));
}
}
@media (min-width: 1200px) {
.box-grid > * {
width: calc(33.33% - calc(var(--gap) * 0.667));
}
}
@media (min-width: 800px) {
.box-grid.box-grid-large > * {
width: calc(50% - calc(var(--gap) * 0.5));
}
}
.box-grid > *.align-bottom {
align-self: flex-end;
}
.box-grid > *.align-top {
align-self: flex-start;
}
.box-grid > *.align-center {
align-self: center;
}
.box-grid .is-style-highlight,
.box-grid .is-style-highlight-border {
padding: 1.5em;
}
.box-grid > .wp-block-group .wp-block-group.is-vertical {
min-height: 100%;
}
.box-grid > * > .wp-block-media-text .wp-block-media-text__media {
margin-right: -1.5em !important;
}
.box-grid:not(.box-grid-large) > * > .wp-block-media-text.is-image-fill .wp-block-media-text__media {
margin-right: -1.5em !important;
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
height: calc(100% + 3em) !important;
}
.box-grid > * > .wp-block-media-text.is-image-fill .wp-block-media-text__media {
margin-right: -1.5em !important;
height: calc(100% + 3em) !important;
}
.box-grid > * > .wp-block-media-text__content {
padding: 0 !important;
}
@media (max-width: 450px) {
.box-grid figure img {
min-width: 100%;
}
.box-grid .wp-block-media-text {
grid-template-columns: auto 35% !important;
}
.box-grid .wp-block-media-text__content {
padding: 0;
}
}
.taxonomy-case-solution.is-style-pill {
}
.taxonomy-case-solution.is-style-pill a {
text-decoration: none;
padding: 0.875em 1.625em !important;
border: 1px solid #D6D8DB;
border-radius: 999px;
font-size: var(--wp--preset--font-size--small);
line-height: 1.2;
font-weight: 400;
color: inherit !important;
}
.is-style-lead-text {
font-size: var(--wp--preset--font-size--large) !important;
line-height: 1.4;
margin-bottom: 1.25em;
}
.is-style-icon-link > *:first-child {
width: 3rem;
height: 3rem;
display: block;
border: 1px solid var(--wp--preset--color--quaternary) !important;
background: var(--wp--preset--color--background) url(//inferencebeauty.com/app/themes/smt/assets/images/send.svg) no-repeat center;
background-size: 37.5% auto;
text-indent: -1000px;
overflow: hidden;
}
@media (min-width: 1000px) {
.is-style-icon-link > *:first-child {
width: 4em;
height: 4em;
}
}
.quote-cite {
gap: 0.75em !important;
}
.quote-cite > figure:first-child img {
width: 3.5em;
height: 3.5em;
object-fit: cover;
overflow: hidden;
border: 1px solid var(--wp--preset--color--quaternary) !important;
border-radius: 1em;
}
.quote-cite .person > * {
margin-top: 0;
}
.quote-cite > figure + .person {
padding-left: 3.5em;
}
.quote-cite > figure + .person > *:first-child::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 3.2em;
height: 1.2em;
background: url(//inferencebeauty.com/app/themes/smt/assets/images/arrow-right-small.svg) no-repeat left center;
}
.stats-row {
}
*:not(.is-style-highlight-border) .stats-row > * {
flex: 1;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background {
width: 20% !important;
flex: none;
border-radius: 1.625em;
}
@media (max-width: 1000px) {
*:not(.is-style-highlight-border) .stats-row {
--gap: 1em;
display: flex;
flex-flow: row wrap;
gap: var(--gap);
}
*:not(.is-style-highlight-border) .stats-row > * {
width: 100% !important;
}
*:not(.is-style-highlight-border) .stats-row > *:not(.has-background):last-child {
order: 0;
width: 100%;
flex: unset;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background {
padding: 1em;
width: calc(33.33% - calc(var(--gap) * 0.667)) !important;
order: 1;
}
}
@media (max-width: 600px) {
*:not(.is-style-highlight-border) .stats-row > *:not(.has-background):last-child {
order: 0;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background {
padding: 1em;
width: 100% !important;
order: 1;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group {
--gap: 1em;
display: flex;
flex-flow: row wrap;
gap: var(--gap);
align-items: center;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group > * {
flex: 1;
}
*:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group > p.has-x-large-font-size:first-child {
width: 25%;
flex: unset;
font-size: 1.4em !important;
}
}
*:not(.is-style-highlight-border) .stats-row > *.has-background > .wp-block-group.is-vertical {
min-height: 100%;
justify-content: space-between;
} .wp-block-columns.is-style-accordion {
display: block;
padding: 0;
box-sizing: border-box;
border: 1px solid var(--border-gray);
}
.wp-block-columns.is-style-accordion:first-child {
border-radius: 1.625rem 1.625rem 0 0;
}
.wp-block-columns.is-style-accordion:last-child {
border-radius: 0 0 1.625rem 1.625rem;
}
.wp-block-columns.is-style-accordion:not(.is-open) {
background-color: unset !important;
}
.wp-block-columns.is-style-accordion + .wp-block-columns.is-style-accordion {
border-top: 0;
}
.wp-block-columns.is-style-accordion:hover,
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion .wp-block-column {
box-sizing: border-box;
width: 100%;
padding: 1rem 3rem 1rem 1.5rem !important;
margin: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1),
.wp-block-columns.is-style-accordion.is-open:last-child .wp-block-column:nth-child(1) {
cursor: pointer;
position: relative;
}
.wp-block-columns.is-style-accordion:last-child .wp-block-column:nth-child(1) {
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) h2 {
font-size: 1.5em !important;
line-height: 100% !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
content: "";
display: block;
width: 1.25em;
height: 1.25em;
background: url(//inferencebeauty.com/app/themes/smt/assets/images/accordion-plus.svg) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease-in-out;
}
.reduced-motion .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
transition: all 0s;
}
@media print {
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
display: none;
}
}
.wp-block-columns.is-style-accordion.is-open .wp-block-column:nth-child(1)::before {
transform: translateY(-50%) rotate(180deg);
background-image: url(//inferencebeauty.com/app/themes/smt/assets/images/accordion-minus.svg)
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) > *:first-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-block-start: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
margin: 0 auto !important;
padding-right: 1.5rem !important;
overflow: hidden;
}
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: none;
}
@media print {
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: block;
}
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:first-child { }
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:last-child {
margin-bottom: 1.5em !important;
}
.wp-block-columns.is-style-accordion+.wp-block-columns.is-style-accordion {
margin-top: 0;
} .is-style-row-2,
.is-style-row-3,
.is-style-row-4,
.is-style-row-6 {
gap: calc(var(--gap-medium)*2) var(--gap-medium);
flex-flow: row wrap !important
}
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: 100% !important
}
@media (min-width: 600px) {
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(50% - var(--gap-medium)*0.5) !important;
gap: var(--gap-medium);
}
}
@media (min-width: 900px) {
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - var(--gap-medium)*0.667) !important;
}
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - 1.5em) !important;
}
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > * {
width: calc(25% - var(--gap-medium)*0.75) !important;
}
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(16.66% - var(--gap-medium)*0.834) !important;
}
}
.is-style-row-3 {
--gap: 1.625rem;
display: flex;
flex-flow: row wrap !important;
gap: var(--gap);
}
* > .is-style-row-3 {
margin-top: 2.75rem;
}
.is-style-row-3:not(.flickity-enabled) > * {
width: calc(33.33% - calc(var(--gap) * 0.667)) !important;
}
.is-style-row-3.flickity-enabled {
margin-left: calc(var(--gap)* -0.5) !important;
width: calc(100% + var(--gap)) !important;
max-width: calc(100% + var(--gap)) !important;
}
.is-style-row-3.flickity-enabled > .flickity-viewport {
width: 100%;
}
.is-style-row-3.flickity-enabled .flickity-slider > * {
width: 33.33%;
padding: 0 calc(var(--gap) / 2)
}
.is-style-row-3.flickity-enabled .flickity-page-dots {
width: 100%;
justify-content: center;
margin-top: 1.75em;
position: relative;
}
.wp-block-group.is-style-highlight-border.testimonial {
}
.wp-block-group.is-style-highlight-border.testimonial > figure:first-child {
width: 5.25em;
height: 5.25em;
margin-bottom: 2.25em;
}
.wp-block-group.is-style-highlight-border.testimonial > figure:first-child img {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 100%;
}
.testimonial-slider .wp-block-group.is-style-highlight-border.testimonial figure + p.has-x-large-font-size + p {
margin-top: 0 !important;
}
.wp-block-group.is-style-highlight-border.testimonial .logo {
margin: 2.25rem 0 0 0;
}
.wp-block-group.is-style-highlight-border.testimonial .logo img {
height: 5em;
width: 100%;
object-fit: contain;
}
.logo-bar-area {
}
.logo-bar {
}
.logo-bar {
gap: 2.5em !important;
}
.logo-bar > .wp-block-group:first-child {
width: 15%;
}
.logo-bar > .logos-holder {
flex: 1;
display: flex;
flex-flow: row wrap;
--gap: 1em;
gap: var(--gap);
}
.logo-bar > .logos-holder > * {
width: calc(16.66% - calc(var(--gap) * 0.833));
}
.logo-bar > .logos-holder.flickity-enabled {
display: block;
gap: 0;
flex: unset;
width: 100%;
}
.logo-bar > .logos-holder.flickity-enabled .flickity-viewport {
width: 100%;
}
.logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
width: 16.66%;
}
@media (max-width: 999px) {
.logo-bar {
display: block !important;
}
.logo-bar > .wp-block-group:first-child {
width: 100%;
text-align: center;
}
}
@media (max-width: 600px) {
.logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
width: 20%;
}
.logo-bar > .logos-holder > * {
width: calc(20% - calc(var(--gap) * 0.8));
}
}
@media (max-width: 500px) {
.logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
width: 25%;
}
.logo-bar > .logos-holder > * {
width: calc(25% - calc(var(--gap) * 0.75));
}
}
@media (max-width: 400px) {
.logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
width: 33.33%;
}
.logo-bar > .logos-holder > * {
width: calc(33.33% - calc(var(--gap) * 0.667));
}
}
@media (max-width: 320px) {
.logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
width: 50%;
}
.logo-bar > .logos-holder > * {
width: calc(50% - calc(var(--gap) * 0.5));
}
}
.entry-content ul {
list-style-type: none;
padding-left: 0;
}
ul.wp-block-list {
background: none !important;
padding: 0 !important
}
ul li.is-style-check {
padding-left: 3em;
position: relative;
}
ul li.is-style-check::before {
content: "";
display: block;
width: 1.5em;
height: 1.5em;
position: absolute;
top: 0;
left: 0;
background: #ccc url(//inferencebeauty.com/app/themes/smt/assets/images/check.svg) no-repeat center;
background-size: 50% auto;
border-radius: 100%;
}
ul.has-foreground-background-color li::before {
background-color: var(--wp--preset--color--foreground);
}
ul.has-background-background-color li::before {
background-color: var(--wp--preset--color--background);
}
ul.has-primary-background-color li::before {
background-color: var(--wp--preset--color--primary);
}
ul.has-primary-50-background-color li::before {
background-color: var(--wp--preset--color--primary-50);
}
ul.has-primary-25-background-color li::before {
background-color: var(--wp--preset--color--primary-25);
}
ul.has-secondary-background-color li::before {
background-color: var(--wp--preset--color--secondary);
}
ul.has-secondary-text-background-color li::before {
background-color: var(--wp--preset--color--secondary-text);
}
ul.has-secondary-50-background-color li::before {
background-color: var(--wp--preset--color--secondary-50);
}
ul.has-secondary-25-background-color li::before {
background-color: var(--wp--preset--color--secondary-25);
}
ul.has-tertiary-background-color li::before {
background-color: var(--wp--preset--color--tertiary);
}
ul.has-tertiary-50-background-color li::before {
background-color: var(--wp--preset--color--tertiary-50);
}
ul.has-tertiary-25-background-color li::before {
background-color: var(--wp--preset--color--tertiary-25);
}
ul.has-tertiary-text-background-color li::before {
background-color: var(--wp--preset--color--tertiary-text);
}
ul.has-quaternary-background-color li::before {
background-color: var(--wp--preset--color--quaternary);
}
ul li.is-style-check + li.is-style-check {
margin-top: 1em;
}
.logo-stats-row {
}
.logo-stats-row > * {
border: 1px solid #D6D8DB;
border-radius: 1.625em;
flex: 1;
}
.logo-stats-row > * {
padding: 3rem 3rem 2rem 3rem;
align-self: stretch;
}
.logo-stats-row > * p.has-x-large-font-size + p {
margin-top: 0;
}
.logo-stats-row > * > figure:first-child {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.logo-stats-row > * p.has-x-large-font-size::after {
content: "";
display: inline-block;
width: 1.25rem;
height: 0.375rem;
border-radius: 99px;
background: var(--wp--preset--color--tertiary);
margin-left: 0.8rem;
transform: translateY(-0.45rem);
}
@media (max-width: 1000px) {
.logo-stats-row {
flex-flow: row wrap;
gap: 1em;
}
.logo-stats-row > * {
flex: unset;
padding: 1rem;
width: calc(50% - 0.5em);
}
.logo-stats-row > * > figure:first-child {
margin-top: -1rem;
}
}
@media (max-width: 450px) {
.logo-stats-row > * {
width: 100%;
min-height: 7em;
padding-left: 7em;
}
.logo-stats-row > * > figure:first-child {
margin-top: -1rem;
position: absolute;
width: 6em;
height: 6em;
left: 0.5em;
top: 0.5em;
margin: 0;
}
}
.wp-block-group.is-case-slider {
position: relative;
}
@media (min-width: 1000px) {
.wp-block-group.is-case-slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20%;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
height: 100%;
z-index: 99;
pointer-events: none;
}
.wp-block-group.is-case-slider::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 20%;
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
height: 100%;
z-index: 99;
pointer-events: none;
}
.has-secondary-25-background-color .wp-block-group.is-case-slider::before {
background: rgba(233, 240, 248, 1);
background: linear-gradient(90deg, rgba(233, 240, 248, 1) 0%, rgba(233, 240, 248, 0) 100%);
}
.has-secondary-25-background-color .wp-block-group.is-case-slider::after {
background: rgba(233, 240, 248, 1);
background: linear-gradient(-90deg, rgba(233, 240, 248, 1) 0%, rgba(233, 240, 248, 0) 100%);
}
.has-secondary-25-background-color .case-preview {
background: rgba(255, 255, 255, 1);
}
}
.wp-block-group.is-case-slider .flickity-slider > * {
width: 100%;
}
@media (min-width: 1000px) {
.wp-block-group.is-case-slider .flickity-slider > * {
width: 60%;
}
}
.case-preview-holder {
box-sizing: border-box;
padding: 0 1em; }
.wp-block-group.is-case-slider .flickity-slider .case-preview-holder {
opacity: 0.4;
}
.wp-block-group.is-case-slider .flickity-slider .case-preview-holder.is-selected {
opacity: 1;
}
.case-preview {
box-sizing: border-box;
width: 100%;
display: flex;
flex-flow: row wrap;
border: 1px solid #D6D8DB;
border-radius: 1.625em;
padding: 0.75em;
}
.case-preview .case-preview-image {
width: 25%;
position: relative;
}
.case-preview .client-logo {
position: absolute;
right: 1em;
display: block;
width: 50%;
height: auto;
border-radius: 0.75em !important; transform: translateY(-70%);
box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
.case-preview > .case-preview-featured-image {
width: 100%;
display: block;
line-height: 0;
}
.case-preview .wp-post-image {
aspect-ratio: 1 / 1;
width: 100%;
height: auto !important;
border-radius: 1.125em !important; object-fit: cover !important;
}
.case-preview .case-preview-stats {
width: 30%;
box-sizing: border-box;
padding: 1.125em 1.667em;
}
.case-preview .case-preview-stats > * + * {
margin-top: 1em !important
}
.case-preview .case-preview-stats .has-x-large-font-size + p {
margin-top: 0 !important;
}
.case-preview .case-preview-stats .has-x-large-font-size::after {
content: "";
display: inline-block;
width: 1.25rem;
height: 0.375rem;
border-radius: 99px;
background: var(--wp--preset--color--tertiary);
margin-left: 0.8rem;
transform: translateY(-0.45rem);
}
.case-preview .case-preview-title {
box-sizing: border-box;
width: 45%;
border-left: 1px solid #D6D8DB;
padding: 1.125em 1.125em 1.125em 1.667em;
}
.case-preview .case-preview-title h3 {
color: #8492A7;
color: #000;
}
.case-preview .case-preview-title h3 a {
text-decoration: none;
color: inherit;
}
@media (max-width: 781px) {
.case-preview .case-preview-image {
width: 100%;
}
.case-preview .wp-post-image {
aspect-ratio: 3 / 2;
}
.case-preview .client-logo {
max-width: 5em;
}
.case-preview .case-preview-stats {
width: 100%;
padding: 1em 0 0 0;
}
.case-preview .case-preview-title {
width: 100%;
border-top: 1px solid #D6D8DB;
border-left: 0;
margin-top: 1em;
padding: 1em 0 0 0;
}
}
footer {
margin-top: 0 !important;
--gap: 1.5em;
}
@media (min-width: 1300px) {
footer {
--gap: 4.28em
}
}
footer > .wp-block-group:first-child {
padding-bottom: 1.5em;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
gap: var(--gap) !important;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * > .wp-block-columns {
gap: calc(var(--gap) * 0.66) !important;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * {
flex: 2;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:first-child {
flex: 1.8;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:nth-child(2) {
flex: 2.8;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:nth-child(3) {
flex: 2.5;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:last-child {
flex: 3.4;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
text-underline-offset: 0.3em;
}
@media (max-width: 1100px) {
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
flex-flow: row wrap;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:first-child {
flex: unset;
width: 100%;
margin-bottom: 2em;
}
}
@media (max-width: 900px) {
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
display: block;
}
footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * + * {
margin-top: 2em !important;
}
footer .wp-block-columns {
display: flex !important;
flex-flow: row wrap !important;
}
footer .wp-block-columns .wp-block-column,
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: calc(33.33% - 0.667em) !important;
flex-grow: unset !important;
}
}
@media (max-width: 450px) {
footer .wp-block-columns .wp-block-column,
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: calc(33.33% - 0.667em) !important;
flex-grow: 1 !important;
}
}
footer .is-imprint {
margin-top: 4em;
margin-bottom: 4em;
font-size: 0.8em;
line-height: 1.2;
border-top: 1px solid rgba(255,255,255,0.2);
padding-top: 1.5em;
}
footer .is-imprint a {
transition: all 0.2s ease-out;
text-decoration: underline;
text-underline-offset: 0.3em;
}
footer .is-imprint a:hover {
color: #fff;
}
.overlay-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
z-index: 99999999;
backdrop-filter: blur(1em);
display: none;
}
.overlay-bg.is-visible {
display: block;
}
.overlay-holder {
position: fixed;
top: 50%;
left: 50%;
z-index: 999999999;
max-height: 80%;
width: 600px;
max-width: calc(100% - 4em);
height: auto;
overflow: auto;
transform: translateX(-50%) translateY(-50%);
border-radius: 1.625rem;
padding: 2em 0;
background: #fff;
border: 1px solid #edecea;
padding: 1.66rem;
border-radius: 1.625rem;
box-shadow: 0 0 1em rgba(0,0,0,0.2);
display: none;
}
.overlay-holder.is-visible {
display: block;
}
@media (max-width: 599px) {
.wp-block-media-text .wp-block-media-text__content {
padding: 1em 0 0 0;
}
}
@media (max-width: 1000px) {
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.5em;
}
}
@media (max-width: 500px) {
h1 {
font-size: 2.125em;
}
h2 {
font-size: 1.875em;
}
h3 {
font-size: 1.375em;
}
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
.has-x-large-font-size { font-size: 1.3em !important; }
.has-large-font-size { font-size: 1.15em !important; }
}
.incianalyzer-incilist {
font-size: 1em;
}
.incianalyzer-product-info h2 {
margin-bottom: 1em;
font-size: 1.8em;
font-weight: bold;
}
.smt-incilabels-holder ul {
display: flex;
flex-flow: row wrap;
margin-top: 1em;
}
.smt-incilabels-holder ul li { padding: 0.2em 0.75em;
margin: 0 0.25em 0.25em 0;
background: #A5C0E3;
border-radius: 99px;
}
.smt-inci-info ul li {
font-size: 0.8em !important;
line-height: 120%;
}
strong.headline {
display: block;
}
.smt-inci-has-info .smt-inci-name {
border-color: #999;
line-height: 220%;
}
.smt-inci-info {
border-radius: 1em;
font-size: 1em;
max-width: calc(100% - 2em);
}
.smt-inci {
display: inline-block!important;
}
.smt-inci-info .smt-inci-copyright {
padding-top: 0.5rem;
}
.smt-inci-name,
.pill-button {
font-size: 1em;
display: inline-block;
border: 1px solid #A5C0E3 !important;
background: #E8EFF8;
border-radius: 99px;
padding: 0.2em 0.75em;
margin-right: 0.25em;
margin-bottom: 0.25em;
line-height: 1.4;
white-space: nowrap;
overflow: hidden !important;
max-width: 80% !important;
text-overflow: ellipsis;
}
.pill-button { max-width: 100% !important;
background: #fff;
border-color: #fff !important; }
.pill-button.has-icon {
padding-left: 2em;
position: relative;
}
.pill-button.has-icon svg {
position: absolute;
height: 1.35em !important;
width: 1.3em !important;
left: 0.3em;
top: 0.2em;
}
.smt-inci-has-info:hover .smt-inci-name {
background: #A5C0E3;
}
.labels .smt-incilabels-holder {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
}
.smt-incilabels-holder img {
width: calc(25% - 0.34em) !important;
max-width: 90px !important;
height: auto !important;
}
.db-data {
margin-bottom: 2em;
}
.db-data strong.headline {
margin-bottom: 0.25em;
}
.db-data * + strong.headline {
margin-top: 0.5em;
}
.skintone-bubbles {
display: inline-flex;
align-items: center;
height: 1.85em;
margin-right: 0.25em;
margin-bottom: 0.25em;
font-size: 1em;
padding: 0;
}
.skintone-bubbles .skintone-bubble {
width: 1.3em;
border: 1px solid #fff;
height: 1.3em;
display: inline-block;
border-radius: 99px;
}
.skintone-bubbles .skintone-bubble + .skintone-bubble {
margin-left: -0.6em;
}
.beauty-brand-cta {
background: #fff;
display: block;
border-radius: 99px;
text-decoration: none;
font-weight: bold;
color: #c79388 !important;
border: 2px solid #c79388;
box-shadow: 0 0 1em rgba(0,0,0,0.2);
padding: 0.75em 3em 0.75em 2em;
margin: 2em 0;
position: relative;
max-width: 20em;
}
.beauty-brand-cta svg {
position: absolute;
width: 2em;
height: 2em;
top: 50%;
transform: translateY(-50%) rotate(-30deg);
right: 1em;
}
.smt-fragrancenotes-holder {
margin-top: 2em;
}
.smt-fragrance-notes {
display: flex;
flex-flow: row wrap;
}
.smt-fragrance-notes + .smt-fragrance-notes {
margin-top: 1em;
}
.smt-fragrance-notes label {
width: 100%;
display: block;
font-weight: 700;
margin-bottom: 0.2em;
}
.smt-fragrance-notes .smt-fragrance-note {
font-size: 1em;
display: inline-block;
border: 1px solid #A5C0E3 !important;
background: #E8EFF8;
border-radius: 99px;
padding: 0.2em 0.75em;
margin-right: 0.25em;
margin-bottom: 0.25em;
line-height: 1.4;
white-space: nowrap; max-width: 80% !important;
text-overflow: ellipsis;
position: relative;
cursor: default;
}
.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image {
padding-left: 2em;
}
.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image > img.smt-note-image {
height: 100%;
width: auto;
aspect-ratio: 1 / 1;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
border: 1px solid transparent;
transition: all 0.2s ease-out;
}
.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image:hover > img.smt-note-image {
transform: scale(2);
z-index: 99;
box-shadow: 0 0 1em rgba(0,0,0,0.2);
border: 1px solid #fff;
}
.wp-block-query {
}
.wp-block-query ul.columns-3 {
gap: 3em 1em;
}
.wp-block-query .wp-block-post {
padding-bottom: 6em;
position: relative;
}
.wp-block-query .wp-block-post h3 {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-query .wp-block-post h3 a {
text-decoration: none;
}
.wp-block-query .wp-block-post .wp-block-post-author {
position: absolute;
bottom: 0;
}
.wp-block-query .wp-block-post .wp-block-post-featured-image + .client-logo {
width: 50%;
max-width: 5em;
background: #fff;
height: auto;
border-radius: 0.75em !important; transform: translateY(calc(-100% - 2em));
right: 1em;
position: absolute;
box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
.frontend .questionnaire-demo {
width: 90%;
margin: 0 auto;
max-height: auto;
transform-origin: top left;
width: 200%;
transform: scale(0.5);
}
.frontend  .questionnaire-demo:not(.is-active) div {
cursor: pointer;
}
.frontend  .questionnaire-demo:not(.is-active) div::before {
content: "Try the live demo";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 1.75em;
font-weight: 400;
z-index: 99;
padding: 1em 2em;
border-radius: 99px;
background: #fff;
box-shadow: 0 0 2em rgba(0,0,0,0.2);
pointer-events: none;
transition: all 0.2s ease-out;
white-space: nowrap;
}
.frontend  .questionnaire-demo:not(.is-active):hover div::before {
padding: 1.2em 2.2em;
box-shadow: 0 0 3em rgba(0,0,0,0.4);
}
.frontend  .questionnaire-demo:not(.is-active) div::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,0.3);
border-radius: 2em;
pointer-events: none;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.frontend  .questionnaire-demo > div {
border: 2px solid #fff;
border-radius: 2em;
background: #fff;
padding: 2em;
height: auto;
aspect-ratio: 16 / 9;
box-shadow: 0 0 8em rgba(0,0,0,0.2);
}
.frontend  .questionnaire-demo > div {
transition: transform 0.1s ease;
transform-style: preserve-3d;
will-change: transform;
}
.frontend  .questionnaire-demo iframe {
position: absolute;
pointer-events: none;
overflow: auto;
left: 0;
top: 0;
border-radius: 2em; }
.frontend  .questionnaire-demo.is-active iframe {
pointer-events: all;
}
.slider-group + .slider-group {
margin-top: 4em;
}
@media (min-width: 1000px) {
.slider-group + .slider-group {
margin-top: 6em;
}
}
.noUi-marker-normal {
display: none;
}
.noUi-marker-horizontal.noUi-marker-sub,
.noUi-marker-horizontal.noUi-marker-large {
width: 1px !important;
height: 10px !important;
}
.noUi-value {
font-size: 0.8rem;
line-height: 1.2;
color: #777;;
font-weight: 200;
margin-top: 0.5em;
}
@media (max-width: 600px) {
.noUi-value {
font-size: 10px;
line-height: 1.2;
}
}
.noUi-connects,
.noUi-target,
.noUi-base {
border-radius: 99px !important;
height: 0.5em !important;
}
.noUi-connect {
background: #A5C0E3;
border-radius: 99px !important;
height: calc(100% - 2px);
}
.is-finder-calculator .noUi-connect {
background: #c79388;
}
.noUi-handle {
width: 2em !important;
height: 2em !important;
right: -1em !important;
top: -0.8em !important;
border-radius: 100% !important;
border-color: #c1c1c1 !important;
background: rgb(165,192,227);
background: radial-gradient(circle, rgba(165,192,227,1) 0%, rgba(165,192,227,1) 40%, rgba(255,255,255,1) 40%);
box-shadow: unset !important;
}
.is-finder-calculator .noUi-handle {
background: rgb(199, 147, 136);
background: radial-gradient(circle, rgba(199, 147, 136,1) 0%, rgba(199, 147, 136,1) 40%, rgba(255,255,255,1) 40%);
}
.noUi-handle:after,
.noUi-handle:before {
display: none !important;
}
.noUi-touch-area {
box-shadow: unset !important;
}
@media (min-width: 1000px) {
.price-calculator {
display: flex;
flex-flow: row wrap;
gap: 5em;
align-items: flex-start;
margin-bottom: 2em;
}
}
.price-calculator > * {
flex: 1;
}
.calculator-result {
flex: unset;
background: #DBDBDB;
padding: 2em;
border-radius: 1.625em;
margin-top: 4em;
width: 100%;
box-sizing: border-box;
}
.is-finder-calculator .calculator-result {
background: #fff;
}
@media (min-width: 600px) {
.calculator-result {
width: 20em;
}
}
@media (min-width: 1000px) {
.calculator-result {
margin-top: 0;
}
}
.calculator-result p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.calculator-result .highlight {
color: #6B9DDE;
}
.is-finder-calculator .calculator-result .highlight {
color: #c79388;
}
@media (max-width: 450px) {
.meetings-iframe-container {
margin-left: -3em !important;
width: calc(100% + 6em);
}
.allow-overlay {
overflow: visible !important;
}
}
.has-steelblue-background-color {
background-color: rgba(135, 172, 188, 1);
}
.related-blog-posts h2 {
font-size: 36px!important;
margin: 50px auto 30px auto!important;
}
.related-blog-posts a:not(.wp-element-button) {
color: #000;
}
.related-blog-posts .wp-element-button {
margin-top: 40px;
}
.circle-radius img {
border-radius: 50%;
}
.wp-block-post-author__avatar img {
max-width: 48px;
max-height: 48px;
border-radius: 50%;
}
.is-badges {
margin-bottom: 25px;
text-align: center;
}
.is-badges a {
padding: 4px 10px 4px 10px;
border-radius: 14px;
background: rgba(232, 239, 248, 1);
border: 1px solid rgba(214, 216, 219, 1);
color: rgba(42, 49, 85, 1);
font-size: 15px!important;
text-decoration: none;
margin-bottom: 10px;
display: inline-block;
}
.is-badges a:hover {
background: rgb(225, 233, 243);
}
.is-badges a.active {
background: rgba(214, 216, 219, 1);
}
.archive .is-badges {
margin-bottom: -20px;
padding-top: 75px;
}
.archive .wp-site-blocks > .wp-block-group {
padding-left: calc(var(--first-level-group-padding) / 2);
padding-right: calc(var(--first-level-group-padding) / 2);
}
.blog-post-share {
text-align: center;
margin: 6rem 0 5.5rem 0;
}
.blog-post-share > p {
font-size: 22px;
font-weight: 500;
color: #111;
}
.blog-post-share .a2a_kit > a {
padding: 0 5px!important;
}
.blog-post-share .a2a_kit {
display: flex;
justify-content: center;
}
.blog-post-share .a2a_svg {
border-radius: 50% !important;
padding: 4px;
}
.page-id-2708 .hs-button {
background: #76C922!important;
}
.page-id-2708 .is-style-check::before {
background-color: #E0F8C8;
}
.first-column-grow {
gap: 2rem;
}
.first-column-grow > div:first-of-type {
flex-grow: 1;
max-width: 100%;
}
@media (max-width: 768px) {
.wp-block-group.first-column-grow {
flex-direction: column;
}
.wp-block-group.first-column-grow .hbspt-form {
width: 100%;
}
}
.text-justify {
text-align: justify;
}
.is-revenue-calculator .noUi-connect {
background: #c79388;
}
.is-revenue-calculator .noUi-handle {
background: rgb(199, 147, 136);
background: radial-gradient(circle, rgba(199, 147, 136,1) 0%, rgba(199, 147, 136,1) 40%, rgba(255,255,255,1) 40%);
}
.is-revenue-calculator .calculator-result .highlight {
color: #c79388;
}
.is-revenue-calculator .wp-block-columns {
border-top: 1px solid rgba(199, 147, 136, 0.25);
margin: 0.3em 0;
padding: 0.6em 0 0.3em 0;
align-items: center!important;
}
.is-revenue-calculator .wp-block-columns:first-of-type {
margin-top: 0.5em;
}
.is-revenue-calculator .wp-block-columns p {
margin: 0;
padding: 0;
}
.is-revenue-calculator p:first-of-type {
margin-bottom: 0.2em !important;
}
.is-revenue-calculator .wp-block-column {
text-align: left;
}
.is-revenue-calculator svg {
height: 15px;
}
.is-revenue-calculator svg path {
fill: #c79388;
}
.is-revenue-calculator .calculator-result {
background: #fff;
}
.is-revenue-calculator .slider-group p {
margin-bottom: 0.8em!important;
}
@media (min-width: 600px) {
.is-revenue-calculator .slider-group p {
margin-bottom: 0.4em!important;
}
.is-revenue-calculator .sliders {
margin-top: 6.5em;
}
.is-revenue-calculator .calculator-result {
width: 30em;
}
.is-revenue-calculator .wp-block-column:last-of-type {
text-align: right;
}
.is-revenue-calculator .wp-block-columns {
margin: 0.5em 0;
padding: 1em 0 0.5em 0;
}
.is-revenue-calculator p:first-of-type {
margin-bottom: 0.5em !important;
}
.is-revenue-calculator .wp-block-columns:first-of-type {
margin-top: 2em;
}
}
.glossary-menu-container {
position: fixed;
right: 8em;
top: 10em;
background-color: #fff;
border: 1px solid #D6D8DB;
border-radius: 1.625rem;
z-index: 1000;
}
.glossary-index {
display: grid;
grid-template-columns: repeat(6, 1fr); gap: 1em;
justify-content: center;
max-width: fit-content;
margin: 0 auto;
padding: 2em;
}
.glossary-index > * {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 1.3em;
width: 2em;
height: 2em;
aspect-ratio: 1 / 1;
background: var(--wp--preset--color--secondary-25);
color: var(--wp--preset--color--secondary-text);
border-radius: 99px;
display: flex;
align-items: center;
justify-content: center;
}
.glossary-index > div {
color: #aaa;
background-color: #f8f8f8;
}
.glossary-index a:hover {
opacity: 0.9;
}
.glossary-entries {
margin: 3em 0;
align-content: flex-start;
}
.glossary-section {
overflow: hidden;
max-width: 50vw;
}
.glossary-section .wp-block-buttons {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
}
.glossary-section .wp-block-buttons .wp-block-button {
max-width: 50%;
}
.glossary-section .wp-block-buttons .wp-block-button a {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.glossary-section .wp-block-buttons .wp-block-button a.has-image {
padding-left: 3.5em !important;
}
.glossary-section .wp-block-buttons .wp-block-button .wp-block-button__icon {
width: 2.5em;
height: 2.5em;
margin-right: 0.5em;
position: absolute;
left: 0.25em;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
border-radius: 100%;
}
.glossary-section .wp-block-buttons .wp-block-button .wp-block-button__icon img {
width: 200%;
height: 200%;
object-fit: contain;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.glossary-section .glossary-letter {
display: block;
white-space: nowrap;
}
.glossary-section .glossary-letter h2 {
display: inline-block;
position: relative;
white-space: nowrap;
font-weight: 500;
font-size: 2rem;
margin-top: 3rem;
margin-bottom: 1rem;
}
.glossary-section .glossary-letter h2::after {
content: "";
position: absolute;
left: 100%;
top: 50%;
height: 1px;
width: 100vw;
background: #ccc;
transform: translateY(-50%);
margin-left: 10px;
}
.glossary-section .glossary-item {
border: 1px solid var(--wp--preset--color--primary-25);
padding: 1em;
border-radius: 0.5em;
margin-bottom: 1em;
overflow: auto;
margin-top: 0.5em;
}
.glossary-section .glossary-item h3 {
margin-bottom: 0.2em;
}
.glossary-section .glossary-item h4 {
margin-top: 0;
font-weight: 300;
}
.glossary-section .glossary-item img {
float: left;
margin-right: 0.5em;
max-width: 7em;
max-height: 7em;
border-radius: 0.5rem;
}
.glossary-section .glossary-item p {
margin-bottom: 0!important;
}
.glossary-section .glossary-item ul {
margin: 0.2rem 0 0 0!important;
overflow: hidden;
}
@media (max-width: 768px) {
.glossary-menu-container {
right: 0;
border-radius: 0;
top: 102px;
margin-top: 0;
}
.glossary-index {
display: flex;
flex-wrap: wrap;
}
.glossary-entries {
margin-top: 15em;
}
.glossary-section {
max-width: 100vw;
}
.glossary-index {
display: grid;
grid-template-columns: repeat(9, 1fr);
gap: 0.5em;
padding: 1em;
}
.glossary-index a {
font-size: 1.1em;
}
}
@media (min-width: 600px) {
.testimonial:not(.testimonial-slider *) {
display: grid;
grid-template-columns: 8fr 6fr;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
align-items: center;
text-align: center;
background: #F3F4F6;
border: 0;
} .testimonial:not(.testimonial-slider *) > figure:first-of-type {
grid-column: 2;
align-self: flex-start;
grid-row: 1;
margin: 0!important;
min-width: 100px;
} .testimonial:not(.testimonial-slider *) > p:nth-of-type(1) {
grid-column: 2;
grid-row: 1;
align-self: flex-start;
margin: 0;
width: calc(100% - 110px);
text-align: left;
padding-left: 110px;
}
.testimonial:not(.testimonial-slider *) > p:nth-of-type(2) {
grid-column: 2;
grid-row: 1;
align-self: flex-start;
margin-top: 78px !important;
width: calc(100% - 200px);
text-align: left;
padding-left: 110px;
margin-left: 0!important;
}
.testimonial:not(.testimonial-slider *) > figure:last-of-type {
grid-column: 2;
text-align: right;
grid-row: 1;
align-self: flex-end;
margin-right: 0 !important;
} .testimonial:not(.testimonial-slider *) > p:nth-of-type(3) {
grid-column: 1;
text-align: left;
grid-row: 1;
margin: 0 0 40px 0 !important;
}
.testimonial:not(.testimonial-slider *) > p:nth-of-type(4), .testimonial:not(.testimonial-slider *) > p:nth-of-type(n+4) {
grid-column: 1;
text-align: left;
grid-row: 1;
align-self: flex-end;
margin-left: 0 !important;
margin-bottom: 0;
}
.testimonial:not(.testimonial-slider *) > p:nth-of-type(n+5) {
display: none;
}
}
.inci-products {
display: flex;
gap: 2em;
flex-wrap: wrap;
margin-bottom: 3em;
justify-content: center;
}
.inci-card {
width: 15.5em;
border: 0.063em solid #ddd;
border-radius: 1em;
overflow: hidden;
padding: 1em;
display: flex;
flex-direction: column;
background-color: #fff;
}
.inci-card img {
width: 100%;
height: auto;
object-fit: contain;
margin-bottom: 1em;
max-height: 200px;
}
.inci-card h4 {
font-size: 0.9375em;
margin: 0 0 0.375em;
line-height: 1.3;
min-height: 4em;
}
.inci-card h4 a {
color: #111;
text-decoration: none;
}
.inci-card .colour {
font-size: 0.8125em;
color: #666;
margin-bottom: 0.25em;
}
.inci-card .price {
font-weight: bold;
font-size: 1em;
margin-bottom: 0.375em;
color: var(--wp--preset--color--primary);
text-align: center;
}
.inci-card .buy-button {
display: inline-block;
background: var(--wp--preset--color--primary);
color: #fff;
text-decoration: none;
padding: 0.8em 1em;
border-radius: 1.5em;
font-size: 1em;
margin-bottom: 0.5em;
text-align: center;
}
.inci-card .description {
font-size: 0.9em;
color: #444;
line-height: 1.4;
margin-bottom: 0.5em;
}
.inci-card .merchant-name {
font-size: 0.75em;
color: #777;
}
.inci-card .smt-inci-name, .inci-card  .pill-button {
padding: 0.1em 0.5em;
font-size: 0.9em;
}
.inci-card .smt-incilabels-holder ul {
list-style: none;
margin: 0;
}
@media (max-width: 768px) {
.inci-card {
width: 100%;
}
}
.inci-products-header {
margin-bottom: 1.5rem;
}
.glossary-inci-item-holder {
position: relative;
}
.inci-glossary-item {
border: 1px solid #D6D8DB;
border-radius: 1.625rem;
padding: 2rem 3rem 3rem 3rem;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(1em);
}
@media (max-width: 599px) {
.inci-glossary-item {
padding: 1rem 2rem 2rem 2rem;
}
}
.inci-glossary-item .inci-item-header {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 2em;
gap: 1.5em;
}
.inci-glossary-item .inci-item-header .inci-item-header-title {
flex: 1;
}
.inci-glossary-item.has-inci-image .inci-image {
width: 6em !important;
height: 6em !important;
border-radius: 100% !important;
border: 1px solid var(--wp--preset--color--quaternary) !important;
background-size: 200% auto;
background-position: center;
margin-left: -1.5rem;
}   
@media (max-width: 599px) {
.inci-glossary-item.has-inci-image .inci-image {
margin-left: -1rem;
}
}
.inci-glossary-item h2 {
margin-bottom: 0 !important;
margin-top: 0 !important;
line-height: 1;
font-size: 2rem;
font-weight: bold;
}
@media (max-width: 599px) {
.inci-glossary-item h2 {
font-size: 1.625rem;
}
}
.inci-glossary-item .inci-common-name {
font-size: var(--wp--preset--font-size--x-large) !important;
margin-top: 0 !important;
}
.inci-glossary-item p {
margin-bottom: 2.5rem !important;
}
.inci-glossary-item ul {
background-color: var(--wp--preset--color--quaternary);
padding: 0;
border-radius: 0;
margin-left: -3rem;
margin-right: -3rem;
margin-bottom: -3rem;
border-radius: 0 0 1.625rem 1.625rem;
}
.inci-glossary-item ul li {
position: relative;
padding: 1.25rem 3rem 1.25rem 5rem;
margin: 0 !important;
border-top: 1px solid #D6D8DB;
}
.inci-glossary-item ul li::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
position: absolute;
left: 3rem;
} 
@media (max-width: 599px) {
.inci-glossary-item ul {
margin-left: -2rem;
margin-right: -2rem;
margin-bottom: -2rem;
}
.inci-glossary-item ul li {
padding-left: 4rem;
}
.inci-glossary-item ul li::before {
left: 2rem;
}
}
.inci-glossary-item li.inci-source::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 16 3.4375 L 15.21875 4.375 C 15.21875 4.375 13.21875 6.785156 11.1875 9.78125 C 10.171875 11.28125 9.125 12.917969 8.34375 14.5 C 7.5625 16.082031 7 17.597656 7 19 C 7 23.945313 11.054688 28 16 28 C 20.945313 28 25 23.945313 25 19 C 25 17.597656 24.4375 16.082031 23.65625 14.5 C 22.875 12.917969 21.828125 11.28125 20.8125 9.78125 C 18.78125 6.785156 16.78125 4.375 16.78125 4.375 Z M 16 6.65625 C 16.558594 7.347656 17.605469 8.574219 19.1875 10.90625 C 20.171875 12.355469 21.125 13.953125 21.84375 15.40625 C 22.5625 16.859375 23 18.203125 23 19 C 23 22.855469 19.855469 26 16 26 C 12.144531 26 9 22.855469 9 19 C 9 18.203125 9.4375 16.859375 10.15625 15.40625 C 10.875 13.953125 11.828125 12.355469 12.8125 10.90625 C 14.394531 8.574219 15.441406 7.347656 16 6.65625 Z M 11 19 C 11 21.746094 13.253906 24 16 24 L 16 22 C 14.34375 22 13 20.65625 13 19 Z'/%3E%3C/svg%3E")
}
.inci-glossary-item li.inci-effect::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 18.6875 3.2734375 L 17.271484 4.6875 L 18.591797 6.0078125 L 5.5 19.099609 C 3.5 21.099609 3.5 24.5 5.5 26.5 C 6.5 27.5 7.8992188 28 9.1992188 28 C 10.599219 28 11.900391 27.5 12.900391 26.5 L 25.992188 13.408203 L 27.242188 14.65625 L 28.65625 13.242188 L 18.6875 3.2734375 z M 19.992188 7.4082031 L 24.591797 12.007812 L 20.599609 16 L 11.400391 16 L 19.992188 7.4082031 z M 9.4003906 18 L 18.599609 18 L 11.5 25.099609 C 10.2 26.399609 8.2003906 26.399609 6.9003906 25.099609 C 5.6003906 23.799609 5.6003906 21.8 6.9003906 20.5 L 9.4003906 18 z'/%3E%3C/svg%3E");
}
.inci-glossary-item li.inci-utility::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 22.40625 3 C 21.558594 3.039063 20.679688 3.65625 20.28125 4.625 L 20.28125 4.65625 L 20.25 4.65625 C 19.828125 5.777344 19.234375 6.949219 18.5625 8.09375 C 17.738281 8.027344 16.882813 8 16 8 C 12.863281 8 10.019531 8.4375 7.875 9.21875 C 6.804688 9.609375 5.910156 10.089844 5.21875 10.6875 C 4.609375 11.210938 4.167969 11.902344 4.0625 12.6875 C 4.03125 12.769531 4.011719 12.851563 4 12.9375 C 3.996094 12.988281 3.996094 13.042969 4 13.09375 C 4 13.378906 4 13.753906 4.03125 14.21875 C 4.035156 14.25 4.027344 14.28125 4.03125 14.3125 C 4.046875 14.539063 4.09375 14.769531 4.125 15.03125 C 4.15625 15.277344 4.179688 15.515625 4.21875 15.75 C 4.425781 17.101563 4.832031 18.707031 5.65625 20.28125 C 6.238281 21.394531 7.042969 22.488281 8.125 23.40625 C 8.15625 23.4375 8.277344 23.589844 8.28125 23.59375 C 9.296875 24.609375 11.308594 25.683594 14.53125 25.9375 C 14.675781 25.949219 14.820313 25.960938 14.96875 25.96875 C 15.300781 25.988281 15.640625 26 16 26 C 16.511719 26 17.007813 25.980469 17.46875 25.9375 C 17.542969 25.929688 17.613281 25.914063 17.6875 25.90625 C 18.007813 25.871094 18.300781 25.832031 18.59375 25.78125 C 18.644531 25.773438 18.699219 25.757813 18.75 25.75 C 18.804688 25.738281 18.851563 25.730469 18.90625 25.71875 C 19.644531 25.570313 20.308594 25.375 20.9375 25.125 C 21.359375 24.964844 21.695313 24.796875 22.03125 24.625 C 22.191406 24.539063 22.347656 24.464844 22.5 24.375 C 22.9375 24.125 23.296875 23.90625 23.5625 23.71875 C 23.996094 23.410156 25.054688 22.535156 26.09375 20.78125 C 27.007813 19.234375 27.828125 17.03125 27.96875 14.21875 C 28 13.738281 28 13.351563 28 13.0625 C 28 13.042969 28 13.023438 28 13 C 28 12.988281 28 12.980469 28 12.96875 C 28 12.949219 28 12.925781 28 12.90625 C 28 12.875 27.972656 12.84375 27.96875 12.8125 C 27.96875 12.78125 27.96875 12.75 27.96875 12.71875 C 27.851563 11.722656 27.15625 10.914063 26.28125 10.3125 C 25.65625 9.882813 24.890625 9.523438 24.03125 9.21875 C 24.34375 8.835938 24.652344 8.453125 25 8.09375 C 25.03125 8.0625 25.0625 8.03125 25.09375 8 L 25.0625 7.96875 C 25.800781 7.300781 26.128906 6.3125 25.90625 5.53125 C 25.671875 4.710938 25.105469 4.132813 24.53125 3.71875 C 23.960938 3.304688 23.253906 2.960938 22.40625 3 Z M 22.5 5 C 22.664063 4.992188 23.054688 5.109375 23.375 5.34375 C 23.695313 5.574219 23.953125 5.898438 24 6.0625 C 24.046875 6.226563 24.117188 6.234375 23.75 6.53125 L 23.6875 6.5625 L 23.65625 6.59375 C 20.582031 9.734375 18.800781 13.453125 18.28125 15.90625 C 17.550781 15.964844 16.78125 16 16 16 C 15.691406 16 15.394531 15.980469 15.09375 15.96875 C 17.597656 13.503906 20.609375 9.421875 22.125 5.375 C 22.308594 4.929688 22.335938 5.007813 22.5 5 Z M 16 10 C 16.449219 10 16.882813 10.011719 17.3125 10.03125 C 15.5625 12.578125 13.601563 14.769531 12.34375 15.75 C 10.894531 15.550781 9.589844 15.25 8.5625 14.875 C 7.644531 14.539063 6.953125 14.171875 6.53125 13.8125 C 6.109375 13.453125 6 13.179688 6 13 C 6 12.96875 6 12.9375 6 12.90625 C 6.03125 12.730469 6.171875 12.496094 6.53125 12.1875 C 6.953125 11.828125 7.644531 11.460938 8.5625 11.125 C 10.398438 10.457031 13.0625 10 16 10 Z M 22.78125 10.9375 C 23.78125 11.246094 24.613281 11.597656 25.15625 11.96875 C 25.820313 12.425781 26 12.78125 26 13 C 26 13.019531 26 13.042969 26 13.0625 C 25.980469 13.242188 25.847656 13.484375 25.46875 13.8125 C 25.046875 14.171875 24.355469 14.539063 23.4375 14.875 C 22.605469 15.175781 21.585938 15.433594 20.46875 15.625 C 20.867188 14.378906 21.65625 12.667969 22.78125 10.9375 Z M 25.6875 16.0625 C 25.597656 16.519531 25.523438 16.984375 25.375 17.46875 C 25.339844 17.574219 25.316406 17.679688 25.28125 17.78125 C 25.257813 17.855469 25.214844 17.925781 25.1875 18 C 24.933594 18.664063 24.640625 19.25 24.34375 19.75 C 23.46875 21.230469 22.4375 22.070313 22.40625 22.09375 C 21.695313 22.597656 20.535156 23.394531 18.53125 23.78125 C 18.417969 23.800781 18.300781 23.824219 18.1875 23.84375 C 17.542969 23.949219 16.816406 24 16 24 C 15.679688 24 15.386719 23.984375 15.09375 23.96875 C 14.964844 23.960938 14.84375 23.949219 14.71875 23.9375 C 14.265625 23.898438 13.859375 23.851563 13.46875 23.78125 C 13.160156 23.722656 12.875 23.671875 12.59375 23.59375 C 12.402344 23.542969 12.234375 23.492188 12.0625 23.4375 C 11.300781 23.183594 10.632813 22.855469 10.0625 22.46875 C 9.941406 22.378906 9.828125 22.296875 9.75 22.21875 L 9.71875 22.1875 C 9.550781 22.019531 9.328125 21.84375 8.96875 21.4375 C 8.609375 21.03125 8.15625 20.433594 7.71875 19.6875 C 7.226563 18.851563 6.734375 17.808594 6.40625 16.53125 C 6.371094 16.378906 6.339844 16.242188 6.3125 16.09375 C 6.777344 16.359375 7.304688 16.574219 7.875 16.78125 C 10.019531 17.5625 12.863281 18 16 18 C 19.136719 18 21.980469 17.5625 24.125 16.78125 C 24.703125 16.570313 25.21875 16.328125 25.6875 16.0625 Z'/%3E%3C/svg%3E");
}
.inci-glossary-item li.inci-function::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 22.40625 3 C 21.558594 3.039063 20.679688 3.65625 20.28125 4.625 L 20.28125 4.65625 L 20.25 4.65625 C 19.828125 5.777344 19.234375 6.949219 18.5625 8.09375 C 17.738281 8.027344 16.882813 8 16 8 C 12.863281 8 10.019531 8.4375 7.875 9.21875 C 6.804688 9.609375 5.910156 10.089844 5.21875 10.6875 C 4.609375 11.210938 4.167969 11.902344 4.0625 12.6875 C 4.03125 12.769531 4.011719 12.851563 4 12.9375 C 3.996094 12.988281 3.996094 13.042969 4 13.09375 C 4 13.378906 4 13.753906 4.03125 14.21875 C 4.035156 14.25 4.027344 14.28125 4.03125 14.3125 C 4.046875 14.539063 4.09375 14.769531 4.125 15.03125 C 4.15625 15.277344 4.179688 15.515625 4.21875 15.75 C 4.425781 17.101563 4.832031 18.707031 5.65625 20.28125 C 6.238281 21.394531 7.042969 22.488281 8.125 23.40625 C 8.15625 23.4375 8.277344 23.589844 8.28125 23.59375 C 9.296875 24.609375 11.308594 25.683594 14.53125 25.9375 C 14.675781 25.949219 14.820313 25.960938 14.96875 25.96875 C 15.300781 25.988281 15.640625 26 16 26 C 16.511719 26 17.007813 25.980469 17.46875 25.9375 C 17.542969 25.929688 17.613281 25.914063 17.6875 25.90625 C 18.007813 25.871094 18.300781 25.832031 18.59375 25.78125 C 18.644531 25.773438 18.699219 25.757813 18.75 25.75 C 18.804688 25.738281 18.851563 25.730469 18.90625 25.71875 C 19.644531 25.570313 20.308594 25.375 20.9375 25.125 C 21.359375 24.964844 21.695313 24.796875 22.03125 24.625 C 22.191406 24.539063 22.347656 24.464844 22.5 24.375 C 22.9375 24.125 23.296875 23.90625 23.5625 23.71875 C 23.996094 23.410156 25.054688 22.535156 26.09375 20.78125 C 27.007813 19.234375 27.828125 17.03125 27.96875 14.21875 C 28 13.738281 28 13.351563 28 13.0625 C 28 13.042969 28 13.023438 28 13 C 28 12.988281 28 12.980469 28 12.96875 C 28 12.949219 28 12.925781 28 12.90625 C 28 12.875 27.972656 12.84375 27.96875 12.8125 C 27.96875 12.78125 27.96875 12.75 27.96875 12.71875 C 27.851563 11.722656 27.15625 10.914063 26.28125 10.3125 C 25.65625 9.882813 24.890625 9.523438 24.03125 9.21875 C 24.34375 8.835938 24.652344 8.453125 25 8.09375 C 25.03125 8.0625 25.0625 8.03125 25.09375 8 L 25.0625 7.96875 C 25.800781 7.300781 26.128906 6.3125 25.90625 5.53125 C 25.671875 4.710938 25.105469 4.132813 24.53125 3.71875 C 23.960938 3.304688 23.253906 2.960938 22.40625 3 Z M 22.5 5 C 22.664063 4.992188 23.054688 5.109375 23.375 5.34375 C 23.695313 5.574219 23.953125 5.898438 24 6.0625 C 24.046875 6.226563 24.117188 6.234375 23.75 6.53125 L 23.6875 6.5625 L 23.65625 6.59375 C 20.582031 9.734375 18.800781 13.453125 18.28125 15.90625 C 17.550781 15.964844 16.78125 16 16 16 C 15.691406 16 15.394531 15.980469 15.09375 15.96875 C 17.597656 13.503906 20.609375 9.421875 22.125 5.375 C 22.308594 4.929688 22.335938 5.007813 22.5 5 Z M 16 10 C 16.449219 10 16.882813 10.011719 17.3125 10.03125 C 15.5625 12.578125 13.601563 14.769531 12.34375 15.75 C 10.894531 15.550781 9.589844 15.25 8.5625 14.875 C 7.644531 14.539063 6.953125 14.171875 6.53125 13.8125 C 6.109375 13.453125 6 13.179688 6 13 C 6 12.96875 6 12.9375 6 12.90625 C 6.03125 12.730469 6.171875 12.496094 6.53125 12.1875 C 6.953125 11.828125 7.644531 11.460938 8.5625 11.125 C 10.398438 10.457031 13.0625 10 16 10 Z M 22.78125 10.9375 C 23.78125 11.246094 24.613281 11.597656 25.15625 11.96875 C 25.820313 12.425781 26 12.78125 26 13 C 26 13.019531 26 13.042969 26 13.0625 C 25.980469 13.242188 25.847656 13.484375 25.46875 13.8125 C 25.046875 14.171875 24.355469 14.539063 23.4375 14.875 C 22.605469 15.175781 21.585938 15.433594 20.46875 15.625 C 20.867188 14.378906 21.65625 12.667969 22.78125 10.9375 Z M 25.6875 16.0625 C 25.597656 16.519531 25.523438 16.984375 25.375 17.46875 C 25.339844 17.574219 25.316406 17.679688 25.28125 17.78125 C 25.257813 17.855469 25.214844 17.925781 25.1875 18 C 24.933594 18.664063 24.640625 19.25 24.34375 19.75 C 23.46875 21.230469 22.4375 22.070313 22.40625 22.09375 C 21.695313 22.597656 20.535156 23.394531 18.53125 23.78125 C 18.417969 23.800781 18.300781 23.824219 18.1875 23.84375 C 17.542969 23.949219 16.816406 24 16 24 C 15.679688 24 15.386719 23.984375 15.09375 23.96875 C 14.964844 23.960938 14.84375 23.949219 14.71875 23.9375 C 14.265625 23.898438 13.859375 23.851563 13.46875 23.78125 C 13.160156 23.722656 12.875 23.671875 12.59375 23.59375 C 12.402344 23.542969 12.234375 23.492188 12.0625 23.4375 C 11.300781 23.183594 10.632813 22.855469 10.0625 22.46875 C 9.941406 22.378906 9.828125 22.296875 9.75 22.21875 L 9.71875 22.1875 C 9.550781 22.019531 9.328125 21.84375 8.96875 21.4375 C 8.609375 21.03125 8.15625 20.433594 7.71875 19.6875 C 7.226563 18.851563 6.734375 17.808594 6.40625 16.53125 C 6.371094 16.378906 6.339844 16.242188 6.3125 16.09375 C 6.777344 16.359375 7.304688 16.574219 7.875 16.78125 C 10.019531 17.5625 12.863281 18 16 18 C 19.136719 18 21.980469 17.5625 24.125 16.78125 C 24.703125 16.570313 25.21875 16.328125 25.6875 16.0625 Z'/%3E%3C/svg%3E");
}
.glossary-inci-item-holder .inci-glossary-item {
width: 50%;
max-width: 30em;
}
.glossary-inci-item-holder .wp-block-post-featured-image {
position: absolute;
right: 0;
top: -3em;
aspect-ratio: unset !important;
height: 100%;
width: 70%;
opacity: 0.5;
}
@media (max-width: 599px) {
.glossary-inci-item-holder .inci-glossary-item {
width: unset;
}
.glossary-inci-item-holder .wp-block-post-featured-image {
display: none;
}
}
.inci-glossary-product {
border: 1px solid #D6D8DB;
border-radius: 1.625rem;
padding: 2rem 3rem 3rem 3rem;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(1em);
display: flex;
flex-flow: row wrap;
gap: 1.5em;
align-items: flex-start;
}
@media (max-width: 599px) {
.inci-glossary-product {
padding: 1rem 2rem 2rem 2rem;
}
}
.inci-glossary-product + .inci-glossary-product { 
margin-top: 2.5em;
}
.inci-glossary-product .inci-glossary-product-image {
width: 30%;
}
.inci-glossary-product .inci-glossary-product-info {
width: 30%;
}
.inci-glossary-product .inci-glossary-product-info h3 {
margin-bottom: 0.5em;
}
.inci-glossary-product .wp-block-buttons {
width: 100%;
}
.inci-glossary-product .inci-glossary-product-description {
margin-bottom: 1em; }
.inci-glossary-product .inci-glossary-product-description-merchant {
font-weight: 500;
color: #111;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.75em;
border: 1px solid #D6D8DB;
border-radius: 0.5em;
padding: 0.25em 0.5em;
display: inline-block;
margin-bottom: 0.5em;
background-color: #f8f8f8;
}
.inci-glossary-product .inci-glossary-product-labels {
width: 100%;
}
.inci-glossary-product .inci-glossary-product-transparency {
width: calc(40% - 3em);
overflow: hidden;
}
.inci-glossary-product .smt-incilabels-holder {
display: flex;
flex-flow: row wrap;
--gap: 0.5em;
gap: var(--gap);
margin-bottom: 1em;
}
.inci-glossary-product .smt-incilabels-holder img {
width: calc(25% - var(--gap) * 0.75) !important;
max-width: 100% !important;
}
.inci-glossary-product-ingredients {
width: 100%;
margin-top: 1.5em;
background-color: #f8f8f8;
margin-left: -3em; 
margin-right: -3em;
margin-bottom: -3em;
padding: 0;
width: calc(100% + 6em);
box-sizing: border-box;
border-radius: 0 0 1.625rem 1.625rem;
}
.has-ingredients-visible .inci-glossary-product-ingredients {
}
.inci-glossary-product-ingredients-title {
cursor: pointer;
text-align: center;
border-top: 1px solid #D6D8DB;
padding: 1em 3em;
font-weight: bold;
}
.inci-glossary-product-ingredients-list {
display: none;
padding: 1em 3em 2em 3em;
}
.has-ingredients-visible .inci-glossary-product-ingredients-list {
display: block;
}
@media (max-width: 990px) {
.inci-glossary-product .inci-glossary-product-image {
width: 20%;
}
.inci-glossary-product .inci-glossary-product-info {
width: 40%;
}
.inci-glossary-product .smt-incilabels-holder img {
width: calc(33.33% - var(--gap) * 0.667) !important;
max-width: 100% !important;
}
}
@media (max-width: 850px) {
.inci-glossary-product .smt-incilabels-holder img {
width: calc(50% - var(--gap) * 0.5) !important;
max-width: 100% !important;
}
}
@media (max-width: 750px) {
.inci-glossary-product .inci-glossary-product-image {
width: 30%;
}
.inci-glossary-product .inci-glossary-product-info {
width: calc(70% - 1.5em);
}
.inci-glossary-product .inci-glossary-product-transparency {
width: 100%;
}
.inci-glossary-product .smt-incilabels-holder img {
width: calc(25% - var(--gap) * 0.75) !important;
max-width: 90px !important;
}
}
@media (max-width: 599px) {
.inci-glossary-product-ingredients {
width: 100%;
margin-top: 1.5em;
background-color: #f8f8f8;
margin-left: -2em; 
margin-right: -2em;
margin-bottom: -2em;
width: calc(100% + 4em);
}
.inci-glossary-product .inci-glossary-product-ingredients-list {
padding: 1em 2em;
}
}
@media (max-width: 500px) {
.inci-glossary-product .inci-glossary-product-image {
width: 100%;
max-height: 150px;
object-fit: contain;
}
.inci-glossary-product .inci-glossary-product-info {
width: 100%;
}
}