/* IMPORT FONTS */


/* LANDING PAGE CSS */
/* BEGIN - NAVIGATION BAR */
/* navigation bar background color */
body > header {
background-color: #32200a !important; /* change the HEX code (32200a) 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: #eddec8 !important; /* changes button color. change the HEX code (33b5c2) only */
color: #32200a !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 - ADD SECTION BACKGROUND */
#content-block-115747 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/23455/images/lpi_QNm9eKc8RP.png") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center;
}
/* END - ADD SECTION BACKGROUND */
/* BEGIN - CENTER VIDEOS */
.fr-video.fr-dvb {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
/* END - CENTER VIDEOS */
/* 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 only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

  }


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