/* 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/26056/images/lpi_ZryvgM3jbl.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: #000000 !important; /* change the HEX code (000000) only */
}
/* navigation bar links */
/* this adjusts font color for the event/organization name */
body > header > div > div > h1 {
color: #ffffff !important; /* change the HEX code (ffffff) only */
}
/* this adjusts font color for other links */
body > header > div > nav > div, body > header > div > nav > div > div.b3.text-\[\#555\] > a {
  color: #ffffff !important; /* change the HEX code (ffffff) only */
}
/* this adjusts the menu button colors */
body > header > div > nav > button {
background-color: #93278f !important; /* changes button color. change the HEX code (33b5c2) 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 */
/* BEGIN — FULL SECTION BACKGROUND AND TOP LINE */
#content-block-126108 {
  border-top: 6px solid #00a99d;
  background-color: #ffffff;
}
/* END — FULL SECTION BACKGROUND AND TOP LINE */


/* EVENT INFORMATION */
#content-block-126108 #sfl-event {
  box-sizing: border-box;
  width: 100%;
  padding: 60px 24px;
  border-top: none;
  background: #ffffff;
  color: #293d3c;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

#sfl-event .sfl-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* Small heading */
#sfl-event .sfl-eyebrow {
  margin: 0 0 16px;
  color: #93278f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/* Event title */
#sfl-event #sfl-event-title {
  margin: 0;
  color: #93278f;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -1px;
  text-transform: none;
}

#sfl-event #sfl-event-title span {
  color: #293d3c;
}

/* Short divider beneath the title */
#sfl-event .sfl-rule {
  width: 70px;
  height: 4px;
  margin: 28px auto 34px;
  background: #00a99d;
}

/* Date, time, and location */
#sfl-event .sfl-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

#sfl-event .sfl-detail {
  padding: 4px 20px;
}

#sfl-event .sfl-detail + .sfl-detail {
  border-left: 1px solid #bce6e2;
}

#sfl-event .sfl-detail dt {
  margin: 0 0 12px;
  color: #93278f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#sfl-event .sfl-detail dd {
  margin: 0;
  color: #293d3c;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
}

/* Venue address and map link */
#sfl-event .sfl-address {
  display: block;
  margin-top: 10px;
  color: #93278f;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#sfl-event .sfl-address:hover {
  color: #752072;
}

#sfl-event .sfl-address:focus-visible {
  outline: 2px solid #00a99d;
  outline-offset: 4px;
}

/* Attire */
#sfl-event .sfl-attire {
  margin: 30px 0 24px;
  color: #526360;
  font-size: 16px;
  font-style: italic;
  line-height: 1.5;
}

/* Purchase Tickets button */
#sfl-event .sfl-ticket-button {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 16px 32px;
  border: 2px solid #93278f;
  border-radius: 4px;
  background: #93278f;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

#sfl-event .sfl-ticket-button:hover {
  border-color: #752072;
  background: #752072;
  color: #ffffff;
}

#sfl-event .sfl-ticket-button:focus-visible {
  outline: 3px solid #00a99d;
  outline-offset: 5px;
}



/* BEGIN — MOBILE */
@media screen and (max-width: 600px) {
  #content-block-126108 #sfl-event {
    padding: 40px 20px;
  }

  #sfl-event .sfl-details {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #sfl-event .sfl-detail {
    padding: 0;
  }

  #sfl-event .sfl-detail + .sfl-detail {
    border-left: 0;
  }

  #sfl-event .sfl-detail dt {
    margin-bottom: 5px;
  }
}
/* END — MOBILE */
/* END — EVENT INFORMATION */
/* BEGIN - ABOUT */
/* BEGIN — ABOUT ORGANIZATION */
#sfl-about {
  box-sizing: border-box;
  width: 100%;
  padding: 60px 24px;
  background: #00a99d;
  color: #293d3c;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

#sfl-about .sfl-about-inner {
  max-width: 850px;
  margin: 0 auto;
}

/* Small heading */
#sfl-about .sfl-about-eyebrow {
  margin: 0 0 16px;
  color: #93278f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/* About title */
#sfl-about #sfl-about-title {
  margin: 0;
  color: #93278f;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-transform: none;
}

#sfl-about #sfl-about-title span {
  color: #293d3c;
}

/* Purple divider */
#sfl-about .sfl-about-rule {
  width: 70px;
  height: 4px;
  margin: 28px auto 32px;
  background: #93278f;
}

/* Organization description */
#sfl-about .sfl-about-description {
  max-width: 760px;
  margin: 0 auto;
}

#sfl-about .sfl-about-description p {
  margin: 0 0 20px;
  color: #293d3c;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}

#sfl-about .sfl-about-description p:last-child {
  margin-bottom: 0;
}

/* Learn More button */
#sfl-about .sfl-about-button {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 30px;
  padding: 16px 32px;
  border: 2px solid #93278f;
  border-radius: 4px;
  background: #93278f;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

#sfl-about .sfl-about-button:hover {
  border-color: #752072;
  background: #752072;
  color: #ffffff;
}

#sfl-about .sfl-about-button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 5px;
}
#sfl-about,
#sfl-about #sfl-about-title span,
#sfl-about .sfl-about-description p {
  color: #ffffff;
}
/* END — ABOUT ORGANIZATION */


/* BEGIN — MOBILE */
@media screen and (max-width: 600px) {
  #sfl-about {
    padding: 40px 20px;
  }

  #sfl-about .sfl-about-eyebrow {
    font-size: 14px;
    letter-spacing: 3px;
  }

  #sfl-about .sfl-about-description p {
    font-size: 17px;
    line-height: 1.7;
  }
}
/* END — MOBILE */

/* END - ABOUT */
/* BEGIN - SPONSORS */
/* SPONSORS HEADING */
#sfl-sponsors-heading {
  padding: 35px 20px 20px;
  text-align: center;
}

#sfl-sponsors-heading h2 {
  margin: 0;
  color: #93278f;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.5px;
  text-transform: none;
}

#sfl-sponsors-heading h2 span {
  color: #00a99d;
}

#sfl-sponsors-heading .sfl-sponsors-rule {
  width: 70px;
  height: 4px;
  margin: 22px auto 0;
  background: #00a99d;
}

@media screen and (max-width: 600px) {
  #sfl-sponsors-heading h2 {
    font-size: 26px;
  }
}
/* END - SPONSORS */
/* 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) */