/* Flow 2025 Foundation */
@font-face {
  font-family: 'Flow Foundation';
  src: url('/fonts/Flow2025-Foundation.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Flow Headline */
@font-face {
  font-family: 'Flow Headline';
  src: url('/fonts/Flow2025-beta04-Headline.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Flow 2025 Headline Compressed */
@font-face {
  font-family: 'Flow Compressed';
  src: url('/fonts/Flow2025-HeadlineCompressed.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



/* Flow 2025 Text */
@font-face {
  font-family: 'Flow Text';
  src: url('/fonts/Flow2025-Text.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Flow Text Italic';
  src: url('/fonts/Flow2018-TextItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Flow Poster Bold */
@font-face {
  font-family: 'Flow Poster Bold';
  src: url('/fonts/FlowPoster-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Slick */
@font-face {
  font-family: 'Slick';
  src: url('/fonts/Slick.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body {
  font-family: 'Flow-Text', sans-serif;
  font-size: 62.5%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  color: black;
}

:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: none;
  box-shadow: 0 0 0px 5px rgb(64, 145, 219);
}


.content {
  background-color: white;
}

b,
strong {
  font-family: Flow Poster Bold;
}

.dingbats {
  font-family: Flow Poster Bold !important;
}

i,
em {
  font-family: Flow Text Italic;
}

a {
  outline: none;
  color: black;
  cursor: pointer;
  text-decoration: none;
}

h1 {
  font-family: "Flow Headline";
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  margin-top: 3rem;
  text-align: center;
}

h2 {
  font-family: "Flow Headline";
  font-size: 3rem;
  font-size: clamp(3rem, 1.9rem + 4.78vw, 5.2rem);
  font-weight: 400;
  line-height: 3rem;
  line-height: clamp(3rem, 1.9rem + 4.78vw, 5.2rem);

  text-transform: uppercase;
  margin-bottom: 1.8rem;
  margin-top: 1.8rem;

  /* frontpage section titles */
  &.compressed {
    font-family: "Flow Compressed"
  }
}


p {
  font-family: "Flow Text";
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;

}


@media (max-width: 1024px) {
  h1 {
    font-size: 4.25rem;
    line-height: 5.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
  }

  h2 {
    /* font-size: 3rem; */
    /* line-height: 3rem; */
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }
}





@media (max-width: 560px) {
  h1 {
    font-size: 3.75rem;
    line-height: 3.75rem;
    margin-top: 2.25rem;
    margin-bottom: 1rem;
  }

  h2 {
    /* font-size: 1.875rem; */
    /* line-height: 1.875rem; */
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;

    &.compressed {
      /* font-size: 3rem; */
      /* line-height: 3rem; */
      margin-top: 1.6rem;
      margin-bottom: 1.6rem;
    }
  }
}


/* Partner and social media icons */
.logo-font-icon {
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: center;

  a,
  a:link {
    font-family: "Flow Poster Bold";
    text-decoration: none;
    font-feature-settings: "liga", "dlig";

    &:hover {
      color: white;
      text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
      transition: text-shadow 0.3s ease, color 0.3s ease;
    }
  }
}