/* GOOGLE FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* LANDING PAGE CSS */
/* BEGIN - NAVIGATION BAR */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] {
background-color: #0d250c !important;
}
body > nav.top-menu.lg\:p-\[30px\].py-3 {
background-color: #0d250c !important;
}
/* link color */
.align-children-middle h1.d4 a {
color: #FFFFFF !important; /* title */
}
.flex.shrink-0.items-center.gap-5 a {
  color: #ffffff !important; /* all other links */
}
/* toggle */
.menu-toggle {
  color: #ffffff !important; /* menu */
}

/* END - NAVIGATION BAR */
/* BEGIN - HIDE HERO BANNER */
body > main > section.grid {
display: none !important;
}
/* END - HIDE HERO BANNER */
/* BEGIN - HIDE EVENT TICKETS LINK */
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, 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 {
display: none !important;
}
/* END - HIDE EVENT TICKETS LINK */
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/hero_background_fceRoyxuRK.png") !important;
background-size: cover;
background-position: center center !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
/* BEGIN - EVENT INFO ADJUST 2ND ADDRESS LINE */
#content-block-3030 > div > div > p:nth-child(5) {
padding: 0px !important;
margin: 0px !important;
}
/* END - EVENT INFO ADJUST 2ND ADDRESS LINE */
/* BEGIN - EVENT INFO ADD BOTTOM PADDING */
#content-block-3030 > div > div > div:nth-child(14) {
margin-bottom: 60px !important;
}
/* END - EVENT INFO ADD BOTTOM PADDING */
/* BEGIN - CHANGE FONT */
/* SPONSORS SECTION */
#content-block-20754 > div.content-max-width.contrast-background.dark-background.py-8 > div > p > span {
  font-family: "Julius Sans One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* END - CHANGE FONT */

/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.event-date {
    text-align: center;
    color: #ffffff;
    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 */
/* TICKET PAGE CSS */
.d3 {
color: #FFFFFF !important;
}
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.event-details > h1 {
color: #000000 !important;
}
/* Add 'NEXT' to buttons */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > div.flex.flex-col.items-center.justify-center.lg\:flex-row.lg\:justify-between > button::before, body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.sponsor > div.flex.flex-col.items-center.justify-center.lg\:flex-row.lg\:justify-between > button:nth-child(1)::before, body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.guest-details > button::before, body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.event-details > button::before {
content: "NEXT: ";
}
/* GENERAL CSS */
.julius-sans-one-regular {
  font-family: "Julius Sans One", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
/* BEGIN – RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/* add text under ticket page - ticket title */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > header > h1::after {
content: "\ATo skip to guest details, select the 'Guest Details' link from the 'Purchase Tickets' drop down menu at the top.";
white-space: pre-wrap;
font-size: 18px !important;
font-style: italic !important;
font-weight: normal !important;
display: block !important;
line-height: 1.6 !important;
}
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/lpi_UbAYki7J3U.png") !important;
background-size: cover;
background-position: center bottom !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
.venue-txt {
font-size: 18px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f976b4; /* Hot Pink color */
    width: 180px;
}

.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;
    white-space: nowrap;
}

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

.time {
    font-size: 15px;
    letter-spacing: 3px;
    color: #ffffff;
    white-space: nowrap;
}

.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 */
}
.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) {
/* add text under ticket page - ticket title */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > header > h1::after {
content: "\ATo skip to guest details, select the 'Guest Details' link drop down menu at the top.";
white-space: pre-wrap;
font-size: 18px !important;
font-style: italic !important;
font-weight: normal !important;
display: block !important;
line-height: 1.6 !important;
}
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/lpi_UbAYki7J3U.png") !important;
background-size: cover;
background-position: center bottom !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
.venue-txt {
font-size: 18px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f976b4; /* Hot Pink color */
    width: 180px;
}

.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;
    white-space: nowrap;
}

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

.time {
    font-size: 15px;
    letter-spacing: 3px;
    color: #ffffff;
    white-space: nowrap;
}

.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 */
}
.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) {
/* add text under ticket page - ticket title */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > header > h1::after {
content: "\ATo skip to guest details, select the 'Guest Details' link on the right hand menu.";
white-space: pre-wrap;
font-size: 18px !important;
font-style: italic !important;
font-weight: normal !important;
display: block !important;
line-height: 1.6 !important;
}
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/hero_background_fceRoyxuRK.png") !important;
background-size: cover;
background-position: center center !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
.venue-txt {
font-size: 18px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f976b4; /* Hot Pink color */
    width: 250px;
}

.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: #ffffff;
}

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

.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 */
}
.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) {
/* add text under ticket page - ticket title */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > header > h1::after {
content: "\ATo skip to guest details, select the 'Guest Details' link on the right hand menu.";
white-space: pre-wrap;
font-size: 18px !important;
font-style: italic !important;
font-weight: normal !important;
display: block !important;
line-height: 1.6 !important;
}
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/hero_background_fceRoyxuRK.png") !important;
background-size: cover;
background-position: center center !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
.venue-txt {
font-size: 24px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f976b4; /* Hot Pink color */
    width: 250px;
}

.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: #ffffff;
}

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

.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 */
}
.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) {
/* add text under ticket page - ticket title */
body > main > div > div.ticket-page.relative.order-2.w-full.bg-white.before\:absolute.before\:-right-\[50vw\].before\:z-\[-1\].before\:h-full.before\:w-\[150vw\].before\:bg-white.lg\:order-1.lg\:w-8\/12.lg\:pe-32.before\:lg\:right-0 > section.page.lg\:py-16.py-12.individual > header > h1::after {
content: "\ATo skip to guest details, select the 'Guest Details' link on the right hand menu.";
white-space: pre-wrap;
font-size: 18px !important;
font-style: italic !important;
font-weight: normal !important;
display: block !important;
line-height: 1.6 !important;
}
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-3030 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/18137/images/hero_background_fceRoyxuRK.png") !important;
background-size: cover;
background-position: center center !important;
background-repeat: no-repeat;
}
/* END - EVENT INFO BACKGROUND IMAGE */
.venue-txt {
font-size: 24px !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 3 */
.with-lines::before,
.with-lines::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f976b4; /* Hot Pink color */
    width: 250px;
}

.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: #ffffff;
}

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

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