.wf-force-outline-none[tabindex="-1"]:focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } table { border-collapse: collapse; border-spacing: 0px; } .w-icon-slider-right::before { content: ""; } .w-icon-slider-left::before { content: ""; } .w-clearfix::before, .w-clearfix::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0px; list-style: none; } .w-embed::before, .w-embed::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio::before, .w-radio::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container::before, .w-container::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row::before, .w-row::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0px; padding-right: 0px; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgb(221, 221, 221); height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0px; right: 0px; overflow: hidden; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0px 0px; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { font-size: inherit; line-height: inherit; width: auto; height: auto; padding: 0.2em 0.5em; } .w-slider-nav.w-shadow > div { box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px; } .w-slider-nav-invert { color: rgb(255, 255, 255); } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: rgb(34, 34, 34); } .w-slider-dot { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); width: 1em; height: 1em; margin: 0px 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: rgb(255, 255, 255); } .w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0px; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0px; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0px; } .w-slider-aria-label { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown-toggle { user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-richtext::before, .w-richtext::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after { white-space: initial; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .w-nav::before, .w-nav::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } .w-tabs { position: relative; } .w-tabs::before, .w-tabs::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs::after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: rgb(34, 34, 34); background-color: rgb(221, 221, 221); padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: rgb(200, 200, 200); } .w-tab-link:focus { outline: 0px; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } :root { --_theme---background--background-primary: var(--_colors---neutral-100); --_typography---font--primary-family: Sometypemono,Arial,sans-serif; --_theme---text--text-primary: var(--_colors---neutral-100); --_type-styles---text-main--font-size: var(--size--1rem); --_type-styles---text-main--line-height: var(--_typography---line-height--1-5); --_typography---font--primary-regular: 400; --_type-styles---text-main--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h1--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h1--font-size: var(--size--12-5rem); --_type-styles---h1--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h1--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h1--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h2--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h2--font-size: var(--size--4rem); --_type-styles---h2--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h2--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h2--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h3--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h3--font-size: var(--size--3rem); --_type-styles---h3--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h3--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h3--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h4--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h4--font-size: var(--size--2rem); --_type-styles---h4--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h4--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h4--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h5--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h5--font-size: var(--size--1-5rem); --_type-styles---h5--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h5--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h5--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h6--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h6--font-size: var(--size--1-25rem); --_type-styles---h6--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h6--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h6--letter-spacing: var(--_typography---letter-spacing--normal); --_theme---link--link-primary: var(--_theme---text--text-primary); --_typography---font--tertiary-family: Spacegrotesk,Arial,sans-serif; --container--medium: 68rem; --container--small: 48rem; --_type-styles---text-main--font-family: var(--_typography---font--primary-family); --_type-styles---text-main--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-large--font-family: var(--_typography---font--primary-family); --_type-styles---text-large--font-size: var(--size--1-25rem); --_type-styles---text-large--line-height: var(--_typography---line-height--1-5); --_type-styles---text-large--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-large--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---text-small--font-family: var(--_typography---font--primary-family); --_type-styles---text-small--font-size: .875rem; --_type-styles---text-small--line-height: var(--_typography---line-height--1-5); --_type-styles---text-small--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-small--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h6--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---text-tagline--font-family: var(--_typography---font--primary-family); --_type-styles---text-tagline--font-size: var(--size--1rem); --_type-styles---text-tagline--line-height: var(--_typography---line-height--1-1); --_type-styles---text-tagline--font-weight: var(--_typography---font--primary-medium); --_type-styles---text-tagline--letter-spacing: var(--_typography---letter-spacing--wide); --_theme---border--border-primary: var(--_colors---neutral-900); --_colors---neutral-900: #0f0f0f; --_colors---neutral-100: white; --border-width--main: 1px; --border-radius--small: .5rem; --_theme---text--text-secondary: var(--_colors---neutral-400); --_spacing---content-space--button-margin: var(--size--1rem); --size--1-5rem: 1.5rem; --size--0rem: 0rem; --black-archive\: black; --_colors---neutral-700: #454545; --size--3rem: 3rem; --_theme---background--background-secondary: var(--_colors---neutral-200); --_spacing---content-space--form-grid-gap: var(--size--1rem); --_spacing---section-space--small: var(--size--3-5rem); --_spacing---page-padding--main: var(--size--3rem); --size--1rem: 1rem; --_spacing---section-space--medium: var(--size--6rem); --_spacing---section-space--large: var(--size--9rem); --border-radius--medium: 1rem; --_color-styles---background-color--background-success\: var(--_colors---base-color-system--success-green-light\); --_color-styles---text-color--text-success\: var(--_colors---base-color-system--success-green\); --_color-styles---background-color--background-error\: var(--_colors---base-color-system--error-red-light\); --_color-styles---text-color--text-error\: var(--_colors---base-color-system--error-red\); --_colors---neutral-200: #f0f0f0; --_button-styles---border: var(--_theme---button-primary--border); --border-radius--visual: 0rem; --_colors---brand-red: #f41515; --_button-styles---text: var(--_theme---button-primary--text); --_typography---font--primary-bold: 700; --_colors---transparent: #fff0; --_button-styles---border-hover: var(--_theme---button-primary--border-hover); --_button-styles---text-hover: var(--_theme---button-primary--text-hover); --_colors---neutral-300: #dadada; --_spacing---section-space--none: var(--size--0rem); --_type-styles---display--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---display--fonts-size: var(--size--7rem); --_type-styles---display--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---display--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---display--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_button-styles---background: var(--_theme---button-primary--background); --_button-styles---background-hover: var(--_theme---button-primary--background-hover); --_spacing---content-space--main: var(--size--1rem); --_spacing---content-space--eyebrow-margin: var(--size--0-5rem); --size--0-25rem: .25rem; --size--3-5rem: 3.5rem; --border-radius--round: 100vw; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --_spacing---grid--gap-main: var(--size--1rem); --_typography---text-transform--none: 0px; --_type-styles---all-headings--heading-line-height: var(--_typography---line-height--9); --_typography---line-height--1-1: 1.1; --size--4rem: 4rem; --size--2-5rem: 2.5rem; --size--0-5rem: .5rem; --size--0-75rem: .75rem; --size--5rem: 5rem; --_colors---neutral-750: #454443; --_colors---neutral-400: #9f9f9f; --_typography---line-height--1: 1; --_type-styles---all-headings--heading-font-family: var(--_typography---font--secondary-family); --_theme---button-secondary--background: var(--_colors---transparent); --_typography---font--secondary-family: Vtcdubois,Arial,sans-serif; --_typography---line-height--1-3: 1.3; --size--1-75rem: 1.75rem; --_typography---line-height--9: .9; --_typography---font--primary-medium: 500; --_theme---button-secondary--text: var(--_theme---text--text-primary); --_theme---button-primary--text: var(--_theme---background--background-primary); --focus--color: var(--_theme---text--text-primary); --_colors---brand-1: #c6fb50; --_colors---neutral-800: #282829; --_colors---neutral-600: #565557; --_colors---neutral-500: #666; --_brand---primary: var(--_colors---brand-1); --_brand---text: var(--_colors---neutral-100); --_theme---border--border-secondary: var(--_colors---neutral-400); --_theme---button-primary--background: var(--_theme---text--text-primary); --_theme---button-primary--border: var(--_theme---text--text-primary); --_theme---button-primary--text-hover: var(--_theme---background--background-primary); --_theme---button-primary--background-hover: var(--_theme---text--text-secondary); --_theme---button-primary--border-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border: var(--_theme---border--border-primary); --_theme---button-secondary--text-hover: var(--_theme---background--background-primary); --_theme---button-secondary--background-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border-hover: var(--_theme---text--text-secondary); --container--large: 78rem; --_spacing---content-space--button-gap: var(--size--0-5rem); --_spacing---grid--column-count: 12; --svg--stroke-width--main: 2px; --_type-styles---all-headings--heading-font-weight: var(--_typography---font--primary-bold); --_type-styles---all-headings--heading-letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---all-headings--heading-text-transform: var(--_typography---text-transform--inherit); --_type-styles---display--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h1--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h2--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h3--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h4--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h5--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---text-large--text-transform: var(--_typography---text-transform--inherit); --_type-styles---text-main--text-transform: var(--_typography---text-transform--none); --_type-styles---text-small--text-transform: var(--_typography---text-transform--inherit); --_type-styles---text-tagline--text-transform: var(--_typography---text-transform--uppercase); --_typography---line-height--1-5: 1.5; --_typography---letter-spacing--normal: 0em; --_typography---letter-spacing--narrow: -.03em; --_typography---letter-spacing--wide: .02em; --_typography---text-transform--inherit: 0px; --_typography---text-transform--uppercase: 0px; --_typography---text-transform--capitalize: 0px; --_typography---text-transform--lowercase: 0px; --focus--width: .125rem; --focus--offset-inner: -.125rem; --focus--offset-outer: .1875rem; --size--0-125rem: .125rem; --size--0-375rem: .375rem; --size--2-25rem: 2.25rem; --size--2-75rem: 2.75rem; --size--4-5rem: 4.5rem; --size--5-5rem: 5.5rem; --size--6rem: 6rem; --size--6-5rem: 6.5rem; --size--7rem: 7rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--10rem: 10rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--12-5rem: 12.5rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --_colors---base-color-system--success-green-light\: #ecfdf3; --_colors---base-color-system--success-green\: #027a48; --_colors---base-color-system--error-red-light\: #fef3f2; --_colors---base-color-system--error-red\: #b42318; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox::before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox::after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } body { background-color: var(--_theme---background--background-primary); font-family: var(--_typography---font--primary-family); color: var(--_theme---text--text-primary); font-size: var(--_type-styles---text-main--font-size); line-height: var(--_type-styles---text-main--line-height); font-weight: var(--_typography---font--primary-regular); letter-spacing: var(--_type-styles---text-main--letter-spacing); --_type-styles---text-main--font-size: var(--size--1rem); --_type-styles---text-main--line-height: var(--_typography---line-height--1-5); --_type-styles---text-main--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h1--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h1--font-size: var(--size--12-5rem); --_type-styles---h1--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h1--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h1--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h2--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h2--font-size: var(--size--4rem); --_type-styles---h2--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h2--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h2--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h3--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h3--font-size: var(--size--3rem); --_type-styles---h3--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h3--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h3--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---h4--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h4--font-size: var(--size--2rem); --_type-styles---h4--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h4--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h4--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h5--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h5--font-size: var(--size--1-5rem); --_type-styles---h5--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h5--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h5--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h6--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---h6--font-size: var(--size--1-25rem); --_type-styles---h6--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---h6--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---h6--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---text-main--font-family: var(--_typography---font--primary-family); --_type-styles---text-main--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-large--font-family: var(--_typography---font--primary-family); --_type-styles---text-large--font-size: var(--size--1-25rem); --_type-styles---text-large--line-height: var(--_typography---line-height--1-5); --_type-styles---text-large--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-large--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---text-small--font-family: var(--_typography---font--primary-family); --_type-styles---text-small--font-size: .875rem; --_type-styles---text-small--line-height: var(--_typography---line-height--1-5); --_type-styles---text-small--font-weight: var(--_typography---font--primary-regular); --_type-styles---text-small--letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---h6--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---text-tagline--font-family: var(--_typography---font--primary-family); --_type-styles---text-tagline--font-size: var(--size--1rem); --_type-styles---text-tagline--line-height: var(--_typography---line-height--1-1); --_type-styles---text-tagline--font-weight: var(--_typography---font--primary-medium); --_type-styles---text-tagline--letter-spacing: var(--_typography---letter-spacing--wide); --_type-styles---display--font-family: var(--_type-styles---all-headings--heading-font-family); --_type-styles---display--fonts-size: var(--size--7rem); --_type-styles---display--line-height: var(--_type-styles---all-headings--heading-line-height); --_type-styles---display--font-weight: var(--_type-styles---all-headings--heading-font-weight); --_type-styles---display--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing); --_type-styles---all-headings--heading-line-height: var(--_typography---line-height--9); --_type-styles---all-headings--heading-font-family: var(--_typography---font--secondary-family); --_type-styles---all-headings--heading-font-weight: var(--_typography---font--primary-bold); --_type-styles---all-headings--heading-letter-spacing: var(--_typography---letter-spacing--normal); --_type-styles---all-headings--heading-text-transform: var(--_typography---text-transform--inherit); --_type-styles---display--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h1--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h2--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h3--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h4--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---h5--text-transform: var(--_type-styles---all-headings--heading-text-transform); --_type-styles---text-large--text-transform: var(--_typography---text-transform--inherit); --_type-styles---text-main--text-transform: var(--_typography---text-transform--none); --_type-styles---text-small--text-transform: var(--_typography---text-transform--inherit); --_type-styles---text-tagline--text-transform: var(--_typography---text-transform--uppercase); } ul { font-family: var(--_typography---font--tertiary-family); margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.25rem; } ol { font-family: var(--_typography---font--tertiary-family); margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.5rem; } li { margin-top: 0.25rem; margin-bottom: 0.25rem; padding-left: 0.5rem; } .text-style-link { color: var(--_theme---link--link-primary); } .page-wrapper { overflow: clip; } .container-large { width: 100%; max-width: none; margin-left: auto; margin-right: auto; container-type: inline-size; } .container-large.flexv-center { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .utility_component { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; } .container-medium { max-width: var(--container--medium); width: 100%; margin-left: auto; margin-right: auto; container-type: inline-size; } .container-small { max-width: var(--container--small); width: 100%; margin-left: auto; margin-right: auto; container-type: inline-size; } .padding-0 { padding: 0px; } .padding-tiny { padding: 0.25rem; } .padding-xxsmall { padding: 0.5rem; } .padding-xsmall { padding: 1rem; } .padding-small { padding: 1.5rem; } .padding-medium { padding: 2rem; } .padding-large { padding: 3rem; } .padding-xlarge { padding: 4rem; } .padding-xxlarge { padding: 5rem; } .padding-huge { padding: 6rem; } .padding-xhuge { padding: 7rem; } .padding-xxhuge { padding: 10rem; } .padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-0, .padding-top.padding-large, .padding-top.padding-custom2, .padding-top.padding-xlarge, .padding-top.padding-huge, .padding-top.padding-xxsmall, .padding-top.padding-custom3, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-xxlarge, .padding-top.padding-small, .padding-top.padding-xsmall, .padding-top.padding-custom1 { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .padding-bottom, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xxlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-custom1, .padding-bottom.padding-xsmall, .padding-bottom.padding-huge, .padding-bottom.padding-tiny, .padding-bottom.padding-medium, .padding-bottom.padding-0 { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .padding-left, .padding-left.padding-xhuge, .padding-left.padding-xlarge, .padding-left.padding-0, .padding-left.padding-small, .padding-left.padding-xsmall, .padding-left.padding-medium, .padding-left.padding-xxhuge, .padding-left.padding-huge, .padding-left.padding-custom1, .padding-left.padding-tiny, .padding-left.padding-xxsmall, .padding-left.padding-custom3, .padding-left.padding-custom2, .padding-left.padding-xxlarge, .padding-left.padding-large { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-right, .padding-right.padding-xxhuge, .padding-right.padding-custom2, .padding-right.padding-large, .padding-right.padding-xlarge, .padding-right.padding-tiny, .padding-right.padding-custom3, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-xxlarge, .padding-right.padding-xxsmall, .padding-right.padding-medium, .padding-right.padding-xhuge, .padding-right.padding-huge, .padding-right.padding-0, .padding-right.padding-small { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small { padding-left: 0px; padding-right: 0px; } .padding-horizontal, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-0, .padding-horizontal.padding-custom3, .padding-horizontal.padding-huge, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-custom1, .padding-horizontal.padding-tiny, .padding-horizontal.padding-custom2, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-small, .padding-horizontal.padding-xlarge { padding-top: 0px; padding-bottom: 0px; } .styleguide_item-row.is-button-row { grid-template-columns: 19rem 1fr; } .form_radio { align-items: center; margin-bottom: 0px; padding-left: 1.125rem; display: flex; } .text-style-main { font-family: var(--_type-styles---text-main--font-family); font-size: var(--_type-styles---text-main--font-size); line-height: var(--_type-styles---text-main--line-height); font-weight: var(--_type-styles---text-main--font-weight); letter-spacing: var(--_type-styles---text-main--letter-spacing); text-transform: var(--_type-styles---text-main--text-transform); text-wrap: pretty; } .text-style-large { font-family: var(--_type-styles---text-large--font-family); font-size: var(--_type-styles---text-large--font-size); line-height: var(--_type-styles---text-large--line-height); font-weight: var(--_type-styles---text-large--font-weight); letter-spacing: var(--_type-styles---text-large--letter-spacing); text-transform: var(--_type-styles---text-large--text-transform); text-wrap: pretty; } .text-style-small { font-family: var(--_type-styles---text-small--font-family); font-size: var(--_type-styles---text-small--font-size); line-height: var(--_type-styles---text-small--line-height); font-weight: var(--_type-styles---text-small--font-weight); letter-spacing: var(--_type-styles---text-small--letter-spacing); text-transform: var(--_type-styles---text-small--text-transform); text-wrap: pretty; } .heading-style-h1 { font-family: var(--_type-styles---h1--font-family); font-size: var(--_type-styles---h1--font-size); line-height: var(--_type-styles---h1--line-height); font-weight: var(--_type-styles---h1--font-weight); letter-spacing: var(--_type-styles---h1--letter-spacing); text-transform: var(--_type-styles---h1--text-transform); text-wrap: balance; } .heading-style-h2 { font-family: var(--_type-styles---h2--font-family); font-size: var(--_type-styles---h2--font-size); line-height: var(--_type-styles---h2--line-height); font-weight: var(--_type-styles---h2--font-weight); letter-spacing: var(--_type-styles---h2--letter-spacing); text-transform: var(--_type-styles---h2--text-transform); text-wrap: balance; } .heading-style-h3 { font-family: var(--_type-styles---h3--font-family); font-size: var(--_type-styles---h3--font-size); line-height: var(--_type-styles---h3--line-height); font-weight: var(--_type-styles---h3--font-weight); letter-spacing: var(--_type-styles---h3--letter-spacing); text-transform: var(--_type-styles---h3--text-transform); text-wrap: balance; } .heading-style-h4 { font-family: var(--_type-styles---h4--font-family); font-size: var(--_type-styles---h4--font-size); line-height: var(--_type-styles---h4--line-height); font-weight: var(--_type-styles---h4--font-weight); letter-spacing: var(--_type-styles---h4--letter-spacing); text-transform: var(--_type-styles---h4--text-transform); text-wrap: balance; } .heading-style-h4.text-style-allcaps.tab { color: rgba(15, 15, 15, 0.5); background-color: rgba(221, 221, 221, 0); padding: 10px 0px 0px; font-family: Vtcdubois, Arial, sans-serif; font-size: 2rem; font-weight: 700; line-height: 0.9; } .heading-style-h4.text-style-allcaps.tab.w--current { color: rgb(15, 15, 15); } .heading-style-h5 { font-family: var(--_type-styles---h5--font-family); font-size: var(--_type-styles---h5--font-size); line-height: var(--_type-styles---h5--line-height); font-weight: var(--_type-styles---h5--font-weight); letter-spacing: var(--_type-styles---h5--letter-spacing); text-transform: var(--_type-styles---h5--text-transform); text-wrap: pretty; } .heading-style-h6 { font-family: var(--_type-styles---h6--font-family); font-size: var(--_type-styles---h6--font-size); line-height: var(--_type-styles---h6--line-height); font-weight: var(--_type-styles---h6--font-weight); letter-spacing: var(--_type-styles---h6--text-transform); text-transform: var(--_type-styles---h6--text-transform); text-wrap: pretty; } .text-style-tagline { font-family: var(--_type-styles---text-tagline--font-family); font-size: var(--_type-styles---text-tagline--font-size); line-height: var(--_type-styles---text-tagline--line-height); font-weight: var(--_type-styles---text-tagline--font-weight); letter-spacing: var(--_type-styles---text-tagline--letter-spacing); text-transform: var(--_type-styles---text-tagline--text-transform); justify-content: center; align-items: center; text-decoration: none; display: inline-block; } .text-style-quote { border-left: .1875rem solid var(--_theme---text--text-primary); margin-bottom: 0px; padding: 0.75rem 1.25rem; font-size: 1.25rem; line-height: 1.5; } .styleguide_item { gap: 1rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; padding-bottom: 1rem; display: grid; position: relative; } .form_input.is-text-area { height: auto; min-height: 11.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; overflow: auto; } .styleguide_button-list { gap: 1.5rem 1rem; white-space: normal; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: max-content; grid-auto-flow: row; place-items: center start; padding-top: 1.5rem; padding-bottom: 1.5rem; display: grid; } .text-color-white { color: var(--_colors---neutral-100); } .styleguide_list { gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; padding-bottom: 4rem; } .text-style-strikethrough { text-decoration: line-through; } .text-style-allcaps { text-transform: uppercase; } .text-style-italic { font-style: italic; } .button-group { margin-top: var(--_spacing---content-space--button-margin); gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .button-group:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d) { justify-content: center; align-items: center; } .button-group:where(.w-variant-54580802-e01e-d075-5e8a-717fe276dbef) { justify-content: flex-end; align-items: center; } .button-group.center-10, .button-group.center-20 { justify-content: center; align-items: center; } .button-group.center-20.margin-top.margin-small { margin-top: var(--size--1-5rem); } .button-group.center-31 { justify-content: center; align-items: center; } .button-group.no-margin { margin-top: var(--size--0rem); } .button-group.center-43 { justify-content: center; align-items: center; } .text-color-black { color: var(--black-archive\); } .text-style-muted { opacity: 0.6; } .text-style-nowrap { white-space: nowrap; } .text-rich-text { color: var(--_colors---neutral-900); } .text-rich-text h1 { text-transform: uppercase; margin-top: 2rem; margin-bottom: 1rem; } .text-rich-text blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-style: italic; } .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 { text-transform: uppercase; margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h5, .text-rich-text h6 { text-transform: uppercase; margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text p { font-family: var(--_typography---font--tertiary-family); color: var(--_colors---neutral-700); margin-bottom: 1rem; } .text-rich-text figcaption { border-left: 2px solid var(--_theme---text--text-primary); text-align: left; margin-top: 0.5rem; padding-left: 0.5rem; font-size: 0.875rem; } .text-size-small.text-color-grey { color: var(--_colors---neutral-700); } .styleguide_header { padding-top: var(--size--3rem); padding-bottom: var(--size--3rem); gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: flex; } .form_checkbox { align-items: center; margin-bottom: 0px; padding-left: 1.25rem; display: flex; } .styleguide_button-row { gap: 1rem; flex-flow: wrap; display: flex; } .padding-section-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .padding-global { padding-right: var(--_spacing---page-padding--main); padding-left: 3rem; } .padding-section-medium { padding-top: var(--_spacing---section-space--medium); padding-bottom: var(--_spacing---section-space--medium); } .padding-section-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .spacer-tiny { width: 100%; padding-top: 0.25rem; } .spacer-xxsmall { width: 100%; padding-top: 0.5rem; } .spacer-xsmall { width: 100%; padding-top: 1rem; } .spacer-small { width: 100%; padding-top: 1.5rem; } .spacer-medium { width: 100%; padding-top: 2rem; } .spacer-large { width: 100%; padding-top: 3rem; } .spacer-xlarge { width: 100%; padding-top: 4rem; } .spacer-xxlarge { width: 100%; padding-top: 5rem; } .spacer-huge { width: 100%; padding-top: 6rem; } .spacer-xhuge { width: 100%; padding-top: 7rem; } .spacer-xxhuge { width: 100%; padding-top: 10rem; } .styleguide_subheading-small { font-size: 1rem; font-weight: 400; } .text-color-primary { color: var(--_theme---text--text-primary); } .text-color-secondary { color: var(--_theme---text--text-secondary); } .form_message-success { background-color: var(--_color-styles---background-color--background-success\); color: var(--_color-styles---text-color--text-success\); flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem; display: flex; } .form_message-error { background-color: var(--_color-styles---background-color--background-error\); color: var(--_color-styles---text-color--text-error\); flex-direction: column; justify-content: center; align-items: center; padding: 1rem; display: flex; } .styleguide_form-wrapper { padding-right: 1.5rem; } .designguide_table-of-contents { opacity: 0.6; flex: 0 1 auto; width: 16rem; transition: opacity 0.2s; position: sticky; top: 3rem; } .designguide_table-of-contents:hover { opacity: 1; } .designguide_anchor-link { gap: 0.5rem; align-items: center; padding-bottom: 0.1rem; font-size: 0.875rem; display: flex; } .designguide_text-wrapper { flex: 1 1 0%; padding-bottom: 8rem; } .button_component { border: var(--border-width--main)none var(--_button-styles---border); border-radius: var(--border-radius--visual)var(--border-radius--visual)var(--border-radius--small); background-color: var(--_colors---brand-red); color: var(--_button-styles---text); font-weight: var(--_typography---font--primary-bold); text-align: center; --_button-styles---border: var(--_theme---button-primary--border); --_button-styles---text: var(--_theme---button-primary--text); --_button-styles---border-hover: var(--_theme---button-primary--border-hover); --_button-styles---text-hover: var(--_theme---button-primary--text-hover); --_button-styles---background: var(--_theme---button-primary--background); --_button-styles---background-hover: var(--_theme---button-primary--background-hover); transition: border-color 0.3s, background-color 0.3s, color 0.3s; display: block; position: relative; overflow: clip; } .button_component:where(.w-variant-d0d763c4-8160-901a-672a-82aca3a9f0cd) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---neutral-900); --_button-styles---border: var(--_theme---button-secondary--border); --_button-styles---text: var(--_theme---button-secondary--text); --_button-styles---border-hover: var(--_theme---button-secondary--border-hover); --_button-styles---text-hover: var(--_theme---button-secondary--text-hover); --_button-styles---background: var(--_theme---button-secondary--background); --_button-styles---background-hover: var(--_theme---button-secondary--background-hover); } .button_component:where(.w-variant-34d39eca-ee7a-998c-b04b-a3ae33eca285) { border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); } .button_component:where(.w-variant-342fdfb8-bf18-9859-b444-b50ef2283032) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_theme---background--background-primary); color: var(--_colors---neutral-900); font-weight: var(--_typography---font--primary-bold); } .button_component:where(.w-variant-8f99ae57-71ae-851f-d155-a791d324f500) { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component:where(.w-variant-1a8d0308-2c2b-ef54-373b-9165ee861934) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); color: var(--_colors---neutral-100); font-weight: var(--_typography---font--primary-bold); } .button_component:where(.w-variant-2d92ae88-4f75-7d1b-2fb4-5fdd1ea45a3d) { border-top-right-radius: var(--border-radius--small); border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); } .button_component:where(.w-variant-1abdf5f4-4fa0-7608-fef2-9b9a2254e3fa) { border-top-right-radius: var(--border-radius--small); border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---neutral-100); color: var(--_colors---neutral-900); border-style: solid; border-color: rgb(189, 189, 189); } .button_component:where(.w-variant-7b391efb-8fe4-4fbb-2eef-f316c1038803) { display: none; } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee33) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---neutral-900); --_button-styles---border: var(--_theme---button-secondary--border); --_button-styles---text: var(--_theme---button-secondary--text); --_button-styles---border-hover: var(--_theme---button-secondary--border-hover); --_button-styles---text-hover: var(--_theme---button-secondary--text-hover); --_button-styles---background: var(--_theme---button-secondary--background); --_button-styles---background-hover: var(--_theme---button-secondary--background-hover); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee34) { border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee35) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_theme---background--background-primary); color: var(--_colors---neutral-900); font-weight: var(--_typography---font--primary-bold); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee37) { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee36) { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); color: var(--_colors---neutral-100); font-weight: var(--_typography---font--primary-bold); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee38) { border-top-right-radius: var(--border-radius--small); border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); } .button_component:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee39) { border-top-right-radius: var(--border-radius--small); border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---neutral-100); color: var(--_colors---neutral-900); border-style: solid; border-color: rgb(189, 189, 189); } .button_component:hover { border-color: var(--_button-styles---border-hover); background-color: var(--_colors---neutral-900); color: var(--_button-styles---text-hover); } .button_component:hover:where(.w-variant-8f99ae57-71ae-851f-d155-a791d324f500), .button_component:hover:where(.w-variant-4c84964a-d211-09fe-eb3d-3c7a9991ee37) { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component.top-right-corner-red { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); color: var(--_colors---neutral-100); font-weight: var(--_typography---font--primary-bold); } .button_component.text-only { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); order: 9999; } .button_component.text-only:hover { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component.bottom-left-corner { border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); cursor: pointer; } .button_component.bottom-left-corner.fz { width: 120px; } .button_component.bottom-left-corner.fz.inside { position: static; } .button_component.bottom-left-corner.fz.white { background-color: var(--_colors---neutral-100); color: var(--_colors---neutral-900); } .button_component.top-right-corner-red-2 { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); color: var(--_colors---neutral-100); font-weight: var(--_typography---font--primary-bold); } .button_component.text-only-2, .button_component.text-only-2:hover { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component.text-only-2._2 { justify-content: flex-start; align-items: center; margin-top: 15px; display: flex; } .button_component.top-right-corner { border-top-right-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_theme---background--background-primary); color: var(--_colors---neutral-900); font-weight: var(--_typography---font--primary-bold); } .button_component.text-only-3, .button_component.text-only-3:hover { background-color: var(--_colors---transparent); color: var(--_colors---neutral-900); } .button_component.bottom-left-corner-2 { border-bottom-left-radius: var(--border-radius--small); border-bottom-right-radius: var(--border-radius--visual); background-color: var(--_colors---brand-red); cursor: pointer; } .button_component.bottom-left-corner-2._2 { justify-content: center; align-items: center; height: 40px; padding-left: 15px; padding-right: 15px; display: flex; } .button_component.module { display: none; } .button_component.module:where(.w-variant-7b391efb-8fe4-4fbb-2eef-f316c1038803) { display: block; } .clickable_component { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .clickable_link.cover-absolute, .clickable_btn.cover-absolute { border-radius: inherit; } .button_layout { z-index: 2; gap: 0.5rem; flex-flow: row; justify-content: center; align-items: center; padding: 0.55rem 1rem; display: flex; position: relative; } .button_layout:where(.w-variant-3941bfcd-07d8-1995-9c53-be0ce23f7238) { padding: 0.5rem 1rem; } .button_layout:where(.w-variant-29527b0c-1ffd-ebc0-ea53-ff060bdbd656) { padding: 0px; } .button_layout.inside { padding-top: 0.65rem; padding-bottom: 0.65rem; } .button_text { font-size: 1rem; font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; white-space: nowrap; } .button_text.inside { font-size: 0.9rem; line-height: 1; } .theme-dark { background-color: var(--_theme---background--background-primary); color: var(--_theme---text--text-primary); --_theme---background--background-primary: var(--_colors---neutral-900); --_theme---text--text-primary: var(--_colors---neutral-100); --_theme---link--link-primary: var(--_theme---text--text-primary); --_theme---border--border-primary: var(--_colors---neutral-100); --_theme---text--text-secondary: var(--_colors---neutral-300); --_theme---background--background-secondary: var(--_colors---neutral-800); --_theme---button-secondary--background: var(--_colors---transparent); --_theme---button-secondary--text: var(--_theme---text--text-primary); --_theme---button-primary--text: var(--_theme---background--background-primary); --_theme---border--border-secondary: var(--_colors---neutral-600); --_theme---button-primary--background: var(--_theme---text--text-primary); --_theme---button-primary--border: var(--_theme---text--text-primary); --_theme---button-primary--text-hover: var(--_theme---background--background-primary); --_theme---button-primary--background-hover: var(--_theme---text--text-secondary); --_theme---button-primary--border-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border: var(--_theme---border--border-primary); --_theme---button-secondary--text-hover: var(--_theme---background--background-primary); --_theme---button-secondary--background-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border-hover: var(--_theme---text--text-secondary); } .theme-light { background-color: var(--_theme---background--background-primary); color: var(--_theme---text--text-primary); --_theme---background--background-primary: var(--_colors---neutral-100); --_theme---text--text-primary: var(--_colors---neutral-100); --_theme---link--link-primary: var(--_theme---text--text-primary); --_theme---border--border-primary: var(--_colors---neutral-900); --_theme---text--text-secondary: var(--_colors---neutral-400); --_theme---background--background-secondary: var(--_colors---neutral-200); --_theme---button-secondary--background: var(--_colors---transparent); --_theme---button-secondary--text: var(--_theme---text--text-primary); --_theme---button-primary--text: var(--_theme---background--background-primary); --_theme---border--border-secondary: var(--_colors---neutral-400); --_theme---button-primary--background: var(--_theme---text--text-primary); --_theme---button-primary--border: var(--_theme---text--text-primary); --_theme---button-primary--text-hover: var(--_theme---background--background-primary); --_theme---button-primary--background-hover: var(--_theme---text--text-secondary); --_theme---button-primary--border-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border: var(--_theme---border--border-primary); --_theme---button-secondary--text-hover: var(--_theme---background--background-primary); --_theme---button-secondary--background-hover: var(--_theme---text--text-secondary); --_theme---button-secondary--border-hover: var(--_theme---text--text-secondary); } .background-layer { z-index: -1; object-fit: cover; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .background-layer:where(.w-variant-c782fe98-702d-3602-c5a1-b2511538035d) { background-color: var(--_theme---background--background-secondary); } .background-layer:where(.w-variant-8d17dfd9-2eb6-faf9-80ee-dc0001d0006e) { background-color: var(--_theme---background--background-primary); } .background-layer:where(.w-variant-2d973df6-d52e-ac33-a872-b6368315de97) { z-index: 0; background-color: var(--_colors---brand-red); } .background-layer:where(.w-variant-90ee4140-8210-d18c-a458-f57521cc24f2) { z-index: 0; background-color: var(--_colors---neutral-100); } .background-layer:where(.w-variant-218dacc1-7cdf-0b96-c1c3-fc9739b1d887) { background-color: var(--_colors---neutral-900); } .background-layer:where(.w-variant-ab554294-9483-2656-fdb6-26a6518f8990) { background-color: var(--_colors---neutral-300); } .background-layer:where(.w-variant-293079f5-186c-c304-a40c-29e48cd5c4ca) { background-color: rgb(0, 0, 0); } .background-layer.primary { background-color: var(--_theme---background--background-primary); } .background-layer.primary-5 { background-color: var(--_theme---background--background-primary); overflow: clip; } .background-layer.primary-9, .background-layer.primary-13 { background-color: var(--_theme---background--background-primary); } .background-layer.dark { background-color: var(--_theme---border--border-primary); } .background-layer.dark.height-auto { height: auto; } .background-layer.dark-2 { background-color: rgb(15, 15, 15); } .background-layer.black { background-color: rgb(0, 0, 0); } .background-layer.primary-17 { background-color: var(--_theme---background--background-primary); } .section-spacer_component { height: var(--_spacing---section-space--medium); width: 100%; } .section-spacer_component:where(.w-variant-d55aa000-3e25-4d44-66ec-608562d54b09) { height: var(--_spacing---section-space--small); } .section-spacer_component:where(.w-variant-c5455a98-c4fc-beaa-9546-f38dfc9c0e71) { height: var(--_spacing---section-space--large); } .section-spacer_component:where(.w-variant-af61068d-bb0d-3a48-982d-41455d3ef802) { height: var(--_spacing---section-space--none); } .section-spacer_component:where(.w-variant-83cfff93-d1b6-0835-04b0-792b47280cfa) { height: 2.5rem; } .section-spacer_component.small-2 { height: var(--_spacing---section-space--small); } .section-spacer_component.large { height: var(--_spacing---section-space--large); } .background-layer_image { position: absolute; inset: 0%; } .background-layer_image.cover-absolute:where(.w-variant-7f31e4b5-a1e2-b316-4ced-758bb30d60ef) { object-fit: fill; } .background-layer_image.cover-absolute.primary-6.desktop { z-index: 1; overflow: clip; } .background-layer_image.cover-absolute.primary-6.desktop.padding-top-10rem { top: 10rem; overflow: visible; } .background-layer_image.cover-absolute.primary-6.desktop.placeholder { top: 4rem; overflow: visible; } .background-layer_image.cover-absolute.desktop { min-height: 100%; } .background-layer_image.cover-absolute.desktop.events { top: 0px; overflow: visible; } .background-layer_image.mobile { z-index: 1; display: none; } .background-layer_image.background-texture { z-index: 0; object-fit: cover; width: 100%; height: 100%; min-height: 100%; } .background-layer_overlay.cover-absolute { z-index: 2; background-color: var(--_colors---neutral-900); } .background-layer_overlay.cover-absolute.primary-8 { z-index: 3; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(143, 143, 143, 0) 67%, rgba(44, 44, 44, 0.8) 87%, rgb(0, 0, 0) 96%); display: block; } .background-layer_overlay.cover-absolute.primary-16 { min-height: 100%; } .background-layer_overlay.cover-absolute.athlete-page { opacity: 0.4; } .background-layer_overlay-wrap.cover-absolute.primary-7 { z-index: 3; background-color: rgba(27, 27, 27, 0.3); } .background-layer_overlay-wrap.cover-absolute.primary-15 { background-color: rgba(0, 0, 0, 0.35); } .heading-style-display { font-family: var(--_type-styles---display--font-family); font-size: var(--_type-styles---display--fonts-size); line-height: var(--_type-styles---display--line-height); font-weight: var(--_type-styles---display--font-weight); letter-spacing: var(--_type-styles---display--letter-spacing); text-transform: var(--_type-styles---display--text-transform); text-wrap: balance; } .slider_button-arrow { width: 1.5rem; height: 1.5rem; } .slider_btn { border: 1px solid var(--_button-styles---border); background-color: var(--_button-styles---background); color: var(--_button-styles---text); text-align: center; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; transition: border-color 0.2s, color 0.2s, background-color 0.2s; display: flex; } .slider_btn:hover { border-color: var(--_button-styles---border-hover); background-color: var(--_button-styles---background-hover); color: var(--_button-styles---text-hover); } .slider_btn:focus-visible, .slider_btn[data-wf-focus-visible] { outline-offset: 2px; outline: rgb(255, 255, 255) solid 1px; } .slider_btn.prev { border-bottom-left-radius: var(--border-radius--small); background-color: var(--_colors---neutral-200); } .slider_btn.next { border-top-right-radius: var(--border-radius--small); background-color: var(--_colors---neutral-200); } .slider_buttons_list { gap: 1rem; --_button-styles---border: var(--_theme---button-primary--border); --_button-styles---text: var(--_theme---button-primary--text); --_button-styles---border-hover: var(--_theme---button-primary--border-hover); --_button-styles---text-hover: var(--_theme---button-primary--text-hover); --_button-styles---background: var(--_theme---button-primary--background); --_button-styles---background-hover: var(--_theme---button-primary--background-hover); justify-content: space-between; align-items: center; font-size: 1rem; display: flex; } .slider_buttons_list:where(.w-variant-9c7c15cf-754a-4977-5912-eae5b86b699a) { --_button-styles---border: var(--_theme---button-secondary--border); --_button-styles---text: var(--_theme---button-secondary--text); --_button-styles---border-hover: var(--_theme---button-secondary--border-hover); --_button-styles---text-hover: var(--_theme---button-secondary--text-hover); --_button-styles---background: var(--_theme---button-secondary--background); --_button-styles---background-hover: var(--_theme---button-secondary--background-hover); } .swiper-bullet-wrapper { gap: 0.5em; flex-wrap: wrap; flex: 0 0 auto; justify-content: center; align-items: center; width: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; } .eyebrow_text.text-style-tagline.text-color-secondary { color: var(--_theme---text--text-primary); font-size: var(--size--1-5rem); font-weight: var(--_typography---font--primary-regular); } .eyebrow_text.text-style-tagline.text-color-secondary.eyebrow-margin { margin-bottom: 0.65rem; } .grid-tablet { gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0px, 1fr); grid-template-columns: var(--grid-main); display: grid; } .order-first-tablet { order: -1; } .order-last-tablet { order: 1; } .g_header_component { column-gap: var(--_typography---text-transform--none); row-gap: var(--_typography---text-transform--none); text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .g_header_component:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d) { column-gap: var(--_spacing---section-space--none); row-gap: var(--_spacing---section-space--none); text-align: center; justify-content: center; align-items: center; } .g_header_component:where(.w-variant-54580802-e01e-d075-5e8a-717fe276dbef) { text-align: right; justify-content: center; align-items: flex-end; } .g_header_component.center { column-gap: var(--_spacing---section-space--none); row-gap: var(--_spacing---section-space--none); text-align: center; justify-content: center; align-items: center; } .g_header_component.center._3-75rem-mergin { margin-bottom: 3.75rem; } .g_header_component.center-11, .g_header_component.center-21, .g_header_component.center-32 { column-gap: var(--_spacing---section-space--none); row-gap: var(--_spacing---section-space--none); text-align: center; justify-content: center; align-items: center; } .g_header_heading:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .g_header_heading.center-5 { line-height: var(--_type-styles---all-headings--heading-line-height); } .g_header_heading.center-5.text-color-black { text-transform: uppercase; } .g_header_heading.center-5.text-color-black.mobile-1-5rem.heading-style-h3 { color: var(--_theme---border--border-primary); text-align: center; } .g_header_heading.center-15 { line-height: var(--_type-styles---all-headings--heading-line-height); } .g_header_heading.center-15.text-style-allcaps.events-hero { font-size: 8rem; } .g_header_heading.center-25 { line-height: var(--_type-styles---all-headings--heading-line-height); } .g_header_heading.center-36 { line-height: var(--_type-styles---all-headings--heading-line-height); letter-spacing: 0px; } .text-rich-text-longform h1 { font-size: var(--size--4rem); margin-top: 2rem; margin-bottom: 1rem; } .text-rich-text-longform blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-style: italic; } .text-rich-text-longform h2 { font-size: var(--size--3-5rem); margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text-longform h3 { font-size: var(--size--2-5rem); margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text-longform h4 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text-longform h5, .text-rich-text-longform h6 { margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text-longform p { margin-bottom: 1rem; } .text-rich-text-longform figcaption { border-left: 2px solid var(--_theme---text--text-primary); text-align: left; margin-top: 0.5rem; padding-left: 0.5rem; font-size: 0.875rem; } .g_header_wrap { margin-bottom: 0.5rem; position: relative; } .g_header_wrap.center-4.no-margin { margin-bottom: 0px; } .g_header_wrap.center-4.margin-bottom.margin-medium { margin-bottom: 2.5rem; } .faq_answer { padding-left: 1.5rem; padding-right: 1.5rem; overflow: hidden; } .g_section_padding { width: 100%; height: 6rem; } .g_section_padding.small { height: 3rem; } .logos_marquee_header.u-alignment-vertical { ---mode--collection-4548d06d-6cb7-d3b3-866c-68440be06e74: mode-65e31f5a-f789-85c4-cb15-3f4cb5934e40; } .logos-marquee_list { padding-right: var(--size--5rem); column-gap: var(--size--5rem); row-gap: var(--size--5rem); display: flex; } .card-main_component { z-index: 1; border: var(--border-width--main)solid var(--_button-styles---border); border-radius: var(--border-radius--medium); position: relative; overflow: hidden; } .card-icon_component { z-index: 1; border: var(--border-width--main)solid var(--_button-styles---border); border-radius: var(--border-radius--medium); position: relative; overflow: hidden; } .nav-logo { height: 30px; } .navbar_content { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; width: 1100px; margin-left: auto; margin-right: auto; display: grid; } .navbar_cta { justify-content: flex-end; align-items: center; display: flex; } .navbar_links-wrapper { color: var(--_colors---neutral-900); justify-content: center; align-items: center; display: flex; } .navbar_link { color: var(--_colors---neutral-900); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; flex: 0 0 auto; margin-left: 14.4609px; margin-right: 14.4609px; } .navbar_link:hover, .navbar_link.w--current { color: var(--_colors---brand-red); } .navbar_link.dark { color: rgb(255, 255, 255); flex: 0 0 auto; } .navbar { background-color: rgb(255, 255, 255); width: 100%; } .navbar.dark { background-color: rgb(15, 15, 15); border-bottom: 1px solid rgb(48, 48, 48); } .section_home-hero { position: relative; } .g_header_subheading-wrapper { gap: 0.3rem; justify-content: flex-start; align-items: center; margin-bottom: 0.5rem; display: flex; } .g_header_subheading-wrapper:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .g_header_subheading-wrapper.center-7, .g_header_subheading-wrapper.center-17, .g_header_subheading-wrapper.center-28, .g_header_subheading-wrapper.center-39 { gap: 0.25rem; justify-content: flex-start; align-items: center; display: flex; } .g_header_subheading-text { white-space: nowrap; font-size: 1.375rem; } .g_header_subheading-text:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .g_header_subheading-text.center-9, .g_header_subheading-text.center-19, .g_header_subheading-text.center-30, .g_header_subheading-text.center-41 { text-transform: uppercase; } .location-icon { flex: 0 0 auto; width: 1.5rem; } .location-icon:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d) { color: var(--_colors---neutral-100); } .location-icon.card { width: 1rem; } .location-icon.events { color: var(--_colors---neutral-700); width: 1.25rem; } .location-icon.center-8, .location-icon.center-18, .location-icon.center-29, .location-icon.center-40 { color: var(--_colors---neutral-100); } .location-icon.grey { color: var(--_colors---neutral-700); } .section_main-card { display: block; position: relative; } .card-name-text.text-style-large { font-family: var(--_type-styles---all-headings--heading-font-family); line-height: var(--_typography---line-height--1); font-weight: var(--_typography---font--primary-bold); } .location-wrapper { gap: 0.25rem; justify-content: flex-start; align-items: center; display: flex; } .location-wrapper.text-color-secondary { justify-content: flex-start; align-items: center; display: flex; } .card-location-text { text-transform: uppercase; font-size: 0.875rem; } .card-location-text.from { margin-left: 0.2rem; margin-right: 0.5rem; } .border-svg { z-index: 0; object-fit: fill; height: 100%; min-height: 100%; position: absolute; inset: 0%; } .border-svg.mobile { display: none; } .border-svg.desktop { inset: 1px; } .border-svg.width-100 { width: 100%; } .border-svg.width-100.desktop { display: block; } .section_upnext-card { display: block; position: relative; } .events-slider_content-wrapper { display: none; position: relative; } .slider-buttons-wrapper { gap: 1rem; color: var(--_colors---neutral-900); justify-content: flex-start; align-items: center; display: flex; position: static; inset: 1rem 0% auto auto; } .slider-buttons-wrapper.position-relative { position: relative; top: auto; } .slider-buttons-wrapper.up-next { justify-content: space-between; margin-bottom: 2.5rem; } .events-tab-link { background-color: var(--_theme---button-secondary--background); color: rgb(159, 159, 159); padding-left: 0px; } .events-tab-link.w--current { background-color: var(--_theme---button-secondary--background); color: var(--_colors---neutral-900); } .events-tab-text { font-family: var(--_typography---font--secondary-family); font-size: var(--size--2rem); font-weight: var(--_typography---font--primary-bold); text-decoration: none; } .events-tab-text.w--current { background-color: var(--_theme---button-secondary--background); color: var(--_colors---neutral-900); padding-left: 0px; } .event-tabs-menu { color: rgb(159, 159, 159); margin-bottom: 1rem; } .events_collection-list.swiper { flex-flow: column; width: 100%; min-width: 100%; display: flex; overflow: visible; } .events_collection-list-wrapper.swiper-wrapper { width: 100%; min-width: 100%; display: flex; } .event-card-name { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: var(--size--2-5rem); line-height: var(--_typography---line-height--1-1); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .date-location-wrapper._2 { margin-top: 20px; } .date-location-wrapper._2.smaller { gap: 3px; flex-flow: column; margin-top: 10px; display: flex; } .date-location-wrapper._2.here._31 { gap: 2px; flex-flow: column; justify-content: center; align-items: flex-start; margin-top: 10px; display: flex; } .event-card_date { color: var(--_colors---neutral-700); text-transform: uppercase; font-size: 1.125rem; } .event-card_date.smaller { font-size: 1rem; line-height: 1.2; } .event-card_date.small { font-size: 1.05rem; line-height: 1.2; } .event-card_location { color: var(--_colors---neutral-700); text-transform: uppercase; font-size: 1.125rem; } .event-card_location.smaller { font-size: 1rem; line-height: 1.2; } .event-card_location.small { font-size: 1.05rem; line-height: 1.2; } .event-card_button-group { gap: 0.625rem; justify-content: flex-start; align-items: center; display: flex; } .main-cta_content { flex-flow: column; justify-content: flex-start; align-items: center; height: auto; display: flex; position: relative; } .main-cta_content.align-left { justify-content: flex-start; align-items: flex-start; } .main-cta_content.align-left.padding-left.padding-xlarge { height: auto; min-height: 27rem; } .main-cta_content.align-left.padding-horizontal.padding-xlarge { justify-content: center; align-items: flex-start; min-height: 27rem; } .main-cta_content.align-left.padding-horizontal.padding-xlarge.align-bottom { justify-content: flex-end; align-items: flex-start; } .main-cta_bg-image { height: 100%; position: absolute; inset: 0%; } .main-cta_bg-image.mobile { display: none; } .main-cta_bg-image.desktop { object-fit: cover; width: 100%; min-width: 40rem; } .main-cta_text-content { z-index: 1; gap: 2.25rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .main-cta_text-content.max-width-large { z-index: 5; gap: 2rem; justify-content: center; align-items: center; padding-left: 1rem; padding-right: 1rem; } .main-cta_text-content.max-width-large.align-left { z-index: 4; justify-content: center; align-items: flex-start; } .main-cta_main-text { font-family: var(--_typography---font--secondary-family); font-size: var(--size--3rem); line-height: var(--_typography---line-height--1-3); font-weight: var(--_typography---font--primary-bold); text-align: center; text-transform: uppercase; } .main-cta_main-text.text-align-left { text-align: left; } .text-color-red { color: var(--_colors---brand-red); } .main-cta_cta-button { background-color: var(--_colors---neutral-200); border-radius: 0.375rem; padding: 0.3rem; } .cta-button-text { color: var(--_colors---neutral-900); font-size: var(--_type-styles---text-large--font-size); line-height: var(--_typography---line-height--1-1); text-align: center; text-transform: uppercase; } .red-highlight { background-color: var(--_colors---brand-red); color: var(--_colors---neutral-100); padding-left: 0.2rem; padding-right: 0.25rem; } .section_feature-package { display: none; position: relative; } .feature-package_text.text-size-2rem.text-color-red { line-height: var(--_typography---line-height--1-3); } .feature-package_list-wrapper { gap: 1.75rem; flex-flow: column; justify-content: space-between; align-items: flex-start; padding-top: 2rem; display: flex; } .section_feature-content { position: relative; } .content-card { height: 100%; padding: 1.5rem; position: relative; } .content-card_content { z-index: 1; gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .content-card_content.horizontal { flex-flow: row; justify-content: center; align-items: stretch; } .content-card_text-wrapper { gap: 1.25rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .content-card_text-wrapper.small { gap: 0.5rem; } .content-card_title-text { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: var(--_type-styles---text-large--font-size); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; text-overflow: ellipsis; } .content-card_title-text.text-size-140 { font-size: 8.75rem; line-height: var(--_typography---line-height--9); text-transform: uppercase; } .content-card_title-text.text-size-170 { font-size: 10.625rem; line-height: var(--_typography---line-height--9); text-transform: uppercase; } .content-card_title-text.text-size-2rem { font-size: var(--size--2rem); } .content-card_title-text.text-size-2rem.text-color-red { line-height: var(--_typography---line-height--1-3); } .weigh-in-wrapper { gap: 0.75rem; justify-content: flex-start; align-items: center; display: flex; } .weigh-in-wrapper._2 { margin-top: 10px; } .weigh-in-tag { background-color: var(--_colors---neutral-100); color: var(--_colors---neutral-700); font-size: 0.875rem; line-height: var(--_typography---line-height--1-1); text-transform: uppercase; border-radius: 0.375rem; padding: 0.5rem; } .text-color-grey { color: var(--_colors---neutral-700); } .weigh-in-date { color: var(--_colors---neutral-700); text-transform: uppercase; font-size: 0.875rem; } .content-card_exerpt { font-family: var(--_typography---font--tertiary-family); color: var(--_colors---neutral-700); text-overflow: ellipsis; } .button-icon { width: 1rem; height: 1rem; } .button-icon.visible { flex: 0 0 auto; } .content-card-large { padding: 1.5rem; position: relative; } .content-card-horizontal { padding: 1.5rem; position: relative; } .section_athlete-slider { display: block; position: relative; } .athlete-slider_header-button-wrap { justify-content: space-between; align-items: center; margin-bottom: 2.5rem; display: flex; } .athlete-slider_header { color: var(--_colors---neutral-900); font-size: var(--size--2rem); text-transform: uppercase; text-decoration: none; } .athlete-slider_header.w--current { background-color: var(--_theme---button-secondary--background); color: var(--_colors---neutral-900); padding-left: 0px; } .athlete-slider-buttons-wrapper { gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .athlete-slider_collection-list.swiper { flex-flow: column; width: 100%; min-width: 100%; display: flex; } .athlete-slider_collection-list-wrapper.swiper-wrapper { width: 100%; min-width: 100%; display: flex; } .athlete-slider_slide.swiper-slide { width: 20%; min-height: 100%; display: flex; } .athlete-slider_card { width: 100%; height: 25rem; position: relative; overflow: clip; } .athlete-slider_card-content { justify-content: space-between; align-items: center; width: 100%; padding-left: 1rem; padding-right: 1rem; display: flex; position: absolute; bottom: 1rem; } .athlete-slider_card-headshot { border: 1px solid var(--_colors---neutral-100); border-radius: 100px; width: 2.625rem; } .athlete-headshot-wrapper { gap: 0.625rem; justify-content: flex-start; align-items: center; display: flex; } .section_merch { position: relative; } .merch_header-wrapper { gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: center; margin-bottom: 3rem; display: flex; } .merch_header { text-align: center; } .merch_subheader-logo { text-align: center; text-transform: uppercase; max-width: 20rem; } .merch_subheader-logo.left { text-align: left; max-width: none; } .merch_merch-cards-wrapper { gap: 1rem; justify-content: flex-start; align-items: stretch; display: flex; } .section_footer { position: relative; } .footer_content-top-wrapper { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: center; margin-bottom: 3rem; display: grid; } .footer_links-wrapper { gap: 3.75rem; justify-content: flex-start; align-items: center; display: flex; } .footer_link:hover { color: var(--_colors---brand-red); } .footer_link-text { font-weight: var(--_typography---font--primary-medium); text-transform: uppercase; } .newsletter-form-wrapper { gap: 0.75rem; flex-flow: column; justify-content: flex-end; align-items: flex-end; display: flex; } .newsletter-form-header { color: var(--_colors---neutral-400); text-align: center; font-family: Spacegrotesk, Arial, sans-serif; } .newsletter-form { width: 21.25rem; margin-bottom: 0px; } .newsletter_text-field { background-color: rgb(0, 0, 0); border: 1px solid rgb(88, 88, 88); height: 3rem; margin-bottom: 0px; overflow: visible; } .newsletter_text-field::placeholder { text-transform: uppercase; } .newsletter_text-field.margin-bottom.margin-small { margin-bottom: 1rem; } .newsletter_submit-button { z-index: 2; opacity: 0; position: absolute; top: 2px; right: 0px; } .newsletter_form-wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .newsletter_button-overlay { width: 2.9rem; height: 2.9rem; position: absolute; top: 0px; right: 1px; overflow: hidden; } .button-image { width: 3rem; } .footer_bottom-content { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: end stretch; display: flex; } .footer_about-raf { width: 22.5rem; } .footer-text { font-family: var(--_typography---font--tertiary-family); } .footer-text.subtext { color: var(--_theme---text--text-secondary); font-size: 0.875rem; } .footer-text.link { font-size: 0.875rem; text-decoration: none; } .footer-text.link:hover { text-decoration: underline; } .footer_terms-link-wrapper { gap: 2rem; justify-content: center; align-items: center; display: flex; } .footer_social-links-wrapper { gap: 2rem; justify-content: flex-end; align-items: center; display: flex; } .footer_social-link { flex: 0 0 auto; width: 2rem; } .rab-logo { width: 8.75rem; } .section_blog-hero { position: relative; } .blog-hero_heading-wrapper { max-width: var(--container--small); gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-top: 4rem; padding-bottom: 2rem; display: flex; } .blog-hero_heading-text.heading-style-h3 { text-transform: uppercase; } .blog-hero_heading-text.heading-style-h3.line-height-1-1 { line-height: var(--_typography---line-height--1-1); } .share-text.text-color-black { font-weight: var(--_typography---font--primary-medium); } .section_blog-body { position: relative; } .blog-body_rich-text-wrapper { flex-flow: column; justify-content: space-between; display: flex; } .content-right_cta.blogs { padding-bottom: 3rem; } .section_logos { display: none; position: relative; } .logo-list_collection-wrapper { gap: 100px; justify-content: space-between; align-items: center; display: flex; } .section_event-card { position: relative; } .event-card_heading-wrapper { margin-bottom: 3rem; } .event-card_heading { color: var(--_colors---neutral-900); text-align: center; text-transform: uppercase; } .footer-logo { height: 3rem; } .event-card_card { padding-right: var(--size--0rem); padding-left: var(--size--0rem); height: auto; margin-bottom: 2rem; position: relative; } .event-card_card.no-margin { margin-bottom: 0px; } .event-card_card-eyebrow { color: var(--_colors---neutral-700); text-align: center; text-transform: uppercase; } .event-card_card-content { z-index: 2; background-color: rgb(228, 228, 228); border: 1px solid rgb(189, 189, 189); padding-bottom: 2rem; position: relative; } .event-card_card-heading-wrapper { gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 12rem 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center; margin-top: 2rem; margin-bottom: 1.5rem; display: grid; } .event-card_card-heading-text { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: var(--size--2rem); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .event-card_fighters-wrapper { padding-right: var(--size--2-5rem); padding-bottom: 2.5rem; padding-left: var(--size--2-5rem); gap: 2rem; justify-content: space-between; align-items: center; display: flex; } .event-card_fighter-image { width: 14rem; min-width: 10rem; } .fighter-country-wrapper { gap: 0.5rem; border-top: 1px solid rgb(189, 189, 189); justify-content: flex-end; align-items: center; width: 100%; padding-top: 0.875rem; padding-bottom: 0.875rem; display: flex; } .fighter-left-stat { gap: 0.5rem; text-align: right; border-top: 1px solid rgb(189, 189, 189); justify-content: flex-end; align-items: center; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; } .fighter-right-stat { gap: 0.5rem; text-align: left; border-top: 1px solid rgb(189, 189, 189); justify-content: flex-start; align-items: center; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; } .fighter-stat-label { text-align: center; flex-flow: column; justify-content: center; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; } .content-card_image { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; min-width: 100%; } .event-navbar_cta { gap: 1rem; justify-content: flex-end; align-items: center; display: flex; } .event-nav-logo { height: 2.875rem; } .event-navbar_content { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; padding-top: 0.75rem; padding-bottom: 0.75rem; display: grid; } .slider-btn-wrapper { gap: 0.5rem; display: flex; } .event-card_mobile-heading-wrapper { display: none; } .merch_sub-logo-wrap { padding-top: 2rem; } .div-block-2 { width: 100%; } .merch_modal { z-index: 100; flex-flow: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; display: none; position: fixed; inset: 0%; } .modal-button-wrapper { justify-content: center; align-items: center; margin-top: 2rem; display: flex; } .up-next-location-wrapper { gap: 0.25rem; justify-content: flex-start; align-items: center; display: flex; } .up-next_button-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .section_blog-page-hero, .section_blog-page-cards { position: relative; } .blog-filter_field { color: var(--_colors---neutral-700); text-align: right; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-width: 1px 1px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-color: rgb(0, 0, 0); border-image: initial; border-bottom-style: solid; margin-bottom: 0px; padding-left: 7.1rem; } .blog-filter_field.search { color: var(--_colors---neutral-900); text-align: left; min-width: 30rem; max-width: 40rem; padding-left: 2.5rem; } .filter-section_form { gap: 1.5rem; justify-content: center; align-items: center; display: flex; } .card-list_collection-grid { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section_about-hero { display: block; position: relative; } .section_simple-text { position: relative; } .simple-text_heading-wrapper { max-width: 30rem; } .simple-text_heading-wrapper.flex-center { justify-content: center; align-items: center; display: flex; } .section_our-mission { position: relative; } .section_team { position: relative; } .section_partners { position: relative; } .partners_heading-wrapper { gap: 2.25rem; flex-flow: column; max-width: 30rem; display: flex; } .athletes-list-grid { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .athlete-card { height: 100%; position: relative; } .athlete-name.heading-style-h6.text-color-black { color: var(--_colors---neutral-900); } .athlete-title { color: var(--_colors---neutral-400); font-size: var(--size--0-75rem); text-transform: uppercase; white-space: nowrap; } .athlete-name-wrapper { gap: 0.5rem; flex-flow: row; justify-content: flex-start; align-items: center; margin-top: 1rem; } .athlete-stats-wrapper { gap: 0.5rem; flex-flow: column; margin-top: 0.5rem; display: flex; } .athlete-flag-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .athlete-flag { height: 1rem; } .flag-text.text-color-white { color: var(--_theme---button-secondary--text); } .athlete-stat-text { color: var(--_colors---neutral-900); text-transform: uppercase; min-width: 30%; } .athlete-stat-text.text-weight-medium { text-align: right; flex: 0 0 auto; } .athlete-stat-text.text-weight-medium.text-color-white { color: var(--_theme---button-primary--text); } .athlete-stat-text.text-weight-medium.center { text-align: center; } .athlete-stat-text.no-min-width { min-width: 0%; } .athlete-image { z-index: 2; width: 100%; position: relative; } .athlete-record-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: none; } .athletes-tabs-menu { color: var(--_theme---text--text-secondary); justify-content: center; align-items: flex-start; margin-bottom: 1.5rem; display: flex; } .athlete-tab-link { background-color: var(--_theme---button-secondary--background); font-size: var(--_type-styles---h4--font-size); padding: 0px 1.5rem; } .athlete-tab-link.w--current { background-color: var(--_theme---button-secondary--background); font-family: var(--_typography---font--secondary-family); color: var(--_theme---border--border-primary); font-size: var(--_type-styles---h4--font-size); text-transform: uppercase; padding: 0px 1.5rem; } .athlete-tab-text { font-family: var(--_typography---font--secondary-family); font-size: var(--_type-styles---h4--font-size); text-transform: uppercase; } .athlete-hero_subtext { text-align: center; text-transform: uppercase; max-width: 29.375rem; } .athlete-hero_stat-wrapper { gap: 1.25rem; justify-content: flex-start; align-items: center; display: flex; } .athlete-hero_flag-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .athlete-hero_flag { height: 1.25rem; } .athlete-hero_record-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .section_athlete-stat-section { position: relative; } .athlete-stat-section_content { gap: 3.75rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: flex; } .athlete-page-headshot { object-fit: contain; width: 16.25rem; } .athlete-stat-section_content-text { width: 100%; } .athlete-stat-section_content-flex { gap: 16px 3.75rem; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; display: flex; } .athlete-stat-section_content-left { gap: 0.75rem; flex-flow: column; display: flex; } .athlete-stat-section_paragraph-wrapper { margin-top: 2rem; } .athlete-stat-section_paragraph-text { font-family: var(--_typography---font--tertiary-family); color: var(--_colors---neutral-700); } .section_latest-news { position: relative; } .latest-news_slider-wrapper { gap: 3.5rem; flex-flow: column; display: flex; } .latest-news_slider-nav-wrapper { justify-content: space-between; align-items: center; display: flex; } .latest-news_slider-heading.heading-style-h4.text-color-black { text-transform: uppercase; } .blog_collection-list-wrapper.swiper-wrapper { width: 100%; min-width: 100%; display: flex; overflow: clip; } .blog_collection-item.swiper-slide { flex: 0 0 auto; width: 32%; } .g_header_subheading-extra:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .g_header_subheading-extra.center-42 { text-transform: uppercase; margin-top: 0.5rem; margin-bottom: 0.5rem; } .form__input.state { background-image: url("assets/images/68b839e791bf6a068d708617_maps-and-flags.svg"); background-position: 14px center; background-repeat: no-repeat; background-size: 22px; padding-left: 45px; } .section_athlete-record { position: relative; } .athlete-record_header { margin-bottom: 4rem; } .athlete-record_header-text.heading-style-h4.text-color-black { text-transform: uppercase; } .athlete-record_card-wrapper { gap: 1rem; flex-flow: column; display: flex; } .athlete-record_card { gap: 0px; grid-template-rows: auto; grid-template-columns: 1.2fr 1fr 1fr 1fr 0.5fr 0.5fr 1fr; grid-auto-columns: 1fr; padding: 1.5rem; display: block; position: relative; } .athlete-record_card-grid { z-index: 1; gap: 1rem; grid-template-rows: auto; grid-template-columns: 1.2fr 1fr 1fr 1fr 0.5fr 0.5fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .athlete-record_card-image-group { justify-content: center; align-items: center; display: flex; } .athlete-record_image-tag { background-color: var(--_colors---neutral-700); border-radius: 0.5rem; padding: 0.5rem; position: absolute; inset: auto auto 0.5rem 0.5rem; } .athlete-record-image { object-fit: cover; width: 100%; height: 100%; } .athlete-record_card-button-group { gap: 0.75rem; flex-flow: column; display: flex; } .section_athlete-stat-section2 { position: relative; } .athlete-stat2_header-text { font-family: var(--_typography---font--secondary-family); font-size: var(--_type-styles---text-large--font-size); line-height: var(--_typography---line-height--1-1); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .athlete-stat2_header-text.heading-style-h4.text-color-black { font-size: var(--_type-styles---h4--font-size); text-align: center; text-transform: uppercase; } .athlete-stat2_content-wrapper { gap: 2.5rem; flex-flow: column; display: flex; } .athlete-stat2_header-wrapper { justify-content: center; align-items: center; padding: 1.5rem; display: flex; position: relative; } .athlete-stat2_header { z-index: 1; justify-content: space-around; align-items: center; width: 100%; display: flex; position: relative; } .athlete-stat2_stat-wrapper { gap: 2.5rem; flex-flow: column; display: flex; } .athlete-stat2_stat-card-wrapper { gap: 1.25rem; display: flex; } .athlete-stat2_stat-card { gap: 1.25rem; justify-content: flex-start; align-items: stretch; width: 100%; padding: 2rem; display: flex; position: relative; } .athlete-stat2_card-visual { position: relative; } .athlete-stat2_card-content { gap: 1rem; flex-flow: column; padding-top: 1rem; padding-bottom: 1rem; display: flex; position: relative; } .athlete-stat2_card-header { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: var(--_type-styles---text-large--font-size); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .athlete-stat2_card-stat-wrapper { flex-flow: column; display: flex; } .athlete-stat2_more-stats { gap: 1.5rem; flex-flow: column; margin-bottom: 2rem; display: flex; } .athlete-record_header-copy { margin-bottom: 4rem; } .more-stats_stat-cell { border-bottom: 1px solid rgb(203, 203, 203); justify-content: space-between; align-items: center; padding-top: 0.75rem; padding-bottom: 0.75rem; display: flex; } .filter-section_reset-button { gap: 0.5rem; color: var(--_colors---neutral-900); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; justify-content: flex-start; align-items: center; display: flex; } .section-button-wrap { justify-content: center; align-items: center; padding-top: 2rem; display: flex; } .event-card_eyebrow-wrapper { gap: 0.75rem; background-color: rgb(240, 240, 240); border-width: 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-color: rgb(189, 189, 189); border-image: initial; border-bottom-style: solid; justify-content: center; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; } .event-card_championship-tag { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .event-card_championship-text { color: var(--_colors---neutral-900); text-transform: uppercase; } .footer_legal-links { gap: 2rem; justify-content: center; align-items: center; margin-top: 2rem; display: flex; } .tabs-content { overflow: visible; } .athlete-image-bg { position: absolute; inset: 0%; } .athlete-weight-wrapper { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .load-more-button { background-color: var(--_theme---button-secondary--background); } .navbar_dropdown { font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .event-card_takedowns-content { background-color: var(--_theme---background--background-secondary); margin-bottom: 0.1rem; margin-left: 2.5rem; margin-right: 2.5rem; padding: 1rem 1rem 0.75rem; } .event-card_takedowns-container { max-width: 30rem; margin-left: auto; margin-right: auto; } .event-card_takedowns-heading { justify-content: center; align-items: center; padding-bottom: 0.5rem; display: flex; } .event-card_takedowns-heading-text { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: var(--size--1-5rem); font-weight: var(--_typography---font--primary-bold); text-transform: uppercase; } .event-card_athlete-name-wrapper { gap: 0.5rem; flex-flow: row; justify-content: flex-start; align-items: center; margin-top: 0px; display: flex; } .event-location-wrapper { gap: 0.2rem; justify-content: flex-start; align-items: center; display: flex; } .main-cta_overlay { z-index: 2; background-color: rgba(0, 0, 0, 0.3); position: absolute; inset: 0%; } .main-cta_overlay.fox { background-color: rgba(0, 0, 0, 0.65); } .section-2 { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url("assets/images/6993781814630e17b050c246_1920x1080_Blank.jpg"); background-position: 0px 0px, 50% center; background-repeat: repeat, no-repeat; background-size: auto, cover; flex-flow: column; justify-content: flex-end; align-items: center; height: 85vh; display: flex; } .div-block-3 { text-align: center; width: 600px; margin-bottom: 80px; } .div-block-4 { gap: 20px; justify-content: center; align-items: center; margin-top: 20px; display: flex; } .container-2 { width: 1100px; max-width: none; padding-top: 60px; padding-bottom: 140px; } .container-2._2 { padding-top: 0px; } .text-block-2 { letter-spacing: 0.1em; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 0.9rem; font-weight: 700; line-height: 1.5; } .text-block-2.bigger { font-size: 1rem; } .text-block-2._2 { font-size: 1.6rem; line-height: 1.2; } .text-block-2.smaller { font-size: 0.9rem; } .div-block-5 { justify-content: space-between; align-items: center; margin-top: 160px; display: flex; } .div-block-6 { width: 50%; } .heading-2 { text-transform: uppercase; margin-top: 0.5rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.8rem; font-weight: 700; line-height: 1.2; } .div-block-7 { flex: 1 1 0%; height: 350px; margin-left: 60px; position: relative; } .div-block-8 { margin-top: 140px; position: relative; } .div-block-9 { justify-content: space-between; align-items: center; display: flex; } .heading-3 { text-transform: uppercase; margin-top: 0px; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 1.2; } .heading-3.center { text-align: center; } .div-block-10 { margin-top: 40px; } .slider { background-color: rgba(221, 221, 221, 0); width: 420px; height: 100%; position: static; } .div-block-11 { flex-flow: column; height: 100%; padding: 30px; display: flex; } .div-block-12 { background-image: url("assets/images/698d343146034380c448f217_Frame_1105.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex: 0 0 auto; height: 250px; } .div-block-12._2 { background-image: url("assets/images/69935eb27b14fc88f168054d_DSC08401.jpg"); background-position: 50% 15%; } .div-block-12._3 { background-image: url("assets/images/698d3603d28690f699389770_Frame_1105d.jpg"); } .div-block-12._4 { background-image: url("assets/images/698ffabfe7fe68129c5b8532_Frame_1105cxxz.jpg"); } .slide-nav { display: none; } .div-block-13 { padding-top: 20px; } .div-block-14 { flex-flow: column; justify-content: flex-start; align-items: center; margin-top: 160px; display: flex; } .div-block-14.hide { display: flex; } .div-block-15 { gap: 40px; flex-flow: column; width: 100%; margin-top: 40px; display: flex; } .div-block-16 { border: 1px solid rgb(48, 48, 48); justify-content: space-between; align-items: stretch; height: 380px; padding: 25px; display: flex; position: relative; } .div-block-17 { background-image: url("assets/images/Copy_of_1A7A6734.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex-flow: column; flex: 0 0 auto; justify-content: space-between; align-items: stretch; width: 400px; display: block; } .div-block-17.fan { background-image: url("assets/images/sdasdfsda.jpg"); } .div-block-18 { gap: 40px; flex-flow: column; flex: 1 1 0%; justify-content: space-between; margin-left: 40px; padding-top: 10px; padding-bottom: 10px; display: flex; } .heading-2-copy { text-transform: uppercase; margin-top: 0.5rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.8rem; font-weight: 700; line-height: 1.2; } .heading-2-copy.smaller { font-size: 2.2rem; } .div-block-19 { gap: 4px; flex-flow: column; justify-content: center; align-items: flex-start; margin-top: 0.75rem; display: flex; } .text-block-3 { color: rgb(239, 239, 239); letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; } .text-block-3.dark { color: rgb(48, 48, 48); } .text-block-3.dark.hide-desktop { display: none; } .text-block-3.dark.shrink { letter-spacing: -0.75px; } .div-block-20 { gap: 5px; justify-content: flex-start; align-items: center; display: flex; } .div-block-21 { justify-content: space-between; align-items: center; display: flex; } .div-block-22 { gap: 15px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 0.5rem; display: grid; } .div-block-23 { border: 1px solid rgb(48, 48, 48); justify-content: space-between; align-items: center; padding: 10px; display: flex; } .div-block-24 { background-color: rgb(90, 90, 90); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 60px; height: 60px; } .div-block-25 { flex: 1 1 0%; margin-left: 10px; } .text-block-4 { letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 0.9rem; font-weight: 400; line-height: 1.5; } .text-block-5 { letter-spacing: 0px; white-space: normal; word-break: normal; height: 18px; font-family: Sometypemono, Arial, sans-serif; font-size: 0.8rem; font-weight: 400; line-height: 1.5; overflow: hidden; } .div-block-26 { margin-top: 160px; } .div-block-27 { justify-content: flex-end; align-items: flex-start; display: flex; } .div-block-28 { flex: 1 1 0%; margin-left: 40px; } .div-block-28.bhfg { margin-left: 0px; } .div-block-29 { gap: 0px; flex-flow: column; margin-top: 40px; display: flex; } .text-block-6 { letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.5; } .div-block-30 { justify-content: space-between; align-items: flex-start; padding-right: 20px; display: flex; } .div-block-31 { background-color: rgb(48, 48, 48); border: 1px rgb(48, 48, 48); height: 1px; margin-top: 25px; } .div-block-32 { cursor: pointer; padding-top: 30px; } .div-block-33 { flex-flow: column; width: 550px; display: flex; position: absolute; inset: 0% auto auto 0%; } .div-block-34 { flex-flow: column; flex: 0 0 auto; width: 40%; display: flex; position: sticky; top: 120px; } .section-3 { justify-content: space-between; align-items: stretch; display: flex; } .div-block-35 { background-image: url("assets/images/698e582c659ed1f11f1bebae_vbvb.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex: 0 0 auto; width: 45%; height: 92vh; position: sticky; top: 62px; } .div-block-36 { gap: 60px; flex-flow: column; flex: 1 1 0%; padding: 75px 50px 60px; display: flex; } .text-block-7 { color: rgb(255, 255, 255); text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1; } .text-block-7.black { color: var(--_theme---border--border-primary); } .heading-4 { margin-top: 1rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 6rem; font-weight: 700; line-height: 0.9; } .heading-4.black { color: var(--_theme---border--border-primary); text-transform: uppercase; font-size: 4.2rem; } .div-block-37 { justify-content: space-between; align-items: center; margin-top: 0px; display: flex; } .div-block-38 { gap: 5px; justify-content: flex-start; align-items: center; display: flex; } .text-block-8 { text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.5; } .text-block-9 { color: rgb(239, 239, 239); letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1rem; font-weight: 400; } .div-block-39 { margin-top: 20px; } .div-block-40 { gap: 15px; flex-flow: column; margin-top: 20px; display: flex; } .div-block-41 { border: 1px solid rgb(48, 48, 48); justify-content: space-between; padding: 20px; display: flex; } .div-block-42 { background-image: url("assets/images/698d36041bdc058352231ff2_Frame_1105sd.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 150px; height: 150px; } .div-block-43 { gap: 10px; flex-flow: column; flex: 1 1 0%; justify-content: center; align-items: flex-start; margin-left: 20px; display: flex; } .text-block-10 { letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 1; } .div-block-44 { border: 1px solid rgb(48, 48, 48); justify-content: space-between; padding: 10px; display: flex; } .div-block-45 { background-color: rgb(75, 75, 75); background-image: url("assets/images/698ffabf23d71e51ac6899c0_Frame_1105.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 70px; height: 70px; } .div-block-45._2 { background-image: url("assets/images/69935eb27b14fc88f168054d_DSC08401.jpg"); } .div-block-45._3 { background-image: url("assets/images/698ffabf360595138b2abd6d_xzc.jpg"); } .div-block-45._4 { background-image: url("assets/images/698ffabfe7fe68129c5b8532_Frame_1105cxxz.jpg"); } .div-block-46 { gap: 4px; flex-flow: column; flex: 1 1 0%; justify-content: center; align-items: flex-start; margin-left: 20px; display: flex; } .text-block-11 { letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.5; } .text-block-12 { text-align: left; letter-spacing: 0px; font-family: Spacegrotesk, Arial, sans-serif; font-size: 0.9rem; font-weight: 400; line-height: 1.2; } .div-block-40-copy { gap: 10px; flex-flow: column; margin-top: 20px; display: flex; } .div-block-47 { margin-top: 10px; } .div-block-48 { justify-content: flex-start; align-items: center; margin-top: 15px; display: flex; } .div-block-49 { gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: 20px; display: grid; } .div-block-50 { text-align: center; margin-top: 20px; } .div-block-51 { gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-top: 20px; display: flex; } .div-block-52 { border: 1px solid rgb(48, 48, 48); justify-content: space-between; height: 175px; padding: 15px; display: flex; } .div-block-52.smaller { height: 150px; } .div-block-53 { background-image: url("assets/images/698d3939b09643f0b17c636c_Frame_485561.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex-flow: column; flex: 1 1 0%; justify-content: space-between; align-items: center; width: 140px; height: 100%; min-height: 100%; } .div-block-54 { gap: 20px; flex-flow: column; flex: 0 0 auto; justify-content: center; align-items: flex-start; margin-right: 20px; display: flex; } .text-block-13 { letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.2; } .div-block-55 { gap: 4px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .text-block-14 { color: rgb(159, 159, 159); text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.2; } .div-block-56 { gap: 4px; justify-content: flex-start; align-items: center; display: flex; } .section-4 { padding-bottom: 140px; } .div-block-57 { margin-top: 60px; overflow: hidden; } .heading-5 { text-align: center; letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 3rem; font-weight: 700; line-height: 0.9; } .collection-list { justify-content: center; align-items: center; width: 100%; display: flex; } .collection-item { width: 32%; } .collection-list-wrapper { width: 100%; margin-top: 60px; } .div-block-58 { gap: 15px; margin-top: 0.5rem; display: flex; } .div-block-58.heree { gap: 15px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-59 { gap: 120px; justify-content: flex-start; align-items: center; padding-top: 40px; padding-bottom: 40px; display: flex; } .div-block-60 { gap: 120px; flex: 0 0 auto; justify-content: flex-start; align-items: center; display: flex; } .image-10 { width: 40vw; transform: rotate(4deg); } .div-block-61 { position: relative; } .div-block-63 { z-index: 99; background-color: rgb(255, 255, 255); justify-content: space-between; align-items: center; width: 100vw; height: 110px; padding-left: 20px; padding-right: 20px; display: flex; position: sticky; bottom: 0px; } .div-block-64 { gap: 15px; justify-content: flex-start; align-items: center; display: flex; } .div-block-65 { background-image: url("assets/images/698d3939b09643f0b17c636c_Frame_485561.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 100px; height: 70px; } .div-block-66 { gap: 5px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .text-block-15 { color: rgb(0, 0, 0); letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 0.9rem; font-weight: 700; line-height: 1; } .text-block-16 { color: rgb(15, 15, 15); text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 2rem; font-weight: 700; line-height: 1; } .div-block-67 { gap: 20px; justify-content: flex-start; align-items: center; display: inline-flex; position: absolute; inset: 25px 25px auto auto; } .div-block-67.mobile { display: none; } .div-block-67.desktop.clinic { z-index: 99; top: 0px; right: 0px; } .collection-list-2 { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section-5 { height: 85vh; padding: 20px; } .div-block-68 { justify-content: space-between; align-items: center; height: 100%; display: flex; } .div-block-69 { background-image: url("assets/images/Copy_of_1A7A6734.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 45vw; height: 100%; } .div-block-70 { flex: 1 1 0%; margin-left: 60px; margin-right: 120px; } .div-block-71 { gap: 20px; justify-content: flex-start; align-items: center; margin-top: 40px; display: flex; } .div-block-72 { padding-top: 20px; padding-bottom: 20px; display: block; } .div-block-73 { gap: 15px; border-top: 1px solid rgb(244, 21, 21); border-bottom: 1px solid rgb(244, 21, 21); justify-content: flex-start; align-items: center; height: 50px; display: flex; } .div-block-74 { gap: 15px; flex: 0 0 auto; justify-content: flex-start; align-items: center; display: flex; } .text-block-17 { letter-spacing: 0px; flex: 0 0 auto; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.1rem; font-weight: 700; line-height: 1; } .image-11 { flex: 0 0 auto; } .div-block-75 { gap: 15px; justify-content: flex-start; align-items: center; display: flex; } .div-block-76 { background-image: url("assets/images/699640ed200e8e7e475d4784_Frame_1105.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 500px; height: 450px; } .div-block-77 { flex: 1 1 0%; margin-left: 60px; } .rich-text-block { gap: 10px; flex-flow: column; display: flex; } .rich-text-block.black { color: rgb(15, 15, 15); font-family: Spacegrotesk, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; } .div-block-78 { margin-top: 60px; display: flex; } .div-block-79 { border: 1px solid rgb(48, 48, 48); flex-flow: column; justify-content: space-between; width: 42%; padding: 15px; display: flex; } .div-block-80 { gap: 15px; flex-flow: column; flex: 1 1 0%; justify-content: space-between; margin-left: 20px; display: flex; } .div-block-81 { border: 1px solid rgb(48, 48, 48); padding: 15px; display: flex; } .div-block-82 { background-color: rgb(48, 48, 48); width: 120px; height: 120px; } .div-block-82.sdfg { background-image: url("assets/images/69a5c79ab6c372a5c60c4393_Image_from_iOS_(5).jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .div-block-82.ghj { background-image: url("assets/images/69a5c7f476ad449e8480c205_DSC01231.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .div-block-82.hbnmghb { background-image: url("assets/images/69a5c80334396a2928ee4ad1_RAF06_PhotoShoot_JO-15.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .div-block-82.fgngh { background-image: url("assets/images/69966c1a1f3b851564a88fd8_Frame_1105.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .div-block-83 { gap: 5px; flex-flow: column; flex: 1 1 0%; justify-content: center; align-items: flex-start; margin-left: 20px; margin-right: 20px; display: flex; } .text-block-18 { letter-spacing: 0px; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.5; } .text-block-18.big { font-size: 1.6rem; } .text-block-18.small { font-size: 1rem; line-height: 1.3; } .text-block-19 { font-family: Spacegrotesk, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; } .text-block-19.big { font-size: 1.2rem; line-height: 1.4; } .text-block-19.small { font-size: 0.9rem; display: none; } .div-block-84 { background-color: rgb(48, 48, 48); background-image: url("assets/images/69a5c79aea7c2b056a4c7f21_unnamed_(3)_(1).jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex: 1 1 0%; } .div-block-85 { gap: 5px; flex-flow: column; padding: 20px; display: flex; } .div-block-86 { border: 1px solid rgb(48, 48, 48); flex-flow: row; flex: 1 1 0%; justify-content: flex-start; padding: 10px; } .div-block-87 { background-color: rgb(48, 48, 48); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex: 1 1 0%; width: 100%; height: 150px; } .div-block-88 { margin-top: 10px; } .div-block-16-copy { border: 1px solid rgb(48, 48, 48); justify-content: space-between; align-items: stretch; height: auto; padding: 25px; display: flex; position: relative; } .div-block-35-copy { background-image: url("assets/images/Copy_of_1A7A6734.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; flex: 0 0 auto; width: 45%; height: 92vh; position: sticky; top: 62px; } .div-block-65-copy { background-image: url("assets/images/Copy_of_1A7A6734.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 100px; height: 70px; } .div-block-89 { gap: 10px; justify-content: flex-start; align-items: center; display: flex; } .div-block-90 { gap: 20px; justify-content: flex-start; align-items: center; margin-top: 40px; display: flex; } .div-block-91 { gap: 20px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 20px; display: grid; } .div-block-92 { border: 1px solid rgb(48, 48, 48); flex-flow: column; padding: 15px; display: flex; } .div-block-93 { background-color: rgb(48, 48, 48); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 200px; } .div-block-94 { gap: 0px; flex-flow: column; margin-top: 15px; display: flex; } .div-block-5-copy { justify-content: space-between; align-items: center; margin-top: 160px; display: flex; } .div-block-95 { background-color: rgb(15, 15, 15); justify-content: flex-start; align-items: center; height: 100px; display: flex; overflow: hidden; } .div-block-96 { justify-content: flex-start; align-items: center; display: flex; } .div-block-97 { gap: 150px; flex: 0 0 auto; display: flex; } .collection-list-3 { gap: 150px; justify-content: space-between; align-items: center; display: flex; } .collection-list-wrapper-2 { flex: 0 0 auto; } .container-4 { padding-top: 180px; padding-bottom: 140px; } .div-block-98 { gap: 60px; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .heading-6 { color: var(--_theme---border--border-primary); text-align: center; letter-spacing: 0px; font-family: Vtcdubois, Arial, sans-serif; font-size: 3rem; font-weight: 700; line-height: 0.9; } .text-block-20 { color: var(--_theme---border--border-primary); text-align: center; margin-top: 20px; } .rich-text-block-2 { color: var(--_theme---border--border-primary); width: 100%; } .container-5 { width: 1100px; max-width: none; padding-top: 60px; padding-bottom: 120px; } .tabs-content-2 { margin-top: 40px; position: static; overflow: visible; } .tabs-menu { gap: 30px; justify-content: flex-start; align-items: center; display: flex; } .slider-2 { background-color: rgba(221, 221, 221, 0); width: 850px; height: auto; position: static; } .slide-nav-2 { display: none; } .div-block-99 { border: 1px rgb(212, 212, 212); width: 100%; height: 420px; padding: 15px; display: flex; position: relative; } .div-block-99._2 { border-style: none; } .div-block-99._3 { border-style: solid; height: 300px; } .div-block-100 { background-image: url("assets/images/698ffac0f18cc4d01b85dbbd_vfv.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 60%; } .div-block-100._2 { width: 45%; } .div-block-101 { flex-flow: column; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; margin-left: 30px; padding-top: 20px; display: flex; } .div-block-101._2 { justify-content: center; align-items: flex-start; margin-left: 20px; padding-top: 0px; } .text-block-21 { color: var(--_theme---border--border-primary); letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.5; } .text-block-22 { color: rgb(15, 15, 15); letter-spacing: 0px; text-transform: uppercase; margin-top: 10px; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.2rem; font-weight: 700; line-height: 1.2; } .text-block-22.smaller { margin-top: 5px; font-size: 1.8rem; } .section-6 { display: block; } .collection-list-4 { gap: 40px; flex-flow: column; display: flex; } .div-block-102 { margin-top: 20px; } .div-block-103 { display: flex; } .div-block-104 { gap: 30px; flex-flow: column; display: flex; } .div-block-105 { z-index: 2; gap: 20px; flex-flow: row; margin-top: 20px; display: flex; position: relative; } .div-block-105.vertical { gap: 10px; } .main-button { background-color: var(--_colors---brand-red); text-transform: uppercase; flex: 0 0 auto; justify-content: center; align-items: center; height: auto; padding-left: 12px; padding-right: 12px; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 600; display: inline-flex; } .main-button.smaller { justify-content: center; align-items: center; height: 35px; padding-left: 12px; padding-right: 12px; font-size: 0.9rem; display: flex; } .main-button.card { background-color: var(--_colors---neutral-900); height: 38px; margin-top: 20px; } .main-button.bigger { height: 60px; padding-left: 25px; padding-right: 25px; font-size: 1.2rem; } .secondary-button { color: var(--_theme---border--border-primary); text-transform: uppercase; background-color: rgb(255, 255, 255); flex: 0 0 auto; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 600; display: block; } .secondary-button.smaller { justify-content: center; align-items: center; height: 35px; padding-left: 12px; padding-right: 12px; font-size: 0.9rem; display: flex; } .secondary-button.bigger { justify-content: center; align-items: center; height: 60px; padding-left: 25px; padding-right: 25px; font-size: 1.2rem; display: flex; } .main-body { background-color: rgb(240, 240, 240); } .mask-2 { overflow: visible; } .slide-2 { margin-right: 40px; } .tab-pane-tab-1 { position: static; } .collection-list-wrapper-3 { display: block; } .div-block-106 { position: relative; } .button-2 { background-color: var(--_theme---border--border-primary); text-transform: uppercase; justify-content: center; align-items: center; height: 45px; padding-left: 20px; padding-right: 20px; font-family: Sometypemono, Arial, sans-serif; font-weight: 600; display: inline-flex; } .button-2.red { background-color: var(--_colors---brand-red); } .div-block-107 { position: absolute; inset: 0% 120px auto auto; } .tab-pane-tab-2 { position: static; } .section-7 { background-image: linear-gradient(83deg, rgb(0, 0, 0), rgba(15, 15, 15, 0) 44%), linear-gradient(90deg, rgba(0, 0, 0, 0) 47%, rgba(15, 15, 15, 0.8)), linear-gradient(rgba(3, 3, 3, 0.3), rgba(244, 21, 21, 0.3)), url("assets/images/69ab26ed65db94dae438b2ab_RAF06_Event_venue-4_(1).jpg"); background-position: 0px 0px, 0px 0px, 0px 0px, 50% center; background-repeat: repeat, repeat, repeat, no-repeat; background-size: auto, auto, auto, cover; justify-content: space-between; align-items: center; height: 200px; padding: 40px; display: flex; } .div-block-108 { gap: 30px; justify-content: flex-start; align-items: center; width: 45rem; display: flex; } .heading-7 { text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1.2; } .image-12 { height: 85px; } .div-block-109 { gap: 20px; flex-flow: column; justify-content: center; align-items: flex-end; display: flex; } .button-3 { background-color: var(--_colors---brand-red); letter-spacing: 0px; text-transform: uppercase; justify-content: center; align-items: center; height: 50px; padding-left: 30px; padding-right: 30px; font-family: Sometypemono, Arial, sans-serif; font-size: 1.1rem; font-weight: 700; line-height: 1.5; display: flex; } .text-block-23 { text-align: right; } .container-6 { max-width: 1100px; padding-top: 120px; padding-bottom: 120px; } .div-block-110 { gap: 25px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: 60px; display: grid; } .div-block-111 { border: 1px rgb(212, 212, 212); flex-flow: column; height: 100%; padding: 15px; display: flex; position: relative; } .div-block-112 { margin-top: 60px; } .collection-list-5 { gap: 25px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-113 { background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 200px; } .div-block-114 { flex-flow: column; flex: 1 1 0%; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 15px; padding: 0px 10px 10px; display: flex; } .text-block-24 { color: var(--_theme---border--border-primary); text-transform: uppercase; text-overflow: ellipsis; overflow-wrap: normal; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.3; } .div-block-115 { justify-content: space-between; align-items: stretch; margin-top: 25px; display: flex; } .div-block-116 { width: 48%; } .div-block-117 { border: 1px rgb(212, 212, 212); flex-flow: column; width: 100%; height: 100%; padding: 15px; display: flex; position: relative; } .div-block-118 { background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 300px; } .div-block-119 { margin-top: 15px; padding: 10px; } .div-block-120 { gap: 25px; flex: 1 1 0%; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-left: 25px; } .collection-list-6 { gap: 25px; flex-flow: column; grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: space-between; height: 100%; display: grid; } .collection-list-wrapper-4 { height: 100%; } .div-block-121 { border: 1px rgb(212, 212, 212); justify-content: flex-start; align-items: center; height: 100%; min-height: 150px; padding: 15px; display: flex; position: relative; } .div-block-122 { background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 45%; height: 100%; } .div-block-123 { flex: 1 1 0%; margin-left: 15px; } .link-block { display: block; } .container-7 { max-width: 1100px; padding-top: 140px; padding-bottom: 140px; } .heading-8 { color: var(--_theme---border--border-primary); margin-top: 0.25rem; } .heading-8.white { color: var(--focus--color); } .div-block-124 { margin-top: 40px; } .slider-3 { background-color: rgba(221, 221, 221, 0); width: 300px; } .slide-nav-3, .right-arrow-3, .left-arrow-3 { display: none; } .mask-3 { overflow: visible; } .link-block-2 { background-position: 0px 0px; background-size: auto; border: 1px solid rgb(212, 212, 212); flex-flow: column; width: 100%; height: 100%; display: block; } .slide-3 { margin-right: 25px; } .section-8 { z-index: 0; background-color: rgb(15, 15, 15); height: 65vh; } .div-block-125 { background-color: rgb(15, 15, 15); justify-content: space-around; height: 65vh; display: flex; } .div-block-126 { background-position: 55% center; background-repeat: no-repeat; background-size: cover; flex: 1 1 0%; } .div-block-127 { background-image: linear-gradient(90deg, rgba(15, 15, 15, 0), rgb(15, 15, 15)); width: 40%; height: 100%; margin-left: auto; } .div-block-128 { background-color: rgb(15, 15, 15); flex-flow: column; justify-content: center; align-items: flex-start; width: 48%; padding: 60px; display: flex; } .div-block-129 { width: 100%; } .heading-4-copy { text-transform: uppercase; margin-top: 1rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 4rem; font-weight: 700; line-height: 0.9; } .div-block-130 { margin-top: 20px; } .container-8 { max-width: 1100px; padding-top: 100px; padding-bottom: 40px; } .collection-list-7 { gap: 25px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .collection-list-8 { gap: 20px; flex-flow: column; display: flex; } .collection-list-wrapper-5 { display: block; } .modal-container-copy { background-color: var(--_theme---border--border-primary); border-radius: 1rem; flex-flow: column; justify-content: center; align-items: stretch; width: 100%; max-width: 650px; padding: 2rem; display: flex; position: static; } .modal-container-copy.chicago { justify-content: center; align-items: stretch; position: relative; } .div-block-131 { gap: 7px; justify-content: center; align-items: center; display: flex; } .div-block-132 { gap: 7px; flex-flow: wrap; justify-content: center; align-items: center; margin-top: 5px; display: flex; } .div-block-133 { flex-flow: column; display: flex; } .div-block-134 { gap: 10px; flex-flow: column; display: flex; } .div-block-135 { flex-flow: column; margin-top: 20px; display: flex; } .container-9 { max-width: 1100px; padding-top: 120px; padding-bottom: 120px; } .section-9 { background-color: rgb(15, 15, 15); display: block; } .heading-9 { text-align: center; text-transform: uppercase; font-size: 2.8rem; line-height: 1.2; } .div-block-136 { gap: 60px; flex-flow: column; margin-top: 60px; display: flex; } .section-10 { position: static; } .div-block-137 { gap: 20px; flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-top: 0.75rem; display: flex; } .div-block-138 { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 0.75rem; } .collection-list-9 { gap: 15px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-139 { justify-content: space-between; align-items: center; width: auto; margin-left: auto; margin-right: auto; display: flex; } .section-11 { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgb(15, 15, 15) 95%), url("assets/images/69aae615fd5929dfe57da464_RAF06_Event_carr-4.jpg"); background-position: 0px 0px, 50% 0px; background-repeat: repeat, no-repeat; background-size: auto, cover; display: block; } .div-block-140 { margin-top: 40px; } .div-block-141 { gap: 40px; justify-content: flex-start; align-items: center; display: flex; } .div-block-142 { gap: 20px; justify-content: flex-start; align-items: center; display: flex; } .link-block-3 { border: 1px solid rgb(212, 212, 212); width: 300px; height: 350px; padding: 10px; position: relative; } .div-block-143 { background-image: url("assets/images/693af883e80934fbe9237956_RAF03_PhotoShoot_JordanOliver-5_(1)_(1).jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 100%; } .div-block-144 { background-color: rgb(15, 15, 15); justify-content: space-between; align-items: flex-end; width: 100%; padding: 20px; display: flex; position: absolute; inset: auto 0% 0%; } .div-block-145 { gap: 5px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .text-block-26 { letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.2; } .div-block-146 { z-index: 2; background-color: rgba(0, 0, 0, 0.3); position: absolute; inset: 0%; } .collection-list-10 { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .collection-list-wrapper-6 { margin-top: 20px; } .container-10 { max-width: 1100px; padding-top: 100px; padding-bottom: 100px; } .div-block-147 { justify-content: space-between; align-items: flex-start; display: flex; } .div-block-148 { width: 500px; } .div-block-149 { margin-top: 15px; } .div-block-150 { flex-flow: column; flex: 1 1 0%; margin-left: 100px; display: flex; } .div-block-151 { border: 1px solid rgb(212, 212, 212); padding: 15px; } .div-block-152 { background-image: url("assets/images/699352472bf6b4a686d2310e_IMG_2323.jpg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 400px; } .div-block-153 { padding: 15px 10px 10px; } .heading-10 { color: rgb(15, 15, 15); letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 0.9; } .button-4 { background-color: var(--_colors---brand-red); color: rgb(255, 255, 255); letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; } .div-block-154 { z-index: 999999; backdrop-filter: blur(1px); background-color: rgba(0, 0, 0, 0.7); flex-flow: column; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .collection-list-11 { gap: 40px; justify-content: center; align-items: stretch; display: flex; } .link-block-5 { background-color: rgba(129, 129, 129, 0); border: 1px rgb(212, 212, 212); flex-flow: column; width: 28vw; height: 100%; padding: 12px; display: flex; position: relative; } .div-block-155 { background-image: url("assets/images/699352472bf6b4a686d2310e_IMG_2323.jpg"); background-position: 50% center; background-size: cover; height: 200px; position: relative; } .div-block-156 { flex-flow: column; flex: 1 1 0%; justify-content: space-between; align-items: flex-start; padding: 15px 5px; display: flex; position: relative; } .text-block-28 { color: rgb(15, 15, 15); letter-spacing: 0px; text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.5; } .text-block-28-copy { color: rgb(15, 15, 15); letter-spacing: 0px; text-transform: uppercase; margin-top: 0.5rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 1.1; } .div-block-157 { flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .div-block-158 { position: absolute; inset: 0%; } .collection-list-wrapper-7 { z-index: 99; } .div-block-159 { z-index: 99; position: relative; } .heading-11 { color: rgb(255, 255, 255); text-align: center; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 2rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 2.2rem; font-weight: 700; line-height: 1; display: none; } .container-11 { max-width: 1100px; padding-top: 30vh; padding-bottom: 140px; } .slider-4 { background-color: rgba(221, 221, 221, 0); width: 320px; height: 350px; position: static; } .mask-4 { position: static; overflow: visible; } .left-arrow-4, .slide-nav-4, .right-arrow-4 { display: none; } .link-block-6 { border: 1px solid rgb(255, 255, 255); flex-flow: column; width: 100%; height: 100%; padding: 15px; display: flex; position: relative; } .div-block-160 { background-image: url("assets/images/RAF06_PhotoShoot_Faber.webp"); background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; height: 100%; flex: 1; } .div-block-160._2 { background-image: url("assets/images/RAF06_PhotoShoot_Armen_28fc75bb.webp"); background-position: 50% center; } .div-block-160._3 { background-image: url("assets/images/RAF06_PhotoShoot_Georgio.jpg"); background-position: 50% 0px; } .div-block-160._4 { background-image: url("assets/images/RAF06_PhotoShoot_Sterling-3.webp"); } .div-block-160._5 { background-image: url("assets/images/RAF06_PhotoShoot_Armen.webp"); } .div-block-160._1 { background-image: url("assets/images/Pdp_4.jpg"); background-position: 50% center; } .div-block-160._6 { background-image: url("assets/images/RAF03_Chase-8.jpg"); } .slide-4 { margin-right: 20px; position: static; } .div-block-161 { gap: 6px; background-color: rgb(15, 15, 15); border-top: 1px solid rgb(255, 255, 255); flex-flow: column; justify-content: center; align-items: flex-start; height: 80px; padding-left: 20px; padding-right: 20px; display: none; position: absolute; inset: auto 15px 15px; } .link-block-6:hover .div-block-161 { display: flex; } .text-block-29 { color: rgb(255, 255, 255); letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.2; } .text-block-29.bolded { font-size: 1rem; font-weight: 600; } .text-block-29._1 { white-space: normal; word-break: normal; height: 20px; font-size: 1.1rem; line-height: 1.1; overflow: hidden; } .div-block-162 { gap: 10px; justify-content: flex-start; align-items: center; display: flex; } .image-14 { height: 18px; } .div-block-163 { position: relative; } .div-block-164 { position: absolute; inset: 0% 120px auto auto; } .div-block-166 { background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 85vh; position: relative; } .div-block-167 { background-image: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(15, 15, 15, 0.6)); flex-flow: column; justify-content: flex-end; align-items: center; display: flex; position: absolute; inset: 0%; } .div-block-168 { width: 750px; margin-bottom: 60px; } .text-block-30 { color: rgb(255, 255, 255); text-align: center; letter-spacing: 0px; text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.2; } .heading-12 { text-align: center; letter-spacing: 0px; margin-top: 0.5rem; font-family: Vtcdubois, Arial, sans-serif; font-size: 10rem; font-weight: 700; line-height: 0.9; } .div-block-169 { gap: 10px; justify-content: center; align-items: center; margin-top: 1rem; display: flex; } .image-15 { height: 18px; } .div-block-170 { gap: 30px; justify-content: center; align-items: center; margin-top: 2rem; display: flex; } .div-block-171 { justify-content: center; align-items: center; margin-top: 1rem; display: flex; } .div-block-172 { background-image: url("assets/images/69aad8517fc9dee3ab7acd6f_WIDE_RAB_3.webp"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; height: 360px; position: relative; } .div-block-173 { border-top: 1px solid rgba(255, 255, 255, 0.2); justify-content: space-between; align-items: center; height: 50px; display: flex; position: absolute; inset: auto 0% 0%; } .image-16 { height: 25px; } .text-block-31 { font-family: Sometypemono, Arial, sans-serif; } .image-17, .image-18 { width: 100%; } .div-block-174 { display: none; } .link-block-7, .link-block-8 { width: 100%; } .collection-item-2, .link-block-9 { width: 100%; height: 100%; } .collection-list-12 { gap: 40px; flex-flow: column; display: flex; } .section-12 { background-color: rgb(15, 15, 15); height: 65vh; display: block; } .container-12 { justify-content: space-between; align-items: flex-end; max-width: 1100px; height: 100%; display: flex; } .div-block-176 { justify-content: center; align-items: flex-end; width: 45%; display: flex; } .div-block-177 { flex: 1 1 0%; justify-content: flex-start; align-items: center; width: 48%; height: 100%; margin-left: 60px; display: flex; } .image-19 { max-width: 90%; margin-left: auto; margin-right: auto; } .div-block-178 { gap: 10px; justify-content: flex-start; align-items: center; display: flex; } .text-block-32 { color: rgb(239, 239, 239); text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5; } .div-block-179 { background-color: rgb(239, 239, 239); width: 1px; height: 20px; } .div-block-180 { gap: 20px; justify-content: flex-start; align-items: center; display: flex; } .heading-13 { text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 62px; font-weight: 700; line-height: 0.9; } .div-block-181 { gap: 5px; flex-flow: column; margin-top: 10px; display: flex; } .container-13 { max-width: 1100px; height: auto; padding-top: 60px; padding-bottom: 80px; } .div-block-182 { gap: 100px; justify-content: space-between; align-items: flex-start; display: flex; } .div-block-183 { gap: 0px; flex-flow: column; flex: 1 1 0%; display: flex; } .div-block-184 { border-bottom: 1px solid rgb(203, 203, 203); justify-content: space-between; align-items: center; padding-top: 15px; padding-bottom: 15px; display: flex; } .text-block-33 { color: rgb(69, 69, 69); text-transform: uppercase; font-family: Sometypemono, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; } .text-block-33.value { color: rgb(15, 15, 15); font-weight: 500; } .text-block-33.value.big { font-size: 18px; font-weight: 600; } .div-block-185 { margin-top: 80px; } .heading-14 { color: rgb(15, 15, 15); text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 36px; font-weight: 700; line-height: 0.9; } .div-block-186 { margin-top: 60px; } .collection-list-13 { gap: 20px; flex-flow: column; display: flex; } .div-block-187 { gap: 16px; border: 1px solid rgb(189, 189, 189); grid-template: "Area Area-2 Area-3" / 1fr 1.25fr 0.75fr; grid-auto-columns: 1fr; padding: 20px 25px 0px; display: grid; } .div-block-188 { gap: 20px; flex-flow: column; justify-content: center; align-items: flex-start; margin-bottom: 20px; display: flex; } .div-block-189 { gap: 5px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .text-block-34 { color: rgb(15, 15, 15); text-transform: uppercase; font-family: Vtcdubois, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.2; } .text-block-34.title { font-size: 1.6rem; font-weight: 700; } .text-block-34.white { color: rgb(255, 255, 255); } .div-block-190 { gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 175px; display: grid; } .div-block-191 { gap: 5px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .div-block-192 { justify-content: space-between; align-items: flex-end; display: flex; } .div-block-193 { justify-content: center; align-items: flex-end; width: 48%; display: flex; position: relative; } .athlete-head { max-width: 95%; } .div-block-194 { background-color: rgb(244, 21, 21); padding: 5px 25px; position: absolute; } .div-block-195 { gap: 40px; flex-flow: column; justify-content: center; align-items: flex-end; margin-bottom: 20px; display: flex; } .div-block-196 { gap: 5px; flex-flow: column; justify-content: center; align-items: flex-end; display: flex; } .div-block-197 { gap: 5px; justify-content: flex-end; align-items: center; display: flex; } .container-14 { max-width: 1100px; } .link-block-10 { width: 100%; height: 100%; } .collection-list-wrapper-8, .collection-list-14, .collection-item-3 { height: 100%; } @media screen and (min-width: 1440px) { .container-large { max-width: 1300px; } .padding-global { padding-left: 0px; padding-right: 0px; } .navbar_content { width: 1300px; } .div-block-3 { width: 650px; } .heading { font-size: 5.2rem; } .paragraph { font-size: 1.4rem; } .container-2 { width: 1200px; } .image-8, .image-9, .image-10 { width: 30vw; } .div-block-87 { height: 150px; } .container-5 { width: 1300px; } .slider-2 { width: 1000px; } .div-block-100 { width: 55%; } .container-6 { max-width: 1300px; } .div-block-121 { min-height: 170px; } .container-8 { max-width: 1300px; } .collection-list-7 { gap: 30px; } .container-9, .container-10 { max-width: 1300px; } .div-block-155 { height: 250px; } .container-11 { max-width: 1300px; } .collection-item-4 { height: 100%; } } @media screen and (min-width: 1920px) { .container-large { max-width: 1450px; } .navbar_content { width: 1400px; } .section-2 { height: 100vh; } .div-block-3 { width: 750px; } .heading { font-size: 5.2rem; } .paragraph { font-size: 1.5rem; } .container-2 { width: 1350px; } .text-block-2._2 { font-size: 1.6rem; } .div-block-6 { width: 44%; } .heading-2 { font-size: 3.2rem; } .paragraph-2 { font-size: 1.1rem; } .div-block-7 { height: 475px; margin-left: 140px; } .image { height: 375px; } .image-2 { height: 370px; } .heading-3 { font-size: 2.8rem; } .slider { width: 450px; } .div-block-12 { height: 300px; } .div-block-57 { overflow: hidden; } .div-block-59 { gap: 120px; justify-content: flex-start; align-items: center; display: flex; } .div-block-60 { gap: 120px; flex: 0 0 auto; justify-content: flex-start; align-items: center; display: flex; } .image-8 { width: 500px; transform: rotate(-5deg); } .image-9 { width: 500px; transform: rotate(1deg); } .image-10 { width: 500px; transform: rotate(4deg); } .div-block-87 { height: 200px; } .container-5 { width: 1400px; } .slider-2 { width: 1100px; } .container-6 { max-width: 1400px; } .div-block-121 { min-height: 180px; } .div-block-125 { background-color: rgb(15, 15, 15); } .container-8 { max-width: 1400px; } .collection-list-7 { gap: 40px; } .container-9 { max-width: 1400px; } .collection-list-10 { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .container-10 { max-width: 1400px; } .link-block-5 { width: 22vw; } .container-11 { max-width: 1400px; } } @media screen and (max-width: 991px) { .hide-tablet { display: none; } .max-width-full-tablet { width: 100%; max-width: none; } .margin-large { margin: 2.5rem; } .margin-xlarge { margin: 3.5rem; } .margin-xxlarge { margin: 4.5rem; } .margin-huge { margin: 5rem; } .margin-xhuge { margin: 6rem; } .margin-xxhuge { margin: 7.5rem; } .padding-large { padding: 2.5rem; } .padding-xlarge { padding: 3.5rem; } .padding-xxlarge { padding: 4.5rem; } .padding-huge { padding: 5rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 7.5rem; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .styleguide_item-row { grid-template-columns: auto 1fr; } .styleguide_icons-list { grid-auto-flow: row; } .padding-global.logos { overflow: clip; } .spacer-large { padding-top: 2.5rem; } .spacer-xlarge { padding-top: 3.5rem; } .spacer-xxlarge { padding-top: 4.5rem; } .spacer-huge { padding-top: 5rem; } .spacer-xhuge { padding-top: 6rem; } .spacer-xxhuge { padding-top: 7.5rem; } .designguide_table-of-contents { width: 14rem; } .button_component.bottom-left-corner.fz { top: 10px; right: 0px; } .logos-static_component { column-gap: var(--size--2rem); row-gap: var(--size--2rem); } .logos-static_list.u-grid-autofit { row-gap: 2rem; } .grid-desktop { flex-flow: column; display: flex; } .grid-column-4 { grid-template-columns: var(--grid-2); } .order-last-desktop, .order-first-desktop { order: 0; } .logo_card_img:where(.w-variant-76ebe501-e207-fca7-aa08-b582319af92f) { max-width: 12rem; height: 4.5rem; } .g_header_component:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .g_header_component.center, .g_header_component.center-11, .g_header_component.center-21, .g_header_component.center-32 { column-gap: var(--_spacing---content-space--main); row-gap: var(--_spacing---content-space--main); } .g_header_heading { line-height: var(--_typography---line-height--1-1); } .cards-grid_slot.grid-autofit:where(.w-variant-dafbf1e5-cb0a-0122-20b8-feb20927860a) { grid-template-columns: var(--grid-2); } .navbar_content { width: 700px; } .navbar_button-wrapper { justify-content: flex-end; align-items: center; display: flex; } .navbar_menu { background-color: var(--_theme---background--background-primary); } .navbar_menu.dark { background-color: var(--_theme---border--border-primary); } .navbar_links-wrapper { padding-left: var(--_spacing---page-padding--main); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .navbar_link { width: 100%; margin: 0px; padding-left: 0px; } .style-page { background-color: var(--_colors---neutral-900); } .logo-text { display: none; } .main-card_cards-wrapper { grid-template-columns: 1fr; } .date-location-wrapper._2.here { margin-top: 10px; } .main-cta_bg-image { object-fit: cover; } .feature-package_content-top { grid-template-columns: 1fr; } .feature-package_text.text-size-140 { font-size: 3rem; } .feature-package_text.text-size-170.text-color-red { font-size: 6.75rem; } .feature-package_pricing-wrapper.desktop { display: none; } .feature-package_pricing-wrapper.mobile { margin-top: 0px; display: block; } .feature-content_content-row { grid-template-columns: 1fr; } .content-card_content.horizontal { flex-flow: column; justify-content: center; align-items: flex-start; } .feature-content_featured-cards { grid-template-columns: 1fr; } .horizontal-card-image { width: 100%; max-width: none; } .footer_content-top-wrapper { flex-flow: column; display: flex; } .newsletter-form-wrapper { justify-content: center; align-items: flex-start; } .footer_bottom-content { gap: 2rem; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .footer_about-raf { width: auto; } .footer_social-links-wrapper { flex-flow: wrap; justify-content: flex-start; align-items: center; } .blog-body_cta-bg-image { object-fit: cover; height: 100%; } .logo-loop_component { margin-top: 2rem; margin-bottom: 2rem; } .event-card_card { height: auto; } .event-card_fighter-image { min-width: 0px; } .navbar_menu-button { order: -1; } .navbar_menu-button.w--open { background-color: var(--_colors---transparent); } .navbar_menu-button.dark { color: rgb(255, 255, 255); } .navbar_menu-icon { color: var(--_colors---neutral-900); } .navbar_menu-icon.dark { color: var(--_theme---button-secondary--text); } .logo-text_mobile { text-align: center; letter-spacing: 0.64em; display: block; position: static; } .event-card_mobile-heading-wrapper { display: none; } .logo-item { flex: 0 0 auto; } .up-next_colleciton-list { grid-template-columns: 1fr; } .blogs-trending_card-image { width: 100%; max-width: none; } .card-list_card-grid { grid-template-columns: 1fr; } .athletes-list-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } .athlete-stat-section_content-flex { flex-flow: column; } .content-row-wrapper { width: 100%; } .heading.left { font-size: 3.2rem; line-height: 1.1; } .container-2 { max-width: 700px; padding-top: 0px; padding-bottom: 120px; } .container-2.top { padding-top: 40px; } .div-block-5 { flex-flow: column; margin-top: 140px; } .div-block-14 { margin-top: 140px; } .div-block-16 { flex-flow: column; height: auto; } .div-block-17 { flex: 0 0 auto; width: 100%; height: 400px; } .div-block-18 { margin: 15px; } .div-block-22 { grid-template-columns: 1fr; } .section-3 { flex-flow: column; } .div-block-35 { width: 100%; height: 35vh; position: static; } .div-block-36 { gap: 40px; padding-top: 60px; } .div-block-39 { margin-top: 0px; } .div-block-50 { width: 450px; margin-left: auto; margin-right: auto; } .collection-item { width: 100%; } .div-block-58 { margin-top: 1rem; } .div-block-61 { position: relative; } .div-block-62 { margin-top: 0px; } .container-3 { max-width: 700px; } .div-block-67.mobile { display: none; } .div-block-69 { flex: 0 0 auto; width: 42vw; } .div-block-70 { flex: 0 1 auto; margin-left: 20px; margin-right: 60px; } .div-block-71 { margin-top: 20px; } .div-block-72 { display: block; } .div-block-76 { width: 100%; } .div-block-77 { margin-top: 40px; margin-left: 0px; } .div-block-78 { flex-flow: column; } .div-block-79 { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; } .div-block-80 { margin-top: 15px; margin-left: 0px; } .div-block-84 { flex: 0 0 auto; width: 250px; height: 250px; } .div-block-85 { flex: 1 1 0%; padding-left: 40px; } .div-block-16-copy { flex-flow: column; height: auto; } .div-block-35-copy { width: 100%; height: 35vh; position: static; } .div-block-5-copy { flex-flow: row; margin-top: 140px; } .container-4, .container-5 { max-width: 700px; } .slider-2 { width: 500px; } .div-block-99._2 { flex-flow: column; width: 500px; height: auto; } .div-block-100 { flex: 0 0 auto; width: 100%; height: 300px; } .div-block-101 { margin-left: 0px; padding: 15px; } .section-7 { background-image: linear-gradient(83deg, rgb(0, 0, 0), rgba(15, 15, 15, 0) 44%), linear-gradient(90deg, rgba(0, 0, 0, 0) 47%, rgba(15, 15, 15, 0.8)), linear-gradient(rgba(3, 3, 3, 0.3), rgba(244, 21, 21, 0.3)), url("assets/images/69ab26ed65db94dae438b2ab_RAF06_Event_venue-4_(1).jpg"); } .container-6 { max-width: 700px; padding-top: 100px; padding-bottom: 100px; } .div-block-111 { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .collection-list-5 { gap: 20px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; } .div-block-113 { flex: 0 0 auto; width: 40%; } .div-block-114 { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; } .div-block-115 { flex-flow: column; margin-top: 20px; } .div-block-116 { width: 100%; } .div-block-120 { margin-top: 20px; margin-left: 0px; } .collection-list-6 { gap: 20px; } .div-block-121 { min-height: auto; } .div-block-122 { width: 25%; } .section-8, .div-block-125 { height: 50vh; } .div-block-128 { width: 60%; } .container-8 { max-width: 700px; } .collection-list-7 { grid-template-columns: 1fr; } .container-10 { max-width: 700px; padding-top: 80px; padding-bottom: 80px; } .collection-list-11 { gap: 25px; flex-flow: column; } .link-block-5 { flex-flow: row; width: 70vw; } .div-block-155 { flex: 0 0 auto; width: 45%; height: auto; } .div-block-156 { margin-left: 15px; padding-top: 10px; padding-bottom: 10px; } .heading-11 { display: block; } .container-11 { max-width: 700px; } } @media screen and (max-width: 767px) { .hide-mobile-landscape { display: none; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .margin-xsmall { margin: 0.75rem; } .margin-small { margin: 1.25rem; } .margin-medium { margin: 1.5rem; } .margin-large { margin: 2rem; } .margin-xlarge { margin: 2.5rem; } .margin-xxlarge { margin: 3rem; } .margin-huge { margin: 3.5rem; } .margin-xhuge { margin: 4rem; } .margin-xxhuge { margin: 5rem; } .padding-xsmall { padding: 0.75rem; } .padding-small { padding: 1.25rem; } .padding-medium { padding: 1.5rem; } .padding-large { padding: 2rem; } .padding-xlarge { padding: 2.5rem; } .padding-xxlarge { padding: 3rem; } .padding-huge { padding: 3.5rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 5rem; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .text-style-main, .text-style-large, .text-style-small, .text-style-quote { font-size: 1.125rem; } .text-style-nowrap { white-space: normal; } .text-size-medium { font-size: 1rem; } .text-size-large { font-size: 1.125rem; } .styleguide_header { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .styleguide_button-row { flex-flow: wrap; } .padding-global { padding-right: var(--size--1-5rem); padding-left: var(--size--1-5rem); } .padding-global.logos { overflow: clip; } .spacer-xsmall { padding-top: 0.75rem; } .spacer-small { padding-top: 1.25rem; } .spacer-medium { padding-top: 1.5rem; } .spacer-large { padding-top: 2rem; } .spacer-xlarge { padding-top: 2.5rem; } .spacer-xxlarge { padding-top: 3rem; } .spacer-huge { padding-top: 3.5rem; } .spacer-xhuge { padding-top: 4rem; } .spacer-xxhuge { padding-top: 5rem; } .designguide_component { flex-direction: column; } .designguide_table-of-contents { position: relative; top: auto; } .button_component.text-only-2._2 { margin-top: 10px; } .background-layer_image.cover-absolute.primary-6.desktop, .background-layer_image.cover-absolute.mobile { display: block; } .background-layer_image.cover-absolute.desktop { display: none; } .background-layer_image.mobile { width: 100%; } .slider_btn { flex: 0 0 auto; } .slider_buttons_list { gap: 0.5rem; max-width: 95vw; display: flex; } .swiper-bullet-wrapper { width: auto; } .feature-split_component { grid-auto-columns: 1fr; } .feature-split_content.column-custom { grid-column-end: content; } .feature-split_content.column-custom:where(.w-variant-1b729fc2-bcc6-7eea-0989-9f695299cad9), .feature-split_content.column-custom:where(.w-variant-b0d9b771-9dcb-6fd8-bc81-18647d360118) { grid-column-start: content; } .eyebrow_text.text-style-tagline.text-color-secondary { font-size: 1.125rem; } .grid-column-2, .grid-column-4 { grid-template-columns: var(--grid-1); } .grid-tablet { flex-flow: column; display: flex; } .order-first-tablet { order: 0; } .grid-column-3 { grid-template-columns: var(--grid-1); } .order-last-tablet { order: 0; } .g_header_heading:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d) { font-size: 5.5rem; } .g_header_heading.center-5.text-color-black.mobile-1-5rem { font-size: var(--size--1-5rem); } .g_header_heading.center-5.text-color-black.mobile-1-5rem.heading-style-h3 { font-size: 1.5rem; } .g_header_heading.center-5.text-color-black.mobile-1-5rem.heading-style-h3._2 { font-size: 2.2rem; } .g_header_heading.center-25 { font-size: 5.5rem; } .g_header_heading.heading-style-h3.mobile-1-5rem { font-size: var(--size--1-5rem); } .g_header_heading.center-36 { font-size: 5.5rem; } .test-column { height: 2rem; } .feature-split_visual-column.column-custom { grid-column: content; } .feature-split_visual-column.column-custom:where(.w-variant-95899b15-273e-b0a7-26a4-5463b8e1651d), .feature-split_visual-column.column-custom:where(.w-variant-b0d9b771-9dcb-6fd8-bc81-18647d360118) { grid-column: full; } .cards-grid_slot.grid-autofit:where(.w-variant-dafbf1e5-cb0a-0122-20b8-feb20927860a), .cards-grid_slot.grid-autofit:where(.w-variant-14b62d56-25b1-d3d2-16a8-eb4aecb62b81), .cards-grid_slot.grid-autofit:where(.w-variant-b3d7f01e-34d5-5f03-770b-f09efa09ac21) { grid-template-columns: var(--grid-1); } .faq_question { padding: 1rem 1.25rem; } .faq_answer { padding-left: 1.25rem; padding-right: 1.25rem; } .faq_icon-wrappper { width: 1.5rem; } .navbar_content { width: 88vw; } .navbar_cta { flex: 0 0 auto; } .g_header_subheading-text { font-size: 1rem; } .location-icon { width: 1.25rem; } .logo-text { display: none; } .tag-text.text-size-small { font-size: 0.5rem; } .border-svg.mobile, .border-svg.desktop { display: block; } .border-svg.width-100.desktop { display: none; } .events_card { grid-template-columns: 1.5fr; } .date-location-wrapper._2 { margin-top: 15px; } .main-cta_bg-image { object-fit: cover; } .main-cta_bg-image.mobile { display: none; } .content-card_title-text.truncate-3-lines { font-size: 1.25rem; } .content-card_title-text.truncate-3-lines._2 { font-size: 1.2rem; line-height: 1.3; } .merch_merch-cards-wrapper { flex-flow: wrap; justify-content: center; align-items: center; } .footer_content-top-wrapper { gap: 2rem; flex-flow: column; } .newsletter-form-wrapper { margin-bottom: 2rem; } .footer_bottom-content { grid-template-columns: 1fr; } .footer_social-links-wrapper { justify-content: center; align-items: center; } .blog-body_content { gap: 4rem; grid-template-columns: 1fr; } .logo-loop_component { margin-top: 2rem; margin-bottom: 2rem; } .event-card_card { height: auto; } .event-card_card-eyebrow { padding-top: 0.3rem; } .event-card_card-heading-wrapper { display: none; } .event-card_fighters-wrapper { padding-bottom: 2rem; } .event-card_fighter-image.mobile { width: 6.25rem; min-width: 6.25rem; } .fighter-country-wrapper { padding-bottom: 0.375rem; } .fighter-spacer { height: 0px; max-height: 0px; } .fighter-left-stat, .fighter-right-stat { padding-top: 0.375rem; padding-bottom: 0.375rem; } .fighter-stat-label { padding-top: 0.375rem; } .logo-text_mobile { display: block; } .slider-btn-wrapper { gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .fighter-headshot-wrapper { display: none; } .fighter-headshot-wrapper.mobile { width: 6.25rem; display: block; } .event-card_mobile-heading-wrapper { justify-content: space-between; align-items: center; margin-top: 1.5rem; margin-left: 2.5rem; margin-right: 2.5rem; display: flex; } .mobile-header-text-wrapper { width: 9rem; } .event-card_mobile-header-text { font-family: var(--_typography---font--secondary-family); color: var(--_colors---neutral-900); font-size: 1.125rem; font-weight: var(--_typography---font--primary-bold); text-align: center; text-transform: uppercase; } .text-block { opacity: 0; } .video-wrapper { margin-bottom: 0px; } .merch_modal { display: none; } .blog-filter_field.search { width: 100%; min-width: 100%; } .filter-section_form { flex-flow: column; justify-content: center; align-items: flex-start; } .search-field-wrapper { width: 100%; } .simple-text_content { flex-flow: column; justify-content: center; align-items: flex-start; } .simple-text_paragraph-wrapper { max-width: none; } .team_cards-wrapper { flex-flow: wrap; } .team_cta { flex-flow: column; } .partners_content { flex-flow: column; justify-content: center; align-items: flex-start; } .partners_heading-wrapper { max-width: none; } .athletes-list-grid { grid-template-columns: 1fr 1fr; } .athlete-stat-section_content { flex-flow: column; } .athlete-page-headshot { width: 100%; } .content-row-wrapper { width: auto; } .blog_collection-item.swiper-slide { width: 100%; } .raf02-signup { display: none; } .athlete-stat2_stat-card-wrapper { flex-flow: column; } .div-block-3 { width: 88vw; } .heading { font-size: 4.2rem; } .container-2 { width: 88vw; } .container-2.top { padding-top: 20px; padding-bottom: 50px; } .div-block-5 { gap: 40px; flex-flow: column; margin-top: 120px; } .div-block-6 { width: 100%; } .div-block-7 { flex: 0 0 auto; order: -9999; width: 100%; height: 320px; margin-left: 0px; } .image { max-width: 80%; left: 0px; } .image-2 { max-width: 80%; } .div-block-8, .div-block-14 { margin-top: 120px; } .div-block-16 { padding: 20px; } .div-block-17 { height: 300px; } .text-block-3.dark.hidemobile { display: none; } .text-block-3.dark.hide-desktop { line-height: 1; display: block; } .div-block-27 { flex-flow: column; } .div-block-28 { width: 100%; margin-top: 0px; margin-left: 0px; } .div-block-29 { margin-top: 20px; } .image-5, .image-6 { width: 55%; } .div-block-34 { order: 9999; width: 100%; margin-top: 60px; position: static; } .heading-4 { font-size: 5.2rem; } .heading-4.black { font-size: 3.6rem; } .section-4 { padding-bottom: 80px; } .div-block-57, .collection-list-wrapper { margin-top: 40px; } .div-block-58.heree { grid-template-columns: 1fr 1fr; } .div-block-59, .div-block-60 { gap: 80px; } .container-3 { max-width: 88vw; } .div-block-67 { gap: 10px; flex-flow: column; } .div-block-67.mobile { display: none; } .section-5 { height: auto; } .div-block-68 { flex-flow: column; } .div-block-69 { width: 100%; height: 35vh; margin-top: 60px; } .div-block-70 { margin-top: 60px; margin-left: 0px; margin-right: 0px; } .div-block-77 { margin-top: 20px; } .div-block-79 { flex-flow: column; } .div-block-84 { width: 100%; } .div-block-85 { padding: 20px; } .div-block-87 { height: 160px; } .div-block-16-copy { padding: 20px; } .div-block-5-copy { gap: 60px; flex-flow: column; margin-top: 120px; } .container-4 { max-width: 88vw; } .container-5 { width: 88vw; } .slider-2 { width: 400px; } .right-arrow-2 { inset: auto auto -70px 60px; } .left-arrow-2 { inset: auto auto -70px 0%; } .div-block-99 { flex-flow: column; height: auto; } .div-block-99._2 { border-style: none; width: 400px; } .div-block-99._3 { flex-flow: row; height: 260px; } .div-block-100 { width: 100%; height: 240px; } .div-block-100._2 { height: auto; } .div-block-101 { margin-left: 0px; margin-right: 0px; padding: 15px; } .div-block-101._2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .text-block-22 { margin-top: 5px; font-size: 2rem; } .collection-list-4 { gap: 30px; } .main-button.bigger, .secondary-button.bigger { height: 55px; padding-left: 20px; padding-right: 20px; } .button-2.red { margin-right: 0px; } .div-block-107 { inset: auto auto -70px 120px; } .section-7 { gap: 20px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 47%, rgba(15, 15, 15, 0.8)), linear-gradient(rgba(3, 3, 3, 0.3), rgba(244, 21, 21, 0.3)), url("assets/images/69ab26ed65db94dae438b2ab_RAF06_Event_venue-4_(1).jpg"); background-position: 0px 0px, 0px 0px, 50% center; background-repeat: repeat, repeat, no-repeat; background-size: auto, auto, cover; flex-flow: column; justify-content: center; align-items: flex-start; height: 200px; padding: 30px; } .div-block-108 { gap: 20px; width: auto; } .heading-7 { font-size: 1.8rem; } .image-12 { height: 60px; } .div-block-109 { flex-flow: row; justify-content: flex-start; align-items: center; } .container-6 { max-width: 88vw; } .div-block-111 { justify-content: flex-start; align-items: stretch; min-height: 150px; padding: 10px; display: flex; } .div-block-113 { flex: 0 0 auto; width: 45%; height: auto; } .div-block-114 { justify-content: center; align-items: flex-start; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; } .div-block-121 { border-style: none; } .div-block-122 { width: 35%; } .heading-8.white { font-size: 2.8rem; } .section-8 { height: auto; } .div-block-125 { flex-flow: column; height: auto; } .div-block-126 { flex: 0 0 auto; height: 250px; display: flex; } .div-block-127 { background-image: linear-gradient(rgba(15, 15, 15, 0), rgb(15, 15, 15)); width: 100%; height: 40%; margin-top: auto; } .div-block-128 { justify-content: center; align-items: center; width: 100%; padding: 40px 0px; } .div-block-129 { width: 88vw; } .heading-4-copy { font-size: 3.6rem; line-height: 1; } .container-8 { max-width: 88vw; padding-top: 50px; } .collection-list-7 { gap: 20px; } .container-9 { max-width: 88vw; padding-top: 80px; padding-bottom: 100px; } .heading-9 { line-height: 1.1; } .div-block-136 { gap: 40px; margin-top: 40px; } .container-10 { max-width: 88vw; } .link-block-5 { width: 88vw; } .container-11 { max-width: 88vw; } .div-block-164 { inset: auto auto -70px 120px; } .div-block-165 { flex: 0 0 auto; } .div-block-168 { width: 88vw; } .heading-12 { font-size: 8rem; } .div-block-170 { gap: 20px; margin-top: 1.5rem; } .div-block-174 { display: block; } .div-block-175 { display: none; } } @media screen and (max-width: 479px) { .hide-mobile-portrait { display: none; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .heading-style-h4.text-style-allcaps.tab { font-size: 1.6rem; } .padding-global { padding-right: var(--size--1rem); padding-left: var(--size--1rem); } .padding-global.home-hero-mobile { flex-flow: column; justify-content: flex-end; align-items: center; height: 100%; padding-bottom: 2rem; display: flex; } .button_component.bottom-left-corner.fz { position: static; } .button_component.bottom-left-corner.fz.white { position: static; top: 0px; } .button_component.text-only-2._2.hidemobile { display: none; } .button_text.small:where(.w-variant-29527b0c-1ffd-ebc0-ea53-ff060bdbd656) { font-size: 0.9rem; } .background-layer.primary-17.mobile-black { background-color: var(--_theme---border--border-primary); } .background-layer_image.cover-absolute:where(.w-variant-218dacc1-7cdf-0b96-c1c3-fc9739b1d887) { display: block; } .background-layer_image.cover-absolute.primary-6.desktop { display: none; } .background-layer_image.cover-absolute.dark-3 { display: block; } .background-layer_image.mobile { object-fit: cover; width: 100%; height: 100%; display: block; } .feature-split_component { grid-auto-columns: 1fr; display: grid; } .testimonial_bottom { gap: 1rem; flex-flow: column; justify-content: center; align-items: center; } .testimonial_divider { height: var(--border-width--main); width: 100%; } .grid-breakout { grid-template-columns: var(--grid-breakout-single); } .grid-landscape { flex-flow: column; display: flex; } .g_header_wrap.center-35 { text-align: center; } .nav_component { z-index: 99; } .navbar_content { place-items: center stretch; } .navbar_button-wrapper { justify-content: flex-end; align-items: center; } .section_home-hero { height: auto; } .time-ticker_wrapper:where(.w-variant-f3f85283-4275-708e-65fb-e39a2829191d), .time-ticker_wrapper.center-33 { margin-bottom: 0px; } .g_header_subheading-text { font-size: 1rem; } .main-card_content { gap: 1.5rem; } .location-wrapper.here { gap: 0.15rem; } .border-svg.mobile { display: block; } .border-svg.mobile.hide, .border-svg.desktop { display: none; } .card-headshot { width: 6.625rem; } .events_card { flex-flow: column; display: flex; } .events-card-image { position: static; } .date-location-wrapper._2.here { margin-top: 7px; } .event-card_date { font-size: 1rem; } .event-card_date.smaller, .event-card_date.small { font-size: 0.9rem; } .event-card_location { font-size: 1rem; line-height: 1.2; } .event-card_location.smaller, .event-card_location.small { font-size: 0.9rem; } .main-cta_content { justify-content: flex-start; align-items: center; height: auto; } .main-cta_content.align-left.padding-left.padding-xlarge { justify-content: center; align-items: center; } .main-cta_content.align-left.padding-left.padding-xlarge.mobile-padd { padding-right: 2.5rem; } .main-cta_bg-image.mobile { object-fit: cover; width: 100%; display: block; } .main-cta_bg-image.desktop { display: none; } .main-cta_main-text, .main-cta_main-text.text-align-left.mobile-smaller { font-size: var(--size--1-75rem); } .main-cta_cta-button { max-width: 80%; } .cta-button-text { font-size: var(--_type-styles---text-main--font-size); } .feature-package_content-top { flex-flow: column; display: flex; } .feature-package_text { font-size: 0.825rem; } .feature-package_text.text-size-140 { font-size: 20vw; } .feature-package_text.text-size-170.text-color-red { font-size: 15vw; } .large-text_bottom-row { padding-top: 0.5rem; } .content-card_content.horizontal { flex-flow: column; } .content-card_title-text.text-size-2rem.truncate-3-lines { line-height: 1.4; } .content-card_title-text.truncate-3-lines, .content-card_title-text.truncate-3-lines._2 { font-size: 1.1rem; line-height: 1.2; } .weigh-in-wrapper._2 { gap: 0.5rem; margin-top: 7px; } .weigh-in-tag.small { font-size: 0.7rem; } .weigh-in-date.small { letter-spacing: -0.5px; font-size: 0.8rem; } .button-icon.small:where(.w-variant-29527b0c-1ffd-ebc0-ea53-ff060bdbd656) { width: 0.9rem; height: 0.9rem; } .merch_header-wrapper { max-width: 100%; } .merch_subheader-logo { text-align: left; white-space: nowrap; width: 100%; max-width: none; } .merch_subheader-logo.left.mobile-wrap { white-space: normal; } .footer_content-top-wrapper { gap: 2rem; flex-flow: column; display: flex; } .footer_links-wrapper { gap: 1.5rem; } .newsletter-form-wrapper { margin-bottom: 2rem; } .newsletter-form-wrapper.footer, .newsletter-form { width: 100%; } .footer_bottom-content { grid-template-columns: 1fr; } .footer_social-links-wrapper { justify-content: center; align-items: center; } .blog-hero_heading-wrapper { padding-bottom: 0px; } .blog-body_cta-bg-image { width: 100%; } .logo-loop_component { margin-top: 1rem; margin-bottom: 1rem; } .logo-list-wrapper { gap: 2rem; } .logo-list { flex: 0 0 auto; width: auto; min-width: 0%; } .logo-list_collection-wrapper { gap: 2rem; width: auto; } .event-card_card { height: auto; padding-left: 0px; padding-right: 0px; } .event-card_fighters-wrapper { padding-bottom: 1.5rem; } .event-card_fighter-image.mobile { min-width: 5rem; } .fighter-stats_row { gap: 0.5rem; grid-template-columns: 1fr 5rem 1fr; } .country-text, .stat-text { font-size: var(--_type-styles---text-small--font-size); } .event-nav_logo-wrapper { justify-content: center; align-items: center; } .event-navbar_content { grid-template-columns: 1fr; place-items: center; } .navbar_menu-button.order-last-mobile { order: 1; } .nav-logo-link { justify-content: flex-start; align-items: center; padding-left: 0px; display: flex; } .logo-text_mobile.center-38 { text-align: center; } .event-card_mobile-heading-wrapper { gap: 0.5rem; justify-content: center; margin-top: 2rem; margin-bottom: 1rem; } .event-card_mobile-header-text { font-size: 0.875rem; } .logo-item { max-width: none; height: 2.5rem; min-height: 2.5rem; max-height: 2.5rem; display: flex; } .cms-logo { flex: 0 0 auto; height: 2.5rem; min-height: 2.5rem; max-height: 2.5rem; } .video-wrapper { margin-top: 2rem; } .modal-container { max-width: 23rem; } .close-button { top: 0.5rem; right: 1rem; } .blog-filter_field.search { border-radius: 0px; } .section_about-hero { height: auto; } .athletes-list-grid { grid-template-columns: 1fr; } .form__input.state { font-size: 15px; } .more-stats_stat-grid { grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-columns: 1fr; } .event-card_eyebrow-wrapper, .footer_legal-links { gap: 0.5rem; flex-flow: column; } .section-2 { background-position: 0px 0px, 70% center; height: 60vh; } .heading { font-size: 3rem; } .heading.left { font-size: 2.8rem; } .paragraph { font-size: 1rem; } .container-2 { padding-bottom: 80px; } .text-block-2.bigger { font-size: 0.9rem; } .text-block-2._2 { font-size: 1.2rem; } .div-block-5 { gap: 30px; margin-top: 80px; } .heading-2 { font-size: 2.4rem; } .div-block-7 { height: 200px; } .image, .image-2 { max-width: 70%; } .div-block-8 { margin-top: 80px; } .heading-3 { font-size: 2rem; } .slider { width: 300px; } .div-block-11 { padding: 15px; } .div-block-12 { height: 175px; } .right-arrow { width: 35px; height: 35px; } .slide { margin-right: 20px; } .paragraph-2-copy { font-family: Spacegrotesk, Arial, sans-serif; font-size: 0.9rem; } .div-block-14 { margin-top: 80px; } .div-block-16 { padding: 15px; } .div-block-17 { height: 220px; } .div-block-18 { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; } .heading-2-copy { font-size: 2.2rem; } .heading-2-copy.smaller { font-size: 1.8rem; } .text-block-3.dark.hide-desktop { font-size: 0.9rem; } .text-block-6 { font-size: 1rem; } .div-block-30 { justify-content: space-between; align-items: flex-start; } .paragraph-3 { font-family: Spacegrotesk, Arial, sans-serif; font-size: 0.9rem; display: none; } .div-block-31 { margin-top: 20px; } .image-4 { margin-top: 5px; } .div-block-32 { padding-top: 20px; } .image-6 { margin-top: -100px; } .div-block-35 { background-image: url("assets/images/698e582c659ed1f11f1bebae_vbvb.jpg"); background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; height: 25vh; } .div-block-36 { padding: 40px 30px; } .text-block-7 { font-size: 1.4rem; } .heading-4 { font-size: 4.2rem; } .heading-4.black { font-size: 2.8rem; } .text-block-9 { display: none; } .div-block-41 { flex-flow: column; } .div-block-42 { width: 100%; height: 250px; } .div-block-43 { margin: 20px 10px 10px; } .div-block-46 { gap: 2px; } .div-block-50 { width: 100%; } .div-block-53 { flex: 1 1 0%; } .text-block-14 { font-size: 0.9rem; } .section-4 { padding-bottom: 60px; } .div-block-57 { margin-top: 0px; } .heading-5 { font-size: 2rem; line-height: 1; } .div-block-58.heree { grid-template-columns: 1fr 1fr 1fr; } .div-block-59, .div-block-60 { gap: 40px; } .div-block-63 { height: 100px; padding-left: 4%; padding-right: 4%; } .div-block-65 { display: none; } .text-block-15 { font-size: 0.8rem; } .text-block-16 { font-size: 1.6rem; } .div-block-67 { flex-flow: row; height: 60px; position: static; } .div-block-67.mobile { margin-top: 20px; display: flex; } .div-block-67.desktop { display: none; } .collection-list-2 { gap: 10px; grid-template-columns: 1fr; } .div-block-76 { height: 350px; } .div-block-77 { order: -9999; margin-top: 0px; } .div-block-82 { width: 80px; height: 80px; } .div-block-83 { margin-right: 0px; } .text-block-18 { font-size: 1rem; } .text-block-18.big { font-size: 1.4rem; line-height: 1.2; } .text-block-18.small { font-size: 0.8rem; } .text-block-19 { font-size: 0.9rem; } .text-block-19.big { font-size: 1rem; } .div-block-85 { padding: 15px 0px; } .div-block-87 { height: 70px; } .div-block-16-copy { padding: 15px; } .div-block-35-copy { background-image: url("assets/images/698e582c659ed1f11f1bebae_vbvb.jpg"); background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; height: 25vh; } .div-block-65-copy { display: none; } .div-block-91 { gap: 15px; } .div-block-92 { padding: 10px; } .div-block-93 { height: 120px; } .div-block-5-copy { gap: 30px; margin-top: 80px; } .container-4 { padding-top: 120px; } .div-block-98 { gap: 40px; } .heading-6 { font-size: 2.4rem; } .text-block-20 { margin-top: 10px; } .container-5 { padding-top: 50px; padding-bottom: 150px; } .tabs-content-2 { margin-top: 30px; } .tabs-menu { gap: 20px; } .slider-2 { width: 82vw; } .div-block-99 { border-style: none; position: relative; } .div-block-99._2 { width: 82vw; } .div-block-99._3 { flex-flow: column; height: auto; } .div-block-100 { height: 200px; } .div-block-100._2 { flex: 0 0 auto; width: 100%; height: 200px; } .div-block-101 { padding: 15px; } .div-block-101._2 { margin-left: 0px; padding: 15px; } .text-block-22 { font-size: 1.6rem; } .text-block-22.smaller { font-size: 1.4rem; } .div-block-105 { gap: 12px; margin-top: 12px; } .div-block-105.vertical { gap: 10px; flex-flow: row; margin-top: 20px; } .main-button { justify-content: center; align-items: center; padding: 7px 12px; font-size: 0.9rem; display: flex; } .main-button.card { height: 34px; margin-top: 10px; font-size: 0.8rem; display: none; } .main-button.bigger { height: 50px; font-size: 1rem; } .secondary-button { justify-content: center; align-items: center; padding-top: 7px; padding-bottom: 7px; font-size: 0.9rem; display: flex; } .secondary-button.bigger { height: 50px; font-size: 1rem; } .slide-2 { margin-right: 20px; } .button-2.red { flex: 0 0 auto; } .section-7 { justify-content: center; align-items: center; height: auto; padding-top: 25px; padding-bottom: 25px; } .div-block-108 { gap: 15px; flex-flow: column; } .heading-7 { text-align: center; font-size: 1.4rem; } .image-12 { height: 50px; } .div-block-109 { gap: 10px; flex-flow: column; } .container-6 { padding-top: 80px; padding-bottom: 80px; } .div-block-111 { min-height: 120px; } .div-block-112 { margin-top: 40px; } .collection-list-5 { gap: 15px; } .div-block-113 { width: 38%; } .div-block-114 { margin-left: 15px; } .div-block-118 { height: 180px; } .div-block-119 { margin-top: 5px; } .div-block-121 { padding: 10px; } .div-block-122 { width: 38%; } .heading-8.white { flex: 1 1 0%; margin-right: 20px; font-size: 2.2rem; } .div-block-126 { height: 30vh; } .div-block-128 { padding-top: 30px; } .heading-4-copy { font-size: 2.6rem; } .modal-container-copy { max-width: 23rem; } .div-block-131 { flex-flow: column; } .container-9 { padding-top: 60px; padding-bottom: 80px; } .heading-9 { font-size: 2rem; } .div-block-137 { gap: 10px; } .collection-list-9 { flex-flow: column; grid-template-columns: 1fr; display: flex; } .div-block-140 { margin-top: 30px; } .text-block-27 { font-size: 0.8rem; } .container-10 { padding-top: 60px; padding-bottom: 60px; } .link-block-4 { width: 100%; } .div-block-154 { display: none; } .collection-list-11 { gap: 20px; } .div-block-155 { width: 33%; } .div-block-156 { margin-left: 10px; } .text-block-28 { font-size: 0.9rem; line-height: 1.2; } .text-block-28-copy { margin-top: 0.25rem; font-size: 1.2rem; } .image-13 { height: 15px; } .div-block-159 { margin-bottom: 80px; } .heading-11 { font-size: 2rem; } .slider-4 { width: 250px; height: 275px; } .link-block-6 { padding: 12px; } .slide-4 { margin-right: 15px; } .div-block-161 { height: 70px; padding-left: 15px; padding-right: 15px; display: flex; bottom: 12px; left: 12px; right: 12px; } .text-block-29._1 { height: 17px; font-size: 1rem; } .div-block-166 { height: 75vh; } .heading-12 { font-size: 22vw; } .div-block-170 { margin-top: 1rem; } .event-page-link-copy { font-size: 1rem; } } :root { --column-count: var(--_spacing---grid--column-count, 12); --grid-gap--main: var(--_spacing---grid--gap-main, 1rem); --max-width--main: var(--container--large); --container--main: calc(var(--max-width--main)); --grid-main: repeat(var(--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)); --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1)); --grid-width: calc(min(var(--max-width--main), 100vw) - (var(--_spacing---page-padding--main) * 2)); --column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main)); --column-width--1: calc(var(--column-width) * 1 - var(--grid-gap--main)); --column-width--2: calc(var(--column-width) * 2 - var(--grid-gap--main)); --column-width--3: calc(var(--column-width) * 3 - var(--grid-gap--main)); --column-width--4: calc(var(--column-width) * 4 - var(--grid-gap--main)); --column-width--5: calc(var(--column-width) * 5 - var(--grid-gap--main)); --column-width--6: calc(var(--column-width) * 6 - var(--grid-gap--main)); --column-width--7: calc(var(--column-width) * 7 - var(--grid-gap--main)); --column-width--8: calc(var(--column-width) * 8 - var(--grid-gap--main)); --column-width--9: calc(var(--column-width) * 9 - var(--grid-gap--main)); --column-width--10: calc(var(--column-width) * 10 - var(--grid-gap--main)); --column-width--11: calc(var(--column-width) * 11 - var(--grid-gap--main)); --column-width--12: calc(var(--column-width) * 12 - var(--grid-gap--main)); --breakout-gutter: minmax(calc(var(--_spacing---page-padding--main) - var(--grid-gap--main)), 1fr); --breakout-remaining: calc(var(--max-width--main) ); --breakout-start: [full-start] var(--breakout-gutter) [content-start]; --breakout-end: [content-end] var(--breakout-gutter) [full-end]; --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); --grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end); --min: 26rem; --_typography---text-transform--none: none; --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --_typography---text-transform--inherit: inherit; } a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-slider-arrow-left, .w-slider-arrow-right, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } :is(.text-style-link, a:not([class])) { text-decoration-line: underline; text-decoration-style: initial; text-underline-offset: 0.2em; text-decoration-thickness: 0.1em; color: var(--link-color--link-primary); text-decoration-color: var(--link-color--link-primary); } a, button, [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(--focus--color); outline-width: var(--focus--width); outline-style: solid; } .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } .padding-0 { padding: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } .wf-design-mode .clickable_component { z-index: -1; } .clickable_component a[href="#"] { display: none; } .clickable_component a[href="#"] ~ button { display: block; } .clickable_component a:not([href="#"]) ~ button { display: none; } [data-rich-text-inherit]:not(.text-rich-text) :is(h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li) { font-weight: inherit; font-size: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; } .athlete-tab-link .athlete-tab-text { color: inherit; } /* === ARROW FIXES === */ /* Hide the webflow icon child completely */ .w-icon-slider-left, .w-icon-slider-right { display: none !important; } /* Use the arrow container itself to show arrows via ::after */ .w-slider-arrow-left::after { content: '\2190' !important; font-size: 20px !important; font-family: Arial, Helvetica, sans-serif !important; line-height: 1 !important; } .w-slider-arrow-right::after { content: '\2192' !important; font-size: 20px !important; font-family: Arial, Helvetica, sans-serif !important; line-height: 1 !important; } /* --- Events section arrows: next to SEE ALL EVENTS --- */ .section-6 .div-block-106 { position: relative !important; } .section-6 .w-tabs { position: static !important; } .section-6 .w-slider { position: static !important; } .section-6 .w-slider-arrow-left, .section-6 .w-slider-arrow-right { position: absolute !important; top: 0 !important; bottom: auto !important; width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgb(15, 15, 15) !important; color: rgb(15, 15, 15) !important; background: white !important; cursor: pointer !important; z-index: 10 !important; } .section-6 .w-slider-arrow-left { right: 52px !important; left: auto !important; } .section-6 .w-slider-arrow-right { right: 0 !important; left: auto !important; } .section-6 .div-block-107 { position: absolute !important; top: 0 !important; right: 104px !important; z-index: 10 !important; } /* --- Shop section arrows: next to SHOP ALL MERCH --- */ .section-11 .div-block-139 { position: relative !important; } .section-11 .slider-4 { position: static !important; } .section-11 .w-slider-arrow-left, .section-11 .w-slider-arrow-right { position: absolute !important; top: 0 !important; bottom: auto !important; width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; color: white !important; background: transparent !important; cursor: pointer !important; z-index: 10 !important; } .section-11 .w-slider-arrow-left { right: 52px !important; left: auto !important; } .section-11 .w-slider-arrow-right { right: 0 !important; left: auto !important; } .section-11 .div-block-164 { position: absolute !important; top: 0 !important; right: 104px !important; left: auto !important; bottom: auto !important; z-index: 10 !important; } /* Fix scroll - override lenis/GSAP scroll blocking */ html, body { overflow-y: auto !important; overflow-x: hidden !important; height: auto !important; } html.lenis, html.lenis-smooth, .lenis, .lenis-smooth { overflow-y: auto !important; height: auto !important; } /* Konvoy logo sizing */ .nav-logo { height: 100px !important; width: auto !important; } .footer-logo { height: 120px !important; width: auto !important; }