/* IMPORT FONTS */


/* LANDING PAGE CSS */
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;

  background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/24718/images/lpi_CKYRXO4hL5.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;

  /* Visually hide the existing text */
  font-size: 0;
  color: transparent;
}
/* navigation bar background color */
body > header {
background-color: #ffffff !important; /* change the HEX code (ffffff) only */
}
/* navigation bar links */
/* this adjusts font color for the event/organization name */
body > header > div > div > h1 {
color: #37afec !important; /* change the HEX code (37afec) only */
}
/* this adjusts font color for other links */
body > header > div > nav > div, body > header > div > nav > div > div.b3.text-\[\#555\] > a {
  color: #37afec !important; /* change the HEX code (37afec) only */
}
/* this adjusts the menu button colors */
body > header > div > nav > button {
background-color: #37afec !important; /* changes button color. change the HEX code (37afec) only */
color: #ffffff !important; /* changes font color. change the HEX code (ffffff) only */
}
/* END - NAVIGATION BAR */
/* BEGIN - HIDES HERO 1 TEXT (Remove this section if you want the text above the hero 1 banner or for all other hero banners to show) */
#hero-container > div.hero-bg-color.flex.flex-col.items-center.gap-8.py-8.md\:py-16.contrast-background.light-background {
display: none !important;
}
/* END - HIDES HERO 1 TEXT (Remove this section if you want the text above the hero 1 banner or for all other hero banners to show) */
/* BEGIN - EVENT INFORMATION */
* { box-sizing: border-box; }
    body { margin: 0; background: #ffffff; }
    .carson-event-info {
      --primary-color: #ffffff;
      --secondary-color: #37afec;
      position: relative; overflow: hidden; padding: 90px 30px;
      color: var(--secondary-color);
      background: var(--primary-color);
      font-family: Arial, Helvetica, sans-serif;
    }
    .carson-event-info__content { position:relative; z-index:2; width:min(100%,1050px); margin:0 auto; text-align:center; }
    .carson-event-info__title-image { display:block; width:100%; height:auto; margin:0 auto; border:3px solid var(--secondary-color); border-radius:16px; }
    .carson-event-info__details { display:grid; grid-template-columns:repeat(3,1fr); margin:40px 0; border:2px solid var(--secondary-color); border-radius:16px; background:transparent; }
    .carson-event-info__detail { display:flex; min-height:130px; flex-direction:column; align-items:center; justify-content:center; padding:25px; }
    .carson-event-info__detail + .carson-event-info__detail { border-left:1px solid var(--secondary-color); }
    .carson-event-info__label { margin-bottom:10px; font-size:.75rem; font-weight:700; letter-spacing:.25em; text-transform:uppercase; }
    .carson-event-info__value { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.1rem,2vw,1.35rem); font-weight:700; line-height:1.45; }
    .carson-event-info__value a { display:block; margin-top:5px; color:var(--secondary-color); font-family:Arial,Helvetica,sans-serif; font-size:.9rem; font-weight:400; text-decoration:underline; text-underline-offset:4px; }
    .carson-event-info__button { display:inline-block; padding:17px 36px; border:2px solid var(--secondary-color); border-radius:50px; color:var(--primary-color); background:var(--secondary-color); font-size:1rem; font-weight:700; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:.25s ease; }
    .carson-event-info__button:hover,.carson-event-info__button:focus { color:var(--secondary-color); background:transparent; transform:translateY(-3px); }
    @media (min-width:769px) { .carson-event-info__details { align-items:stretch; } .carson-event-info__detail { display:grid; grid-template-rows:24px auto; align-content:start; justify-items:center; min-height:165px; padding:30px 25px; } .carson-event-info__label { margin-bottom:0; line-height:24px; } .carson-event-info__value { padding-top:12px; } }
    @media (max-width:768px) { .carson-event-info { padding:70px 20px; } .carson-event-info__details { grid-template-columns:1fr; } .carson-event-info__detail { min-height:auto; padding:25px 20px; } .carson-event-info__detail + .carson-event-info__detail { border-top:1px solid var(--secondary-color); border-left:0; } }
    @media (max-width:480px) { .carson-event-info { padding:55px 16px; } .carson-event-info__button { width:100%; } }
  /* END - EVENT INFORMATION */
  /* BEGIN - SPONSOR SECTION HEADER */

.sponsor-section-header {
    display: flex;
    align-items: center;
    gap: 24px;
    width: min(100%, 1050px);
    margin: 0 auto 40px;
    text-align: center;
}

.sponsor-section-header::before,
.sponsor-section-header::after {
    content: "";
    flex: 1;
    height: 3px;
    background-color: #ffffff;
}

.sponsor-section-header h2 {
    margin: 0;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.25rem, 4vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* Mobile */
@media screen and (max-width: 600px) {
    .sponsor-section-header {
        gap: 12px;
        margin-bottom: 30px;
    }

    .sponsor-section-header::before,
    .sponsor-section-header::after {
        height: 2px;
    }

    .sponsor-section-header h2 {
        max-width: 260px;
        font-size: 1.15rem;
        letter-spacing: 0.08em;
    }
}

/* END - SPONSOR SECTION HEADER */
  /* TICKET PAGE CSS */

/* DONATION PAGE CSS */


/* ALL PAGES */
/* BEGIN - responsive behavior (auto adjust for different screen sizes) */


/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 200px;
  height: 70px;
}
/* END - NAVIGATION BAR */
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width: 600px) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 200px;
  height: 70px;
}
/* END - NAVIGATION BAR */
}

/* Medium devices (portrait tablets, 768px and up) */
@media screen and (min-width: 768px) and (orientation: portrait)  {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;
}
/* END - NAVIGATION BAR */
  }

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) and (orientation: landscape) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;
}
/* END - NAVIGATION BAR */
  }

/* Large devices (laptops/desktops/portrait ipad pro, 992px and up) */
@media screen and (min-width: 992px) and (orientation: portrait) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;
}
/* END - NAVIGATION BAR */
  }

/* Large devices (laptops/desktops/landscape ipad pro, 992px and up) */
@media screen and (min-width: 992px) and (orientation: landscape) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;
}
/* END - NAVIGATION BAR */
  }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
/* BEGIN - NAVIGATION BAR */
/* replace event/org name with org logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;
  height: 70px;
}
/* END - NAVIGATION BAR */
  }


/* END - responsive behavior (auto adjust for different screen sizes) */