.elementor-271 .elementor-element.elementor-element-f993506{--display:flex;}.elementor-271 .elementor-element.elementor-element-2966a13{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-271 .elementor-element.elementor-element-f993506{--content-width:1600px;}.elementor-271 .elementor-element.elementor-element-2966a13{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-f993506 */.elementor-271 .elementor-element.elementor-element-f993506 {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse 55% 75% at 50% -20%,
            rgba(255,255,255,.65),
            transparent 70%
        ),
        radial-gradient(
            ellipse 28% 70% at 0% 50%,
            rgba(181,131,31,.09),
            transparent 72%
        ),
        radial-gradient(
            ellipse 28% 70% at 100% 50%,
            rgba(181,131,31,.08),
            transparent 72%
        ),
        #D8C9AD !important;

    padding: 0 !important;
}


/* SUBTLE THEATRE LIGHT */

.elementor-271 .elementor-element.elementor-element-f993506::before {
    content: "";

    position: absolute;

    top: -25%;
    left: 50%;

    width: 34%;
    height: 150%;

    transform:
        translateX(-50%)
        rotate(2deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,248,220,.16),
            rgba(255,255,255,.28),
            rgba(255,248,220,.16),
            transparent
        );

    filter: blur(22px);

    pointer-events: none;
}


/* VERY FINE GOLD FRAME */

.elementor-271 .elementor-element.elementor-element-f993506::after {
    content: "";

    position: absolute;

    left: 3%;
    right: 3%;

    top: 24px;
    bottom: 24px;

    border:
        1px solid
        rgba(181,131,31,.22);

    pointer-events: none;
}


/* CONTENT ABOVE BACKGROUND */

.elementor-271 .elementor-element.elementor-element-f993506 > .elementor-container,
.elementor-271 .elementor-element.elementor-element-f993506 > .e-con,
.elementor-271 .elementor-element.elementor-element-f993506 > .e-con-inner {
    position: relative;
    z-index: 2;
}


/* MOBILE */

@media (max-width: 767px) {

    .elementor-271 .elementor-element.elementor-element-f993506 {
        background:
            radial-gradient(
                ellipse 80% 50% at 50% -10%,
                rgba(255,255,255,.60),
                transparent 72%
            ),
            radial-gradient(
                ellipse 45% 60% at 0% 40%,
                rgba(181,131,31,.08),
                transparent 75%
            ),
            radial-gradient(
                ellipse 45% 60% at 100% 40%,
                rgba(181,131,31,.07),
                transparent 75%
            ),
            #D8C9AD !important;
    }

    .elementor-271 .elementor-element.elementor-element-f993506::after {
        left: 4%;
        right: 4%;
        top: 15px;
        bottom: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a3f92e */.lst-upcoming-events-inner {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    padding:
        105px 6% 55px;

    box-sizing: border-box;
}


/* =========================================================
   INTRO
========================================================= */

.lst-upcoming-intro {
    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    align-items: end;

    gap: 70px;
}


/* =========================================================
   EYEBROW
========================================================= */

.upcoming-eyebrow {
    display: block;

    margin-bottom: 18px;

    color: #D8B85A;

    font-family:
        Arial,
        sans-serif;

    font-size: 10px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 3.5px;
}


/* =========================================================
   HEADING
========================================================= */

.lst-upcoming-heading h2 {
    margin: 0;

    color: #FFF5DE;

    font-family:
        "Lora",
        Georgia,
        serif;

    font-size:
        clamp(58px, 7vw, 96px);

    line-height: .88;

    font-weight: 500;

    letter-spacing: -2.5px;
}

.lst-upcoming-heading h2 em {
    display: block;

    color: #D1A63A;

    font-style: italic;

    font-weight: 500;

    letter-spacing: -2px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.lst-upcoming-description {
    max-width: 440px;

    padding-bottom: 8px;
}


/* =========================================================
   GOLD RULE
========================================================= */

.upcoming-rule {
    display: flex;

    align-items: center;

    gap: 12px;

    width: 210px;

    margin-bottom: 22px;
}

.upcoming-rule span {
    display: block;

    height: 1px;

    flex: 1;

    background:
        linear-gradient(
            90deg,
            rgba(216,184,90,.12),
            rgba(216,184,90,.72)
        );
}

.upcoming-rule b {
    color: #D8B85A;

    font-size: 13px;

    line-height: 1;

    font-weight: 400;
}


/* =========================================================
   DESCRIPTION TEXT
========================================================= */

.lst-upcoming-description p {
    margin: 0;

    color: rgba(255,245,222,.78);

    font-family:
        "Lora",
        Georgia,
        serif;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   EVENT LABEL
========================================================= */

.lst-ticket-intro {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 70px;
}

.lst-ticket-intro span {
    flex: 0 0 auto;

    color: #D8B85A;

    font-family:
        Arial,
        sans-serif;

    font-size: 9px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 2.5px;
}

.lst-ticket-intro div {
    height: 1px;

    flex: 1;

    background:
        linear-gradient(
            90deg,
            rgba(216,184,90,.55),
            rgba(216,184,90,.08)
        );
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .lst-upcoming-events-inner {
        padding:
            85px 7% 45px;
    }

    .lst-upcoming-intro {
        grid-template-columns: 1fr;

        gap: 35px;

        align-items: start;
    }

    .lst-upcoming-description {
        max-width: 600px;
    }

    .lst-ticket-intro {
        margin-top: 55px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .lst-upcoming-events-inner {
        padding:
            70px 7% 38px;
    }

    .lst-upcoming-intro {
        gap: 30px;
    }

    .upcoming-eyebrow {
        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 2.5px;
    }

    .lst-upcoming-heading h2 {
        font-size:
            clamp(48px, 14vw, 68px);

        line-height: .92;

        letter-spacing: -1.5px;
    }

    .lst-upcoming-heading h2 em {
        letter-spacing: -1px;
    }

    .upcoming-rule {
        width: 175px;

        margin-bottom: 18px;
    }

    .lst-upcoming-description p {
        font-size: 14px;

        line-height: 1.75;
    }

    .lst-ticket-intro {
        gap: 12px;

        margin-top: 45px;
    }

    .lst-ticket-intro span {
        font-size: 8px;

        letter-spacing: 1.5px;
    }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width: 480px) {

    .lst-upcoming-events-inner {
        padding:
            60px 6% 32px;
    }

    .lst-upcoming-heading h2 {
        font-size: 46px;
    }

    .lst-upcoming-description p {
        font-size: 13px;
    }

    .lst-ticket-intro {
        margin-top: 38px;
    }

    .lst-ticket-intro span {
        font-size: 7px;

        letter-spacing: 1.2px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2966a13 */.elementor-271 .elementor-element.elementor-element-2966a13 { position: relative; overflow: hidden; /* THEATER SPOTLIGHTS */ background: radial-gradient( ellipse 38% 70% at 8% 0%, rgba(241, 215, 122, 0.16) 0%, rgba(212, 175, 55, 0.07) 28%, transparent 68% ), radial-gradient( ellipse 38% 70% at 92% 0%, rgba(241, 215, 122, 0.14) 0%, rgba(212, 175, 55, 0.06) 28%, transparent 68% ), radial-gradient( ellipse 65% 45% at 50% 35%, rgba(122, 16, 28, 0.45) 0%, transparent 72% ), #4A0710; } /* SUBTLE CENTER STAGE LIGHT */ .elementor-271 .elementor-element.elementor-element-2966a13::before { content: ""; position: absolute; inset: 0; background: radial-gradient( ellipse 25% 55% at 50% -10%, rgba(255, 232, 157, 0.08), transparent 70% ); pointer-events: none; } /* KEEP CONTENT ABOVE BACKGROUND */ .elementor-271 .elementor-element.elementor-element-2966a13 > .elementor-container, .elementor-271 .elementor-element.elementor-element-2966a13 > .e-con, .elementor-271 .elementor-element.elementor-element-2966a13 > .e-con-inner { position: relative; z-index: 2; }/* End custom CSS */