/* IMPORT FONTS */


/* LANDING PAGE CSS */
/* 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 - NAVIGATION BAR */
/* navigation bar background color */
body > header {
background-color: #091931 !important; /* change the HEX code (091931) 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: #ade0f9 !important; /* changes button color. change the HEX code (ade0f9) only */
color: #091931 !important; /* changes font color. change the HEX code (091931) only */
}
/* END - NAVIGATION BAR */

/* TICKET PAGE CSS */
/* BEGIN - ADD TEXT TO TITLE SECTION */
/* Text below the Donation header */
section.page.donation > div.relative:first-child::after {
    content: "I’m unable to attend, but I would still like to make a donation.";
    display: block;
    width: 100%;
    margin-top: -1rem;
    margin-bottom: 2rem;
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

/* Adjust spacing below the blue header */
section.page.donation > div.relative:first-child > header {
    margin-bottom: 2rem !important;
}
/* END - ADD TEXT TO TITLE SECTION */

/* 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) */