/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
/* LANDING PAGE */
/* BEGIN - Nav bar */
/* nav bar color */
.top-menu {
background-color: #f1b637 !important;
}
/* font color */
body > header > div > div > h1 > a, body > header > div > nav > div > div {
color: #000000 !important;
}
.flex.shrink-0.items-center.gap-5 a {
  color: #000000 !important;
}
/* END - Nav bar */
/* BEGIN - Remove header */
body > main > section:nth-child(1) > div {
display: none !important;
}
/* END - Remove header */
/* BEGIN - Event Info */
/* Add background */
#content-block-27617 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/20478/images/lpi_bAjcw8DQUn.png") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/* Add black transparent box */
#content-block-27617 > div > div {
background-color: rgba(0,0,0,0.8); 
padding: 30px; 
border-radius: 30px;
}
/* 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-27627 > div.content-max-width.contrast-background.light-background.py-8 > div > p > span {
  font-family: "Monoton", sans-serif;
  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)*/