/* IMPORT FONT */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Julius+Sans+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* LANDING PAGE CSS */
/* BEGIN - Change Navigation bar colors */
/* Navigation bar color */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] {
background-color: #001f33 !important;
}
body > nav.top-menu.lg\:p-\[30px\].py-3 {
background-color: #001f33 !important;
}
/* event title link */
.align-children-middle h1.d4 a {
  color: #ffffff !important;
}
/* other links */
.flex.shrink-0.items-center.gap-5 a {
  color: #ffffff !important;
}
.menu-toggle {
  color: #ffffff !important; /* your color */
}

/* END - Change Navigation bar colors */
/* BEGIN - Hide hero banner text */
body > main > section:nth-child(1) > div {
display: none !important;
}
/* END - Hide hero banner text */
/* BEGIN - Event information edits */
/* BEGIN - Background image and font */
#content-block-20590 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/20497/images/lpi_AGOaXM9FDz.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#content-block-20590 > div > div > div > p:nth-child(5), #content-block-20590 > div > div > div > p:nth-child(6) > span > a > span, #content-block-20590 > div > div > div > p:nth-child(7) > span > strong, #content-block-20590 > div > div > div > p:nth-child(8) > span > strong, #content-block-20590 > div > div > div > p:nth-child(8) > span, #content-block-20590 > div > div > div > p:nth-child(9) > span, #content-block-21500 > div.content-max-width.contrast-background.dark-background.py-8 > div > p > span > strong {
  font-family: "Fira Sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
#content-block-20590 > div > div > div > p:nth-child(5) > span > strong {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 20px !important;
}
/* END - Background image and font */
/* BEGIN - Hide white div background color */
.content-block-description.fr-view > div {
  background-color: transparent !important;
}
/* END - Hide white div background color */
/* BEGIN - Image spacing */
#content-block-20590 > div > div > div > p:nth-child(1) > img {
margin: 20px 0px !important;
}
/* END - Image spacing */
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.event-date {
    text-align: center;
    color: #f79d1e;
    font-weight: bold;
}

.horizontal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.with-lines {
    position: relative;
    padding: 0 20px;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
/* BEGIN - Text spacing */
/* After February */
#content-block-20590 > div > div > div > div.event-date > div.month {
padding-bottom: 20px !important;
}
/* Attire */
#content-block-20590 > div > div > div > p:nth-child(7) {
padding: 0px !important;
margin: 0px !important;
}
/* After attire */
#content-block-20590 > div > div > div > p:nth-child(8) {
padding: 0px !important;
margin: 0px 0px 20px 0px !important;
}
/* Sponsor header */
#content-block-21500 > div.content-max-width.contrast-background.dark-background.py-8 > div {
margin: 30px 0 0 0 !important;
}
/* END - Text spacing */
/* BEGIN - Center video */
/* Center all Froala content */
.fr-view {
  text-align: center;          /* centers inline/inline-block children */
}

/* Make the video wrapper centerable and kill editor floats/positioning */
.fr-view .fr-video {
  display: inline-block !important;
  float: none !important;
  position: static !important;
  margin: 0 auto;              /* harmless; works if it becomes block later */
}

/* Keep the iframe tidy & responsive-ish */
.fr-view .fr-video iframe {
  display: block;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;        /* modern browsers maintain shape when width shrinks */
}
/* END - Center video */
/* END - Event information edits */
/* TICKET PAGE CSS */
/* BEGIN - Section header font color */
header.relative h1.d3 {
color: #FFFFFF !important;
}
/* END - Section header font color */
/* TICKET PAGE CSS */
/* Hide Menu Subheader */
body > main > div > div.order-1.w-full.bg-system-slate-100.py-4.lg\:order-2.lg\:block.lg\:w-4\/12.lg\:ps-16.lg\:pt-24 > p {
display: none !important;
}
/* 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) {
.font-details {
font-size: 20px !important;
}
.btn-txt {
font-size: 20px !important;
}
.tix-org {
font-size: 16px !important;
}
.image-header {
width: 300px !important;
}
.font-org {
font-size: 15px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f79d1e; /* Orange color */
    width: 160px;
}

.text.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: -70px; /* Extend more on the left */
    right: 0px;
    margin: auto;
}
.time.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: 0px;
    right: -70px; /* Extend more on the right */
    margin: auto;
}
.text.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: -70px; /* Extend more on the left */
    right: 0px;
    margin: auto;
}
.time.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: 0px;
    right: -70px; /* Extend more on the left */
    margin: auto;
}
.text {
    font-size: 15px;
    letter-spacing: 3px;
}

.number {
    font-size: 50px;
    color: #f79d1e;
}

.time {
    font-size: 15px;
    letter-spacing: 3px;
    color: #f79d1e;
}

.month {
    font-size: 25px;
    display: block;
    margin-top: -8px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
    line-height: 1 !important;
}
.month-tix {
    font-size: 25px;
    display: block;
    margin-top: 30px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.font-details {
font-size: 20px !important;
}
.btn-txt {
font-size: 20px !important;
}
.tix-org {
font-size: 16px !important;
}
.image-header {
width: 300px !important;
}
.font-org {
font-size: 15px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f79d1e; /* Orange color */
    width: 160px;
}

.text.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: -60px; /* Extend more on the left */
    right: 0px;
    margin: auto;
}
.time.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: 0px;
    right: -60px; /* Extend more on the right */
    margin: auto;
}
.text.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: -60px; /* Extend more on the left */
    right: 0px;
    margin: auto;
}
.time.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: 0px;
    right: -60px; /* Extend more on the left */
    margin: auto;
}
.text {
    font-size: 15px;
    letter-spacing: 3px;
}

.number {
    font-size: 50px;
    color: #f79d1e;
}

.time {
    font-size: 15px;
    letter-spacing: 3px;
    color: #f79d1e;
}

.month {
    font-size: 25px;
    display: block;
    margin-top: -8px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
   line-height: 1 !important;
}
.month-tix {
    font-size: 25px;
    display: block;
    margin-top: 30px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.font-details {
font-size: 24px !important;
}
.btn-txt {
font-size: 24px !important;
}
.tix-org {
font-size: 20px !important;
}
.image-header {
width: 450px !important;
}
.font-org {
font-size: 24px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f79d1e; /* Orange color */
    width: 220px;
}

.text.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: 0;
    right: -50px; /* Extend more on the right */
    margin: auto;
}
.text.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: 0;
    right: -50px; /* Extend more on the left */
    margin: auto;
}
.text {
    font-size: 28px;
    letter-spacing: 3px;
}

.number {
    font-size: 98px;
    color: #f79d1e;
}

.time {
    font-size: 28px;
    letter-spacing: 3px;
    color: #f79d1e;
}

.month {
    font-size: 35px;
    display: block;
    margin-top: -8px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
    line-height: 0.7 !important;
}
.month-tix {
    font-size: 35px;
    display: block;
    margin-top: 30px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.font-details {
font-size: 24px !important;
}
.btn-txt {
font-size: 24px !important;
}
.tix-org {
font-size: 20px !important;
}
.image-header {
width: 450px !important;
}
.font-org {
font-size: 24px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f79d1e; /* Orange color */
    width: 220px;
}

.text.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: 0;
    right: -50px; /* Extend more on the right */
    margin: auto;
}
.text.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: 0;
    right: -50px; /* Extend more on the left */
    margin: auto;
}
.text {
    font-size: 28px;
    letter-spacing: 3px;
}

.number {
    font-size: 90px;
    color: #f79d1e;
}

.time {
    font-size: 28px;
    letter-spacing: 3px;
    color: #f79d1e;
}

.month {
    font-size: 35px;
    display: block;
    margin-top: -8px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
    line-height: 0.7 !important;
}
.month-tix {
    font-size: 35px;
    display: block;
    margin-top: 30px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.font-details {
font-size: 24px !important;
}
.btn-txt {
font-size: 24px !important;
}
.tix-org {
font-size: 20px !important;
}
.image-header {
width: 450px !important;
}
.font-org {
font-size: 24px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f79d1e; /* Orange color */
    width: 220px;
}

.text.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::before {
    top: -10px; /* Adjust this value to position the line above */
    left: 0;
    right: -50px; /* Extend more on the right */
    margin: auto;
}
.text.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: -50px; /* Extend more on the left */
    right: 0;
    margin: auto;
}
.time.with-lines::after {
    bottom: -10px; /* Adjust this value to position the line below */
    left: 0;
    right: -50px; /* Extend more on the left */
    margin: auto;
}
.text {
    font-size: 28px;
    letter-spacing: 3px;
}

.number {
    font-size: 90px;
    color: #f79d1e;
}

.time {
    font-size: 28px;
    letter-spacing: 3px;
    color: #f79d1e;
}

.month {
    font-size: 35px;
    display: block;
    margin-top: -8px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
    line-height: 0.7 !important;
}
.month-tix {
    font-size: 35px;
    display: block;
    margin-top: 30px; /* Adjust this value to make 'NOVEMBER' closer to the line */
    padding-bottom: 5px; /* Add some padding if needed for spacing */
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 3 */
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/