/* Bundled from assets/css/main.css. Run tools/bundle-css.ps1 after CSS changes. */

/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/main.css */
/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/fonts.css */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url("../fonts/Lexend-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/variables.css */
:root {
  --color-black-rgb: 23 23 23;
  --color-accent-rgb: 239 96 0;
  --color-white-rgb: 255 255 255;

  --color-black: #171717;
  --color-black-100: rgb(var(--color-black-rgb) / 1);
  --color-black-80: rgb(var(--color-black-rgb) / 0.8);
  --color-black-60: rgb(var(--color-black-rgb) / 0.6);
  --color-black-40: rgb(var(--color-black-rgb) / 0.4);
  --color-black-20: rgb(var(--color-black-rgb) / 0.2);

  --color-accent: #EF6000;
  --color-accent-100: rgb(var(--color-accent-rgb) / 1);
  --color-accent-80: rgb(var(--color-accent-rgb) / 0.8);
  --color-accent-60: rgb(var(--color-accent-rgb) / 0.6);
  --color-accent-40: rgb(var(--color-accent-rgb) / 0.4);
  --color-accent-20: rgb(var(--color-accent-rgb) / 0.2);

  --color-white: #FFFFFF;
  --color-white-100: rgb(var(--color-white-rgb) / 1);
  --color-white-90: rgb(var(--color-white-rgb) / 0.9);
  --color-white-80: rgb(var(--color-white-rgb) / 0.8);
  --color-white-70: rgb(var(--color-white-rgb) / 0.7);

  --color-background-light: var(--color-white-100);
  --color-background-dark: var(--color-black-100);
  --color-text-light: var(--color-white-100);
  --color-text-dark: var(--color-black-100);
  --color-border-light: var(--color-black-20);
  --color-border-dark: var(--color-white-70);

  --font-brand: "Space Grotesk", sans-serif;
  --font-headline: "Inter", sans-serif;
  --font-copy: "Lexend", sans-serif;

  --font-weight-headline: 900;
  --font-style-headline: italic;

  --container-max-width: 1200px;
  --grid-columns: 12;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-background-light);
  color: var(--color-text-dark);
  font-family: var(--font-copy);
  line-height: 1.5;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin-block: 0;
}

ul,
ol {
  margin-block: 0;
  padding-inline-start: var(--space-5);
}

img,
picture,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}

img,
picture,
video,
canvas {
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/typography.css */
body {
  font-family: var(--font-copy);
}

h1,
h2,
h3,
h4,
h5,
h6,
.type-headline {
  font-family: var(--font-headline);
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  line-height: 1;
  text-transform: uppercase;
}
/*  font-family: var(--font-brand); */

h1 {   font-size: 32px; }
h2 {   font-size: 28px; }
h3 {   font-size: 18px; }
h4 {   font-size: 16px; }

.type-brand {
  font-family: var(--font-brand);
}

.type-copy {
  font-family: var(--font-copy);
}

p,
li,
dt,
dd,
label,
input,
textarea,
select,
button {
  font-family: var(--font-copy);
}

p + p {
  margin-block-start: var(--space-4);
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/layout.css */
.container {
  width: min(100% - (var(--space-4) * 2), var(--container-max-width));
  margin-inline: auto;
}

.site-main {
  flex: 1 0 auto;
  min-height: 0;
  width: 100%;
}

.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}

.grid-12 {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  gap: var(--space-5);
}

.grid > *,
.grid-12 > * {
  min-width: 0;
}

.span-full,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9 {
  grid-column: 1 / -1;
}

@media (min-width: 768px) {
  .container {
    width: min(100% - (var(--space-6) * 2), var(--container-max-width));
  }

  .grid,
  .grid-12 {
    gap: var(--space-6);
  }

  .md-span-3 {
    grid-column: span 3;
  }

  .md-span-4 {
    grid-column: span 4;
  }

  .md-span-5 {
    grid-column: span 5;
  }

  .md-span-6 {
    grid-column: span 6;
  }

  .md-span-7 {
    grid-column: span 7;
  }

  .md-span-8 {
    grid-column: span 8;
  }

  .md-span-9 {
    grid-column: span 9;
  }
}

@media (min-width: 1200px) {
  .grid {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  }

  .span-3 {
    grid-column: span 3;
  }

  .span-4 {
    grid-column: span 4;
  }

  .span-5 {
    grid-column: span 5;
  }

  .span-6 {
    grid-column: span 6;
  }

  .span-7 {
    grid-column: span 7;
  }

  .span-8 {
    grid-column: span 8;
  }

  .span-9 {
    grid-column: span 9;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/utilities.css */
.bg-light {
  background-color: var(--color-background-light);
}

.bg-dark {
  background-color: var(--color-background-dark);
}

.text-light {
  color: var(--color-text-light);
}

.text-dark {
  color: var(--color-text-dark);
}

.text-accent {
  color: var(--color-accent);
}

.border-light {
  border-color: var(--color-border-light);
}

.border-dark {
  border-color: var(--color-border-dark);
}

.gap-1 {
  gap: var(--space-1);
}

.gap-2 {
  gap: var(--space-2);
}

.gap-3 {
  gap: var(--space-3);
}

.gap-4 {
  gap: var(--space-4);
}

.gap-5 {
  gap: var(--space-5);
}

.gap-6 {
  gap: var(--space-6);
}

.gap-7 {
  gap: var(--space-7);
}

.gap-8 {
  gap: var(--space-8);
}

.gap-9 {
  gap: var(--space-9);
}

.gap-10 {
  gap: var(--space-10);
}

.stack {
  display: grid;
  gap: var(--space-4);
}

.stack-sm {
  display: grid;
  gap: var(--space-2);
}

.stack-lg {
  display: grid;
  gap: var(--space-6);
}

.section-space {
  padding-block: var(--space-8);
}

.section-space-lg {
  padding-block: var(--space-9);
}

.flow > * + * {
  margin-block-start: var(--space-4);
}

.flow-lg > * + * {
  margin-block-start: var(--space-6);
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/links.css */
a {
  color: var(--color-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-1);
}

.link {
  color: var(--color-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-1);
}

.link--nav {
  color: var(--color-white);
  font-family: var(--font-copy);
  text-decoration: none;
  text-transform: uppercase;
}

.link--nav:focus-visible {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/button.css */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: var(--space-7);
  padding: var(--space-3) var(--space-7);
  border: 0;
  color: inherit;
  font-family: var(--font-headline);
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.button--accent {
  background: var(--color-accent);
  color: var(--color-black);
}

.button--slant {
  clip-path: polygon(var(--space-2) 0, 100% 0, calc(100% - var(--space-2)) 100%, 0 100%);
}

.button:focus-visible {
  outline: var(--space-1) solid var(--color-white);
  outline-offset: var(--space-1);
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/header.css */
.site-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 10;
  flex: 0 0 auto;
  background: var(--color-black);
  color: var(--color-white);
}

.site-header__inner {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: var(--space-4);
  min-height: var(--space-8);
  padding-block: var(--space-4);
}

.site-header__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  justify-self: start;
  color: var(--color-white);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.site-header__logo {
  width: auto;
  height: var(--space-7);
}



.site-header__toggle {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.site-header__hamburger {
  display: inline-grid;
  gap: var(--space-1);
  justify-self: end;
  padding: var(--space-2);
  cursor: pointer;
}

.site-header__hamburger span {
  display: block;
  inline-size: var(--space-6);
  block-size: var(--space-1);
  background: var(--color-white);
}

.site-header__nav {
  display: none;
  grid-column: 1 / -1;
}

.site-header__toggle:checked ~ .site-header__nav {
  display: grid;
  gap: var(--space-5);
}

.site-header__menu {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__menu .current-menu-item > a,
.site-header__menu .current_page_item > a {
  color: var(--color-accent);
}

.site-header__brand:focus-visible,
.site-header__toggle:focus-visible + .site-header__hamburger {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}

.site-header__cta--desktop {
  display: none;
}

@media (min-width: 768px) {
  .site-header__inner {
    grid-template-columns: auto 1fr auto;
  }

  .site-header__hamburger {
    display: none;
  }

  .site-header__nav {
    display: block;
    grid-column: auto;
    justify-self: center;
  }

  .site-header__menu {
    display: flex;
    align-items: center;
    gap: var(--space-6);
  }

  .site-header__cta--desktop {
    display: inline-flex;
    justify-self: end;
  }

  .site-header__cta--mobile {
    display: none;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/page.content.css */
.page-content {
  padding-block: var(--space-7);
}

.page-content__inner {
  max-width: 860px;
}

.page-content__header {
  margin-block-end: var(--space-6);
}

.page-content__title {
  margin: 0;
}

.page-content__body {
  color: var(--color-black-80);
  font-size: 18px;
  line-height: 1.75;
}

.page-content__body > * {
  margin-block: 0;
}

.page-content__body > * + * {
  margin-block-start: var(--space-5);
}

.page-content__body h2,
.page-content__body h3,
.page-content__body h4,
.page-content__body h5,
.page-content__body h6 {
  color: var(--color-text-dark);
  line-height: 1.1;
}




.page-content__body a {
  color: var(--color-accent);
  font-weight: 700;
  text-decoration-color: currentColor;
  text-underline-offset: 0.16em;
}

.page-content__body ul,
.page-content__body ol {
  padding-inline-start: var(--space-6);
}

.page-content__body li + li {
  margin-block-start: var(--space-2);
}

.page-content__body img {
  max-width: 100%;
  height: auto;
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/page-events.css */
.events-page {
  background: var(--color-white);
  color: var(--color-black);
}

.events-page__hero {
  background: var(--color-black);
  color: var(--color-accent);
}

.events-page__inner {
  padding-block: var(--space-7);
}


.events-page__overview .events-page__inner {
  padding-block: 0 var(--space-9);
}

.events-page__filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
}

.events-page__filter {
  display: inline-flex;
  padding: var(--space-2) var(--space-3);
  border: 2px solid var(--color-black);
  color: var(--color-black);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.events-page__filter:hover,
.events-page__filter:focus-visible,
.events-page__filter.is-active {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-white);
}

.events-page__groups {
  display: grid;
  gap: var(--space-8);
}

.events-page__group-title {
  margin: 0 0 var(--space-4);

}

.events-page__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.events-page__empty {
  margin: 0;
}

.events-item {
  display: flex;
  min-width: 0;
  color: var(--color-black);
  background: var(--color-white);
}

.events-item__picture {
  flex: 0 0 180px;
  height: 120px;
  overflow: hidden;
  background: var(--color-black-60);
}

.events-item__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
}

.events-item:hover .events-item__image {
  transform: scale(1.04);
}

.events-item__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: var(--space-3) var(--space-4);
}

.events-item__date {
  color: var(--color-accent);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
}

.events-item__title {
  margin: var(--space-2) 0 var(--space-3);
  font-family: var(--font-brand);
  font-style: normal;
  font-weight: 600;
  font-size: 1.01rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.events-item__link {
  position: relative;
  align-self: flex-start;
  color: var(--color-black);
  font-family: var(--font-headline);
  font-style: normal;
  font-weight: var(--font-weight-headline);
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.events-item__link::after {
  position: absolute;
  inset: auto 0 calc(var(--space-1) * -1);
  height: 2px;
  background: var(--color-accent);
  content: "";
  transform-origin: left center;
  transition: transform 180ms ease;
}

.events-item__link:hover::after,
.events-item__link:focus-visible::after {
  transform: translateX(var(--space-3));
}

.events-item__link:focus-visible {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}

@media (max-width: 480px) {
  .events-item {
    flex-direction: column;
  }

  .events-item__picture {
    flex-basis: auto;
    width: 100%;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/page-gallery.css */
.gallery-page {
  background: var(--color-black);
  color: var(--color-white);
}

.gallery-page__intro {
  padding: var(--space-8) 0 var(--space-6);
}

.gallery-page__title {
  margin: 0;
  color: var(--color-white);
}

.gallery-page__freetext {
  max-width: 760px;
  margin-top: var(--space-5);
  color: var(--color-white-80);
  line-height: 1.6;
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.gallery-container__cell {
  position: relative;
  display: block;
  width: 100%;
  max-width: 350px;
  aspect-ratio: 1 / 1;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: var(--color-black);
  cursor: pointer;
}

.gallery-container__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease, opacity 180ms ease;
}

.gallery-container__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 46px;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: border-color 180ms ease;
}

.gallery-container__icon::before,
.gallery-container__icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 2px;
  background: var(--color-white);
  content: "";
  transform: translate(-50%, -50%);
  transition: background-color 180ms ease;
}

.gallery-container__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.gallery-container__cell:hover .gallery-container__image,
.gallery-container__cell:focus-visible .gallery-container__image {
  opacity: 0.65;
  transform: scale(1.04);
}

.gallery-container__cell:hover .gallery-container__icon,
.gallery-container__cell:focus-visible .gallery-container__icon {
  border-color: var(--color-accent);
}

.gallery-container__cell:hover .gallery-container__icon::before,
.gallery-container__cell:hover .gallery-container__icon::after,
.gallery-container__cell:focus-visible .gallery-container__icon::before,
.gallery-container__cell:focus-visible .gallery-container__icon::after {
  background: var(--color-accent);
}

@media (min-width: 768px) {
  .gallery-page__intro {
    padding-top: var(--space-10);
  }

  .gallery-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .gallery-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/assets/css/logo.css */
.logo__wordmark {
    display: inline-flex;
    gap: var(--space-1);
    font-size: 1.5rem;
}

.logo__wordmark span:first-child {
    color: var(--color-white);
}
.logo__wordmark span:last-child {
    color: var(--color-accent);
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/hero/hero.css */
.hero {
  position: relative;
  display: grid;
  overflow: hidden;
  background: var(--color-black);
  color: var(--color-accent);
}

.hero::after {
  position: absolute;
  inset: auto 0 0;
  block-size: 200px;
  background: linear-gradient(to top, var(--color-black), rgb(var(--color-black-rgb) / 0));
  content: "";
  pointer-events: none;
}

.hero__picture {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  min-height: 100%;
}

.hero__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  mix-blend-mode: lighten;
}

.hero__title {
  position: relative;
  z-index: 1;
  grid-area: 1 / 1;
  display: grid;
  align-content: space-between;
  justify-self: center;
  width: min(100% - (var(--space-4) * 2), var(--container-max-width));
  margin: 0;
  padding-block: var(--space-5);
  color: var(--color-accent);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 0.85;
  mix-blend-mode: lighten;
  text-transform: uppercase;
}

.hero__title-part {
  position: relative;
  display: block;
  color: transparent;
  font-size: 4rem;
  opacity: 0;
  -webkit-text-stroke: 2px var(--color-accent);
  animation: hero-title-outline 500ms ease forwards;
}

.hero__title-part::after {
  position: absolute;
  inset: 0 -0.12em 0 0;
  color: var(--color-accent);
  content: attr(data-text);
  clip-path: inset(0 100% 0 -0.12em);
  -webkit-text-stroke: 0;
  animation: hero-title-fill 900ms ease forwards;
}

.hero__title-part--start {
  justify-self: start;
}

.hero__title-part--end {
  justify-self: end;
  animation-delay: 250ms;
}

.hero__title-part--start::after {
  animation-delay: 450ms;
}

.hero__title-part--end::after {
  animation-delay: 700ms;
}

@keyframes hero-title-outline {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 -0.12em);
  }

  to {
    opacity: 1;
    clip-path: inset(0 -0.12em 0 -0.12em);
  }
}

@keyframes hero-title-fill {
  to {
    clip-path: inset(0 -0.12em 0 -0.12em);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__title-part,
  .hero__title-part::after {
    animation: none;
  }

  .hero__title-part {
    color: var(--color-accent);
    opacity: 1;
    -webkit-text-stroke: 0;
  }

  .hero__title-part::after {
    content: none;
  }
}

@media (max-width: 767px) {
  .hero__image {
    aspect-ratio: 1 / 1;
  }

  .hero__title {
    padding-block: var(--space-5) var(--space-6);
  }
}

@media (min-width: 768px) {
  .hero__title {
    width: min(100% - (var(--space-6) * 2), var(--container-max-width));
    padding-block: var(--space-5);
  }

  .hero__title-part {
    font-size: 10rem;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/challenge/challenge.css */
.challenge {
  overflow: hidden;
  background: var(--color-accent);
  color: var(--color-black);
}

.challenge__inner {
  position: relative;
  display: grid;
  gap: var(--space-5);
  align-items: center;
  min-height: calc(var(--space-10) + var(--space-6));
  padding-block: var(--space-7);
}

.challenge__backdrop {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 0;
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-brand);
  font-weight: 700;
  font-size: 11rem;
  line-height: 0.8;
  opacity: 0.1;
  text-transform: uppercase;
  transform: translate(-50%, -50%) skew(-12deg);
  white-space: nowrap;
}

.challenge__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--color-black);
  font-size: 2rem;

}

.challenge__button {
  position: relative;
  z-index: 1;
  justify-self: start;
  background: var(--color-black);
  color: var(--color-white);
  font-style: normal;
  clip-path: polygon(var(--space-4) 0, 100% 0, calc(100% - var(--space-4)) 100%, 0 100%);
}

.challenge__button:focus-visible {
  outline-color: var(--color-white);
}

@media (min-width: 768px) {
  .challenge__inner {
    grid-template-columns: 1fr auto;
    min-height: calc(var(--space-10) + var(--space-5));
    padding-block: var(--space-6);
  }

  .challenge__backdrop {
    font-size: 16rem;
  }

  .challenge__button {
    justify-self: end;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/news/news.css */
.news {
  overflow: hidden;
  background: var(--color-white);
  color: var(--color-black);
}

.news__inner {
  padding-block: var(--space-8) var(--space-9);
}

.news__title {
  margin: 0 0 var(--space-6);
  color: var(--color-black);
  font-family: var(--font-headline);
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  line-height: 1;
  text-transform: uppercase;
}

.news__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

.news__empty {
  margin: 0;
}

.news__title{
  margin: 0 0 var(--space-5);
}
.news-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  background: var(--color-black);
  color: var(--color-white);
}

.news-card__image-link {
  position: relative;
  display: block;
  height: 270px;
  overflow: hidden;
  color: var(--color-white);
  text-decoration: none;
}

.news-card__image-link::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--color-black), rgb(var(--color-black-rgb) / 0) 65%);
  content: "";
}

.news-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
}

.news-card:hover .news-card__image,
.news-card__image-link:focus-visible .news-card__image {
  transform: scale(1.04);
}

.news-card__image-content {
  position: absolute;
  inset: auto var(--space-5) var(--space-4);
  z-index: 1;
}

.news-card__date {
  display: inline-flex;
  margin-bottom: var(--space-2);
  padding: var(--space-1) var(--space-2);
  background: var(--color-accent);
  color: var(--color-white);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
}

.news-card__title {
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-style: normal;
  font-weight: var(--font-weight-headline);
  font-size: 1.375rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.news-card__body {
  display: grid;
  gap: var(--space-6);
  align-content: space-between;
  min-height: 162px;
  padding: var(--space-5);
}

.news-card__description {
  margin: 0;
  color: var(--color-white);
}

.news-card__link {
  position: relative;
  justify-self: end;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-style: normal;
  font-weight: var(--font-weight-headline);
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.news-card__link::after {
  position: absolute;
  inset: auto 0 calc(var(--space-1) * -1);
  height: 2px;
  background: var(--color-accent);
  content: "";
  transform-origin: left center;
  transition: transform 180ms ease;
}

.news-card__link:hover::after,
.news-card__link:focus-visible::after {
  transform: translateX(var(--space-3));
}

.news-card__image-link:focus-visible,
.news-card__link:focus-visible {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}

@media (min-width: 768px) {
  .news__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .news__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/contact/contact.css */
.contact {
  overflow: hidden;
  color: var(--color-white);
  background: var(--color-black);
}

.contact__layout {
  display: grid;
  grid-template-columns: 1fr;
  padding-block: var(--space-8);
}

.contact__location {
  min-width: 0;
  position: relative;
  overflow: hidden;
  background: var(--color-black);
  color: var(--color-white);
}

.contact__location-content {
  position: relative;
  z-index: 1;
  padding: var(--space-7) var(--space-5);
}

.contact__eyebrow {
  margin: 0 0 var(--space-1);
  color: var(--color-accent);
  font-family: var(--font-brand);
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
}

.contact__title {
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-style: normal;
  font-weight: var(--font-weight-headline);
  line-height: 1;
  text-transform: uppercase;
}

.contact__address {
  margin: var(--space-5) 0 0;
  color: var(--color-white-90);
  font-size: 1.125rem;
}

.contact__map-link,
.contact__map-picture {
  display: block;
  margin-top: var(--space-5);
}

.contact__map-link {
  color: inherit;
  text-decoration: none;
}

.contact__map-link:focus-visible {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}

.contact__map-image {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .contact__location-content {
    padding: var(--space-7);
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/social-badge/social-badge.css */
.social-badge {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1000;
  width: 55px;
  background: var(--color-black);
  color: var(--color-white);
  transform: translateY(-50%);
}

.social-badge__title {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: var(--space-2) var(--space-1);
  color: var(--color-white);
  font-family: var(--font-headline);
  font-size: 0.68rem;
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  line-height: 0.95;
  text-align: center;
  text-transform: uppercase;
}

.social-badge__links {
  display: grid;
  gap: var(--space-1);
}

.social-badge__link {
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  background: var(--color-accent);
  color: var(--color-black);
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.social-badge__icon {
  display: block;
  width: 38px;
  height: 38px;
  fill: currentColor;
  transition: transform 180ms ease;
}

.social-badge__link:hover,
.social-badge__link:focus-visible {
  background: var(--color-white);
  color: var(--color-black);
}

.social-badge__link:hover .social-badge__icon,
.social-badge__link:focus-visible .social-badge__icon {
  transform: scale(1.12);
}

.social-badge__link:focus-visible {
  outline: var(--space-1) solid var(--color-white);
  outline-offset: calc(var(--space-1) * -1);
}

@media (max-width: 767px) {
  .social-badge {
    width: 55px;
    transform: translateY(-50%) scale(0.82);
    transform-origin: right center;
  }

  .social-badge__title {
    padding: var(--space-2) var(--space-1);
    font-size: 0.68rem;
  }

  .social-badge__link {
    width: 55px;
    height: 55px;
  }

  .social-badge__icon {
    width: 38px;
    height: 38px;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/footer/footer.css */
.site-footer {
  flex: 0 0 auto;
  background: var(--color-black);
  color: var(--color-white);
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-7);
  padding-block: var(--space-5) var(--space-8);
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  justify-self: start;
  color: var(--color-white);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.site-footer__logo {
  width: auto;
  height: var(--space-7);
}


.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-3);
}

.site-footer__social-title {
  flex: 0 0 100%;
  margin: 0;
}

.site-footer__social-title {
  font-family: var(--font-headline);
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  line-height: 1;
  text-transform: uppercase;
}

.site-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-6);
  height: var(--space-6);
  color: var(--color-white);
  text-decoration: none;
  transition: color 180ms ease;
}

.site-footer__social-link:hover {
  color: var(--color-accent);
}

.site-footer__social-icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.site-footer__brand:focus-visible,
.site-footer__social-link:focus-visible,
.site-footer__menu a:focus-visible {
  outline: var(--space-1) solid var(--color-accent);
  outline-offset: var(--space-1);
}

.site-footer__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.site-footer__freetext {
  color: var(--color-white-70);
}

.site-footer__freetext > * {
  margin-block: 0 var(--space-3);
}

.site-footer__freetext > *:last-child {
  margin-bottom: 0;
}

.site-footer__freetext a {
  color: var(--color-white);
  text-decoration-color: var(--color-accent);
  text-underline-offset: 0.18em;
}

.site-footer__freetext a:hover {
  color: var(--color-accent);
}

.site-footer__menu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__menu a {
  color: var(--color-white-70);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.site-footer__menu a:hover {
  color: var(--color-accent);
}

@media (min-width: 768px) {
  .site-footer__content {
    flex-direction: row;
  }

  .site-footer__social,
  .site-footer__freetext {
    flex: 0 0 50%;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/hero-team/hero-team.css */
.hero-team {
  overflow: hidden;
  background: var(--color-white);
  color: var(--color-accent);
}

.hero-team__inner {
  position: relative;
  display: grid;
  width: 100%;
  max-width: none;
  min-height: 0;
  padding-inline: 0;
  padding-block: 0;
}

.hero-team__picture {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  min-height: 100%;
}

.hero-team__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.hero-team__title {
  position: relative;
  z-index: 2;
  grid-area: 1 / 1;
  display: grid;
  align-content: space-between;
  justify-self: center;
  width: min(100% - (var(--space-4) * 2), var(--container-max-width));
  margin: 0;
  padding-block: var(--space-5);
  color: var(--color-accent);
  font-family: var(--font-brand);
  font-weight: 700;
  line-height: 0.85;
  text-transform: uppercase;
}

.hero-team__title-part {
  position: relative;
  display: block;
  color: transparent;
  font-size: clamp(4rem, 16vw, 7.5rem);
  opacity: 0;
  -webkit-text-stroke: 2px var(--color-accent);
  animation: hero-team-title-outline 500ms ease forwards;
}

.hero-team__title-part::after {
  position: absolute;
  inset: 0 -0.12em 0 0;
  color: var(--color-accent);
  content: attr(data-text);
  clip-path: inset(0 100% 0 -0.12em);
  -webkit-text-stroke: 0;
  animation: hero-team-title-fill 900ms ease forwards;
}

.hero-team__title-part--start {
  justify-self: start;
}

.hero-team__title-part--end {
  justify-self: end;
  animation-delay: 250ms;
}

.hero-team__title-part--start::after {
  animation-delay: 450ms;
}

.hero-team__title-part--end::after {
  animation-delay: 700ms;
}

@keyframes hero-team-title-outline {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 -0.12em);
  }

  to {
    opacity: 1;
    clip-path: inset(0 -0.12em 0 -0.12em);
  }
}

@keyframes hero-team-title-fill {
  to {
    clip-path: inset(0 -0.12em 0 -0.12em);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-team__title-part,
  .hero-team__title-part::after {
    animation: none;
  }

  .hero-team__title-part {
    color: var(--color-accent);
    opacity: 1;
    -webkit-text-stroke: 0;
  }

  .hero-team__title-part::after {
    content: none;
  }
}

@media (min-width: 768px) {
  .hero-team__title-part {
    font-size: 10rem;
  }
}

@media (max-width: 767px) {
  .hero-team {
    background: var(--color-black);
  }

  .hero-team__inner {
    display: block;
  }

  .hero-team__picture {
    display: block;
    min-height: 0;
    background: var(--color-white);
  }

  .hero-team__image {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }

  .hero-team__title {
    display: grid;
    min-height: 12rem;
    width: 100%;
    padding: var(--space-4);
    background: var(--color-black);
  }

  .hero-team__title-part {
    font-size: 4rem;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/about-us/about-us.css */
.about-us {
  background: var(--color-black);
  color: var(--color-white);
}

.about-us__inner {
  display: grid;
  gap: var(--space-6);
  align-items: center;
  padding-block: var(--space-8) var(--space-7);
}

.about-us__content {
  max-width: 520px;
}

.about-us__title {
  margin: 0 0 var(--space-5);
  color: var(--color-white);
  text-transform: uppercase;
}

.about-us__description {
  margin: 0;
  color: var(--color-white-80);
}

.about-us__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media (min-width: 768px) {
  .about-us__inner {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 46%);
    padding-block: var(--space-8);
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/join-team/join-team.css */
.join-team {
  overflow: hidden;
  background: var(--color-black);
  color: var(--color-white);
}

.join-team__inner {
  position: relative;
  display: grid;
  gap: var(--space-5);
  align-items: center;
  min-height: 210px;
  padding-block: var(--space-6);
}

.join-team__backdrop {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 0;
  margin: 0;
  color: transparent;
  font-family: var(--font-brand);
  font-weight: 700;
  font-size: clamp(5rem, 18vw, 12rem);
  line-height: 0.8;
  opacity: 0.35;
  text-transform: uppercase;
  transform: translate(-50%, -50%) skew(-12deg);
  white-space: nowrap;
  -webkit-text-stroke: 1px var(--color-accent);
}

.join-team__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--color-white);
  font-style: normal;
  text-transform: uppercase;
}

.join-team__button {
  position: relative;
  z-index: 1;
  justify-self: start;
  background: var(--color-accent);
  color: var(--color-black);
  font-style: normal;
  clip-path: polygon(var(--space-4) 0, 100% 0, calc(100% - var(--space-4)) 100%, 0 100%);
}

@media (min-width: 768px) {
  .join-team__inner {
    grid-template-columns: 1fr auto;
  }

  .join-team__button {
    justify-self: end;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/jerseys-team/jerseys-team.css */
.jerseys-team {
  background: linear-gradient(to bottom, var(--color-black) 0%, var(--color-black) 72%, var(--color-black-60) 100%);
  color: var(--color-white);
}

.jerseys-team__inner {
  padding-block: var(--space-5) var(--space-9);
}

.jerseys-team__title {
  margin: 0 0 var(--space-5);
  text-align: center;
  text-transform: uppercase;
}

.jerseys-team__title span:last-child {
  color: var(--color-accent);
}

.jerseys-team__grid {
  display: grid;
  gap: var(--space-5);
}

.jerseys-team__image-wrap {
  display: grid;
  aspect-ratio: 1 / 1.18;
  background: #252525;
  place-items: center;
}

.jerseys-team__image {

  max-height: 97%;
  object-fit: contain;
}

.jerseys-team__label {
  margin: var(--space-4) 0 0;
  color: var(--color-white);
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .jerseys-team__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 860px;
    margin-inline: auto;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/stripes-separator/stripes-separator.css */
.stripes-separator {
  display: grid;
  gap: 34px;
  padding-block: 26px;
  background: var(--color-black);
}

.stripes-separator__stripe {
  display: block;
  width: 100%;
  height: 14px;
  background: var(--color-accent);
}

@media (max-width: 767px) {
  .stripes-separator {
    gap: 22px;
    padding-block: 20px;
  }

  .stripes-separator__stripe {
    height: 10px;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/players-team/players-team.css */
.players-team {
  background: var(--color-black);
  color: var(--color-white);
}

.players-team__inner {
  padding-block: var(--space-9);
}

.players-team__title {
  margin: 0 0 var(--space-7);
  text-transform: uppercase;
  text-align:center;
}

.players-team__title span:last-child {
  color: var(--color-accent);
}

.players-team__group + .players-team__group {
  margin-top: var(--space-8);
}

.players-team__group-title {
  margin: 0 0 var(--space-5);
  color: var(--color-white);
  text-transform: uppercase;
}

.players-team__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.player-card {
  display: grid;
  min-width: 0;
  overflow: hidden;
  background: #252525;
}

.player-card__image {
  width: 100%;
  aspect-ratio: 238 / 262;
  object-fit: cover;
}

.player-card__body {
  display: grid;
  gap: var(--space-1);
  min-height: 76px;
  padding: var(--space-3);
}

.player-card__number,
.player-card__name {
  margin: 0;
  color: var(--color-white);
  text-transform: uppercase;
}

.player-card__number {
  color: var(--color-accent);
  font-weight: 800;
}

.player-card__name {
  font-size: 0.9rem;
}

.players-team__empty {
  margin: 0;
  color: var(--color-white-70);
}

@media (min-width: 768px) {
  .players-team__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .players-team__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/hero-event/hero-event.css */
.hero-event {
  background: var(--color-black);
}

.hero-event__picture {
  display: block;
  width: 100%;
}

.hero-event__image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

@media (max-width: 767px) {
  .hero-event__image {
    aspect-ratio: 4 / 5;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/match-result/match-result.css */
.match-result {
  background: var(--color-black);
  color: var(--color-white);
}

.match-result__inner {
  padding-block: var(--space-7);
}

.match-result__title,
.match-result__report h2,
.match-result__score {
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-style: var(--font-style-headline);
  font-weight: var(--font-weight-headline);
  text-transform: uppercase;
}

.match-result__title {
  margin-bottom: var(--space-5);
  text-align: center;
}

.match-result__scoreboard {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  align-items: start;
}

.match-result__report {
  min-width: 0;
  text-align: center;
}

.match-result__report h2 {
  margin-bottom: var(--space-4);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
}

.match-result__report p {
  margin: 0;
  color: var(--color-white-80);
  font-size: 0.8rem;
  line-height: 1.45;
}

.match-result__score {
  order: -1;
  font-size: clamp(3rem, 11vw, 5rem);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .match-result__scoreboard {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .match-result__score {
    order: 0;
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/event-picture/event-picture.css */
.event-picture {
  background: var(--color-black);
}

.event-picture__inner {
  padding-bottom: var(--space-5);
}

.event-picture__image {
  display: block;
  width: 100%;
  height: auto;
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/event-summary/event-summary.css */
.event-summary {
  background: var(--color-black);
}

.event-summary__inner {
  padding-bottom: var(--space-7);
}

.event-summary__card {
  border-top: 12px solid var(--color-accent);
  background: var(--color-white);
  color: var(--color-black);
  padding: var(--space-6);
}

.event-summary__date {
  display: inline-block;
  margin: 0 0 var(--space-4);
  background: var(--color-accent);
  color: var(--color-white);
  font-size: 0.75rem;
  font-weight: 800;
  padding: var(--space-1) var(--space-2);
}

.event-summary__title {
  max-width: 860px;
  margin: 0 0 var(--space-6);
  color: var(--color-black);
  font-size: clamp(1.75rem, 4vw, 3rem);
  text-transform: none;
}

.event-summary__body {
  max-width: 900px;
}

.event-summary__body p {
  margin: 0 0 var(--space-4);
  color: var(--color-black);
  line-height: 1.75;
}

.event-summary__body p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .event-summary__card {
    padding: var(--space-8) var(--space-9);
  }
}


/* Source: C:/Users/mengi/Local Sites/bonnfire/app/public/wp-content/themes/fire/blocks/event-gallery/event-gallery.css */
.event-gallery {
  background: var(--color-black);
  color: var(--color-white);
}

.event-gallery__inner {
  padding-bottom: var(--space-9);
}

.event-gallery__title {
  margin: 0 0 var(--space-5);
  color: var(--color-white);
  text-transform: uppercase;
}

.event-gallery__grid {
  column-count: 2;
  column-gap: var(--space-4);
}

.event-gallery__item {
  display: block;
  width: 100%;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
  background: transparent;
  break-inside: avoid;
  cursor: zoom-in;
}

.event-gallery__item img {
  display: block;
  width: 100%;
  height: auto;
}

.event-gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: var(--space-5);
  background: rgb(var(--color-black-rgb) / 0.92);
}

.event-gallery-modal[hidden] {
  display: none;
}

.event-gallery-modal__image {
  max-width: min(100%, 1200px);
  max-height: 86vh;
  object-fit: contain;
}

.event-gallery-modal__close {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-white-70);
  background: var(--color-black);
  color: var(--color-white);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 900px) {
  .event-gallery__grid {
    column-count: 4;
  }
}