:not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) {
margin-top: 0;
}
:is(.u-margin-trim, .u-rich-text) > :not(:has(~ :not(.w-condition-invisible))) {
margin-bottom: 0;
}
.w-richtext a {
position: relative;
z-index: 4;
}
.u-text-wrap-justify {
hyphens: auto;
-webkit-hyphens: auto;
word-spacing: -0.05em;
}
.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.u-line-clamp-2 { -webkit-line-clamp: 2; }
.u-line-clamp-3 { -webkit-line-clamp: 3; }
.u-line-clamp-4 { -webkit-line-clamp: 4; }
/* Hide */
.u-hide-if-empty:empty,
.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))),
.u-hide-if-empty-cms:not(:has(.w-dyn-item)),
.w-richtext[class*=”u-text-style-“] > :not(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,span),
.u-embed-js,
.u-embed-css {
display: none !important;
}
[data-cms-check=”true”]:not(:has(.w-dyn-item)) {
display: none;
}
[data-cms-check-2=”true”]:has(.w-dyn-item):not(:has(.w-dyn-item:nth-of-type(3))) {
display: none;
}
.u-hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.u-hide-tablet {
display: none !important;
}
.u-show-tablet {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.u-hide-mobile-landscape {
display: none !important;
}
.u-show-mobile-landscape {
display: block !important;
}
}
@media screen and (max-width: 479px) {
.u-hide-mobile {
display: none !important;
}
.u-show-mobile-portrait {
display: block !important;
}
}
/* Focus State */
a, button, :where([tabindex]),
.w-checkbox-input–inputType-custom,
.w-form-formradioinput–inputType-custom {
outline-offset: var(–focus–offset-outer);
}
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
.w-checkbox:has(:focus-visible) .w-checkbox-input–inputType-custom,
.w-radio:has(:focus-visible) .w-form-formradioinput–inputType-custom {
outline-color: var(–_colours—base–black);
outline-width: var(–focus–width);
outline-style: solid;
}
.w-checkbox-input–inputType-custom.w–redirected-focus,
.w-form-formradioinput–inputType-custom.w–redirected-focus {
box-shadow: none;
}
/* Gap */
.u-gap-0 { –gap: 0; }
.u-gap-1 { –gap: var(–space–1); }
.u-gap-2 { –gap: var(–space–2); }
.u-gap-3 { –gap: var(–space–3); }
.u-gap-4 { –gap: var(–space–4); }
.u-gap-5 { –gap: var(–space–5); }
.u-gap-6 { –gap: var(–space–6); }
.u-gap-7 { –gap: var(–space–7); }
.u-gap-8 { –gap: var(–space–8); }
.u-gap-9 { –gap: var(–space–9); }
.u-gap-10 { –gap: var(–space–10); }
.u-gap-11 { –gap: var(–space–11); }
.u-gap-12 { –gap: var(–space–12); }
.u-gap-gutter { –gap: var(–site–gutter); }
.u-gap-row-0 { –gap-y: 0; }
.u-gap-row-1 { –gap-y: var(–space–1); }
.u-gap-row-2 { –gap-y: var(–space–2); }
.u-gap-row-3 { –gap-y: var(–space–3); }
.u-gap-row-4 { –gap-y: var(–space–4); }
.u-gap-row-5 { –gap-y: var(–space–5); }
.u-gap-row-6 { –gap-y: var(–space–6); }
.u-gap-row-7 { –gap-y: var(–space–7); }
.u-gap-row-8 { –gap-y: var(–space–8); }
.u-gap-row-9 { –gap-y: var(–space–9); }
.u-gap-row-10 { –gap-y: var(–space–10); }
.u-gap-row-11 { –gap-y: var(–space–11); }
.u-gap-row-12 { –gap-y: var(–space–12); }
.u-gap-row-gutter { –gap-y: var(–site–gutter); }
/* Global / Clickable Component */
.wf-design-mode .g_clickable_wrap {
z-index: 0;
}
.g_clickable_wrap a[href=”#”] {
display: none;
}
.g_clickable_wrap a[href=”#”] ~ button {
display: block;
}
/* Section Space */
[data-padding-top=”even”] { padding-top: var(–site–margin); }
[data-padding-bottom=”even”] { padding-bottom: var(–site–margin); }
[data-padding-top=”tiny”] { padding-top: var(–_spacing—section-space–tiny); }
[data-padding-bottom=”tiny”] { padding-bottom: var(–_spacing—section-space–tiny); }
[data-padding-top=”small”] { padding-top: var(–_spacing—section-space–small); }
[data-padding-bottom=”small”] { padding-bottom: var(–_spacing—section-space–small); }
[data-padding-top=”main”] { padding-top: var(–_spacing—section-space–main); }
[data-padding-bottom=”main”] { padding-bottom: var(–_spacing—section-space–main); }
[data-padding-top=”large”] { padding-top: var(–_spacing—section-space–large); }
[data-padding-bottom=”large”] { padding-bottom: var(–_spacing—section-space–large); }
/* Selection and Scrollbar */
::selection{
background: var(–_colours—base–brand);
color: var(–_theme—text);
}
::-webkit-scrollbar {
width:4px;
border-radius: var(–radius–round);
}
::-webkit-scrollbar-track {
background:var(–_theme—background);
border-radius: var(–radius–round);
}
::-webkit-scrollbar-thumb {
background:var(–_theme—text);
border-radius: var(–radius–round);
}
/* BG and Font Colour */
section, header, footer {
background:var(–_theme—background);
color: var(–_theme—text);
}
/* Trim for paragraphs, but exclude those inside elements with n4-richtext-component attribute */
.u-rich-text :is(p):not([n4-richtext-component] p, [n4-richtext-component] * p)::before {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_typography—font–secondary-trim-top));
}
.u-rich-text :is(p):not([n4-richtext-component] p, [n4-richtext-component] * p)::after {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_typography—font–secondary-trim-bottom));
}
/* Trim for headings, but exclude those inside elements with n4-richtext-component attribute */
.u-rich-text :is(h1, h2, h3, h4, h5, h6):not([n4-richtext-component] h1, [n4-richtext-component] h2, [n4-richtext-component] h3, [n4-richtext-component] h4, [n4-richtext-component] h5, [n4-richtext-component] h6, [n4-richtext-component] * h1, [n4-richtext-component] * h2, [n4-richtext-component] * h3, [n4-richtext-component] * h4, [n4-richtext-component] * h5, [n4-richtext-component] * h6)::before {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_text-style—trim-top));
}
.u-rich-text :is(h1, h2, h3, h4, h5, h6):not([n4-richtext-component] h1, [n4-richtext-component] h2, [n4-richtext-component] h3, [n4-richtext-component] h4, [n4-richtext-component] h5, [n4-richtext-component] h6, [n4-richtext-component] * h1, [n4-richtext-component] * h2, [n4-richtext-component] * h3, [n4-richtext-component] * h4, [n4-richtext-component] * h5, [n4-richtext-component] * h6)::after {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_text-style—trim-bottom));
}
:is([class*=”u-text-style-“])::before {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_text-style—trim-top));
}
:is([class*=”u-text-style-“])::after {
content: “”;
display: table;
margin-bottom: calc(-0.5lh + var(–_text-style—trim-bottom));
}
.u-font-secondary {
–_text-style—trim-top: var(–_typography—font–secondary-trim-top);
–_text-style—trim-bottom: var(–_typography—font–secondary-trim-bottom);
}
]]>
* {
pointer-events: auto;
}
.section-anchor {
pointer-events: none;
padding-top: calc(var(–nav–height) + 2rem);
margin-bottom: calc(-1 * (var(–nav–height) + 2rem));
position: relative;
top: calc(-1 * (var(–nav–height) + 2rem));
}
/* SVG CLip */
.svg {
position: absolute;
width: 0;
height: 0;
}
/* Header Space */
[data-header-space] {
padding-top: clamp(8rem, 7.286rem + 3.57vw, 10.5rem);
}
[data-nav-space] {
padding-top: clamp(6rem, 5.572rem + 2.14vw, 7.5rem);
}
@media screen and (min-width: 1280px) {
/* Rich Text Visual */
.u-rich-text .w-richtext-figure-type-image {
width: calc(100% + (var(–column-width–plus-gutter) * 2)) !important;
margin-left: calc(-1 * var(–column-width–plus-gutter)) !important;
margin-right: calc(-1 * var(–column-width–plus-gutter)) !important;
max-width: none;
}
.gt_gallery_wrap {
width: calc(100% + (var(–column-width–plus-gutter) * 2)) !important;
margin-left: calc(-1 * var(–column-width–plus-gutter)) !important;
margin-right: calc(-1 * var(–column-width–plus-gutter)) !important;
max-width: none;
}
}
/* Filters */
.filters_button_check.w–redirected-checked ~ .filters_button_text {
background-color: var(–_colours—base–brand);
border: var(–border-width–main) solid var(–_colours—base–brand);
}
.filters_button_wrap.w–current .filters_button_text {
background-color: var(–_colours—base–brand);
border: var(–border-width–main) solid var(–_colours—base–brand);
}
@media screen and (min-width: 768px) {
.filters_dropdown.is-active .filters_toggle_wrap {min-width: 34rem;}
}
.filters_dropdown.is-active .filters_content {opacity: 1; pointer-events: auto;}
.filters_dropdown.is-active .filters_toggle_icon {display: none;}
.filters_dropdown.is-active .filters_toggle_icon.is2 {display: flex;}
.filters_dropdown.is-active .filters_toggle_text_inner {pointer-events: none;}
.filters_dropdown.is-active .filters_toggle_results_wrap.is-active {display: flex;}
.filters_toggle_results_wrap.is-active {display: none;}
.filters_dropdown.is-active .filters_clear_button_wrap.is-active {display: flex;}
.filters_clear_button_wrap.is-active {display: none;}
.filters_dropdown.is-active .filters_clear_button2_wrap {display: none;}
.filters_clear_button2_wrap.is-active {display: flex;}
.filters_nav_btn_wrap:has(a.w–current) {
background-color: var(–_colours—base–black);
border-color: var(–_colours—base–black);
color: var(–_colours—base–white);
}
/* Attribute Radius */
[data-radius=round] {border-radius: var(–radius–round);}
[data-radius=tiny] {border-radius: var(–radius–tiny);}
/* Archive Items */
@media screen and (min-width: 992px) {
.archive_cms_item.is-active {
background-image:
linear-gradient(to right, var(–_theme—text) 10%, rgba(255, 255, 255, 0) 0%),
linear-gradient(to right, var(–_theme—text) 10%, rgba(255, 255, 255, 0) 0%);
background-position:
top,
bottom;
background-size:
10px 1px,
10px 1px;
background-repeat:
repeat-x,
repeat-x;
}
.archive_cms_item.is-active:last-child {
background-image: linear-gradient(to right, var(–_theme—text) 10%, rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size: 10px 1px;
background-repeat: repeat-x;
}
.archive_cms_item.is-active:first-child {
background-image: linear-gradient(to right, var(–_theme—text) 10%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 10px 1px;
background-repeat: repeat-x;
}
}
/* Template page Quote section */
@media screen and (min-width: 768px) {
[data-quote-layout=”image-quote”] .gt_quote_visual_wrap {
order: -9999;
}
[data-quote-layout=”image-quote”] .gt_quote_content {
padding-left: var(–column-margin–1);
padding-right: 0;
}
}
.gt_quote_text {
font-family: var(–_text-style—font-family) !important;
font-size: var(–_text-style—font-size) !important;
line-height: var(–_text-style—line-height) !important;
font-weight: var(–_text-style—font-weight) !important;
letter-spacing: var(–_text-style—letter-spacing) !important;
–_text-style—font-family: var(–_typography—font–primary-family) !important;
–_text-style—font-size: var(–_typography—font-size–h3) !important;
–_text-style—line-height: var(–_typography—line-height–1-2) !important;
–_text-style—font-weight: var(–_typography—font–primary-medium) !important;
–_text-style—letter-spacing: var(–_typography—letter-spacing–0-02em) !important;
–_text-style—text-transform: var(–_typography—text-transform–none) !important;
–_text-style—trim-top: var(–_typography—font–primary-trim-top) !important;
–_text-style—trim-bottom: var(–_typography—font–primary-trim-bottom) !important;
text-transform: var(–_text-style—text-transform) !important;
display: flow-root !important;
}
[data-grid-layout=”right-left”] .gt_grid_visual2_wrap {
order: -9999;
grid-column-end: span 6;
grid-column-start: 1;
}
[data-grid-layout=”right-left”] .gt_grid_visual1_wrap {
grid-column-end: span 4;
grid-column-start: 9;
}
/* Rich Text Powerful */
.gt_related_absolute_wrap .g_article_heading {
font-size: var(–_typography—font-size–text-tiny) !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.gt_related_absolute_wrap .g_subtitle {
font-size: var(–_typography—font-size–text-tiny) !important;
font-family: var(–_typography—font–primary-family) !important;
}
[n4-richtext-component] :is(h1, h2, h3, h4, h5, h6, p) {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.u-rich-text figcaption, figcaption p {
margin-top: 1.25rem !important;
margin-bottom: 0rem !important;
color: var(–_colours—base–grey-100) !important;
text-transform: none !important;
font-size: var(–_typography—font-size–text-main) !important;
font-family: var(–_typography—font–primary-family) !important;
}
figcaption em {
font-style: normal !important;
}
.w-richtext-figure-type-image {
margin-bottom: var(–size–4rem);
display: flex !important;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
/* Hubspot */
/* All paragraph elements inside Hubspot form */
.hs-form>p {
margin-top:1rem;
margin-bottom:1rem;
}
/* Set margin right 0 for input wrapper */
.hs-form .input {
margin-right: 0 !important;
padding-right: 0 !important;
}
/* Max width of fieldset element inside form */
.hs-form>fieldset {
max-width: 100% !important;
}
/* Form Input */
.hs-input {
width: 100% !important;
}
/* Radio Inputs */
.hs-input[type=radio] {
width: auto !important;
margin-right: 0.5rem;
min-height: auto !important;
}
/* Checkbox Labels */
.hs-form-checkbox>label {
font-weight: 400 !important;
}
/* Error messages label margin */
.hs-error-msgs>label {
margin-bottom: 0px !important;
}
/*Custom Checkbox*/
.hs-input[type=checkbox] {
width: 1rem !important;
height: 1rem !important;
margin-right: 0.5rem !important;
min-height: auto !important;
}
.hs-input[type=checkbox]:focus {
box-shadow: none;
}
.hs-input[type=checkbox]:checked {
accent-color: #111;
outline: 2px solid #111;
}
.hs-form-booleancheckbox-display>span {
margin-left: 0 !important;
}
.hs-form-field {
width: 100% !important;
float: none;
}
.submitted-message.hs-main-font-element {
color: inherit !important;
font-size: var(–_typography—font-size–text-main) !important;
text-align: center;
color: var(–_colours—base–black) !important;
}
.hs-form-field:has(input[value]:not([value=””])) label {
opacity: 0;
}
.hs-form-field:has(.hs-input:focus) label {
opacity: 0;
}
.hs_message.hs-message:has(textarea:not(:placeholder-shown)) #label-message-630b2b8f-f79c-44cf-83c3-abd3fa253624 {
opacity: 0 !important;
}
.hs_message.hs-message:has(.hs-input:focus) #label-message-630b2b8f-f79c-44cf-83c3-abd3fa253624 {
opacity: 0 !important;
}
.no-list.hs-error-msgs.inputs-list label {
position: static !important;
min-height: auto !important;
left: 0 !important;
opacity: 1 !important;
}
.hs-error-msg {
position: static !important;
min-height: auto !important;
left: 0 !important;
}
.hs-form-field label {
position: absolute;
min-height: 2.88rem;
left: 1rem;
top: 0;
font-size: var(–_typography—font-size–text-small);
text-transform: uppercase;
opacity: 1;
display: inline-flex;
align-items: center;
transition: opacity 0.15s ease-in-out;
}
.hs-input:focus-visible {
border-top-color: var(–_colours—base–grey-100);
border-right-color: var(–_colours—base–grey-100);
border-bottom-color: var(–_colours—base–grey-100);
border-left-color: var(–_colours—base–grey-100);
}
.hs-input {
outline-color: var(–_colours—base–grey-100);
}
/* Hubspot Footer and Newsletter */
#hsForm_616295f3-13c4-4fd9-8ddc-98cd3ab25c89_1,
#hsForm_616295f3-13c4-4fd9-8ddc-98cd3ab25c89_0 {
position: relative;
}
.footer-form .hs_submit,
.newsletter-form .hs-submit {
position: absolute;
right: 0.13rem;
top: 0;
padding-top: 0.13rem;
padding-bottom: 0.13rem;
height: 100%;
}
.footer-form .hs-input,
.newsletter-form .hs-input {
min-height: 3.125rem;
min-width: 18.75rem;
padding-right: 7.5rem;
}
.footer-form .hs-button,
.newsletter-form .hs-button {
background-color: var(–_colours—base–brand);
border-color: var(–_colours—base–brand);
color: var(–_colours—base–black);
}
@media (pointer: fine) {
.footer-form .hs-button:hover,
.newsletter-form .hs-button:hover {
background-color: var(–_colours—base–maroon);
border-color: var(–_colours—base–maroon);
color: var(–_colours—base–white);
}
}
.footer-form .hs-form-field label,
.newsletter-form .hs-form-field label {
min-height: 3.125rem !important;
}
.footer-form .no-list.hs-error-msgs.inputs-list label,
.newsletter-form .no-list.hs-error-msgs.inputs-list label {
position: static !important;
min-height: auto !important;
left: 0 !important;
opacity: 1 !important;
}
.footer-form .hs-error-msg,
.newsletter-form .hs-error-msg {
position: static !important;
min-height: auto !important;
left: 0 !important;
}
/* The Latest */
.latest_item_inner {pointer-events: none;}
.latest_item_inner > * {pointer-events: auto;}
/* Locked */
.g_article_locked_wrap[data-ms-content=paid] {display: block !important;}
/* Form */
.w-select, .form_member_input.is-select {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=”checkbox”]:checked ~ .form_member_checkbox_bg {
background-color: var(–_colours—base–maroon);
}
input[type=”checkbox”]:checked ~ .form_member_checkbox_dot {
left: 1.15rem;
}
.form_dropdown_wrap.is-active .form_dropdown_icon {transform: rotateX(180deg);}
.form_dropdown_wrap.is-active .form_dropdown_toggle {border-color: var(–_colours—base–black);}
.form_dropdown_wrap.is-active .form_dropdown_content_wrap {display: block; opacity: 1;}
[data-loading=”content”] {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease;
}
/* Loading CMS */
.wf-design-mode .loading_skeleton {
display: none;
}
/* Override in Webflow Designer */
.wf-design-mode [data-loading=”content”] {
visibility: visible !important;
opacity: 1 !important;
}
.loading_skeleton {
position: absolute;
z-index: 5;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
border-radius: 5px;
}
@keyframes loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Sort */
.filters_sort_icon {opacity: 1;}
.filters_sort_icon.is2, .filters_sort_icon.is3 {opacity: 0;}
.filters_sort_btn.is-asc .filters_sort_icon.is2 {opacity: 1;}
.filters_sort_btn.is-asc .filters_sort_icon {opacity: 0;}
.filters_sort_btn.is-desc .filters_sort_icon.is3 {opacity: 1;}
.filters_sort_btn.is-desc .filters_sort_icon {opacity: 0;}
/* Newsletter */
#hsForm_616295f3-13c4-4fd9-8ddc-98cd3ab25c89_0,
#hsForm_616295f3-13c4-4fd9-8ddc-98cd3ab25c89_1, {
position: relative;
}
.newsletter-form .hs_submit {
position: absolute;
right: 0.13rem;
top: 0;
padding-top: 0.13rem;
padding-bottom: 0.13rem;
height: 100%;
}
.newsletter-form .hs-input {
min-height: 3.125rem;
min-width: 18.75rem;
padding-right: 7.5rem;
background-color: var(–_colours—base–white);
}
.newsletter-form .hs-button {
background-color: var(–_colours—base–brand);
border-color: var(–_colours—base–brand);
color: var(–_colours—base–black);
}
@media (pointer: fine) {
.newsletter-form .hs-button:hover {
background-color: var(–_colours—base–maroon);
border-color: var(–_colours—base–maroon);
color: var(–_colours—base–white);
}
}
.newsletter-form .hs-form-field label {
min-height: 3.125rem !important;
}
.newsletter-form .hs-main-font-element {
color: var(–_colours—base–white);
}
.newsletter-form .no-list.hs-error-msgs.inputs-list label {
position: static !important;
min-height: auto !important;
left: 0 !important;
opacity: 1 !important;
}
.newsletter-form .hs-error-msg {
position: static !important;
min-height: auto !important;
left: 0 !important;
}
.gt_gallery_swiper_slide .gt_gallery_thumbs_wrap {width: 100%;}
/* DEV sanity – features or items that shouldnt go live */
[data-live=”false”] { display: none; } /* hide on all sites */
.wf-design-mode [data-live=”false”] { display: revert; } /* don’t hide in editor */
]]>
