:root { --site--max-width: min(var(--site--width), 100vw); --container--max: calc(160rem - var(--site--margin) * 2); --container--main: calc(var(--site--max-width) - var(--site--margin) * 2); --container--full: calc(100vw - var(--site--margin) * 2); --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 2) - var(--site--gutter)); --container--tiny: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 4) - var(--site--gutter)); --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count)); --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); --column-margin--1: calc(var(--column-width--plus-gutter) * 1); --column-margin--2: calc(var(--column-width--plus-gutter) * 2); --column-margin--3: calc(var(--column-width--plus-gutter) * 3); --column-margin--4: calc(var(--column-width--plus-gutter) * 4); --column-margin--5: calc(var(--column-width--plus-gutter) * 5); --column-margin--6: calc(var(--column-width--plus-gutter) * 6); --column-margin--7: calc(var(--column-width--plus-gutter) * 7); --column-margin--8: calc(var(--column-width--plus-gutter) * 8); --column-margin--9: calc(var(--column-width--plus-gutter) * 9); --column-margin--10: calc(var(--column-width--plus-gutter) * 10); --column-margin--11: calc(var(--column-width--plus-gutter) * 11); --column-margin--12: calc(var(--column-width--plus-gutter) * 12); --breakout-start: [full-start] minmax(0, 1fr) [content-start]; --breakout-end: [content-end] minmax(0, 1fr) [full-end]; --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end); --grid-main: repeat(var(--site--column-count), minmax(0, 1fr)); --grid-1: repeat(1, minmax(0, 1fr)); --grid-2: repeat(2, minmax(0, 1fr)); --grid-3: repeat(3, minmax(0, 1fr)); --grid-4: repeat(4, minmax(0, 1fr)); --grid-5: repeat(5, minmax(0, 1fr)); --grid-6: repeat(6, minmax(0, 1fr)); --grid-7: repeat(7, minmax(0, 1fr)); --grid-8: repeat(8, minmax(0, 1fr)); --grid-9: repeat(9, minmax(0, 1fr)); --grid-10: repeat(10, minmax(0, 1fr)); --grid-11: repeat(11, minmax(0, 1fr)); --grid-12: repeat(12, minmax(0, 1fr)); --_typography---text-transform--none: none; --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--captialize: capitalize; --_typography---text-transform--lowercase: lowercase; --align--flex-start: flex-start; --align--flex-center: center; --align--flex-end: flex-end; --align--text-left: left; --align--text-center: center; --align--text-right: right; } * { vertical-align: bottom; } ::before, ::after { box-sizing: border-box; } button { background-color: unset; padding: unset; text-align: inherit; } button:not(:disabled) { cursor: pointer; } video { width: 100%; object-fit: cover; } video.wf-empty { padding: 0; } svg { max-width: 100%; } section, header, footer { position: relative; } textarea { resize: vertical; } @media (prefers-color-scheme: light) { option { color: black; } } img::selection { background: transparent; } /* Typography */ body { text-transform: var(--_text-style---text-transform); font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:not([class]) { text-decoration: underline; } /* Margin Trim */ :is(.u-margin-trim, .u-rich-text) > :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 { height: 4px; 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); } .cms_filters_layout { overflow: auto; /* or scroll, if needed */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer / Edge */ } /* Chrome, Safari, Opera */ .cms_filters_layoutn::-webkit-scrollbar { display: none; } /* 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); } /* Styles for Editorial Rich Text */ /* Trim for paragraphs, but exclude those inside elements with n4-richtext-component attribute */ .ed-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)); } .ed-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 */ .ed-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)); } .ed-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)); } /* https://fluidbuilder.webflow.io/?design=90&max=90&min=24.5625&f&g=--site--margin,3,1_--site--gutter,1,1_--_spacing---section-space--tiny,3,2_--_spacing---section-space--small,5,3_--_spacing---section-space--main,7,5_--_spacing---section-space--large,10,7_--_spacing---space--1,0.25,0.25_--_spacing---space--2,0.5,0.5_--_spacing---space--3,0.75,0.75_--_spacing---space--4,1,1_--_spacing---space--5,1.5,1.5_--_spacing---space--6,2,2_--_spacing---space--7,3,3_--_spacing---space--8,4,4_--_spacing---space--9,5,5_--_spacing---space--10,6,6_--_spacing---space--11,7.5,7.5_--_spacing---space--12,9,9_--_typography---font-size--display,6,6_--_typography---font-size--h1,5,5_--_typography---font-size--h2,4,4_--_typography---font-size--h3,3,3_--_typography---font-size--h4,2,2_--_typography---font-size--h5,1.5,1.5_--_typography---font-size--h6,1,1_--_typography---font-size--text-large,1.25,1.25_--_typography---font-size--text-medium,1.125,1.125_--_typography---font-size--text-main,1,1_--_typography---font-size--text-small,0.875,0.875_--_typography---font-size--text-tiny,0.75,0.75,t */ :root { /* Fluid sizing - Use the link above */ --_spacing---section-space--tiny: clamp(2rem, 1.6242rem + 1.53vw, 3rem); --_spacing---section-space--small: clamp(3rem, 2.2484rem + 3.06vw, 5rem); --_spacing---section-space--main: clamp(5rem, 4.286rem + 3.57vw, 7.5rem); --_spacing---section-space--large: clamp(7rem, 5.875rem + 4.58vw, 10rem); --_spacing---space--1: clamp(0.25rem, 0.25rem + 0vw, 0.25rem); --_spacing---space--2: clamp(0.5rem, 0.5rem + 0vw, 0.5rem); --_spacing---space--3: clamp(0.63rem, 0.63rem + 0vw, 0.63rem); --_spacing---space--4: clamp(1rem, 1rem + 0vw, 1rem); --_spacing---space--5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); --_spacing---space--6: clamp(1.88rem, 1.88rem + 0vw, 1.88rem); --_spacing---space--8: clamp(2.75rem, 2.61rem + 0.57vw, 3.125rem); --_spacing---space--9: clamp(5rem, 5rem + 0vw, 5rem); --_spacing---space--10: clamp(6rem, 6rem + 0vw, 6rem); --_spacing---space--11: clamp(7.5rem, 7.5rem + 0vw, 7.5rem); --_spacing---space--12: clamp(9rem, 9rem + 0vw, 9rem); --_typography---font-size--display: clamp(2.5rem, 2.0309rem + 1.91vw, 3.75rem); --_typography---font-size--h1: clamp(2.5rem, 2.2642rem + 0.96vw, 3.125rem); --_typography---font-size--h2: clamp(2.25rem, 2.1567rem + 0.38vw, 2.5rem); --_typography---font-size--h3: clamp(1.875rem, 1.735rem + 0.57vw, 2.25rem); --_typography---font-size--h4: clamp(1.625rem, 1.5317rem + 0.38vw, 1.875rem); --_typography---font-size--h5: clamp(1.375rem, 1.2817rem + 0.38vw, 1.625rem); --_typography---font-size--h6: clamp(1.25rem, 1.2033rem + 0.19vw, 1.375rem); --_typography---font-size--text-large: clamp(1.125rem, 1.0783rem + 0.19vw, 1.25rem); --_typography---font-size--text-medium: clamp(0.875rem, 0.7817rem + 0.38vw, 1.125rem); --_typography---font-size--text-main: clamp(0.875rem, 0.8283rem + 0.19vw, 1rem); --_typography---font-size--text-small: clamp(0.75rem, 0.7033rem + 0.19vw, 0.875rem); --_typography---font-size--text-tiny: clamp(0.75rem, 0.75rem + 0vw, 0.75rem); /* Size - No need to update */ --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem); --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem); --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem); --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem); --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); } /* Hover Setup */ [data-hover=visual-scale] { cursor: pointer; } [data-hover=visual-scale] .g_visual_wrap, [data-hover=visual-scale] .header_main_thumbs_img, [data-hover=visual-scale] .template_header_swiper_visual, [data-hover=visual-scale] .g_card_visual, [data-hover=visual-scale] .g_article_visual, [data-hover=visual-scale] .gt_quote_visual, [data-hover=visual-scale] .gt_grid_visual, [data-hover=visual-scale] .gt_related_block_visual, [data-hover=visual-scale] .gt_related_video, [data-hover=visual-scale] .gt_related_video_img, [data-hover=visual-scale] .gt_gallery_thumbs_visual, [data-hover=visual-scale] .g_article_visual_video, [data-hover=visual-scale] .g_article_visual_img { transition: transform 0.6s ease-out; } [data-hover="visual-scale"] .gt_gallery_visual { transition: transform 0.6s ease-out, opacity 0.3s ease-in; } /* Text Hover Setup*/ [data-hover=text-fade] { transition: opacity 0.3s ease-in; } /* Button Hover Setup */ [data-hover=button-text] { transition-property: padding, border-color, color, background-color; transition-duration: 600ms, 300ms, 300ms, 300ms; transition-timing-function: ease, ease, ease, ease; cursor: pointer; } [data-hover-button=inner] { display: flex; overflow: hidden; position: relative; justify-content: center; align-items: stretch; grid-column-gap: 0.5rem; } [data-hover=button-text] [data-hover-button=text1], [data-hover=button-text] [data-hover-button=text2] { transition: transform 0.4s ease-in-out; z-index: 2; display: inline-flex; justify-content: center; align-items: center; text-align: center; } [data-hover=button-text] [data-hover-button=text2] { position: absolute; height: 100%; transform: translate(0%, 100%); } /* Button Icon */ [data-button-layout=is-reversed] {padding-left: 0rem;} [data-button-layout=is-reversed] .btn_main_layout {flex-direction: row-reverse;} /* Swiper */ .swiper-arrow { transition: background-color 0.3s ease-in; } /* Header Button Home */ .header_main_title_button path { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; } /* Hover Animations */ @media (pointer: fine) { /* Swiper */ .swiper-arrow:hover { background-color: var(--_colours---base--cream); color: var(--_colours---base--black); } /* Play Btn */ .btn_play_wrap:hover { transform: scale(1.1); } /* Button Text Hover */ .btn_text_wrap:hover .btn_text_text, .header_contact_pane_link:hover, .g_article_button_wrap:hover .g_article_button_text, .utility_header_log_link:hover { text-decoration: underline; } [data-hover=button-text]:hover [data-hover-button=text1] { transform: translate(0%, -100%); } [data-hover=button-text]:hover [data-hover-button=text2] { transform: translate(0%, 0%); } [data-hover=text-fade]:hover { opacity: 0.8; text-decoration: underline; } /* Btn Main */ /* Btn main Transparent/Yellow */ .btn_main_wrap:where(.w-variant-be4acfd9-9a23-881e-bcae-29daa3798d0e):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } /* Btn main Yellow/Marron */ .btn_main_wrap:where(.w-variant-80c68841-d2ff-7dc1-9c53-17d889cf9d4e):hover { border-top-color: var(--_colours---base--maroon); border-right-color: var(--_colours---base--maroon); border-bottom-color: var(--_colours---base--maroon); border-left-color: var(--_colours---base--maroon); background-color: var(--_colours---base--maroon); color: var(--_colours---base--white); } /* Btn main Black/White */ .btn_main_wrap:where(.w-variant-4bd870fa-97e8-2a28-a1dd-5961168de49e):hover { border-top-color: var(--_colours---base--white); border-right-color: var(--_colours---base--white); border-bottom-color: var(--_colours---base--white); border-left-color: var(--_colours---base--white); background-color: var(--_colours---base--white); color: var(--_colours---base--black); } /* Btn main Transaprent/White */ .btn_main_wrap:where(.w-variant-ed4ba82c-85db-1e6d-f77b-8bdace674512):hover { border-top-color: var(--_colours---base--white); border-right-color: var(--_colours---base--white); border-bottom-color: var(--_colours---base--white); border-left-color: var(--_colours---base--white); background-color: var(--_colours---base--white); color: var(--_colours---base--black); } /* Btn main TransaprentWhite/Yellow */ .btn_main_wrap:where(.w-variant-d65201f5-7458-ee70-6009-5b366635d55f):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } /* Btn main TransaprentYellow/Yellow */ .btn_main_wrap:where(.w-variant-423e31b2-54d3-2143-a2d3-297e33aff35e):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } /* Btn main Cream/Yellow */ .btn_main_wrap:where(.w-variant-f0b773ec-e59d-da97-3c50-905696d9fdb9):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } /* Btn main White/Yellow */ .btn_main_wrap:where(.w-variant-0582100f-4f4c-99d1-07ea-1cf733f12490):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } .btn_main_wrap:not([class*="w-variant-"]):hover { border-top-color: var(--_colours---base--brand); border-right-color: var(--_colours---base--brand); border-bottom-color: var(--_colours---base--brand); border-left-color: var(--_colours---base--brand); background-color: var(--_colours---base--brand); color: var(--_colours---base--black); } .btn_main_wrap.is-transparent-dark:hover { border-top-color: var(--_colours---base--white); border-right-color: var(--_colours---base--white); border-bottom-color: var(--_colours---base--white); border-left-color: var(--_colours---base--white); background-color: var(--_colours---base--white); color: var(--_colours---base--black); } .btn_main_wrap.is-black-white:hover { border-top-color: var(--_colours---base--white); border-right-color: var(--_colours---base--white); border-bottom-color: var(--_colours---base--white); border-left-color: var(--_colours---base--white); background-color: var(--_colours---base--white); color: var(--_colours---base--black); } /* Btn main Yellow/Marron */ .btn_main_wrap.is-yellow-maroon:hover { border-top-color: var(--_colours---base--maroon); border-right-color: var(--_colours---base--maroon); border-bottom-color: var(--_colours---base--maroon); border-left-color: var(--_colours---base--maroon); background-color: var(--_colours---base--maroon); color: var(--_colours---base--white); } /* .btn_main_wrap[data-button-layout=is-reversed]:hover { padding-left: 0rem; padding-right: var(--size--1-125rem); } .btn_main_wrap:hover { padding-left: var(--size--1-5rem); padding-right: var(--size--1-5rem); } */ /* Global Image Scale */ [data-hover=visual-scale]:hover .g_visual_wrap, [data-hover=visual-scale]:hover .header_main_thumbs_img, [data-hover=visual-scale]:hover .template_header_swiper_visual, [data-hover=visual-scale]:hover .g_card_visual, [data-hover=visual-scale]:hover .g_article_visual, [data-hover=visual-scale]:hover .gt_quote_visual, [data-hover=visual-scale]:hover .gt_grid_visual, [data-hover=visual-scale]:hover .gt_related_block_visual, [data-hover=visual-scale]:hover .gt_related_video, [data-hover=visual-scale]:hover .gt_related_video_img, [data-hover=visual-scale]:hover .gt_gallery_thumbs_visual, [data-hover=visual-scale]:hover .gt_gallery_visual, [data-hover=visual-scale]:hover .g_article_visual_video, [data-hover=visual-scale]:hover .g_article_visual_img { transform: scale(1.1); } [data-hover=visual-scale].is-active:hover .header_main_thumbs_img, [data-hover=visual-scale].is-active:hover .g_visual_wrap, [data-hover=visual-scale].is-active:hover .template_header_swiper_visual, [data-hover=visual-scale].is-active:hover .g_card_visual, [data-hover=visual-scale].is-active:hover .g_article_visual, [data-hover=visual-scale].is-active:hover .gt_quote_visual, [data-hover=visual-scale].is-active:hover .gt_grid_visual, [data-hover=visual-scale].is-active:hover .gt_gallery_thumbs_visual { transform: scale(1); } /* Podcast Tabs */ .podcast_tabs_item:hover { opacity: 1; } /* Popup */ .popup_pip_button:hover { background: var(--_colours---base--cream); } .popup_lightbox_nav_arrow:hover { background: var(--_colours---base--white); } .popup_lightbox_nav_button:hover { background: var(--_colours---base--white); } /* Filters */ .filters_toggle_wrap:hover {background-color: var(--_colours---base--white);} .filters_dropdown.is-active .filters_toggle_wrap:hover {background-color: var(--_colours---base--cream);} .filters_button_wrap:hover .filters_button_text {border-color: var(--_colours---base--black);} .filters_nav_btn_wrap:hover {background-color: var(--_colours---base--white); border-color: var(--_colours---base--white);} .filters_nav_btn_wrap:has(a.w--current):hover {background-color: var(--_colours---base--black); border-color: var(--_colours---base--black); color: var(--_colours---base--white);} /* Breadcrumbs */ .t_nav_link:hover {background-color: var(--_colours---base--cream);} .t_nav_toggle:hover {background-color: var(--_colours---base--cream);} .social_link:hover {background-color: var(--_colours---base--cream);} /* Home Header Button */ .header_main_title_button:hover path {fill: var(--_colours---base--brand);} .header_main_title_button:hover {color: var(--_colours---base--black);} /* Sign Up/Login */ .form_auth_link:hover { border-top-color: color-mix(in srgb, var(--_theme---text) 100%, transparent 0%); border-right-color: color-mix(in srgb, var(--_theme---text) 100%, transparent 0%); border-bottom-color: color-mix(in srgb, var(--_theme---text) 100%, transparent 0%); border-left-color: color-mix(in srgb, var(--_theme---text) 100%, transparent 0%); } /* Profile Settings */ .profile_menu_btn_wrap:hover {opacity: 1;} .profile_main_img_wrap:hover .profile_main_img_overlay {opacity: 1;} .utility_btn_wrap:hover {background-color: var(--_colours---base--white);} /* Major Cards */ .cfeatured_item_wrap.is-majors:hover .cfeatured_item_tags_wrap {opacity: 1;} .t_nav_link.is-anchor:hover {background-color: var(--_colours---base--brand);} } @media not (pointer: fine) { .cfeatured_item_tags_wrap {opacity: 1;} } /* CSS Page Load Animations */ /* Trigger */ [data-animation-css=fade-in] { animation-name: fadein; animation-delay: 0.2s; animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in; } [data-animation-css=fade-in-d1] { animation-name: fadein; animation-delay: 0.3s; animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in; } [data-animation-css=fade-in-d2] { animation-name: fadein; animation-delay: 0.4s; animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in; } /* Setup */ @keyframes slideup { from {opacity: 0; transform: translateY(1rem);} to {opacity: 1; transform: translateY(0rem);} } @keyframes slidedown { from {opacity: 0; transform: translateY(-100%);} to {opacity: 1; transform: translateY(0%);} } @keyframes slideleft { from {opacity: 0; transform: translateX(-100%);} to {opacity: 1; transform: translateX(0%);} } @keyframes slideright { from {opacity: 0; transform: translateX(100%);} to {opacity: 1; transform: translateX(0%);} } @keyframes fadein { from {opacity: 0;} to {opacity: 1;} } /* Author Text */ .gt_author_text.u-text-style-small { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; } /* Swiper */ .swiper-button-disabled { opacity: 0.3; pointer-events: none; } .swiper-wrapper { transition-timing-function: linear !important; } .swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;} /* Swiper Related */ .related_wrap .swiper, .t_related_wrap .swiper { overflow: visible; } .related_wrap .swiper-swiper, .t_related_wrap .swiper-swiper { height: auto; width: auto; } /* Split */ .lines-wrap {overflow: hidden;} /* Border Dash */ [data-style-top=border-dash] { 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; } [data-style-bot=border-dash] { 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; } [data-style-left=border-dash] { background-image: linear-gradient(to bottom, var(--_theme---text) 10%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 10px; background-repeat: repeat-y; } [data-style-combined=border-dash] { 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; } /* Trim Subtitle */ .g_eyebrow_text::before, .ct_tabs1_pill_text::before { content: ""; display: table; margin-bottom: calc(-0.5lh + 0.36em); } .g_article_tag_text::before { content: ""; display: table; margin-bottom: calc(-0.5lh + 0.35em); } .explore_link_text::before { content: ""; display: table; margin-bottom: calc(-0.5lh + 0.4em); } .g_eyebrow_text::after, .ct_tabs1_pill_text::after, .explore_link_text::after { content: ""; display: table; margin-bottom: calc(-0.5lh + 0.35em); } .g_article_tag_text::after { content: ""; display: table; margin-bottom: calc(-0.5lh + 0.29em); } /* Join Club Rich Text */ .join_rich ol { list-style: none; counter-reset: item; } .join_rich ol li { counter-increment: item; } .join_rich ol li:before { content: counter(item); margin-right: 0.625rem; background: var(--_theme---text); border-radius: 100vw; color: var(--_theme---background); width: 1.125rem; height: 1.125rem; font-size: 0.875rem; font-weight: 500; text-align: center; display: inline-block; } .join_rich ul { list-style: none; padding-left: 0; } .join_rich ul li { margin-bottom: 0.625rem; position: relative; padding-left: 1.75rem; } .join_rich ul li::before { content: ""; display: inline-block; width: 1.125rem; height: 1.125rem; background-image: url("assets/live/67ab6ef769ff843db623d6f5-67ac96bbb36ee6ae89d81509_list-check.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; } /* Section Anchor */ .section-anchor > * { 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; } /* Rich Text Visual Alt Style */ .ed-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; } .ed-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); } @media screen and (max-width: 767px) { .footer-form .hs-input, .newsletter-form .hs-input {min-width: 100%;} } .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 */ :root { --nav--height: 3.125rem; } /* Global Nav */ .nav_layout > * {pointer-events: auto;} .nav_main_wrap.is-active .nav_menu_contain {pointer-events: auto;} .nav_main_wrap.is-active .nav_dropdown_content {pointer-events: auto;} .nav_main_wrap.is-active .nav_toggle_icon {opacity: 0;} .nav_main_wrap.is-active .nav_toggle_icon.is2 {opacity: 1;} .nav_menu_contain::-webkit-scrollbar { width:4px; border-radius: var(--radius--round); } .nav_menu_contain::-webkit-scrollbar-track { background:var(--_colours---base--transparent); border-radius: var(--radius--round); } .nav_menu_contain::-webkit-scrollbar-thumb { background:var(--_colours---base--black); border-radius: var(--radius--round); } /* Dropdown Members */ .nav_member_dropdown.is-active .nav_member_toggle {background-color: var(--_colours---base--cream);} .nav_member_dropdown.is-active .nav_member_content_wrap {display: block; opacity: 1;} /* .nav_main_wrap.is-active {width: 41.25rem;} .nav_main_wrap.is-active .nav_menu_fill {height: 100%;} .nav_main_wrap.is-active .nav_menu_contain {opacity: 1;} */ /* Nav Hover */ @media (pointer: fine) { .nav_btn_wrap:hover, .nav_toggle_wrap:hover {background-color: var(--_colours---base--white);} .nav_btn_wrap:hover .nav_btn_label_wrap {opacity: 1;} .nav_menu_link_wrap:hover .nav_menu_link_text {transform: translate(1rem,0rem);} .nav_dropdown_link_wrap:hover .nav_dropdown_link_text {transform: translate(1rem,0rem);} .nav_dropdown_wrap:hover .nav_dropdown_text_wrap {transform: translate(1.25rem,0rem);} .nav_dropdown_wrap:hover .nav_dropdown_circle {opacity: 1;} .nav_dropdown_wrap:hover .nav_dropdown_label {opacity: 1;} .nav_member_toggle:hover, .nav_search_close:hover, .nav_member_btn_wrap:hover {background-color: var(--_colours---base--white);} } @media screen and (min-width: 992px) { .nav_dropdown_wrap.is-active .nav_dropdown_text_wrap {transform: translate(1.25rem,0rem);} } .nav_dropdown_wrap.is-active .nav_dropdown_circle {opacity: 1;} .nav_dropdown_wrap.is-active .nav_dropdown_label {opacity: 1;} /* New Buttons for Desktop */ .nav_main_btn_show_open.is-active [data-nav-btn] {display: block !important;} /* Smaller Screens */ @media screen and (max-width: 992px) { :root { --nav--height: 2.75rem; } .nav_container .btn_main_wrap {min-height: 2.5rem;} .nav_container .nav_btn_wrap {height: 2.5rem;} .nav_member_icon {width: 2.5rem;} .nav_container .nav_member_text, .nav_container .btn_main_text {font-size: var(--_typography---font-size--text-tiny);} .nav_main_wrap.is-active [data-nav-btn] {display: block !important;} .nav-open .nav_member_content_wrap {left: 0%; right: auto; margin-left: 0;} } @media screen and (max-width: 350px) { .nav_member_inner {display: none;} .nav_member_content_wrap {min-width: 13rem;} .nav_menu_more_layout {grid-template-columns: 1fr;} } /* Search */ .nav_search_results_wrap { visibility: hidden; opacity: 0; } [tr-search-element=component]:focus-within.is-open .nav_search_results_wrap { visibility: visible; opacity: 1; height: 25rem; overflow: visible; } .nav_search_component:focus-within.is-open { padding-bottom: 0rem; } .nav_search_wrap { visibility: hidden; opacity: 0; } .wf-design-mode .header_main_title_wrap:first-child {display: block;} .wf-design-mode .header_main_visual_wrap:first-child {display: block;} .podcast_about_item:first-child { display: block; opacity: 1; } .podcast_about_item.not-active { display: none; opacity: 0; } .podcast_about_item.is-active { display: block; opacity: 1; } .fvideo_item:first-child { display: block; opacity: 1; } .fvideo_item.not-active { display: none; opacity: 0; } .fvideo_item.is-active { display: block; opacity: 1; } .swiper_main_pagination_bullet.is-active::before { content: ""; background: black; position: absolute; left: 0; top: 0; bottom: 0; width: var(--bullet-progress, 0%); transition: width 7s linear; z-index: 1; }