/* Cerritos Center for the Performing Arts - Site Only - Variable Overrides */

:root {
    --theme-alt-contrast: #000;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Links */

p a {
    text-decoration: none;
    font-weight: var(--font-weight-bold);
    color: var(--selected-nav-item);
}

p a:hover {
    text-decoration: underline;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Buttons */

.button--theme-alt.button--solid:hover {
    color: var(--theme-contrast) !important;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Lists */

.grid-item--text ul li, .grid-item--text ol li {
    margin-bottom: 10px;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Search Results */

.block.search-block, .block.search-results, .block.feed {
    background-color: var(--white);
}

.search-empty {
    opacity: 1;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Hero */

.hero {
    margin-top: min(80px, 6vh) !important;
    margin-right: min(240px, 10vw) !important;
    margin-bottom: min(20px, 2vh) !important;
    margin-left: min(240px, 10vw) !important;
}

@media (min-width: 769px) {
    .hero:before {
        content:"";
        background: url(/media/goibdw0c/purple-texture-background.png);
        background-size: cover;
        position: absolute;
        top: -80px;
        left: -240px;
        height: 100%;
        width: calc(100% + 480px);
        z-index: -1;
    }
}

@media (max-width: 768px) {
    .hero:before {
        content:"";
        background: url(/media/goibdw0c/purple-texture-background.png);
        background-size: cover;
        position: absolute;
        top: max(-80px, -6vh);
        left: max(-240px, -10vw);
        height: 100%;
        width: 100vw;
        z-index: -1;
    }
}

.hero > .hero__inner {
    top: 60px;
}

.hero .hero__background {
    border: 8px solid var(--white);
    transition: none !important;
    mask-image: linear-gradient(rgba(0,0,0,1) 70%, rgba(0,0,0,0.1) 90%);
    -webkit-mask-image: linear-gradient(rgba(0,0,0,1) 70%, rgba(0,0,0,0.1) 90%);
}

.hero .overlay {
    opacity: 1 !important;
    background: transparent;
    border: 8px solid var(--white);
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Breadcrumbs */

.breadcrumbs-block {
    padding: 5px 0 50px;
}

.breadcrumbs li {
    color: var(--selected-nav-item);
    font-size: 1.2rem !important;
}

.breadcrumbs [itemprop="itemListElement"]:last-child {
    color: var(--text-dark);
    font-weight: var(--font-weight-normal);
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Pod */

.grid-item--pod .pod__image {
    margin: 10px;
}

.grid-item--pod .pod__text .h5 {
    font-size: 1.7rem;
    line-height: 1.2;
}

.white-bg .grid-item--pod.grid-item--boxed {
    border: 1px solid transparent;
    background-color: var(--white);
    box-shadow: 0 22px 43px -20px rgb(0 0 0 / 15%);
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Image */

.grid-item--image figcaption {
    text-align: left;
    font-size: 1.0rem;
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Side Navigation */

[aria-label="Side"] .h6 {
    font-size: var(--font-size-h3);
}

[aria-label="Side"] .navigation a {
    color: var(--selected-nav-item);
    font-size: 1.0rem !important;
}

[aria-label="Side"] .navigation .selected > div a {
    color: var(--text-dark);
    font-weight: var(--font-weight-normal);
}

.navigation ul ul {
    border-left: 2px solid rgba(0, 0, 0, 0.15);
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Side Navigation */

.grid-item--text .contactInfo {
    font-size: var(--font-size-h3);
}

/* Cerritos Center for the Performing Arts - Site Only - General Styles Line Break */

@media (min-width: 993px) {
    .line-break.line-break--divider {
        display: flex;
        justify-content: center;
        margin-bottom: 2.4em;
    }
}

@media (max-width: 992px) {
    .line-break.line-break--divider {
        display: flex;
        justify-content: center;
        margin-bottom: 0.9em;
    }
}

.line-break.line-break--divider::after {
    content: "";
    position: relative;
    left: 0;
    top: 50%;
    width: 40px;
    height: 4px;
    background-color: var(--theme-alt);
}

/* Cerritos Center for the Performing Arts - Site Only - 404 Page */

.interiorPage__search {
    position: relative;
    width: 80%;
}

@media (max-width: 992px) {
    .interiorPage__search {
        width: 100%;
    }
}

.interiorPage__search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 10%;
    border-radius: 0 4px 4px 0;
    font-size: 133%;
    color: var(--theme-alt);
    background-color: var(--theme);
    transition: all 0.3s ease;
}

/* Cerritos Center for the Performing Arts - Site Only - Header Styling */

.pre-top {
    height: 40px !important;
    background-color: var(--theme);
    font-size: 1.0rem;
}

.pre-top .container-fluid, .pre-top .row, .pre-top .col-100, .pre-top .pre-top__inner {
    height: inherit;
}

.pre-top .pre-top__list li {
    line-height: 40px;
}

.pre-top a {
    color: var(--text-light);
}

.pre-top i {
    transition: all 0.3s ease;
}

.pre-top .pre-top__list li:hover, .pre-top .pre-top__list li:focus, .pre-top .pre-top__list li:hover a, .pre-top .pre-top__list a:focus, .pre-top .pre-top__list li:hover a i, .pre-top .pre-top__list a:focus i {
    color: var(--theme-alt) !important;
    opacity: 1;
    transition: all 0.3s ease;
}

.top {
    height: var(--header-height) !important;
    position: sticky !important;
}

@media (min-width: 993px) {
    .top .logo {
        padding-bottom: 20px;
    }
    .top__middle .main-nav .main-nav__ul--second > .main-nav__li > .main-nav__a {
        height: 1.1rem;
        text-align: left;
        white-space: nowrap;
    }
    .top__middle .main-nav .main-nav__ul--first > .main-nav__li.selected > .main-nav__a:after {
        content: "";
        position: absolute;
        display: flex;
        top: 70%;
        left: 40%;
        width: 20%;
        border-bottom: 2px solid var(--theme-alt);
    }
    .top__middle .main-nav .main-nav__a .fa-chevron-down {
        display: none;
    }
}

@media (max-width: 992px) {
    .top-nav-mobile .main-nav__a .pre-top__icon {
        color: var(--heading-dark) !important;
    }
    .top-nav-mobile .main-nav__a[href*="facebook"] .pre-top__icon:after {
        content: "Facebook";
        color: var(--heading-dark);
        padding: 15px var(--grid-gutter);
        line-height: 1;
        font-size: var(--navigation-font-size);
        font-weight: var(--navigation-font-weight);
    }
    .top-nav-mobile .main-nav__a[href*="twitter"] .pre-top__icon:after {
        content: "Twitter";
        color: var(--heading-dark);
        padding: 15px var(--grid-gutter);
        line-height: 1;
        font-size: var(--navigation-font-size);
        font-weight: var(--navigation-font-weight);
    }
    .top-nav-mobile .main-nav__a[href*="youtube"] .pre-top__icon:after {
        content: "YouTube";
        color: var(--heading-dark);
        padding: 15px var(--grid-gutter);
        line-height: 1;
        font-size: var(--navigation-font-size);
        font-weight: var(--navigation-font-weight);
    }
}

/* Cerritos Center for the Performing Arts - Site Only - Homepage Banner */

#homepageBanner {
    padding-top: min(100px, 7vh);
    padding-right: min(100px, 10vw);
    padding-bottom: min(100px, 7vh);
    padding-left: min(100px, 10vw);
    background-image: url(/media/goibdw0c/purple-texture-background.png);
    background-size: cover;
}

#homepageBanner .flickity-viewport {
    outline: 8px solid var(--white);
}

#homepageBanner .hero {
    margin: 0 !important;
    padding: 0;
}

#homepageBanner .hero:before {
    content: none;
}

#homepageBanner .hero > .hero__inner > .container {
    margin: 0;
}

#homepageBanner .hero > .hero__inner {
    top: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: baseline;
    padding-bottom: var(--grid-gutter-half);
}

#homepageBanner .hero > .hero__inner h1, #homepageBanner .hero > .hero__inner h2 {
    line-height: 1.1;
}

#homepageBanner .hero .hero__inner .hero__inner[class*='col-'] {
    display: grid;
}

@media (min-width: 993px) {
    #homepageBanner .hero .hero__inner .pre-head {
        grid-column: 1;
        grid-row: 1 / span 3;
        width: min-content;
        padding: calc(var(--grid-gutter) + 20%) var(--grid-gutter);
        margin: 0;
        border-right: 2px solid rgba(255, 255, 255, 0.25);
        align-self: center;
        line-break: auto;
        text-align: center;
        text-transform: none;
        font-size: 2.25rem;
        letter-spacing: 0.05em;
        font-weight: 500;
        line-height: 1.2;
        opacity: 1;
        color: var(--theme-alt);
    }
    #homepageBanner .hero .hero__inner div:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        margin: 0 var(--grid-gutter);
    }
    #homepageBanner .hero .hero__inner .hero__text {
        grid-column: 2;
        grid-row: 2;
        margin: 0 var(--grid-gutter);
    }
    #homepageBanner .hero .hero__inner .button-wrap {
        grid-column: 2;
        grid-row: 3;
        margin: 0 var(--grid-gutter);
    }
}

@media (max-width: 992px) {
    #homepageBanner .hero .hero__inner .pre-head {
        grid-column: 1;
        grid-row: 1;
        width: min-content;
        padding: var(--grid-gutter);
        margin: var(--grid-gutter);
        border-bottom: 2px solid rgba(255, 255, 255, 0.25);
        align-self: center;
        line-break: auto;
        text-align: center;
        text-transform: none;
        font-size: 2.25rem;
        letter-spacing: 0.05em;
        font-weight: var(--font-weight-bold);
        line-height: 1.2;
        opacity: 1;
        color: var(--text-light);
    }
    #homepageBanner .hero .hero__inner div:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
        margin: 0 var(--grid-gutter);
    }
    #homepageBanner .hero .hero__inner .hero__text {
        grid-column: 1;
        grid-row: 3;
        margin: 0 var(--grid-gutter);
    }
    #homepageBanner .hero .hero__inner .button-wrap {
        grid-column: 1;
        grid-row: 4;
        margin: 0 var(--grid-gutter);
    }
}

#homepageBanner .flickity-page-dots {
    position: relative;
    margin: auto;
    top: 35px;
}

#homepageBanner .flickity-page-dots .dot {
    background: var(--white);
}

#homepageBanner + .autoplay-pause-button-js {
    height: 25px !important;
    width: 25px !important;
}

#homepageBanner + .autoplay-pause-button-js .icon-pause {
    height: 15.5px !important;
    width: 15.5px !important;
}

#homepageBanner + .autoplay-pause-button-js .icon-play {
    height: 15.5px !important;
    width: 15.5px !important;
}

#homepageBanner .hero .hero__background {
    border: none;
    mask-image: linear-gradient(rgba(0,0,0,1) 40%, rgba(0,0,0,0.1) 70%);
    -webkit-mask-image: linear-gradient(rgba(0,0,0,1) 40%, rgba(0,0,0,0.1) 70%);
}

/* Cerritos Center for the Performing Arts - Site Only - Homepage Upcoming Performances */

#homepagePerformances .grid-item--header div:after {
    content: "";
    position: relative;
    display: inline-block;
    bottom: -8px;
    width: 40px;
    border-bottom: 4px solid var(--theme-alt);
}

#homepagePerformances .grid-item--header > div h1, #homepagePerformances .grid-item--header > div h2, #homepagePerformances .grid-item--header > div h3, #homepagePerformances .grid-item--header > div h4, #homepagePerformances .grid-item--header > div h5, #homepagePerformances .grid-item--header > div h6 {
    margin-bottom: 0.193em;
}

#homepagePerformances .slider .flickity-prev-next-button.previous {
    left: -60px;
}

#homepagePerformances .slider .flickity-prev-next-button.next {
    right: -60px;
}

#homepagePerformances .row--flat .sub-grid > [class*='col-'] {
    padding: 0 20px 50px !important;
}

#homepagePerformances .grid-item--pod {
    border: 1px solid transparent;
    background-color: var(--white);
    box-shadow: 0 22px 43px -20px rgb(0 0 0 / 15%);
}

#homepagePerformances .grid-item--pod .pod__image {
    margin: 10px;
    max-height: 451px;
}

#homepagePerformances .grid-item--pod .pod__text {
    display: grid;
}

#homepagePerformances .grid-item--pod .pod__text:first-child {
    grid-column: 1;
    grid-row: 2;
}

#homepagePerformances .grid-item--pod .pod__text .h5 {
    font-size: 1.7rem;
    line-height: 1.2;
}

#homepagePerformances .grid-item--pod .pod__text p {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0.5em;
    font-weight: 600;
    text-transform: uppercase;
}

#homepagePerformances .grid-item--pod .pod__text .button-wrap {
    grid-column: 1;
    grid-row: 3;
}

#homepagePerformances .autoplay-pause-button-js {
    display: none;
}

#homepagePerformances .grid-item--button .button-wrap a {
    text-decoration: none !important;
    font-size: 1.1rem;
    letter-spacing: 0;
}

/* Cerritos Center for the Performing Arts - Site Only - Homepage Gallery */

@media (min-width: 769px) {
    #homepageGallery [class*="card--25"] .card__text, #homepageGallery [class*="card--30"] .card__text, #homepageGallery [class*="card--35"] .card__text, #homepageGallery [class*="card--40"] .card__text, #homepageGallery [class*="card--45"] .card__text, #homepageGallery [class*="card--50"] .card__text {
        border-top: 5px solid var(--white);
        border-right: 10px solid var(--white);
        border-left: 10px solid var(--white);
        border-bottom: 5px solid var(--white);
    }
    #homepageGallery [class*="card--55"] .card__text, #homepageGallery [class*="card--60"] .card__text, #homepageGallery [class*="card--65"] .card__text, #homepageGallery [class*="card--70"] .card__text, #homepageGallery [class*="card--75"] .card__text, #homepageGallery [class*="card--80"] .card__text, #homepageGallery [class*="card--85"] .card__text, #homepageGallery [class*="card--90"] .card__text, #homepageGallery [class*="card--95"] .card__text, #homepageGallery [class*="card--100"] .card__text {
        border-top: 5px solid var(--white);
        border-bottom: 5px solid var(--white);
    }
}

@media (max-width: 768px) {
    #homepageGallery .row > [class*="col-"] {
        margin-bottom: 0;
    }
    #homepageGallery .grid-item--card {
        border-right: 5px solid var(--white);
        border-left: 5px solid var(--white);
        border-bottom: 5px solid var(--white);
    }
    #homepageGallery .grid-item--card a {
        min-height: 30vh;
        height: 30vh;
    }
}

#homepageGallery .card__text .card__header {
    font-size: 2.25rem;
}

/* Cerritos Center for the Performing Arts - Site Only - Homepage Sponsors */

#homepageSponsors {
    padding-top: 80px;
    padding-bottom: 80px;
}

#homepageSponsors .block__header div:after {
    content: "";
    position: relative;
    display: inline-block;
    bottom: -8px;
    width: 40px;
    border-bottom: 4px solid var(--theme-alt);
}

#homepageSponsors .block__header h1, #homepageSponsors .block__header h2,#homepageSponsors .block__header h3, #homepageSponsors .block__header h4, #homepageSponsors .block__header h5, #homepageSponsors .block__header h6 {
    margin-bottom: 0.193em;
}

#homepageSponsors .logos li {
    padding: 30px;
}

/* Cerritos Center for the Performing Arts - Site Only - Contact Us */

@media (min-width: 769px) {
    #homepageContactUs .grid-item--pod {
        padding: 50px 5px 25px;
    }
    #homepageContactUs .grid-item--image {
        padding: 100px;
    }
}

@media (max-width: 768px) {
    #homepageContactUs .grid-item--pod {
        padding: 10px 5px;
    }
    #homepageContactUs .grid-item--image {
        padding: 50px;
    }
}

#homepageContactUs .h5 {
    margin: 0;
    font-size: var(--font-size-h5);
    line-height: var(--heading-line-height);
}

#homepageContactUs a {
    color: #D6A994;
    text-decoration: none;
    font-weight: var(--font-weight-bold);
}

#homepageContactUs a:hover, #homepageContactUs a:focus {
    color: var(--white);
    text-decoration: underline;
}

/* Cerritos Center for the Performing Arts - Site Only - Footer */

.footer {
    background-color: var(--background-light) !important;
}

.footer-item {
    color: var(--text-dark);
}

.footer .footer-item--links .h6 {
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold);
}

.footer .footer-item--links .navigation ul li a {
    font-size: 1.0rem;
    line-height: 1.5em;
    font-weight: var(--font-weight-normal);
}

@media (max-width: 768px) {
    .footer-item--links .navigation {
        text-align: center;
    }
}

@media (min-width: 769px) {
    .footer .footer-item--logos, .footer .footer-item--logos ul {
        margin: 30px 0;
    }
}

@media (min-width: 769px) {
    .footer .footer-item--social-links {
        margin: 70px 0;
    }
}

.footer .row > [class*="col-"]:last-child .footer-item--links .navigation ul {
    display: flex;
    flex-direction: row-reverse;
}

.footer .row > [class*="col-"]:last-child .footer-item--links .navigation ul a {
    padding: 10px;
}