/* 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) */
body > main > section:nth-child(1) > div {
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: #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 {
  color: #ffffff !important; /* change the HEX code (ffffff) only */
}
/* this adjusts the menu button colors */
body > header > div > nav > button {
background-color: #dca51e !important; /* changes button color. change the HEX code (dca51e) only */
color: #000000 !important; /* changes font color. change the HEX code (000000) only */
}
/* END - NAVIGATION BAR */
/* BEGIN - ADD COLORED BOX BEHIND TEXT */
#content-block-102976 > div > div {
background-color: #ffffff; /* changes box color - change the HEX code (ffffff) only */
padding: 30px; 
border-radius: 30px;
}
/* END - ADD COLORED BOX BEHIND TEXT */

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