/* LANDING PAGE CSS */
/* BEGIN - Hide header */
body > main > section:nth-child(1) {
display: none !important;
}
/* END - Hide header */
/* BEGIN - EVENT INFO BACKGROUND */
#content-block-22022 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/20690/images/hero_background_lruNwmAzn6.png") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/* END - EVENT INFO BACKGROUND */
/* BEGIN - EVENT INFO BOX */
#content-block-22022 > div > div > div {
  /* centering magic */
  margin: 0 auto;         /* centers block horizontally */
  max-width: 600px;       /* keeps it from stretching too wide */
  text-align: center;     /* centers text inside */
}
/* END - EVENT INFO BOX */
/* BEGIN - EVENT INFO IMAGE SPACING */
#content-block-22022 > div > div > div > p:nth-child(1) > img {
margin-bottom: 25px !important;
}
/* END - EVENT INFO IMAGE SPACING */
/* BEGIN - NAVIGATION BAR */
/* background color */
.top-menu {
background-color: #035584 !important;
}

/* header color */
body > header > div > div > h1 > a {
color: #ffffff !important;
}
/* link color */
.flex.shrink-0.items-center.gap-5 a, body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > button, body > nav.top-menu.lg\:p-\[30px\].py-3 > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > button {
  color: #ffffff !important;
}
/* menu color */
.menu-toggle {
  color: #ffffff !important; /* your color */
}
/* dropdown hover color */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > div > div > div:nth-child(1):hover, body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > div > div > div:nth-child(2):hover, body > nav.top-menu.lg\:p-\[30px\].py-3 > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > div > div > div:nth-child(1):hover, body > nav.top-menu.lg\:p-\[30px\].py-3 > div > div.flex.shrink-0.items-center.gap-5 > div > div.flex.gap-6.text-xl > div > div > div > div:nth-child(2):hover {
background-color: #035584 !important;
}
/* END - NAVIGATION BAR */
/* TICKET PAGE CSS */

/* DONATION PAGE CSS */

/* GUEST UPDATE LINK CSS */
/* GENERAL CSS */
a:-webkit-any-link {
/* all pages: changes all link colors to the same color */
/* color: #[HEX CODE-LINK COLOR-ALL PAGE LINKS] !important; */
/* all pages: removes underline from links on all pages */
/* text-decoration: none !important; */
}
/* 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)*/