/*--------------------------------------------------------------
Variables
--------------------------------------------------------------*/
:root {
--wpadminbar-height: 32px;
--header-height: 122px;
--notification-bar-height: 0px;
/* Colors */
--white: #fff;
--white-rgb: 255, 255, 255;
--black: #000;
--black-rgb: 0, 0, 0;
--grey-light: #F1F1F1;
--carbon: #2D2D2D;
--carbon-rgb: 45, 45, 45;
--red: #E53935;
--red-rgb: 229, 57, 53;
--yellow: #FFD86D;
--yellow-rgb: 255, 216, 109;
--yellow-blonde: #FFF0C5;
--yellow-blonde-rgb: 255, 240, 197;
--yellow-silk: #FFF7E0;
--yellow-silk-rgb: 255, 247, 224;
--yellow-mustard: #D4AF37;
--yellow-mustard-rgb: 212, 175, 55;
--orange: #FB8C00;
--orange-rgb: 251, 140, 0;
--orange-burnt: #D7763F;
--orange-burnt-rgb: 215, 118, 63;
--orange-peach: #FFA476;
--orange-peach-rgb: 255, 164, 118;
--orange-white: #FDF8F5;
--orange-white-rgb: 253, 248, 245;
--blue-dodger: #409EFF;
--blue-dodger-rgb: 64, 158, 255;
--blue-indigo: #5C6BC0;
--blue-indigo-rgb: 92, 107, 192;
--blue-pastel: #A7B5FE;
--blue-pastel-rgb: 167, 181, 254;
--green-apple: #43A047;
--green-apple-rgb: 67, 160, 71;
--green-jade: #6FCF97;
--green-jade-rgb: 111, 207, 151;
--green-lime: #D2F57F;
--green-lime-rgb: 210, 245, 127;
/* Typography */
--font-primary: "Inter", sans-serif;
--font-secondary: "obviously", sans-serif;
--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;
--60px: 3.75rem;
--64px: 4rem;
--70px: 4.375rem;
--75px: 4.6875rem;
--85px: 5.3125rem;
--90px: 5.625rem;
--100px: 6.25rem;
}
@media (max-width: 992px) {
:root {
--header-height: 100px;
}
}
@media (max-width: 782px) {
:root {
--wpadminbar-height: 46px;
}
}
/*--------------------------------------------------------------
Base
--------------------------------------------------------------*/
.block-theme *,
.block-theme *:before,
.block-theme *:after {
box-sizing: border-box;
}
.block-theme * {
scrollbar-width: thin;
scrollbar-color: var(--carbon) transparent;
}
.block-theme img,
.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-text-white video {
background-image: url('../images/video-loader-white.gif');
}
.block-theme hr {
background-color: var(--grey-light);
border: 0;
height: 1px;
margin: 40px 0;
}
/*--------------------------------------------------------------
Typography/Content
--------------------------------------------------------------*/
/* 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-secondary);
font-weight: 700;
color: var(--carbon);
line-height: 1.3;
margin: 0 0 16px;
}
.block-theme h1,
.block-theme .h1 {
font-size: var(--55px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--40px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--25px);
font-weight: 600;
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--20px);
}
.block-theme h5,
.block-theme .h5 {
font-size: var(--15px);
font-weight: 600;
}
.block-theme h6,
.block-theme .h6 {
font-family: var(--font-primary);
font-size: var(--14px);
font-weight: 600;
}
@media (max-width: 768px) {
.block-theme h1,
.block-theme .h1 {
font-size: var(--40px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--30px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--20px);
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--18px);
}
.block-theme h5,
.block-theme .h5 {
font-size: var(--14px);
}
}
@media (max-width: 460px) {
.block-theme h1,
.block-theme .h1 {
font-size: var(--30px);
}
.block-theme h2,
.block-theme .h2 {
font-size: var(--24px);
}
.block-theme h3,
.block-theme .h3 {
font-size: var(--18px);
}
.block-theme h4,
.block-theme .h4 {
font-size: var(--16px);
}
}
/* Styled */
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--25px);
font-weight: 500;
line-height: 1.4;
}
.block-theme .typo-copy-large strong,
.block-theme .typo-copy-large p strong {
font-weight: 700;
}
.block-theme .typo-copy-small,
.block-theme .typo-copy-small p {
font-size: var(--15px);
font-weight: 400;
}
@media (max-width: 768px) {
.block-theme .typo-copy-large,
.block-theme .typo-copy-large p {
font-size: var(--20px);
}
}
/* Other */
.block-theme ul,
.block-theme ol,
.block-theme li {
list-style: none;
margin: 0;
padding: 0;
}
.block-theme p {
font-size: var(--17px);
font-weight: 300;
color: var(--black);
line-height: 1.618;
margin: 0 0 16px;
}
.block-theme p strong {
font-weight: 500;
}
@media (max-width: 768px) {
.block-theme p {
font-size: var(--16px);
}
}
/* Blockquote */
.block-theme blockquote {
margin: 32px 0;
padding: 0 0 0 24px;
border-left: 6px solid var(--yellow);
}
.block-theme blockquote p {
font-weight: 500;
margin: 0;
}
.block-theme blockquote cite {
font-weight: 300;
font-style: normal;
text-transform: uppercase;
margin: 16px 0 0;
display: block;
}
@media (max-width: 768px) {
.block-theme blockquote {
margin: 24px 0;
padding: 0 0 0 16px;
}
}
/*--------------------------------------------------------------
Links/Buttons
--------------------------------------------------------------*/
/* Links */
.block-theme a {
color: var(--orange-burnt);
text-decoration: none;
cursor: pointer;
}
.block-theme a:hover {
color: var(--black);
}
.block-theme p a,
.block-theme li a {
text-decoration: underline;
}
.block-theme p a:hover,
.block-theme li a:hover {
color: var(--black);
}
.block-theme .block-setting-text-white p a:hover,
.block-theme .block-setting-text-white li a:hover {
color: var(--yellow-blonde) !important;
}
.block-theme .block-setting-text-white .ignore-text-white p a:hover,
.block-theme .block-setting-text-white .ignore-text-white li a:hover {
color: var(--carbon);
}
.block-theme .arrow-link {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 8px;
color: var(--carbon);
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(-4px);
}
/* Buttons */
.block-theme .button-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
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: 8px;
}
.block-theme .button-group .button,
.block-theme .button-group button {
flex: 100%;
}
}
.block-theme .button,
.block-theme button,
.block-theme input[type="button"],
.block-theme input[type="reset"],
.block-theme input[type="submit"] {
outline: none;
display: inline-block;
position: relative;
padding: 14px 32px;
font-size: var(--15px);
font-weight: 600;
background-color: var(--carbon);
border: 2px solid var(--carbon);
border-radius: 12px !important;
color: var(--white);
text-transform: uppercase;
text-decoration: none;
height: auto;
line-height: 20px;
text-align: center;
cursor: pointer;
}
.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 {
background-color: var(--yellow);
border-color: var(--yellow);
color: var(--carbon);
}
.block-theme .btn-loader {
display: none;
position: absolute;
left: calc(50% - 7.5px);
top: calc(50% - 7.5px);
}
.block-theme .button.disabled,
.block-theme button.disabled {
opacity: 0.5;
pointer-events: none;
}
/* Coloured Buttons */
.block-theme .button.black,
.block-theme button.black {
background-color: var(--carbon);
border-color: var(--carbon);
color: var(--white);
}
.block-theme .button.black:hover,
.block-theme button.black:hover {
background-color: var(--yellow);
border-color: var(--yellow);
color: var(--carbon);
}
.block-theme .button.white,
.block-theme button.white {
background-color: var(--white);
border-color: var(--white);
color: var(--carbon);
}
.block-theme .button.white:hover,
.block-theme button.white:hover {
background-color: var(--carbon);
border-color: var(--carbon);
color: var(--white);
}
.block-theme .button.yellow-silk,
.block-theme button.yellow-silk {
background-color: var(--yellow-silk);
border-color: var(--yellow-silk);
color: var(--carbon);
}
.block-theme .button.yellow-silk:hover,
.block-theme button.yellow-silk:hover {
background-color: var(--yellow);
border-color: var(--yellow);
color: var(--carbon);
}
/* Ghost Buttons */
.block-theme .button.ghost,
.block-theme button.ghost {
background-color: transparent;
border: 2px solid var(--carbon);
color: var(--carbon);
}
.block-theme .button.ghost:hover,
.block-theme button.ghost:hover {
background-color: var(--yellow);
border-color: var(--yellow);
color: var(--carbon);
}
.block-theme .button.ghost.black,
.block-theme button.ghost.black {
border-color: var(--carbon);
color: var(--carbon);
}
.block-theme .button.ghost.black:hover,
.block-theme button.ghost.black:hover {
background-color: var(--carbon);
border-color: var(--carbon);
color: var(--white);
}
.block-theme .button.ghost.white,
.block-theme button.ghost.white {
border-color: var(--white);
color: var(--white);
}
.block-theme .button.ghost.white:hover,
.block-theme button.ghost.white:hover {
background-color: var(--white);
border-color: var(--white);
color: var(--carbon);
}
/* Sized Buttons */
.block-theme .button.small,
.block-theme button.small {
padding: 5px 32px;
}
/* Icon Buttons */
.block-theme .button.icon-button,
.block-theme button.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 6px;
}
.block-theme .button.icon-button svg,
.block-theme button.icon-button svg {
line-height: 0;
max-height: 14px;
max-width: 14px;
width: 100%;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.block-theme .button.icon-button:hover svg,
.block-theme button.icon-button:focus svg {
transform: translateX(-3px);
}
.block-theme .button.icon-only,
.block-theme button.icon-only {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px;
}
.block-theme .button.icon-only svg,
.block-theme button.icon-only svg {
line-height: 0;
height: 20px;
width: 20px;
flex-shrink: 0;
}
@media (max-width: 460px) {
.block-theme .button.icon-button,
.block-theme button.icon-button {
white-space: normal;
}
}
/* Arrow Buttons */
.block-theme .button.arrow-button,
.block-theme button.arrow-button {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
gap: 8px;
}
.block-theme .button.arrow-button svg,
.block-theme button.arrow-button svg {
width: 12px;
height: auto;
flex-shrink: 0;
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;
}
}
/*--------------------------------------------------------------
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: 600;
color: var(--carbon);
}
.block-theme label a,
.block-theme legend a {
text-decoration: underline;
}
.block-theme label a:hover,
.block-theme legend a:hover {
color: var(--black);
}
.block-theme label .required {
color: var(--red);
margin-left: 2px;
font-weight: 600;
}
/* Basic Fields */
.block-theme input:not([type='button'], [type='submit']),
.block-theme select,
.block-theme textarea {
appearance: none;
-webkit-appearance: none;
outline: none;
display: inline-block;
width: 100%;
padding: 14px 16px;
background-color: var(--orange-white);
border: 2px solid var(--orange-white);
border-radius: 12px;
font-size: var(--16px);
color: var(--carbon);
line-height: 20px;
}
.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(--carbon);
}
::-webkit-input-placeholder { color: var(--carbon); }
::-ms-input-placeholder { color: var(--carbon); }
::placeholder { color: var(--carbon); }
/* Select */
.block-theme select {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 16px center;
background-size: auto 6px;
background-color: var(--orange-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 16px;
background-color: var(--orange-white) !important;
border: 2px solid var(--orange-white);
border-radius: 12px;
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 6px;
}
.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(--carbon);
}
.block-theme .select2-selection__rendered,
.block-theme .select2-selection__placeholder {
color: var(--carbon) !important;
font-weight: 400;
}
.block-theme .select2-dropdown {
border-color: var(--carbon);
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(--carbon);
}
.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;
border: 1px solid var(--carbon);
border-radius: 2px;
padding: 0;
background-color: var(--white);
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(--carbon);
background: var(--carbon) url(../images/icon-checkbox.svg) 50% no-repeat;
background-size: 16px;
}
.block-theme input[type='radio']:checked {
border: 4px solid var(--carbon);
}
.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: 16px;
font-weight: 600;
line-height: 20px;
color: var(--white);
text-align: center;
text-decoration: none;
background-color: var(--carbon);
border: 1px solid var(--carbon);
border-radius: 2px;
cursor: pointer;
}
/* Gravity Forms */
.gform_wrapper {
--gform-theme-form-row-gap: 12px !important;
--gform-theme-form-col-gap: 12px !important;
}
.gform-theme--api,
.gform-theme--foundation {
--gf-form-gap-x: 12px !important;
--gf-form-gap-y: 12px !important;
--gf-label-req-gap: 2px !important;
--gf-color-primary: var(--blue) !important;
--gf-color-primary-darker: var(--blue) !important;
}
.gform_wrapper .gform_heading,
.gform_wrapper .gform_title,
.gform_wrapper .gform_required_legend {
display: none;
}
.gform_wrapper .validation_message {
display: none !important;
}
.gform_confirmation_wrapper .gform_confirmation_message {
text-align: center;
font-size: var(--20px);
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
margin: 0;
text-transform: none;
}
.gform-theme--framework .gfield_list_group_item:before,
.gform-theme--framework .gform-field-label {
font-size: var(--14px) !important;
font-weight: 600 !important;
}
.gform-theme--framework .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(--orange-white) !important;
border: 2px solid var(--orange-white) !important;
border-radius: 12px !important;
line-height: 20px !important;
padding: 14px 16px !important;
height: auto !important;
box-shadow: none !important;
width: 100%;
}
.gform_wrapper .gform_body .gform_fields .gfield select {
padding: 14px 40px 14px 20px !important;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea {
height: 120px !important;
min-block-size: 120px;
}
.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(--carbon) !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: #c02b0a !important;
}
.gform-theme--foundation .gform_footer {
/* justify-content: flex-end; */
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
outline: none !important;
display: inline-block !important;
position: relative !important;
padding: 14px 32px !important;
font-size: var(--15px) !important;
font-weight: 600 !important;
background-color: var(--black) !important;
border: 2px solid var(--black) !important;
box-shadow: none !important;
border-radius: 12px !important;
color: var(--white) !important;
text-transform: uppercase !important;
height: auto !important;
line-height: 20px !important;
text-align: center !important;
cursor: pointer !important;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button[type="submit"]:hover {
background-color: var(--green-jade) !important;
border-color: var(--green-jade) !important;
color: var(--white) !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-theme--foundation .gform-loader {
flex-shrink: 0;
}
@media (max-width: 460px) {
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"] {
width: 100% !important
}
}
/*--------------------------------------------------------------
Helpers
--------------------------------------------------------------*/
/* Visibility */
.block-theme .desktop-only {
display: block;
}
.block-theme .mobile-only {
display: none;
}
.block-theme .hidden {
display: none !important;
}
@media (max-width: 768px) {
.block-theme .desktop-only {
display: none;
}
.block-theme .mobile-only {
display: block;
}
}
/* 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: 1440px;
}
.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(calc(100% - 0px), 1440px)) / 2);
padding: 0 0 0 30px;
}
.parallax-container {
overflow: hidden;
}
.responsive-video {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media(max-width: 600px) {
.container-oneside {
margin-left: calc((100% - min(calc(100% - 0px), 1440px)) / 2);
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: 1280px) {
.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: 460px) {
.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(--carbon);
}
.block-theme table th,
.block-theme table td {
padding: 10px;
text-align: left;
border: 1px solid var(--carbon);
color: var(--carbon);
}
.block-theme table th {
background-color: var(--orange-white);
}
.block-theme table th,
.block-theme table th * {
font-weight: 600;
}
/*-----------------------------------------------------------------------
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: calc(var(--block-padding-top) / 1.25);
padding-bottom: calc(var(--block-padding-bottom) / 1.25);
}
.block-section .block-setting-padding.block-setting-padding-noresize {
padding-top: var(--block-padding-top);
padding-bottom: var(--block-padding-bottom);
}
}
@media (max-width: 768px) {
.block-section .block-setting-padding {
padding-top: calc(var(--block-padding-top) / 2);
padding-bottom: calc(var(--block-padding-bottom) / 2);
}
.block-section .block-setting-padding.block-setting-padding-noresize {
padding-top: var(--block-padding-top);
padding-bottom: var(--block-padding-bottom);
}
}
/* Backgrounds */
.block-section .block-setting-background-none {
background-color: transparent;
}
.block-section .block-setting-background-white {
background-color: var(--white);
--block-background: var(--white);
--block-background-rgb: var(--white-rgb);
}
.block-section .block-setting-background-carbon {
background-color: var(--carbon);
--block-background: var(--carbon);
--block-background-rgb: var(--carbon-rgb);
}
.block-section .block-setting-background-yellow {
background-color: var(--yellow);
--block-background: var(--yellow);
--block-background-rgb: var(--yellow-rgb);
}
.block-section .block-setting-background-orange {
background-color: var(--orange-burnt);
--block-background: var(--orange-burnt);
--block-background-rgb: var(--orange-burnt-rgb);
}
.block-section .block-setting-background-blue {
background-color: var(--blue-dodger);
--block-background: var(--blue-dodger);
--block-background-rgb: var(--blue-dodger-rgb);
}
.block-section .block-setting-background-green {
background-color: var(--green-jade);
--block-background: var(--green-jade);
--block-background-rgb: var(--green-jade-rgb);
}
.block-section .block-setting-background-blonde {
background-color: var(--yellow-blonde);
--block-background: var(--yellow-blonde);
--block-background-rgb: var(--yellow-blonde-rgb);
}
.block-section .block-setting-background-silk {
background-color: var(--yellow-silk);
--block-background: var(--yellow-silk);
--block-background-rgb: var(--yellow-silk-rgb);
}
.block-section .block-setting-background-orange-white {
background-color: var(--orange-white);
--block-background: var(--orange-white);
--block-background-rgb: var(--orange-white-rgb);
}
.block-section .block-setting-background-blue-pastel {
background-color: var(--blue-pastel);
--block-background: var(--blue-pastel);
--block-background-rgb: var(--blue-pastel-rgb);
}
/* Colours */
.block-section .block-setting-text-white *: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 .block-accordion-row {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px 32px;
}
.block-theme .accordion-section {
border: none;
width: 100%;
}
.block-theme .block-accordion-row.split-accordion {
flex-direction: row;
}
.block-theme .block-accordion-row.split-accordion .accordion-section {
flex: 0 0 calc(50% - 16px);
}
.block-theme .accordion-section .accordion-item {
background-color: var(--yellow-blonde);
border-radius: 12px;
margin: 0 0 10px;
}
.block-theme .block-setting-background-blonde .accordion-section .accordion-item {
background-color: var(--white);
}
.block-theme .accordion-section .accordion-item:last-of-type {
margin: 0;
}
.block-theme .accordion-section .accordion-item .accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
cursor: pointer;
padding: 24px 32px;
line-height: 1.2;
margin: 0;
font-weight: 600;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle svg {
width: 24px;
height: 24px;
color: var(--white);
position: absolute;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span {
height: 10px;
width: 10px;
position: relative;
transition: all 0.3s ease;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:before,
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:after {
content: '';
position: absolute;
background-color: var(--black);
transition: all 0.3s ease;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:before {
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
}
.block-theme .accordion-section .accordion-item .accordion-header .accordion-toggle span:after {
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
}
.block-theme .accordion-section .accordion-item.active .accordion-header .accordion-toggle span {
transform: rotate(45deg);
}
.block-theme .accordion-section .accordion-item .accordion-content {
display: none;
padding: 0px 32px 32px 32px;
}
@media (max-width: 768px) {
.block-theme .block-accordion-row.split-accordion {
flex-direction: column;
}
.block-theme .accordion-section .accordion-item .accordion-header {
padding: 20px;
}
.block-theme .accordion-section .accordion-item .accordion-content {
padding: 0px 20px 20px 20px;
}
}
/* Clipboard Copy */
.block-theme .clipboard-copy {
position: relative;
cursor: pointer;
}
.block-theme .clipboard-copy .tooltip {
visibility: hidden;
width: auto;
white-space: nowrap;
background-color: var(--carbon);
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(--carbon) transparent transparent transparent;
}
.block-theme .clipboard-copy:hover .tooltip {
visibility: visible;
opacity: 1;
}
/* Swiper */
.block-theme .swiper-button-prev,
.block-theme .swiper-button-next {
transition: all 0.3s ease;
background-color: #eee;
border-radius: 100%;
color: var(--black);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.block-theme .swiper-button-prev {
left: -12px;
margin-top: 0;
transform: translateY(-50%);
}
.block-theme .swiper-button-next {
right: -12px;
margin-top: 0;
transform: translateY(-50%);
}
.block-theme .swiper-button-prev:hover,
.block-theme .swiper-button-next:hover {
background-color: var(--carbon);
color: var(--white);
}
.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: 14px;
width: auto;
}
.block-theme .swiper-button-next.swiper-button-disabled,
.block-theme .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.block-theme .swiper-pagination-progressbar.swiper-pagination-horizontal {
background-color: var(--white);
height: 4px;
position: static;
}
.block-theme .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: var(--carbon);
}
.block-theme .swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
bottom: 16px !important;
}
.block-theme .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
width: auto;
height: auto;
line-height: 0;
background: none;
margin: 0 !important;
}
.block-theme .swiper-pagination .swiper-pagination-bullet svg {
width: 12px;
height: 12px;
color: var(--carbon);
transition: all 0.3s ease;
}
/* .block-theme .swiper-pagination .swiper-pagination-bullet.lime svg { color: var(--green-lime); }
.block-theme .swiper-pagination .swiper-pagination-bullet.blue svg { color: var(--blue-dodger); }
.block-theme .swiper-pagination .swiper-pagination-bullet.blue-pastel svg { color: var(--blue-pastel); }
.block-theme .swiper-pagination .swiper-pagination-bullet.orange svg { color: var(--orange-burnt); }
.block-theme .swiper-pagination .swiper-pagination-bullet.yellow svg { color: var(--yellow); } */
.block-theme .swiper-pagination .swiper-pagination-bullet-active svg {
color: var(--white) !important;
}
.block-theme .block-setting-background-none .swiper-pagination .swiper-pagination-bullet-active svg,
.block-theme .block-setting-background-white .swiper-pagination .swiper-pagination-bullet-active svg {
color: var(--orange-burnt) !important;
}
@media (max-width: 600px) {
.block-theme .swiper-button-prev {
left: -4px;
}
.block-theme .swiper-button-next {
right: -4px;
}
}
/* Breadcrumbs */
.site-breadcrumbs ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
}
.site-breadcrumbs ol li {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
font-size: var(--15px);
font-weight: 600;
}
.site-breadcrumbs ol li:before {
display: none;
}
.site-breadcrumbs li:not(:last-child)::after {
content: url('../images/chevron-right.svg');
width: 6px;
}
.site-breadcrumbs ol li a {
text-decoration: none;
font-weight: 400;
color: var(--black);
}
.site-breadcrumbs ol li a:hover {
color: var(--orange-burnt);
}
/*-----------------------------------------------------------------------
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 {
font-size: var(--17px);
font-weight: 300;
color: var(--black);
position: relative;
margin: 0 0 4px;
padding: 0 0 0 16px;
}
.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: 10px;
left: 0px;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: var(--orange);
}
.block-setting-text-white .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-checkmark li {
padding-left: 40px;
}
.wysiwyg-content ul.list-style-checkmark li:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 3px;
width: 18px;
height: 18px;
background: url(../images/icon-checkmark.svg) 50% no-repeat;
background-size: contain;
}
/* Media */
.wysiwyg-content .responsive-video {
margin: 32px 0;
}
/*-----------------------------------------------------------------------
Block: Separator
-----------------------------------------------------------------------*/
.block-separator .block-separator-hr {
display: block;
width: 100%;
height: 1px;
background-color: var(--carbon);
}
.block-separator .block-separator-hr.black { background-color: var(--carbon); }
.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: Split Form
-----------------------------------------------------------------------*/
.block-split-form .block-split-form-row {
display: flex;
gap: 40px 120px;
}
.block-split-form .block-split-form-left {
flex: 0 0 calc(50% - 100px);
}
.block-split-form .block-split-form-right {
flex: 0 0 calc(50% - 20px);
}
.block-split-form .block-split-form-wrap {
background-color: var(--white);
border-radius: 12px;
padding: 40px 32px;
filter: drop-shadow(0px 4px 20px rgba(156, 156, 156, 0.25));
}
@media (max-width: 992px) {
.block-split-form .block-split-form-row {
flex-wrap: wrap;
}
.block-split-form .block-split-form-left {
flex: 100%;
}
.block-split-form .block-split-form-right {
flex: 100%;
}
}
@media (max-width: 600px) {
.block-split-form .block-split-form-wrap {
padding: 32px 24px;
}
}
@media (max-width: 460px) {
.block-split-form .block-split-form-wrap {
padding: 24px 16px;
}
}
/*-----------------------------------------------------------------------
Block: Split Media
-----------------------------------------------------------------------*/
.block-split-media .block-split-media-row {
display: flex;
gap: 32px 60px;
}
.block-split-media .block-split-media-row.contain {
align-items: center;
}
.block-split-media .block-split-media-content {
flex: 0 0 calc(50% - 20px);
padding: 40px 0;
align-content: center;
}
.block-split-media .block-split-media-row.left .block-split-media-content {
order: 2;
padding: 40px 60px 40px 0;
}
.block-split-media .block-split-media-row.right .block-split-media-content {
order: 1;
padding: 40px 60px 40px 0;
}
.block-split-media .block-split-media-content-title {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 40px;
}
.block-split-media .block-split-media-content-title img {
max-width: 50px;
height: 50px;
object-fit: contain;
pointer-events: none;
}
.block-split-media .block-split-media-content-title h3 {
margin: 0;
}
.block-split-media .block-split-media-wrap {
flex: 0 0 calc(50% - 40px);
max-width: calc(50% - 40px);
min-height: 460px;
}
.block-split-media .block-split-media-row.contain .block-split-media-wrap {
min-height: auto;
}
.block-split-media .block-split-media-row.left .block-split-media-wrap {
order: 1;
}
.block-split-media .block-split-media-row.right .block-split-media-wrap {
order: 2;
}
.block-split-media div.block-split-media-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
mask-image: url('data:image/svg+xml,');
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.block-split-media img.block-split-media-img {
mask-image: url('data:image/svg+xml,');
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.block-split-media .block-split-media-video {
position: relative;
height: 100%;
overflow: hidden;
mask-image: url('data:image/svg+xml,');
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.block-split-media .block-split-media-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-split-media .block-setting-text-white .block-split-media-video video {
background-image: url('../images/video-loader-white.gif');
}
.block-split-media .block-split-media-video iframe {
width: 100%;
height: 100%;
}
.block-split-media .block-split-media-gallery {
height: 100%;
mask-image: url('data:image/svg+xml,');
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.block-split-media .block-split-media-gallery-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.block-split-media .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background-color: var(--white);
width: 12px;
height: 12px;
transition: all 0.3s ease;
}
.block-split-media .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--carbon);
width: 32px;
border-radius: 12px;
}
@media (max-width: 992px) {
.block-split-media .block-split-media-row {
flex-wrap: wrap;
}
.block-split-media .block-split-media-wrap {
max-width: 100%;
flex: 100%;
min-height: auto;
}
.block-split-media .block-split-media-content {
flex: 100%;
}
.block-split-media .block-split-media-row.left .block-split-media-wrap {
order: 2;
}
.block-split-media .block-split-media-row.right .block-split-media-wrap {
order: 2;
}
.block-split-media .block-split-media-row.left .block-split-media-content {
order: 1;
padding: 0;
}
.block-split-media .block-split-media-row.right .block-split-media-content {
order: 1;
padding: 0;
}
.block-split-media div.block-split-media-img {
padding-top: 60%;
}
.block-split-media .block-split-media-video {
padding-top: 60%;
}
.block-split-media .block-split-media-gallery-image {
padding-top: 60%;
}
}
@media (max-width: 600px) {
.block-split-media div.block-split-media-img {
padding-top: 75%;
}
.block-split-media .block-split-media-video {
padding-top: 75%;
}
.block-split-media .block-split-media-gallery-image {
padding-top: 75%;
}
}
/*-----------------------------------------------------------------------
Block: Split Bio
-----------------------------------------------------------------------*/
.block-split-bio .block-setting-override {
background-color: transparent;
}
.block-split-bio .block-split-bio-wrap {
position: relative;
}
.block-split-bio .block-split-bio-fox {
position: absolute;
top: -100px;
left: calc(50% - 200px);
z-index: 1;
}
.block-split-bio .block-split-bio-fox svg {
width: 180px;
}
.block-split-bio .block-split-bio-inner {
background-color: var(--block-background);
display: flex;
mask-image: url('data:image/svg+xml,');
mask-size: auto 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.block-split-bio .block-split-bio-content {
flex: 0 0 calc(50% - 0px);
padding: 80px 80px 100px 100px;
}
.block-split-bio .block-split-bio-image {
flex: 0 0 calc(50% - 0px);
}
.block-split-bio .block-split-bio-image img {
height: 100%;
object-fit: cover;
object-position: right;
mask-image: url('data:image/svg+xml,');
mask-size: auto 100%;
mask-repeat: no-repeat;
mask-position: center;
}
@media (max-width: 992px) {
.block-split-bio .block-split-bio-fox {
top: -67px;
left: auto;
right: 30px;
}
.block-split-bio .block-split-bio-fox svg {
width: 120px;
}
.block-split-bio .block-split-bio-inner {
flex-wrap: wrap;
}
.block-split-bio .block-split-bio-content {
flex: 100%;
padding: 50px 40px 40px 40px;
}
.block-split-bio .block-split-bio-image {
flex: 100%;
}
.block-split-bio .block-split-bio-image img {
mask-image: none;
}
}
/*-----------------------------------------------------------------------
Block: Split Choice
-----------------------------------------------------------------------*/
.block-split-choice .block-setting-override {
background: linear-gradient(90deg, rgba(255, 240, 197, 1) 50%, rgba(215, 118, 63, 1) 50%);
position: relative;
}
.block-split-choice .block-split-choice-divider-vert {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 30px;
transform: translateX(-50%);
}
.block-split-choice .block-split-choice-divider-vert svg {
height: 100%;
}
.block-split-choice .block-split-choice-divider-hori {
display: none;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 30px;
transform: translateY(-50%);
}
.block-split-choice .block-split-choice-divider-hori svg {
width: 100%;
height: auto;
}
.block-split-choice .block-split-choice-row {
display: flex;
gap: 160px
}
.block-split-choice .block-split-choice-item {
flex: 0 0 calc(50% - 80px);
display: flex;
align-items: center;
gap: 40px;
}
.block-split-choice .block-split-choice-image {
flex: 0 0 240px;
position: relative;
z-index: 1;
}
.block-split-choice .block-split-choice-image svg {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--yellow);
z-index: -1;
}
.block-split-choice .block-split-choice-image img {
padding: 0 16px;
}
.block-split-choice .block-split-choice-content {
flex: 1;
}
@media (max-width: 1200px) {
.block-split-choice .block-split-choice-item {
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 24px;
}
.block-split-choice .block-split-choice-image {
flex: 0 0 180px;
}
.block-split-choice .block-split-choice-content {
flex: 100%;
margin: auto 0 0;
}
.block-split-choice .block-split-choice-content .button-group {
justify-content: center;
}
}
@media (max-width: 768px) {
.block-split-choice .block-setting-override {
background: linear-gradient(180deg, rgba(255, 240, 197, 1) 50%, rgba(215, 118, 63, 1) 50%);
}
.block-split-choice .block-split-choice-row {
flex-wrap: wrap;
}
.block-split-choice .block-split-choice-item {
flex: 100%;
}
.block-split-choice .block-split-choice-divider-vert {
display: none;
}
.block-split-choice .block-split-choice-divider-hori {
display: block;
}
}
/*-----------------------------------------------------------------------
Block: Box Navigation
-----------------------------------------------------------------------*/
.block-box-navigation .block-box-navigation-row {
display: flex;
gap: 60px;
}
.block-box-navigation .block-box-navigation-item {
flex: 0 0 calc(25% - calc(60px * 3 / 4));
display: flex;
flex-direction: column;
}
.block-box-navigation .block-box-navigation-item-image {
margin: 0 10px -32px 10px;
transition: all 0.3s ease;
}
.block-box-navigation .block-box-navigation-item:hover .block-box-navigation-item-image {
transform: translateY(-16px);
}
.block-box-navigation .block-box-navigation-item-image img {
height: 180px;
object-fit: contain;
pointer-events: none;
}
.block-box-navigation .block-box-navigation-item-box {
display: flex;
flex-direction: column;
height: 100%;
}
.block-box-navigation .block-box-navigation-item-lid {
background-color: var(--yellow);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
height: 32px;
position: relative;
z-index: 1;
flex-shrink: 0;
}
.block-box-navigation .block-box-navigation-item.yellow .block-box-navigation-item-lid { background-color: var(--yellow); }
.block-box-navigation .block-box-navigation-item.orange .block-box-navigation-item-lid { background-color: var(--orange-burnt); }
.block-box-navigation .block-box-navigation-item.blue .block-box-navigation-item-lid { background-color: var(--blue-dodger); }
.block-box-navigation .block-box-navigation-item.green .block-box-navigation-item-lid { background-color: var(--green-jade); }
.block-box-navigation .block-box-navigation-item-main {
background-color: var(--yellow);
text-align: center;
padding: 24px 16px;
margin: 0 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block-box-navigation .block-box-navigation-item.yellow .block-box-navigation-item-main { background-color: var(--yellow); }
.block-box-navigation .block-box-navigation-item.orange .block-box-navigation-item-main { background-color: var(--orange-burnt); }
.block-box-navigation .block-box-navigation-item.blue .block-box-navigation-item-main { background-color: var(--blue-dodger); }
.block-box-navigation .block-box-navigation-item.green .block-box-navigation-item-main { background-color: var(--green-jade); }
.block-box-navigation .block-box-navigation-item-main .h3 {
margin: 0;
word-break: break-word;
}
@media (max-width: 1280px) {
.block-box-navigation .block-box-navigation-row {
gap: 32px 40px;
}
.block-box-navigation .block-box-navigation-item {
flex: 0 0 calc(25% - calc(40px * 3 / 4));
}
}
@media (max-width: 992px) {
.block-box-navigation .block-box-navigation-row {
flex-wrap: wrap;
}
.block-box-navigation .block-box-navigation-item {
flex: 0 0 calc(50% - calc(40px * 1 / 2));
}
}
@media (max-width: 600px) {
.block-box-navigation .block-box-navigation-item {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Circle Navigation
-----------------------------------------------------------------------*/
.block-circle-navigation .block-circle-navigation-row {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px 80px;
}
.block-circle-navigation .block-circle-navigation-item a {
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 110px;
border-radius: 100%;
background-color: #f2f2f2;
border: 3px solid #E6E6E6;
}
.block-circle-navigation .block-circle-navigation-item a:hover {
border-color: var(--orange-burnt);
}
.block-circle-navigation .block-setting-background-orange .block-circle-navigation-item a:hover {
border-color: var(--yellow);
}
.block-circle-navigation .block-circle-navigation-item img {
width: 80px;
height: 60px;
object-fit: contain;
}
@media (max-width: 768px) {
.block-circle-navigation .block-circle-navigation-row {
gap: 40px;
}
}
/*-----------------------------------------------------------------------
Block: Icon Columns
-----------------------------------------------------------------------*/
.block-icon-columns .block-icon-columns-row {
display: flex;
flex-wrap: wrap;
gap: 40px 60px;
overflow: hidden;
}
.block-icon-columns .block-icon-columns-track {
display: contents;
}
.block-icon-columns .marquee-duplicate {
display: none;
}
.block-icon-columns .block-icon-columns-item {
flex: 1 0 calc(25% - calc(60px * 3 / 4));
border-right: 1px solid var(--black);
padding: 0 60px 0 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 24px;
}
.block-icon-columns .block-setting-text-white .block-icon-columns-item {
border-color: var(--white);
}
.block-icon-columns .block-icon-columns-item:last-of-type,
.block-icon-columns .block-icon-columns-item:nth-of-type(4n) {
border-right: none;
padding: 0;
}
.block-icon-columns .block-icon-columns-item-icon {
flex-shrink: 0;
}
.block-icon-columns .block-icon-columns-item-icon img {
max-width: 90px;
height: 60px;
object-fit: contain;
pointer-events: none;
}
.block-icon-columns .block-icon-columns-item-content-title {
font-family: var(--font-secondary);
font-size: var(--15px);
font-weight: 700;
color: var(--carbon);
white-space: nowrap;
}
.block-icon-columns .block-icon-columns-item-content-subtitle {
font-size: var(--15px);
font-weight: 400;
}
@keyframes block-icon-columns-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-100% - 40px)); }
}
@media (max-width: 1280px) {
.block-icon-columns .block-icon-columns-row {
gap: 40px;
}
.block-icon-columns .block-icon-columns-item {
padding: 0 40px 0 0;
}
}
@media (max-width: 992px) {
.block-icon-columns .block-icon-columns-item {
flex: 1 0 calc(50% - calc(40px * 1 / 2));
}
.block-icon-columns .block-icon-columns-item:nth-of-type(2n) {
border-right: none;
padding: 0;
}
}
@media (max-width: 600px) {
.block-icon-columns .block-icon-columns-row {
flex-wrap: nowrap;
}
.block-icon-columns .block-icon-columns-track {
display: flex;
flex-wrap: nowrap;
gap: 40px;
flex-shrink: 0;
animation: block-icon-columns-marquee 16s linear infinite;
}
.block-icon-columns .marquee-duplicate {
display: flex;
}
.block-icon-columns .block-icon-columns-item,
.block-icon-columns .block-icon-columns-item:last-of-type,
.block-icon-columns .block-icon-columns-item:nth-of-type(2n) {
flex: none;
border: none;
padding: 0;
justify-content: center;
flex-wrap: nowrap;
min-width: 260px;
max-width: 300px;
}
}
@media (max-width: 460px) {
.block-icon-columns .block-icon-columns-item,
.block-icon-columns .block-icon-columns-item:last-of-type,
.block-icon-columns .block-icon-columns-item:nth-of-type(2n) {
min-width: 220px;
}
}
/*-----------------------------------------------------------------------
Block: Emoji Grid
-----------------------------------------------------------------------*/
.block-emoji-grid .block-emoji-grid-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.block-emoji-grid .block-emoji-grid-item {
flex: 1 0 calc(25% - calc(40px * 3 / 4));
background-color: var(--yellow);
border-radius: 12px;
box-shadow: 0px 4px 14px 0px rgba(191, 191, 191, 0.25);
padding: 40px 32px 24px 32px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.block-emoji-grid .block-emoji-grid-item .h6 {
margin: 0;
}
.block-emoji-grid .block-emoji-grid-item .h2 {
margin: 0 0 8px;
}
.block-emoji-grid .block-emoji-grid-item p {
color: var(--carbon);
margin: 0 0 8px;
}
.block-emoji-grid .block-emoji-grid-item .emoji {
font-size: var(--60px);
margin: auto 0 0;
}
@media (max-width: 992px) {
.block-emoji-grid .block-emoji-grid-row {
gap: 32px;
}
.block-emoji-grid .block-emoji-grid-item {
flex: 1 0 calc(33.33333% - calc(32px * 2 / 3));
}
}
@media (max-width: 768px) {
.block-emoji-grid .block-emoji-grid-row {
gap: 24px;
}
.block-emoji-grid .block-emoji-grid-item {
flex: 1 0 calc(50% - calc(24px * 1 / 2));
padding: 32px 24px 20px 24px;
}
}
@media (max-width: 460px) {
.block-emoji-grid .block-emoji-grid-row {
gap: 16px;
}
.block-emoji-grid .block-emoji-grid-item {
flex: 100%;
padding: 24px 20px 16px 20px;
}
.block-emoji-grid .block-emoji-grid-item .emoji {
font-size: var(--50px);
}
}
/*-----------------------------------------------------------------------
Block: Hero Banner
-----------------------------------------------------------------------*/
.block-hero-banner .block-hero-banner-slide {
position: relative;
padding: 120px 0;
min-height: 800px;
height: auto;
display: flex;
align-items: center;
}
.block-hero-banner .block-hero-banner-slide.lime {
background-color: var(--green-lime);
--block-background-rgb: var(--green-lime-rgb);
}
.block-hero-banner .block-hero-banner-slide.blue {
background-color: var(--blue-dodger);
--block-background-rgb: var(--blue-dodger-rgb);
}
.block-hero-banner .block-hero-banner-slide.blue-pastel {
background-color: var(--blue-pastel);
--block-background-rgb: var(--blue-pastel-rgb);
}
.block-hero-banner .block-hero-banner-slide.orange {
background-color: var(--orange-burnt);
--block-background-rgb: var(--orange-burnt-rgb);
}
.block-hero-banner .block-hero-banner-slide.yellow {
background-color: var(--yellow);
--block-background-rgb: var(--yellow-rgb);
}
.block-hero-banner .block-hero-banner-background {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
right: 0;
width: calc(50% + 0px);
height: 100%;
}
.block-hero-banner .block-hero-banner-overlay {
background: linear-gradient(270deg, rgba(var(--block-background-rgb), 0.5) 50%, rgba(var(--block-background-rgb), 1) 100%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.block-hero-banner .block-hero-banner-image {
padding: 100px;
height: 100%;
}
.block-hero-banner .block-hero-banner-image img {
height: 100%;
object-fit: contain;
}
.block-hero-banner .block-hero-banner-row {
display: flex;
align-items: center;
gap: 40px 120px;
position: relative;
}
.block-hero-banner .block-hero-banner-content {
width: 100%;
}
.block-hero-banner .block-hero-banner-content-inner {
width: 50%;
max-width: 500px;
}
.block-hero-banner .swiper-pagination {
justify-content: center;
padding: 0 60px 0 0;
bottom: 40px !important;
}
@media (max-width: 1280px) {
.block-hero-banner .block-hero-banner-image {
padding: 100px 60px;
}
}
@media (max-width: 992px) {
.block-hero-banner .block-hero-banner-slide {
flex-direction: column;
flex-wrap: wrap;
padding: 80px 0 0;
}
.block-hero-banner .block-hero-banner-background {
position: static;
width: 100%;
height: 50%;
order: 2;
align-self: flex-end;
flex: 1;
}
.block-hero-banner .block-hero-banner-overlay {
background: linear-gradient(0deg, rgba(var(--block-background-rgb), 0.5) 50%, rgba(var(--block-background-rgb), 1) 100%);
}
.block-hero-banner .block-hero-banner-image {
padding: 60px 60px 80px 60px;
max-width: 660px;
}
.block-hero-banner .block-hero-banner-content {
order: 1;
align-self: flex-start;
}
.block-hero-banner .block-hero-banner-content-inner {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.block-hero-banner .block-hero-banner-slide {
padding: 60px 0 0;
}
.block-hero-banner .block-hero-banner-image {
padding: 40px 40px 60px 40px;
}
.block-hero-banner .swiper-pagination {
padding: 0 30px 0 0;
}
}
@media (max-width: 600px) {
.block-hero-banner .swiper-pagination {
padding: 0 20px 0 0;
}
}
/*-----------------------------------------------------------------------
Block: CTA Banner
-----------------------------------------------------------------------*/
.block-cta-banner {
position: relative;
}
.block-cta-banner .block-cta-banner-background {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: calc(50% + 0px);
height: 100%;
}
.block-cta-banner .block-cta-banner-overlay {
background: linear-gradient(270deg, rgba(var(--block-background-rgb), 1) 0%, rgba(var(--block-background-rgb), 0.65) 100%);
width: 100%;
height: 100%;
}
.block-cta-banner .block-cta-banner-row {
display: flex;
align-items: center;
gap: 40px 80px;
position: relative;
}
.block-cta-banner .block-cta-banner-row.has-background {
gap: 40px 60px;
}
.block-cta-banner .block-cta-banner-left {
flex: 0 0 240px;
}
.block-cta-banner .block-cta-banner-right {
flex: 1;
}
.block-cta-banner .block-cta-banner-row.has-background .block-cta-banner-left {
flex: 0 0 calc(50% - 60px);
}
.block-cta-banner .block-cta-banner-row.has-background .block-cta-banner-right {
flex: 0 0 calc(50% - 60px);
}
.block-cta-banner .block-cta-banner-left img {
pointer-events: none;
}
@media (max-width: 992px) {
.block-cta-banner .block-cta-banner-row.has-background .block-cta-banner-right {
flex: 0 0 calc(50% - 0px);
}
}
@media (max-width: 768px) {
.block-cta-banner .block-cta-banner-background {
width: 100%;
height: 50%
}
.block-cta-banner .block-cta-banner-overlay {
background: linear-gradient(0deg, rgba(var(--block-background-rgb), 1) 0%, rgba(var(--block-background-rgb), 0.65) 100%);
}
.block-cta-banner .block-cta-banner-row {
flex-wrap: wrap;
}
.block-cta-banner .block-cta-banner-left {
flex: 100%;
max-width: 240px;
margin: 0 auto;
}
.block-cta-banner .block-cta-banner-right {
flex: 100%;
}
.block-cta-banner .block-cta-banner-row.has-background .block-cta-banner-left {
flex: 100%;
max-width: 400px;
margin: 0 auto;
}
.block-cta-banner .block-cta-banner-row.has-background .block-cta-banner-right {
flex: 100%;
}
}
/*-----------------------------------------------------------------------
Block: Logo Slider
-----------------------------------------------------------------------*/
.block-logo-slider .logo-swiper .swiper-wrapper {
align-items: center;
}
.block-logo-slider .logo-swiper .logo-swiper-slide {
width: auto;
padding: 0 60px;
}
.block-logo-slider .logo-swiper .logo-swiper-slide img {
width: 100%;
max-height: 80px;
max-width: 180px;
object-fit: contain;
margin: 0 auto;
}
@media (max-width: 600px) {
.block-logo-slider .logo-swiper .logo-swiper-slide {
padding: 0 24px;
}
.block-logo-slider .logo-swiper .logo-swiper-slide img {
max-height: 80px;
max-width: 160px;
}
}
/*-----------------------------------------------------------------------
Block: Brand Feed
-----------------------------------------------------------------------*/
.block-brand-feed .block-brand-feed-row {
display: flex;
align-items: center;
}
.block-brand-feed .block-brand-feed-content {
flex: 0 0 240px;
}
.block-brand-feed .block-brand-feed-swiper .swiper-wrapper {
align-items: center;
}
.block-brand-feed .block-brand-feed-swiper .swiper-slide {
width: auto;
padding: 0 40px;
}
.block-brand-feed .block-brand-feed-swiper .swiper-slide img {
width: 100%;
max-height: 80px;
max-width: 160px;
object-fit: contain;
margin: 0 auto;
}
@media (max-width: 992px) {
.block-brand-feed .container-oneside {
margin: 0 auto;
padding: 0 30px;
}
.block-brand-feed .block-brand-feed-row {
flex-wrap: wrap;
gap: 40px;
}
.block-brand-feed .block-brand-feed-content {
flex: 100%;
text-align: center;
}
.block-brand-feed .block-brand-feed-swiper .swiper-slide {
padding: 0 40px 0 0;
}
}
@media (max-width: 600px) {
.block-brand-feed .container-oneside {
padding: 0 20px;
}
.block-brand-feed .block-brand-feed-swiper .swiper-slide {
padding: 0 30px 0 0;
}
.block-brand-feed .block-brand-feed-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 120px;
}
.block-post-header .block-post-header-image {
flex: 0 0 400px;
}
.block-post-header .block-post-header-image img {
aspect-ratio: 4 / 5;
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 6px;
}
.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 time {
display: flex;
align-items: center;
gap: 8px;
}
.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(--carbon);
color: var(--white);
border-radius: 100%;
transition: all 0.3s ease;
font-size: var(--14px);
}
.block-post-header .block-post-header-shares .clipboard-copy {
transition: all 0.3s ease;
}
.block-post-header .block-post-header-shares a:hover,
.block-post-header .block-post-header-shares .clipboard-copy:hover {
background-color: var(--orange-burnt);
}
@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: Instagram Feed
--------------------------------------------------------------*/
.block-instagram-feed .block-instagram-feed-header {
text-align: center;
margin: 0 0 60px;
}
.block-instagram-feed .block-instagram-feed-header a:hover {
color: var(--orange-burnt);
}
.block-instagram-feed .block-instagram-feed-main {
position: relative;
}
.block-instagram-feed .block-instagram-feed-mark-top {
position: absolute;
top: -100px;
left: 0;
max-width: 700px;
width: 100%;
pointer-events: none;
}
.block-instagram-feed .block-instagram-feed-mark-bottom {
position: absolute;
bottom: -100px;
right: 0;
max-width: 760px;
width: 100%;
pointer-events: none;
}
.block-instagram-feed .block-instagram-feed-mark-top svg,
.block-instagram-feed .block-instagram-feed-mark-bottom svg {
color: rgba(var(--orange-burnt-rgb), 0.1);
}
.block-instagram-feed .block-instagram-feed-main #sb_instagram,
.block-instagram-feed .block-instagram-feed-main #sb_instagram #sbi_images {
padding: 0 !important;
}
.block-instagram-feed .block-instagram-feed-main #sb_instagram #sbi_images .sbi_item {
border-radius: 12px;
}
@media (max-width: 768px) {
.block-instagram-feed .block-instagram-feed-header {
margin: 0 0 40px;
}
.block-instagram-feed .block-instagram-feed-mark-top {
top: -60px;
}
.block-instagram-feed .block-instagram-feed-mark-bottom {
bottom: -60px;
}
}
@media (max-width: 460px) {
.block-instagram-feed .block-instagram-feed-header a {
word-break: break-word;
}
}
/*-----------------------------------------------------------------------
Block: Testimonial Feed
-----------------------------------------------------------------------*/
.block-testimonial-feed {
overflow: hidden;
}
.block-testimonial-feed .block-testimonial-feed-main {
position: relative;
}
.block-testimonial-feed .block-testimonial-feed-main .block-testimonial-feed-swiper {
overflow: visible;
}
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 240px;
opacity: 0.2;
}
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry.swiper-slide-active {
opacity: 1;
}
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry:last-of-type {
margin-right: 0;
}
.block-testimonial-feed .block-testimonial-feed-main .swiper-pagination {
justify-content: flex-end;
bottom: -30px !important;
}
@media (max-width: 992px) {
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 30px;
}
}
@media (max-width: 600px) {
.block-testimonial-feed .block-testimonial-feed-main .testimonial-entry {
margin-right: 20px;
}
}
/*-----------------------------------------------------------------------
Testimonial: Entry
-----------------------------------------------------------------------*/
.testimonial-entry {
flex: 0 0 100%;
display: flex;
flex-direction: column;
}
.testimonial-entry .testimonial-entry-header {
margin: 0 0 32px;
}
.testimonial-entry .testimonial-entry-stars {
color: var(--yellow);
font-size: var(--18px);
}
.testimonial-entry .testimonial-entry-content .h5 {
line-height: 1.5;
}
.testimonial-entry .testimonial-entry-footer {
margin: 32px 0 0;
}
.testimonial-entry .testimonial-entry-name {
text-transform: uppercase;
}
/*-----------------------------------------------------------------------
Block: Product Feed
-----------------------------------------------------------------------*/
.block-product-feed .block-product-feed-main {
position: relative;
margin: 0 -8px;
}
.block-product-feed .block-product-feed-main .swiper-wrapper {
margin: 16px 8px;
}
.block-product-feed .block-product-feed-main .product {
flex: 0 0 calc(25% - 16px);
margin-right: 16px;
}
@media (max-width: 1280px) {
.block-product-feed .block-product-feed-main .product {
flex: 0 0 calc(33.33333% - 16px);
}
}
@media (max-width: 992px) {
.block-product-feed .block-product-feed-main .product {
flex: 0 0 calc(50% - 16px);
}
}
@media (max-width: 768px) {
.block-product-feed .block-product-feed-main .product {
flex: 0 0 calc(100% - 16px);
}
}
/*-----------------------------------------------------------------------
Block: Post Feed
-----------------------------------------------------------------------*/
.block-post-feed .block-post-feed-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin: 40px 0 0;
}
.block-post-feed .swiper-navigation .swiper-navigation-inner {
display: flex;
align-items: center;
gap: 24px;
border: 1px solid #eee;
border-radius: 100px;
}
.block-post-feed .swiper-navigation .swiper-button-prev,
.block-post-feed .swiper-navigation .swiper-button-next {
position: static;
transform: none;
background-color: transparent;
}
.block-post-feed .swiper-navigation .swiper-button-prev:hover,
.block-post-feed .swiper-navigation .swiper-button-next:hover {
background-color: #eee;
color: var(--black);
}
.block-post-feed .block-post-feed-main .post-entry {
flex: 0 0 calc(25% - calc(16px * 3 / 4));
margin-right: 16px;
}
.block-post-feed .block-post-feed-main .post-entry:last-of-type {
margin-right: 0;
}
@media (max-width: 1280px) {
.block-post-feed .block-post-feed-main .post-entry {
flex: 0 0 calc(33.33333% - calc(16px * 2 / 3));
}
}
@media (max-width: 992px) {
.block-post-feed .block-post-feed-main .post-entry {
flex: 0 0 calc(50% - calc(16px * 1 / 2));
}
}
@media (max-width: 600px) {
.block-post-feed .block-post-feed-main .post-entry {
flex: 0 0 100%;
}
}
/*--------------------------------------------------------------
Post: Archive
--------------------------------------------------------------*/
/* Main */
.post-archive {
padding: 0 0 100px;
}
.post-archive .post-archive-breadcrumbs {
padding: 30px 0 60px 0;
}
.post-archive .post-archive-header {
text-align: center;
margin: 0 0 60px;
}
@media (max-width: 768px) {
.post-archive {
padding: 0 0 80px;
}
.post-archive .post-archive-header {
margin: 0 0 40px;
}
}
/* Filter */
.post-archive-filter {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 32px;
margin: 60px 0 0;
}
.post-archive-filter a {
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
color: var(--carbon);
}
.post-archive-filter a:hover,
.post-archive-filter a.active {
color: var(--orange-burnt)
}
@media (max-width: 460px) {
.post-archive-filter a {
width: 100%;
}
}
/* Pagination */
.post-archive-pagination {
display: flex;
justify-content: center;
margin: 60px 0 0;
}
.post-archive-pagination .post-archive-pagination-inner {
background-color: var(--white);
box-shadow: 0px 4px 10px 0px rgba(177, 177, 177, 0.25);
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 {
text-decoration: none;
color: var(--carbon);
line-height: 1;
font-size: var(--18px);
font-weight: 500;
}
.post-archive-pagination .post-archive-pagination-inner a:hover {
color: var(--orange-burnt);
}
.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: rgba(var(--black-rgb), 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 {
position: relative;
overflow: hidden;
margin: 0 0 16px;
transition: box-shadow 0.3s ease;
}
.post-entry .post-entry-perma:hover .post-entry-image {
box-shadow: 0 4px 15px 0 rgba(149, 149, 149, 0.25);
}
.post-entry .post-entry-image img {
height: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
transition: transform 0.3s ease;
}
.post-entry .post-entry-perma:hover .post-entry-image img {
transform: scale(1.05);
}
.post-entry .post-entry-categories {
position: absolute;
top: 20px;
margin: 0 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.post-entry .post-entry-categories span {
background-color: var(--white);
color: var(--carbon);
font-size: var(--14px);
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
padding: 3px 8px;
}
.post-entry .post-entry-main h2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.post-entry .post-entry-perma:hover .post-entry-main h2 {
text-decoration: underline;
}
@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(--black);
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(--black);
}
.post-single .post-single-nav a:hover {
color: var(--orange-burnt);
}
@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: 12px;
margin: 0 0 12px;
text-align: center;
transition: all 0.3s ease;
}
.search-entry:hover {
background-color: var(--carbon);
}
.search-entry a {
display: block;
padding: 24px;
}
.search-entry .h5 {
transition: all 0.3s ease;
}
.search-entry:hover .h5 {
color: var(--white);
}
.search-entry h4 {
margin: 0;
transition: all 0.3s ease;
}
.search-entry:hover h4 {
color: var(--white);
}
/* Search */
.no-results .search-form {
position: relative;
}
.no-results .search-form input[type="text"] {
padding: 24px 168px 24px 24px;
}
.no-results .search-form button[type="submit"] {
position: absolute;
right: 12px;
bottom: 10px;
}
@media (max-width: 460px) {
.no-results .search-form input[type="text"] {
padding: 14px 24px;
}
.no-results .search-form button[type="submit"] {
position: static;
margin: 8px 0 0;
width: 100%;
}
}
/*-----------------------------------------------------------------------
Admin - Block Editor
-----------------------------------------------------------------------*/
.edit-post-visual-editor__post-title-wrapper {
background-color: var(--white);
color: var(--carbon);
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(--16px) !important;
color: var(--carbon);
line-height: 1.618;
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;
}
.hide-block--active {
opacity: 0.35;
}
.components-popover.block-editor-block-popover {
z-index: 20000000001 !important;
}
.acf-block-body .acf-block-fields {
z-index: 99999999 !important;
}
.editor-styles-wrapper p {
line-height: 1.618 !important;
}
.components-panel__header {
height: 48px;
}
/*-----------------------------------------------------------------------
Admin: Resizable Sideabr
-----------------------------------------------------------------------*/
/* .block-editor .editor-sidebar .acf-block-panel {
display: none !important;
} */
.interface-interface-skeleton__sidebar .interface-complementary-area,
.interface-interface-skeleton__sidebar .interface-complementary-area__fill {
width: 100% !important;
}
.edit-post-layout:not(.is-sidebar-opened) .interface-interface-skeleton__sidebar,
.edit-site-layout:not(.is-sidebar-opened) .interface-interface-skeleton__sidebar {
display: none !important;
}
.interface-interface-skeleton__sidebar.ui-resizable-resizing {
position: relative !important;
}
.interface-interface-skeleton__sidebar {
position: relative !important;
display: block !important;
z-index: 100000 !important;
left: auto !important;
right: 0 !important;
}
.ui-resizable-handle.ui-resizable-w {
background-color: #f5f5f5 !important;
width: 12px !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
transition: background-color 0.3s ease;
cursor: ew-resize !important;
z-index: 100001 !important;
position: absolute !important;
}
.ui-resizable-resizing .ui-resizable-handle.ui-resizable-w {
background-color: #e0e0e0 !important;
}
.admin-ui-navigable-region.interface-interface-skeleton__sidebar.ui-resizable {
padding-left: 12px !important;
}
.ui-resize-indicator {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 24px;
background-color: #1e1e1e;
border-radius: 2px;
}