/* IMPORT FONTS */


/* LANDING PAGE CSS */
/* BEGIN - NAVIGATION BAR */
/* add organization logo */
.js-top-page-title {
  display: inline-block;
  width: 300px;  /* increase this */
  height: 70px; /* increase this */

  background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/24702/images/lpi_BguyO6NbKd.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: #457ca1 !important; /* change the HEX code (457ca1) 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: #fbda1f !important; /* changes button color. change the HEX code (fbda1f) only */
color: #457ca1 !important; /* changes font color. change the HEX code (457ca1) 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 - PURCHASE BUTTON */
#content-block-116693 > div > div > p:nth-child(10) > a > img {
margin: 20px !important;
}
/* END - PURCHASE BUTTON */
/* BEGIN - PHOTO */
#content-block-116693 > div > div > img {
width: 100% !important;
}
/* END - PHOTO */
/* BEGIN - SPONSOR TITLE COLOR CHANGE */
.sponsor-groups-container > p.text-xl.font-semibold {
    color: #FFFFFF !important;
}
/* END - SPONSOR TITLE COLOR CHANGE */
/* BEGIN - MARGINS AND PADDING */
/* event title */
#content-block-116693 > div > div > p:nth-child(2) {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
margin-top: 20px !important;
}
#content-block-116693 > div > div > p:nth-child(3) {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* 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) {
/* BEGIN - NAVIGATION BAR */
/* add organization 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 only screen and (min-width: 600px) {
/* BEGIN - NAVIGATION BAR */
/* add organization logo */
.js-top-page-title {
  display: inline-block;
  width: 200px; 
  height: 70px;
  }
  /* END - NAVIGATION BAR */
}

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

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/* BEGIN - NAVIGATION BAR */
/* add organization 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 only screen and (min-width: 1200px) {
/* BEGIN - NAVIGATION BAR */
/* add organization logo */
.js-top-page-title {
  display: inline-block;
  width: 300px; 
  height: 70px;
  }
  /* END - NAVIGATION BAR */
  }


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