/* GOOGLE FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
/* LANDING PAGE CSS */
/* 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 - NAVIGATION BAR */
/* navigation bar background color */
body > header {
background-color: #000000 !important; /* change the HEX code (000000) 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, body > header > div > nav > div > div.b3.text-\[\#555\] > a {
  color: #ffffff !important; /* change the HEX code (ffffff) only */
}
/* this adjusts the menu button colors */
body > header > div > nav > button {
background-color: #0b6d82 !important; /* changes button color. change the HEX code (0b6d82) only */
color: #ffffff !important; /* changes font color. change the HEX code (ffffff) only */
}
/* change font for org name - Denver Language School - navigation title */
header .js-top-page-title {
    font-family: "Righteous", sans-serif !important;
}
/* END - NAVIGATION BAR */
/* BEGIN - EVENT INFO BACKGROUND IMAGE */
#content-block-112791 {
background-image: url("https://d2y9d0ry7vx6k5.cloudfront.net/events/24193/images/lpi_a74eSAZjFi.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: "Righteous", 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 */
.righteous-regular {
  font-family: "Righteous", sans-serif;
  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: #d49e3b; /* Gold 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: #d49e3b; /* Gold 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: #000000;
}

.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: #d49e3b; /* Gold 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: #A9A9A9; /* Silver 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: #A9A9A9; /* silver 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)*/