*,
*::before,
*::after {
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
scrollbar-gutter: stable;
} body {
display: flex;
flex-direction: column;
min-height: 100svh;
scroll-behavior: smooth;
} body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
padding: 0;
} ul,
ol,
nav,
menu {
list-style: none;
margin: 0;
padding: 0;
} button,
.button,
input,
label,
.fs-label,
.menu-item a,
.logo-text {
line-height: 1.25;
} h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
} a:not([class]) {
text-decoration-skip-ink: auto;
} img,
picture,
svg {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font-family: inherit;
font-size: inherit;
} textarea:not([rows]) {
min-height: 10em;
} :target {
scroll-margin-block: 5ex;
}
:root {
interpolate-size: allow-keywords; --breakpoint-xxs: 20rem; --breakpoint-xs: 36rem; --breakpoint-sm: 48rem; --breakpoint-md: 62rem; --breakpoint-lg: 75rem; --breakpoint-xl: 97.5rem; --breakpoint-xxl: 120rem;  --columns-12: 97.5rem; --columns-10: 81rem; --columns-8: 64.5rem; --columns-6: 48rem;  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-24: 6rem; --space-32: 8rem; --space-48: 12rem; --space-60: 15rem; --space-64: 16rem;  --container-xl: calc(var(--columns-12) + (var(--clamp-4-6) * 2));
--container-l: calc(var(--columns-10) + (var(--clamp-4-6) * 2));
--container-m: calc(var(--columns-8) + (var(--clamp-4-6) * 2));
--container-s: calc(var(--columns-6) + (var(--clamp-4-6) * 2));  --color-neutral-100: hsl(49 0% 100%);
--color-neutral-95: hsl(49 8% 95%);
--color-neutral-88: hsl(49 8% 88%);
--color-neutral-80: hsl(49 8% 80%);
--color-neutral-26: hsl(49 4% 26%);
--color-neutral-20: hsl(49 4% 20%);
--color-neutral-14: hsl(49 4% 14%);
--color-neutral-8: hsl(49 4% 8%);
--color-neutral-0: hsl(49 0% 0%); --color-primary-light: hsl(49 84% 76%);
--color-primary: hsl(49 82% 51%);
--color-primary-dark: hsl(43 82% 40%);
--color-secondary-light: hsl(157 46% 34%);
--color-secondary: hsl(162 89% 17%);
--color-secondary-dark: hsl(161 89% 11%);
--color-red: hsl(3 68% 43%);
--color-blue: hsl(240 82% 51%); --border-radius-max: 999rem; --font-family-primary: "Montserrat", sans-serif;
--font-family-cj: "LINE Seed Sans", "Montserrat", sans-serif; --font-weight-default: 400;
--font-weight-bold: 600;
--font-weight-black: 800; --letter-spacing-tight: -0.015em;
--letter-spacing-tightest: -0.03em; --font-size-h1: clamp(3rem, 3.252vw + 1.829rem, 5rem);
--font-size-h2: clamp(2.5rem, 2.439vw + 1.622rem, 4rem);
--font-size-h3: clamp(2rem, 1.626vw + 1.415rem, 3rem);
--font-size-h4: clamp(1.75rem, 1.22vw + 1.311rem, 2.5rem);
--font-size-h5: clamp(1.5rem, 0.813vw + 1.207rem, 2rem);
--font-size-h6: clamp(1.25rem, 0.407vw + 1.104rem, 1.5rem);
--font-size-large: 1.25rem;
--font-size-default: 1rem;
--font-size-small: 0.875rem; --clamp-2-3: clamp(var(--space-2), 0.641vw + 0.269rem, var(--space-3));
--clamp-4-6: clamp(var(--space-4), 1.282vw + 0.538rem, var(--space-6));
--clamp-8-12: clamp(var(--space-8), 2.564vw + 1.077rem, var(--space-12)); --clamp-4-8: clamp(var(--space-4), 1.626vw + 0.415rem, var(--space-8));
--clamp-4-12: clamp(var(--space-4), 3.252vw + -0.171rem, var(--space-12));
--clamp-8-24: clamp(var(--space-8), 6.504vw + -0.341rem, var(--space-24));
--clamp-16-32: clamp(var(--space-16), 6.504vw + 1.659rem, var(--space-32));
--clamp-16-64: clamp(var(--space-16), 19.512vw + -3.024rem, var(--space-64)); --selection: hsl(from var(--color-primary) h s l / 0.35); --background-primary: light-dark(
var(--color-neutral-100),
var(--color-neutral-8)
);
--background-level-1: light-dark(
var(--color-neutral-95),
var(--color-neutral-14)
);
--background-level-2: light-dark(
var(--color-neutral-88),
var(--color-neutral-20)
);
--background-level-3: light-dark(
var(--color-neutral-80),
var(--color-neutral-26)
); --text-primary: light-dark(var(--color-neutral-14), var(--color-neutral-95));
--text-secondary: light-dark(
var(--color-neutral-26),
var(--color-neutral-80)
); --background-button: light-dark(
var(--color-neutral-8),
var(--color-neutral-100)
);
--background-button-hover: light-dark(
var(--color-neutral-20),
var(--color-neutral-88)
);
--text-button: light-dark(var(--color-neutral-95), var(--color-neutral-14)); --box-shadow: 0 var(--space-1) var(--space-2)
light-dark(
hsl(from var(--color-neutral-0) h s l / 0.04),
hsl(from var(--color-neutral-0) h s l / 0.12)
);
}
h1,
h2,
h3,
h4,
h5,
h6,
.fs-h1,
.fs-h2,
.fs-h3,
.fs-h4,
.fs-h5,
.fs-h6 {
font-weight: var(--font-weight-default);
position: relative;
isolation: isolate;
text-wrap: balance;
padding-left: var(--clamp-2-3);
&::before {
content: "";
position: absolute;
inset: 4% auto 4% 0;
width: calc(var(--space-1) / 2);
border-radius: var(--border-radius-max);
background-color: var(--color-primary);
}
}
h1,
.fs-h1 {
font-size: var(--font-size-h1);
line-height: 1.1;
letter-spacing: var(--letter-spacing-tightest);
}
h2,
.fs-h2 {
font-size: var(--font-size-h2);
line-height: 1.15;
letter-spacing: var(--letter-spacing-tightest);
}
h3,
.fs-h3 {
font-size: var(--font-size-h3);
line-height: 1.2;
letter-spacing: var(--letter-spacing-tight);
}
h4,
.fs-h4 {
font-size: var(--font-size-h4);
line-height: 1.25;
letter-spacing: var(--letter-spacing-tight);
}
h5,
.fs-h5 {
font-size: var(--font-size-h5);
line-height: 1.3;
}
h6,
.fs-h6 {
font-size: var(--font-size-h6);
line-height: 1.35;
} .fs-large {
font-size: var(--font-size-large);
}
.fs-small {
font-size: var(--font-size-small);
}
.site-container {
width: 100%;
max-width: var(--container-xl);
margin-inline: auto;
padding-inline: var(--clamp-4-6); &.container-l {
max-width: var(--container-l);
}
&.container-m {
max-width: var(--container-m);
}
&.container-s {
max-width: var(--container-s);
} .content-container {
&[class*="split-"] {
display: flex;
flex-direction: column;
gap: var(--clamp-8-12); @media (width >= 48rem) {
flex-direction: row;
> :first-child {
flex-basis: var(--col-1, 50%);
}
> :last-child {
flex-basis: var(--col-2, 50%);
}
&.right {
flex-direction: row-reverse;
}
&.split-30-70 {
--col-1: 30%;
--col-2: 70%;
}
&.split-40-60 {
--col-1: 40%;
--col-2: 60%;
}
&.split-50-50 {
--col-1: 50%;
--col-2: 50%;
}
&.split-60-40 {
--col-1: 60%;
--col-2: 40%;
}
&.split-70-30 {
--col-1: 70%;
--col-2: 30%;
}
&.top {
align-items: flex-start;
}
&.centre {
align-items: center;
}
&.bottom {
align-items: flex-end;
}
}
}
&.boxed {
gap: var(--clamp-4-6);
.content {
padding-block: var(--clamp-4-6);
} @media (width >= 48rem) {
.content {
padding-inline: var(--clamp-4-6);
}
}
}
}
} header {
position: fixed;
inset-inline: 0;
z-index: 999;
background-color: var(--background-primary);
transition:
background-color 0.4s ease,
color 0.4s ease;
.site-container {
padding-block: var(--space-4);
display: flex;
flex-wrap: wrap;
gap: 0 var(--clamp-4-6);
justify-content: space-between;
align-items: center;
position: relative;
isolation: isolate;
}
.menu-toggle {
width: var(--space-8);
height: var(--space-8);
position: relative;
isolation: isolate;
.menu-icon {
width: 100%;
top: 50%;
transform: translateY(-50%);
&,
&::before,
&::after {
content: "";
background-color: var(--text-primary);
position: absolute;
height: calc(var(--space-1) / 2);
transition:
background-color 0.4s ease,
transform 0.4s ease,
top 0.4s ease;
}
&::before {
width: 50%;
left: var(--space-4);
top: calc(0rem - var(--space-2));
transform-origin: 0 100%;
}
&::after {
width: 50%;
left: 0;
top: var(--space-2);
transform-origin: 100% 0;
}
}
&:hover {
cursor: pointer;
}
}
.menu-container {
position: absolute;
z-index: -1;
inset: 0 0 auto 0;
padding: 0 var(--clamp-4-6);
background-color: var(--background-primary);
.main-menu {
display: flex;
flex-direction: column;
gap: var(--space-2);
.menu-item {
border-radius: var(--space-2);
overflow: hidden;
a {
background-color: var(--background-level-1);
display: flex;
gap: var(--space-2);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
transition:
background-color 0.4s ease,
color 0.4s ease;
&:hover {
background-color: var(--background-level-2);
}
&::selection {
background-color: transparent;
}
&:focus-visible {
outline-color: var(--text-primary);
}
}
&.menu-item-has-children {
> a {
&::after {
content: "";
display: block;
width: 0.75rem;
height: 0.438rem;
background-color: currentColor;
mask: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none' viewBox='0 0 12 7'%3E%3Cpath fill='currentColor' d='M5.294 6.707c.39.39 1.025.39 1.415 0l4.998-4.999A1.001 1.001 0 0 0 10.292.293L6 4.586 1.708.296A1.001 1.001 0 0 0 .293 1.711l4.998 5 .003-.004Z'/%3E%3C/svg%3E");
transition: rotate 0.4s ease;
}
&:focus {
background-color: var(--background-level-1);
}
&:hover {
background-color: var(--background-level-2);
}
&:focus-visible {
outline-color: var(--text-primary);
}
}
.sub-menu {
li {
border-radius: 0;
a {
padding-left: var(--space-10);
position: relative;
&::before {
content: "";
position: absolute;
left: var(--space-4);
top: 50%;
transform: translateY(-50%);
width: var(--space-2);
height: calc(var(--space-1) / 2);
background-color: currentColor;
transition: background-color 0.4s ease;
}
&:hover {
&::before {
background-color: var(--color-primary);
}
}
}
&.current-menu-item {
> a {
&::before {
background-color: var(--color-primary);
}
}
}
}
}
&.opened {
> a {
background-color: var(--background-level-1);
&::after {
rotate: 180deg;
}
}
.sub-menu {
height: auto;
visibility: visible;
}
}
}
&.current-menu-parent,
&.current-menu-item {
> a {
background-color: var(--background-level-2);
}
}
}
}
}
.menu-container,
.main-menu,
.sub-menu {
height: 0;
overflow: clip;
visibility: hidden;
transition:
height 0.4s ease,
margin 0.4s ease,
padding 0.4s ease,
top 0.4s ease,
visibility 0.4s ease;
}  &.scrolled,
&.menu-opened {
box-shadow: var(--box-shadow);
.logo {
height: 3.5rem;
.logo-crest {
width: 4.12rem;
height: 3.5rem;
}
}
} &.menu-opened {
box-shadow: none;
.menu-toggle {
.menu-icon {
transform: rotate(45deg);
&,
&::before,
&::after {
background-color: var(--text-primary);
}
&::before {
transform: rotate(-90deg) translate(-0.438rem, 0.063rem);
}
&::after {
transform: rotate(-90deg) translate(0.438rem, -0.063rem);
}
}
}
.menu-container {
padding: var(--header-height) var(--clamp-4-6) var(--space-4)
var(--clamp-4-6);
box-shadow: var(--box-shadow);
}
.menu-container,
.main-menu {
height: auto;
visibility: visible;
}
} &:has(+ .main > .hero:first-child) {
background-color: transparent;
.logo {
svg {
&.crest {
opacity: 0;
}
&.crest-outline {
opacity: 1;
}
}
.logo-text {
color: var(--color-neutral-100);
}
&:focus-visible {
outline-color: var(--color-neutral-100);
}
}
.menu-toggle {
.menu-icon {
&,
&::before,
&::after {
content: "";
background-color: var(--color-neutral-100);
}
}
}
.menu-container {
.main-menu {
.menu-item {
a {
&:focus-visible {
outline-color: var(--color-neutral-100);
}
}
&.menu-item-has-children {
> a {
&:focus-visible {
color: var(--text-primary);
}
}
}
}
}
} &.scrolled,
&.menu-opened {
background-color: var(--background-primary);
.logo {
height: 3.5rem;
.logo-crest {
width: 4.12rem;
height: 3.5rem;
svg {
&.crest {
opacity: 1;
}
&.crest-outline {
opacity: 0;
}
}
}
.logo-text {
color: var(--text-primary);
}
&:focus-visible {
outline-color: var(--text-primary);
}
}
.menu-toggle {
.menu-icon {
&,
&::before,
&::after {
content: "";
background-color: var(--text-primary);
}
}
}
.menu-container {
.main-menu {
.menu-item {
a {
&:focus-visible {
outline-color: var(--text-primary);
}
}
}
}
}
}
} @media (width >= 62rem) {
.menu-toggle {
display: none;
}
.menu-container {
position: static;
padding: 0;
background-color: transparent;
.main-menu {
flex-direction: row;
.menu-item {
overflow: visible;
a {
background-color: transparent;
border-radius: var(--space-2);
&:hover {
background-color: var(--background-level-1);
}
}
&.menu-item-has-children {
position: relative;
> a {
&:hover {
cursor: default;
background-color: var(--background-level-1);
}
}
.sub-menu {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(100% + var(--space-2));
width: var(--space-60);
background-color: var(--background-level-1);
border-radius: var(--space-2);
li {
a {
border-radius: 0;
padding-left: var(--space-10);
&::before {
left: var(--space-4);
}
&:hover {
background-color: var(--background-level-2);
}
}
&.current-menu-item {
> a {
background-color: var(--background-level-2);
}
}
}
}
&::before {
content: "";
position: absolute;
bottom: calc(0rem - var(--space-3));
left: 50%;
transform: translateX(-50%);
display: block;
width: 100%;
height: var(--space-3);
}
&:hover {
> a {
background-color: var(--background-level-1);
}
.sub-menu {
height: auto;
visibility: visible;
}
}
}
&.current-menu-parent,
&.current-menu-item {
> a {
background-color: var(--background-level-1);
}
}
}
}
}
.menu-container,
.main-menu {
visibility: visible;
overflow: visible;
height: auto;
} &:has(+ .main > .hero:first-child) {
.menu-container {
.main-menu {
.menu-item {
a {
color: var(--color-neutral-100);
&:hover {
background-color: hsl(from var(--color-neutral-8) h s l / 0.4);
backdrop-filter: blur(var(--space-4));
}
}
&.menu-item-has-children {
.sub-menu {
background-color: hsl(from var(--color-neutral-8) h s l / 0.4);
backdrop-filter: blur(var(--space-4));
}
&:hover {
> a {
background-color: hsl(
from var(--color-neutral-8) h s l / 0.4
);
backdrop-filter: blur(var(--space-4));
}
}
}
&.current-menu-parent,
&.current-menu-item {
> a {
background-color: hsl(from var(--color-neutral-8) h s l / 0.4);
backdrop-filter: blur(var(--space-4));
}
}
}
}
} &.scrolled {
.menu-container {
.main-menu {
.menu-item {
a {
color: var(--text-primary);
&:hover {
background-color: var(--background-level-1);
backdrop-filter: none;
}
}
&.menu-item-has-children {
.sub-menu {
background-color: var(--background-level-1);
backdrop-filter: none;
li {
a {
&:hover {
background-color: var(--background-level-2);
}
}
}
}
&:hover {
> a {
background-color: var(--background-level-1);
backdrop-filter: none;
}
}
}
&.current-menu-parent,
&.current-menu-item {
> a {
background-color: var(--background-level-1);
backdrop-filter: none;
}
}
}
}
}
}
}
}
@media (width >= 97.5rem) {
.site-container {
&::before,
&::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50vw;
height: calc(var(--space-1) / 2);
border-radius: var(--space-2);
background-color: var(--color-primary);
}
&::before {
left: -50vw;
}
&::after {
right: -50vw;
}
} &:has(+ .main > .hero:first-child) {
.site-container {
&::before,
&::after {
background-color: var(--color-neutral-100);
}
}
&.scrolled {
.site-container {
&::before,
&::after {
background-color: var(--color-primary);
}
}
}
}
}
}
footer {
--text-primary: var(--color-neutral-100);
background-color: var(--color-secondary);
color: var(--text-primary);
a {
display: inline-block;
transition: color 0.4s ease;
&:hover {
color: var(--color-primary);
}
}
.cms-content {
> * {
margin-block: var(--space-4);
}
}
.footer-main {
padding-block: var(--space-8);
display: flex;
flex-direction: column;
gap: var(--clamp-4-6);
> * {
flex-basis: 100%;
}
.fs-large {
color: var(--color-primary);
}
.menu-container {
.fs-large {
margin-bottom: var(--space-3);
}
.footer-links-menu {
display: flex;
flex-direction: column;
gap: var(--space-2) var(--clamp-4-6);
a {
padding-block: var(--space-1);
}
.sub-menu {
a {
padding-left: var(--space-5);
position: relative;
isolation: isolate;
&::before {
content: "";
position: absolute;
top: 0.813rem;
left: 0;
height: calc(var(--space-1) / 2);
width: var(--space-2);
background-color: var(--color-primary);
}
}
}
}
}
.footer-contact-details {
p {
&:nth-child(2),
&:nth-child(3) {
display: flex;
gap: var(--clamp-2-3);
align-items: center;
&::before {
content: "";
display: block;
min-width: var(--space-4);
aspect-ratio: 1;
background-color: currentColor;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
}
}
&:nth-child(2) {
&::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' fill='none' viewBox='0 0 20 15'%3E%3Cpath fill='%23000' d='M1.875 0A1.875 1.875 0 0 0 .75 3.375l8.125 6.094c.668.5 1.582.5 2.25 0l8.125-6.094A1.876 1.876 0 0 0 18.125 0zM0 5.156V12.5C0 13.879 1.121 15 2.5 15h15c1.379 0 2.5-1.121 2.5-2.5V5.156l-7.75 5.813a3.75 3.75 0 0 1-4.5 0z'/%3E%3C/svg%3E");
}
}
&:nth-child(3) {
&::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' fill='none' viewBox='0 0 15 20'%3E%3Cpath fill='%23000' d='M.004 7.324C.004 3.278 3.362 0 7.502 0S15 3.278 15 7.324c0 4.633-4.694 10.187-6.655 12.303-.46.497-1.23.497-1.69 0C4.695 17.511 0 11.957 0 7.324zm7.498 2.618c.663 0 1.299-.262 1.767-.728a2.48 2.48 0 0 0 0-3.515 2.506 2.506 0 0 0-3.534 0 2.48 2.48 0 0 0 0 3.515 2.5 2.5 0 0 0 1.767.728'/%3E%3C/svg%3E");
}
}
}
}
}
.footer-end {
background-color: var(--color-secondary-dark);
.site-container {
padding-block: var(--space-4);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-2) var(--clamp-4-6);
}
.cj-creative {
font-family: var(--font-family-cj);
strong,
b {
--font-weight-bold: 700;
}
}
} @media (width >= 36rem) {
.footer-main {
.menu-container {
.footer-links-menu {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
.menu-item {
flex-basis: calc(50% - ((var(--clamp-4-6) * 1) / 2));
}
}
}
}
.footer-end {
.site-container {
flex-direction: row;
justify-content: space-between;
}
}
}
@media (width >= 48rem) {
.footer-main {
flex-direction: row;
flex-wrap: wrap;
.footer-contact-details {
flex-basis: calc(40% - ((var(--clamp-4-6) * 1) / 2));
}
.menu-container {
flex-basis: calc(60% - ((var(--clamp-4-6) * 1) / 2));
}
}
}
@media (width >= 75rem) {
.footer-main {
.logo {
flex-basis: calc(20% - ((var(--clamp-4-6) * 2) / 3));
}
.menu-container {
flex-basis: calc(49% - ((var(--clamp-4-6) * 2) / 3));
}
.footer-contact-details {
flex-basis: calc(31% - ((var(--clamp-4-6) * 2) / 3));
}
}
}
} .logo {
height: clamp(3.5rem, 5.357vw + 2.429rem, 5rem);
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
gap: var(--space-2);
transition: height 0.4s ease;
.logo-crest {
position: relative;
isolation: isolate;
width: clamp(4.12rem, 6.493vw + 2.821rem, 5.938rem);
height: clamp(3.5rem, 5.357vw + 2.429rem, 5rem);
transition:
width 0.4s ease,
height 0.4s ease;
svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
&.crest {
opacity: 1;
.crest-color {
fill: var(--color-primary);
}
.crest-left {
fill: var(--color-red);
}
.crest-right {
fill: var(--color-blue);
}
}
&.crest-outline {
opacity: 0;
.crest-color {
fill: var(--color-neutral-100);
}
.crest-outline-color {
stroke: var(--color-neutral-100);
}
}
&.crest,
&.crest-outline {
transition: opacity 0.4s ease;
}
}
}
.logo-text {
font-size: clamp(var(--space-3), 1.843vw + 0.381rem, var(--space-4));
color: var(--text-primary);
transition: color 0.4s ease;
& > span {
display: block;
font-weight: var(--font-weight-bold);
}
}
&:focus-visible {
outline-color: var(--text-primary);
}
}
button,
.button {
display: inline-flex;
border: calc(var(--space-1) / 4) solid var(--background-button);
border-radius: var(--space-2);
padding: var(--space-3) var(--space-6);
background-color: var(--background-button);
color: var(--text-button);
font-weight: var(--font-weight-bold);
text-align: center;
text-decoration: none;
transition: scale 0.4s ease;
&:hover,
&:focus {
opacity: 1;
scale: 1.04;
}
&::selection {
background-color: var(--background-button);
}
&:focus-visible {
outline-color: var(--background-button);
} &.gold {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-neutral-8);
&::selection {
background-color: var(--color-primary);
}
&:focus-visible {
outline-color: var(--color-primary);
}
}
&.green {
background-color: var(--color-secondary);
border-color: var(--color-secondary);
color: var(--color-neutral-100);
&::selection {
background-color: var(--color-secondary);
}
&:focus-visible {
outline-color: var(--color-secondary);
}
}
}
.match-listing {
display: flex;
gap: var(--clamp-4-6);
.list-item {
.match-card {
padding: var(--clamp-4-6);
border: calc(var(--space-1) / 4) solid var(--background-level-1);
border-radius: var(--clamp-2-3);
height: 100%;
display: flex;
flex-direction: column;
gap: var(--space-4);
box-shadow: var(--box-shadow);
transition: background-color 0.4s ease;
.match-title {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
gap: 0 var(--space-2);
}
.match-details {
display: flex;
flex-direction: column;
gap: var(--space-2) var(--clamp-4-6);
.match-info {
display: flex;
gap: var(--space-4);
align-items: center;
.icon {
min-width: var(--space-5);
aspect-ratio: 1;
mask-size: contain;
background-position: center;
mask-repeat: no-repeat;
background-color: currentColor;
&.date-time {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='currentColor' d='M18.125 10a8.125 8.125 0 1 1-16.25 0 8.125 8.125 0 0 1 16.25 0M0 10a10 10 0 1 0 20 0 10 10 0 0 0-20 0m9.063-5.312V10c0 .313.156.605.417.781l3.75 2.5a.935.935 0 0 0 1.301-.261.934.934 0 0 0-.261-1.301L10.938 9.5V4.688A.935.935 0 0 0 10 3.75a.935.935 0 0 0-.937.938'/%3E%3C/svg%3E");
}
&.match-type-league {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none'%3E%3Cpath fill='currentColor' d='M.968 0A.97.97 0 0 0 0 .98v1.962c0 .544.431.981.968.981h1.935a.97.97 0 0 0 .968-.98V.98A.97.97 0 0 0 2.903 0zm6.129.654c-.714 0-1.29.584-1.29 1.308 0 .723.576 1.307 1.29 1.307H18.71c.713 0 1.29-.584 1.29-1.307 0-.724-.577-1.308-1.29-1.308zm0 6.538c-.714 0-1.29.585-1.29 1.308s.576 1.308 1.29 1.308H18.71c.713 0 1.29-.585 1.29-1.308s-.577-1.308-1.29-1.308zm0 6.539c-.714 0-1.29.584-1.29 1.308 0 .723.576 1.307 1.29 1.307H18.71c.713 0 1.29-.584 1.29-1.307 0-.724-.577-1.308-1.29-1.308zM0 7.519v1.962c0 .543.431.98.968.98h1.935a.97.97 0 0 0 .968-.98V7.519a.97.97 0 0 0-.968-.98H.968a.97.97 0 0 0-.968.98m.968 5.558a.97.97 0 0 0-.968.98v1.962c0 .544.431.981.968.981h1.935a.97.97 0 0 0 .968-.98v-1.962a.97.97 0 0 0-.968-.981z'/%3E%3C/svg%3E");
}
&.match-type-cup {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='currentColor' d='M5.611.004h8.777c1.039 0 1.885.851 1.846 1.882q-.011.311-.028.617h1.944c1.022 0 1.924.844 1.845 1.945-.294 4.05-2.37 6.277-4.623 7.44-.62.32-1.25.559-1.85.735-.791 1.117-1.614 1.706-2.268 2.023V17.5h2.507a1.25 1.25 0 1 1 0 2.5H6.238a1.25 1.25 0 1 1 0-2.5h2.508v-2.854c-.627-.301-1.407-.86-2.167-1.887a9.5 9.5 0 0 1-2.269-.902C2.19 10.674.28 8.444.004 4.441-.07 3.343.827 2.5 1.85 2.5h1.943c-.011-.204-.02-.407-.027-.618C3.726.847 4.573 0 5.61 0zM3.934 4.378H1.881c.243 3.308 1.767 4.964 3.339 5.843-.565-1.457-1.031-3.36-1.286-5.843m10.913 5.655c1.587-.93 3.02-2.581 3.264-5.655h-2.05c-.243 2.378-.681 4.226-1.214 5.655'/%3E%3C/svg%3E");
}
&.venue-tbc,
&.venue-home-away {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' fill='none'%3E%3Cpath fill='%23000' d='M.004 7.324C.004 3.278 3.362 0 7.502 0S15 3.278 15 7.324c0 4.633-4.694 10.187-6.655 12.303-.46.497-1.23.497-1.69 0C4.695 17.511 0 11.957 0 7.324zm7.498 2.618c.663 0 1.299-.262 1.767-.728a2.48 2.48 0 0 0 0-3.515 2.506 2.506 0 0 0-3.534 0 2.48 2.48 0 0 0 0 3.515 2.5 2.5 0 0 0 1.767.728'/%3E%3C/svg%3E");
}
&.venue-home {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='currentColor' d='M9.378.24a.933.933 0 0 1 1.25 0l9.06 8.126a.935.935 0 0 1 .07 1.324.934.934 0 0 1-1.323.07l-.313-.28v8.02c0 1.379-1.12 2.5-2.5 2.5H4.377a2.5 2.5 0 0 1-2.5-2.5V9.48l-.312.28A.94.94 0 0 1 .24 9.69a.94.94 0 0 1 .07-1.324zm.625 1.957L3.755 7.803v9.7c0 .344.281.626.625.626h1.874v-4.063a2.81 2.81 0 0 1 2.812-2.813h1.874a2.81 2.81 0 0 1 2.812 2.813v4.063h1.875a.627.627 0 0 0 .625-.625v-9.7L10.003 2.2zM8.13 18.13h3.749v-4.063a.935.935 0 0 0-.937-.938H9.066a.935.935 0 0 0-.937.938z'/%3E%3C/svg%3E");
}
&.venue-away,
&.venue-neutral {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='currentColor' d='M20 3.75c0 1.96-2.309 4.887-3.305 6.055a.59.59 0 0 1-.566.195H12.5c-.691 0-1.25.559-1.25 1.25s.559 1.25 1.25 1.25h3.75a3.751 3.751 0 0 1 0 7.5H5.453c.34-.387.754-.883 1.172-1.437.246-.329.5-.688.742-1.063h8.883c.691 0 1.25-.559 1.25-1.25S16.941 15 16.25 15H12.5a3.751 3.751 0 0 1 0-7.5h1.555c-.82-1.23-1.555-2.645-1.555-3.75a3.751 3.751 0 0 1 7.5 0M4.574 19.106l-.394.44-.07.079-.008-.008a.58.58 0 0 1-.782-.07C2.336 18.477 0 15.723 0 13.75a3.751 3.751 0 0 1 7.5 0c0 1.172-.824 2.617-1.7 3.824a23 23 0 0 1-1.202 1.504zM5 13.75a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0M16.25 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
}
} &.league {
.match-details {
.match-info {
.icon {
background-color: var(--color-secondary-light);
}
}
}
&:hover {
background-color: light-dark(
hsl(from var(--color-secondary-light) h s l / 0.075),
hsl(from var(--color-secondary-light) h s l / 0.05)
);
}
} &.cup {
.match-details {
.match-info {
.icon {
background-color: light-dark(
var(--color-primary-dark),
var(--color-primary)
);
}
}
}
&:hover {
background-color: light-dark(
hsl(from var(--color-primary-dark) h s l / 0.075),
hsl(from var(--color-primary) h s l / 0.05)
);
}
}
}
}
}
.social-media-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: var(--space-3);
align-items: center;
.social-link {
width: var(--space-8);
aspect-ratio: 1;
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
background-color: currentColor;
transition: color 0.4s ease;
&.facebook {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='currentColor' d='M32 16.098C32 7.208 24.837 0 16.002 0 7.163.002 0 7.207 0 16.1 0 24.133 5.851 30.792 13.498 32V20.751h-4.06V16.1h4.064v-3.55c0-4.033 2.39-6.26 6.044-6.26 1.751 0 3.581.313 3.581.313v3.96H21.11c-1.985 0-2.605 1.242-2.605 2.515v3.02h4.435l-.708 4.651h-3.73v11.249C26.15 30.79 32 24.131 32 16.098'/%3E%3C/svg%3E");
}
&.instagram {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='currentColor' d='M16 0c-4.342 0-4.888.02-6.594.096C7.7.176 6.538.444 5.52.84a7.8 7.8 0 0 0-2.834 1.846A7.8 7.8 0 0 0 .84 5.52C.444 6.536.174 7.7.096 9.4.02 11.11 0 11.654 0 16.002c0 4.344.02 4.888.096 6.594.08 1.704.348 2.866.744 3.884a7.86 7.86 0 0 0 1.846 2.834 7.8 7.8 0 0 0 2.832 1.846c1.02.396 2.18.666 3.884.744C11.11 31.98 11.654 32 16 32s4.888-.02 6.596-.096c1.702-.08 2.868-.348 3.886-.744a7.8 7.8 0 0 0 2.832-1.846 7.86 7.86 0 0 0 1.846-2.834c.394-1.018.664-2.18.744-3.884C31.98 20.89 32 20.346 32 16s-.02-4.89-.096-6.598c-.08-1.702-.35-2.866-.744-3.882a7.8 7.8 0 0 0-1.846-2.834A7.8 7.8 0 0 0 26.48.84C25.46.444 24.296.174 22.594.096 20.886.02 20.344 0 15.996 0zm-1.434 2.884h1.436c4.272 0 4.778.014 6.464.092 1.56.07 2.408.332 2.972.55.746.29 1.28.638 1.84 1.198s.906 1.092 1.196 1.84c.22.562.48 1.41.55 2.97.078 1.686.094 2.192.094 6.462s-.016 4.778-.094 6.464c-.07 1.56-.332 2.406-.55 2.97a5 5 0 0 1-1.198 1.838c-.56.56-1.092.906-1.84 1.196-.56.22-1.408.48-2.97.552-1.686.076-2.192.094-6.464.094s-4.78-.018-6.466-.094c-1.56-.072-2.406-.332-2.97-.552a5 5 0 0 1-1.84-1.196 5 5 0 0 1-1.2-1.84c-.218-.562-.48-1.41-.55-2.97-.076-1.686-.092-2.192-.092-6.466s.016-4.776.092-6.462c.072-1.56.332-2.408.552-2.972.29-.746.638-1.28 1.198-1.84a4.94 4.94 0 0 1 1.84-1.196c.564-.22 1.41-.48 2.97-.552 1.476-.068 2.048-.088 5.03-.09zm9.976 2.656a1.92 1.92 0 1 0 0 3.841 1.92 1.92 0 0 0 0-3.841m-8.54 2.244a8.218 8.218 0 1 0-.256 16.433 8.218 8.218 0 0 0 .256-16.433m0 2.882a5.335 5.335 0 1 1 0 10.67 5.335 5.335 0 0 1 0-10.67'/%3E%3C/svg%3E");
}
}
}
.fluentform {
margin-bottom: 0;
.frm-fluent-form { .ff-t-container {
gap: var(--clamp-4-6);
}
.ff-el-group {
margin-bottom: var(--clamp-4-6);
.ff-el-input--label {
margin-bottom: var(--space-1);
label {
font-weight: var(--font-weight-bold);
&:after {
color: var(--color-red) !important;
content: "*" !important;
margin-left: var(--space-1) !important;
}
}
}
.ff-el-input--content {
.ff-el-form-control {
padding: var(--space-3) var(--space-4);
background-color: var(--background-level-1);
border: calc(var(--space-1) / 4) solid var(--background-level-4);
border-radius: var(--clamp-2-3);
color: var(--text-primary);
transition: border 0.4s ease;
&::placeholder {
color: var(--text-secondary);
}
}
}
&.ff-el-is-error {
.ff-el-input--content {
.ff-el-form-control {
border: calc(var(--space-1) / 4) solid var(--color-red);
}
.text-danger {
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: var(--color-red);
}
}
}
&.ff_submit_btn_wrapper {
margin-bottom: 0;
button {
border: none !important;
border-radius: var(--space-2) !important;
padding: var(--space-3) var(--space-6) !important;
background-color: var(--color-primary) !important;
color: var(--color-neutral-8) !important;
font-weight: var(--font-weight-bold) !important;
transition: opacity 0.4s ease;
}
}
}
}
}
html {
scroll-behavior: smooth;
color-scheme: light dark; .mce-content-body {
background-color: var(--color-neutral-100);
color: var(--color-neutral-14);
padding: var(--space-2);
> * {
margin-block: var(--space-2);
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
button:not(.gold, .green),
.button:not(.gold, .green) {
border: calc(var(--space-1) / 4) solid var(--color-neutral-88);
background-color: var(--color-neutral-88);
}
}
body {
background-color: var(--background-primary);
font-family: var(--font-family-primary);
font-weight: var(--font-weight-default);
font-optical-sizing: auto;
font-style: normal;
font-size: var(--font-size-default);
line-height: 1.5;
color: var(--text-primary);
text-wrap: pretty;
strong,
b {
font-weight: var(--font-weight-bold);
} ::selection {
background-color: var(--selection);
text-shadow: none;
} a {
display: inline-flex;
color: currentColor;
text-decoration: none;
&:focus-visible {
outline: calc(var(--space-1) / 4) solid var(--text-primary);
outline-offset: var(--space-1);
border-radius: var(--space-1);
}
}
header,
footer {
flex: 0 0 auto;
}
main {
margin-top: var(--header-height);
flex: 1 0 auto;
&:has(> .hero:first-child) {
margin-top: 0;
padding-block: 0;
}
section.section {
scroll-margin-top: var(--header-height);
&:not(.hero) {
margin-block: var(--clamp-8-24);
}
&.content-media {
margin-block: var(--clamp-4-12);
&:last-of-type {
margin-bottom: var(--clamp-8-24);
}
}
} .cms-content { & > :not(script, style) {
margin-block: var(--clamp-4-6);
&:first-child {
margin-top: 0;
}
&:last-child,
&:has(+ script, + style) {
margin-bottom: 0;
}
} a:not(.button) {
font-weight: var(--font-weight-bold);
text-decoration: underline;
transition: opacity 0.4s ease;
&:hover {
opacity: 0.6;
}
} ul,
ol {
li {
position: relative;
isolation: isolate;
padding-left: var(--space-5);
margin-bottom: var(--space-2);
&::before {
content: "";
position: absolute;
top: 0.656rem;
left: 0;
height: calc(var(--space-1) / 2);
width: var(--space-2);
background-color: var(--color-primary);
border-radius: var(--border-radius-max);
}
&:last-of-type {
margin-bottom: 0;
}
}
} .button-container {
display: flex;
flex-wrap: wrap;
gap: var(--clamp-2-3);
&:only-child {
margin-top: 0;
}
&[style*="text-align: center"],
&[style*="text-align: right"] {
justify-content: center;
} @media (width >= 36rem) {
&[style*="text-align: right"] {
justify-content: flex-end;
}
}
}
} .content-contact-details {
p {
&:nth-child(3),
&:nth-child(4) {
display: flex;
gap: var(--space-3);
align-items: center;
&::before {
content: "";
display: block;
width: var(--space-4);
aspect-ratio: 1;
background-color: currentColor;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
}
}
&:nth-child(3) {
&::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' fill='none' viewBox='0 0 20 15'%3E%3Cpath fill='%23000' d='M1.875 0A1.875 1.875 0 0 0 .75 3.375l8.125 6.094c.668.5 1.582.5 2.25 0l8.125-6.094A1.876 1.876 0 0 0 18.125 0zM0 5.156V12.5C0 13.879 1.121 15 2.5 15h15c1.379 0 2.5-1.121 2.5-2.5V5.156l-7.75 5.813a3.75 3.75 0 0 1-4.5 0z'/%3E%3C/svg%3E");
}
}
&:nth-child(4) {
&::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' fill='none' viewBox='0 0 15 20'%3E%3Cpath fill='%23000' d='M.004 7.324C.004 3.278 3.362 0 7.502 0S15 3.278 15 7.324c0 4.633-4.694 10.187-6.655 12.303-.46.497-1.23.497-1.69 0C4.695 17.511 0 11.957 0 7.324zm7.498 2.618c.663 0 1.299-.262 1.767-.728a2.48 2.48 0 0 0 0-3.515 2.506 2.506 0 0 0-3.534 0 2.48 2.48 0 0 0 0 3.515 2.5 2.5 0 0 0 1.767.728'/%3E%3C/svg%3E");
}
}
}
} .image-container {
position: relative;
isolation: isolate;
aspect-ratio: 4 / 3;
.image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--clamp-2-3);
object-fit: cover;
object-position: center;
}
}
} .section-404 {
text-align: center;
} .cky-consent-container,
.cky-modal {
.cky-consent-bar {
background-color: var(--background-primary) !important;
box-shadow: none !important;
border: none !important;
border-top: calc(var(--space-1) / 4) solid var(--background-level-1) !important;
padding: 0 !important;
.cky-notice {
max-width: var(--container-xl);
margin-inline: auto;
padding: var(--clamp-4-6);
.cky-title,
.cky-notice-des {
color: var(--text-primary) !important;
}
.cky-notice-group {
display: flex;
flex-direction: column;
gap: var(--clamp-4-6);
}
}
} .cky-notice-btn-wrapper,
.cky-prefrence-btn-wrapper {
margin: 0;
width: 100%;
flex-direction: column;
gap: var(--space-2);
}
.cky-btn {
justify-content: center !important;
text-align: center !important;
margin: 0 !important;
border: calc(var(--space-1) / 4) solid var(--color-primary) !important;
border-radius: var(--space-2);
padding: var(--space-3) var(--space-6) !important;
background-color: var(--color-primary) !important;
color: var(--color-neutral-8) !important;
font-weight: var(--font-weight-bold) !important;
&:hover {
opacity: 1 !important;
}
&:focus-visible {
outline-color: var(--color-primary) !important;
}
&::selection {
background-color: var(--selection) !important;
}
&.cky-btn-customize,
&.cky-btn-reject,
&.cky-btn-preferences {
background-color: transparent !important;
color: var(--text-primary) !important;
}
}
.cky-show-desc-btn {
color: currentColor !important;
text-decoration: underline;
&:hover {
text-decoration: underline !important;
}
} @media (width >= 36rem) {
.cky-consent-bar {
.cky-notice {
.cky-notice-group {
display: flex;
flex-direction: column;
gap: var(--clamp-4-6);
}
}
} .cky-notice-btn-wrapper,
.cky-prefrence-btn-wrapper {
flex-direction: row;
}
}
@media (width >= 48rem) {
.cky-consent-bar {
.cky-notice {
.cky-notice-group {
flex-direction: row;
}
}
} .cky-notice-btn-wrapper,
.cky-prefrence-btn-wrapper {
width: auto;
}
}
}
.cky-modal {
background: var(--background-primary) !important;
box-shadow: var(--box-shadow) !important;
border-radius: var(--clamp-4-6) !important;
color: var(--text-primary) !important;
.cky-preference-center {
background-color: var(--background-primary) !important;
color: var(--text-primary) !important;
border-color: var(--background-level-1) !important;
.cky-preference-title,
.cky-preference-content-wrapper,
.cky-accordion-btn,
.cky-accordion-header-des {
color: var(--text-primary) !important;
}
.cky-always-active {
color: var(--color-secondary-light) !important;
}
.cky-audit-table {
color: var(--text-primary) !important;
background-color: var(--background-level-1) !important;
border-color: var(--background-level-1) !important;
}
.cky-footer-wrapper {
.cky-footer-shadow {
background: linear-gradient(
hsl(from var(--background-primary) h s l / 0%),
hsl(from var(--background-primary) h s l / 100%)
) !important;
}
}
}
}
.cky-btn-revisit-wrapper {
display: none !important;
}
.cky-revisit-bottom-left {
display: none !important;
left: auto !important;
right: var(--space-4) !important;
}
}
}.fluentform *{box-sizing:border-box}.fluentform .clearfix:after,.fluentform .clearfix:before,.fluentform .ff-el-group:after,.fluentform .ff-el-group:before,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-el-repeat .ff-el-input--content:before,.fluentform .ff-step-body:after,.fluentform .ff-step-body:before{content:" ";display:table}.fluentform .clearfix:after,.fluentform .ff-el-group:after,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-step-body:after{clear:both}@media (min-width:768px){.frm-fluent-form .ff-t-container{display:flex;gap:15px;width:100%}.frm-fluent-form .ff-t-container.ff_cond_v{display:flex!important}.frm-fluent-form .ff-t-container.mobile:not(.ff_excluded){display:block!important}.frm-fluent-form .ff-t-cell{display:flex;flex-direction:column;vertical-align:inherit;width:100%}.frm-fluent-form .ff-t-cell:first-of-type{padding-left:0}.frm-fluent-form .ff-t-cell:last-of-type{flex-grow:1;padding-right:0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom{align-items:flex-end;display:flex;margin:auto 0 0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-center{justify-content:center}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-right{justify-content:flex-end}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{margin-bottom:20px}}@media (max-width:768px){.ff-t-cell{margin-left:0!important}}.fluentform .ff-el-group{margin-bottom:20px}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label{display:block;float:none;text-align:left}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content{margin-bottom:0;margin-left:auto}@media (min-width:481px){.fluentform .ff-el-group.ff-el-form-left .ff-el-input--label{text-align:left}.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label{text-align:right}}.fluentform .ff-el-input--label{display:inline-block;margin-bottom:5px;position:relative}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before{color:var(--fluentform-danger);content:"* ";margin-right:3px}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{color:var(--fluentform-danger);content:" *";margin-left:3px}.fluentform .ff-el-form-control{display:block;width:100%}.fluentform .ff-el-ratings{--fill-inactive:#d4d4d4;--fill-active:#ffb100;display:inline-block;line-height:40px}.fluentform .ff-el-ratings input[type=radio]{display:none;height:0!important;visibility:hidden!important;width:0!important}.fluentform .ff-el-ratings svg{fill:var(--fill-inactive);height:22px;transition:all .3s;vertical-align:middle;width:22px}.fluentform .ff-el-ratings svg.scale{transition:all .15s}.fluentform .ff-el-ratings label{display:inherit;margin-right:3px}.fluentform .ff-el-ratings label.active svg{fill:#ffb100;fill:var(--fill-active)}.fluentform .ff-el-ratings label:hover{cursor:pointer}.fluentform .ff-el-ratings label:hover svg{transform:scale(1.1)}.fluentform .ff-el-ratings label:hover svg.scalling{transform:scale(1.2)}.fluentform .ff-el-repeat .ff-el-form-control{margin-bottom:10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell{padding:0 10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell:first-child{padding-left:0}.fluentform .ff-el-repeat .ff-t-cell:last-child{padding-right:0}.fluentform .ff-el-repeat .ff-t-container{display:flex}.fluentform .ff-el-repeat-buttons-list span{cursor:pointer}@media (min-width:481px){.fluentform .ff-el-form-left .ff-el-input--label,.fluentform .ff-el-form-right .ff-el-input--label{float:left;margin-bottom:0;padding:10px 15px 0 0;width:180px}.fluentform .ff-el-form-left .ff-el-input--content,.fluentform .ff-el-form-right .ff-el-input--content{margin-left:180px}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--label,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--label{float:none;margin-bottom:5px;width:auto}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--content,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--content{margin-left:auto}}.fluentform .ff-el-form-right .ff-el-input--label{text-align:right}.fluentform .ff-el-is-error .text-danger{font-size:12px;margin-top:4px}.fluentform .ff-el-is-error .ff-el-form-check-label,.fluentform .ff-el-is-error .ff-el-form-check-label a{color:var(--fluentform-danger)}.fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--fluentform-danger)}.fluentform .ff-el-tooltip{cursor:pointer;display:inline-block;margin-left:2px;position:relative;vertical-align:middle;z-index:2}.fluentform .ff-el-tooltip:hover{color:#000}.fluentform .ff-el-tooltip svg{fill:var(--fluentform-primary)}.fluentform .ff-el-help-message{color:var(--fluentform-secondary);font-size:12px;font-style:italic;margin-top:5px}.fluentform .ff-el-help-message.ff_ahm{margin-bottom:5px;margin-top:-3px}.fluentform .ff-el-progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1.3rem;line-height:1.2rem;overflow:hidden}.fluentform .ff-el-progress-bar{background-color:var(--fluentform-primary);color:#fff;height:inherit;text-align:right;transition:width .3s;width:0}.fluentform .ff-el-progress-bar span{display:inline-block;padding:0 5px 0 0}.fluentform .ff-el-progress-status{font-size:.9rem;margin-bottom:5px}.fluentform .ff-el-progress-title{border-bottom:2px solid #000;display:inline-block;font-weight:600;list-style-type:none;margin:8px 0 0;padding-left:15px;padding-right:15px}.fluentform .ff-el-progress-title li{display:none}.fluentform .ff-float-right{float:right}.fluentform .ff-chat-gpt-loader-svg{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.fluentform .ff-hidden{display:none!important}.fluentform .ff-step-t-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fluentform .ff-step-t-container .ff-t-cell{width:auto}.fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group{margin-bottom:0}.fluentform .ff-step-container{overflow:hidden}.fluentform .ff-step-header{margin-bottom:20px}.fluentform .ff-step-titles{counter-reset:step;display:table;margin:0 0 20px;overflow:hidden;padding:0;position:relative;table-layout:fixed;text-align:center;width:100%}.fluentform .ff-step-titles-navs{cursor:pointer}.fluentform .ff-step-titles li{color:#333;display:table-cell;font-size:12px;list-style-type:none;padding:0 10px;position:relative;vertical-align:top;width:auto}.fluentform .ff-step-titles li.ff_active,.fluentform .ff-step-titles li.ff_completed{color:#007bff}.fluentform .ff-step-titles li.ff_active:before,.fluentform .ff-step-titles li.ff_completed:before{background:#007bff;border:1px solid transparent;color:#fff}.fluentform .ff-step-titles li.ff_active:after,.fluentform .ff-step-titles li.ff_completed:after{background:#007bff}.fluentform .ff-step-titles li.ff_active:after{right:0}.fluentform .ff-step-titles li:before{background:#fff;border:1px solid;border-radius:3px;color:#333;content:counter(step);counter-increment:step;display:block;font-size:10px;line-height:20px;margin:0 auto 5px;position:relative;vertical-align:top;width:20px;z-index:10}.fluentform .ff-step-titles li:after{background:#000;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%;z-index:1}.fluentform .ff-step-titles li:first-child{padding-left:0}.fluentform .ff-step-titles li:first-child:after{left:50%}.fluentform .ff-step-titles li:last-child{padding-right:0}.fluentform .ff-step-titles li:last-child:after{left:-50%}.fluentform .ff-step-body{left:0;margin-bottom:15px;position:relative;top:0}.fluentform .ff-upload-progress{margin:10px 0}.fluentform .ff-upload-progress-inline{border-radius:3px;height:6px;margin:4px 0;position:relative}.fluentform .ff-upload-preview{border:1px solid #ced4da;border-radius:3px;margin-top:5px}.fluentform .ff-upload-preview:first-child{margin-top:0}.fluentform .ff-upload-preview-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:70px;width:70px}.fluentform .ff-upload-container-small-column-image{display:flex;flex-wrap:wrap-reverse;justify-content:center;text-align:center}.fluentform .ff-upload-details,.fluentform .ff-upload-preview{zoom:1;overflow:hidden}.fluentform .ff-upload-details,.fluentform .ff-upload-thumb{display:table-cell;vertical-align:middle}.fluentform .ff-upload-thumb{background-color:#eee}.fluentform .ff-upload-details{border-left:1px solid #ebeef0;padding:0 10px;position:relative;width:10000px}.fluentform .ff-upload-details .ff-inline-block,.fluentform .ff-upload-details .ff-upload-error{font-size:11px}.fluentform .ff-upload-remove{box-shadow:none!important;color:var(--fluentform-danger);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;position:absolute;right:0;top:3px}.fluentform .ff-upload-remove:hover{color:var(--fluentform-danger);text-shadow:1px 1px 1px #000!important}.fluentform .ff-upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fluentform .ff-table{margin-bottom:0}.fluentform .ff-checkable-grids{border:1px solid #f1f1f1;border-collapse:collapse}.fluentform .ff-checkable-grids thead>tr>th{background:#f1f1f1;border:0;padding:7px 5px;text-align:center}.fluentform .ff-checkable-grids tbody>tr>td{border:0;padding:7px 5px}.fluentform .ff-checkable-grids tbody>tr>td:not(:first-of-type){text-align:center}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n)>td{background:#f1f1f1}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n-1)>td{background:#fff}.fluentform .ff-screen-reader-element{clip:rect(0,0,0,0)!important;word-wrap:normal!important;border:0!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.fluentform .ff_upload_btn.ff-btn{background:#6f757e;border-color:#6f757e;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.fluentform .ff_upload_btn.ff-btn:hover{background-color:#91959b;outline:none}.fluentform .ff_upload_btn.ff-btn:focus-visible{background-color:#91959b;outline:none}.fluentform .ff-el-tc{border:none;border-collapse:collapse;display:table;width:100%}.fluentform .ff-el-tc label.ff_tc_label{display:table-row}.fluentform .ff-el-tc label.ff_tc_label>span{padding-top:8px!important;width:20px}.fluentform .ff-el-tc label.ff_tc_label>div,.fluentform .ff-el-tc label.ff_tc_label>span{display:table-cell}.fluentform .ff-saved-state-input .ff_input-group-text{background-color:#1a7efb;border-color:#1a7efb;margin-left:-1px}.fluentform .ff-saved-state-input .ff_input-group-text:hover{background-color:#4898fc;border-color:#4898fc;opacity:1}.fluentform .ff-saved-state-input .ff_input-group-text img{width:28px}.fluentform .ff-saved-state-link input{text-overflow:ellipsis}.fluentform .ff-hide-group{display:none}.fluentform .ff_t_c{margin:0;padding:0 5px 0 0}.fluentform .ff_t_c p{margin:0;padding:0}.fluentform .force-hide{border:0;display:block;height:0;margin:0;opacity:0;padding:0;visibility:hidden}.fluentform input[type=checkbox],.fluentform input[type=radio]{display:inline-block;margin:0}.fluentform .text-danger{color:var(--fluentform-danger)}.fluentform .iti{width:100%}.fluentform .iti__selected-flag{background:rgba(0,0,0,.1);border-bottom-left-radius:6px;border-top-left-radius:6px}.fluentform .ff_gdpr_field{margin-right:5px}.fluentform form.ff-form-has-steps .ff-btn-submit{visibility:hidden}.fluentform form.ff-form-has-steps .ff_submit_btn_wrapper{text-align:right}.fluentform textarea{max-width:100%}.fluentform .ff-el-form-check{margin-bottom:5px}.fluentform .ff-el-form-check span.ff_span{margin-left:6px}.fluentform .ff-el-form-check-label .ff-el-form-check-input{position:relative;top:-2px;vertical-align:middle}.fluentform .ff-inline-block{display:inline-block}.fluentform .ff-inline-block+.ff-inline-block{margin-left:10px}.fluentform .ff-text-left{text-align:left}.fluentform .ff-text-center{text-align:center}.fluentform .ff-text-right{text-align:right}.fluentform .ff-el-form-control:focus~.ff-el-help-message{display:block!important}.fluentform .ff-el-form-control::-moz-placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control::placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control:disabled,.fluentform .ff-el-form-control[readonly]:not(.flatpickr-input){background-color:#e9ecef;opacity:1}.fluentform .iti__search-input{min-height:30px}.fluentform-step{float:left;height:1px;overflow-x:hidden;padding:3px}.fluentform-step.active{height:auto;width:100%}.fluentform-step .ff_summary_container{font-size:14px;margin-top:10px}.step-nav .next{float:right}.fluentform .has-conditions{display:none}.ff-message-success{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.ff-errors-in-stack{display:none;margin-top:15px}.ff-errors-in-stack .error{font-size:14px;line-height:1.7}.ff-errors-in-stack .error-clear{cursor:pointer;margin-left:5px;padding:0 5px}.ff-chat-reply-container div p{border-radius:6px;margin-top:12px;padding:20px 16px}.ff-chat-reply-container div .skeleton{animation:skeleton-loading 2s linear infinite alternate;padding:24px}@keyframes skeleton-loading{0%{background-color:#e3e6e8}to{background-color:#f0f3f5}}.ff-el-chat-container{position:relative}.ff-el-chat-container textarea{outline:none;position:relative;resize:none}.ff-el-chat-container .ff_btn_chat_style{background:transparent;border:none;position:absolute;right:10px;top:38%}.ff-el-chat-container .ff_btn_chat_style svg:hover{cursor:pointer;opacity:.8;outline:0;text-decoration:none;transition:all .4s}.iti-mobile .iti--container{z-index:9999}.fluentform .hidden_field{display:none!important}.fluentform .ff_force_hide{display:none!important;visibility:hidden!important}.fluentform .ff_scrolled_text{background:#e9ebed;height:200px;overflow:scroll;padding:10px 15px}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label{margin:0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within span{background-color:#b3d4fc}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 0 10px;position:relative;width:auto!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;border-left:0;border-radius:0;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:none;padding:12px 20px;position:relative;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover{color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder{border:1px solid #dcdfe5;overflow:hidden}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span{border:none!important;border-radius:0!important;margin-left:-1px;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected{border-color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label>span{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;box-shadow:none!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label>span{border-radius:0 4px 4px 0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{background-color:#1a7efb;border-color:#1a7efb;box-shadow:-1px 0 0 0 #8cc5ff;color:#fff}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span{border-left-color:#1a7efb}@media only screen and (max-width:768px){.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:block;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{border:1px solid!important;border-radius:4px!important;box-shadow:none!important;display:block;width:100%}}.fluentform .ff-el-group.ff-hpsf-container{display:none!important;position:absolute!important;transform:translateX(1000%)!important}.fluentform div.ff-el-form-hide_label>.ff-el-input--label{display:none;visibility:hidden}.fluentform .ff_file_upload_holder{margin-bottom:0}.fluentform .ff-dropzone .ff_upload_btn.ff-btn{background:rgba(223,240,255,.13);border:1px dashed var(--fluentform-primary);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);display:block;padding:35px;text-align:center;transition:all .2s ease;width:100%}.fluentform .ff-dropzone .ff_upload_btn.ff-btn:hover{background:rgba(223,240,255,.49)}.fluentform .ff-dropzone .ff-uploaded-list{margin-top:10px}.fluentform .ff_center{text-align:center}.fluentform .ff_right{text-align:right}.fluentform .ff_left{text-align:left}.fluentform .ff-form-inline .ff-t-container,.fluentform .ff-form-inline>.ff-el-group,.fluentform .ff-form-inline>.ff-name-field-wrapper{display:inline-block;margin-right:10px;vertical-align:top}.fluentform .ff-form-inline .ff-t-container .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline .ff-t-container>.ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group>.ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper>.ff-el-input--label{display:none}.fluentform .ff-form-inline .ff-t-container .ff-el-input--content,.fluentform .ff-form-inline>.ff-el-group .ff-el-input--content,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-el-input--content{margin-left:0}.fluentform .ff-form-inline .ff-t-container:last-child,.fluentform .ff-form-inline>.ff-el-group:last-child,.fluentform .ff-form-inline>.ff-name-field-wrapper:last-child{margin-right:0}.fluentform .ff-t-container .ff-name-title{width:40%}.fluentform .ff_hide_label .ff-el-input--label{display:none}.fluentform .field-value{white-space:pre-line}.fluentform .ff-el-group .ff-read-only{background-color:#e9ecef!important;opacity:1;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fluentform .ff-el-group .ff-read-only:focus{outline:none}.fluentform label.ff-el-image-input-src{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:block;height:200px;width:200px}.fluentform .ff-el-image-holder{float:left;margin-bottom:20px;margin-right:20px;width:200px}.fluentform .ff-el-image-holder .ff-el-form-check-label{padding-left:1px}.fluentform .ff_el_checkable_photo_holders{display:block;margin-bottom:-20px;overflow:hidden}.fluentform .ff-other-input-wrapper input{background:inherit}.fluentform .ff-other-input-wrapper{display:none;margin-top:8px}.fluentform .select2-container{width:100%!important}.fluentform .select2-container .select2-selection__rendered li{margin:0}.fluentform .select2-container .select2-search--inline>input{height:calc(2.25rem + 2px);line-height:1.5;margin-top:0;padding:.375rem 1.75rem .375rem .75rem}.fluentform .ff-el-form-bottom{display:flex;flex-direction:column-reverse}.fluentform .ff-el-form-bottom .ff-el-input--label{margin-bottom:0;margin-top:5px}.fluentform .mce-tinymce.mce-container.mce-panel{border:1px solid #ced4da}.fluentform .ff_input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.fluentform .ff_input-group>.ff-el-form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;display:inline-block;width:auto}.fluentform .ff_input-group>.ff-el-form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group .ff-el-form-control{flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.fluentform .ff_input-group-prepend{margin-right:-1px}.fluentform .input-group-append{margin-left:-1px}.fluentform .ff_input-group-append,.fluentform .ff_input-group-prepend{display:flex}.fluentform .ff_input-group>.ff_input-group-prepend>.ff_input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group>.ff_input-group-append>.ff_input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.fluentform .ff_input-group-text{align-items:center;background-color:#e9ecef;border-radius:.25rem;color:#495057;display:flex;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:0;padding:.375rem .75rem;text-align:center;white-space:nowrap}.fluentform .ff_coupon_wrapper .ff_input-group-append{cursor:pointer}.fluentform .ff_coupon_wrapper .ff_input-group-append:hover .ff_input-group-text{background:#e3e8ed}.fluentform ul.ff_coupon_responses{list-style:none;margin:0;padding:0}.fluentform ul.ff_coupon_responses li{padding-top:5px}.fluentform ul.ff_coupon_responses span.error-clear{color:#ff5050;font-weight:700;margin-right:10px}.fluentform ul.ff_coupon_responses .ff_error{color:#f56c6c;cursor:pointer}.fluentform ul.ff_coupon_responses .ff_success{color:#28a745}.fluentform .ff-btn.disabled{opacity:.65}.fluentform .ff-btn.ff-working{position:relative;transition:all .3s ease}.fluentform .ff-btn.ff-working:after{animation:ff-progress-anim 4s 0s infinite;background:hsla(0,0%,100%,.4);bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.fluentform .ff-btn-block{display:block;width:100%}.fluentform .ff-btn-block+.ff-el-btn-block{margin-top:8px}.fluentform .ff_submitting{pointer-events:none}@keyframes ff-progress-anim{0%{width:0}5%{width:0}10%{width:15%}30%{width:40%}50%{width:55%}80%{width:100%}95%{width:100%}to{width:0}}.ff_modal_container{background:#fff;max-height:90vh!important;max-width:900px;overflow:auto;padding:30px}@media only screen and (min-width:1000px){.ff_modal_container{width:900px}}.select2-results__option{margin:0}.fluentform span.select2.select2-container:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057;content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ff_pointer{cursor:pointer}.ff_net_table{border:0;border-collapse:separate;border-spacing:0;line-height:1.4;margin:0;padding:0;table-layout:fixed;width:100%}.ff_net_table th{border:none;font-size:13px;font-weight:400;padding:8px 0;text-align:center;vertical-align:bottom}.ff_net_table th .ff_not-likely{float:left;text-align:left}.ff_net_table th .ff_extremely-likely{float:right;text-align:right}.ff_net_table tbody tr{background:none;border:0}.ff_net_table tbody tr td{background-color:#fff;border:1px solid #ddd;border-left:0;padding:0;text-align:center;vertical-align:middle}.ff_net_table tbody tr td input[type=radio]:checked+label{background-color:#4caf50;color:#fff}.ff_net_table tbody tr td:first-of-type{border-left:1px solid #ddd;border-radius:5px 0 0 5px}.ff_net_table tbody tr td:last-child{border-radius:0 5px 5px 0}.ff_net_table tbody tr td label{border:0;color:#444;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:0;position:relative;width:100%}.ff_net_table tbody tr td label:after{border:0;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ff_net_table tbody tr td label:hover:after{border:2px solid #4caf50}.ff-el-pop-content{background-color:#000;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.2);color:#fff;font-size:11px;line-height:1.2;padding:10px;position:absolute;text-align:center;transform-origin:center bottom;z-index:9999}.ff-checkable-grids.mobile{border:0}.ff-checkable-grids.mobile tbody tr{padding-top:0!important}.ff-checkable-grids.mobile tbody tr:nth-child(2n)>td{background:transparent}.ff-checkable-grids.mobile tbody td{padding-left:10px!important;text-align:left!important}.ff-checkable-grids.mobile tbody td.ff_grid_header{background-color:#eee!important;margin:0}.ff-checkable-grids.mobile tbody td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}span.ff-el-rating-text{line-height:100%;padding-left:5px;vertical-align:bottom}table.ff_repeater_table{background:transparent!important;border:0;border-collapse:collapse;border-spacing:0;margin:0 0 5px;padding:0;table-layout:auto!important;vertical-align:middle;width:100%}table.ff_repeater_table th{font-size:90%;padding:0;text-align:left}table.ff_repeater_table th,table.ff_repeater_table tr{background:transparent!important;border:0;padding-top:5px}table.ff_repeater_table td{background:transparent!important;border:0;max-width:100%;padding:0 15px 15px 0;text-align:left;width:282px}table.ff_repeater_table tbody tr:only-child td .repeat-minus{visibility:hidden}table.ff_repeater_table .ff-el-group{margin:0;padding:0}table.ff_repeater_table .repeat_btn{padding-right:0;vertical-align:middle;width:30px}table.ff_repeater_table .repeat_btn span.ff-icon{cursor:pointer;margin-right:10px}table.ff_repeater_table .repeat_btn span.ff-icon.icon-minus-circle{margin-right:0}table.ff_repeater_table.repeat-maxed .repeat_btn .repeat-plus{visibility:hidden}.ff-repeater-container{display:flex;flex-direction:column}.ff-repeater-container .repeat_btn{align-self:center;display:flex}.ff-repeater-container .ff_repeater_cont_row,.ff-repeater-container .ff_repeater_header{display:flex;flex-wrap:nowrap}.ff-repeater-container .ff_repeater_cont_row:only-child .repeat-minus{visibility:hidden}.ff-repeater-container .ff_repeater_cell,.ff-repeater-container .ff_repeater_header_item{box-sizing:border-box;padding:0 15px 0 0;text-align:left}.ff-repeater-container .ff-el-repeat-buttons-list{display:flex;margin-top:34%}.ff_repeater_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_repeater_table.mobile tbody td .ff-el-group{margin-top:6px}.ff_repeater_table.mobile tbody td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}.ff-el-section-break .ff-el-section-title{font-weight:600;margin-bottom:5px}.ff-el-section-break hr{background-color:#dadbdd;border:none;height:1px;margin-bottom:10px}table.ff_flexible_table.ff-checkable-grids{width:100%}.ff_flexible_table.mobile thead{left:-9999px;position:absolute;top:-9999px}.ff_flexible_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_flexible_table.mobile tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;position:relative}@media only screen and (max-width:400px){.ff_repeater_table{width:100%}.ff_repeater_table thead{display:none}.ff_repeater_table tbody tr{border:1px solid #ddd;display:block;margin-bottom:15px;padding:10px}.ff_repeater_table tbody td{display:block;padding:5px 0;text-align:left;width:100%!important}.ff_repeater_table tbody td .ff-el-input--content{width:100%}.ff_repeater_table .repeat_btn{margin-top:10px;padding:10px 0;text-align:center;width:100%}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list{display:flex;justify-content:space-between}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list span{background-color:#f0f0f0;border-radius:3px;cursor:pointer;padding:5px 10px}}@media only screen and (min-width:641px){.fluentform .ff-el-group.ff_list_3col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0 0 2px;min-height:28px;padding-right:16px;vertical-align:top;width:33.3%}.fluentform .ff-el-group.ff_list_2col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:50%}.fluentform .ff-el-group.ff_list_4col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:25%}.fluentform .ff-el-group.ff_list_5col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:20%}.fluentform .ff-el-group.ff_list_inline .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 15px 10px 0;width:auto!important}}@media (max-width:767px){table.ff_flexible_table,table.ff_flexible_table.ff-checkable-grids{border:0}table.ff_flexible_table.ff-checkable-grids tbody tr{padding-top:0!important}table.ff_flexible_table.ff-checkable-grids tbody tr td.ff_grid_header{background-color:#eee!important;margin:0;text-align:center}table.ff_flexible_table.ff-checkable-grids tbody tr td{text-align:left!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:before{content:none!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}table.ff_flexible_table.ff-checkable-grids tbody tr:nth-child(2n)>td{background:transparent}table.ff_flexible_table thead{left:-9999px;position:absolute;top:-9999px}table.ff_flexible_table tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;padding-top:12px!important;position:relative}table.ff_flexible_table tbody tr td{display:block;margin-left:8px;margin-right:8px;padding:5px}table.ff_flexible_table tbody tr td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}table.ff_flexible_table tbody tr td.repeat_btn{background-color:#eee;margin-left:0;padding:10px!important;width:100%!important}table.ff_flexible_table tbody tr td.repeat_btn .ff-el-repeat-buttons-list{float:none;width:100%}}@media only screen and (max-width:768px){.lity-container{width:96%}.fluentform .ff-t-container .ff-name-title{width:100%}.ff_repeater_cont_row{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:flex;flex-direction:column;margin:16px 0 10px;padding-top:12px}.ff_repeater_cont_row .ff_repeater_cell{display:block;margin-left:8px;margin-right:8px;padding:5px}.ff_repeater_cont_row .ff-t-cell{flex-basis:100%!important;max-width:100%;width:100%}.ff_repeater_cont_row .ff_repeater_body[role=rowgroup]{display:flex;flex-direction:column}.ff-repeater-container .ff-el-repeat-buttons-list{margin-top:-28px}.ff-el-repeat-buttons-list{margin-top:0}}:root{--fluentform-primary:#1a7efb;--fluentform-secondary:#606266;--fluentform-danger:#f56c6c;--fluentform-border-color:#dadbdd;--fluentform-border-radius:7px;--fluentform-input-select-height:auto}.ff-default .ff_btn_style{border:1px solid transparent;border-radius:7px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:1.5;padding:8px 20px;position:relative;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.ff-default .ff_btn_style:focus,.ff-default .ff_btn_style:hover{opacity:.8;outline:0;text-decoration:none}.ff-default .ff-btn-primary:not(.ff_btn_no_style){background-color:#007bff;border-color:#007bff;color:#fff}.ff-default .ff-btn-primary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-primary:not(.ff_btn_no_style):hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style){background-color:#606266;border-color:#606266;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover{background-color:#727b84;border-color:#6c757d;color:#fff}.ff-default .ff-btn-lg{border-radius:6px;font-size:18px;line-height:1.5;padding:8px 16px}.ff-default .ff-btn-sm{border-radius:3px;font-size:13px;line-height:1.5;padding:4px 8px}.ff-default .ff-el-form-control{background-clip:padding-box;background-image:none;border:1px solid var(--fluentform-border-color);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1;margin-bottom:0;max-width:100%;padding:11px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ff-default .ff-el-form-control:focus{background-color:#fff;border-color:var(--fluentform-primary);color:var(--fluentform-secondary);outline:none}.ff-default .ff-el-form-check label.ff-el-form-check-label{cursor:pointer;margin-bottom:7px}.ff-default .ff-el-form-check label.ff-el-form-check-label>span:after,.ff-default .ff-el-form-check label.ff-el-form-check-label>span:before{content:none}.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label{margin-bottom:0}.ff-default textarea{min-height:90px}select.ff-el-form-control:not([size]):not([multiple]){height:var(--fluentform-input-select-height,auto)}.elementor-editor-active .ff-form-loading .ff-step-container .fluentform-step:first-child{height:auto}.ff-upload-preview.ff_uploading{opacity:.8}@keyframes ff_move{0%{background-position:0 0}to{background-position:50px 50px}}.ff_uploading .ff-el-progress .ff-el-progress-bar{animation:ff_move 2s linear infinite;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);background-size:50px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-top-right-radius:8px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.ff_payment_summary{overflow-x:scroll}.pac-container{z-index:99999!important}.ff-support-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ff-default{font-family:inherit}.ff-default .ff-el-input--label label{display:inline-block;font-weight:500;line-height:inherit;margin-bottom:0}.hero {
--text-primary: var(--color-neutral-100);
color: var(--text-primary);
width: 100%;
position: relative;
isolation: isolate;
&::before,
.hero-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
&::before {
content: "";
z-index: -1;
background: linear-gradient(
180deg,
hsl(from var(--color-neutral-0) h s l / 0.5),
hsl(from var(--color-neutral-0) h s l / 0) 100%
);
}
.hero-image {
object-fit: cover;
object-position: center;
z-index: -2;
}
.cms-content {
max-width: var(--columns-8);
}
button:not(.gold, .green),
.button:not(.gold, .green) {
background-color: var(--color-neutral-100);
border-color: var(--color-neutral-100);
color: var(--color-neutral-8);
&::selection {
background-color: var(--color-neutral-100);
}
&:focus-visible {
outline-color: var(--color-neutral-100);
}
} &.small {
.site-container {
padding-block: var(--clamp-16-32) var(--clamp-8-24);
}
}
&.large {
.site-container {
padding-block: var(--clamp-16-64) var(--clamp-8-24);
}
}
} main {
> .hero {
&:first-child {
padding-top: var(--header-height);
}
}
}.content-editor-two-columns {
}.embed-code {
.site-container {
iframe {
width: 100%;
height: clamp(20rem, 19.048vw + 17.429rem, 36rem);
border-radius: var(--clamp-2-3);
}
}
}