@layer modules {
/* stylelint-disable length-zero-no-unit, unit-disallowed-list, scss/no-global-function-names */
/* stylelint-disable scss/no-global-function-names, function-no-unknown, unit-disallowed-list */
/* stylelint-disable scss/no-global-function-names */
:root {
  /* font-family */
  --font-family-primary: "Open Sans", sans-serif;
  --font-family-secondary: "Nothing You Could Do", sans-serif;
  --font-family-fontawesome: "Font Awesome 7 Pro", "Font Awesome 7 Sharp";
  --bg-color: var(--color-white);
  --text-color: var(--color-dark);
  --color-burnt: #eb5d48;
  --color-blue: #004283;
  --color-dark: #11363f;
  --color-dark-red: #c04d3c;
  --color-light: #f2f2f2;
  --color-light-hover: #014b70;
  --color-pink: #cd153f;
  --color-gray: #d2d1d1;
  --color-green: #627225;
  --color-light-gray: #F8F6F3;
  --color-border: #DDD1C2;
  --color-beige: #F2ECE6;
  --color-primary: var(--color-blue);
  --color-secondary: var(--color-green);
  --color-accent: var(--color-secondary);
  --color-canvastext: var(--color-white);
  --color-canvas: var(--color-primary);
  --color-selection: var(--color-dark);
  --color-highlight: var(--color-accent);
  --color-black: #161615;
  --color-white: white;
  --color-ocher: #e4c467;
  --color-gold: #c9961a;
  --link-color: var(--color-primary);
  --link-decoration: underline;
  --color-text: var(--color-primary);
  --button-link-color: var(--color-white);
  --button-bg-color: var(--color-primary);
  --button-border-color: var(--color-primary);
  --button-link-color-hover: var(--color-white);
  --button-bg-color-hover: var(--color-secondary);
  --button-border-color-hover: var(--color-secondary);
  --font-family-display: system-ui, sans-serif;
  --font-family-text: system-ui, sans-serif;
  --font-family-fa: "Font Awesome 6 Pro";
  --font-size-multiplier: 1;
  --font-size-xs: calc(1.6rem * var(--font-size-multiplier));
  --font-size-sm: calc(1.8rem * var(--font-size-multiplier));
  --font-size-md: calc(2rem * var(--font-size-multiplier));
  --font-size-lg: calc(2.6rem * var(--font-size-multiplier));
  --font-size-xl: calc(4rem * var(--font-size-multiplier));
  --font-size-xxl: calc(4.6rem * var(--font-size-multiplier));
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-style-oblique: oblique;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-xs: 1.125;
  --line-height-sm: 1.25;
  --line-height-md: 1.5;
  --line-height-lg: 1.75;
  --line-height-xl: 2;
  --gutter: 3rem;
  --gutter-var: clamp(0rem, -0.948rem + 2.963vi, 4rem);
  --gutter-fluid: calc((var(--gutter) + var(--gutter-var)) / 2);
  --bg-alpha: 12.5%;
  --blur-strength: 1rem;
  --blur-opacity: calc(100% - var(--bg-alpha));
  --border-line: 0.1rem solid;
  --border-line-thick: 0.2rem solid;
  --border-line-double: 0.2rem double;
  --border-dots: 0.2rem dotted;
  /* Blur */
  --bg-transparency: 12.5%;
  --blur-strength: 1rem;
  --header-block-padding: 1.3rem;
  --logo-size: clamp(6rem, 6rem + 2.35vi, 10.7rem);
  --viewport-width: 100vw;
  --breakpoint-width: var(--viewport-width);
  --container-width: var(--breakpoint-width);
  --container-padding: calc((var(--viewport-width) - var(--container-width) - var(--gutter)) / 2);
  --viewport-height: 100vh;
  --content-height: calc(var(--viewport-height) - var(--header-height, 0));
  --container-inline-padding: calc(var(--gutter) / 4);
  --block-padding: clamp(2rem, 5rem + 5vi, calc((var(--gutter) + var(--gutter-var)) * 0.8));
  --filter-text: brightness(0);
  --filter-bg: brightness(0) invert(1);
  font-size: 62.5%;
}
@media (min-width: 400px) {
  :root {
    --breakpoint-width: 400px;
    --container-width: ;
  }
}
@media (min-width: 576px) {
  :root {
    --breakpoint-width: 576px;
    --container-width: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --breakpoint-width: 768px;
    --container-width: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --breakpoint-width: 992px;
    --container-width: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --breakpoint-width: 1200px;
    --container-width: 1140px;
  }
}
@media (min-width: 1400px) {
  :root {
    --breakpoint-width: 1400px;
    --container-width: 1320px;
  }
}

[data-loaded=false].no-js,
[data-loaded=true] {
  --scroll-behavior: smooth;
  --transition-duration: 225ms;
  --transition-timing-function: cubic-bezier(0.15, 0.15, 0.3, 0.9);
  --transition-delay: 0ms;
  --transition: var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
  --delayed-transition: var(--transition-duration) var(--transition-timing-function) calc(var(--transition-delay) * 2);
}
@media (min-width: 1200px) {
  [data-loaded=false].no-js,
  [data-loaded=true] {
    --transition-duration: 275ms;
  }
}
[data-loaded=false].no-js.theme-change, [data-loaded=false].no-js.theme-change *, [data-loaded=false].no-js.theme-change ::before, [data-loaded=false].no-js.theme-change ::after,
[data-loaded=true].theme-change,
[data-loaded=true].theme-change *,
[data-loaded=true].theme-change ::before,
[data-loaded=true].theme-change ::after {
  transition: all var(--transition) !important;
}
[data-loaded=false].no-js [data-transition],
[data-loaded=true] [data-transition] {
  transition: opacity var(--transition), transform var(--transition);
}
[data-loaded=false].no-js [data-transition][data-transition=ready][data-transition-property*=fade],
[data-loaded=true] [data-transition][data-transition=ready][data-transition-property*=fade] {
  opacity: 0;
}
[data-loaded=false].no-js [data-transition][data-transition=ready][data-transition-property*=transform],
[data-loaded=true] [data-transition][data-transition=ready][data-transition-property*=transform] {
  transform: translateY(7.5vh);
}
[data-loaded=false].no-js [data-transition][data-transition=ready][data-transition-property*=transform][data-transition-direction=invert],
[data-loaded=true] [data-transition][data-transition=ready][data-transition-property*=transform][data-transition-direction=invert] {
  transform: translateY(-7.5vh);
}

.palette-fbgolf, .palette-fbgolf ::selection {
  --color-primary: var(
  	--color-src-primary-light
  );
  --color-secondary: var(
  	--color-src-secondary-light
  );
  --color-tertiary: var(
  	--color-src-tertiary-light
  );
  --color-text: var(--color-dark);
  --color-bg: var(--color-light);
  --color-highlight: var(--color-gray);
  --selection-color: var(--color-page-light);
}
}