/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * cheddar-gothic-rough:
 *   - http://typekit.com/eulas/00000000000000007736d7c3
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-05-03 12:31:21 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=kvd7jjo&ht=tk&f=50404&a=90762553&app=typekit&e=css");

@font-face {
  font-family: "cheddar-gothic-rough";
  src: url("https://use.typekit.net/af/65d859/00000000000000007736d7c3/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/65d859/00000000000000007736d7c3/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/65d859/00000000000000007736d7c3/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "cheddar-gothic-rough", sans-serif;
}

.site {
  .header {
    background-color: var(--body-bg);

    .header-brand {
      --gutter-x: 1em;
      --gutter-y: 0;
      padding-right: calc(var(--gutter-x)*.5);
      padding-left: calc(var(--gutter-x)*.5);
      width: 100%;
      margin-left: auto;
      margin-right: auto
    }

    .site-brand {
      margin-left: calc(var(--gutter-x)*-.5);
      margin-right: calc(var(--gutter-x)*-.5);
      padding-top: 0;
      padding-bottom: 0;
      text-align: center !important;
    }

    .navbarxirostart {
      margin-left: calc(var(--gutter-x)*-.5);
      margin-right: calc(var(--gutter-x)*-.5);
      padding-left: calc(var(--gutter-x)*.5);
      padding-right: calc(var(--gutter-x)*.5)
    }
  }

  .banner-overlay {
    height: 10vh;

    p {
      margin-bottom: 0;
      font-family: "cheddar-gothic-rough", sans-serif;
      font-size: clamp(2.5rem, 8vw, 4rem);
    }
  }

  nav {
    .dropdown-menu {
      border-color: initial;
      background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;

      .dropdown-item,.nav-link {
        padding: var(--nav-link-padding-y)var(--nav-link-padding-x);
        font-size: var(--nav-link-font-size);
        font-weight: var(--nav-link-font-weight);
        color: var(--nav-link-color);
        background: 0 0;
        border: 0;
        text-decoration: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

        display: block;
      }

      .dropdown-item.active,.nav-link.active {
        color: var(--navbar-active-color)
      }
    }
  }

  .com-content-article {
    text-align: center;
  }

  .site-logo {
    img {
      width: clamp(400px, 40%, 815px);
    }
  }
}

@media (width>=576px) {
  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}

@media (width>=768px) {
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}

@media (width>=992px) {
  .w-lg-10 {
    width: 10% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-40 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}

@media (width>=1200px) {
  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }
}

@media (width>=1400px) {
  .w-xxl-10 {
    width: 10% !important;
  }

  .w-xxl-25 {
    width: 25% !important;
  }

  .w-xxl-50 {
    width: 50% !important;
  }

  .w-xxl-75 {
    width: 75% !important;
  }

  .w-xxl-100 {
    width: 100% !important;
  }
}