/* Generated from template-parts/blocks/*\/*.css by boldest_build_block_files(), don't edit. */
/* ai-interface.css */
/*
* Finner AI widget, styled after option C ("Boven tekst") of the Finner AI
* widget CRO options: a cream box above the text with the question input and
* quick questions, the floating launcher, and a chat panel as wide as the section with the sidebar of option C.
*
* It stands on its own: everything inside .block-ai-interface is reset, the
* font comes along, and sizes are in px, since the theme's rem is 10px. The
* previous version is kept in _v1/.
*/
/* Manrope, shipped with the block. The url is relative to blocks.css in the
theme root, where this file ends up */
@font-face {
font-family: "Finner AI Sans";
src: url("template-parts/blocks/ai-interface/fonts/Manrope-VariableFont_wght.woff2") format("woff2");
font-weight: 200 800;
font-style: normal;
font-display: swap;
}
/* Reset */
.block-ai-interface.block-ai-interface {
--fai-font: "Finner AI Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
--fai-ink: #0B2E29;
--fai-text: #223B37;
--fai-muted: #6D807C;
--fai-placeholder: #7C8B87;
--fai-teal: #1FBFAE;
--fai-dark: #0C3B34;
--fai-dark-hover: #0F4A41;
--fai-chip: #0A4F47;
--fai-cream: #F5F4EC;
--fai-line: #E4E1D3;
--fai-line-light: #ECEAE0;
--fai-field: #C9D4D2;
--fai-field-strong: #9FB1AE;
--fai-hover: #EEF3F2;
--fai-user: #E6F7F4;
font-family: var(--fai-font);
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: var(--fai-text);
letter-spacing: normal;
word-spacing: normal;
text-align: left;
text-transform: none;
text-decoration: none;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Everything inside back to the browser defaults, whatever the theme sets.
Twice the class, so this wins from theme rules like .entry-content p; the
rules below come later with the same weight or more, so they win from this.
Not the SVG icons, whose fill and stroke would go, and not the chat, which
n8n styles itself (see Chat below) */
.block-ai-interface.block-ai-interface :where(*:not(svg, svg *, #n8n-chat, #n8n-chat *)) {
all: revert;
box-sizing: border-box;
font: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
.block-ai-interface.block-ai-interface svg {
display: block;
flex: none;
max-width: none;
overflow: visible;
}
.block-ai-interface.block-ai-interface button {
cursor: pointer;
}
/* In-page question box. The input has the same border as the chat input */
.block-ai-interface .inpage-ai-trigger {
display: flex;
flex-direction: column;
gap: 14px;
margin: 0 0 44px;
padding: 22px 24px;
background: var(--fai-cream);
border-radius: 20px;
}
.block-ai-interface .inpage-ai-trigger-title {
font-size: 18px;
font-weight: 600;
line-height: 1.35;
color: var(--fai-ink);
}
.block-ai-interface .ai-input-bar {
position: relative;
isolation: isolate;
display: flex;
align-items: center;
gap: 10px;
padding: 5px 5px 5px 19px;
border: 1px solid var(--fai-field);
border-radius: 999px;
background: #ffffff;
transition: border-color .3s ease;
}
.block-ai-interface .ai-input-bar:hover,
.block-ai-interface .ai-input-bar:focus-within {
border-color: var(--fai-field-strong);
}
.block-ai-interface .ai-input-textarea {
display: block;
flex: 1;
min-width: 0;
height: 44px;
margin: 0;
padding: 10px 0;
border: 0;
outline: none;
background: transparent;
font-size: 16px;
line-height: 24px;
color: var(--fai-ink);
resize: none;
overflow: hidden;
}
.block-ai-interface .ai-input-textarea::placeholder {
color: var(--fai-placeholder);
opacity: 1;
}
.block-ai-interface .ai-input-send {
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
padding: 0;
border: 0;
border-radius: 999px;
background: #3DCBC7;
color: var(--fai-dark);
transition: background .3s ease, color .3s ease;
}
.block-ai-interface .ai-input-send:hover {
background: #2FB9B5;
}
/* Nothing typed yet: dark with a white arrow (a click opens the chat); teal
once there's text */
.block-ai-interface .ai-input-bar:has(.ai-input-textarea:placeholder-shown) .ai-input-send {
background: var(--fai-dark);
color: #ffffff;
}
.block-ai-interface .inpage-ai-trigger-prompts {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* As the buttons in Finn's answers, see a.ai-button under Chat */
.block-ai-interface .inpage-ai-trigger-prompts button {
padding: 11px 18px;
border: 1px solid var(--fai-field);
border-radius: 999px;
background: #ffffff;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
color: var(--fai-ink);
transition: border-color .15s ease;
}
.block-ai-interface .inpage-ai-trigger-prompts button:hover {
border-color: var(--fai-teal);
}
.block-ai-interface .ai-input-send:focus-visible,
.block-ai-interface .inpage-ai-trigger-prompts button:focus-visible,
.block-ai-interface .ai-launcher-btn:focus-visible,
.block-ai-interface .ai-interface-toggle:focus-visible {
outline: 2px solid var(--fai-teal);
outline-offset: 2px;
}
/* Launcher, floating bottom right: the question box as a button, with the
same mark, and a shadow */
.block-ai-interface .ai-launcher {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1), visibility 0s;
}
/* Hidden while the chat is open (is-hidden), and while the question box on
the page is in view (is-parked): then it sinks away, and comes back up */
.block-ai-interface .ai-launcher.is-hidden,
.block-ai-interface .ai-launcher.is-parked {
opacity: 0;
transform: translateY(24px);
visibility: hidden;
pointer-events: none;
transition: opacity .25s ease, transform .3s ease-in, visibility 0s linear .3s;
}
@media (prefers-reduced-motion: reduce) {
.block-ai-interface .ai-launcher,
.block-ai-interface .ai-launcher.is-hidden,
.block-ai-interface .ai-launcher.is-parked {
transform: none;
}
}
.block-ai-interface .ai-launcher-btn {
position: relative;
isolation: isolate;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 24px 10px 18px;
text-align: left;
border: 0;
border-radius: 999px;
background: var(--fai-dark);
font-size: 16px;
font-weight: 600;
line-height: 1.25;
color: #ffffff;
box-shadow: 0 6px 18px rgba(9, 45, 40, .08);
transition: background .3s ease, box-shadow .2s ease, transform .2s ease;
}
.block-ai-interface .ai-launcher-btn .ai-mark {
width: 22px;
fill: #ffffff;
}
.block-ai-interface .ai-launcher-text {
display: flex;
flex-direction: column;
}
.block-ai-interface .ai-launcher-subtitle {
font-size: 13px;
font-weight: 400;
line-height: 1.35;
color: rgba(255, 255, 255, .72);
}
.block-ai-interface .ai-launcher-btn:hover {
background: var(--fai-dark-hover);
box-shadow: 0 8px 22px rgba(9, 45, 40, .12);
transform: translateY(-1px);
}
/* Chat panel, option C opened: a cream backdrop over the page with the panel
in it, as wide as .section-inner (max 120rem, 100% - 6rem, from 1280px
100% - 12rem), with the sidebar on the left. The sidebar collapses with
.is-sidebar-toggled on the panel; below 900px it is hidden instead and the
same class slides it over the chat */
.block-ai-interface .ai-interface {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
justify-content: center;
padding: 24px 0;
background: var(--fai-cream);
visibility: hidden;
opacity: 0;
transition: opacity .22s ease, visibility 0s linear .22s;
}
.block-ai-interface .ai-interface.ai-is-open {
visibility: visible;
opacity: 1;
transition: opacity .22s ease, visibility 0s;
}
.block-ai-interface .ai-interface link,
.block-ai-interface .ai-interface script {
display: none;
}
.block-ai-interface .ai-interface-panel {
position: relative;
display: flex;
width: calc(100% - 60px);
max-width: 1200px;
height: 100%;
overflow: hidden;
background: #ffffff;
border-radius: 28px;
box-shadow: 0 24px 60px rgba(40, 38, 20, .10), 0 1px 0 var(--fai-line-light);
transform: translateY(8px);
transition: transform .22s ease-out;
}
.block-ai-interface .ai-interface.ai-is-open .ai-interface-panel {
transform: none;
}
@media (min-width: 1280px) {
.block-ai-interface .ai-interface-panel {
width: calc(100% - 120px);
}
}
/* Sidebar */
.block-ai-interface .ai-interface-sidebar {
display: flex;
flex: none;
flex-direction: column;
gap: 28px;
width: 290px;
padding: 28px 24px;
overflow-y: auto;
background: #FAF9F4;
border-right: 1px solid var(--fai-line-light);
}
.block-ai-interface .is-sidebar-toggled .ai-interface-sidebar {
display: none;
}
.block-ai-interface .ai-interface-sidebar-header {
display: flex;
align-items: center;
gap: 12px;
}
.block-ai-interface .n8n-chat-header-text {
flex: 1;
min-width: 0;
}
.block-ai-interface .n8n-chat-header-title {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: var(--fai-ink);
}
.block-ai-interface .n8n-chat-header-subtitle {
font-size: 13px;
line-height: 1.4;
color: var(--fai-muted);
}
.block-ai-interface .ai-sidebar-toggle {
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--fai-ink);
transition: background .15s ease;
}
.block-ai-interface .ai-sidebar-toggle:hover,
.block-ai-interface .ai-interface-sidebar-item:hover {
background: var(--fai-hover);
}
.block-ai-interface .ai-interface-sidebar-nav {
display: flex;
flex-direction: column;
gap: 4px;
}
.block-ai-interface .ai-interface-sidebar-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
border: 0;
border-radius: 8px;
background: transparent;
font-size: 15px;
line-height: 1.4;
color: var(--fai-ink);
text-align: left;
transition: background .15s ease;
}
/* Chat history, rendered by renderHistory() */
.block-ai-interface .ai-interface-history[hidden] {
display: none;
}
.block-ai-interface .ai-interface-sidebar-label {
position: relative;
display: flex;
align-items: center;
gap: 4px;
margin: 0 0 8px;
padding: 0 10px;
font-size: 13px;
font-weight: 600;
color: var(--fai-muted);
}
/* Info icon with its tooltip, shown on hover and on focus (a tap on touch) */
.block-ai-interface .ai-info-btn {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--fai-muted);
cursor: help;
transition: color .15s ease;
}
.block-ai-interface .ai-info-btn:hover,
.block-ai-interface .ai-info-btn:focus-visible {
color: var(--fai-ink);
}
.block-ai-interface .ai-info-btn:focus-visible {
outline: 2px solid var(--fai-teal);
outline-offset: 1px;
}
.block-ai-interface .ai-info-tip {
position: absolute;
top: calc(100% + 6px);
left: 4px;
z-index: 5;
width: max-content;
max-width: 220px;
padding: 8px 12px;
border: 1px solid var(--fai-field);
border-radius: 8px;
background: #ffffff;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
color: var(--fai-ink);
box-shadow: 0 8px 24px rgba(9, 45, 40, .08);
opacity: 0;
visibility: hidden;
transform: translateY(-2px);
transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
pointer-events: none;
}
.block-ai-interface .ai-info:hover .ai-info-tip,
.block-ai-interface .ai-info:focus-within .ai-info-tip {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .15s ease, transform .15s ease, visibility 0s;
}
.block-ai-interface .ai-interface-history-list {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
.block-ai-interface .ai-interface-history-item {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 0;
border-radius: 8px;
transition: background .15s ease;
}
.block-ai-interface .ai-interface-history-item::before {
content: none;
}
.block-ai-interface .ai-interface-history-item:hover,
.block-ai-interface .ai-interface-history-item:has([aria-current]) {
background: var(--fai-hover);
}
.block-ai-interface .ai-interface-history-open {
flex: 1;
min-width: 0;
padding: 9px 10px;
border: 0;
background: transparent;
font-size: 14px;
line-height: 1.4;
color: var(--fai-ink);
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.block-ai-interface .ai-interface-history-open[aria-current] {
font-weight: 600;
}
/* The remove button shows on hover, or always where there is none */
.block-ai-interface .ai-interface-history-remove {
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin-right: 4px;
padding: 0;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--fai-muted);
opacity: 0;
transition: opacity .15s ease, color .15s ease;
}
.block-ai-interface .ai-interface-history-item:hover .ai-interface-history-remove,
.block-ai-interface .ai-interface-history-remove:focus-visible {
opacity: 1;
}
.block-ai-interface .ai-interface-history-remove:hover {
color: var(--fai-ink);
}
.block-ai-interface .ai-interface-history-open:focus-visible,
.block-ai-interface .ai-interface-history-remove:focus-visible {
outline: 2px solid var(--fai-teal);
outline-offset: -2px;
}
@media (hover: none) {
.block-ai-interface .ai-interface-history-remove {
opacity: 1;
}
}
.block-ai-interface .ai-interface-contact {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: auto;
padding-top: 20px;
border-top: 1px solid #E4E9E8;
}
.block-ai-interface .ai-interface-contact-label {
font-size: 13px;
color: var(--fai-muted);
}
.block-ai-interface .ai-interface-contact-person {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 1.4;
}
.block-ai-interface .ai-interface-contact-person img {
display: block;
flex: none;
width: 40px;
height: 40px;
border-radius: 999px;
object-fit: cover;
background: var(--fai-hover);
}
.block-ai-interface .ai-interface-contact-name {
font-weight: 700;
color: var(--fai-ink);
}
.block-ai-interface .ai-interface-contact-person a {
display: block;
width: fit-content;
color: #0C4A41;
text-decoration: underline;
text-underline-offset: 3px;
}
.block-ai-interface .ai-interface-contact-person a.ai-interface-contact-phone {
color: var(--fai-text);
text-decoration: none;
}
.block-ai-interface .ai-interface-contact-person a.ai-interface-contact-phone:hover {
text-decoration: underline;
}
/* Chat column */
.block-ai-interface .ai-interface-main {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
}
.block-ai-interface .ai-interface-topbar {
position: absolute;
top: 20px;
left: 20px;
right: 24px;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
pointer-events: none;
}
.block-ai-interface .ai-interface-topbar button {
pointer-events: auto;
}
/* Only there while the sidebar is collapsed; the close button stays right */
.block-ai-interface .ai-sidebar-open {
visibility: hidden;
width: 40px;
height: 40px;
}
.block-ai-interface .is-sidebar-toggled .ai-sidebar-open {
visibility: visible;
}
.block-ai-interface .ai-interface-toggle {
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--fai-ink);
transition: background .15s ease;
}
.block-ai-interface .ai-interface-toggle:hover {
background: var(--fai-hover);
}
.block-ai-interface .ai-sidebar-toggle:focus-visible,
.block-ai-interface .ai-interface-sidebar-item:focus-visible {
outline: 2px solid var(--fai-teal);
outline-offset: 2px;
}
.block-ai-interface .ai-interface-disclaimer {
flex: none;
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 0 40px 22px;
font-size: 13px;
line-height: 1.4;
color: var(--fai-muted);
text-align: center;
}
.block-ai-interface .ai-interface-disclaimer a {
color: inherit;
text-decoration: none;
transition: color .15s ease;
}
.block-ai-interface .ai-interface-disclaimer a:hover {
color: var(--fai-ink);
}
/* Below 900px the sidebar is hidden, and slides over the chat when toggled */
@media (max-width: 899px) {
.block-ai-interface .ai-interface {
padding: 15px 0;
}
.block-ai-interface .ai-interface-sidebar,
.block-ai-interface .is-sidebar-toggled .ai-interface-sidebar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
width: min(290px, 85%);
box-shadow: 12px 0 40px rgba(9, 45, 40, .12);
transform: translateX(-100%);
visibility: hidden;
transition: transform .25s ease, visibility 0s linear .25s;
}
.block-ai-interface .is-sidebar-toggled .ai-interface-sidebar {
transform: none;
visibility: visible;
transition: transform .25s ease, visibility 0s;
}
.block-ai-interface .ai-sidebar-open {
visibility: visible;
}
.block-ai-interface .ai-interface-disclaimer {
padding: 0 20px 16px;
}
}
@media (max-width: 699px) {
.block-ai-interface .ai-interface {
padding: 0;
}
.block-ai-interface .ai-interface-panel {
width: 100%;
border-radius: 0;
}
}
/* Chat, rendered by n8n into #n8n-chat. Its own stylesheet reads these
variables; the rules after them hold where the theme or n8n would differ
from option C. The id keeps both from winning */
.block-ai-interface #n8n-chat {
--chat--font-family: var(--fai-font);
--chat--color-primary: var(--fai-dark);
--chat--color-primary-shade-50: var(--fai-dark-hover);
--chat--color-primary-shade-100: var(--fai-dark-hover);
--chat--color-secondary: var(--fai-teal);
--chat--color-secondary-shade-50: #19A595;
--chat--color-white: #ffffff;
--chat--color-light: #FAF9F4;
--chat--color-light-shade-50: var(--fai-cream);
--chat--color-light-shade-100: var(--fai-line-light);
--chat--color-medium: var(--fai-field);
--chat--color-dark: var(--fai-ink);
--chat--color-disabled: var(--fai-field-strong);
--chat--color-typing: var(--fai-muted);
--chat--spacing: 24px;
--chat--border-radius: 14px;
--chat--transition-duration: .15s;
--chat--body--background: #ffffff;
--chat--footer--background: #ffffff;
--chat--footer--color: var(--fai-ink);
--chat--message--font-size: 16px;
--chat--message-line-height: 1.6;
--chat--message--padding: 13px 18px;
--chat--message--border-radius: 14px;
--chat--message--bot--background: transparent;
--chat--message--bot--color: var(--fai-text);
--chat--message--bot--border: none;
--chat--message--user--background: var(--fai-user);
--chat--message--user--color: var(--fai-chip);
--chat--message--user--border: none;
--chat--input--background: transparent;
--chat--input--text-color: var(--fai-ink);
--chat--input--border: 0;
--chat--input--border-active: 0;
--chat--input--font-size: 16px;
--chat--input--send--button--background: #3DCBC7;
--chat--input--send--button--color: var(--fai-dark);
--chat--input--send--button--background-hover: #2FB9B5;
--chat--input--send--button--color-hover: var(--fai-dark);
--chat--input--file--button--background: transparent;
--chat--input--file--button--color: var(--fai-muted);
--chat--input--file--button--background-hover: var(--fai-hover);
--chat--input--file--button--color-hover: var(--fai-ink);
position: relative;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
margin: 0;
padding: 0;
background: #ffffff;
font-family: var(--fai-font);
color: var(--fai-text);
}
.block-ai-interface #n8n-chat > *,
.block-ai-interface #n8n-chat .chat-layout {
flex: 1;
min-height: 0;
height: 100%;
background: #ffffff;
font-family: var(--fai-font);
}
.block-ai-interface #n8n-chat .chat-header {
display: none;
}
.block-ai-interface #n8n-chat .chat-body {
padding: 72px 40px 8px;
background: #ffffff;
}
.block-ai-interface #n8n-chat .chat-messages-list {
display: flex;
flex-direction: column;
gap: 24px;
/* The full column, also with just the typing dots in it */
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 0;
}
.block-ai-interface #n8n-chat .chat-message {
margin: 0;
font-size: 16px;
line-height: 1.6;
box-shadow: none;
}
/* Answers the full width up to a 600px screen, scaling down to 85% at 1280px.
The 0.168 takes 15% of the 760px column off over those 680px */
.block-ai-interface #n8n-chat .chat-message.chat-message-from-bot {
max-width: clamp(85%, calc(100% - (100vw - 600px) * 0.168), 100%);
padding: 0;
background: transparent;
border-radius: 0;
color: var(--fai-text);
}
.block-ai-interface #n8n-chat .chat-message.chat-message-from-user {
align-self: flex-end;
max-width: 75%;
padding: 13px 18px;
background: var(--fai-user);
border-radius: 14px;
color: var(--fai-chip);
}
/* Markdown in the messages */
.block-ai-interface #n8n-chat .chat-message p,
.block-ai-interface #n8n-chat .chat-message ul,
.block-ai-interface #n8n-chat .chat-message ol,
.block-ai-interface #n8n-chat .chat-message pre,
.block-ai-interface #n8n-chat .chat-message blockquote {
margin: 0 0 10px;
font: inherit;
color: inherit;
letter-spacing: normal;
}
.block-ai-interface #n8n-chat .chat-message ul,
.block-ai-interface #n8n-chat .chat-message ol {
padding: 0 0 0 20px;
}
.block-ai-interface #n8n-chat .chat-message li {
margin: 0 0 4px;
padding: 0;
}
.block-ai-interface #n8n-chat .chat-message li::before {
content: none;
}
.block-ai-interface #n8n-chat .chat-message h1,
.block-ai-interface #n8n-chat .chat-message h2,
.block-ai-interface #n8n-chat .chat-message h3,
.block-ai-interface #n8n-chat .chat-message h4 {
margin: 16px 0 8px;
font-family: var(--fai-font);
font-size: 17px;
font-weight: 700;
line-height: 1.35;
letter-spacing: normal;
color: var(--fai-ink);
}
.block-ai-interface #n8n-chat .chat-message strong,
.block-ai-interface #n8n-chat .chat-message b {
font-weight: 700;
color: var(--fai-ink);
}
.block-ai-interface #n8n-chat .chat-message a {
color: #0C4A41;
text-decoration: underline;
}
.block-ai-interface #n8n-chat .chat-message a:hover {
color: #0F766E;
}
.block-ai-interface #n8n-chat .chat-message-markdown > :first-child {
margin-top: 0;
}
.block-ai-interface #n8n-chat .chat-message-markdown > :last-child {
margin-bottom: 0;
}
/* Buttons in a bot message: links on their own line, see tagPromptLinks().
Links within a sentence are .ai-link and keep the link style above. Per
type to style apart: .ai-button--prompt, --compare, --appointment, --page
(and .ai-link--prompt, --compare, --appointment, --mail, --phone, --page),
or a class the agent gives with {.naam} */
.block-ai-interface #n8n-chat a.ai-button {
display: inline-block;
margin: 4px 8px 4px 0;
padding: 11px 18px;
border: 1px solid var(--fai-field);
border-radius: 999px;
background: #ffffff;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
color: var(--fai-ink);
text-decoration: none;
cursor: pointer;
transition: border-color .15s ease, background .15s ease, opacity .15s ease;
}
.block-ai-interface #n8n-chat a.ai-button:hover {
border-color: var(--fai-teal);
color: var(--fai-ink);
}
.block-ai-interface #n8n-chat a.ai-prompt-button.ai-prompt-stale {
opacity: 0.35;
pointer-events: none;
cursor: default;
}
/* Feedback under the newest answer, see addFeedbackButtons() */
.block-ai-interface #n8n-chat .ai-feedback {
display: flex;
gap: 4px;
margin: 10px 0 0 0;
}
.block-ai-interface #n8n-chat .ai-feedback-btn {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--fai-muted);
cursor: pointer;
transition: background .15s ease, color .15s ease;
}
.block-ai-interface #n8n-chat .ai-feedback-btn:hover {
background: var(--fai-hover);
color: var(--fai-ink);
}
.block-ai-interface #n8n-chat .ai-feedback-btn[aria-pressed="true"] {
color: var(--fai-chip);
}
.block-ai-interface #n8n-chat .ai-feedback-btn[aria-pressed="true"] svg {
fill: var(--fai-user);
}
.block-ai-interface #n8n-chat .ai-feedback-btn:focus-visible {
outline: 2px solid var(--fai-teal);
outline-offset: 1px;
}
/* Thumbs hidden for now: still in the markup, just not on screen. Remove
this rule to show them again */
.block-ai-interface #n8n-chat .ai-feedback,
.block-ai-interface #n8n-chat .chat-message.ai-feedback-message {
display: none;
}
/* The start message that asks Finn for his welcome, see greet(): not on
screen, nor in the input it's sent from */
.block-ai-interface #n8n-chat.is-greeting .chat-inputs textarea {
color: transparent !important;
}
.block-ai-interface #n8n-chat .chat-message.ai-start-message {
display: none;
}
/* A vote from the visitor: just the thumb, without a bubble, not the text
sent to n8n */
.block-ai-interface #n8n-chat .chat-message.ai-feedback-message {
padding: 0;
background: transparent;
border-radius: 0;
}
.block-ai-interface #n8n-chat .ai-feedback-message .chat-message-markdown {
display: none;
}
/* The same thumb as on the feedback buttons: 18px, muted, no fill */
.block-ai-interface #n8n-chat .ai-feedback-icon {
display: flex;
color: var(--fai-muted);
}
.block-ai-interface #n8n-chat .ai-feedback-icon svg {
width: 18px;
height: 18px;
}
/* Typing: n8n's own indicator off, ours after the user's last message */
.block-ai-interface #n8n-chat .chat-message-typing,
.block-ai-interface #n8n-chat [class*="typing"]:not(.boldest-typing) {
display: none !important;
}
/* Finn's mark where n8n's typing dots were, going round (see Finn's mark
below). The text is for screen readers only */
.block-ai-interface #n8n-chat .boldest-typing {
display: flex;
align-items: center;
width: fit-content;
margin: 0;
padding: 4px 0;
}
.block-ai-interface #n8n-chat .boldest-typing .ai-mark {
width: 28px;
transform-origin: center;
animation: fai-mark-in .45s cubic-bezier(.34, 1.56, .64, 1) both;
}
/* In: from nothing in its centre up to full size */
@keyframes fai-mark-in {
from { transform: scale(0); opacity: 0; }
60% { opacity: 1; }
to { transform: scale(1); opacity: 1; }
}
.block-ai-interface #n8n-chat .boldest-typing-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 899px) {
.block-ai-interface #n8n-chat .chat-body {
padding: 72px 20px 8px;
}
.block-ai-interface #n8n-chat .chat-footer {
padding: 12px 16px 24px;
}
}
/* Input */
/* Room under the input for its shadow: n8n's .chat-layout scrolls, and
would cut it off at its bottom edge */
.block-ai-interface #n8n-chat .chat-footer {
margin: 0;
padding: 12px 40px 24px;
border: 0;
border-radius: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 30%);
overflow: visible;
}
.block-ai-interface #n8n-chat .chat-inputs {
position: relative;
isolation: isolate;
display: flex;
max-width: 760px;
margin: 0 auto;
align-items: center;
gap: 6px;
padding: 7px 7px 7px 21px;
border: 1px solid var(--fai-field);
border-radius: 999px;
background: #ffffff;
box-shadow: 0 6px 18px rgba(9, 45, 40, .08);
transition: border-color .3s ease;
}
.block-ai-interface #n8n-chat .chat-inputs:hover,
.block-ai-interface #n8n-chat .chat-inputs:focus-within {
border-color: var(--fai-field-strong);
}
.block-ai-interface #n8n-chat .chat-inputs textarea {
flex: 1;
min-width: 0;
height: 44px !important;
min-height: 0;
max-height: none;
margin: 0;
padding: 10px 0 !important;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
box-shadow: none;
font-family: var(--fai-font);
font-size: 16px;
line-height: 24px;
letter-spacing: normal;
color: var(--fai-ink);
resize: none;
overflow: auto;
}
.block-ai-interface #n8n-chat .chat-inputs textarea::placeholder {
color: var(--fai-placeholder);
opacity: 1;
}
.block-ai-interface #n8n-chat .chat-inputs-controls {
display: flex;
align-items: center;
gap: 4px;
}
.block-ai-interface #n8n-chat button.chat-input-send-button,
.block-ai-interface #n8n-chat button.chat-input-file-button {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 999px !important;
box-shadow: none;
text-transform: none;
cursor: pointer;
transition: background .15s ease, color .15s ease;
}
.block-ai-interface #n8n-chat button.chat-input-send-button {
background: #3DCBC7;
color: var(--fai-dark); transition: background .3s ease, color .3s ease;
}
.block-ai-interface #n8n-chat button.chat-input-send-button:hover {
background: #2FB9B5;
color: var(--fai-dark);
}
/* Disabled, nothing typed: dark with a white arrow, as in the question box */
.block-ai-interface #n8n-chat button.chat-input-send-button:disabled {
background: var(--fai-dark);
color: #ffffff;
cursor: default;
}
.block-ai-interface #n8n-chat button.chat-input-file-button {
background: transparent;
color: var(--fai-muted);
}
.block-ai-interface #n8n-chat button.chat-input-file-button:hover {
background: var(--fai-hover);
color: var(--fai-ink);
}
.block-ai-interface #n8n-chat button.chat-input-send-button svg,
.block-ai-interface #n8n-chat button.chat-input-file-button svg {
width: 20px;
height: 20px;
}
/* The arrow of the question box instead of n8n's icon. Drawn by CSS,
as a mask in the button's text colour, so n8n's markup stays as it is */
.block-ai-interface #n8n-chat button.chat-input-send-button svg {
display: none;
}
.block-ai-interface #n8n-chat button.chat-input-send-button::after {
content: "";
width: 22px;
height: 22px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
/* Finn's mark: the three circles of the logo, in the question box on the
page, on the launcher, and in the chat while Finn thinks (see MARK_SVG). Idle they
swell and shrink a little, out of step. In the chat, while
Finn thinks (#n8n-chat.is-thinking), each circle glides into the next
one's place and size, big to medium to small to big, in a loop */
.block-ai-interface .ai-mark {
width: 24px;
height: auto;
fill: #0D2F2E;
}
.block-ai-interface .ai-input-bar .ai-mark {
width: 20px;
}
.block-ai-interface .ai-mark circle {
transform-box: fill-box;
transform-origin: center;
}
/* Idle: all three swell and shrink at once, a third apart, so while one
grows the others get smaller. Subtle, a few percent */
.block-ai-interface .ai-mark circle {
animation: fai-mark-wave 2.4s ease-in-out infinite;
}
.block-ai-interface .ai-mark .ai-mark-b { animation-delay: -1.6s; }
.block-ai-interface .ai-mark .ai-mark-c { animation-delay: -.8s; }
/* Thinking. With the id, so these win from the idle ones */
.block-ai-interface #n8n-chat.is-thinking .ai-mark .ai-mark-a {
animation: fai-mark-cycle-a 2.4s cubic-bezier(.65, 0, .35, 1) infinite;
}
.block-ai-interface #n8n-chat.is-thinking .ai-mark .ai-mark-b {
animation: fai-mark-cycle-b 2.4s cubic-bezier(.65, 0, .35, 1) infinite;
}
.block-ai-interface #n8n-chat.is-thinking .ai-mark .ai-mark-c {
animation: fai-mark-cycle-c 2.4s cubic-bezier(.65, 0, .35, 1) infinite;
}
/* From each circle to the others: the move between their centres, and the
ratio of their radii (9, 7 and 4.47) */
@keyframes fai-mark-cycle-a {
0%, 8% { transform: translate(0, 0) scale(1); }
33%, 41% { transform: translate(18px, 6.47px) scale(.778); }
66%, 74% { transform: translate(6.94px, 17.48px) scale(.496); }
100% { transform: translate(0, 0) scale(1); }
}
@keyframes fai-mark-cycle-b {
0%, 8% { transform: translate(0, 0) scale(1); }
33%, 41% { transform: translate(-11.06px, 11.01px) scale(.638); }
66%, 74% { transform: translate(-18px, -6.47px) scale(1.286); }
100% { transform: translate(0, 0) scale(1); }
}
@keyframes fai-mark-cycle-c {
0%, 8% { transform: translate(0, 0) scale(1); }
33%, 41% { transform: translate(-6.94px, -17.48px) scale(2.016); }
66%, 74% { transform: translate(11.06px, -11.01px) scale(1.568); }
100% { transform: translate(0, 0) scale(1); }
}
@keyframes fai-mark-wave {
0%, 100% { transform: scale(.95); }
50% { transform: scale(1.06); }
}
@keyframes fai-mark-pulse {
to { opacity: .35; }
}
/* Still, and while thinking only fading in and out */
@media (prefers-reduced-motion: reduce) {
.block-ai-interface .ai-mark circle {
animation: none !important;
}
.block-ai-interface #n8n-chat .boldest-typing .ai-mark {
animation: fai-mark-pulse 1.4s ease-in-out infinite alternate;
}
.block-ai-interface #n8n-chat.is-thinking .ai-mark {
animation: fai-mark-pulse 1.4s ease-in-out infinite alternate;
}
}
/* Page level, as in _v1: the site footer is hidden on pages with the widget */
:where(body.has-acf-ai-interface-block) #website-footer {
display: none;
}
/* call-to-action-appointment.css */
.call-to-action-appointment-person figure:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
position: relative;
height: 0;
padding-bottom: 125%;
overflow: hidden;
width: 100%;
}
.call-to-action-appointment-person figure img:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.call-to-action-appointment-left:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
display: flex;
width: 50%;
gap: 2rem;
align-items: center;
}
.call-to-action-appointment-left > div:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 40%;
}
.call-to-action-appointment-left > div.person-1:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 60%;
}
.call-to-action-appointment-person-contact:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
position: absolute;
bottom: 0;
z-index: 1;
width: 75%;
padding: 2rem 1rem 0 1rem;
background: #f8f6ec;
border-radius: 0 25px 0 0;
font-size: 90%;
}
.call-to-action-appointment-person-contact b:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
display: block;
}
.call-to-action-appointment-person-contact-buttons a:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
margin: 0.5rem 0 0 0;
}
.has-primary-dark-background-color .call-to-action-appointment-person-contact-buttons path:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
stroke: #00FFF8;
}
.has-primary-dark-background-color .call-to-action-appointment-person-contact a:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
color: #00FFF8;
}
.has-primary-dark-background-color .call-to-action-appointment-person-contact:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
color: #fff;
background: #0e2f2e;
}
.person-1:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
position: relative;
}
.person-3:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 75%;
margin-top: 2rem;
}
.call-to-action-appointment-wrapper:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
display: flex;
gap: 4rem;
}
.call-to-action-appointment-right:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 50%;
}
.call-to-action-appointment-right iframe:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
border-radius: 25px;
}
/* Desktop small */
@media only screen and (max-width: 1100px) {
}
/* Tablet */
@media only screen and (max-width: 900px) {
.call-to-action-appointment-wrapper:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
flex-direction: column-reverse;
}
.call-to-action-appointment-left:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 100%;
max-width: 50rem;
}
.call-to-action-appointment-right:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 100%;
}
}
/* Iphone */
@media only screen and (max-width: 550px) {
.call-to-action-appointment-person-contact:where(.block-call-to-action-appointment, .block-call-to-action-appointment *) {
width: 95%;
padding: 1rem 1rem 0 0;
}
}
/* call-to-action-compact.css */
.block-call-to-action-compact {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.call-to-action-compact-inner:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: flex;
align-items: flex-end;
}
.call-to-action-compact-buttons:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: flex;
align-items: center;
}
.call-to-action-compact-buttons .wp-block-buttons:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: flex;
align-items: center;
}
.call-to-action-compact-buttons span:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: none;
}
.call-to-action-compact-buttons a:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
margin-right: 2rem;
}
.call-to-action-compact-inner:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: flex;
align-items: center;
padding: 3rem;
border: 1px solid rgb(13 47 46 / 25%);
}
.call-to-action-compact-inner-content:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
width: 75%;
padding-right: 3rem;
}
.call-to-action-compact-portrait:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
width: 25%;
}
.call-to-action-compact-inner-content .heading-size-6:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
margin-top: 0;
}
.call-to-action-compact-inner-content h3:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
margin-top: 0;
margin-left: 0;
max-width: 55rem;
}
.block-call-to-action-compact figure {
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
/* Not needed if it's a block element, like a div */
width: 100%;
border-radius: 100%;
}
.block-call-to-action-compact figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.call-to-action-compact-portrait-mobile:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
width: 5rem;
display: none;
}
/* Desktop small */
@media only screen and (max-width: 1260px) {
}
@media only screen and (max-width: 1000px) {
.block-call-to-action-compact {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.call-to-action-compact-inner-content:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
width: 100%;
padding-right: 0;
}
.call-to-action-compact-portrait-mobile:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: block;
}
.call-to-action-compact-portrait:where(.block-call-to-action-compact, .block-call-to-action-compact *) {
display: none;
}
}
@media only screen and (max-width: 700px) {
.block-call-to-action-compact {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
}
/* Iphone */
@media only screen and (max-width: 600px) {
}
/* call-to-action-ebook.css */
/* Footer Newsletter */
.cta-ebook-inner:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
display: flex;
}
.cta-ebook-inner-left:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
flex: 2;
}
.cta-ebook-inner-right:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
flex: 3;
padding: 6rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.cta-ebook-inner-right h2:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
margin: 0 0 4rem 0;
}
.cta-ebook-inner figure:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
width: 100%;
height: 100%;
}
.cta-ebook-inner figure img:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
width: 100%;
height: 100%;
object-fit: cover;
}
.ebook-form label:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
position: absolute;
margin-top: -1.25rem;
margin-left: 1.5rem;
background: #fff;
padding: 0.25rem 0.5rem;
}
.ebook-form input[type="email"]:where(.block-call-to-action-ebook, .block-call-to-action-ebook *), .ebook-form input[type="text"]:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
background: transparent;
border: 1px solid #0D2F2E;
border-radius: 10rem;
width: 100%;
}
.ebook-form input[type="submit"]:hover:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
background: #3ccbc7 !important;
text-decoration: none;
}
.ebook-form a:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
color: inherit;
}
.ebook-form input[type='submit' i]:disabled:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
cursor: wait;
opacity: .5;
}
div#ebook-form-row:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
margin-bottom: 2rem;
}
div#ebook-form-columns:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
display: flex;
gap: 2rem;
margin-bottom: 2rem;
width: 100%;
}
div#ebook-form-column:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
width: 100%;
}
/* Desktop small */
@media only screen and (max-width: 900px) {
.cta-ebook-inner:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
flex-direction: column;
}
.cta-ebook-inner-right:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
padding: 3rem;
}
.cta-ebook-inner figure:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
}
.cta-ebook-inner figure img:where(.block-call-to-action-ebook, .block-call-to-action-ebook *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* call-to-action-large.css */
.call-to-action-large-inner:where(.block-call-to-action-large, .block-call-to-action-large *) {
display: flex;
align-items: flex-end;
}
.call-to-action-large-buttons:where(.block-call-to-action-large, .block-call-to-action-large *) {
display: flex;
align-items: center;
}
.call-to-action-large-buttons a:where(.block-call-to-action-large, .block-call-to-action-large *) {
margin-right: 4rem;
}
.call-to-action-large-inner-content:where(.block-call-to-action-large, .block-call-to-action-large *) {
max-width: 75%;
width: 100%;
padding: 8rem 0;
}
.call-to-action-large-inner-content .heading-size-6:where(.block-call-to-action-large, .block-call-to-action-large *) {
margin-top: 0;
}
.call-to-action-large-inner-content h2:where(.block-call-to-action-large, .block-call-to-action-large *) {
margin-top: 0;
margin-left: 0;
max-width: 80rem;
}
.block-call-to-action-large figure {
position: absolute;
right: 0;
height: 100%;
max-width: 40rem;
max-height: 40rem;
}
.block-call-to-action-large figure img {
height: 100%;
border-radius: 10rem 0 0 0;
}
/* Desktop small */
@media only screen and (max-width: 1260px) {
.call-to-action-large-inner:where(.block-call-to-action-large, .block-call-to-action-large *) {
width: 100%;
}
.call-to-action-large-inner-content:where(.block-call-to-action-large, .block-call-to-action-large *) {
padding: 4rem;
}
.block-call-to-action-large figure {
position: relative;
}
}
@media only screen and (max-width: 1000px) {
.call-to-action-large-buttons span:where(.block-call-to-action-large, .block-call-to-action-large *) {
display: none;
}
.call-to-action-large-buttons a:where(.block-call-to-action-large, .block-call-to-action-large *) {
margin-right: 2rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.call-to-action-large-inner:where(.block-call-to-action-large, .block-call-to-action-large *) {
flex-direction: column;
}
.call-to-action-large-inner-content:where(.block-call-to-action-large, .block-call-to-action-large *) {
max-width: none;
}
.block-call-to-action-large figure {
width: 50%;
}
}
@media only screen and (max-width: 700px) {
.call-to-action-large-inner-content:where(.block-call-to-action-large, .block-call-to-action-large *) {
padding: 6rem 3rem;
}
}
/* Iphone */
@media only screen and (max-width: 600px) {
.block-call-to-action-large figure img {
width: 100%;
}
.block-call-to-action-large figure {
width: 100%;
}
}
/* call-to-action-links.css */
.call-to-action-links-grid:where(.block-call-to-action-links, .block-call-to-action-links *) {
display: grid;
grid-template-columns: 1fr 1fr ;
gap: 2rem;
margin-top: 6rem;
}
.call-to-action-links-grid.has-three-columns:where(.block-call-to-action-links, .block-call-to-action-links *) {
grid-template-columns: 1fr 1fr 1fr;
}
.call-to-action-links-grid a:where(.block-call-to-action-links, .block-call-to-action-links *) {
font-weight: normal;
align-items: flex-start;
padding: 2.5rem;
}
.call-to-action-links-grid a:hover:where(.block-call-to-action-links, .block-call-to-action-links *) {
text-decoration: none !important;
}
.call-to-action-links-grid h3:where(.block-call-to-action-links, .block-call-to-action-links *) {
margin: 0 0 1rem 0;
font-size: 2.4rem;
}
.call-to-action-links-grid p:where(.block-call-to-action-links, .block-call-to-action-links *) {
margin: 0;
}
/* Desktop small */
@media only screen and (max-width: 900px) {
.call-to-action-links-grid:where(.block-call-to-action-links, .block-call-to-action-links *) {
grid-template-columns: 1fr;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* call-to-action-tiny.css */
/* Button Portrait */
.cta-button-portrait:where(.block-call-to-action-tiny, .block-call-to-action-tiny *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-call-to-action-tiny, .block-call-to-action-tiny *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-call-to-action-tiny, .block-call-to-action-tiny *) {
margin-right: 1rem;
}
span.check-mark:where(.block-call-to-action-tiny, .block-call-to-action-tiny *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-call-to-action-tiny, .block-call-to-action-tiny *) {
margin-left: 8rem;
}
/* Desktop small */
@media only screen and (max-width: 1100px) {
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-blogs.css */
.block-carousel-wrapper .splide:where(.block-carousel---blogs, .block-carousel---blogs *) {
margin-top: 6rem;
margin-bottom: 4rem;
}
.block-carousel---blogs .heading-size-6 {
margin-top: 0;
}
.block-carousel---blogs h2 {
max-width: 65rem;
margin-left: 0;
}
.block-carousel---blogs .wp-block-buttons {
justify-content: center;
}
.blog-card-image figure:where(.block-carousel---blogs, .block-carousel---blogs *) {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
}
.blog-card-image figure img:where(.block-carousel---blogs, .block-carousel---blogs *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.block-carousel-wrapper > p:where(.block-carousel---blogs, .block-carousel---blogs *) {
text-align: center;
}
.block-carousel-wrapper > h2:where(.block-carousel---blogs, .block-carousel---blogs *) {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.blog-card-content:where(.block-carousel---blogs, .block-carousel---blogs *) {
padding: 2.5rem;
display: flex;
flex-direction: column;
height: 100%;
}
.blog-card-content p:where(.block-carousel---blogs, .block-carousel---blogs *) {
margin-bottom: auto;
}
.blog-card-content h3 a:where(.block-carousel---blogs, .block-carousel---blogs *) {
text-decoration: none;
}
.blog-card-content h3:where(.block-carousel---blogs, .block-carousel---blogs *) {
margin: 0 0 1rem 0;
}
.blog-card:where(.block-carousel---blogs, .block-carousel---blogs *) {
display: flex;
flex-direction: column;
}
.blog-card-content a:last-of-type:where(.block-carousel---blogs, .block-carousel---blogs *) {
margin-top: 3rem;
}
/* Carousel */
.splide:where(.block-carousel---blogs, .block-carousel---blogs *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---blogs, .block-carousel---blogs *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---blogs, .block-carousel---blogs *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---blogs, .block-carousel---blogs *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---blogs, .block-carousel---blogs *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---blogs, .block-carousel---blogs *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---blogs, .block-carousel---blogs *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---blogs, .block-carousel---blogs *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---blogs, .block-carousel---blogs *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---blogs, .block-carousel---blogs *) {
background: #fff !important;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---blogs, .block-carousel---blogs *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---blogs, .block-carousel---blogs *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---blogs, .block-carousel---blogs *) {
left: 6rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-case-studies.css */
.carousel-case-studies-item:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
display: flex;
}
.carousel-case-studies-item-left:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
flex: 5;
border-radius: 0 0 50px 0;
padding: 6rem;
display: flex;
flex-direction: column;
}
.carousel-case-studies-item-right:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
flex: 3;
padding: 6rem 4rem;
}
.case-study-person img:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
width: 75px;
height: 74px;
object-fit: cover;
border-radius: 100%;
}
p.case-study-quote:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
margin-top: 0;
margin-left: 0;
line-height: 1;
}
.case-study-person:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
display: flex;
gap: 2rem;
margin-top: auto;
}
.case-study-person p:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
margin: 0;
}
.carousel-case-studies-item-right b:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
display: block;
}
.carousel-case-studies-item-right p:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
border-bottom: 1px solid rgb(13 47 46 / 25%);
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.carousel-case-studies-item-right p:last-of-type:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* Carousel */
.splide:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
background: #fff !important;
}
.block-carousel---case-studies .my-slider-progress {
background: rgb(255 255 255 / 25%);
}
.block-carousel---case-studies .splide__arrows {
color: #fff;
}
.block-carousel---case-studies .splide {
margin-top: 0 !important;
}
.block-carousel---case-studies .max-width-mid-column {
margin-bottom: 6rem;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
left: 6rem;
}
.carousel-case-studies-item-right:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
flex: 2;
}
.carousel-case-studies-item-left:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
flex: 3;
}
}
/* Tablet */
@media only screen and (max-width: 900px) {
.carousel-case-studies-item:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
flex-direction: column;
}
.carousel-case-studies-item-left:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
padding: 4rem 3rem 3rem 3rem;
}
.carousel-case-studies-item-right:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
padding: 3rem 3rem 4rem 3rem;
}
.case-study-person img:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
width: 60px;
height: 60px;
}
.case-study-person:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
gap: 1.5rem;
}
.carousel-case-studies-item-right p:where(.block-carousel---case-studies, .block-carousel---case-studies *) {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-images.css */
.carousel-images-item-content:where(.block-carousel---images, .block-carousel---images *) {
position: absolute;
bottom: 0;
padding: 3rem;
color: #fff;
}
.block-carousel-wrapper .heading-size-6:where(.block-carousel---images, .block-carousel---images *) {
margin-top: 0;
}
.block-carousel-wrapper .splide:where(.block-carousel---images, .block-carousel---images *) {
margin-top: 6rem;
margin-bottom: 4rem;
}
.carousel-images-item figure:where(.block-carousel---images, .block-carousel---images *) {
position: relative;
height: 0;
padding-bottom: 135%;
overflow: hidden;
width: 100%;
transition: .3s;
}
.carousel-images-item figure img:where(.block-carousel---images, .block-carousel---images *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel-images-item-content h3:where(.block-carousel---images, .block-carousel---images *) {
margin-bottom: 1.5rem;
}
.carousel-images-item-content .link-has-arrow-large:where(.block-carousel---images, .block-carousel---images *):before {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.25 25C49.25 38.3929 38.3929 49.25 25 49.25C11.6071 49.25 0.75 38.3929 0.75 25C0.75 11.6071 11.6071 0.75 25 0.75C38.3929 0.75 49.25 11.6071 49.25 25Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M22 33L29 25L22 17' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.carousel-images-item-content .link-has-arrow-large:hover:where(.block-carousel---images, .block-carousel---images *):before {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.25 25C49.25 38.3929 38.3929 49.25 25 49.25C11.6071 49.25 0.75 38.3929 0.75 25C0.75 11.6071 11.6071 0.75 25 0.75C38.3929 0.75 49.25 11.6071 49.25 25Z' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M22 33L29 25L22 17' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
/* Carousel */
.splide:where(.block-carousel---images, .block-carousel---images *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---images, .block-carousel---images *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---images, .block-carousel---images *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---images, .block-carousel---images *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---images, .block-carousel---images *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---images, .block-carousel---images *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---images, .block-carousel---images *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---images, .block-carousel---images *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---images, .block-carousel---images *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---images, .block-carousel---images *) {
background: #fff !important;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---images, .block-carousel---images *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---images, .block-carousel---images *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---images, .block-carousel---images *) {
left: 6rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-people.css */
.carousel-people-item-inner:where(.block-carousel---people, .block-carousel---people *) {
display: flex;
padding: 3rem 6rem;
gap: 8rem;
align-items: center;
}
.carousel-people-item-left:where(.block-carousel---people, .block-carousel---people *) {
flex: 4;
}
.carousel-people-item-right:where(.block-carousel---people, .block-carousel---people *) {
flex: 2;
}
.carousel-people-item-right img:where(.block-carousel---people, .block-carousel---people *) {
width: 100%;
max-width: 30rem;
}
.carousel-people-item-inner.image-position-left:where(.block-carousel---people, .block-carousel---people *) {
flex-direction: row-reverse;
}
.carousel-people-item-right p:where(.block-carousel---people, .block-carousel---people *) {
margin: 2rem 0 0 0;
}
.carousel-people-item-right p b:where(.block-carousel---people, .block-carousel---people *) {
display: block;
}
.carousel-people-item-left h2:where(.block-carousel---people, .block-carousel---people *) {
margin-top: 0;
}
.block-carousel---people .splide {
margin-top: 0 !important;
}
.block-carousel---people .max-width-mid-column {
margin-bottom: 6rem;
}
.block-carousel---people .splide:not(.is-overflow) .my-slider-progress, .block-carousel---people .splide:not(.is-overflow) .splide__arrows {
display: none;
}
.arrows-color-white .my-slider-progress-bar:where(.block-carousel---people, .block-carousel---people *) {
background: #fff !important;
}
.arrows-color-white .my-slider-progress:where(.block-carousel---people, .block-carousel---people *) {
background: rgb(255 255 255 / 25%);
}
.arrows-color-white .splide__arrow:where(.block-carousel---people, .block-carousel---people *) {
color: #fff;
}
.arrows-color-dark .my-slider-progress:where(.block-carousel---people, .block-carousel---people *) {
background: rgb(13 47 46 / 25%);
}
.arrows-color-dark .splide__arrow:where(.block-carousel---people, .block-carousel---people *) {
color: #0D2F2E;
}
.slide-background-color-champagne .carousel-people-item:where(.block-carousel---people, .block-carousel---people *) {
background: #f8f6ec !important;
}
/* Carousel */
.splide:where(.block-carousel---people, .block-carousel---people *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---people, .block-carousel---people *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---people, .block-carousel---people *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---people, .block-carousel---people *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---people, .block-carousel---people *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---people, .block-carousel---people *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---people, .block-carousel---people *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---people, .block-carousel---people *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---people, .block-carousel---people *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---people, .block-carousel---people *) {
background: #fff !important;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---people, .block-carousel---people *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---people, .block-carousel---people *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---people, .block-carousel---people *) {
left: 6rem;
}
.carousel-people-item-inner:where(.block-carousel---people, .block-carousel---people *) {
gap: 4rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
.carousel-people-item-inner:where(.block-carousel---people, .block-carousel---people *) {
flex-direction: column !important;
padding: 3rem;
gap: 3rem;
}
.carousel-people-item-right:where(.block-carousel---people, .block-carousel---people *) {
align-self: flex-end;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-products.css */
.block-carousel-wrapper .splide:where(.block-carousel---products, .block-carousel---products *) {
margin-top: 6rem;
margin-bottom: 4rem;
}
.block-carousel---products .heading-size-6 {
margin-top: 0;
}
.block-carousel---products h2 {
max-width: 65rem;
margin-left: 0;
}
li.product-card:where(.block-carousel---products, .block-carousel---products *) {
border: 1px solid rgb(13 47 46 / 25%);
}
li.product-card img:where(.block-carousel---products, .block-carousel---products *) {
height: 4rem;
display: block;
max-width: 20rem;
object-fit: contain;
object-position: left;
}
.product-card-header:where(.block-carousel---products, .block-carousel---products *) {
border-bottom: 1px solid rgb(13 47 46 / 25%);
padding: 3rem;
}
.product-card-content:where(.block-carousel---products, .block-carousel---products *) {
padding: 3rem;
}
.product-card-content .rating-wrapper:where(.block-carousel---products, .block-carousel---products *) {
margin-bottom: 3rem;
}
.product-card-header p:where(.block-carousel---products, .block-carousel---products *) {
margin: 2rem 0 0 0;
}
.product-card .review-stars-wrapper:where(.block-carousel---products, .block-carousel---products *) {
margin-bottom: 4rem;
}
/* Review stars */
.review-stars:where(.block-carousel---products, .block-carousel---products *) {
position: relative;
display: inline-block;
background: #fcd587;
}
.review-stars-background:where(.block-carousel---products, .block-carousel---products *) {
position: absolute;
background: #ffb202;
height: 100%;
z-index: 1;
}
.review-stars svg:where(.block-carousel---products, .block-carousel---products *) {
z-index: 2;
position: relative;
}
/* Carousel */
.splide:where(.block-carousel---products, .block-carousel---products *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---products, .block-carousel---products *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---products, .block-carousel---products *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---products, .block-carousel---products *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---products, .block-carousel---products *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---products, .block-carousel---products *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---products, .block-carousel---products *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---products, .block-carousel---products *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---products, .block-carousel---products *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---products, .block-carousel---products *) {
background: #fff !important;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---products, .block-carousel---products *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---products, .block-carousel---products *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---products, .block-carousel---products *) {
left: 6rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-reviews.css */
.carousel-reviews-toggle-item:where(.block-carousel---reviews, .block-carousel---reviews *) {
position: relative;
display: flex;
flex-direction: column;
padding: 2.5rem;
}
.carousel-reviews-toggle-item p:where(.block-carousel---reviews, .block-carousel---reviews *) {
margin: 0;
}
.carousel-reviews-toggle-footer:where(.block-carousel---reviews, .block-carousel---reviews *) {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.slide-timer:where(.block-carousel---reviews, .block-carousel---reviews *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.slide-timer-bg:where(.block-carousel---reviews, .block-carousel---reviews *) {
fill: none;
stroke: rgba(0, 0, 0, 0.1);
stroke-width: 2;
}
.slide-timer-progress:where(.block-carousel---reviews, .block-carousel---reviews *) {
fill: none;
stroke: #000;
stroke-width: 2;
stroke-dasharray: 301.59; /* Circumference of circle (2 * π * r) where r=48 */
stroke-dashoffset: 301.59; /* Default state: empty */
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: none;
}
.carousel-reviews-profile:where(.block-carousel---reviews, .block-carousel---reviews *) {
width: 80px;
height: 80px;
position: relative;
}
.carousel-reviews-profile img:where(.block-carousel---reviews, .block-carousel---reviews *) {
width: 80%;
height: 80%;
object-fit: contain;
border-radius: 100%;
margin: 10%;
background: #fff;
}
.block-carousel---reviews .splide__track--nav>.splide__list>.splide__slide {
background: transparent !important;
border: 1px solid rgb(13 47 46 / 25%) !important;
transition: .3s;
}
.has-primary-dark-background-color .block-carousel---reviews .splide__track--nav>.splide__list>.splide__slide {
border: 1px solid rgb(255 255 255 / 25%) !important;
}
.block-carousel---reviews .splide__track--nav>.splide__list>.splide__slide.is-active {
background: #F8F6EC !important;
border-color: #F8F6EC !important;
color: #0D2F2E;
}
.block-carousel---reviews h2.heading-size-6 {
text-align: left;
}
.carousel-reviews-quotes-item .heading-size-2:where(.block-carousel---reviews, .block-carousel---reviews *) {
line-height: 1.1;
max-width: 80rem !important;
margin: 0 0 3rem 0;
}
.carousel-reviews-quotes-item p:where(.block-carousel---reviews, .block-carousel---reviews *) {
max-width: 75rem !important;
}
/* Active slide fills the circle */
.slide-timer-progress.is-filling:where(.block-carousel---reviews, .block-carousel---reviews *) {
animation: fillCircle 7s linear forwards;
}
@keyframes fillCircle {
from {
stroke-dashoffset: 301.59;
}
to {
stroke-dashoffset: 0;
}
}
/* Carousel */
.splide:where(.block-carousel---reviews, .block-carousel---reviews *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel---reviews, .block-carousel---reviews *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-carousel---reviews, .block-carousel---reviews *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel---reviews, .block-carousel---reviews *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel---reviews, .block-carousel---reviews *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: #fff !important;
}
.block-carousel---case-studies .my-slider-progress:where(.block-carousel---reviews, .block-carousel---reviews *) {
background: rgb(255 255 255 / 25%);
}
.block-carousel---case-studies .splide__arrows:where(.block-carousel---reviews, .block-carousel---reviews *) {
color: #fff;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-carousel---reviews, .block-carousel---reviews *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-carousel---reviews, .block-carousel---reviews *) {
right: 0;
}
.splide__arrow--prev:where(.block-carousel---reviews, .block-carousel---reviews *) {
left: 6rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* carousel-team.css */
/* Images scroller */
@keyframes first-team-member-ticker {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-125vw, 0, 0);
}
}
/* Images scroller */
@keyframes second-team-member-ticker {
-100% {
transform: translate3d(0, 0, 0);
}
0% {
transform: translate3d(-125vw, 0, 0);
}
}
.carousel-team-wrapper-members-first:where(.block-carousel-team, .block-carousel-team *) {
animation: first-team-member-ticker 35s linear infinite;
}
.carousel-team-wrapper-members-second:where(.block-carousel-team, .block-carousel-team *) {
animation: second-team-member-ticker 35s linear infinite;
}
.carousel-team-wrapper-members-first:hover:where(.block-carousel-team, .block-carousel-team *), .carousel-team-wrapper-members-second:hover:where(.block-carousel-team, .block-carousel-team *) {
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
}
.block-carousel-team {
overflow: hidden;
}
.carousel-team-wrapper:where(.block-carousel-team, .block-carousel-team *) {
margin-top: 6rem;
}
.carousel-team-wrapper-members:where(.block-carousel-team, .block-carousel-team *) {
white-space: nowrap;
height: auto;
margin-left: 0;
}
.carousel-team-member:where(.block-carousel-team, .block-carousel-team *) {
display: inline-block;
max-width: none !important;
width: 25vw;
height: 15vw;
padding: 0.5vw;
}
.carousel-team-member-inner:where(.block-carousel-team, .block-carousel-team *) {
height: 100%;
width: 100%;
display: flex;
align-items: flex-end;
border-radius: 1.5vw;
overflow: hidden;
transition: .3s;
position: relative;
}
.carousel-team-member-inner img:where(.block-carousel-team, .block-carousel-team *) {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel-team-member-inner:hover:where(.block-carousel-team, .block-carousel-team *) {
border-radius: 0;
}
.carousel-team-member-inner:hover .carousel-team-member-details:where(.block-carousel-team, .block-carousel-team *){
transform: translate(0%, 0%);
}
.carousel-team-member-details:where(.block-carousel-team, .block-carousel-team *) {
background: #fff;
color: #0c2f2e;
padding: 1rem 3rem 1rem 2rem;
border-radius: 0 4rem 0 0;
transform: translate(-100%, 100%);
transition: .3s;
}
.carousel-team-member-details p:where(.block-carousel-team, .block-carousel-team *) {
margin: 0;
}
.splide__arrows.splide__arrows--ltr:where(.block-carousel-team, .block-carousel-team *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-carousel-team, .block-carousel-team *) {
background: transparent;
border: 2px solid #0D2F2E;
width: 5rem;
height: 5rem;
}
.splide__arrow svg:where(.block-carousel-team, .block-carousel-team *) {
fill: #0D2F2E;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-carousel-team, .block-carousel-team *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-carousel-team, .block-carousel-team *) {
overflow: visible;
}
.my-slider-progress:where(.block-carousel-team, .block-carousel-team *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-carousel-team, .block-carousel-team *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
/* Desktop small */
@media only screen and (max-width: 1200px) {
/* Images scroller */
@keyframes first-team-member-ticker {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-250vw, 0, 0);
}
}
/* Images scroller */
@keyframes second-team-member-ticker {
-100% {
transform: translate3d(0, 0, 0);
}
0% {
transform: translate3d(-250vw, 0, 0);
}
}
.carousel-team-wrapper-members-first:where(.block-carousel-team, .block-carousel-team *) {
animation: first-team-member-ticker 30s linear infinite;
}
.carousel-team-wrapper-members-second:where(.block-carousel-team, .block-carousel-team *) {
animation: second-team-member-ticker 30s linear infinite;
}
.carousel-team-member:where(.block-carousel-team, .block-carousel-team *) {
width: 50vw;
height: 32vw;
padding: 1.5vw;
}
.carousel-team-member-inner:where(.block-carousel-team, .block-carousel-team *) {
border-radius: 2.5vw;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
.carousel-team-member-details:where(.block-carousel-team, .block-carousel-team *) {
transform: none;
position: relative;
}
.carousel-team-member:where(.block-carousel-team, .block-carousel-team *) {
width: 50vw;
height: 50vw;
padding: 1.5vw;
}
.carousel-team-wrapper-members-first:where(.block-carousel-team, .block-carousel-team *) {
animation: first-team-member-ticker 20s linear infinite;
}
.carousel-team-wrapper-members-second:where(.block-carousel-team, .block-carousel-team *) {
animation: second-team-member-ticker 20s linear infinite;
}
.carousel-team-wrapper-members-first:hover:where(.block-carousel-team, .block-carousel-team *), .carousel-team-wrapper-members-second:hover:where(.block-carousel-team, .block-carousel-team *) {
-webkit-animation-play-state:unset;
-moz-animation-play-state:unset;
-o-animation-play-state:unset;
animation-play-state:unset;
}
.carousel-team-member-details:where(.block-carousel-team, .block-carousel-team *) {
border-radius: 0 2rem 0 0;
padding: 0.5rem 2rem 0.5rem 1rem;
font-size: 1.4rem;
}
.carousel-team-member-details .has-small-font-size:where(.block-carousel-team, .block-carousel-team *) {
font-size: 1.1rem !important;
}
.carousel-team-member:where(.block-carousel-team, .block-carousel-team *) {
width: 50vw;
height: 50vw;
padding: 1.5vw;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* compare-nav.css */
.compare-nav-inner-columns:where(.block-compare---nav, .block-compare---nav *) {
display: flex;
}
.compare-nav-left:where(.block-compare---nav, .block-compare---nav *) {
width: 50%;
padding-right: 4rem;
}
.compare-nav-left h2:where(.block-compare---nav, .block-compare---nav *) {
max-width: 45rem;
margin-left: 0;
margin-top: 4rem;
}
.compare-nav-inner .heading-size-6:where(.block-compare---nav, .block-compare---nav *) {
margin-top: 0;
}
.compare-nav-right:where(.block-compare---nav, .block-compare---nav *) {
width: 50%;
}
.compare-nav-item a:where(.block-compare---nav, .block-compare---nav *) {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4rem 4rem 4rem 0;
border-bottom: 1px solid rgb(255 255 255 / 25%);
text-decoration: none;
border-color: rgb(255 255 255 / 25%);
border-top: 1px solid transparent;
}
.compare-nav-items:hover .compare-nav-item a:where(.block-compare---nav, .block-compare---nav *) {
border-color: transparent;
}
.compare-nav-item a:hover:where(.block-compare---nav, .block-compare---nav *) {
border: 1px solid rgb(255 255 255 / 25%) !important;
border-left: 0 !important;
border-radius: 0 10rem 10rem 0;
border-left: 0;
}
.compare-nav-item:hover svg path:first-of-type:where(.block-compare---nav, .block-compare---nav *) {
fill: #3CCBC7;
stroke: none;
}
.compare-nav-item:hover svg path:last-of-type:where(.block-compare---nav, .block-compare---nav *) {
stroke: #0D2F2E;
}
.compare-nav-item a > span:where(.block-compare---nav, .block-compare---nav *) {
display: flex;
flex-direction: column;
}
.compare-nav-item span:where(.block-compare---nav, .block-compare---nav *) {
margin: 0;
}
.compare-nav-item:last-of-type a:where(.block-compare---nav, .block-compare---nav *) {
border-bottom: none;
}
.compare-nav-extra:where(.block-compare---nav, .block-compare---nav *) {
margin-top: 6rem;
padding-top: 6rem;
border-top: 1px solid rgb(255 255 255 / 25%);
}
/* Compare Nav Compact */
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-inner-columns {
display: block;
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-left {
width: 100%;
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-right {
width: 100%;
max-width: 55rem;
border: 1px solid rgb(13 47 46 / 25%);
border-radius: 25px;
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-item {
border-bottom: 1px solid rgb(13 47 46 / 25%);
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-item:last-of-type {
border-bottom: none;
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-item a {
padding: 3rem;
border: none !important;
}
.block-compare---nav:not(.alignwide, .alignfull) .compare-nav-left h2 {
max-width: none;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.compare-nav-item svg:where(.block-compare---nav, .block-compare---nav *) {
width: 4rem;
height: 4rem;
min-width: 4rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.compare-nav-inner-columns:where(.block-compare---nav, .block-compare---nav *) {
flex-direction: column;
}
.compare-nav-right:where(.block-compare---nav, .block-compare---nav *) {
width: 100%;
}
.compare-nav-left:where(.block-compare---nav, .block-compare---nav *) {
width: 100%;
}
.compare-nav-item a:hover:where(.block-compare---nav, .block-compare---nav *) {
border-radius: 0;
border-right: none !important;
}
.compare-nav-item a:where(.block-compare---nav, .block-compare---nav *) {
padding-right: 0;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* competition.css */
.competition-icon:where(.block-competition, .block-competition *) {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%233CCBC7'/%3E%3Cpath d='M22 12L13.0625 21L9 16.9091' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 3rem;
}
.competition-table-row:where(.block-competition, .block-competition *) {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgb(13 47 46 / 25%);
gap: 0 4rem;
}
.competition-table-row:last-of-type:where(.block-competition, .block-competition *) {
border: none;
}
.competition-table-row:last-of-type .competition-icon:where(.block-competition, .block-competition *) {
border-radius: 0 0 2rem 2rem;
}
.competition-icon.competition-icon-cross:where(.block-competition, .block-competition *) {
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23FF703C'/%3E%3Cpath d='M21 12L11 22' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11 12L21 22' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.competition-icon.competition-icon-checkapostrophe:where(.block-competition, .block-competition *):after {
content: "*";
display: block;
margin-left: 4rem;
margin-top: -1rem;
}
.competition-table-row-spacer:where(.block-competition, .block-competition *) {
width: 40%;
}
.competition-table-row-header:where(.block-competition, .block-competition *) {
display: flex;
justify-content: space-between;
gap: 4rem;
}
.competition-table-row-header-item:where(.block-competition, .block-competition *) {
width: 20%;
background: #fff;
text-align: center;
border-radius: 2rem 2rem 0 0;
height: 8rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.competition-table-row-header-item b:where(.block-competition, .block-competition *) {
line-height: 1;
}
.competition-table-row-header-item svg:where(.block-competition, .block-competition *) {
max-height: 2.5rem;
max-width: 75%;
margin-bottom: 0.5rem;
}
.competition-table-row p:where(.block-competition, .block-competition *) {
width: 40%;
margin: 2rem 0;
line-height: 1;
}
.competition-footer:where(.block-competition, .block-competition *) {
margin-left: 40%;
margin-top: 2rem;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
}
/* Tablet */
@media only screen and (max-width: 800px) {
.competition-table-row:where(.block-competition, .block-competition *) {
gap: 0 2rem;
}
.competition-table-row-header:where(.block-competition, .block-competition *) {
gap: 2rem;
}
}
/* Iphone */
@media only screen and (max-width: 500px) {
.competition-table-row:where(.block-competition, .block-competition *) {
gap: 0 1rem;
}
.competition-table-row-header:where(.block-competition, .block-competition *) {
gap: 1rem;
}
.competition-table-row-header-item:where(.block-competition, .block-competition *) {
width: 20%;
height: 6rem;
}
.competition-table-row-header-item svg:where(.block-competition, .block-competition *) {
height: 1.5rem;
}
.competition-icon:where(.block-competition, .block-competition *) {
width: 20%;
}
.wp-block-group__inner-container:where(.block-competition, .block-competition *) {}
.competition-table-wrapper *:where(.block-competition, .block-competition *) {
font-size: 1.2rem !important;
}
.competition-icon:where(.block-competition, .block-competition *) {
background-size: 2rem;
}
.entry-content .competition-table-row-header-item b:where(.block-competition, .block-competition *) {
font-size: 1.2rem !important;
}
.competition-footer:where(.block-competition, .block-competition *) {
margin-left: 0%;
margin-top: 2rem;
}
.competition-table-row p:where(.block-competition, .block-competition *) {
margin: 1rem 0;
}
}
/* content-cards.css */
.content-cards-cards:where(.block-content-cards, .block-content-cards *) {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
margin-top: 6rem;
}
.content-cards-cards.has-two-columns:where(.block-content-cards, .block-content-cards *) {
grid-template-columns: 1fr 1fr;
}
.content-cards-inner> p:where(.block-content-cards, .block-content-cards *) {
text-align: center;
margin-top: 0;
}
.content-cards-inner > h2:where(.block-content-cards, .block-content-cards *) {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 65rem;
}
.content-cards-card-content:where(.block-content-cards, .block-content-cards *) {
padding: 2.5rem;
display: flex;
flex-direction: column;
height: 100%;
}
.content-cards-card-content h3:where(.block-content-cards, .block-content-cards *) {
margin: 0 0 2rem 0;
}
.content-cards-card-content a:last-of-type:where(.block-content-cards, .block-content-cards *) {
margin-top: auto;
}
.content-cards-card:where(.block-content-cards, .block-content-cards *) {
display: flex;
flex-direction: column;
}
.has-text-align-center .content-cards-card-content a:where(.block-content-cards, .block-content-cards *) {
justify-content: center;
}
.content-cards-card-content p:where(.block-content-cards, .block-content-cards *) {
margin-bottom: 4rem;
}
.content-cards-card figure:where(.block-content-cards, .block-content-cards *) {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
}
.content-cards-card figure img:where(.block-content-cards, .block-content-cards *) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Desktop small */
@media only screen and (max-width: 1200px) {
.content-cards-cards:where(.block-content-cards, .block-content-cards *) {
grid-template-columns: 1fr 1fr !important;
}
}
/* Tablet */
@media only screen and (max-width: 600px) {
.content-cards-cards:where(.block-content-cards, .block-content-cards *) {
grid-template-columns: 1fr !important;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* content-product.css */
.image-position-right.block-content-product-inner:where(.block-content---product, .block-content---product *) {
flex-direction: row-reverse;
}
.block-content---product .block-content-right {
padding: 4rem 4rem 4rem 0;
}
.block-content---product figure {
width: 100%;
margin-top: -100px;
}
.block-content---product .block-content-product-inner {
overflow: visible;
}
.block-content-product-inner:where(.block-content---product, .block-content---product *) {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4rem;
gap: 4rem;
}
.block-content-product-left:where(.block-content---product, .block-content---product *) {
width: 50%;
}
.block-content-product-right:where(.block-content---product, .block-content---product *) {
width: 50%;
}
.block-content-product-right figure img:where(.block-content---product, .block-content---product *) {
width: 100%;
}
.block-content-product-inner.image-left:where(.block-content---product, .block-content---product *) {
flex-direction: row-reverse;
}
.block-content-product-inner h2:where(.block-content---product, .block-content---product *) {
margin-top: 0;
}
.block-content-product-left .heading-size-6:where(.block-content---product, .block-content---product *) {
margin-top: 0;
}
ul.block-content-product-inner-usps svg:where(.block-content---product, .block-content---product *) {
min-width: 5rem;
margin: 0.25rem 2.5rem 0 0;
width: 5rem;
height: 5rem;
}
ul.block-content-product-inner-usps li:where(.block-content---product, .block-content---product *) {
display: flex;
align-items: flex-start;
margin: 0;
padding: 2rem 0;
border-bottom: 1px solid rgb(12 47 46 / 25%);
}
ul.block-content-product-inner-usps li:last-of-type:where(.block-content---product, .block-content---product *) {
border: none;
}
ul.block-content-product-inner-usps:where(.block-content---product, .block-content---product *) {
margin: 0;
}
ul.block-content-product-inner-usps h4:where(.block-content---product, .block-content---product *) {
margin-top: 1rem;
margin-bottom: 1rem;
}
ul.block-content-product-inner-usps li:first-of-type:where(.block-content---product, .block-content---product *) {
padding-top: 0;
}
ul.block-content-product-inner-usps li:last-of-type:where(.block-content---product, .block-content---product *) {
padding-bottom: 0;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
ul.block-content-product-inner-usps svg:where(.block-content---product, .block-content---product *) {
width: 4rem;
min-width: 4rem;
height: 4rem;
margin: 0.25rem 1.5rem 0 0;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-content-product-inner.image-left:where(.block-content---product, .block-content---product *) {
flex-direction: column-reverse;
}
.block-content-product-inner.image-right:where(.block-content---product, .block-content---product *) {
flex-direction: column-reverse;
}
.block-content-product-left:where(.block-content---product, .block-content---product *) {
width: 100%;
}
.block-content-product-right:where(.block-content---product, .block-content---product *) {
width: 100%;
margin-bottom: 4rem;
}
.block-content-product-inner:where(.block-content---product, .block-content---product *) {
flex-direction: column;
}
.block-content-product-left:where(.block-content---product, .block-content---product *) {
width: 100%;
}
.block-content-product-right:where(.block-content---product, .block-content---product *) {
width: 100%;
margin-bottom: 0;
}
.block-content-product-inner:where(.block-content---product, .block-content---product *) {
flex-direction: column !important;
}
.block-content-product-left:where(.block-content---product, .block-content---product *) {
width: 100%;
max-width: 45rem;
}
.block-content-product-right:where(.block-content---product, .block-content---product *) {
width: 100%;
}
.block-content-product-inner:where(.block-content---product, .block-content---product *) {
padding: 3rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* content-quote.css */
.block-content-inner:where(.block-content-quote, .block-content-quote *) {
display: flex;
align-items: center;
justify-content: space-between;
}
.block-content-left:where(.block-content-quote, .block-content-quote *) {
width: 47%;
}
.block-content-right:where(.block-content-quote, .block-content-quote *) {
width: 47%;
}
.block-content-inner.image-left:where(.block-content-quote, .block-content-quote *) {
flex-direction: row-reverse;
}
.block-content-quote .block-content-right figure {
width: 75%;
margin: auto;
}
.block-content-inner h2:where(.block-content-quote, .block-content-quote *) {
margin-top: 0;
}
.block-content-left .heading-size-6:where(.block-content-quote, .block-content-quote *) {
margin-top: 0;
}
.block-content-right figure img:where(.block-content-quote, .block-content-quote *) {
width: 100%;
}
.block-content-inner .contact-person-figure:where(.block-content-quote, .block-content-quote *) {
max-width: 6rem;
}
.block-content-inner .contact-person:where(.block-content-quote, .block-content-quote *) {
margin: 4rem 0;
}
.block-content-inner .contact-person p:where(.block-content-quote, .block-content-quote *) {
margin: 0;
}
/* Button Portrait */
.cta-button-portrait:where(.block-content-quote, .block-content-quote *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-content-quote, .block-content-quote *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-content-quote, .block-content-quote *) {
margin-right: 1rem;
}
span.check-mark:where(.block-content-quote, .block-content-quote *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content-quote, .block-content-quote *) {
margin-left: 8rem;
}
.cta-button-portrait .wp-block-buttons:where(.block-content-quote, .block-content-quote *) {
flex-wrap: nowrap;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.cta-button-portrait img:where(.block-content-quote, .block-content-quote *) {
width: 4.5rem;
height: 4.5rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-content-inner.image-left:where(.block-content-quote, .block-content-quote *) {
flex-direction: column-reverse;
}
.block-content-inner.image-right:where(.block-content-quote, .block-content-quote *) {
flex-direction: column-reverse;
}
.block-content-left:where(.block-content-quote, .block-content-quote *) {
width: 100%;
}
.block-content-right:where(.block-content-quote, .block-content-quote *) {
width: 100%;
margin-bottom: 4rem;
}
.block-content-quote .block-content-right figure {
margin-left: 0;
}
.block-content-inner .contact-person:where(.block-content-quote, .block-content-quote *) {
margin: 2rem 0;
}
}
@media only screen and (max-width: 700px) {
.cta-button-portrait img:where(.block-content-quote, .block-content-quote *) {
margin-right: 0;
}
.cta-button-portrait .wp-block-buttons:where(.block-content-quote, .block-content-quote *) {
gap: 0;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content-quote, .block-content-quote *) {
margin-left: 5.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 600px) {
.block-content-quote .block-content-right figure {
width: 100%;
}
}
/* content-steps.css */
.block-content-inner:where(.block-content---steps, .block-content---steps *) {
display: flex;
align-items: center;
justify-content: space-between;
}
.block-content-left:where(.block-content---steps, .block-content---steps *) {
width: 47%;
}
.block-content-right:where(.block-content---steps, .block-content---steps *) {
width: 47%;
}
.block-content-right figure img:where(.block-content---steps, .block-content---steps *) {
width: 100%;
}
.block-content-inner.image-left:where(.block-content---steps, .block-content---steps *) {
flex-direction: row-reverse;
}
.block-content-inner h2:where(.block-content---steps, .block-content---steps *) {
margin-top: 0;
}
.block-content-left .heading-size-6:where(.block-content---steps, .block-content---steps *) {
margin-top: 0;
}
ul.block-content-inner-steps span.block-content-number:where(.block-content---steps, .block-content---steps *) {
min-width: 5rem;
margin: 0.25rem 2.5rem 0 0;
width: 5rem;
height: 5rem;
border: 1px solid;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
ul.block-content-inner-steps li:where(.block-content---steps, .block-content---steps *) {
display: flex;
align-items: flex-start;
margin: 0;
padding: 2rem 0;
border-bottom: 1px solid rgb(12 47 46 / 25%);
}
ul.block-content-inner-steps li:last-of-type:where(.block-content---steps, .block-content---steps *) {
border: none;
}
ul.block-content-inner-steps:where(.block-content---steps, .block-content---steps *) {
margin: 0;
}
ul.block-content-inner-steps h4:where(.block-content---steps, .block-content---steps *) {
margin-top: 1rem;
margin-bottom: 1rem;
}
/* Button Portrait */
.cta-button-portrait:where(.block-content---steps, .block-content---steps *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-content---steps, .block-content---steps *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-content---steps, .block-content---steps *) {
margin-right: 1rem;
}
span.check-mark:where(.block-content---steps, .block-content---steps *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content---steps, .block-content---steps *) {
margin-left: 8rem;
}
.cta-button-portrait .wp-block-buttons:where(.block-content---steps, .block-content---steps *) {
flex-wrap: nowrap;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
ul.block-content-inner-steps span.block-content-number:where(.block-content---steps, .block-content---steps *) {
min-width: 4rem;
width: 4rem;
height: 4rem;
margin: 0.25rem 1.5rem 0 0;
}
.cta-button-portrait img:where(.block-content---steps, .block-content---steps *) {
width: 4.5rem;
height: 4.5rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-content-inner.image-left:where(.block-content---steps, .block-content---steps *) {
flex-direction: column-reverse;
}
.block-content-inner.image-right:where(.block-content---steps, .block-content---steps *) {
flex-direction: column-reverse;
}
.block-content-left:where(.block-content---steps, .block-content---steps *) {
width: 100%;
}
.block-content-right:where(.block-content---steps, .block-content---steps *) {
width: 100%;
margin-bottom: 4rem;
}
}
@media only screen and (max-width: 700px) {
.cta-button-portrait img:where(.block-content---steps, .block-content---steps *) {
margin-right: 0;
}
.cta-button-portrait .wp-block-buttons:where(.block-content---steps, .block-content---steps *) {
gap: 0;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content---steps, .block-content---steps *) {
margin-left: 5.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* content-usps.css */
.block-content---usps .block-content-inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.block-content---usps span.check-mark svg path {
stroke: currentColor;
}
.block-content-left:where(.block-content---usps, .block-content---usps *) {
width: 47%;
}
.block-content-right:where(.block-content---usps, .block-content---usps *) {
width: 47%;
}
.block-content-right figure img:where(.block-content---usps, .block-content---usps *) {
width: 100%;
}
.block-content-right p.heading-size-6:where(.block-content---usps, .block-content---usps *) {
margin-top: 0;
}
.block-content-inner.image-left:where(.block-content---usps, .block-content---usps *) {
flex-direction: row-reverse;
}
.block-content-inner h2:where(.block-content---usps, .block-content---usps *) {
margin-top: 0;
}
.block-content-left .heading-size-6:where(.block-content---usps, .block-content---usps *) {
margin-top: 0;
}
ul.block-content-inner-usps svg:where(.block-content---usps, .block-content---usps *) {
min-width: 5rem;
margin: 0.25rem 2.5rem 0 0;
width: 5rem;
height: 5rem;
}
ul.block-content-inner-usps li:where(.block-content---usps, .block-content---usps *) {
display: flex;
align-items: flex-start;
margin: 0;
padding: 2rem 0;
border-bottom: 1px solid rgb(12 47 46 / 25%);
}
.has-primary-dark-background-color ul.block-content-inner-usps li:where(.block-content---usps, .block-content---usps *) {
border-color: rgb(255 255 255 / 25%);
}
ul.block-content-inner-usps li:last-of-type:where(.block-content---usps, .block-content---usps *) {
border: none;
}
ul.block-content-inner-usps:where(.block-content---usps, .block-content---usps *) {
margin: 0;
}
ul.block-content-inner-usps h4:where(.block-content---usps, .block-content---usps *) {
margin-top: 1rem;
margin-bottom: 1rem;
}
/* Button Portrait */
.cta-button-portrait:where(.block-content---usps, .block-content---usps *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-content---usps, .block-content---usps *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-content---usps, .block-content---usps *) {
margin-right: 1rem;
}
span.check-mark:where(.block-content---usps, .block-content---usps *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content---usps, .block-content---usps *) {
margin-left: 8rem;
}
.cta-button-portrait .wp-block-buttons:where(.block-content---usps, .block-content---usps *) {
flex-wrap: nowrap;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
ul.block-content-inner-usps svg:where(.block-content---usps, .block-content---usps *) {
width: 4rem;
min-width: 4rem;
height: 4rem;
margin: 0.25rem 1.5rem 0 0;
}
.cta-button-portrait img:where(.block-content---usps, .block-content---usps *) {
width: 4.5rem;
height: 4.5rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-content-inner.image-left:where(.block-content---usps, .block-content---usps *) {
flex-direction: column-reverse;
}
.block-content-inner.image-right:where(.block-content---usps, .block-content---usps *) {
flex-direction: column-reverse;
}
.block-content-left:where(.block-content---usps, .block-content---usps *) {
width: 100%;
}
.block-content-right:where(.block-content---usps, .block-content---usps *) {
width: 100%;
margin-bottom: 4rem;
}
}
@media only screen and (max-width: 700px) {
.cta-button-portrait img:where(.block-content---usps, .block-content---usps *) {
margin-right: 0;
}
.cta-button-portrait .wp-block-buttons:where(.block-content---usps, .block-content---usps *) {
gap: 0;
}
.cta-button-portrait.has-image span.check-mark:where(.block-content---usps, .block-content---usps *) {
margin-left: 5.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* expert.css */
.block-expert {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.block-expert-inner {
border: 1px solid rgb(13 47 46 / 25%);
}
.block-expert-header {
padding: 3rem;
border-bottom: 1px solid rgb(13 47 46 / 25%);
}
.block-expert-header h4 {
margin: 0;
}
.block-expert-columns {
padding: 3rem;
display: flex;
gap: 4rem;
}
.block-expert-columns .block-expert-column {
width: 50%;
}
.block-expert-footer {
border-top: 1px solid rgb(13 47 46 / 25%);
padding: 3rem;
display: flex;
align-items: center;
}
.block-expert-footer img {
width: 5rem;
height: 5rem;
object-fit: cover;
border-radius: 100%;
}
.block-expert-footer p {
margin: 0 0 0 2rem;
}
.block-expert-column ul, .block-expert-column ol {
margin: 0 0 1em 0;
}
@media only screen and (max-width: 1000px) {
.block-expert {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
}
@media only screen and (max-width: 700px) {
.block-expert {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.block-expert-columns.has-small-font-size {
display: block;
}
.block-expert-columns .block-expert-column {
width: 100%;
}
}
/* hero-finner.css */
.block-hero-finner {
padding-top: 16rem !important;
}
.hero-finner-inner:where(.block-hero-finner, .block-hero-finner *) {
display: flex;
align-items: center;
justify-content: space-between;
}
.hero-finner-inner-content:where(.block-hero-finner, .block-hero-finner *) {
width: 50%;
}
.block-hero-finner h1 {
margin-top: 0;
}
.hero-finner-inner-content > *:not(a.link-has-arrow-large):where(.block-hero-finner, .block-hero-finner *) {
padding-right: 4rem;
}
.hero-finner-inner-image:where(.block-hero-finner, .block-hero-finner *) {
width: 50%;
max-width: 55rem;
padding-left: 8rem;
padding-right: 4rem;
}
.block-hero-finner .wp-block-buttons {
margin-top: 6rem;
}
.block-hero-finner .wp-block-buttons .wp-block-button:last-of-type {
margin-right: 1.5rem;
}
.block-hero-finner .link-has-arrow-large:before {
background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 28L25 35L33 28' stroke='%230D2F2E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 35L25 15' stroke='%230D2F2E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-color: #3CCBC7;
}
.block-hero-finner .link-has-arrow-large:hover:before {
animation: arrowhover 1.25s ease infinite;
background-size: cover;
}
@keyframes arrowhover {
0% {
background-position: center;
}
30% {
background-position: center 5rem;
}
31% {
background-position: 10rem 5rem;
}
32% {
background-position: center -5rem;
}
60% {
background-position: center;
}
}
/* Has Line */
a.link-has-arrow-large.cta-scroll-hint-has-line:where(.block-hero-finner, .block-hero-finner *) {
display: flex;
position: relative;
}
a.link-has-arrow-large.cta-scroll-hint-has-line:where(.block-hero-finner, .block-hero-finner *):after {
content: "";
width: 100%;
height: 40rem;
position: absolute;
top: 2.5rem;
border-radius: 0 15rem 0 0;
border-top: 1px solid rgb(13 47 46 / 25%);
border-right: 1px solid rgb(13 47 46 / 25%);
z-index: 1;
pointer-events: none;
}
a.link-has-arrow-large.cta-scroll-hint-has-line span:where(.block-hero-finner, .block-hero-finner *) {
display: block;
background: #f8f6ed;
padding: 0 1.5rem;
z-index: 2;
}
a.link-has-arrow-large.cta-scroll-hint-has-line:where(.block-hero-finner, .block-hero-finner *):before {
margin-right: 0;
z-index: 2;
}
/* Bullets USPs */
ul.bullets-usps li:where(.block-hero-finner, .block-hero-finner *):before {
content: "";
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.75' stroke='%230D2F2E' stroke-width='1.5'/%3E%3Cpath d='M18.3819 8.82162L10.2937 16.9099L6.61719 13.2334' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
ul.bullets-usps li:where(.block-hero-finner, .block-hero-finner *) {
list-style: none;
margin: 1rem 0 0 0;
display: flex;
align-items: center;
font-weight: bold;
}
.hero-finner-inner ul.bullets-usps:where(.block-hero-finner, .block-hero-finner *) {
margin: 0;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.hero-finner-inner-content > *:not(a.link-has-arrow-large):where(.block-hero-finner, .block-hero-finner *) {
padding-right: 0;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-hero-finner {
padding-top: 10rem !important;
}
.hero-finner-inner:where(.block-hero-finner, .block-hero-finner *) {
flex-direction: column-reverse;
}
.hero-finner-inner-content:where(.block-hero-finner, .block-hero-finner *) {
width: 100%;
}
.hero-finner-inner-image:where(.block-hero-finner, .block-hero-finner *) {
width: 100%;
padding: 0;
margin-right: auto;
margin-bottom: 4rem;
max-width: 40rem;
}
.block-hero-finner .wp-block-buttons {
margin-top: 3rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* hero-homepage.css */
.block-hero-homepage {
padding-top: 16rem !important;
}
.hero-homepage-inner:where(.block-hero-homepage, .block-hero-homepage *) {
display: flex;
justify-content: space-between;
align-items: center;
}
.hero-homepage-inner-content:where(.block-hero-homepage, .block-hero-homepage *) {
width: 50%;
padding-right: 4rem;
}
.hero-homepage-inner-content h1:where(.block-hero-homepage, .block-hero-homepage *) {
margin-top: 0;
margin-bottom: 1rem;
}
.hero-homepage-inner-image:where(.block-hero-homepage, .block-hero-homepage *) {
width: 50%;
max-width: 55rem;
padding-left: 8rem;
padding-right: 4rem;
}
.hero-homepage-inner-image img:where(.block-hero-homepage, .block-hero-homepage *) {
width: 100%;
}
.hero-homepage-inner-image .hero-reviews:where(.block-hero-homepage, .block-hero-homepage *) {
max-width: 30rem;
margin-top: 2rem;
}
.hero-homepage-inner .button-tertiary-link:where(.block-hero-homepage, .block-hero-homepage *) {
margin-bottom: 0;
}
/* Review stars */
.review-stars:where(.block-hero-homepage, .block-hero-homepage *) {
position: relative;
display: inline-block;
background: #fcd587;
}
.review-stars-background:where(.block-hero-homepage, .block-hero-homepage *) {
position: absolute;
background: #ffb202;
height: 100%;
z-index: 1;
}
.review-stars svg:where(.block-hero-homepage, .block-hero-homepage *) {
z-index: 2;
position: relative;
}
/* CTA Dropdown Button */
.hero-home-cta-wrapper:where(.block-hero-homepage, .block-hero-homepage *) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
}
.cta-dropdown-button-content:where(.block-hero-homepage, .block-hero-homepage *) {
display: none;
position: absolute;
padding: 6rem 1rem 2rem 1rem;
flex-direction: column;
z-index: -1;
min-width: 26rem;
max-width: 100%;
top: 0;
}
.cta-dropdown:where(.block-hero-homepage, .block-hero-homepage *) {
position: relative;
z-index: 1000;
display: inline-block;
}
.cta-dropdown-button:where(.block-hero-homepage, .block-hero-homepage *) {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 2.25rem;
min-width: 26rem;
max-width: 100%;
}
.cta-dropdown-button:hover:where(.block-hero-homepage, .block-hero-homepage *) {
text-decoration: none;
}
.cta-dropdown-button svg:where(.block-hero-homepage, .block-hero-homepage *) {
margin-left: 2rem;
transition: .3s;
}
.cta-dropdown:hover svg:where(.block-hero-homepage, .block-hero-homepage *) {
transform: rotate(180deg);
}
.cta-dropdown:hover .cta-dropdown-button-content:where(.block-hero-homepage, .block-hero-homepage *) {
display: flex;
}
.cta-dropdown-button-content a:where(.block-hero-homepage, .block-hero-homepage *) {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
text-decoration: none;
line-height: 1;
white-space: nowrap;
padding: 1rem 1rem 1rem 2rem;
border-radius: 4rem;
}
.cta-dropdown-button-content a:hover:where(.block-hero-homepage, .block-hero-homepage *) {
background: #0D2F2E !important;
color: #fff !important;
}
.cta-dropdown-button-content a:hover:where(.block-hero-homepage, .block-hero-homepage *):after {
background-color: #3CCBC7;
}
.cta-dropdown-button-content a:where(.block-hero-homepage, .block-hero-homepage *):after {
content: "";
width: 2.5rem;
height: 2.5rem;
background: white;
background-image: url("data:image/svg+xml,%0A%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.0014L5.13925 5.36984L1 9.73828' stroke='%230D2F2E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-size: 0.75rem;
background-position: 0.9rem center;
background-repeat: no-repeat;
border-radius: 100%;
margin-left: 1rem;
min-width: 2.5rem;
display: block;
}
.hero-reviews-mobile:where(.block-hero-homepage, .block-hero-homepage *) {
display: none;
}
.hero-home-cta-wrapper .wp-block-buttons .wp-block-button:last-of-type:where(.block-hero-homepage, .block-hero-homepage *) {
margin-right: 1.5rem;
}
/* Bullets USPs */
ul.bullets-usps li:where(.block-hero-homepage, .block-hero-homepage *):before {
content: "";
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.75' stroke='%230D2F2E' stroke-width='1.5'/%3E%3Cpath d='M18.3819 8.82162L10.2937 16.9099L6.61719 13.2334' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
ul.bullets-usps li:where(.block-hero-homepage, .block-hero-homepage *) {
list-style: none;
margin: 1rem 0 0 0;
display: flex;
align-items: center;
font-weight: bold;
}
ul.bullets-usps:where(.block-hero-homepage, .block-hero-homepage *) {
margin: 3rem 0 6rem 0;
}
span.text-under-image-mobile:where(.block-hero-homepage, .block-hero-homepage *) {
font-weight: bold;
margin-top: 1rem;
display: none;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.hero-homepage-inner-content:where(.block-hero-homepage, .block-hero-homepage *) {
padding-right: 0;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-hero-homepage {
padding-top: 10rem !important;
}
.hero-homepage-inner:where(.block-hero-homepage, .block-hero-homepage *) {
flex-direction: column-reverse;
}
.hero-homepage-inner-content:where(.block-hero-homepage, .block-hero-homepage *) {
width: 100%;
}
.hero-homepage-inner-image:where(.block-hero-homepage, .block-hero-homepage *) {
width: 100%;
padding: 0;
max-width: 40rem;
margin: 0 auto 3rem 0;
}
.hero-homepage-inner-content:where(.block-hero-homepage, .block-hero-homepage *) {
display: grid;
}
.block-hero-homepage ul.bullets-usps {
margin: 3rem 0;
grid-row-start: 5;
}
.hero-homepage-inner-content h1:where(.block-hero-homepage, .block-hero-homepage *) {
margin-left: 0;
}
.block-hero-homepage .hero-reviews {
display: none;
}
.block-hero-homepage .hero-reviews-mobile {
display: block;
grid-row-start: 6;
}
span.text-under-image-mobile:where(.block-hero-homepage, .block-hero-homepage *) {
display: block;
}
}
/* Iphone */
@media only screen and (max-width: 500px) {
.hero-homepage-inner-image img:where(.block-hero-homepage, .block-hero-homepage *) {
max-height: 35vh;
object-fit: contain;
object-position: left;
}
}
/* hero-landingpage-100.css */
.block-hero-landingpage:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
padding-top: 16rem !important;
}
.hero-landingpage-inner:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
display: flex;
align-items: center;
}
.hero-landingpage-inner-content:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 50%;
padding-right: 4rem;
}
.hero-landingpage-inner-image:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 50%;
}
.hero-landingpage-inner-content-box:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
padding: 3rem;
border-radius: 3rem;
}
.hero-landingpage-100-image:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.block-hero---landingpage-100 h1 {
width: 100%;
}
.hero-landingpage-100-image figure:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 100%;
height: 100%;
}
.hero-landingpage-100-image img:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 100%;
height: 100%;
object-fit: cover;
}
.block-hero---landingpage-100 .hero-landingpage-inner {
position: relative;
z-index: 1;
}
/* Bullets USPs */
ul.bullets-usps li:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *):before {
content: "";
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.75' stroke='%230D2F2E' stroke-width='1.5'/%3E%3Cpath d='M18.3819 8.82162L10.2937 16.9099L6.61719 13.2334' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
ul.bullets-usps li:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
list-style: none;
margin: 1rem 0 0 0;
display: flex;
align-items: center;
font-weight: bold;
}
ul.bullets-usps:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
margin: 3rem 0 6rem 0;
}
@media only screen and (max-width: 1200px) {
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-hero-landingpage:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
padding-top: 10rem !important;
}
.hero-landingpage-inner:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
flex-direction: column-reverse;
}
.hero-landingpage-inner-content:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 100%;
padding: 0;
display: grid;
}
.hero-landingpage-inner ul.bullets-usps:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
margin: 3rem 0;
grid-row-start: 5;
}
.hero-landingpage-inner-image:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 100%;
max-width: 55rem;
margin-bottom: 8rem;
}
.block-hero-landingpage h1:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
margin-left: 0;
}
.block-hero---landingpage-100 h1 {
width: 100%;
margin: 6rem 0 8rem 0;
}
.hero-landingpage-100-image img:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
height: 50%;
}
.block-hero---landingpage-100 {
background: #0e2f2e !important;
}
.hero-landingpage-inner-content-box:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
padding: 2rem;
border-radius: 2rem;
}
}
/* Iphone */
@media only screen and (max-width: 500px) {
.hero-landingpage-image-portrait:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 70%;
}
.hero-landingpage-image-bottom-left:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
padding: 2vw 2vw 2vw 0;
width: 55%;
}
span.statistic:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
font-size: 10vw;
}
.hero-landingpage-image-bottom-left p.has-small-font-size:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
font-size: 3vw !important;
line-height: 1.1;
}
.tooltip-text.has-small-font-size:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
font-size: 3vw !important;
}
.hero-landingpage-image-portrait figure img:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
max-height: 35vh;
object-fit: cover;
}
.hero-landingpage-image-portrait figure:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
border-radius: 35vw 0 0 0;
}
.hero-landingpage-image-portrait p:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 75%;
line-height: 1.1;
}
.tooltip-toggle:where(.block-hero---landingpage-100, .block-hero---landingpage-100 *) {
width: 1.5rem;
height: 1.5rem;
}
}
/* hero-landingpage-50.css */
.block-hero-landingpage:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
padding-top: 16rem !important;
}
.hero-landingpage-inner:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
display: flex;
align-items: center;
}
.hero-landingpage-inner-content:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 50%;
padding-right: 4rem;
}
.hero-landingpage-inner-image:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 50%;
}
.block-hero---landingpage-50 {
padding: 0 !important;
}
.block-hero---landingpage-50 .hero-landingpage-50-image {
height: 50vw;
width: 50vw;
max-height: 90rem;
}
.block-hero---landingpage-50 .hero-landingpage-50-image figure {
width: 100%;
height: 100%;
border-radius: 20vw 0 0 0;
overflow: hidden;
}
.block-hero---landingpage-50 .hero-landingpage-50-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block-hero---landingpage-50 .hero-landingpage-inner {
width: 100vw !important;
max-width: none;
}
.block-hero---landingpage-50 .hero-landingpage-inner-content > * {
max-width: 56rem !important;
width: calc(100% - 6rem);
margin-left: auto;
margin-right: 0;
}
/* Bullets USPs */
ul.bullets-usps li:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *):before {
content: "";
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.75' stroke='%230D2F2E' stroke-width='1.5'/%3E%3Cpath d='M18.3819 8.82162L10.2937 16.9099L6.61719 13.2334' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
ul.bullets-usps li:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
list-style: none;
margin: 1rem 0 0 0;
display: flex;
align-items: center;
font-weight: bold;
}
ul.bullets-usps:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
margin: 3rem 0 6rem 0;
}
@media only screen and (max-width: 1200px) {
.block-hero---landingpage-50 .hero-landingpage-50-image {
height: 100%;
max-height: none;
}
.hero-landingpage-inner-content:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
padding: 8rem 4rem 8rem 0;
}
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.block-hero---landingpage-50 .hero-landingpage-inner-content > * {
width: calc(100% - 4rem);
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-hero-landingpage:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
padding-top: 10rem !important;
}
.hero-landingpage-inner:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
flex-direction: column-reverse;
}
.hero-landingpage-inner-content:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 100%;
padding: 0;
display: grid;
}
.hero-landingpage-inner ul.bullets-usps:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
margin: 3rem 0 0 0;
grid-row-start: 5;
}
.hero-landingpage-inner-image:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 100%;
max-width: 55rem;
margin-bottom: 8rem;
}
.block-hero-landingpage h1:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
margin-left: 0;
}
.block-hero---landingpage-50 .hero-landingpage-inner-content > * {
max-width: none !important;
width: 100%;
}
.block-hero---landingpage-50 .hero-landingpage-inner {
padding: 8rem 3rem;
}
.block-hero---landingpage-50 .hero-landingpage-50-image {
width: calc(100vw - 6rem);
height: calc(100vw - 6rem);
}
}
/* Iphone */
@media only screen and (max-width: 500px) {
.hero-landingpage-image-portrait:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 70%;
}
.hero-landingpage-image-bottom-left:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
padding: 2vw 2vw 2vw 0;
width: 55%;
}
span.statistic:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
font-size: 10vw;
}
.hero-landingpage-image-bottom-left p.has-small-font-size:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
font-size: 3vw !important;
line-height: 1.1;
}
.tooltip-text.has-small-font-size:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
font-size: 3vw !important;
}
.hero-landingpage-image-portrait figure img:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
max-height: 35vh;
object-fit: cover;
}
.hero-landingpage-image-portrait figure:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
border-radius: 35vw 0 0 0;
}
.hero-landingpage-image-portrait p:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 75%;
line-height: 1.1;
}
.tooltip-toggle:where(.block-hero---landingpage-50, .block-hero---landingpage-50 *) {
width: 1.5rem;
height: 1.5rem;
}
}
/* hero-landingpage.css */
.block-hero-landingpage {
padding-top: 16rem !important;
}
.hero-landingpage-inner:where(.block-hero-landingpage, .block-hero-landingpage *) {
display: flex;
align-items: center;
}
.hero-landingpage-inner-content:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 50%;
padding-right: 4rem;
}
.hero-landingpage-inner-image:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 50%;
}
/* Hero Landingpage Image */
.hero-landingpage-inner-image:where(.block-hero-landingpage, .block-hero-landingpage *) {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.hero-landingpage-image-portrait:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 60%;
padding-right: 5%;
}
.hero-landingpage-image-portrait p:where(.block-hero-landingpage, .block-hero-landingpage *) {
position: absolute;
width: 55%;
margin-top: 1rem;
}
.hero-landingpage-image-top-right:where(.block-hero-landingpage, .block-hero-landingpage *) {
position: absolute;
right: 0;
top: 10%;
width: 35%;
}
.hero-landingpage-image-bottom-left:where(.block-hero-landingpage, .block-hero-landingpage *) {
position: absolute;
background: #f8f6ed;
padding: 1rem 2rem 1rem 1rem;
width: 40%;
left: 0;
bottom: 5%;
}
.hero-landingpage-image-bottom-left p.has-small-font-size:where(.block-hero-landingpage, .block-hero-landingpage *) {
margin-bottom: 0;
}
.hero-landingpage-image-top-right svg:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 100%;
}
.hero-landingpage-image-top-right img:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 100%;
}
.hero-landingpage-image-portrait figure:where(.block-hero-landingpage, .block-hero-landingpage *) {
border-radius: 16rem 0 0 0;
overflow: hidden;
width: 100%;
}
.hero-landingpage-image-portrait figure img:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 100%;
}
span.statistic:where(.block-hero-landingpage, .block-hero-landingpage *) {
font-size: 6rem;
margin-bottom: 1rem;
display: block;
line-height: 1;
font-weight: lighter;
}
.block-hero-landingpage h1 {
margin-top: 0;
}
.block-hero-landingpage .button-tertiary-link {
margin-top: 1rem;
margin-bottom: 0;
}
.block-hero-landingpage .hero-reviews {
margin-top: 3rem;
}
.block-hero-landingpage .hero-reviews p {
max-width: 30rem;
}
/* Review stars */
.review-stars:where(.block-hero-landingpage, .block-hero-landingpage *) {
position: relative;
display: inline-block;
background: #fcd587;
}
.review-stars-background:where(.block-hero-landingpage, .block-hero-landingpage *) {
position: absolute;
background: #ffb202;
height: 100%;
z-index: 1;
}
.review-stars svg:where(.block-hero-landingpage, .block-hero-landingpage *) {
z-index: 2;
position: relative;
}
/* Bullets USPs */
ul.bullets-usps li:where(.block-hero-landingpage, .block-hero-landingpage *):before {
content: "";
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.75' stroke='%230D2F2E' stroke-width='1.5'/%3E%3Cpath d='M18.3819 8.82162L10.2937 16.9099L6.61719 13.2334' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-right: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
ul.bullets-usps li:where(.block-hero-landingpage, .block-hero-landingpage *) {
list-style: none;
margin: 1rem 0 0 0;
display: flex;
align-items: center;
font-weight: bold;
}
ul.bullets-usps:where(.block-hero-landingpage, .block-hero-landingpage *) {
margin: 3rem 0 6rem 0;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
}
/* Tablet */
@media only screen and (max-width: 800px) {
.block-hero-landingpage {
padding-top: 10rem !important;
}
.hero-landingpage-inner:where(.block-hero-landingpage, .block-hero-landingpage *) {
flex-direction: column-reverse;
}
.hero-landingpage-inner-content:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 100%;
padding: 0;
display: grid;
}
.hero-landingpage-inner ul.bullets-usps:where(.block-hero-landingpage, .block-hero-landingpage *) {
margin: 3rem 0 0 0;
grid-row-start: 5;
}
.hero-landingpage-inner-image:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 100%;
max-width: 55rem;
margin-bottom: 8rem;
}
.block-hero-landingpage h1 {
margin-left: 0;
}
}
/* Iphone */
@media only screen and (max-width: 500px) {
.hero-landingpage-image-portrait:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 70%;
}
.hero-landingpage-image-bottom-left:where(.block-hero-landingpage, .block-hero-landingpage *) {
padding: 2vw 2vw 2vw 0;
width: 55%;
}
span.statistic:where(.block-hero-landingpage, .block-hero-landingpage *) {
font-size: 10vw;
}
.hero-landingpage-image-bottom-left p.has-small-font-size:where(.block-hero-landingpage, .block-hero-landingpage *) {
font-size: 3vw !important;
line-height: 1.1;
}
.tooltip-text.has-small-font-size:where(.block-hero-landingpage, .block-hero-landingpage *) {
font-size: 3vw !important;
}
.hero-landingpage-image-portrait figure img:where(.block-hero-landingpage, .block-hero-landingpage *) {
max-height: 35vh;
object-fit: cover;
}
.hero-landingpage-image-portrait figure:where(.block-hero-landingpage, .block-hero-landingpage *) {
border-radius: 35vw 0 0 0;
}
.hero-landingpage-image-portrait p:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 75%;
line-height: 1.1;
}
.tooltip-toggle:where(.block-hero-landingpage, .block-hero-landingpage *) {
width: 1.5rem;
height: 1.5rem;
}
}
/* hero-vermogensregie.css */
.block-hero---vermogensregie {
background-image: linear-gradient(0deg, rgb(61 203 199), rgb(14 47 46));
height: 50vw;
max-height: 100rem;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):before {
content: "";
position: absolute;
border-radius: 100%;
left: 0;
top: 0;
background: radial-gradient(transparent 0%, transparent 60%, #35CFCA 90%);
width: 90vw;
height: 90vw;
left: 50%;
top: 50%;
transform: translate(-50%, -25%) scale(2);
transition: 1.6s cubic-bezier(0.4, 0.11, 0, 0.95);
max-width: 170rem;
max-height: 170rem;
}
.animate-header .hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):before {
transform: translate(-50%, -25%) scale(1);
}
.hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
background-image: linear-gradient(0deg, rgb(14 47 46) 15%, rgb(14 47 46 / 0%));
}
.hero-vermogensregie-inner-content:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
position: relative;
z-index: 1;
margin-top: 3rem;
}
.hero-vermogensregie-inner svg:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
width: 80%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
max-width: 110rem;
transition: 1.6s cubic-bezier(0.4, 0.11, 0, 0.95);
opacity: .4;
}
.animate-header .hero-vermogensregie-inner svg:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
transform: translate(-50%, 0%);
}
.hero-vermogensregie-inner-content h1:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
margin: 0 0 2rem 0;
}
.hero-vermogensregie-inner-content p:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
margin: 0 0 4rem 0;
}
.hero-vermogensregie-inner-content .wp-block-buttons:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
justify-content: center;
gap: 1.5rem;
}
.hero-vermogensregie-inner-content .wp-block-buttons .wp-block-button:last-of-type:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
margin-right: 1.5rem;
}
/* Desktop small */
@media only screen and (max-width: 1200px) {
.hero-vermogensregie-inner-content:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
max-width: 60rem;
margin: 4rem auto 0 auto;
}
.block-hero---vermogensregie {
height: 80vw;
}
.hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):before {
width: 100vw;
height: 100vw;
}
}
@media only screen and (max-width: 700px) {
.block-hero---vermogensregie {
height: 130vw;
}
.hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):before {
width: 115vw;
height: 115vw;
}
.animate-header .hero-vermogensregie-inner:where(.block-hero---vermogensregie, .block-hero---vermogensregie *):before {
transform: translate(-50%, -50%) scale(1);
}
.animate-header .hero-vermogensregie-inner svg:where(.block-hero---vermogensregie, .block-hero---vermogensregie *) {
transform: translate(-50%, -25%);
width: 90%;
}
}
@media only screen and (max-width: 500px) {
.block-hero---vermogensregie {
height: 175vw;
}
}
/* highcharts.css */
iframe.highcharts-iframe:where(.block-highcharts, .block-highcharts *) {
border: none;
}
/* logos.css */
@keyframes ticker-kf {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.logos-wrapper:where(.block-logos, .block-logos *) {
animation: ticker-kf 20s linear infinite;
margin-left: 0;
}
/* Images scroller */
.block-logos-inner {
overflow: hidden;
}
.block-logos-inner .heading-size-6 {
position: relative;
z-index: 2;
margin-top: 0;
margin-bottom: 4rem;
}
.block-logos-inner:before {
content: "";
position: absolute;
width: 10rem;
height: 100%;
background: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255 / 0%));
z-index: 1;
}
.block-logos-inner:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 10rem;
height: 100%;
background: linear-gradient(-90deg, rgb(255 255 255), rgb(255 255 255 / 0%));
z-index: 1;
}
.has-champagne-background-color .block-logos-inner:before {
background: linear-gradient(-90deg, rgb(248 246 237), rgb(248 246 237 / 0%));
}
.has-champagne-background-color .block-logos-inner:after {
background: linear-gradient(-90deg, rgb(248 246 237), rgb(248 246 237 / 0%));
}
.has-primary-background-color .block-logos-inner:before {
background: linear-gradient(90deg, rgb(61 203 199), rgb(60 203 199 / 0%));
}
.has-primary-background-color .block-logos-inner:after {
background: linear-gradient(-90deg, rgb(61 203 199), rgb(60 203 199 / 0%));
}
.logos-wrapper:where(.block-logos, .block-logos *) {
white-space: nowrap;
height: auto;
}
.block-horizontal-images-scroller:where(.block-logos, .block-logos *){
overflow: hidden;
}
.logos-logo:where(.block-logos, .block-logos *) {
display: inline-block;
max-width: none !important;
width: 16.66% !important;
height: 3vw;
max-height: 35px;
}
.logos-logo img:where(.block-logos, .block-logos *) {
height: 100%;
width: 65%;
object-fit: contain;
margin: auto;
}
/* Desktop small */
@media only screen and (max-width: 1100px) {
}
/* Tablet */
@media only screen and (max-width: 700px) {
.logos-logo:where(.block-logos, .block-logos *) {
width: 33.33% !important;
height: 10vw;
}
@keyframes ticker-kf {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-200%, 0, 0);
}
}
.logos-wrapper:where(.block-logos, .block-logos *) {
animation: ticker-kf 20s linear infinite;
margin-left: 0;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* results.css */
.results-wrapper:where(.block-results, .block-results *):before {
content: "";
display: block;
background-color: #0c2f2e;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='105' height='31' viewBox='0 0 105 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9453 29.7414V9.55078H22.8482V29.7414H17.9453Z' fill='%233CCBC7'/%3E%3Cpath d='M26.2188 29.7418V9.55117H31.1217V12.6755C32.2379 10.4719 34.5092 9.23047 37.3799 9.23047C41.9237 9.23047 44.8732 12.5157 44.8732 17.2423V29.7407H39.9703V18.2838C39.9703 15.5193 38.296 13.5973 35.7856 13.5973C33.035 13.5973 31.1217 15.7607 31.1217 18.7252V29.7418H26.2188Z' fill='%233CCBC7'/%3E%3Cpath d='M48.25 29.7418V9.55117H53.1529V12.6755C54.2691 10.4719 56.5405 9.23047 59.4111 9.23047C63.9549 9.23047 66.9045 12.5157 66.9045 17.2423V29.7407H62.0015V18.2838C62.0015 15.5193 60.3272 13.5973 57.8168 13.5973C55.0663 13.5973 53.1529 15.7607 53.1529 18.7252V29.7418H48.25Z' fill='%233CCBC7'/%3E%3Cpath d='M88.8938 23.0144C88.1367 27.3008 84.39 30.0653 79.447 30.0653C72.8709 30.0653 69.2031 24.857 69.2031 19.5694C69.2031 14.2817 72.4717 9.23438 79.0479 9.23438C85.624 9.23438 88.8126 14.1622 88.8126 18.9693C88.8126 19.6509 88.7726 20.251 88.7326 20.6521H73.9059C74.2639 23.8971 76.3374 25.98 79.4459 25.98C81.9574 25.98 83.5906 24.9386 84.1098 23.0155H88.8927L88.8938 23.0144ZM74.0271 17.406H83.9119C83.7129 14.8427 81.9585 12.9196 79.049 12.9196C76.2985 12.9196 74.5452 14.3622 74.0271 17.406Z' fill='%233CCBC7'/%3E%3Cpath d='M91.1875 29.7414V14.4786C91.1875 11.7577 93.3821 9.55078 96.0904 9.55078V29.7414H91.1875Z' fill='%233CCBC7'/%3E%3Cpath d='M16.8612 2.80416C16.8612 1.25546 15.6121 0 14.0712 0C12.5304 0 11.2812 1.25546 11.2812 2.80416C11.2812 4.35285 12.5304 5.60831 14.0712 5.60831C15.6121 5.60831 16.8612 4.35285 16.8612 2.80416Z' fill='%233CCBC7'/%3E%3Cpath d='M8.84861 6.73691V0C5.81569 0.779957 3.94569 3.17458 3.94569 6.49666V9.55392H0V13.6805H3.94569V29.7445H8.84861V13.6794H14.7077V9.5528H8.84861V6.73579V6.73691Z' fill='%233CCBC7'/%3E%3Cpath d='M104.096 12.3549C104.096 10.8062 102.846 9.55078 101.306 9.55078C99.7647 9.55078 98.5156 10.8062 98.5156 12.3549C98.5156 13.9036 99.7647 15.1591 101.306 15.1591C102.846 15.1591 104.096 13.9036 104.096 12.3549Z' fill='%233CCBC7'/%3E%3C/svg%3E%0A");
background-size: 10rem;
background-repeat: no-repeat;
background-position: center;
border-radius: 3rem 0 0 0;
width: 14rem;
height: 6rem;
transform: translateY(-100%);
}
.results-wrapper:where(.block-results, .block-results *) {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 3rem;
position: relative;
margin-top: 12rem;
}
.results-item p:where(.block-results, .block-results *) {
margin: 0;
}
.results-item:where(.block-results, .block-results *) {
border-right: 1px solid rgb(12 47 46 / 25%);
padding: 0 2rem;
}
.results-item:last-of-type:where(.block-results, .block-results *) {
border: none;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
}
/* Tablet */
@media only screen and (max-width: 800px) {
.results-wrapper:where(.block-results, .block-results *) {
grid-template-columns: 1fr;
}
.results-item:where(.block-results, .block-results *) {
border-right: none;
border-bottom: 1px solid rgb(12 47 46 / 25%);
padding: 2rem 0;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* reviews.css */
.review-item:where(.block-reviews, .block-reviews *) {
border: 1px solid;
padding: 3rem;
display: flex;
flex-direction: column;
}
.review-name-date-wrapper:where(.block-reviews, .block-reviews *) {
margin-top: auto;
display: flex;
}
.review-name-date-wrapper p:where(.block-reviews, .block-reviews *) {
margin: 1rem 1rem 0 0;
}
.reviews-score:where(.block-reviews, .block-reviews *):before {
content: "";
display: block;
position: relative;
z-index: 100;
background-color: #0c2f2e;
width: 100%;
height: 10rem;
max-width: 10rem;
background-image: url("data:image/svg+xml,%3Csvg width='44' height='76' viewBox='0 0 44 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.2239 7.87529C43.2239 3.98972 40.073 0.839844 36.1862 0.839844C32.2993 0.839844 29.1484 3.98972 29.1484 7.87529C29.1484 11.7609 32.2993 14.9107 36.1862 14.9107C40.073 14.9107 43.2239 11.7609 43.2239 7.87529Z' fill='%233CCBC7'/%3E%3Cpath d='M23.0158 17.7423V0.839844C15.3653 2.7967 10.6483 8.80465 10.6483 17.1395V24.81H0.695312V35.1634H10.6483V75.4668H23.0158V35.1606H37.7952V24.8072H23.0158V17.7395V17.7423Z' fill='%233CCBC7'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: 4rem;
}
.reviews-score:where(.block-reviews, .block-reviews *) {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 3rem 0 0 0;
overflow: hidden;
margin-bottom: 8rem;
}
.reviews-score p:where(.block-reviews, .block-reviews *) {
margin: 0;
width: 100%;
padding: 0 4rem;
}
.reviews-score p.heading-size-2:where(.block-reviews, .block-reviews *) {
text-align: center;
border-right: 1px solid rgb(12 47 46 / 25%);
}
/* Carousel */
.splide:where(.block-reviews, .block-reviews *) {
margin-bottom: 4rem;
}
.splide__arrows.splide__arrows--ltr:where(.block-reviews, .block-reviews *) {
position: absolute;
width: 15rem;
right: 0;
bottom: 0;
}
.splide__arrow:where(.block-reviews, .block-reviews *) {
background: transparent;
border: 2px solid currentcolor;
width: 5rem;
height: 5rem;
color: inherit;
}
.splide__arrow svg:where(.block-reviews, .block-reviews *) {
fill: currentcolor;
height: 100%;
width: 100%;
}
.my-slider-progress:where(.block-reviews, .block-reviews *) {
background: rgb(13 47 46 / 25%);
width: calc(100% - 20rem);
}
.splide__track:where(.block-reviews, .block-reviews *) {
overflow: visible;
margin-bottom: 6rem;
}
.my-slider-progress:where(.block-reviews, .block-reviews *) {
background: rgb(13 47 46 / 25%);
}
.my-slider-progress-bar:where(.block-reviews, .block-reviews *) {
height: 2px;
transition: width 400ms ease;
width: 0;
}
.has-primary-dark-background-color .my-slider-progress:where(.block-reviews, .block-reviews *) {
background: rgb(255 255 255 / 25%);
}
.has-primary-dark-background-color .my-slider-progress .my-slider-progress-bar:where(.block-reviews, .block-reviews *) {
background: #fff !important;
}
/* Review stars */
.review-stars:where(.block-reviews, .block-reviews *) {
position: relative;
display: inline-block;
background: #fcd587;
}
.review-stars-background:where(.block-reviews, .block-reviews *) {
position: absolute;
background: #ffb202;
height: 100%;
z-index: 1;
}
.review-stars svg:where(.block-reviews, .block-reviews *) {
z-index: 2;
position: relative;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.splide__arrow:where(.block-reviews, .block-reviews *) {
width: 4rem;
height: 4rem;
}
.splide__arrow--next:where(.block-reviews, .block-reviews *) {
right: 0;
}
.splide__arrow--prev:where(.block-reviews, .block-reviews *) {
left: 6rem;
}
}
/* Tablet */
@media only screen and (max-width: 700px) {
.review-item:where(.block-reviews, .block-reviews *) {
padding: 2rem;
}
.reviews-score:where(.block-reviews, .block-reviews *) {
flex-wrap: wrap;
text-align: left;
position: relative;
height: 10rem;
padding-left: 12rem;
flex-direction: column;
justify-content: center;
}
.reviews-score p.heading-size-2:where(.block-reviews, .block-reviews *) {
text-align: left;
line-height: 1;
border: none;
}
.reviews-score:where(.block-reviews, .block-reviews *):before {
position: absolute;
width: 10rem;
left: 0;
}
.reviews-score p:where(.block-reviews, .block-reviews *) {
padding: 0;
margin: 0;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* sitemap.css */
.footer-sitemap-columns:where(.block-sitemap, .block-sitemap *) {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 8rem 4rem;
}
.block-sitemap ol {
margin: 0;
}
.block-sitemap ol li {
list-style: none;
margin: 2rem 0 0 0;
position: relative;
}
.block-sitemap ol li a {
text-decoration: none;
}
.block-sitemap ol li a:hover {
text-decoration: underline;
}
.block-sitemap ol li a.heading-size-5 {
margin-bottom: 3rem;
display: block;
margin-top: 0;
}
span.new-label:where(.block-sitemap, .block-sitemap *) {
padding: 0.25rem 1rem;
border-radius: 10rem;
font-weight: bold;
margin-left: 1rem;
white-space: nowrap;
}
.ol-toggle:where(.block-sitemap, .block-sitemap *) {
position: absolute;
width: 100%;
height: 3rem;
top: 0;
cursor: pointer;
display: none;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.footer-sitemap-columns:where(.block-sitemap, .block-sitemap *) {
grid-template-columns: 1fr 1fr 1fr;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.footer-sitemap-columns:where(.block-sitemap, .block-sitemap *) {
grid-template-columns: 1fr 1fr;
}
}
/* Iphone */
@media only screen and (max-width: 600px) {
.footer-sitemap-columns:where(.block-sitemap, .block-sitemap *) {
grid-template-columns: 1fr;
gap: 0;
}
.ol-toggle:where(.block-sitemap, .block-sitemap *) {
display: block;
}
.ol-toggle:where(.block-sitemap, .block-sitemap *):after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3189 1.3125L5.95047 5.45175L1.58203 1.3125' stroke='%230D2F2E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 1.5rem;
display: block;
background-repeat: no-repeat;
background-position: center;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
transition: .3s;
right: 0;
position: absolute;
top: 0.5rem;
}
.ol-toggle.active:where(.block-sitemap, .block-sitemap *):after {
transform: rotate(180deg);
}
.block-sitemap ol {
max-height: 1000px;
transition: max-height 0.3s ease-out;
margin-bottom: 2rem !important;
overflow: hidden;
}
li.footer-sitemap-column:last-of-type:where(.block-sitemap, .block-sitemap *) {
border: none;
}
li.footer-sitemap-column:where(.block-sitemap, .block-sitemap *) {
border-bottom: 1px solid rgb(13 47 46 / 25%);
}
.block-sitemap ol li ol li {
margin: 1rem 0;
}
.block-sitemap ol li a.heading-size-5 {
margin: 0;
}
.block-sitemap ol li ol {
max-height: 0;
}
}
/* start-content-menu.css */
/* Start content menu css */
.start-content-menu-sidebar-content-wrapper:where(.block-start-content-menu, .block-start-content-menu *) {
display: flex;
align-items: flex-start;
}
.start-content-menu-sidebar:where(.block-start-content-menu, .block-start-content-menu *) {
width: 25%;
position: sticky;
top: 10rem;
max-height: 100vh;
overflow: auto;
}
.start-content-menu-content:where(.block-start-content-menu, .block-start-content-menu *) {
width: 75%;
padding-left: 8rem;
}
.start-content-menu-content p a:where(.block-start-content-menu, .block-start-content-menu *) {
font-weight: bold;
color: #000;
text-decoration: underline 2px;
text-underline-offset: 0.5rem;
}
:where(body:has(.block-start-content-menu)) #site-content {
overflow: visible;
}
ul.content-menu-items:where(.block-start-content-menu, .block-start-content-menu *) {
margin-left: 0;
list-style: none;
}
ul.content-menu-items > li:where(.block-start-content-menu, .block-start-content-menu *) {
margin: 0;
list-style: none;
border-bottom: 1px solid #eaeaea;
}
ul.content-menu-items > li:last-of-type:where(.block-start-content-menu, .block-start-content-menu *) {
border: none;
}
ul.content-submenu-items:where(.block-start-content-menu, .block-start-content-menu *) {
transition: max-height 0.3s ease-out;
overflow: hidden;
margin-left: 0;
max-height: 0;
margin: 0 !important;
}
.active ~ .content-submenu-items:where(.block-start-content-menu, .block-start-content-menu *) {
max-height: 1000px; /* Set a sufficiently large value to accommodate potential content */
transition: max-height 0.3s ease-out;
margin-bottom: 2rem;
margin-bottom: 2rem !important;
}
ul.content-submenu-items > li:where(.block-start-content-menu, .block-start-content-menu *) {
padding: 0;
margin: 0;
list-style: none;
border-left: 1px solid #EAEAEA;
line-height: 1;
}
ul.content-submenu-items > li a:where(.block-start-content-menu, .block-start-content-menu *) {
padding: 1.5rem 0 1.5rem 1.5rem;
text-decoration: none;
display: block;
}
ul.content-submenu-items > li a:hover:where(.block-start-content-menu, .block-start-content-menu *) {
text-decoration: underline;
background: #EAEAEA;
}
.content-submenu-items-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin: 1.5rem 0 1.5rem 1.5rem;
}
.content-submenu-items-toggle:hover:where(.block-start-content-menu, .block-start-content-menu *) {
text-decoration: underline;
}
.content-submenu-items-toggle:where(.block-start-content-menu, .block-start-content-menu *):after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3189 1.3125L5.95047 5.45175L1.58203 1.3125' stroke='%230D2F2E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 1.5rem;
background-repeat: no-repeat;
background-position: center;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
transition: .3s;
margin-left: 1.5rem;
}
.content-submenu-items-toggle.active:where(.block-start-content-menu, .block-start-content-menu *):after {
transform: rotate(180deg);
}
li.content-menu-current-page:where(.block-start-content-menu, .block-start-content-menu *) {
background: #EAEAEA !important;
border-left: 2px solid !important;
}
ul.action-menu-items:where(.block-start-content-menu, .block-start-content-menu *) {
margin-left: 0;
}
ul.action-menu-items li:where(.block-start-content-menu, .block-start-content-menu *) {
margin-left: 0;
list-style: none;
}
ul.action-menu-items .link-has-arrow-small:where(.block-start-content-menu, .block-start-content-menu *):before {
background-color: #3CCBC7;
border: none;
}
ul.action-menu-items a.link-has-arrow-small:where(.block-start-content-menu, .block-start-content-menu *) {
text-decoration: none;
}
ul.action-menu-items a.link-has-arrow-small:hover:where(.block-start-content-menu, .block-start-content-menu *) {
text-decoration: underline;
}
button.close-start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
padding: 1rem;
background: rgb(60 203 199 / 25%);
border-radius: 100rem;
margin-left: 1rem;
display: none;
}
button.open-start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
border-radius: 1rem;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
box-shadow: 0 2rem 2rem rgb(13 47 46 / 50%);
padding: 1.5rem 2rem;
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
}
.start-content-menu-sidebar-header h4:where(.block-start-content-menu, .block-start-content-menu *) {
margin: 0;
}
.start-content-menu-sidebar-header:where(.block-start-content-menu, .block-start-content-menu *) {
display: flex;
align-items: center;
justify-content: space-between;
background: #FCE2AF;
border-radius: 25px 0 0 0;
padding: 1rem 1.5rem;
}
.start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
display: none;
}
.start-content-menu-content > *:first-child:where(.block-start-content-menu, .block-start-content-menu *) {
margin-top: 0;
}
/* Desktop small */
@media only screen and (max-width: 900px) {
.start-content-menu-sidebar-content-wrapper:where(.block-start-content-menu, .block-start-content-menu *) {
flex-direction: column-reverse;
}
.start-content-menu-sidebar:where(.block-start-content-menu, .block-start-content-menu *) {
position: fixed;
top: 0;
width: 100%;
height: 100%;
left: 0;
z-index: 999999999;
background: #fff;
padding: 0 3rem 3rem 3rem;
display: none;
}
.start-content-menu-sidebar.active:where(.block-start-content-menu, .block-start-content-menu *) {
display: block;
}
.start-content-menu-content:where(.block-start-content-menu, .block-start-content-menu *) {
padding-left: 0;
width: 100%;
}
.start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
position: sticky;
bottom: 4rem;
width: 100%;
}
.start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
display: block;
}
button.close-start-content-menu-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
display: block;
}
.content-submenu-items-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
padding-right: 1.5rem;
}
.start-content-menu-sidebar-header:where(.block-start-content-menu, .block-start-content-menu *) {
border-bottom: 1px solid #eaeaea;
margin-bottom: 4rem;
padding: 1.5rem 0;
}
.start-content-menu-sidebar-header:where(.block-start-content-menu, .block-start-content-menu *) {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.start-content-menu-sidebar-header h4:where(.block-start-content-menu, .block-start-content-menu *) {
margin: 0;
}
.start-content-menu-sidebar-navigation:where(.block-start-content-menu, .block-start-content-menu *) {
}
.start-content-menu-sidebar-header:where(.block-start-content-menu, .block-start-content-menu *) {
background: transparent;
}
.content-submenu-items-toggle:where(.block-start-content-menu, .block-start-content-menu *) {
margin-left: 0;
}
}
/* Iphone */
@media only screen and (max-width: 700px) {
.start-content-menu-sidebar:where(.block-start-content-menu, .block-start-content-menu *) {
padding: 0 2rem 2rem 2rem;
}
}
/* End start content menu CSS */
/* steps-finner.css */
.steps-finner-inner:where(.block-steps---finner, .block-steps---finner *) {
display: flex;
}
.steps-finner-left:where(.block-steps---finner, .block-steps---finner *) {
width: 50%;
border-right: 1px solid rgb(13 47 46 / 25%);
padding-right: 4rem;
}
.steps-finner-right:where(.block-steps---finner, .block-steps---finner *) {
width: 50%;
padding-left: 4rem;
margin-top: 0;
}
.steps-finner-step:where(.block-steps---finner, .block-steps---finner *) {
display: flex;
align-items: flex-start;
}
.steps-finner-step h3:where(.block-steps---finner, .block-steps---finner *) {
margin-top: 0;
margin-bottom: 2rem;
}
.steps-finner-step:where(.block-steps---finner, .block-steps---finner *) {
margin-bottom: 6rem;
}
.steps-finner-step:last-of-type:where(.block-steps---finner, .block-steps---finner *) {
margin-bottom: 0;
}
/* Button Portrait */
.cta-button-portrait:where(.block-steps---finner, .block-steps---finner *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-steps---finner, .block-steps---finner *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-steps---finner, .block-steps---finner *) {
margin-right: 1rem;
}
span.check-mark:where(.block-steps---finner, .block-steps---finner *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-steps---finner, .block-steps---finner *) {
margin-left: 8rem;
}
.cta-button-portrait .wp-block-buttons:where(.block-steps---finner, .block-steps---finner *) {
flex-wrap: nowrap;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.cta-button-portrait img:where(.block-steps---finner, .block-steps---finner *) {
width: 4.5rem;
height: 4.5rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.steps-finner-inner:where(.block-steps---finner, .block-steps---finner *) {
flex-direction: row-reverse;
}
.steps-finner-right:where(.block-steps---finner, .block-steps---finner *) {
width: 100%;
padding-left: 0;
}
.steps-finner-left:where(.block-steps---finner, .block-steps---finner *) {
width: 0;
}
}
@media only screen and (max-width: 700px) {
.cta-button-portrait img:where(.block-steps---finner, .block-steps---finner *) {
margin-right: 0;
}
.cta-button-portrait .wp-block-buttons:where(.block-steps---finner, .block-steps---finner *) {
gap: 0;
}
.cta-button-portrait.has-image span.check-mark:where(.block-steps---finner, .block-steps---finner *) {
margin-left: 5.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* steps-process.css */
.steps-process-inner:where(.block-steps---process, .block-steps---process *) {
display: flex;
}
.steps-process-left:where(.block-steps---process, .block-steps---process *) {
width: 50%;
border-top: 1px solid rgb(13 47 46 / 25%);
border-right: 1px solid rgb(13 47 46 / 25%);
border-radius: 0 20rem 0 0;
padding-right: 4rem;
}
.steps-process-left h2:where(.block-steps---process, .block-steps---process *) {
margin-top: 0;
margin-left: 0;
max-width: 45rem;
}
.steps-process-right:where(.block-steps---process, .block-steps---process *) {
width: 50%;
padding-left: 4rem;
margin-top: 7rem;
}
.steps-process-left .heading-size-6:where(.block-steps---process, .block-steps---process *) {
margin-top: -1rem;
background: #fff;
display: inline-block;
padding-right: 1rem;
transform: translateY(-50%);
}
.steps-process-step:where(.block-steps---process, .block-steps---process *) {
display: flex;
align-items: flex-start;
}
.steps-process-step svg:where(.block-steps---process, .block-steps---process *) {
min-width: 3.5rem;
margin: 1rem 3.5rem 1rem 1rem;
}
.steps-process-step img:where(.block-steps---process, .block-steps---process *) {
min-width: 3.5rem;
margin: 1rem 3.5rem 1rem 1rem;
}
.steps-process-step h3:where(.block-steps---process, .block-steps---process *) {
margin-top: 0;
margin-bottom: 2rem;
}
.steps-process-step:where(.block-steps---process, .block-steps---process *) {
margin-bottom: 4rem;
}
.steps-process-step:last-of-type:where(.block-steps---process, .block-steps---process *) {
margin-bottom: 0;
}
/* Button Portrait */
.cta-button-portrait:where(.block-steps---process, .block-steps---process *) {
margin-top: 3rem;
}
.cta-button-portrait img:where(.block-steps---process, .block-steps---process *) {
margin-right: 1rem;
border-radius: 10rem;
width: 5.5rem;
height: 5.5rem;
object-fit: cover;
}
span.check-mark svg:where(.block-steps---process, .block-steps---process *) {
margin-right: 1rem;
}
span.check-mark:where(.block-steps---process, .block-steps---process *) {
display: flex;
margin-top: 1rem;
line-height: 1.1;
}
.cta-button-portrait.has-image span.check-mark:where(.block-steps---process, .block-steps---process *) {
margin-left: 8rem;
}
.cta-button-portrait .wp-block-buttons:where(.block-steps---process, .block-steps---process *) {
flex-wrap: nowrap;
}
/* Desktop small */
@media only screen and (max-width: 1000px) {
.cta-button-portrait img:where(.block-steps---process, .block-steps---process *) {
width: 4.5rem;
height: 4.5rem;
}
}
/* Tablet */
@media only screen and (max-width: 800px) {
.steps-process-inner:where(.block-steps---process, .block-steps---process *) {
flex-direction: column;
}
.steps-process-right:where(.block-steps---process, .block-steps---process *) {
width: 100%;
border-right: 1px solid rgb(13 47 46 / 25%);
margin-top: 0;
padding: 4rem 4rem 4rem 0;
}
.steps-process-left:where(.block-steps---process, .block-steps---process *) {
width: 100%;
border-radius: 0 10rem 0 0;
}
.steps-process-step svg:where(.block-steps---process, .block-steps---process *) {
margin: 0 2rem 0 0;
}
.steps-process-step img:where(.block-steps---process, .block-steps---process *) {
margin: 0 2rem 0 0;
}
.steps-process-wrapper:where(.block-steps---process, .block-steps---process *) {
max-width: 60rem;
}
}
@media only screen and (max-width: 700px) {
.cta-button-portrait img:where(.block-steps---process, .block-steps---process *) {
margin-right: 0;
}
.cta-button-portrait .wp-block-buttons:where(.block-steps---process, .block-steps---process *) {
gap: 0;
}
.cta-button-portrait.has-image span.check-mark:where(.block-steps---process, .block-steps---process *) {
margin-left: 5.5rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}
/* table.css */
:where(body.has-acf-table-block) .team-member-image {
border-radius: 100%;
width: 10rem;
height: 10rem;
background-size: cover;
background-position: center;
margin-right: 2rem;
}
:where(body.has-acf-table-block) .team-member-person-wrapper {
display: flex;
align-items: center;
}
:where(body.has-acf-table-block) .team-member-person-wrapper p {
margin: 0;
}
:where(body.has-acf-table-block) .team-member-wrapper {
margin-bottom: 3rem;
}
:where(body.has-acf-table-block) p.team-member-description {
margin: 2rem 0;
}
:where(body.has-acf-table-block) .product-performance-table table {
margin-bottom: 0;
}
:where(body.has-acf-table-block) .text-under-table > * {
margin-top: 0 !important;
}
:where(body.has-acf-table-block) .text-under-table {
overflow: visible;
padding: 3rem;
box-shadow: 0 -30px 40px #fff;
width: 100%;
margin-top: -4em;
z-index: 10;
position: relative;
}
:where(body.has-acf-table-block) .text-under-table:after {
content: "";
position: absolute;
width: 3rem;
height: 100%;
background: #ffffff;
right: -3rem;
top: 0;
}
:where(body.has-acf-table-block) .cta_compare_btn {
margin: 6rem 0;
display: flex;
align-items: center;
}
:where(body.has-acf-table-block) .cta_compare_btn a {
height: 10rem;
display: flex;
align-items: center;
justify-content: center;
padding: 3rem;
text-decoration: none;
}
:where(body.has-acf-table-block) .cta_compare_btn svg {
height: 10rem;
width: 10rem;
min-width: 10rem;
}
:where(body.has-acf-table-block) .cta_compare_btn a > svg {
width: 5rem;
min-width: 5rem;
height: 5rem;
margin-left: 2rem;
}
:where(body.has-acf-table-block) .cta_compare_btn a:hover > svg path:first-of-type {
fill: #3CCBC7;
stroke: none;
}
:where(body.has-acf-table-block) .icon-score-0 {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23FF703C'/%3E%3Cpath d='M8.92969 16H23.0718' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
height: 2.5rem;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
:where(body.has-acf-table-block) .icon-score-1 {
background-image: url("data:image/svg+xml,%3Csvg width='82' height='32' viewBox='0 0 82 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%233CCBC7'/%3E%3Cpath d='M23.0711 16.0711H8.92893' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 9V23.1421' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='66' cy='16' r='16' fill='%23FF703C'/%3E%3Cpath d='M58.9297 16H73.0718' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M47 2L36 30' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
height: 2.5rem;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
:where(body.has-acf-table-block) .icon-score-2 {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%233CCBC7'/%3E%3Cpath d='M23.0711 16.0711H8.92893' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 9V23.1421' stroke='%230D2F2E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
height: 2.5rem;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
:where(body.has-acf-table-block) .product-rating-conditions .rating-wrapper {
justify-content: center;
}
:where(body.has-acf-table-block) .product-rating-conditions tr td:nth-of-type(2) {
width: 150px;
}
/* Desktop small */
@media only screen and (max-width: 1100px) {
}
/* Tablet */
@media only screen and (max-width: 700px) {
:where(body.has-acf-table-block) .cta_compare_btn.custom-boldest-block {
flex-direction: column;
align-items: flex-start;
}
:where(body.has-acf-table-block) .cta_compare_btn.custom-boldest-block > svg {
min-width: unset;
width: 15%;
height: 15%;
}
:where(body.has-acf-table-block) .cta_compare_btn a {
height: auto;
padding: 2rem;
}
:where(body.has-acf-table-block) .cta_compare_btn a > svg {
width: 4rem;
min-width: 4rem;
height: 4rem;
margin-left: 1rem;
}
}
/* Iphone */
@media only screen and (max-width: 450px) {
}