/*--------------------------------------------------------------
modern-normalize v3.0.1
--------------------------------------------------------------*/
*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
/*--------------------------------------------------------------
Variables
--------------------------------------------------------------*/
:root {
--header-height: 112px;
--admin-bar-height: 32px;
--announcement-bar-height: 0px;
/* Typography */
--font-primary: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-heading: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-mono: 'Intel One Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
--8px: 0.5rem;
--9px: 0.5625rem;
--10px: 0.625rem;
--11px: 0.6875rem;
--12px: 0.75rem;
--13px: 0.8125rem;
--14px: 0.875rem;
--15px: 0.9375rem;
--16px: 1rem;
--17px: 1.0625rem;
--18px: 1.125rem;
--20px: 1.25rem;
--22px: 1.375rem;
--24px: 1.5rem;
--25px: 1.5625rem;
--26px: 1.625rem;
--28px: 1.75rem;
--30px: 1.875rem;
--32px: 2rem;
--34px: 2.125rem;
--36px: 2.25rem;
--38px: 2.375rem;
--40px: 2.5rem;
--42px: 2.625rem;
--44px: 2.75rem;
--45px: 2.8125rem;
--46px: 2.875rem;
--48px: 3rem;
--50px: 3.125rem;
--54px: 3.375rem;
--55px: 3.4375rem;
--56px: 3.5rem;
--60px: 3.75rem;
--64px: 4rem;
--70px: 4.375rem;
--75px: 4.6875rem;
--85px: 5.3125rem;
--90px: 5.625rem;
--100px: 6.25rem;
}
@media (max-width: 1200px) {
:root {
--header-height: 72px;
}
}
@media (max-width: 782px) {
:root {
--admin-bar-height: 46px;
}
}
/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/
html {
margin: 0 !important;
overscroll-behavior: none;
}
@media (max-width: 992px) {
html {
overscroll-behavior: auto;
}
}
body {
background-color: var(--white);
color: var(--navy);
font-family: var(--font-primary);
font-size: var(--18px);
line-height: 1.4;
}
::selection {
background-color: var(--navy);
color: var(--white);
}
hr {
background-color: var(--grey);
border: 0;
height: 1px;
margin: 40px 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 24px 32px;
}
table {
margin: 0 0 32px;
width: 100%;
}
p {
margin: 0 0 16px;
}
pre {
background-color: var(--grey);
color: var(--navy);
font-size: var(--14px);
line-height: 1.5;
margin-bottom: 32px;
max-width: 100%;
overflow: auto;
padding: 24px;
}
code,
kbd {
background-color: var(--grey);
font-size: var(--14px);
padding: 2px 6px;
}
pre code {
padding: 0;
}
fieldset {
padding: 0;
border: none;
margin: 0 0 24px;
width: 100%;
}
figure {
margin: 0 0 24px;
}
.transition {
transition: all 0.3s ease;
}
a, input, button, textarea {
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
scroll-behavior: auto !important;
}
}
* {
scrollbar-width: thin;
scrollbar-color: var(--navy) transparent;
}
.block-theme img,
.block-theme svg,
.block-theme video {
display: block;
width: 100%;
height: auto;
}
.block-video video {
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 60px;
background-position: center;
}
.block-video .block-setting-theme-dark video {
background-image: url('../images/video-loader-white.gif');
}
/*--------------------------------------------------------------
Typography/Content
--------------------------------------------------------------*/
.block-theme h1,
.block-theme h2,
.block-theme h3,
.block-theme h4,
.block-theme h5,
.block-theme h6,
.block-theme p,
.block-theme li {
overflow-wrap: break-word;
}
/* Default */
.block-theme h1,
.block-theme .h1,
.block-theme h2,
.block-theme .h2,
.block-theme h3,
.block-theme .h3,
.block-theme h4,
.block-theme .h4,
.block-theme h5,
.block-theme .h5,
.block-theme h6,
.block-theme .h6 {
font-family: var(--font-heading);
font-weight: 700;
color: var(--navy);
line-height: 1.1;
letter-spacing: -0.03em;
margin: 0 0 24px;
}
.block-theme h1,
.block-theme .h1 {
font-size: var(--64px);
line-height: 1;
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--56px);
line-height: 1;
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--44px);
line-height: 1.2;
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--28px);
line-height: 1.1;
}
.block-theme h5,
.block-theme .h5 {
font-size: var(--20px);
line-height: 1.2;
}
.block-theme h6,
.block-theme .h6 {
font-size: var(--16px);
line-height: 1.2;
}
@media (max-width: 768px) {
.block-theme h1,
.block-theme .h1 {
font-size: var(--40px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--36px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--32px);
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--24px);
}
}
.block-theme p {
font-weight: 400;
color: var(--navy);
line-height: 1.4;
margin: 0 0 16px;
}
/* Styled */
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--20px);
line-height: 1.4;
}
.block-theme .typo-copy-small,
.block-theme .typo-copy-small p {
font-size: var(--16px);
line-height: 1.4;
}
@media (max-width: 768px) {
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--18px);
}
}
/* Tag */
.block-theme .tag {
display: flex;
align-items: center;
gap: 12px;
font-family: var(--font-mono);
font-size: var(--16px);
font-weight: 600;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
color: var(--navy);
margin: 0 0 24px;
}
.block-theme .tag:before {
content: '';
flex-shrink: 0;
width: 28px;
height: 28px;
background: url(../images/icon-sun.svg) 50% / contain no-repeat;
}
.block-theme .text-center .tag,
.block-theme [style*="text-align: center"].tag,
.block-theme .tag.tag-center {
justify-content: center;
}
/* Pill */
.block-theme .pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 12px;
background-color: rgb(from var(--blue) r g b / 0.09);
font-family: var(--font-mono);
font-size: var(--14px);
font-weight: 600;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
color: var(--sky);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.block-theme a.pill:hover,
.block-theme .pill.active {
background-color: var(--cyan);
color: var(--white);
}
/* List */
.block-theme ul,
.block-theme ol,
.block-theme li {
list-style: none;
margin: 0;
padding: 0;
}
/* Blockquote */
.block-theme blockquote {
margin: 32px 0;
padding: 0 0 0 40px;
border-left: 8px solid var(--cyan);
}
.block-theme blockquote p {
font-size: var(--24px);
font-weight: 500;
margin: 0;
line-height: 1.3 !important;
color: var(--navy);
}
.block-theme blockquote cite {
font-size: var(--14px);
font-weight: 400;
font-style: normal;
line-height: 1.6;
text-transform: uppercase;
margin: 24px 0 0;
display: block;
}
.block-theme blockquote cite strong {
display: block;
font-weight: 600;
}
@media (max-width: 768px) {
.block-theme blockquote {
padding: 0 0 0 24px;
border-left-width: 6px;
}
.block-theme blockquote p {
font-size: var(--20px);
}
}
/*--------------------------------------------------------------
Links/Buttons
--------------------------------------------------------------*/
/* Links */
.block-theme a {
color: var(--navy);
text-decoration: none;
cursor: pointer;
transition: color 0.3s ease;
}
.block-theme a:hover {
color: var(--cyan);
}
.block-theme p a,
.block-theme li a {
text-decoration: underline;
}
.block-theme p a:hover,
.block-theme li a:hover {
color: var(--cyan);
}
.block-theme .block-setting-theme-dark p a:hover,
.block-theme .block-setting-theme-dark li a:hover {
color: var(--yellow) !important;
}
.block-theme .block-setting-theme-dark .ignore-text-white p a:hover,
.block-theme .block-setting-theme-dark .ignore-text-white li a:hover {
color: var(--cyan) !important;
}
.block-theme .arrow-link {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 6px;
color: var(--navy);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
}
.block-theme .arrow-link svg {
width: 10px;
height: auto;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.block-theme .arrow-link:hover svg {
transform: translateX(-3px);
}
/* Buttons */
.block-theme .button-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
margin-top: 32px;
}
.block-buttons .button-group {
margin: 0;
}
.block-theme .button-group.button-group-align-start { justify-content: flex-start; }
.block-theme .button-group.button-group-align-center { justify-content: center; }
.block-theme .button-group.button-group-align-end { justify-content: flex-end; }
@media (max-width: 460px) {
.block-theme .button-group {
gap: 12px;
}
}
.block-theme .button,
.block-theme button,
.block-theme input[type="button"],
.block-theme input[type="reset"],
.block-theme input[type="submit"] {
display: inline-flex;
align-items: center;
gap: 12px;
position: relative;
padding: 8px 24px 8px 8px;
min-height: 56px;
font-family: var(--font-primary);
font-size: var(--16px);
font-weight: 600;
line-height: 1.2;
background: linear-gradient(90deg, #F1DF37 37%, #EDB600 93%);
border: none;
border-radius: 20px !important;
color: var(--navy);
text-transform: none;
text-decoration: none;
text-align: left;
cursor: pointer;
transition: box-shadow 0.3s ease, color 0.3s ease;
}
.block-theme input[type="button"],
.block-theme input[type="reset"],
.block-theme input[type="submit"] {
padding: 18px 24px;
}
.block-theme .button:before {
content: '';
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 16px;
background: url(../images/icon-button-arrow.svg) 50% / 40px no-repeat;
transition: transform 0.3s ease;
}
.block-theme .button > svg {
display: none;
}
.block-theme .button:hover,
.block-theme button:hover,
.block-theme input[type="button"]:hover,
.block-theme input[type="reset"]:hover,
.block-theme input[type="submit"]:hover {
box-shadow: 0 8px 24px rgb(from var(--yellow) r g b / 0.4);
color: var(--navy);
}
.block-theme .button:hover:before {
transform: translateX(4px);
}
.block-theme .button:focus-visible,
.block-theme button:focus-visible,
.block-theme input[type="button"]:focus-visible,
.block-theme input[type="reset"]:focus-visible,
.block-theme input[type="submit"]:focus-visible {
outline: 2px solid var(--cyan);
outline-offset: 3px;
}
.block-theme .btn-loader {
display: none;
position: absolute;
left: calc(50% - 8px);
top: calc(50% - 8px);
}
.block-theme .button.disabled,
.block-theme button.disabled {
opacity: 0.5;
pointer-events: none;
}
/* Coloured Buttons */
/* "Black" is the default yellow pill; "White" is the white pill */
.block-theme .button.black,
.block-theme button.black {
color: var(--navy);
}
.block-theme .button.white,
.block-theme button.white {
background: var(--white);
color: var(--navy);
}
.block-theme .button.white:before {
background-color: var(--light);
}
.block-theme .button.white:hover,
.block-theme button.white:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
color: var(--navy);
}
/* Ghost Buttons (text link with circle) */
.block-theme .button.ghost,
.block-theme button.ghost {
background: none;
padding: 0;
min-height: 40px;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
color: var(--navy);
}
.block-theme .button.ghost:before {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.block-theme .button.ghost:hover,
.block-theme button.ghost:hover {
box-shadow: none;
color: var(--cyan);
}
.block-theme .button.ghost.black,
.block-theme button.ghost.black {
color: var(--navy);
}
.block-theme .button.ghost.white,
.block-theme button.ghost.white {
color: var(--white);
}
.block-theme .button.ghost.white:hover,
.block-theme button.ghost.white:hover {
color: var(--yellow);
}
.block-setting-theme-dark .button.ghost:not(.white),
.block-setting-theme-dark button.ghost:not(.white) {
color: var(--white);
}
.block-setting-theme-dark .button.ghost:not(.white):hover,
.block-setting-theme-dark button.ghost:not(.white):hover {
color: var(--yellow);
}
/* Sized Buttons */
.block-theme .button.small,
.block-theme button.small {
min-height: 44px;
padding: 4px 16px 4px 4px;
}
.block-theme .button.small:before {
width: 36px;
height: 36px;
background-size: 36px;
border-radius: 14px;
}
/* Arrow Buttons */
.block-theme .button.arrow-button,
.block-theme button.arrow-button {
white-space: nowrap;
padding: 8px 24px;
}
.block-theme .button.arrow-button svg,
.block-theme button.arrow-button svg {
flex-shrink: 0;
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.block-theme .button.arrow-button:hover svg,
.block-theme button.arrow-button:hover svg {
transform: translateX(4px);
}
@media (max-width: 460px) {
.block-theme .button.arrow-button,
.block-theme button.arrow-button {
white-space: normal;
}
}
/* Icon Buttons */
.block-theme .button.icon-button:before {
background-image: url(../images/icon-download-circle.svg);
}
.block-theme .button.icon-only-button,
.block-theme button.icon-only-button {
padding: 8px;
}
/* Circle Buttons (card arrows, slider arrows) */
.block-theme .circle-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
padding: 0;
min-height: 0;
border-radius: 12px !important;
background: var(--yellow);
color: var(--navy);
transition: transform 0.3s ease, background-color 0.3s ease;
}
.block-theme .circle-button svg {
display: block;
width: 12px;
height: 12px;
}
.block-theme a:hover .circle-button,
.block-theme .circle-button:hover {
transform: translate(2px, -2px);
box-shadow: none;
}
/*--------------------------------------------------------------
Forms/Inputs
--------------------------------------------------------------*/
.block-theme form *[disabled] {
opacity: 0.5;
pointer-events: none;
}
/* Labels */
.block-theme label,
.block-theme legend {
display: block;
margin: 0 0 4px;
font-size: var(--14px);
font-weight: 500;
color: var(--navy);
}
.block-theme label a,
.block-theme legend a {
text-decoration: underline;
}
.block-theme label a:hover,
.block-theme legend a:hover {
color: var(--cyan);
}
.block-theme label .required {
color: var(--cyan);
margin-left: 2px;
font-weight: 600;
}
/* Basic Fields */
.block-theme input:not([type='button'], [type='submit']),
.block-theme select,
.block-theme textarea {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
display: inline-block;
width: 100%;
padding: 13px 16px;
background-color: var(--white);
border: 1px solid var(--cyan);
color: var(--navy);
border-radius: 10px;
line-height: 22px;
}
.block-theme textarea {
height: 120px;
resize: vertical;
}
.block-theme input:not([type='button'], [type='submit']):focus,
.block-theme select:focus,
.block-theme textarea:focus {
border-color: var(--cyan);
}
::placeholder {
color: var(--navy);
opacity: 0.7;
}
/* Select */
.block-theme select {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 16px center;
background-size: auto 8px;
background-color: var(--white);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 14px 40px 14px 16px;
cursor: pointer;
}
.block-theme .select2,
.block-theme .select2 * {
margin: 0;
padding: 0;
}
.block-theme .select2-container .select2-selection {
height: auto;
display: block;
width: 100%;
margin: 0;
border: 0;
padding: 14px 20px;
background-color: var(--white);
border: 1px solid var(--navy);
border-radius: 0;
color: var(--navy);
line-height: 20px;
text-align: left;
text-decoration: none;
cursor: pointer;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 16px center;
background-size: auto 8px;
}
.block-theme .select2-container .select2-selection,
.block-theme .select2-container .select2-selection * {
line-height: 20px;
}
.block-theme .select2-container.select2-container--open .select2-selection {
border-color: var(--navy);
}
.block-theme .select2-selection__rendered,
.block-theme .select2-selection__placeholder {
color: var(--navy);
}
.block-theme .select2-dropdown {
border-color: var(--navy);
background-color: transparent;
padding-top: 30px;
top: -30px;
border-radius: 0;
}
.block-theme .select2-dropdown .select2-search,
.block-theme .select2-dropdown .select2-results__option {
padding: 5px;
}
.block-theme .select2-dropdown .select2-results,
.block-theme .select2-dropdown .select2-search {
background-color: var(--white);
}
.block-theme .select2-container .select2-selection .select2-selection__rendered {
line-height: 20px;
padding: 0;
}
.block-theme .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background-color: var(--navy);
}
.block-theme .select2-container .select2-selection__arrow {
display: none;
}
/* Checkbox & Radio */
.block-theme input[type='checkbox'],
.block-theme input[type='radio'] {
min-height: 20px;
min-width: 20px;
max-width: 20px;
max-height: 20px;
background-color: var(--white);
border: 1px solid var(--navy);
padding: 0;
box-shadow: none;
margin: 0 8px 0 0;
position: relative;
display: inline-block;
cursor: pointer;
transition: none;
}
.block-theme input[type='radio'] {
border-radius: 100%;
}
.block-theme input[type='checkbox'] + label,
.block-theme input[type='radio'] + label {
margin: 0;
}
.block-theme input[type='checkbox']:checked {
border-color: var(--navy);
background: var(--navy) url(../images/icon-check-white.svg) 50% no-repeat;
background-size: 14px;
}
.block-theme .block-setting-theme-dark input[type='checkbox']:checked {
border-color: var(--white);
}
.block-theme input[type='radio']:checked {
border: 4px solid var(--navy);
}
.block-theme input[type='radio']:before,
.block-theme input[type='checkbox']:before {
display: none;
}
/* File Upload */
.block-theme input[type='file']::file-selector-button {
border: 0;
width: auto;
padding: 10px 15px;
margin-right: 10px;
font-size: var(--16px);
font-weight: 600;
line-height: 20px;
color: var(--white);
text-align: center;
text-decoration: none;
background-color: var(--navy);
border: 1px solid var(--navy);
border-radius: 0;
cursor: pointer;
}
/*--------------------------------------------------------------
Gravity Forms
--------------------------------------------------------------*/
/* General */
.gform_wrapper {
--gform-theme-form-row-gap: 16px !important;
--gform-theme-form-col-gap: 16px !important;
}
.gform-theme {
--gf-form-gap-x: 16px !important;
--gf-form-gap-y: 16px !important;
--gf-label-req-gap: 2px !important;
--gf-color-primary: var(--cyan) !important;
--gf-color-primary-darker: var(--cyan) !important;
}
.gform_wrapper .gform_heading,
.gform_wrapper .gform_title,
.gform_wrapper .gform_required_legend {
display: none;
}
.gform_wrapper .validation_message {
display: none !important;
}
.block-setting-theme-dark .gform-theme .gform_validation_errors {
background-color: rgba(var(--gf-color-danger-rgb), 0.3);
border-color: var(--gf-form-validation-border-color-focus);
}
.block-setting-theme-dark .gform-theme .gform_validation_errors .gform-icon {
border-color: var(--gf-form-validation-border-color-focus);
}
.gform_confirmation_wrapper .gform_confirmation_message {
font-size: var(--20px);
}
.gform-theme .gform_validation_errors .gform_submission_error {
margin: 0;
text-transform: none;
}
.gform-theme .gfield_list_group_item:before,
.gform-theme .gform-field-label {
font-size: var(--14px) !important;
font-weight: 500 !important;
}
.gform-theme .gform-field-label.gfield_consent_label {
font-size: var(--13px) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="password"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="search"],
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_body .gform_fields .gfield select {
background-color: var(--white) !important;
border: 1px solid var(--cyan) !important;
border-radius: 10px !important;
line-height: 22px !important;
padding: 13px 16px !important;
height: auto !important;
box-shadow: none !important;
width: 100%;
font-size: var(--16px) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield select {
padding: 13px 40px 13px 16px !important;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea.small {
height: 100px !important;
min-block-size: 100px;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea.medium {
height: 140px !important;
min-block-size: 140px;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea.large {
height: 200px !important;
min-block-size: 200px;
}
.gform_wrapper .gform_body .gform_fields .gfield input:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus {
border-color: var(--navy) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
border-color: var(--gf-color-danger, #C02B0A) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
color: rgb(from var(--navy) r g b / 0.7) !important;
font-size: inherit !important;
opacity: 1 !important;
}
.gform_wrapper .gform_body .gform_fields .gfield select.is-placeholder {
color: rgb(from var(--navy) r g b / 0.7) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="checkbox"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="radio"] {
min-height: 22px !important;
min-width: 22px !important;
max-width: 22px !important;
max-height: 22px !important;
border: 1px solid var(--navy) !important;
background: var(--white) !important;
box-shadow: none !important;
border-radius: 0 !important;
transition: none !important;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="checkbox"]:checked,
.gform_wrapper .gform_body .gform_fields .gfield input[type="radio"]:checked {
border-color: var(--navy) !important;
background: var(--navy) url(../images/icon-check-white.svg) 50% no-repeat !important;
background-size: 14px !important;
}
.block-setting-theme-dark .gform_wrapper .gform_body .gform_fields .gfield input[type="checkbox"]:checked,
.block-setting-theme-dark .gform_wrapper .gform_body .gform_fields .gfield input[type="radio"]:checked {
border-color: var(--white) !important;
}
.gform_wrapper .gform_body .gform_fields .gfield.choice-horizontal .gfield_radio {
flex-direction: row;
gap: 24px;
}
.gform_wrapper .gform_body .gform_fields .gfield--type-choice .gchoice {
gap: 8px;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent {
gap: 8px;
align-items: center;
}
.gform-theme .gfield_password_strength {
/* display: none; */
color: var(--navy) !important;
font-size: var(--13px) !important;
font-weight: 400 !important;
}
.gform-theme .gform_footer {
/* justify-content: flex-end; */
}
.gform-theme .gform-page-footer {
justify-content: flex-end;
}
.gform-theme .gform-loader {
flex-shrink: 0;
}
/* AJAX spinner sits beside the submit button, label stays visible */
.gform_wrapper .gform_footer button[type="submit"].gform-has-spinner {
color: var(--navy) !important;
}
.gform_wrapper .gform_footer button[type="submit"] .gform-loader {
inset: 0 auto 0 100%;
margin: auto 0 auto 16px;
font-size: 2.5px;
border-color: var(--light) var(--light) var(--navy) var(--navy);
}
.gform_wrapper .gform-page-footer .gform-loader {
order: -1;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
position: relative !important;
padding: 8px 24px 8px 8px !important;
min-height: 56px !important;
font-family: var(--font-primary) !important;
font-size: var(--16px) !important;
font-weight: 600 !important;
background: linear-gradient(90deg, #F1DF37 37%, #EDB600 93%) !important;
border: none !important;
box-shadow: none !important;
border-radius: 20px !important;
color: var(--navy) !important;
text-transform: none !important;
height: auto !important;
line-height: 1.2 !important;
text-align: left !important;
cursor: pointer !important;
transition: box-shadow 0.3s ease, color 0.3s ease !important;
}
.gform_wrapper .gform_footer input[type="submit"] {
padding: 18px 24px !important;
}
.gform_wrapper.gform-theme .gform_footer button[type="submit"]:before,
.gform_wrapper .gform_footer button[type="submit"]:before {
content: '' !important;
display: block;
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 16px;
background: url(../images/icon-button-arrow.svg) 50% / 40px no-repeat;
transition: transform 0.3s ease;
}
.gform_wrapper .gform_footer button[type="submit"]:hover:before {
transform: translateX(4px);
}
.gform_wrapper .gform_footer button[type="submit"] svg {
display: none !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button[type="submit"]:hover {
box-shadow: 0 8px 24px rgb(from var(--yellow) r g b / 0.4) !important;
color: var(--navy) !important;
}
.gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper .gform_footer button[type="submit"]:focus-visible {
outline: 2px solid var(--cyan) !important;
outline-offset: 3px !important;
}
.gform_wrapper .gform_footer input[type="submit"].arrow-button,
.gform_wrapper .gform_footer button[type="submit"].arrow-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
gap: 6px !important;
}
.gform_wrapper .gform_footer button[type="submit"].arrow-button svg * {
all: revert-layer;
}
.gform_wrapper .gform-page-footer .button.gform-theme-button--secondary {
background-color: transparent !important;
border-color: var(--navy) !important;
color: var(--navy) !important;
}
.gform_wrapper .gform-page-footer .button.gform-theme-button--secondary:hover {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: var(--white) !important;
}
.block-setting-theme-dark .gform_wrapper .gform-page-footer .button.gform-theme-button--secondary {
border-color: var(--white) !important;
color: var(--white) !important;
}
.block-setting-theme-dark .gform_wrapper .gform-page-footer .button.gform-theme-button--secondary:hover {
background-color: var(--white) !important;
border-color: var(--white) !important;
color: var(--navy) !important;
}
@media (max-width: 460px) {
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
width: 100% !important
}
.block-theme .button-group .button {
width: 100%;
}
}
/*--------------------------------------------------------------
Helpers
--------------------------------------------------------------*/
/* Visibility */
.block-theme .hidden {
display: none !important;
}
@media (max-width: 768px) {
.block-theme .desktop-only {
display: none !important;
}
}
@media (min-width: 769px) {
.block-theme .mobile-only {
display: none !important;
}
}
.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
/* Positioning */
.block-theme .pos-relative {
position: relative;
}
/* Images */
.block-theme img.aligncenter {
margin-left: auto;
margin-right: auto;
float: none;
}
.block-theme img.alignleft {
float: left;
}
.block-theme img.alignright {
float: right;
}
.block-theme img.size-full {
width: 100%;
}
/* Clearfix */
.block-theme .clearfix:after {
content: '';
display: table;
clear: both;
}
/*--------------------------------------------------------------
Containers/Layout
--------------------------------------------------------------*/
/* Main */
.container {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1372px;
}
.container.w500 { max-width: 540px; }
.container.w600 { max-width: 660px; }
.container.w700 { max-width: 760px; }
.container.w800 { max-width: 860px; }
.container.w900 { max-width: 960px; }
.container.w1000 { max-width: 1060px; }
.container.w1100 { max-width: 1160px; }
.container.w1200 { max-width: 1260px; }
.container.w1300 { max-width: 1360px; }
.container.w1400 { max-width: 1460px; }
.container.w1600 { max-width: 1660px; }
.container.wmax {
max-width: 1920px;
padding: 0;
}
.container.none {
max-width: none;
padding: 0;
}
@media(max-width: 600px) {
.container {
padding: 0 20px;
}
}
/* Special */
.container-oneside {
margin-left: calc((100% - min(100%, 1372px)) / 2);
padding: 0 0 0 30px;
}
.parallax-container {
overflow: hidden;
}
.responsive-video {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
}
.responsive-video iframe,
.responsive-video img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video img {
object-fit: cover;
}
.responsive-video svg {
position: absolute;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
transform: translate(-50%, -50%);
color: var(--white);
}
/* Video poster */
.block-video .responsive-video {
border-radius: 12px;
}
.block-theme .block-video-play {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
min-height: 0;
padding: 0;
background: var(--white);
color: var(--navy);
border-radius: 100% !important;
box-shadow: none;
transform: translate(-50%, -50%);
transition: transform 0.3s ease, background-color 0.3s ease;
}
.block-theme .block-video-play svg {
position: static;
width: 30px;
height: 26px;
margin-left: 6px;
transform: rotate(90deg);
color: var(--navy);
}
.block-theme .block-video-play svg path {
fill: currentColor;
}
.block-theme .block-video-play:hover {
background: var(--yellow);
transform: translate(-50%, -50%) scale(1.06);
box-shadow: none;
}
@media(max-width: 600px) {
.container-oneside {
padding: 0 0 0 20px;
}
}
/* Grid System */
.block-theme .grid-system-1,
.block-theme .grid-system-2,
.block-theme .grid-system-3,
.block-theme .grid-system-4,
.block-theme .grid-system-5,
.block-theme .grid-system-6 {
display: grid;
gap: 24px;
}
.block-theme .grid-system-1,
.block-theme .grid-system-2 {
gap: 40px;
}
.block-theme .grid-system-2 {
grid-template-columns: repeat(2, 1fr);
}
.block-theme .grid-system-3 {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.block-theme .grid-system-4 {
grid-template-columns: repeat(4, 1fr);
}
.block-theme .grid-system-5 {
grid-template-columns: repeat(5, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(6, 1fr);
}
@media(max-width: 1200px) {
.block-theme .grid-system-5 {
grid-template-columns: repeat(3, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(4, 1fr);
}
}
@media(max-width: 992px) {
.block-theme .grid-system-1,
.block-theme .grid-system-2,
.block-theme .grid-system-3 {
gap: 30px;
}
.block-theme .grid-system-3 {
grid-template-columns: repeat(2, 1fr);
}
.block-theme .grid-system-4,
.block-theme .grid-system-5,
.block-theme .grid-system-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 768px) {
.block-theme .grid-system-2 {
grid-template-columns: repeat(1, 1fr);
}
.block-theme .grid-system-4,
.block-theme .grid-system-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 500px) {
.block-theme .grid-system-3,
.block-theme .grid-system-4 {
grid-template-columns: repeat(1, 1fr);
}
.block-theme .grid-system-6 {
grid-template-columns: repeat(2, 1fr);
}
}
/* Tables */
.block-theme table {
border-collapse: collapse;
width: 100%;
}
.block-theme table,
.block-theme table tr,
.block-theme table th,
.block-theme table td {
border-color: var(--navy);
}
.block-theme table th,
.block-theme table td {
padding: 10px;
text-align: left;
border: 1px solid var(--navy);
color: var(--navy);
}
.block-theme table th {
background-color: var(--grey);
}
.block-theme table th,
.block-theme table th * {
font-weight: 600;
}
/*--------------------------------------------------------------
Site: Header
--------------------------------------------------------------*/
.site-header {
background-color: var(--white);
display: flex;
justify-content: space-between;
align-items: center;
gap: 0 24px;
position: sticky;
top: var(--announcement-bar-height);
left: 0;
width: 100%;
z-index: 100;
padding: 0 max(30px, calc((100% - 1312px) / 2));
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}
body.admin-bar .site-header {
top: calc(var(--announcement-bar-height) + var(--admin-bar-height));
}
@media (max-width: 600px) {
.site-header {
padding: 0 20px;
}
}
/* Skip Link */
.block-theme a.skip-link {
position: absolute;
top: -100px;
left: 16px;
z-index: 1000;
padding: 12px 20px;
background-color: var(--navy);
color: var(--white);
font-size: var(--14px);
text-decoration: none;
}
.block-theme.admin-bar a.skip-link:focus {
top: calc(var(--admin-bar-height) + 16px);
}
.block-theme a.skip-link:focus {
top: 16px;
outline: 2px solid var(--white);
outline-offset: -5px;
}
.block-theme a.skip-link:hover {
color: var(--white);
}
.site-main:focus {
outline: none;
}
/* Logo */
.site-header .site-header-logo {
padding: 8px 0;
line-height: 0;
}
.site-header .site-header-logo svg {
height: 96px;
width: auto;
transition: height 0.3s ease;
max-width: 100%;
}
@media (max-width: 1200px) {
.site-header .site-header-logo {
padding: 8px 0;
}
.site-header .site-header-logo svg {
height: 56px;
}
}
/* Actions */
.site-header .site-header-actions {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1200px) {
.site-header .site-header-actions {
margin: 0 0 0 auto;
}
.site-header .site-header-actions .button {
display: none;
}
.site-header .site-navigation {
order: 1;
margin: 0;
}
}
/* Admin Bar */
#wpadminbar {
position: sticky;
top: 0;
}
/* Announcement Bar */
body.site-announcement-active {
--announcement-bar-height: 40px;
}
.site-announcement {
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: var(--navy);
color: var(--white);
height: 40px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
body.admin-bar .site-announcement {
top: var(--admin-bar-height);
}
.site-announcement .site-announcement-content {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scrollbar-width: none;
}
.site-announcement .site-announcement-content::-webkit-scrollbar {
display: none;
}
.site-announcement .site-announcement-content p,
.site-announcement .site-announcement-content a {
font-size: var(--14px);
color: var(--white);
margin: 0;
}
@media (max-width: 992px) {
.site-announcement .site-announcement-content p,
.site-announcement .site-announcement-content a {
font-size: var(--12px);
}
}
/*--------------------------------------------------------------
Site: Navigation
--------------------------------------------------------------*/
/* Menu */
.site-navigation {
display: block;
margin: 0 0 0 auto;
}
.site-navigation .menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 0 8px;
}
.site-navigation .menu li {
position: relative;
display: flex;
align-items: center;
gap: 4px;
}
.site-navigation .menu li a {
display: flex;
align-items: center;
text-align: center;
gap: 4px;
padding: 10px 12px;
border-radius: 17px;
text-decoration: none;
line-height: 16px;
font-size: var(--16px);
font-weight: 500;
text-transform: uppercase;
color: var(--navy);
white-space: nowrap;
transition: background-color 0.3s ease;
}
.site-navigation .menu li a:hover {
color: var(--navy);
background-color: rgb(from var(--yellow) r g b / 0.2);
}
.site-navigation .menu li.current-menu-item > a,
.site-navigation .menu li.current-menu-ancestor > a,
.site-navigation .menu li.current_page_parent > a {
color: var(--navy);
background-color: rgb(from var(--yellow) r g b / 0.4);
}
.site-navigation .menu li > .sub-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
min-width: 24px;
min-height: 24px;
padding: 0;
margin: 0 0 0 -14px;
background: none;
border: none;
box-shadow: none;
line-height: 0;
color: var(--navy);
cursor: pointer;
}
.site-navigation .menu li > .sub-menu-toggle svg {
width: 12px;
height: 12px;
transition: color 0.3s ease, transform 0.3s ease;
}
/* Items with a sub-menu: the pill wraps the label and the plus together */
.site-navigation .menu li.menu-item-has-children {
gap: 0;
border-radius: 17px;
transition: background-color 0.3s ease;
}
.site-navigation .menu li.menu-item-has-children > a,
.site-navigation .menu li.menu-item-has-children > a:hover {
padding-right: 2px;
border-radius: 0;
background-color: transparent;
}
.site-navigation .menu li.menu-item-has-children > .sub-menu-toggle {
margin: 0 6px 0 0;
}
.site-navigation .menu li.menu-item-has-children:hover,
.site-navigation .menu li.menu-item-has-children:focus-within,
.site-navigation .menu li.menu-item-has-children.active {
background-color: rgb(from var(--yellow) r g b / 0.2);
}
.site-navigation .menu li.menu-item-has-children.current-menu-item,
.site-navigation .menu li.menu-item-has-children.current-menu-ancestor,
.site-navigation .menu li.menu-item-has-children.current_page_parent {
background-color: rgb(from var(--yellow) r g b / 0.4);
}
.site-navigation .menu .sub-menu-wrap {
position: absolute;
top: 100%;
left: 0;
z-index: 900;
padding: 50px 0 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0s 0.3s;
min-width: 264px;
}
.site-navigation .menu li:hover > .sub-menu-wrap,
.site-navigation .menu li:focus-within > .sub-menu-wrap,
.site-navigation .menu li.active > .sub-menu-wrap {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: opacity 0.3s ease, visibility 0s;
}
.site-navigation .sub-menu {
background-color: var(--white);
display: block;
padding: 8px;
box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
border-radius: 12px;
}
.site-navigation .sub-menu li {
margin: 0;
}
.site-navigation .sub-menu li a {
white-space: nowrap;
color: var(--navy);
padding: 10px 20px;
border-radius: 12px;
text-align: left;
line-height: 24px;
width: 100%;
}
.site-navigation .sub-menu li a:hover,
.site-navigation .sub-menu li.current-menu-item > a {
background-color: #FAF5B6;
}
/* Sub Sub Menu (flyout) */
.site-navigation .sub-menu li > .sub-menu-toggle {
margin-left: auto;
}
.site-navigation .sub-menu li > .sub-menu-toggle svg {
transform: rotate(-90deg);
}
.site-navigation .sub-menu li.flyout-left > .sub-menu-toggle svg {
transform: rotate(90deg);
}
.site-navigation .sub-menu .sub-menu-wrap {
top: -6px;
left: 100%;
padding: 0 0 0 28px;
transform: none;
}
.site-navigation .sub-menu li.flyout-left > .sub-menu-wrap {
left: auto;
right: 100%;
padding: 0 28px 0 0;
}
@media (max-width: 1200px) {
.site-navigation .menu {
display: none;
}
}
/* Responsive Tray Toggle */
.site-header .responsive-tray-toggle {
display: none;
position: relative;
margin: 0;
padding: 0;
width: 24px;
height: 16px;
min-height: 0;
background: none;
border: none;
border-radius: 0 !important;
box-shadow: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-header .responsive-tray-toggle:hover {
background: none;
box-shadow: none;
}
.site-header .responsive-tray-toggle:focus-visible {
outline: 2px solid currentColor;
outline-offset: 6px;
}
.responsive-tray-toggle span,
.responsive-tray-toggle span:before,
.responsive-tray-toggle span:after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: var(--navy);
transition: background-color 0s 0.2s;
}
.responsive-tray-toggle span {
top: 7px;
}
.responsive-tray-toggle span:before,
.responsive-tray-toggle span:after {
content: '';
transition-duration: 0.2s, 0.2s;
transition-delay: 0.2s, 0s;
}
.responsive-tray-toggle span:before {
top: -7px;
transition-property: top, transform;
}
.responsive-tray-toggle span:after {
bottom: -7px;
transition-property: bottom, transform;
}
body.menu-active .responsive-tray-toggle span {
background-color: transparent;
}
body.menu-active .responsive-tray-toggle span:before {
top: 0;
transform: rotate(45deg);
transition-delay: 0s, 0.2s;
}
body.menu-active .responsive-tray-toggle span:after {
bottom: 0;
transform: rotate(-45deg);
transition-delay: 0s, 0.2s;
}
@media (max-width: 1200px) {
.site-header .responsive-tray-toggle {
display: block;
}
}
/*--------------------------------------------------------------
Site: Responsive Tray
--------------------------------------------------------------*/
.site-responsive-tray {
display: none;
}
@media (max-width: 1200px) {
/* Main */
body.menu-active .site-main {
transform: translateX(-100%);
}
.site-responsive-tray {
display: flex;
flex-direction: column;
justify-content: space-between;
position: fixed;
top: calc(var(--header-height) + var(--announcement-bar-height));
bottom: 0;
right: 0;
width: 100%;
background-color: var(--white);
z-index: 0;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transition: transform ease 0.3s, opacity ease 0.3s, visibility 0s 0.3s;
pointer-events: none;
}
body.menu-active .site-responsive-tray {
opacity: 1;
visibility: visible;
transition: transform ease 0.3s, opacity ease 0.3s, visibility 0s;
pointer-events: all;
}
body.admin-bar .site-responsive-tray {
top: calc(var(--header-height) + var(--announcement-bar-height) + var(--admin-bar-height));
}
/* Menu */
.site-responsive-tray .menu {
list-style: none;
margin: 0;
padding: 40px 0;
}
.site-responsive-tray .menu li {
display: block;
width: 100%;
}
.site-responsive-tray .menu li a {
display: block;
padding: 12px 30px;
color: var(--navy);
font-family: var(--font-heading);
font-weight: 700;
letter-spacing: -0.02em;
font-size: var(--32px);
line-height: 1;
text-decoration: none;
}
.site-responsive-tray .menu li a:hover,
.site-responsive-tray .menu li.current-menu-item > a,
.site-responsive-tray .menu li.current-menu-ancestor > a {
color: var(--navy);
}
.site-responsive-tray .menu li.menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-responsive-tray .menu li.menu-item-has-children > a {
flex: 1;
}
.site-responsive-tray .menu li.menu-item-has-children > .sub-menu-toggle,
.site-responsive-tray .menu li.menu-item-has-children > .sub-menu-toggle:hover {
display: flex;
align-items: center;
align-self: stretch;
padding: 0 30px;
margin: 0;
min-height: 0;
background: none;
border: none;
border-radius: 0 !important;
box-shadow: none;
line-height: 0;
color: var(--navy);
cursor: pointer;
}
.site-responsive-tray .menu li.menu-item-has-children > .sub-menu-toggle svg {
width: 16px;
}
.site-responsive-tray .menu li.menu-item-has-children.active > .sub-menu-toggle svg {
transform: rotate(180deg);
}
.site-responsive-tray .menu li.menu-item-has-children > .sub-menu-wrap {
flex: 0 0 100%;
}
/* Sub Menu */
.site-responsive-tray .sub-menu-wrap {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows 0.3s ease, visibility 0s 0.3s;
}
.site-responsive-tray .menu li.menu-item-has-children.active > .sub-menu-wrap {
grid-template-rows: 1fr;
visibility: visible;
transition: grid-template-rows 0.3s ease, visibility 0s;
}
.site-responsive-tray .sub-menu {
overflow: hidden;
padding: 0 30px 0 50px;
transition: padding 0.3s ease;
}
.site-responsive-tray .menu li.menu-item-has-children.active > .sub-menu-wrap > .sub-menu {
padding: 0 30px 12px 50px;
}
.site-responsive-tray .menu li.menu-item-has-children .sub-menu li a {
padding: 8px 0;
justify-content: flex-start;
line-height: 1;
font-family: var(--font-primary);
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
font-size: var(--16px);
}
/* Actions */
.site-responsive-tray .responsive-tray-actions {
padding: 20px 30px 80px 30px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 24px 12px;
}
.site-responsive-tray .responsive-tray-actions .button {
width: 100%;
}
}
@media (max-width: 600px) {
.site-responsive-tray .menu li a {
padding: 12px 20px;
}
.site-responsive-tray .menu li.menu-item-has-children > .sub-menu-toggle {
padding: 0 20px;
}
.site-responsive-tray .sub-menu {
padding: 0 20px 0 40px;
}
.site-responsive-tray .menu li.menu-item-has-children.active > .sub-menu-wrap > .sub-menu {
padding: 0 20px 12px 40px;
}
.site-responsive-tray .responsive-tray-actions {
padding: 20px 20px 80px 20px;
}
}
/*--------------------------------------------------------------
Site: Main
--------------------------------------------------------------*/
/* Main */
.site-main {
background-color: var(--white);
position: relative;
z-index: 1;
transition: transform 0.3s ease;
}
/* 404 Not Found */
.page-error404 .error404-main .block-setting-padding {
display: flex;
align-items: center;
min-height: calc(100svh - var(--header-height));
overflow: hidden;
text-align: center;
}
.page-error404 .error404-main .container {
position: relative;
z-index: 1;
}
.page-error404 .error404-graphic {
position: absolute;
top: 50%;
left: 50%;
width: 900px;
max-width: 120vw;
transform: translate(-50%, -54%);
color: var(--yellow);
opacity: 0.05;
line-height: 0;
pointer-events: none;
}
.page-error404 .error404-graphic svg {
width: 100%;
height: auto;
}
.page-error404 .tag {
justify-content: center;
margin: 0 0 32px;
}
.page-error404 h1 {
margin: 0 0 24px;
}
.page-error404 .error404-text {
max-width: 560px;
margin: 0 auto 40px;
font-size: var(--20px);
line-height: 1.5;
}
.page-error404 .error404-links {
margin: 64px 0 0;
}
.page-error404 .error404-links-label {
font-family: var(--font-mono);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0 0 16px;
opacity: 0.7;
}
.page-error404 .error404-links-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
.page-error404 .error404-links-menu li {
margin: 0;
}
.page-error404 .error404-links-menu a {
display: inline-flex;
align-items: center;
padding: 10px 16px;
border-radius: 12px;
border: 1px solid rgb(from var(--white) r g b / 0.2);
font-family: var(--font-mono);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
line-height: 1;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.page-error404 .error404-links-menu a:hover,
.page-error404 .error404-links-menu a:focus-visible {
background-color: rgb(from var(--white) r g b / 0.1);
border-color: rgb(from var(--white) r g b / 0.5);
}
.page-error404 .error404-links-menu .sub-menu-toggle,
.page-error404 .error404-links-menu .sub-menu-wrap {
display: none;
}
@media (max-width: 768px) {
.page-error404 .error404-main .block-setting-padding {
min-height: 0;
}
.page-error404 .error404-text {
font-size: var(--18px);
}
.page-error404 .error404-links {
margin: 48px 0 0;
}
}
/*-----------------------------------------------------------------------
Site: Instagram Feed
-----------------------------------------------------------------------*/
.site-instagram .site-instagram-header {
position: relative;
text-align: center;
padding: 120px 0 48px;
overflow: hidden;
}
.site-instagram .site-instagram-arc {
position: absolute;
top: 58px;
left: 50%;
width: 1500px;
transform: translateX(-50%) rotate(180deg);
pointer-events: none;
line-height: 0;
}
@media (max-width: 992px) {
.site-instagram .site-instagram-header {
padding-top: 96px;
}
}
@media (max-width: 768px) {
.site-instagram .site-instagram-header {
padding-top: 60px;
}
.site-instagram .site-instagram-arc {
top: 24px;
width: 900px;
}
}
.site-instagram .site-instagram-arc svg {
width: 100%;
height: auto;
}
.site-instagram .site-instagram-header .container {
position: relative;
z-index: 1;
}
.site-instagram .site-instagram-header .tag {
justify-content: center;
margin: 0 0 32px;
}
.site-instagram .site-instagram-handle {
margin: 0;
}
.site-instagram .site-instagram-handle a {
color: var(--navy);
}
.site-instagram .site-instagram-handle a:hover {
color: var(--cyan);
}
.site-instagram .site-instagram-handle span {
color: var(--cyan);
}
.site-instagram .site-instagram-notice {
text-align: center;
padding: 40px 0;
opacity: 0.7;
}
/*--------------------------------------------------------------
Site: Footer
--------------------------------------------------------------*/
/* Main */
.site-footer .site-footer-main {
background-color: var(--white);
padding: 100px 0 32px;
}
.site-footer .site-footer-row {
display: grid;
grid-template-columns: minmax(0, 352fr) minmax(0, 160fr) minmax(0, 256fr) minmax(0, 256fr) minmax(0, 288fr);
gap: 32px 0;
align-items: start;
}
.site-footer .site-footer-col {
padding: 28px 16px 0 0;
}
.site-footer .site-footer-col:last-child {
padding-right: 0;
}
.site-footer .site-footer-brand svg {
display: block;
width: 320px;
height: auto;
max-width: 100%;
}
.site-footer .site-footer-heading {
font-family: var(--font-mono);
font-size: var(--16px);
font-weight: 600;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
color: var(--navy);
margin: 0 0 24px;
}
.site-footer .site-footer-menu {
display: flex;
flex-direction: column;
gap: 3px;
}
.site-footer .site-footer-menu a,
.site-footer .site-footer-contact p,
.site-footer .site-footer-contact a {
display: block;
font-size: var(--16px);
font-weight: 400;
line-height: 1.4;
text-transform: uppercase;
text-decoration: none;
color: var(--navy);
margin: 0;
}
.site-footer .site-footer-menu a:hover,
.site-footer .site-footer-contact a:hover {
color: var(--cyan);
}
.site-footer .site-footer-contact p {
text-transform: none;
margin: 0 0 3px;
}
.site-footer .site-footer-contact .site-footer-phone {
font-weight: 700;
text-transform: none;
}
.site-footer .site-footer-contact .site-footer-email {
text-transform: none;
}
@media (max-width: 1280px) {
.site-footer .site-footer-row {
grid-template-columns: minmax(0, 1fr) repeat(4, max-content);
gap: 32px 40px;
}
.site-footer .site-footer-col {
padding-right: 0;
}
}
.site-footer .site-footer-contact .site-footer-location {
font-weight: 500;
}
/* Socials */
.site-footer .site-footer-socials {
display: flex;
align-items: center;
gap: 12px;
margin: 16px 0 0;
}
.site-footer .site-footer-socials a {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
background-color: var(--light);
color: var(--navy);
border-radius: 12px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.site-footer .site-footer-socials a svg {
width: 16px;
height: 16px;
}
.site-footer .site-footer-socials a:hover {
background-color: var(--yellow);
color: var(--navy);
}
@media (max-width: 1200px) {
.site-footer .site-footer-main {
padding: 64px 0 32px;
}
.site-footer .site-footer-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 24px;
}
.site-footer .site-footer-col {
padding: 0;
}
.site-footer .site-footer-brand {
grid-column: 1 / -1;
}
.site-footer .site-footer-brand svg {
width: 280px;
}
}
@media (max-width: 768px) {
.site-footer .site-footer-menu {
gap: 0;
}
.site-footer .site-footer-menu a,
.site-footer .site-footer-contact a {
padding: 5px 0;
}
}
@media (max-width: 460px) {
.site-footer .site-footer-row {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
}
}
/* Bottom */
.site-footer .site-footer-bottom {
background-color: var(--yellow);
color: var(--navy);
font-size: var(--16px);
}
.site-footer .site-footer-bottom-row {
display: grid;
grid-template-columns: minmax(0, 512fr) minmax(0, 612fr) minmax(0, 188fr);
align-items: center;
padding: 8px 0;
}
.site-footer .site-footer-bottom .site-footer-copyright {
white-space: nowrap;
}
.site-footer .site-footer-bottom .site-footer-bottom-menu {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.site-footer .site-footer-bottom .site-footer-bottom-menu > a {
color: var(--navy);
white-space: nowrap;
line-height: 1.5;
}
.site-footer .site-footer-bottom .site-footer-bottom-menu > a:hover {
text-decoration: underline;
}
.site-footer .site-footer-bottom .site-footer-credits {
text-align: right;
}
.site-footer .site-footer-bottom .site-footer-credits a {
color: var(--navy);
font-weight: 600;
text-transform: uppercase;
}
.site-footer .site-footer-bottom .site-footer-credits a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.site-footer .site-footer-bottom-row {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
padding: 12px 0;
text-align: center;
}
.site-footer .site-footer-bottom .site-footer-bottom-menu {
justify-content: center;
}
.site-footer .site-footer-bottom .site-footer-copyright,
.site-footer .site-footer-bottom .site-footer-credits {
text-align: center;
white-space: normal;
}
}
/*-----------------------------------------------------------------------
Block Settings
-----------------------------------------------------------------------*/
/* Padding */
.block-section .block-setting-padding {
padding-top: var(--block-padding-top);
padding-bottom: var(--block-padding-bottom);
}
@media (max-width: 992px) {
.block-section .block-setting-padding {
padding-top: clamp(0px, var(--block-padding-top), max(20px, calc(var(--block-padding-top) / 1.25)));
padding-bottom: clamp(0px, var(--block-padding-bottom), max(20px, calc(var(--block-padding-bottom) / 1.25)));
}
}
@media (max-width: 768px) {
.block-section .block-setting-padding {
padding-top: clamp(0px, var(--block-padding-top), max(20px, calc(var(--block-padding-top) / 2)));
padding-bottom: clamp(0px, var(--block-padding-bottom), max(20px, calc(var(--block-padding-bottom) / 2)));
}
}
/* Backgrounds */
.block-section .block-setting-background {
background-color: var(--block-background-color, transparent);
}
/* Patterns */
.block-section .block-setting-pattern-grid {
position: relative;
isolation: isolate;
}
.block-section .block-setting-pattern-grid:before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-image:
repeating-linear-gradient(90deg, rgb(from var(--cyan) r g b / 0.08) 0 1px, transparent 1px 72px),
repeating-linear-gradient(180deg, rgb(from var(--cyan) r g b / 0.08) 0 1px, transparent 1px 72px),
linear-gradient(180deg, rgb(from var(--cyan) r g b / 0.16) 0%, rgb(from var(--cyan) r g b / 0) 60%);
-webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 92%);
mask-image: linear-gradient(180deg, #000 55%, transparent 92%);
}
.block-section .block-setting-theme-dark.block-setting-pattern-grid:before {
background-image:
repeating-linear-gradient(90deg, rgb(from var(--white) r g b / 0.05) 0 1px, transparent 1px 72px),
repeating-linear-gradient(180deg, rgb(from var(--white) r g b / 0.05) 0 1px, transparent 1px 72px);
}
/* Colours */
.block-section .block-setting-theme-dark *:not(.button):not(svg):not(path):not(span[style*="color"]):not(.ignore-text-white):not(.ignore-text-white *) {
color: var(--white) !important;
}
/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
/* Empty Block */
.block-empty {
padding: 40px 0;
text-align: center;
}
.block-empty p {
margin: 0 20px;
}
/* Accordion */
.block-theme .accordion-section {
border: none;
}
.block-theme .accordion-section {
display: flex;
flex-direction: column;
gap: 12px;
}
.block-theme .accordion-section .accordion-item {
background-color: var(--white);
border-radius: 11px;
padding: 0 24px;
}
.block-theme .block-setting-theme-dark .accordion-section .accordion-item {
background-color: rgb(from var(--white) r g b / 0.08);
}
.block-theme .accordion-section .accordion-item .accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
width: 100%;
min-height: 0;
cursor: pointer;
padding: 20px 0;
margin: 0;
background: none;
border: none;
border-radius: 0 !important;
box-shadow: none;
font: inherit;
font-size: var(--20px);
font-weight: 600;
line-height: 1.2;
text-align: left;
text-transform: none;
color: var(--navy);
}
.block-theme .accordion-section .accordion-item .accordion-header:hover {
box-shadow: none;
color: var(--cyan);
}
.block-theme .accordion-section .accordion-item .accordion-header:focus-visible {
outline: 2px solid currentColor;
outline-offset: -2px;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle svg {
height: 16px;
width: 16px;
transition: transform 0.3s ease;
}
.block-theme .accordion-section .accordion-item.active .accordion-header .accordion-toggle svg {
transform: rotate(45deg);
}
.block-theme .accordion-section .accordion-item .accordion-content {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows 0.3s ease, visibility 0s 0.3s;
}
.block-theme .accordion-section .accordion-item.active .accordion-content {
grid-template-rows: 1fr;
visibility: visible;
transition: grid-template-rows 0.3s ease, visibility 0s;
}
.block-theme .accordion-section .accordion-item .accordion-content > .wysiwyg-content {
overflow: hidden;
padding: 0 48px 0 0;
transition: padding 0.3s ease;
}
.block-theme .accordion-section .accordion-item.active .accordion-content > .wysiwyg-content {
padding: 0 48px 24px 0;
}
@media (max-width: 768px) {
.block-theme .accordion-section .accordion-item .accordion-header {
padding: 20px 0;
}
.block-theme .accordion-section .accordion-item .accordion-content > .wysiwyg-content {
padding: 0 32px 0 0;
}
.block-theme .accordion-section .accordion-item.active .accordion-content > .wysiwyg-content {
padding: 4px 32px 24px 0;
}
}
/* Clipboard Copy */
.block-theme .clipboard-copy {
position: relative;
padding: 0;
background: none;
border: none;
font: inherit;
cursor: pointer;
}
.block-theme .clipboard-copy:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.block-theme .clipboard-copy .tooltip {
visibility: hidden;
width: auto;
white-space: nowrap;
background-color: var(--navy);
color: var(--white);
text-align: center;
border-radius: 4px;
padding: 3px 10px;
position: absolute;
top: 0;
left: 50%;
font-size: var(--13px);
line-height: 1.5;
transform: translate(-50%, -140%);
opacity: 0;
transition: opacity 0.3s ease;
}
.block-theme .clipboard-copy .tooltip:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--navy) transparent transparent transparent;
}
.block-theme .clipboard-copy:hover .tooltip {
visibility: visible;
opacity: 1;
}
/* Swiper */
.block-theme .swiper-button-prev,
.block-theme .swiper-button-next {
width: auto;
height: auto;
}
.block-theme .swiper-button-prev {
left: -16px;
transform: translate(-100%, -50%);
margin: 0;
}
.block-theme .swiper-button-next {
right: -16px;
transform: translate(100%, -50%);
margin: 0;
}
.block-theme .swiper-button-prev:after,
.block-theme .swiper-button-next:after {
display: none;
}
.block-theme .swiper-button-prev svg,
.block-theme .swiper-button-next svg {
height: 24px;
width: auto;
color: var(--navy);
transition: color 0.3s ease;
}
.block-theme .block-setting-theme-dark .swiper-button-prev svg,
.block-theme .block-setting-theme-dark .swiper-button-next svg {
color: var(--white);
}
.block-theme .swiper-button-prev:hover svg,
.block-theme .swiper-button-next:hover svg {
color: var(--cyan);
}
.block-theme .block-setting-theme-dark .swiper-button-prev:hover svg,
.block-theme .block-setting-theme-dark .swiper-button-next:hover svg {
color: var(--cyan);
}
.block-theme .swiper-pagination-progressbar.swiper-pagination-horizontal {
background-color: var(--grey);
height: 4px;
position: static;
}
.block-theme .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: var(--navy);
}
.block-theme .swiper-pagination {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
width: auto;
padding: 4px 6px;
border-radius: 10px;
background-color: rgb(from var(--navy) r g b / 0.06);
bottom: 18px !important;
left: 50% !important;
transform: translateX(-50%);
}
.block-theme .swiper-pagination.swiper-pagination-horizontal,
.block-theme .swiper-horizontal > .swiper-pagination.swiper-pagination-bullets {
width: auto;
left: 50%;
}
.block-theme .swiper-pagination .swiper-pagination-bullet {
position: relative;
opacity: 1;
background: none;
border-radius: 0;
width: 16px;
height: 16px;
transition: width 0.3s ease;
margin: 0 !important;
}
.block-theme .swiper-pagination .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
background-color: rgb(from var(--navy) r g b / 0.3);
border-radius: 6px;
transition: background-color 0.3s ease;
}
.block-theme .swiper-pagination .swiper-pagination-bullet-active {
width: 32px;
}
.block-theme .swiper-pagination .swiper-pagination-bullet-active:before {
background-color: var(--navy);
}
.block-theme .block-setting-theme-dark .swiper-pagination {
background-color: rgb(from var(--white) r g b / 0.1);
}
.block-theme .block-setting-theme-dark .swiper-pagination .swiper-pagination-bullet:before {
background-color: var(--white);
opacity: 0.4;
}
.block-theme .block-setting-theme-dark .swiper-pagination .swiper-pagination-bullet-active:before {
opacity: 1;
}
@media (max-width: 1500px) {
.block-theme .swiper-button-prev {
left: -10px;
}
.block-theme .swiper-button-next {
right: -10px;
}
}
@media (max-width: 600px) {
.block-theme .swiper-button-prev {
left: -4px;
}
.block-theme .swiper-button-next {
right: -4px;
}
.block-theme .swiper-button-prev svg,
.block-theme .swiper-button-next svg {
height: 20px;
}
}
/*-----------------------------------------------------------------------
WYSIWYG Content
-----------------------------------------------------------------------*/
.wysiwyg-content h1:last-child,
.wysiwyg-content h2:last-child,
.wysiwyg-content h3:last-child,
.wysiwyg-content h4:last-child,
.wysiwyg-content h5:last-child,
.wysiwyg-content h6:last-child,
.wysiwyg-content p:last-child,
.wysiwyg-content ul:last-child,
.wysiwyg-content img:last-child,
.wysiwyg-content table:last-child,
.wysiwyg-content code:last-child {
margin: 0;
}
.wysiwyg-content blockquote:last-child,
.wysiwyg-content .responsive-video:last-child {
margin: 32px 0 0;
}
@media (max-width: 768px) {
.wysiwyg-content blockquote:last-child,
.wysiwyg-content .responsive-video:last-child {
margin: 24px 0 0;
}
}
/* Lists */
.wysiwyg-content ul,
.wysiwyg-content ol {
list-style: none;
margin: 0 0 24px;
padding: 0;
}
.wysiwyg-content ul li,
.wysiwyg-content ol li {
position: relative;
margin: 0 0 12px;
padding: 0 0 0 24px;
}
.wysiwyg-content ul li:last-of-type,
.wysiwyg-content ol li:last-of-type {
margin: 0;
}
.wysiwyg-content ul > li:before {
content: '';
display: block;
position: absolute;
top: 9px;
left: 0;
width: 8px;
height: 8px;
background-color: var(--cyan);
}
.block-setting-theme-dark .wysiwyg-content ul li:before {
background-color: var(--white);
}
.wysiwyg-content ol {
counter-reset: item;
list-style-position: outside;
}
.wysiwyg-content ol > li:before {
content: counter(item) '. ';
counter-increment: item;
display: block;
position: absolute;
top: 0;
left: 0;
}
.wysiwyg-content ul.list-style-check li {
padding-left: 32px;
margin: 0 0 12px;
}
.wysiwyg-content ul.list-style-check > li:before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
width: 18px;
height: 18px;
background: url(../images/icon-check-bullet.svg) 50% no-repeat;
background-size: contain;
}
/* Media */
.wysiwyg-content img {
width: auto;
max-width: 100%;
}
.wysiwyg-content .responsive-video {
margin: 32px 0;
}
/*-----------------------------------------------------------------------
Parts: Section Heading
-----------------------------------------------------------------------*/
.section-heading {
margin: 0 0 56px;
}
.section-heading .tag {
margin: 0 0 32px;
}
.section-heading-main > :last-child {
margin-bottom: 0;
}
.section-heading-main h1,
.section-heading-main h2,
.section-heading-main h3 {
max-width: 720px;
}
.section-heading-main p {
max-width: 640px;
}
@media (max-width: 768px) {
.section-heading-main h1 br,
.section-heading-main h2 br,
.section-heading-main h3 br {
display: none;
}
}
.section-heading-actions .button-group {
margin-top: 32px;
}
/* Center */
.section-heading-center {
text-align: center;
}
.section-heading-center .tag {
justify-content: center;
}
.section-heading-center .section-heading-main h1,
.section-heading-center .section-heading-main h2,
.section-heading-center .section-heading-main h3,
.section-heading-center .section-heading-main p {
margin-left: auto;
margin-right: auto;
}
.section-heading-center .section-heading-main p {
max-width: 872px;
}
.section-heading-center .section-heading-actions .button-group {
justify-content: center;
}
/* Split (tag left) */
.section-heading-split {
display: grid;
grid-template-columns: minmax(0, 347fr) minmax(0, 965fr);
gap: 0;
align-items: start;
}
.section-heading-split .tag {
grid-column: 1;
grid-row: 1;
margin: 0;
padding-top: 12px;
}
.section-heading-split .section-heading-main {
grid-column: 2;
grid-row: 1;
}
.section-heading-split .section-heading-actions {
grid-column: 2;
grid-row: 2;
}
/* Columns (text right) */
.section-heading-columns .section-heading-main {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 24px 80px;
align-items: center;
}
.section-heading-columns .section-heading-title > :last-child,
.section-heading-columns .section-heading-text > :last-child {
margin-bottom: 0;
}
.section-heading-columns .section-heading-text p {
max-width: none;
}
/* Row (buttons right) */
.section-heading-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0 40px;
align-items: end;
}
.section-heading-row .tag {
grid-column: 1 / -1;
}
.section-heading-row .section-heading-main {
grid-column: 1;
}
.section-heading-row .section-heading-actions {
grid-column: 2;
align-self: end;
padding-bottom: 8px;
}
.section-heading-row .section-heading-actions .button-group {
margin-top: 0;
}
@media (max-width: 992px) {
.section-heading {
margin: 0 0 40px;
}
.section-heading-split {
grid-template-columns: minmax(0, 1fr);
}
.section-heading-split .tag {
grid-row: auto;
padding: 0;
margin: 0 0 24px;
}
.section-heading-split .section-heading-main,
.section-heading-split .section-heading-actions {
grid-column: 1;
grid-row: auto;
}
.section-heading-columns .section-heading-main {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 768px) {
.section-heading .tag {
margin: 0 0 24px;
}
.section-heading-row {
grid-template-columns: minmax(0, 1fr);
}
.section-heading-row .section-heading-actions {
grid-column: 1;
padding: 0;
}
.section-heading-row .section-heading-actions .button-group {
margin-top: 24px;
}
}
/*-----------------------------------------------------------------------
Parts: Slider Arrows
-----------------------------------------------------------------------*/
.slider-arrows {
display: flex;
gap: 8px;
}
.slider-arrows-end {
justify-content: flex-end;
margin: 24px 0 0;
}
.block-theme .slider-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
min-height: 0;
padding: 0;
border-radius: 12px !important;
background: rgb(from var(--white) r g b / 0.5);
color: var(--white);
box-shadow: none;
transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}
.block-theme .slider-arrow svg {
display: block;
width: 20px;
height: 20px;
}
.block-theme .slider-arrow-prev svg {
transform: rotate(180deg);
}
.block-theme .slider-arrow:hover {
background: var(--white);
color: var(--navy);
box-shadow: none;
}
.block-theme .slider-arrow.swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
.block-theme .slider-arrow.slider-arrow-light {
background: var(--light);
color: var(--navy);
}
.block-theme .slider-arrow.slider-arrow-light:hover {
background: var(--yellow);
}
/*-----------------------------------------------------------------------
Parts: Project Entry
-----------------------------------------------------------------------*/
.project-entry-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
}
.project-entry .project-entry-perma {
display: block;
position: relative;
aspect-ratio: 636 / 564;
border-radius: 12px;
overflow: hidden;
background-color: var(--light);
}
.project-entry .project-entry-image {
position: absolute;
inset: 0;
}
.project-entry .project-entry-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.project-entry .project-entry-perma:hover .project-entry-image img {
transform: scale(1.04);
}
.project-entry .project-entry-panel {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
background-color: var(--white);
border-radius: 12px;
padding: 20px 88px 28px 30px;
}
.project-entry .project-entry-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 16px;
}
.project-entry .project-entry-panel h3 {
margin: 0 0 8px;
}
.project-entry .project-entry-location {
font-family: var(--font-mono);
font-size: var(--16px);
font-weight: 600;
text-transform: uppercase;
color: rgb(from var(--navy) r g b / 0.7);
margin: 0;
}
.project-entry .project-entry-arrow {
position: absolute;
right: 30px;
bottom: 28px;
line-height: 0;
}
.project-entry .project-entry-arrow svg {
width: 32px;
height: 31px;
}
.project-entry .project-entry-arrow svg path {
transform-box: fill-box;
transform-origin: center;
transition: transform 0.3s ease;
}
.project-entry .project-entry-perma:hover .project-entry-arrow svg path,
.project-entry .project-entry-perma:focus-visible .project-entry-arrow svg path {
transform: rotate(-45deg);
}
@media (max-width: 992px) {
.project-entry-row {
gap: 24px;
}
.project-entry .project-entry-panel {
padding: 16px 72px 20px 20px;
}
.project-entry .project-entry-arrow {
right: 20px;
bottom: 20px;
}
}
@media (max-width: 768px) {
.project-entry-row {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 460px) {
.project-entry .project-entry-perma {
aspect-ratio: initial;
}
.project-entry .project-entry-panel {
left: 0;
right: 0;
bottom: 0;
position: relative;
margin: 12px;
margin-top: 170px;
}
}
/*-----------------------------------------------------------------------
Block: Separator
-----------------------------------------------------------------------*/
.block-separator .block-separator-hr {
display: block;
width: 100%;
height: 1px;
background-color: var(--navy);
}
.block-separator .block-separator-hr.black { background-color: var(--navy); }
.block-separator .block-separator-hr.white { background-color: var(--white); }
.block-editor .block-separator .block-setting-padding {
padding-top: max(var(--block-padding-top), 5px);
padding-bottom: max(var(--block-padding-bottom), 5px);
}
/*-----------------------------------------------------------------------
Block: Multicolumn
-----------------------------------------------------------------------*/
.block-multicolumn .block-multicolumn-row {
display: flex;
flex-wrap: wrap;
gap: 60px
}
.block-multicolumn .block-setting-multicolumn-start .block-multicolumn-row { align-items: flex-start; }
.block-multicolumn .block-setting-multicolumn-center .block-multicolumn-row { align-items: center; }
.block-multicolumn .block-setting-multicolumn-end .block-multicolumn-row { align-items: flex-end; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-row { gap: 60px; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-col {
flex: 0 0 calc(50% - 30px);
}
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-row { gap: 60px; }
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-col {
flex: 0 0 calc(33.33333% - 40px);
}
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-row { gap: 40px; }
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-col {
flex: 0 0 calc(25% - 30px);
}
@media (max-width: 768px) {
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-2 .block-multicolumn-col {
flex: 100%;
}
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-3 .block-multicolumn-col {
flex: 100%;
}
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-row { gap: 30px; }
.block-multicolumn .block-setting-multicolumn-4 .block-multicolumn-col {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Dual Column
-----------------------------------------------------------------------*/
.block-dual-column .block-dual-column-row {
display: flex;
gap: 32px 40px;
}
.block-dual-column .block-dual-column-content {
flex: 0 0 calc(50% - 20px);
}
.block-dual-column .block-setting-dual-column-start .block-dual-column-content { align-content: flex-start; }
.block-dual-column .block-setting-dual-column-center .block-dual-column-content { align-content: center; }
.block-dual-column .block-setting-dual-column-end .block-dual-column-content { align-content: flex-end; }
.block-dual-column .block-dual-column-media {
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px);
min-height: 400px;
position: relative;
}
.block-dual-column .block-dual-column-media.auto-height {
min-height: auto;
}
.block-dual-column .block-dual-column-media img,
.block-dual-column .block-dual-column-video,
.block-dual-column .block-dual-column-gallery {
border-radius: 12px;
overflow: hidden;
}
.block-dual-column .block-setting-dual-column-ratio-1-2 .block-dual-column-row > :first-child,
.block-dual-column .block-setting-dual-column-ratio-2-1 .block-dual-column-row > :last-child {
flex: 0 0 calc(33.333% - 14px);
max-width: calc(33.333% - 14px);
}
.block-dual-column .block-setting-dual-column-ratio-1-2 .block-dual-column-row > :last-child,
.block-dual-column .block-setting-dual-column-ratio-2-1 .block-dual-column-row > :first-child {
flex: 0 0 calc(66.666% - 26px);
max-width: calc(66.666% - 26px);
}
.block-dual-column .block-dual-column-gallery {
height: 100%;
}
.block-dual-column img.block-dual-column-image-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.block-dual-column .block-dual-column-video {
position: relative;
height: 100%;
overflow: hidden;
}
.block-dual-column .block-dual-column-video video {
object-fit: cover;
background-image: url('../images/video-loader-black.gif');
background-repeat: no-repeat;
background-size: 40px;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-dual-column .block-setting-theme-dark .block-dual-column-video video {
background-image: url('../images/video-loader-white.gif');
}
@media (max-width: 992px) {
.block-dual-column .block-dual-column-row {
flex-wrap: wrap;
}
.block-dual-column .block-dual-column-row > .block-dual-column-content {
flex: 100%;
max-width: 100%;
order: 2;
}
.block-dual-column .block-dual-column-row > .block-dual-column-media {
max-width: 100%;
flex: 100%;
min-height: auto;
order: 1;
}
.block-dual-column img.block-dual-column-image-cover {
position: static;
height: auto;
aspect-ratio: 5 / 3;
}
.block-dual-column .block-dual-column-video {
padding-top: 60%;
}
}
@media (max-width: 600px) {
.block-dual-column img.block-dual-column-image-cover {
aspect-ratio: 4 / 3;
}
.block-dual-column .block-dual-column-video {
padding-top: 75%;
}
}
/*-----------------------------------------------------------------------
Block: Logo Slider
-----------------------------------------------------------------------*/
.block-logo-slider .block-logo-slider-swiper .swiper-wrapper {
align-items: center;
}
.block-logo-slider .block-setting-padding {
overflow: hidden;
}
.block-logo-slider .block-logo-slider-swiper {
overflow: visible;
}
.block-logo-slider .block-logo-slider-swiper .swiper-slide {
width: auto;
}
.block-logo-slider .block-logo-slider-swiper .swiper-slide img {
display: block;
width: auto;
height: auto;
max-height: 72px;
max-width: 240px;
object-fit: contain;
margin: 0 auto;
}
@media (max-width: 768px) {
.block-logo-slider .block-logo-slider-swiper .swiper-slide img {
max-height: 60px;
max-width: 120px;
}
}
/*-----------------------------------------------------------------------
Block: Post Header
-----------------------------------------------------------------------*/
.block-post-header .block-post-header-row {
display: flex;
align-items: center;
gap: 40px 100px;
}
.block-post-header .block-post-header-image {
flex: 0 0 420px;
}
.block-post-header .block-post-header-image img {
aspect-ratio: 4 / 3;
object-fit: cover;
}
.block-post-header .block-post-header-main {
flex: 1;
}
.block-post-header .block-post-header-categories {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 12px;
}
.block-post-header .block-post-header-categories span {
background-color: var(--white);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
padding: 3px 8px;
}
.block-post-header .block-post-header-main > h1 {
margin: 0;
}
.block-post-header .block-post-header-meta {
margin: 40px 0 0;
display: flex;
align-items: center;
gap: 24px;
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
}
.block-post-header .block-post-header-meta .block-post-header-author {
display: flex;
align-items: center;
gap: 6px;
}
.block-post-header .block-post-header-meta .block-post-header-author svg {
width: 12px;
}
.block-post-header .block-post-header-meta time {
display: flex;
align-items: center;
gap: 6px;
}
.block-post-header .block-post-header-meta time svg {
width: 12px;
}
.block-post-header .block-post-header-excerpt {
margin: 24px 0 0;
}
.block-post-header .block-post-header-excerpt p {
font-weight: 500;
}
.block-post-header .block-post-header-shares {
margin: 24px 0 0;
display: flex;
align-items: center;
gap: 12px;
}
.block-post-header .block-post-header-shares > p {
font-size: var(--15px);
font-weight: 400;
text-transform: uppercase;
margin: 0;
}
.block-post-header .block-post-header-shares-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.block-post-header .block-post-header-shares a,
.block-post-header .block-post-header-shares .clipboard-copy {
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
background-color: var(--navy);
color: var(--white);
border-radius: 100% !important;
transition: background-color 0.3s ease;
}
.block-post-header .block-post-header-shares a svg,
.block-post-header .block-post-header-shares .clipboard-copy svg {
width: 13px;
height: 13px;
}
.block-post-header .block-post-header-shares a:hover,
.block-post-header .block-post-header-shares .clipboard-copy:hover {
background-color: var(--cyan);
}
@media (max-width: 1280px) {
.block-post-header .block-post-header-row {
gap: 40px 80px;
}
}
@media (max-width: 992px) {
.block-post-header .block-post-header-row {
flex-wrap: wrap;
}
.block-post-header .block-post-header-image {
flex: 100%;
max-width: 400px;
}
.block-post-header .block-post-header-main {
flex: 100%;
}
}
@media (max-width: 768px) {
.block-post-header .block-post-header-meta {
margin: 32px 0 0;
}
}
/*-----------------------------------------------------------------------
Block: Banner
-----------------------------------------------------------------------*/
.block-banner .block-setting-padding {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.block-banner .block-banner-height-small {
min-height: 360px;
}
.block-banner .block-banner-height-medium {
min-height: 520px;
}
.block-banner .block-banner-height-large {
min-height: 80vh;
}
.block-banner .block-banner-height-full {
min-height: 100vh;
}
.block-banner .block-banner-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-banner .block-banner-media.parallax {
top: -20%;
height: 140%;
}
.block-banner .block-banner-media img,
.block-banner .block-banner-media video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.block-banner .block-banner-media:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(78deg, rgb(0 0 0 / var(--block-banner-overlay, 0.6)) 0%, rgb(0 0 0 / calc(var(--block-banner-overlay, 0.6) * 0.5)) 30%, rgba(0, 0, 0, 0) 60%);
}
.block-banner .container {
position: relative;
z-index: 1;
width: 100%;
}
.block-banner .block-banner-content {
max-width: 760px;
}
.block-banner .block-banner-content h1,
.block-banner .block-banner-content .h1 {
margin-bottom: 16px;
}
.block-banner .block-banner-content p {
font-size: var(--22px);
font-weight: 600;
max-width: 600px;
}
.block-banner .block-banner-content .button-group {
margin-top: 40px;
}
.block-banner .block-banner-content > :last-child {
margin-bottom: 0;
}
.block-banner .block-banner-align-center .block-banner-content {
margin: 0 auto;
text-align: center;
}
/*-----------------------------------------------------------------------
Block: Testimonials
-----------------------------------------------------------------------*/
.block-testimonials .container {
text-align: center;
}
.block-testimonials .section-heading {
margin: 0 0 40px;
}
.block-testimonials .block-testimonials-rating {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 32px;
font-size: var(--14px);
}
.block-testimonials .block-testimonials-rating strong {
font-weight: 700;
text-transform: uppercase;
}
.block-testimonials .block-testimonials-rating a {
text-decoration: underline;
}
.block-testimonials .block-testimonials-stars svg {
display: block;
width: 119px;
height: 29px;
}
.block-testimonials .block-testimonials-google svg {
display: block;
width: 18px;
height: 19px;
}
.block-testimonials .block-testimonials-swiper {
overflow: hidden;
}
.block-testimonials .testimonial {
margin: 0;
text-align: center;
}
.block-testimonials .testimonial blockquote {
max-width: 860px;
margin: 0 auto 32px;
padding: 0;
border: none;
font-style: normal;
}
.block-testimonials .testimonial blockquote p {
font-size: var(--30px);
font-weight: 500;
line-height: 1.5 !important;
margin: 0;
}
.block-testimonials .testimonial figcaption {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
text-align: left;
}
.block-testimonials .testimonial figcaption img,
.block-testimonials .testimonial figcaption .testimonial-avatar {
width: 40px;
height: 40px;
border-radius: 100%;
object-fit: cover;
flex-shrink: 0;
}
.block-testimonials .testimonial figcaption .testimonial-avatar {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--cyan);
color: var(--white);
font-family: var(--font-heading);
font-weight: 700;
font-size: var(--20px);
}
.block-section.block-testimonials .block-setting-theme-dark .testimonial figcaption .testimonial-avatar {
background-color: var(--white);
color: var(--cyan);
}
.block-testimonials .testimonial figcaption strong {
display: block;
font-size: var(--14px);
font-weight: 400;
text-transform: uppercase;
line-height: 1.6;
}
.block-testimonials .testimonial figcaption span {
display: block;
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
line-height: 1.6;
}
.block-testimonials .swiper-pagination.swiper-pagination-horizontal {
position: static;
transform: none;
margin: 40px 0 0;
}
@media (max-width: 768px) {
.block-testimonials .testimonial blockquote p {
font-size: var(--22px);
}
}
/*-----------------------------------------------------------------------
Block: Cards
-----------------------------------------------------------------------*/
.block-cards .block-cards-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.block-cards .block-cards-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.block-cards .block-cards-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.block-cards .card {
display: flex;
flex-direction: column;
gap: 0;
padding: 30px 30px 32px;
background-color: var(--white);
border-radius: 12px;
box-shadow: 0 4px 22px rgba(205, 205, 205, 0.25);
}
.block-setting-theme-dark .block-cards .card,
.block-cards .block-setting-theme-dark .card {
background-color: rgb(from var(--white) r g b / 0.08);
box-shadow: none;
}
.block-cards .card .card-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 15px;
background-color: var(--light);
margin: 0 0 20px;
}
.block-cards .card .card-icon img {
width: 28px;
height: 28px;
object-fit: contain;
}
.block-cards .card .card-content {
flex: 1;
}
.block-cards .card .card-content > :last-child {
margin-bottom: 0;
}
.block-cards .card .card-content h2,
.block-cards .card .card-content h3,
.block-cards .card .card-content h4 {
font-size: var(--28px);
line-height: 1.1;
margin: 0 0 12px;
}
.block-cards .card .card-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 24px 0 0;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
color: var(--navy);
}
.block-cards .card .card-link svg {
width: 12px;
transition: transform 0.3s ease;
}
.block-cards .card .card-link:hover svg {
transform: translateX(3px);
}
@media (max-width: 992px) {
.block-cards .block-cards-columns-3,
.block-cards .block-cards-columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.block-cards .block-cards-row {
grid-template-columns: 1fr;
gap: 20px;
}
.block-cards .card {
padding: 24px;
}
.block-cards .card .card-icon {
margin: 0 0 24px;
}
}
/*-----------------------------------------------------------------------
Block: Stats
-----------------------------------------------------------------------*/
.block-stats .block-stats-row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
list-style: none;
margin: 0;
padding: 0;
}
.block-stats .block-stats-columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block-stats .block-stats-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.block-stats .stat {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 20px;
align-items: center;
padding: 0 0 24px;
border-bottom: 2px solid var(--navy);
}
.block-stats .stat-icon {
display: flex;
align-items: center;
justify-content: center;
grid-column: 1;
grid-row: 1;
width: 50px;
height: 50px;
border-radius: 15px;
background-color: var(--blue);
}
.block-stats .stat-icon img {
width: 28px;
height: 28px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.block-stats .stat-value {
display: flex;
flex-wrap: wrap;
align-items: baseline;
grid-column: 2;
grid-row: 1;
font-family: var(--font-heading);
font-size: var(--44px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
color: var(--navy);
white-space: nowrap;
margin: 0;
}
.block-stats .stat-icon + .stat-value {
grid-column: 2;
}
.block-stats .stat-value:first-child {
grid-column: 1 / -1;
}
.block-stats .stat-text {
grid-column: 1 / -1;
grid-row: 2;
font-size: var(--20px);
font-weight: 500;
margin: 16px 0 0;
}
.block-setting-theme-dark .block-stats .stat {
border-bottom-color: var(--white);
}
@media (max-width: 992px) {
.block-stats .block-stats-row,
.block-stats .block-stats-columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
}
@media (max-width: 600px) {
.block-stats .block-stats-row,
.block-stats .block-stats-columns-2,
.block-stats .block-stats-columns-3 {
gap: 24px;
}
.block-stats .stat {
grid-template-columns: minmax(0, 1fr);
row-gap: 12px;
padding: 0 0 16px;
}
.block-stats .stat-icon {
grid-row: 1;
}
.block-stats .stat-value,
.block-stats .stat-icon + .stat-value {
grid-column: 1;
grid-row: 2;
flex-wrap: nowrap;
font-size: var(--32px);
}
.block-stats .stat-text {
grid-row: 3;
font-size: var(--16px);
margin: 0;
}
}
@media (max-width: 375px) {
.block-stats .stat-value,
.block-stats .stat-icon + .stat-value {
font-size: var(--28px);
}
}
/*-----------------------------------------------------------------------
Block: Call to Action
-----------------------------------------------------------------------*/
.block-cta .block-setting-padding {
position: relative;
overflow: hidden;
}
.block-cta .block-cta-graphic {
position: absolute;
top: 50%;
left: 38%;
width: 520px;
max-width: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
line-height: 0;
}
.block-cta .block-cta-graphic img {
width: 100%;
height: auto;
}
.block-cta .container {
position: relative;
z-index: 1;
}
.block-cta .block-cta-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
text-align: center;
}
.block-cta .block-cta-content {
max-width: 800px;
}
.block-cta .block-cta-content > :last-child {
margin-bottom: 0;
}
.block-cta .block-cta-content .tag {
margin: 0 0 36px;
}
.block-cta .block-cta-center .block-cta-content .tag {
justify-content: center;
}
.block-cta .block-cta-actions {
flex: none;
}
.block-cta .block-cta-aside p,
.block-cta .block-cta-note p {
font-size: var(--22px);
font-weight: 500;
line-height: 1.4;
}
.block-cta .block-cta-buttons {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px 32px;
margin: 24px 0 0;
}
.block-cta .block-cta-buttons .button-group {
margin: 0;
}
.block-cta .block-cta-phone {
font-size: var(--22px);
font-weight: 800;
color: var(--navy);
}
.block-cta .block-cta-phone span {
white-space: nowrap;
}
.block-cta .block-cta-phone:hover {
color: var(--white);
}
.block-cta .block-cta-note {
margin: 32px 0 0;
}
.block-cta .block-cta-split {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 0;
text-align: left;
}
.block-cta .block-cta-split .block-cta-content {
flex: 0 0 52%;
max-width: 682px;
padding-right: 40px;
}
.block-cta .block-cta-split .block-cta-actions {
flex: 1;
max-width: 580px;
}
.block-cta .block-cta-split .block-cta-buttons {
justify-content: flex-start;
}
@media (max-width: 992px) {
.block-cta .block-cta-split {
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.block-cta .block-cta-split .block-cta-actions {
flex: 100%;
max-width: none;
}
.block-cta .block-cta-graphic {
max-width: 80%;
opacity: 0.6;
}
}
/*-----------------------------------------------------------------------
Block: Hero Slider
-----------------------------------------------------------------------*/
.block-hero-slider .block-setting-padding {
position: relative;
background-color: var(--navy);
}
.block-hero-slider .block-hero-slider-swiper {
overflow: hidden;
}
.block-hero-slider .block-hero-slide {
position: relative;
display: flex;
align-items: flex-end;
min-height: min(912px, calc(100svh - var(--header-height)));
padding: 120px 0 88px;
}
.block-hero-slider .block-hero-slide-media {
position: absolute;
inset: 0;
}
.block-hero-slider .block-hero-slide-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block-hero-slider .block-hero-slide-media:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(60deg, rgba(0, 0, 0, 0.85) 7%, rgba(0, 0, 0, 0) 45%);
}
.block-hero-slider .block-hero-slide .container {
position: relative;
z-index: 1;
}
.block-hero-slider .block-hero-slide-content {
max-width: 660px;
}
.block-hero-slider .block-hero-slide-content h1,
.block-hero-slider .block-hero-slide-content h2 {
font-size: var(--64px);
line-height: 0.95;
margin: 0 0 32px;
}
.block-hero-slider .block-hero-slide-content p {
font-size: var(--22px);
font-weight: 600;
line-height: 1.7;
max-width: 600px;
}
.block-hero-slider .block-hero-slide-content .button-group {
margin-top: 32px;
}
.block-hero-slider .block-hero-slider-nav {
position: absolute;
left: 50%;
bottom: 104px;
z-index: 2;
display: flex;
justify-content: flex-end;
transform: translateX(-50%);
pointer-events: none;
}
.block-hero-slider .block-hero-slider-nav .slider-arrows {
pointer-events: auto;
}
@media (max-width: 992px) {
.block-hero-slider .block-hero-slide {
min-height: 640px;
padding: 100px 0 120px;
}
.block-hero-slider .block-hero-slider-nav {
bottom: 40px;
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.block-hero-slider .block-hero-slide-content h1,
.block-hero-slider .block-hero-slide-content h2 {
font-size: var(--40px);
}
.block-hero-slider .block-hero-slide-content p {
font-size: var(--18px);
}
.block-hero-slider .block-hero-slide-media:after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.1) 70%);
}
}
/*-----------------------------------------------------------------------
Block: Section Heading
-----------------------------------------------------------------------*/
.block-section-heading .section-heading {
margin: 0;
}
/*-----------------------------------------------------------------------
Block: Service Feed
-----------------------------------------------------------------------*/
.block-service-feed .block-service-feed-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
}
.block-service-feed .block-service-feed-column {
display: flex;
flex-direction: column;
border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
border-radius: 11px;
overflow: hidden;
}
.block-service-feed .block-service-feed-column-media {
position: relative;
aspect-ratio: 636 / 312;
}
/* Absolute so a tall image cannot stretch the box past its ratio */
.block-service-feed .block-service-feed-column-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.block-service-feed .block-service-feed-column-media:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 8%, rgba(255, 255, 255, 0) 45%);
}
.block-service-feed .block-service-feed-column-media .block-service-feed-column-title {
position: absolute;
top: 36px;
left: 48px;
z-index: 1;
margin: 0;
}
.block-service-feed .block-service-feed-list .block-service-feed-column-title {
margin: 0;
padding: 36px 48px 24px;
}
.block-service-feed .block-service-feed-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.block-service-feed ul.block-service-feed-list {
flex: 1;
display: flex;
flex-direction: column;
}
.block-service-feed .block-service-feed-item {
border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}
/* Last service fills the card so short columns match tall ones */
.block-service-feed .block-service-feed-item:last-child {
flex: 1;
display: flex;
flex-direction: column;
}
.block-service-feed .block-service-feed-item:last-child .block-service-feed-item-link {
flex: 1;
}
.block-service-feed .block-service-feed-item-link {
display: block;
padding: 32px 48px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.block-service-feed .block-service-feed-item-link:hover {
color: inherit;
}
.block-service-feed .block-service-feed-item-link:hover,
.block-service-feed .block-service-feed-item-link:focus-visible {
background-color: rgb(from var(--sky) r g b / 0.3);
}
.block-service-feed .block-service-feed-item-head {
display: flex;
align-items: center;
gap: 16px;
}
.block-service-feed .block-service-feed-item-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 38px;
height: 38px;
border-radius: 2px;
background-color: color-mix(in srgb, currentColor 6%, transparent);
border: 1px solid color-mix(in srgb, currentColor 8%, transparent);
}
.block-service-feed .block-service-feed-item-icon img {
width: 24px;
height: 24px;
object-fit: contain;
}
.block-setting-theme-dark .block-service-feed-item-icon img {
filter: brightness(0) invert(1);
}
.block-service-feed .block-service-feed-item-title {
margin: 0;
}
.block-service-feed .block-service-feed-item-badge {
display: inline-flex;
line-height: 0;
}
.block-service-feed .block-service-feed-item-badge svg {
width: 32px;
height: 31px;
}
.block-service-feed .block-service-feed-item-badge svg path {
transform-box: fill-box;
transform-origin: center;
transition: transform 0.3s ease;
}
.block-service-feed .block-service-feed-item-link:hover .block-service-feed-item-badge svg path,
.block-service-feed .block-service-feed-item-link:focus-visible .block-service-feed-item-badge svg path {
transform: rotate(-45deg);
}
.block-service-feed .block-service-feed-item-text {
display: block;
margin: 16px 0 0;
font-size: var(--18px);
line-height: 1.4;
}
.block-service-feed .block-service-feed-list .block-service-feed-item-link {
padding: 30px 48px;
}
@media (max-width: 992px) {
.block-service-feed .block-service-feed-row {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
.block-service-feed .block-service-feed-column-media .block-service-feed-column-title {
top: 24px;
left: 24px;
}
.block-service-feed .block-service-feed-item-link,
.block-service-feed .block-service-feed-list .block-service-feed-item-link {
padding: 24px;
}
.block-service-feed .block-service-feed-list .block-service-feed-column-title {
padding: 24px 24px 16px;
}
}
.block-service-feed .block-service-feed-item-title {
flex: 0 1 auto;
min-width: 0;
}
@media (max-width: 460px) {
.block-service-feed .block-service-feed-item-title {
font-size: var(--22px);
}
}
/*-----------------------------------------------------------------------
Block: Rebates
-----------------------------------------------------------------------*/
.block-rebates .block-rebates-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
max-width: 1032px;
margin: 0 auto;
}
.block-rebates .block-rebates-grid.has-image {
grid-template-columns: minmax(0, 323fr) minmax(0, 245fr) minmax(0, 323fr);
gap: 32px 70px;
}
.block-rebates .section-heading {
margin-bottom: 80px;
}
.block-rebates .section-heading-center .section-heading-main p {
max-width: 720px;
}
.block-rebates .block-rebates-image {
grid-column: 2;
grid-row: 1 / span 2;
display: flex;
align-items: center;
justify-content: center;
}
.block-rebates .block-rebates-image img {
width: auto;
max-width: 100%;
max-height: 422px;
object-fit: contain;
}
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(2) { grid-area: 1 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(3) { grid-area: 1 / 3; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(4) { grid-area: 2 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(5) { grid-area: 2 / 3; }
.block-rebates .block-rebates-card {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 195px;
padding: 32px 36px;
background-color: var(--white);
border: 1px solid rgb(from var(--navy) r g b / 0.06);
border-radius: 12px;
}
.block-setting-theme-dark .block-rebates-card {
background-color: rgb(from var(--white) r g b / 0.08);
border-color: rgb(from var(--white) r g b / 0.12);
}
.block-rebates .block-rebates-check {
line-height: 0;
margin: 0 0 16px;
}
.block-rebates .block-rebates-check svg {
width: 35px;
height: 25px;
}
.block-rebates .block-rebates-card h3 {
margin: 0 0 8px;
}
.block-rebates .block-rebates-card-text p {
color: rgb(from var(--navy) r g b / 0.7);
line-height: 1.5;
}
.block-rebates .block-rebates-tagline {
text-align: center;
margin: 56px 0 0;
}
.block-rebates .block-rebates-tagline p {
font-family: var(--font-heading);
font-size: var(--28px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.1;
}
.block-rebates .button-group {
margin-top: 24px;
}
@media (max-width: 992px) {
.block-rebates .block-rebates-grid,
.block-rebates .block-rebates-grid.has-image {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.block-rebates .block-rebates-image {
grid-column: 1 / -1;
grid-row: 2;
}
.block-rebates .block-rebates-image img {
max-height: 320px;
}
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(2) { grid-area: 1 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(3) { grid-area: 1 / 2; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(4) { grid-area: 3 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(5) { grid-area: 3 / 2; }
}
@media (max-width: 600px) {
.block-rebates .block-rebates-grid,
.block-rebates .block-rebates-grid.has-image {
grid-template-columns: minmax(0, 1fr);
}
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(2) { grid-area: 1 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(3) { grid-area: 2 / 1; }
.block-rebates .block-rebates-image { grid-column: 1; grid-row: 3; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(4) { grid-area: 4 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(5) { grid-area: 5 / 1; }
.block-rebates .block-rebates-card {
min-height: 0;
padding: 24px;
}
.block-rebates .block-rebates-tagline {
margin: 40px 0 0;
}
.block-rebates .block-rebates-tagline p {
font-size: var(--24px);
}
}
/*-----------------------------------------------------------------------
Block: Process Steps
-----------------------------------------------------------------------*/
.block-process-steps .block-process-steps-list {
list-style: none;
margin: 0;
padding: 0;
}
.block-process-steps .block-process-step-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin: 0 0 40px;
}
.block-process-steps .block-process-step-number {
order: -1;
font-family: var(--font-heading);
font-size: var(--44px);
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
color: var(--sky);
}
.block-process-steps .block-process-step-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 50px;
height: 50px;
border-radius: 15px;
background-color: var(--light);
}
.block-process-steps .block-process-step-icon img {
width: 30px;
height: 30px;
object-fit: contain;
}
.block-process-steps .block-process-step-title {
font-size: var(--28px);
line-height: 1.1;
margin: 0 0 16px;
}
.block-process-steps .block-process-step-content > :last-child {
margin-bottom: 0;
}
/* Cards */
.block-process-steps .block-process-steps-cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 32px;
}
.block-process-steps .block-process-steps-cards .block-process-step {
position: relative;
padding: 16px 30px 44px;
background-color: var(--white);
border-radius: 12px;
box-shadow: 0 4px 22px rgba(205, 205, 205, 0.25);
}
.block-process-steps .block-process-steps-cards .block-process-step-head {
min-height: 48px;
margin: 0 0 36px;
}
.block-process-steps .block-process-steps-cards .block-process-step-icon {
position: absolute;
top: 12px;
right: 12px;
width: 48px;
height: 48px;
border-radius: 12px;
}
.block-setting-theme-dark .block-process-steps-cards .block-process-step {
background-color: rgb(from var(--white) r g b / 0.08);
box-shadow: none;
}
/* Detailed */
.block-process-steps.block-process-steps-style-detailed .section-heading {
margin-bottom: 96px;
}
.block-process-steps .section-heading-center .section-heading-main p {
max-width: 600px;
}
.block-process-steps .block-process-steps-detailed {
display: flex;
flex-direction: column;
gap: 100px;
}
.block-process-steps .block-process-steps-detailed .block-process-step {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
align-items: center;
}
.block-process-steps .block-process-steps-detailed .block-process-step:nth-child(even) .block-process-step-main {
order: 2;
}
.block-process-steps .block-process-steps-detailed .block-process-step:not(:has(.block-process-step-media)) {
grid-template-columns: minmax(0, 1fr);
}
.block-process-steps .block-process-steps-detailed .block-process-step:not(:has(.block-process-step-media)) .block-process-step-main {
max-width: 760px;
}
.block-process-steps .block-process-steps-detailed .block-process-step-head {
justify-content: flex-start;
align-items: center;
gap: 16px;
margin: 0 0 24px;
}
.block-process-steps .block-process-steps-detailed .block-process-step-number {
order: 0;
font-size: var(--56px);
}
.block-process-steps .block-process-steps-detailed .block-process-step-icon {
width: 48px;
height: 48px;
border-radius: 12px;
}
.block-process-steps .block-process-steps-detailed .block-process-step-title {
font-size: var(--56px);
line-height: 1;
margin: 0 0 20px;
}
.block-process-steps .block-process-step-duration {
margin: 0 0 32px;
gap: 4px;
color: var(--navy);
font-size: var(--14px);
}
.block-process-steps .block-process-step-duration span {
opacity: 0.77;
}
.block-process-steps .block-process-steps-detailed .block-process-step-content p:first-child {
margin-bottom: 32px;
}
.block-process-steps .block-process-steps-detailed .wysiwyg-content ul li {
padding-left: 32px;
}
.block-process-steps .block-process-steps-detailed .wysiwyg-content ul > li:before {
top: 3px;
width: 18px;
height: 18px;
background: url(../images/icon-check-bullet.svg) 50% / contain no-repeat;
}
.block-process-steps .block-process-step-main .button-group {
margin-top: 40px;
}
.block-process-steps .block-process-step-media img {
width: 100%;
aspect-ratio: 636 / 466;
object-fit: cover;
border-radius: 12px;
}
@media (max-width: 1200px) {
.block-process-steps .block-process-steps-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 992px) {
.block-process-steps .block-process-steps-detailed {
gap: 80px;
}
.block-process-steps .block-process-steps-detailed .block-process-step {
grid-template-columns: minmax(0, 1fr);
}
.block-process-steps .block-process-steps-detailed .block-process-step:nth-child(even) .block-process-step-main {
order: 0;
}
.block-process-steps .block-process-steps-detailed .block-process-step-media {
order: -1;
}
.block-process-steps .block-process-steps-detailed .block-process-step-title {
font-size: var(--40px);
}
}
@media (max-width: 600px) {
.block-process-steps .block-process-steps-cards {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
.block-process-steps .block-process-steps-cards .block-process-step {
padding: 24px;
}
.block-process-steps .block-process-step-head {
margin: 0 0 24px;
}
.block-process-steps .block-process-step-number {
font-size: var(--44px);
}
}
/*-----------------------------------------------------------------------
Block: Project Feed
-----------------------------------------------------------------------*/
.block-project-feed .block-setting-padding {
position: relative;
}
.block-project-feed .block-setting-padding > .container {
position: relative;
z-index: 1;
}
/* Sun graphic */
.block-project-feed .block-project-feed-graphic {
position: absolute;
top: -90px;
left: calc(50% + 5vw);
width: 680px;
max-width: 90vw;
transform: translateX(-50%);
color: var(--yellow);
opacity: 0.04;
line-height: 0;
pointer-events: none;
}
.block-project-feed .block-project-feed-graphic svg {
width: 100%;
height: auto;
}
.block-project-feed .section-heading-center .section-heading-main p {
max-width: 600px;
}
.block-project-feed .block-project-feed-filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin: 0 0 56px;
}
.block-project-feed .block-project-feed-filter .pill {
font-size: var(--16px);
padding: 6px 13px;
}
.block-project-feed .post-archive-pagination {
margin: 56px 0 0;
}
.block-project-feed .block-project-feed-none {
text-align: center;
padding: 40px 0;
}
.block-project-feed .block-project-feed-none p {
font-size: var(--20px);
font-weight: 500;
margin: 0 0 16px;
}
@media (max-width: 768px) {
.block-project-feed .block-project-feed-filter {
margin: 0 0 32px;
}
}
/*-----------------------------------------------------------------------
Block: Project Header
-----------------------------------------------------------------------*/
.block-project-header .block-project-header-intro {
text-align: center;
margin: 0 0 56px;
}
.block-project-header .block-project-header-intro .tag {
justify-content: center;
margin: 0 0 32px;
}
.block-project-header .block-project-header-intro h1 {
max-width: 640px;
margin: 0 auto;
}
.block-project-header .block-project-header-image img {
width: 100%;
aspect-ratio: 1314 / 648;
object-fit: cover;
border-radius: 12px;
}
.block-project-header .block-project-header-meta {
margin: 56px 0 0;
}
.block-project-header .block-project-header-meta-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 20px 0;
border-bottom: 1px solid rgb(from var(--navy) r g b / 0.12);
}
.block-project-header .block-project-header-meta-row dt {
font-family: var(--font-mono);
font-size: var(--16px);
font-weight: 600;
text-transform: uppercase;
color: rgb(from var(--navy) r g b / 0.5);
}
.block-project-header .block-project-header-meta-row dd {
margin: 0;
text-align: right;
}
.block-project-header .block-project-header-pills {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}
.block-project-header .block-project-header-share a {
font-weight: 500;
}
.block-project-header .block-project-header-share span {
margin: 0 12px;
}
@media (max-width: 768px) {
.block-project-header .block-project-header-intro {
margin: 0 0 32px;
}
.block-project-header .block-project-header-image img {
aspect-ratio: 4 / 3;
}
.block-project-header .block-project-header-meta {
margin: 32px 0 0;
}
.block-project-header .block-project-header-meta-row {
padding: 16px 0;
}
}
/*-----------------------------------------------------------------------
Block: Service Header
-----------------------------------------------------------------------*/
.block-service-header .block-setting-padding {
overflow: hidden;
}
.block-service-header .block-service-header-row {
display: grid;
grid-template-columns: minmax(0, 509fr) minmax(0, 763fr);
gap: 40px;
align-items: center;
}
.block-service-header .block-service-header-main h1 {
margin: 0 0 32px;
}
.block-service-header .block-service-header-main p {
font-size: var(--18px);
max-width: 460px;
}
.block-service-header .block-service-header-main .button-group {
margin-top: 40px;
}
.block-service-header .block-service-header-media {
line-height: 0;
}
.block-service-header .block-service-header-media img {
width: 100%;
aspect-ratio: 765 / 462;
object-fit: cover;
border-radius: 12px;
}
@media (max-width: 992px) {
.block-service-header .block-service-header-row {
grid-template-columns: minmax(0, 1fr);
}
}
/*-----------------------------------------------------------------------
Block: Team Feed
-----------------------------------------------------------------------*/
.block-team-feed .block-team-feed-row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 32px;
}
.block-team-feed .block-team-feed-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.block-team-feed .section-heading-main p {
max-width: 660px;
}
/* Card */
.block-team-feed .team-card {
position: relative;
background-color: color-mix(in srgb, var(--sky) 39%, var(--white));
border-radius: 12px;
overflow: hidden;
}
.block-team-feed .team-card-front {
padding: 8px 8px 16px;
transition: opacity 0.3s ease, visibility 0s;
}
.block-team-feed .team-card.has-back .team-card-front {
cursor: pointer;
}
.block-team-feed .team-card-photo {
aspect-ratio: 287 / 356;
border-radius: 8px;
overflow: hidden;
background-color: rgb(from var(--white) r g b / 0.4);
}
.block-team-feed .team-card-photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.block-team-feed .team-card.has-back:hover .team-card-photo img {
transform: scale(1.05);
}
.block-team-feed .team-card-caption {
position: relative;
padding: 24px 48px 0 8px;
}
.block-team-feed .team-card-caption h3 {
font-size: var(--24px);
margin: 0 0 4px;
}
.block-team-feed .team-card-caption p,
.block-team-feed .team-card-position {
margin: 0;
color: rgb(from var(--navy) r g b / 0.63);
}
/* Details (opens on click) */
.block-team-feed .team-card-back {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
padding: 16px 16px 16px;
background-color: color-mix(in srgb, var(--sky) 39%, var(--white));
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
}
.block-team-feed .team-card.active .team-card-front {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.block-team-feed .team-card.active .team-card-back {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
}
.block-team-feed .team-card-back h3 {
padding-right: 40px;
margin: 0 0 4px;
}
.block-team-feed .team-card-position {
margin: 0 0 16px;
}
.block-team-feed .team-card-bio {
flex: 1;
min-height: 0;
margin: 0;
padding: 0 12px 8px 0;
overflow-y: auto;
line-height: 1.4;
color: rgb(from var(--navy) r g b / 0.8);
scrollbar-width: thin;
scrollbar-color: rgb(from var(--navy) r g b / 0.4) rgb(from var(--white) r g b / 0.5);
scrollbar-gutter: stable;
}
.block-team-feed .team-card-bio::-webkit-scrollbar {
width: 6px;
}
.block-team-feed .team-card-bio::-webkit-scrollbar-track {
background: rgb(from var(--white) r g b / 0.5);
border-radius: 3px;
}
.block-team-feed .team-card-bio::-webkit-scrollbar-thumb {
background: rgb(from var(--navy) r g b / 0.4);
border-radius: 3px;
}
/* Only an overflowing bio fades at its foot, as a cue to scroll */
.block-team-feed .team-card-bio.is-scrollable {
-webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 40px), transparent);
mask-image: linear-gradient(180deg, #000 calc(100% - 40px), transparent);
}
.block-team-feed .team-card-bio.is-scrollable.is-scrolled-end {
-webkit-mask-image: none;
mask-image: none;
}
.block-team-feed .team-card-linkedin {
display: inline-flex;
margin: 16px 0 0;
line-height: 0;
color: var(--navy);
transition: color 0.3s ease, transform 0.3s ease;
}
.block-team-feed .team-card-linkedin:hover,
.block-team-feed .team-card-linkedin:focus-visible {
color: var(--blue);
transform: translateY(-2px);
}
.block-team-feed .team-card-linkedin svg {
width: 26px;
height: 26px;
}
/* Toggle and close */
.block-theme .team-card-toggle,
.block-theme .team-card-toggle:hover {
position: absolute;
right: 8px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 0;
width: 32px;
height: 32px;
min-height: 0;
padding: 0;
background: none;
border-radius: 100% !important;
box-shadow: none;
color: var(--navy);
line-height: 0;
}
.block-theme .team-card-toggle svg {
display: block;
width: 32px;
height: 32px;
}
.block-theme .team-card-toggle svg path {
transform-box: fill-box;
transform-origin: center;
transition: transform 0.3s ease;
}
.block-team-feed .team-card.has-back:hover .team-card-front .team-card-toggle svg path,
.block-theme .team-card-toggle:focus-visible svg path {
transform: rotate(-45deg);
}
.block-theme .team-card-close,
.block-theme .team-card-close:hover {
top: 16px;
right: 16px;
bottom: auto;
background: var(--white);
}
.block-theme .team-card-close svg {
width: 12px;
height: 12px;
}
.block-theme .team-card-close:hover svg,
.block-theme .team-card-close:focus-visible svg {
transform: rotate(90deg);
transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.block-team-feed .team-card-front,
.block-team-feed .team-card-back,
.block-team-feed .team-card.active .team-card-front,
.block-team-feed .team-card.active .team-card-back {
transition: none;
}
}
@media (max-width: 1200px) {
.block-team-feed .block-team-feed-row,
.block-team-feed .block-team-feed-columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.block-team-feed .block-team-feed-row,
.block-team-feed .block-team-feed-columns-3 {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
}
/*-----------------------------------------------------------------------
Block: Gallery Slider
-----------------------------------------------------------------------*/
.block-gallery-slider .block-setting-padding {
overflow: hidden;
}
.block-gallery-slider .container {
position: relative;
}
.block-gallery-slider .block-gallery-slider-swiper {
overflow: visible;
}
.block-gallery-slider .swiper-slide {
width: 456px;
}
.block-gallery-slider .block-gallery-slider-swiper[data-slides="2"] .swiper-slide {
width: 636px;
}
.block-gallery-slider .block-gallery-slider-swiper[data-slides="4"] .swiper-slide {
width: 312px;
}
.block-gallery-slider .swiper-slide img {
width: 100%;
aspect-ratio: 456 / 520;
object-fit: cover;
border-radius: 12px;
}
/* Natural: each image keeps its own proportions at 520px tall (outranks the data-slides widths) */
.block-gallery-slider.block-gallery-slider-natural .block-gallery-slider-swiper .swiper-slide {
width: auto;
}
.block-gallery-slider.block-gallery-slider-natural .swiper-slide img {
width: auto;
height: 520px;
aspect-ratio: auto;
}
.block-gallery-slider .slider-arrows {
position: absolute;
right: 50px;
bottom: 24px;
z-index: 1;
margin: 0;
}
.block-theme .block-gallery-slider .slider-arrow.slider-arrow-light {
width: 48px;
height: 48px;
border-radius: 8px !important;
background: var(--navy);
color: var(--white);
}
.block-theme .block-gallery-slider .slider-arrow.slider-arrow-light:hover {
background: var(--yellow);
color: var(--navy);
}
@media (max-width: 992px) {
.block-gallery-slider .swiper-slide {
width: 360px;
}
.block-gallery-slider.block-gallery-slider-natural .swiper-slide img {
height: 400px;
}
}
@media (max-width: 600px) {
.block-gallery-slider .swiper-slide {
width: 280px;
}
.block-gallery-slider .swiper-slide img {
aspect-ratio: 4 / 5;
}
.block-gallery-slider.block-gallery-slider-natural .swiper-slide img {
height: 300px;
}
.block-gallery-slider .slider-arrows {
right: 20px;
bottom: 16px;
}
}
/*-----------------------------------------------------------------------
Block: Contact
-----------------------------------------------------------------------*/
.block-contact .block-contact-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
align-items: start;
}
.block-contact .block-contact-details {
display: flex;
flex-direction: column;
gap: 9px;
margin: 0 0 40px;
}
.block-contact .block-contact-details li {
display: flex;
align-items: center;
gap: 12px;
min-height: 50px;
padding: 10px 24px 10px 124px;
background-color: var(--light);
border-radius: 10px;
font-size: var(--16px);
}
.block-contact .block-contact-details-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: var(--white);
}
.block-contact .block-contact-details-icon svg {
width: 12px;
height: 12px;
}
.block-contact .block-contact-details-label {
flex: 0 0 100px;
font-size: var(--16px);
color: rgb(from var(--navy) r g b / 0.7);
}
.block-contact .block-contact-details a,
.block-contact .block-contact-details li > span:last-child {
font-weight: 700;
text-decoration: none;
}
.block-contact .block-contact-details a {
padding: 6px 0;
overflow-wrap: anywhere;
}
.block-contact .block-contact-details a:hover {
color: var(--cyan);
}
.block-contact .block-contact-image img {
width: 100%;
aspect-ratio: 636 / 473;
object-fit: cover;
border-radius: 12px;
}
.block-contact .block-contact-main .section-heading {
margin: 0 0 32px;
}
.block-contact .block-contact-main .section-heading .tag {
margin: 0 0 36px;
}
.block-contact .gform_wrapper {
--gf-form-gap-x: 12px !important;
--gf-form-gap-y: 8px !important;
}
@media (max-width: 1200px) {
.block-contact .block-contact-details li {
padding: 10px 24px 10px 40px;
}
}
@media (max-width: 992px) {
.block-contact .block-contact-row {
grid-template-columns: minmax(0, 1fr);
}
.block-contact .block-contact-aside {
order: 2;
}
.block-contact .block-contact-details li {
padding: 10px 24px;
}
}
@media (max-width: 460px) {
.block-contact .block-contact-details li {
flex-wrap: wrap;
gap: 4px 12px;
padding: 12px 20px;
}
.block-contact .block-contact-details-label {
flex: 0 0 auto;
white-space: nowrap;
}
.block-contact .block-contact-details a,
.block-contact .block-contact-details li > span:last-child {
flex: 1 1 100%;
padding: 4px 0 4px 42px;
}
}
@media (max-width: 350px) {
.block-contact .block-contact-details li {
gap: 7px 12px;
}
.block-contact .block-contact-details a,
.block-contact .block-contact-details li > span:last-child {
padding: 4px 0 4px 0;
}
}
/*-----------------------------------------------------------------------
Block: Container Queries
-----------------------------------------------------------------------*/
/* Grids follow the width of their container, so narrow containers stack early */
.block-cards .container,
.block-stats .container,
.block-team-feed .container,
.block-process-steps .container,
.block-project-feed .container,
.block-rebates .container,
.block-service-feed .container {
container-type: inline-size;
}
@container (max-width: 1000px) {
.block-cards .block-cards-row.block-cards-columns-3,
.block-cards .block-cards-row.block-cards-columns-4,
.block-stats .block-stats-row,
.block-stats .block-stats-columns-3,
.block-team-feed .block-team-feed-row,
.block-team-feed .block-team-feed-columns-3,
.block-process-steps .block-process-steps-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block-service-feed .block-service-feed-row {
grid-template-columns: minmax(0, 1fr);
}
.block-rebates .block-rebates-grid,
.block-rebates .block-rebates-grid.has-image {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.block-rebates .block-rebates-grid.has-image .block-rebates-image {
grid-column: 1 / -1;
grid-row: 2;
}
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(2) { grid-area: 1 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(3) { grid-area: 1 / 2; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(4) { grid-area: 3 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(5) { grid-area: 3 / 2; }
}
@container (max-width: 760px) {
.block-project-feed .project-entry-row {
grid-template-columns: minmax(0, 1fr);
}
}
@container (max-width: 560px) {
.block-cards .block-cards-row,
.block-cards .block-cards-row.block-cards-columns-2,
.block-team-feed .block-team-feed-row,
.block-team-feed .block-team-feed-columns-3,
.block-process-steps .block-process-steps-cards,
.block-rebates .block-rebates-grid,
.block-rebates .block-rebates-grid.has-image {
grid-template-columns: minmax(0, 1fr);
}
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(2) { grid-area: 1 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(3) { grid-area: 2 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-image { grid-column: 1; grid-row: 3; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(4) { grid-area: 4 / 1; }
.block-rebates .block-rebates-grid.has-image .block-rebates-card:nth-child(5) { grid-area: 5 / 1; }
}
@container (max-width: 400px) {
.block-stats .block-stats-row,
.block-stats .block-stats-columns-2,
.block-stats .block-stats-columns-3 {
grid-template-columns: minmax(0, 1fr);
}
}
/*--------------------------------------------------------------
Post: Archive
--------------------------------------------------------------*/
/* Main */
.post-archive {
padding: 100px 0;
}
.post-archive .post-archive-header {
text-align: center;
margin: 0 0 60px;
}
/* Filter */
.post-archive-filter {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
gap: 12px;
margin: 40px 0;
}
.post-archive-filter a {
background-color: transparent;
border: 1px solid var(--cyan);
color: var(--navy);
padding: 10px 24px;
text-transform: uppercase;
line-height: 20px;
border-radius: 20px;
min-width: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.post-archive-filter a:hover {
color: var(--cyan);
}
.post-archive-filter a.active {
background-color: var(--cyan);
color: var(--white);
}
.post-archive-filter a.active:hover {
color: var(--white);
}
/* Pagination */
.post-archive-pagination {
display: flex;
justify-content: center;
margin: 40px 0 0;
}
.post-archive-pagination .post-archive-pagination-inner {
background-color: var(--grey);
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
padding: 16px 24px;
}
.post-archive-pagination .post-archive-pagination-inner > span,
.post-archive-pagination .post-archive-pagination-inner a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
min-height: 32px;
text-decoration: none;
color: var(--navy);
line-height: 1;
font-size: var(--20px);
font-weight: 500;
}
.post-archive-pagination .post-archive-pagination-inner a:hover {
color: var(--cyan);
}
.post-archive-pagination .post-archive-pagination-inner .nav-prev {
padding: 0 32px 0 0;
}
.post-archive-pagination .post-archive-pagination-inner .nav-next {
padding: 0 0 0 32px;
}
.post-archive-pagination .post-archive-pagination-inner span.nav-prev,
.post-archive-pagination .post-archive-pagination-inner span.nav-next {
color: rgb(from var(--navy) r g b / 0.5);
}
.post-archive-pagination .post-archive-pagination-inner .current {
text-decoration: underline;
}
.post-archive-pagination .post-archive-pagination-inner .dots {
font-size: var(--18px);
font-weight: 400;
}
@media (max-width: 460px) {
.post-archive-pagination .post-archive-pagination-inner {
padding: 12px 16px;
gap: 8px;
}
.post-archive-pagination .post-archive-pagination-inner > span,
.post-archive-pagination .post-archive-pagination-inner a {
font-size: var(--18px);
}
.post-archive-pagination .post-archive-pagination-inner .nav-prev {
padding: 0 16px 0 0;
font-size: var(--16px);
}
.post-archive-pagination .post-archive-pagination-inner .nav-next {
padding: 0 0 0 16px;
font-size: var(--16px);
}
.post-archive-pagination .post-archive-pagination-inner .dots {
font-size: var(--16px);
}
}
/*--------------------------------------------------------------
Post: Entry
--------------------------------------------------------------*/
.post-entry-row {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.post-entry {
flex: 0 0 calc(33.33333% - calc(32px * 2 / 3));
}
.post-entry .post-entry-image {
margin: 0 0 20px;
}
.post-entry .post-entry-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.post-entry .post-entry-excerpt p:last-of-type {
margin: 0;
}
@media (max-width: 992px) {
.post-entry {
flex: 0 0 calc(50% - calc(32px * 1 / 2));
}
}
@media (max-width: 600px) {
.post-entry {
flex: 100%;
}
}
/*--------------------------------------------------------------
Post: Single
--------------------------------------------------------------*/
/* Navigation */
.post-single .post-single-nav {
padding: 0 0 80px;
}
.post-single .post-single-nav .post-navigation {
border-top: 1px solid var(--navy);
padding: 30px 0 0;
}
.post-single .post-single-nav .nav-links {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.post-single .post-single-nav .nav-previous {
margin: 0 auto 0 0;
}
.post-single .post-single-nav .nav-next {
margin: 0 0 0 auto;
}
.post-single .post-single-nav a {
display: inline-block;
line-height: 20px;
text-transform: uppercase;
color: var(--navy);
}
.post-single .post-single-nav a:hover {
color: var(--cyan);
}
@media (max-width: 768px) {
.post-single .post-single-nav {
padding: 0 0 60px;
}
}
/*--------------------------------------------------------------
Post: Search
--------------------------------------------------------------*/
/* Archive */
.search-archive {
padding: 100px 0;
}
.search-archive .search-archive-header {
text-align: center;
margin: 0 0 60px;
}
.search-archive .search-archive-header h1 {
margin: 0;
}
@media (max-width: 768px) {
.search-archive {
padding: 60px 0;
}
.search-archive .search-archive-header {
margin: 0 0 40px;
}
}
/* Entry */
.search-entry {
display: block;
background-color: var(--white);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
border-radius: 6px;
margin: 0 0 12px;
text-align: center;
transition: background-color 0.3s ease;
}
.search-entry:hover {
background-color: var(--navy);
}
.search-entry a {
display: block;
padding: 24px 32px;
}
.search-entry .h4 {
transition: color 0.3s ease;
}
.search-entry:hover .h4 {
color: var(--white);
}
.search-entry h3 {
margin: 0;
transition: color 0.3s ease;
}
.search-entry:hover h3 {
color: var(--white);
}
/* Search */
.no-results .search-form {
position: relative;
}
.no-results .search-form input[type="search"] {
border-color: var(--navy);
padding: 24px 168px 24px 24px;
}
.no-results .search-form input[type="search"]:focus {
border-color: var(--cyan);
}
.no-results .search-form button[type="submit"] {
position: absolute;
right: 14px;
bottom: 10px;
}
@media (max-width: 460px) {
.no-results .search-form input[type="search"] {
padding: 14px 24px;
}
.no-results .search-form button[type="submit"] {
position: static;
margin: 8px 0 0;
width: 100%;
}
}
/*-----------------------------------------------------------------------
Editor Canvas
-----------------------------------------------------------------------*/
.edit-post-visual-editor__post-title-wrapper {
background-color: var(--white);
color: var(--navy);
margin: 0 !important;
padding: 0 !important;
}
.edit-post-visual-editor__post-title-wrapper h1.wp-block-post-title {
font-size: var(--24px);
line-height: 28px;
background-color: var(--white);
padding: 10px 30px !important;
max-width: 100% !important;
width: 100% !important;
border-bottom: 1px solid #e0e0e0 !important;
margin: 0 !important;
}
.editor-styles-wrapper {
font-optical-sizing: auto;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
font-family: var(--font-primary) !important;
font-size: var(--18px) !important;
color: var(--navy);
line-height: 1.4;
font-weight: 400;
margin: 0 !important;
padding: 0 !important;
}
.wp-block-post-content {
background-color: var(--white);
}
.wp-block-post-content > div {
margin: 0 auto;
max-width: calc(100% - 60px);
width: calc(100% - 60px);
}
.wp-block-post-content.is-tablet-preview > div,
.wp-block-post-content.is-mobile-preview > div {
max-width: 100%;
width: 100%;
}
.wp-block-post-content .wp-block {
max-width: 100%;
width: 100%;
margin: 0;
}
.acf-block-body .acf-block-fields {
z-index: 99999999 !important;
}
.wp-block .acf-input select {
max-width: 100%;
}
.editor-styles-wrapper p {
line-height: 1.5 !important;
}
.hide-block--active {
opacity: 0.35;
}
/* Slides can't be dragged in the editor; clicks fall through to select the block */
.editor-styles-wrapper .swiper .swiper-wrapper {
pointer-events: none;
}