/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap');
/* LANDING PAGE */
/* BEGIN - NAVIGATION BAR */
/* navigation bar background color */
body > header {
background-color: #9c2121 !important; /* change the HEX code (9c2121) 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: #000000 !important; /* changes button color. change the HEX code (000000) only */
color: #ffffff !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 - Event Info */
/* Change padding for Event Information section */
/* Date, venue, attire */
#content-block-27617 > div > div > p:nth-child(3), #content-block-27617 > div > div > p:nth-child(5), #content-block-27617 > div > div > p:nth-child(7) {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* END - Event Info */
/* BEGIN - Sponsor Info */
#content-block-109378 > div.content-max-width.contrast-background.light-background.py-8 > div > p > span {
  font-family: "Leckerli One", cursive;
  font-weight: 400;
  font-style: normal;
}
/* END - Sponsor Info */
/* GENERAL CSS */
/* BEGIN – RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#content-block-20213 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(3) > strong > span {
font-size: 20px !important;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#content-block-20213 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(3) > strong > span {
font-size: 20px !important;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#content-block-20213 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(3) > strong > span {
font-size: 24px !important;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#content-block-20213 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(3) > strong > span {
font-size: 24px !important;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#content-block-20213 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(3) > strong > span {
font-size: 24px !important;
}
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/