@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


#app {
    --secondary-font: "Ubuntu", sans-serif;
    --section-heading-font-size: 96px;
    --section-subheading-font-size: 80px;
    --section-desc-font-size: 24px;
    --section-desc-line-height: 1.5;
    --text-stroke-width: 2px;

    @media (max-width: 1499px) {
        --section-heading-font-size: 72px;
        --section-subheading-font-size: 60px;
        --section-desc-font-size: 20px;
    }

    @media (max-width: 1199px) {
        --section-heading-font-size: 64px;
        --section-subheading-font-size: 50px;
        --section-desc-font-size: 18px;
        --text-stroke-width: 1px;
    }

    @media (max-width: 959px) {
        --section-heading-font-size: 50px;
        --section-subheading-font-size: 40px;
        --section-desc-font-size: 17px;
    }

    @media (max-width: 767px) {
        --section-heading-font-size: 40px;
        --section-subheading-font-size: 32px;
        --section-desc-font-size: 16px;
    }

    @media (max-width: 599px) {
        --section-heading-font-size: 36px;
        --section-subheading-font-size: 28px;
        --section-desc-font-size: 15px;
    }

    .see-all-container.see-all-top {
        .header-slot-container {
            margin-left: auto;
            margin-right: auto;
            text-transform: unset;

            h2 {
                font-family: var(--secondary-font);
                font-size: var(--section-heading-font-size);
                line-height: 1;
                padding-left: 10%;
            }

            .header-top {
                font-size: var(--section-subheading-font-size);
                line-height: 1;
                margin-bottom: -.5em;
            }

            .header-bottom {
                line-height: 1;
                padding-left: .25em;
            }

            .intro {
                margin-top: 25px;
                font-size: var(--section-desc-font-size);
                line-height: var(--section-desc-line-height);

                p {
                    font-size: inherit;
                    text-align: center;
                }
            }
        }
    }

    .see-all-button {
        border-radius: 2em;
        transition: all .25s linear;
        flex-grow: unset;

        @media (max-width: 1199px) {
            font-size: 16px;
            padding-left: 1.5em;
            padding-right: 1.5em;
        }
    }
}


/* -------------------------------------- */
/* ------------ START HEADER ------------ */
/* -------------------------------------- */

#cms-header {
    @media (min-width: 1024px) {
        --search-button-width: 135px;
        --utility-menu-vertical-spacing: 12px;
        --utility-menu-min-height: 60px;
        --logo-height: 115px;
        --header-side-padding: 40px;
        --menu-item-side-padding: 18px;
        --menu-item-font-size: 16px;
        --utility-items-spacing: 25px;

        @media (max-width: 1499px) {
            --menu-item-side-padding: 14px;
            --logo-height: 95px;
            --utility-items-spacing: 20px;
            --header-side-padding: 30px;
        }

        @media (max-width: 1199px) {
            --menu-item-side-padding: 10px;
            --menu-item-font-size: 14px;
            --utility-items-spacing: 15px;
            --header-side-padding: 20px;
            --logo-height: 80px;
        }

        .header-bar-wrapper {
            border-top: none !important;
            position: relative;
            background: none;
            isolation: isolate;

            &:after {
                content: '';
                display: block;
                background: linear-gradient(180deg, var(--bg-color) 4.33%, rgba(255, 255, 255, 0.70) 36.06%, rgba(255, 255, 255, 0.50) 68.03%, rgba(255, 255, 255, 0.21) 84.01%, rgba(255, 255, 255, 0.00) 100%);
                position: absolute;
                width: 100%;
                height: 135%;
                top: 0;
                left: 0;
                z-index: -1;
            }
        }

        #h3 {

            .custom-section.header-bar.is-not-in-cms {
                --header-bar-bg-color: transparent;
                --header-bar-text-color: var(--utility-link-color);
                --icon-size: 1.25em;
                position: static;
                padding-left: 15px;

                &:before {
                    display: none;
                }

                .container {
                    padding: 0;
                }

                .links-with-icons-wrapper {
                    .icon {
                        svg {
                            fill: currentColor;
                        }
                    }

                    .link {
                        font-size: var(--menu-item-font-size);
                        font-weight: 700;

                        a {
                            font-weight: inherit;
                            font-size: inherit;
                        }
                    }
                }
            }

            .utility-menu {
                padding: var(--utility-menu-vertical-spacing) var(--header-side-padding) 0 var(--header-side-padding);

                .logo {
                    height: var(--logo-height);
                }

                .school-info {
                    .name {
                        padding-top: unset;

                        .org-name {
                            font-size: 28px;
                            font-weight: 700;
                            font-family: var(--secondary-font);
                            line-height: 1.4;
                            column-gap: var(--utility-items-spacing);

                            @media (max-width: 1499px) {
                                font-size: 22px;
                            }

                            @media (max-width: 1199px) {
                                font-size: 18px;
                            }
                        }
                    }
                }

                .utilities-bar {
                    min-height: var(--utility-menu-min-height);
                    padding-right: var(--search-button-width);
                }

                .translate-button {
                    display: flex;
                    align-items: center;

                    .translate-text {
                        font-weight: 700;
                        font-size: var(--menu-item-font-size);
                    }

                    svg {
                        display: none;
                    }

                    &:after {
                        content: '';
                        display: block;
                        width: 1em;
                        height: 1em;
                        background-color: var(--utility-link-color);
                        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.98976 13.7142C8.54987 14.4762 7.45016 14.4762 7.01026 13.7142L1.07181 3.42852C0.631925 2.66661 1.18179 1.71423 2.06156 1.71423L13.9385 1.71423C14.8183 1.71423 15.3681 2.66662 14.9282 3.42852L8.98976 13.7142Z' fill='%23013474'/%3E%3C/svg%3E");
                        mask-size: contain;
                        mask-repeat: no-repeat;
                        mask-position: center;
                        transition: transform .25s linear;
                    }

                    &:has(svg.open) {
                        &:after {
                            transform: rotate(180deg);
                        }
                    }
                }

                #languagesmenu {
                    top: 100%;
                }
            }
        }

        #searchbutton {
            position: absolute;
            right: var(--header-side-padding);
            top: var(--utility-menu-vertical-spacing);
            min-height: var(--logo-height);
            z-index: 23;
            outline: none !important;
            display: flex;
            align-items: center;
            color: var(--icon-color);
            margin-right: unset;

            .button-action-content {
                svg {
                    display: none;
                }
            }

            &:before {
                content: '';
                display: block;
                width: 1.25em;
                height: 1.25em;
                margin-right: 0.4em;
                background-color: currentColor;
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.375 14.2188C15.4583 14.3021 15.5 14.3854 15.5 14.4688C15.5 14.5521 15.4583 14.6354 15.375 14.7188L14.7188 15.3594C14.6354 15.4531 14.5521 15.5 14.4688 15.5C14.3854 15.5 14.3021 15.4531 14.2188 15.3594L10.6875 11.8281C10.6458 11.7865 10.6146 11.7474 10.5938 11.7109C10.5729 11.6745 10.5625 11.6354 10.5625 11.5938V11.1875C9.98958 11.6771 9.3724 12.0469 8.71094 12.2969C8.04948 12.5469 7.34375 12.6719 6.59375 12.6719C5.75 12.6719 4.96875 12.5234 4.25 12.2266C3.53125 11.9297 2.875 11.4844 2.28125 10.8906C1.6875 10.2969 1.24219 9.64062 0.945312 8.92188C0.648438 8.20312 0.5 7.42708 0.5 6.59375C0.5 5.75 0.648438 4.96875 0.945312 4.25C1.24219 3.53125 1.6875 2.875 2.28125 2.28125C2.875 1.6875 3.53125 1.24219 4.25 0.945312C4.96875 0.648438 5.75 0.5 6.59375 0.5C7.42708 0.5 8.20312 0.648438 8.92188 0.945312C9.64062 1.24219 10.2969 1.6875 10.8906 2.28125C11.4844 2.875 11.9297 3.53125 12.2266 4.25C12.5234 4.96875 12.6719 5.75 12.6719 6.59375C12.6719 7.34375 12.5469 8.04948 12.2969 8.71094C12.0469 9.3724 11.6771 9.98958 11.1875 10.5625H11.5938C11.6458 10.5625 11.6901 10.5729 11.7266 10.5938C11.763 10.6146 11.7969 10.6458 11.8281 10.6875L15.375 14.2188ZM3.28125 9.89062C3.73958 10.349 4.24479 10.6927 4.79688 10.9219C5.34896 11.151 5.94792 11.2656 6.59375 11.2656C7.22917 11.2656 7.82292 11.151 8.375 10.9219C8.92708 10.6927 9.43229 10.349 9.89062 9.89062C10.349 9.43229 10.6927 8.92708 10.9219 8.375C11.151 7.82292 11.2656 7.22917 11.2656 6.59375C11.2656 5.94792 11.151 5.34896 10.9219 4.79688C10.6927 4.24479 10.349 3.73958 9.89062 3.28125C9.43229 2.82292 8.92708 2.47917 8.375 2.25C7.82292 2.02083 7.22917 1.90625 6.59375 1.90625C5.94792 1.90625 5.34896 2.02083 4.79688 2.25C4.24479 2.47917 3.73958 2.82292 3.28125 3.28125C2.82292 3.73958 2.47917 4.24479 2.25 4.79688C2.02083 5.34896 1.90625 5.94792 1.90625 6.59375C1.90625 7.22917 2.02083 7.82292 2.25 8.375C2.47917 8.92708 2.82292 9.43229 3.28125 9.89062ZM6.59375 0C6.14583 0 5.70833 0.041667 5.28125 0.125C4.86458 0.208333 4.46094 0.330729 4.07031 0.492188C3.67969 0.653646 3.30208 0.854167 2.9375 1.09375C2.58333 1.33333 2.25 1.61458 1.9375 1.9375C1.61458 2.25 1.33333 2.58333 1.09375 2.9375C0.854167 3.30208 0.653646 3.67969 0.492188 4.07031C0.330729 4.46094 0.208333 4.86458 0.125 5.28125C0.0416667 5.70833 0 6.14583 0 6.59375C0 7.04167 0.0416667 7.47396 0.125 7.89062C0.208333 8.31771 0.330729 8.72656 0.492188 9.11719C0.653646 9.50781 0.854167 9.88021 1.09375 10.2344C1.33333 10.5885 1.61458 10.9271 1.9375 11.25C2.25 11.5625 2.58333 11.8385 2.9375 12.0781C3.30208 12.3177 3.67969 12.5182 4.07031 12.6797C4.46094 12.8411 4.86458 12.9635 5.28125 13.0469C5.70833 13.1302 6.14583 13.1719 6.59375 13.1719C7.26042 13.1719 7.89583 13.0625 8.5 12.8438C9.10417 12.625 9.68229 12.3281 10.2344 11.9531C10.2552 11.9948 10.2708 12.0365 10.2812 12.0781C10.2917 12.1198 10.3073 12.151 10.3281 12.1719L13.8594 15.7031C13.9219 15.776 14.0078 15.8438 14.1172 15.9062C14.2266 15.9688 14.3438 16 14.4688 16C14.5938 16 14.7083 15.9714 14.8125 15.9141C14.9167 15.8568 15.0052 15.7917 15.0781 15.7188L15.7188 15.0781C15.7917 15.0052 15.8568 14.9167 15.9141 14.8125C15.9714 14.7083 16 14.5938 16 14.4688C16 14.3438 15.9714 14.2318 15.9141 14.1328C15.8568 14.0339 15.7917 13.9479 15.7188 13.875L15.0312 14.5781C15.0312 14.5781 15.026 14.5703 15.0156 14.5547C15.0052 14.5391 15 14.5104 15 14.4688C15 14.4167 15.0052 14.3828 15.0156 14.3672C15.026 14.3516 15.026 14.3542 15.0156 14.375L14.9375 14.4531L12.2031 10.375C12.1823 10.3438 12.1458 10.3203 12.0938 10.3047C12.0417 10.2891 11.9948 10.2708 11.9531 10.25C12.3281 9.69792 12.625 9.11979 12.8438 8.51562C13.0625 7.91146 13.1719 7.27083 13.1719 6.59375C13.1719 6.14583 13.1302 5.70833 13.0469 5.28125C12.9635 4.86458 12.8411 4.46094 12.6797 4.07031C12.5182 3.67969 12.3177 3.30208 12.0781 2.9375C11.8385 2.58333 11.5625 2.25 11.25 1.9375C10.9271 1.61458 10.5885 1.33333 10.2344 1.09375C9.88021 0.854167 9.50781 0.653646 9.11719 0.492188C8.72656 0.330729 8.31771 0.208333 7.89062 0.125C7.47396 0.041667 7.04167 0 6.59375 0ZM6.59375 1C7.375 1 8.08854 1.13542 8.73438 1.40625C9.38021 1.67708 9.97917 2.08854 10.5312 2.64062C11.0833 3.19271 11.4948 3.79427 11.7656 4.44531C12.0365 5.09635 12.1719 5.8125 12.1719 6.59375C12.1719 7.28125 12.0599 7.92708 11.8359 8.53125C11.612 9.13542 11.2656 9.70312 10.7969 10.2344L10.5469 10.5469L10.2344 10.7969C9.70312 11.2656 9.13542 11.612 8.53125 11.8359C7.92708 12.0599 7.28125 12.1719 6.59375 12.1719C5.8125 12.1719 5.09635 12.0365 4.44531 11.7656C3.79427 11.4948 3.19271 11.0833 2.64062 10.5312C2.08854 9.97917 1.67708 9.3776 1.40625 8.72656C1.13542 8.07552 1 7.36458 1 6.59375C1 5.8125 1.13542 5.09635 1.40625 4.44531C1.67708 3.79427 2.08854 3.19271 2.64062 2.64062C3.19271 2.08854 3.79427 1.67708 4.44531 1.40625C5.09635 1.13542 5.8125 1 6.59375 1ZM6.59375 1.40625C5.88542 1.40625 5.22135 1.53385 4.60156 1.78906C3.98177 2.04427 3.42188 2.42188 2.92188 2.92188C2.42188 3.42188 2.04427 3.98177 1.78906 4.60156C1.53385 5.22135 1.40625 5.88542 1.40625 6.59375C1.40625 7.29167 1.53385 7.95052 1.78906 8.57031C2.04427 9.1901 2.42188 9.75 2.92188 10.25C3.42188 10.75 3.98177 11.1276 4.60156 11.3828C5.22135 11.638 5.88542 11.7656 6.59375 11.7656C7.29167 11.7656 7.95052 11.638 8.57031 11.3828C9.1901 11.1276 9.75 10.75 10.25 10.25C10.75 9.75 11.1276 9.1901 11.3828 8.57031C11.638 7.95052 11.7656 7.29167 11.7656 6.59375C11.7656 5.88542 11.638 5.22135 11.3828 4.60156C11.1276 3.98177 10.75 3.42188 10.25 2.92188C9.75 2.42188 9.1901 2.04427 8.57031 1.78906C7.95052 1.53385 7.29167 1.40625 6.59375 1.40625ZM6.59375 2.40625C7.17708 2.40625 7.71094 2.50781 8.19531 2.71094C8.67969 2.91406 9.13021 3.22396 9.54688 3.64062C9.96354 4.05729 10.2708 4.50781 10.4688 4.99219C10.6667 5.47656 10.7656 6.01042 10.7656 6.59375C10.7656 7.17708 10.6667 7.71094 10.4688 8.19531C10.2708 8.67969 9.96354 9.13021 9.54688 9.54688C9.13021 9.96354 8.67969 10.2708 8.19531 10.4688C7.71094 10.6667 7.17708 10.7656 6.59375 10.7656C6.01042 10.7656 5.47656 10.6667 4.99219 10.4688C4.50781 10.2708 4.05729 9.96354 3.64062 9.54688C3.22396 9.13021 2.91406 8.67969 2.71094 8.19531C2.50781 7.71094 2.40625 7.17708 2.40625 6.59375C2.40625 6.01042 2.50781 5.47656 2.71094 4.99219C2.91406 4.50781 3.22396 4.05729 3.64062 3.64062C4.05729 3.22396 4.50781 2.91406 4.99219 2.71094C5.47656 2.50781 6.01042 2.40625 6.59375 2.40625ZM11.0625 11.0625H11.5L14.9062 14.4688L14.4688 14.9062L11.0625 11.5V11.0625Z' fill='%23013474'/%3E%3C/svg%3E");
                mask-size: contain;
                mask-repeat: no-repeat;
                mask-position: center;
            }

            &:after {
                content: 'Find It Fast';
                font-weight: 700;
                font-size: var(--menu-item-font-size);
            }
        }

        #m5 {
            --bg-color: transparent !important;
            margin-right: calc(var(--header-side-padding) - var(--menu-item-side-padding));
            margin-left: var(--header-side-padding);

            #explore-button {
                display: none;
            }

            .bar-nav-menu-bar {
                justify-content: flex-end;
                padding-right: unset;

                .bar-menu-item {
                    padding: 5px var(--menu-item-side-padding);
                    font-size: var(--menu-item-font-size);

                    .menu-item-text {
                        text-transform: unset;
                        font-weight: 700;
                        font-size: inherit;
                    }
                }
            }
        }
    }
}

/* -------------------------------------- */
/* ------------ END HEADER -------------- */
/* -------------------------------------- */


/* -------------------------------------- */
/* ------------ START GALLERY ----------- */
/* -------------------------------------- */

#cms-gallery {
    @media (min-width: 1024px) {
        #g2 {
            --image-height: 56vw !important;

            .slide {
                .text {
                    bottom: unset;
                    position: absolute;
                    top: 50%;
                    transform: translate(0, -30%);
                    background: transparent !important;
                    overflow: unset;
                    isolation: isolate;
                    left: 5%;

                    .title {
                        margin-left: unset;
                        margin-right: unset;
                        line-height: 1;
                        position: relative;
                        text-shadow: 3px 3px var(--button-bg-color);
                        font-size: 180px;
                        font-family: var(--secondary-font);

                        @media (max-width: 1699px) {
                            font-size: 150px;
                        }

                        @media (max-width: 1499px) {
                            font-size: 125px;
                        }

                        @media (max-width: 1199px) {
                            font-size: 80px;
                        }

                        h1 {
                            font-size: 1em;
                        }

                        h2 {
                            font-size: .8em;
                        }

                        h3 {
                            font-size: .65em;
                        }

                        &:after {
                            content: '';
                            position: absolute;
                            top: 50%;
                            left: 0;
                            transform: translate(-35%, -50%);
                            display: block;
                            width: 175%;
                            height: 175%;
                            background: radial-gradient(50% 50% at 50% 50%, var(--button-bg-color) 0%, color-mix(in srgb, var(--button-bg-color), transparent 50%) 66.83%, rgba(1, 52, 116, 0.00) 100%);
                            z-index: -1;
                            transition: all .5s linear;
                        }

                        &:hover {
                            &:after {
                                width: 225%;
                                height: 225%;
                            }
                        }
                    }

                }
            }

            .pause.button-action,
            .play.button-action {
                z-index: 10;
                left: unset;
                right: 40px;
            }
        }
    }
}

/* -------------------------------------- */
/* ------------- END GALLERY ------------ */
/* -------------------------------------- */


/* -------------------------------------- */
/* ------------ START Buttons ----------- */
/* -------------------------------------- */

#buttons-b2 {
    .wrapper {
        .button-link {
            transition: all .25s linear;

            span {
                font-weight: 700;
            }
        }
    }
}

/* -------------------------------------- */
/* ------------- END Buttons ------------ */
/* -------------------------------------- */



/* -------------------------------------- */
/* ---------- START Highlights ---------- */
/* -------------------------------------- */

.highlights-arkansas {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 50px;
    overflow: clip;
    position: relative;
    --title-color: var(--primary-color);
    --subtitle-color: var(--primary-color);
    --shadow-text-color: var(--primary-color);


    &:after {
        content: '';
        display: block;
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image: url(https://cmsv2-shared-assets.apptegy.net/Schools/Arkansas-Lighthouse-Academies-1331/img/lighthouse.png);
        background-size: auto 80vh;
        background-position: bottom 0 right 5%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        opacity: .2;
    }


    .highlight-item {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        flex-wrap: wrap;
        margin-bottom: 80px;
        height: 100vh;

        @media (max-width: 599px) {
            height: auto;
        }

        .highlight-item__l {
            width: 45%;

            @media (max-width: 1199px) {
                width: 48%;
            }

            @media (max-width: 599px) {
                width: 100%;
            }

            .highlight-item-image {
                aspect-ratio: 13/10;
                width: auto;
                position: sticky;
                width: 100%;
                top: 0;
                /* top: 50%; */
                /* transform: translate(0, -50%); */

                &:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 16px;
                    left: 16px;
                    background-color: var(--secondary-color);
                    z-index: -1;
                }

                img {
                    aspect-ratio: inherit !important;
                    object-fit: cover;
                    width: 100% !important;
                }
            }
        }

        .highlight-item__r {
            width: 48%;
            display: flex;
            flex-direction: column;
            justify-content: center;

            @media (max-width: 599px) {
                width: 100%;
                margin-top: 60px;
            }

            .highlight-item-title {
                font-size: var(--section-heading-font-size);
                font-weight: 700;
                font-family: var(--secondary-font);
                color: var(--subtitle-color, var(--primary-color));
                line-height: 1;
                line-height: 1;
                z-index: 9;
            }

            .highlight-item-subtitle {
                font-size: var(--section-subheading-font-size);
                font-weight: 700;
                font-family: var(--secondary-font);
                color: var(--title-color, var(--primary-color));
                line-height: 1;
            }

            .highlight-item-description {
                background-color: var(--description-color, var(--secondary-color));
                width: 90%;
                margin-left: 10%;
                font-size: 24px;
                line-height: 1.4;
                padding: 1.75em 2.5em;
                margin-top: -1em;

                @media (max-width: 1499px) {
                    font-size: 20px;
                }

                @media (max-width: 1199px) {
                    font-size: 16px;
                    padding: 1.25em 1.5em;
                }

                @media (max-width: 767px) {
                    font-size: 15px;
                }
            }
        }
    }
}

/* -------------------------------------- */
/* ----------- END Highlights ----------- */
/* -------------------------------------- */



/* -------------------------------------- */
/* ------------ START Programs ---------- */
/* -------------------------------------- */

#home .custom-programs-section-v10 {

    --section-top-monterrey-title-color: var(--primary-color);

    /* Section top intro text color */
    --intro-text-color: var(--primary-color);

    /* Program background color */
    --program-bg-color: var(--secondary-color);

    /* Program title color */
    --program-title-color: var(--secondary-color-contrast);

    /* Program text color */
    --program-text-color: var(--secondary-color-contrast);

    /* Program read more link color */
    --program-read-more-color: var(--secondary-color-contrast);

    /* Programs slider arrows background color */
    --slider-arrows-bg-color: var(--primary-color);

    /* Programs slider arrows color */
    --slider-arrows-color: var(--primary-color-contrast);

    --shadow-text-color: var(--primary-color);

    position: relative;
    isolation: isolate;
    overflow: clip;

    &:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 63%;
        top: 0;
        left: 0;
        background: var(--Light-Blue, linear-gradient(98deg, #87BBE4 0%, #B4D4EE 41.35%, #CBE1F3 100%));
        background: linear-gradient(98deg, color-mix(in srgb, var(--secondary-color), transparent 20%) 0%, color-mix(in srgb, var(--secondary-color), transparent 40%) 41.35%, color-mix(in srgb, var(--secondary-color), transparent 70%) 100%);
        z-index: -1;
    }

    .see-all-container.see-all-top {
        .header-slot-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        h2 {
            padding-left: unset;
            display: inline-flex;
            flex-direction: column;

            .header-top {
                font-size: var(--section-subheading-font-size) !important;
                color: transparent;
                -webkit-text-stroke: var(--text-stroke-width) var(--section-top-monterrey-title-color);
                text-stroke: var(--text-stroke-width) var(--section-top-monterrey-title-color);
                will-change: transform, opacity;
                contain: paint;
                line-height: 1.2;
            }
        }
    }
}


/* -------------------------------------- */
/* ------------ END Programs ------------ */
/* -------------------------------------- */



/* -------------------------------------- */
/* ------------ START Videos ------------ */
/* -------------------------------------- */


@media (min-width: 1024px) {
    #home #view-video {
        overflow: clip;
    }

    #home #video-component {
        --space-for-video-section-title: 160px;
        --video-width: 45%;
        --top-spacing: 60px;
        position: relative;
        padding-top: var(--top-spacing);
        padding-bottom: 125px;
        background: linear-gradient(180deg, #FFF 0%, color-mix(in srgb, var(--secondary-color), transparent 90%) 27.88%, color-mix(in srgb, var(--secondary-color), transparent 60%) 67.31%, color-mix(in srgb, var(--primary-color), transparent 60%) 87.5%, color-mix(in srgb, var(--primary-color), transparent 50%) 100%);

        @media (max-width: 1499px) {
            --space-for-video-section-title: 125px;
            --video-width: 50%;
            padding-bottom: 100px;
        }

        @media (max-width: 1199px) {
            --space-for-video-section-title: 95px;
            padding-bottom: 50px;
        }

        .see-all-container.see-all-top {
            width: var(--video-width);
            position: absolute;
            top: calc(var(--top-spacing) + 20px);
            left: 32px;

            .monterrey-header-accent-left,
            .monterrey-header-accent,
            .light-header-accent {
                display: none;
            }

            .header-slot-container {
                text-align: left;
                margin-left: 0;

                h2 {
                    padding-left: unset;
                    text-transform: unset;
                    font-size: 66px;
                    padding-left: 15px;
                    line-height: .85;

                    @media (max-width: 1699px) {
                        font-size: 50px;
                    }

                    @media (max-width: 1499px) {
                        font-size: 45px;
                    }

                    @media (max-width: 1199px) {
                        font-size: 40px;
                    }

                    .header-top {
                        color: transparent;
                        -webkit-text-stroke: var(--text-stroke-width) var(--heading-color);
                        text-stroke: var(--text-stroke-width) var(--heading-color);
                        font-size: 1.6em;
                        margin-left: -15px;
                        margin-bottom: -.35em;
                        will-change: transform, opacity;
                        contain: paint;
                        line-height: 1.2;
                    }
                }
            }
        }

        .wrapper {
            .sidebar {
                display: none;
            }

            .main-video {
                max-width: 100%;
                display: flex;
                justify-content: space-between;
                flex-direction: row-reverse;
                align-items: center;
                margin-right: 0;

                .video {
                    width: 45%;
                    position: relative;

                    &:after {
                        content: close-quote;
                        display: block;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        background-color: var(--custom-video-v2-second-color, var(--secondary-color));
                        bottom: -16px;
                        left: -16px;
                        transition: all .25s linear;
                        z-index: -1;
                    }
                }

                .video-info {
                    width: var(--video-width);
                    padding-top: var(--space-for-video-section-title);
                    height: 100%;

                    .description {
                        font-size: var(--section-desc-font-size);
                        line-height: var(--section-desc-line-height);
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    #home #video-component {
        background: linear-gradient(180deg, #FFF 0%, color-mix(in srgb, var(--secondary-color), transparent 90%) 27.88%, color-mix(in srgb, var(--secondary-color), transparent 60%) 67.31%, color-mix(in srgb, var(--primary-color), transparent 60%) 87.5%, color-mix(in srgb, var(--primary-color), transparent 50%) 100%);

        .sidebar {
            display: none;

            @media (max-width: 959px) {
                display: flex;

                .sidebar-item:nth-child(n+2) {
                    display: none;
                }
            }
        }

        .see-all-container.see-all-top {

            .monterrey-header-accent-left,
            .monterrey-header-accent,
            .light-header-accent {
                display: none;
            }

            .header-slot-container {
                text-align: left;
                margin-left: 0;

                h2 {
                    padding-left: unset;
                    text-transform: unset;
                    font-size: 40px;
                    padding-left: 15px;

                    @media (max-width: 767px) {
                        font-size: 36px;
                    }

                    @media (max-width: 599px) {
                        font-size: 32px;
                    }

                    .header-top {
                        color: transparent;
                        -webkit-text-stroke: var(--text-stroke-width) var(--heading-color);
                        text-stroke: var(--text-stroke-width) var(--heading-color);
                        font-size: 1.6em;
                        margin-left: -15px;
                        margin-bottom: -.35em;
                        will-change: transform, opacity;
                        contain: paint;
                        line-height: 1.2;
                    }
                }
            }
        }
    }
}


/* -------------------------------------- */
/* ------------- END Videos ------------- */
/* -------------------------------------- */



/* -------------------------------------- */
/* ---------- START Highlights ---------- */
/* -------------------------------------- */

#home .alcs-highlights {
    background: linear-gradient(95deg, var(--primary-color) 20.38%, color-mix(in srgb, var(--primary-color), #fff 5%) 48.99%, color-mix(in srgb, var(--primary-color), #fff 25%) 86.65%, color-mix(in srgb, var(--primary-color), #fff 35%) 100%);
    color: var(--primary-color-contrast);
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    isolation: isolate;
    overflow: clip;

    &:after {
        content: '';
        position: absolute;
        aspect-ratio: 1/1;
        height: 120%;
        background-image: var(--watermark-url);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        bottom: 0;
        left: -6%;
        opacity: .75;
        z-index: -1;
    }

    .see-all-container.see-all-top {
        .header-slot-container {
            max-width: 1100px;
            display: flex;
            justify-content: center;

            h2 {
                display: inline-flex;
                flex-direction: column;
                font-size: var(--section-subheading-font-size);
                padding-left: unset;

                span {
                    display: inline-block;
                    width: auto;
                }

                @media (max-width: 767px) {
                    padding-left: unset;
                    text-align: center;
                }
            }
        }

        .header-top {
            font-size: .75em;
            color: transparent;
            -webkit-text-stroke: var(--text-stroke-width) #fff;
            text-stroke: var(--text-stroke-width) #fff;
            margin-bottom: unset;
            will-change: transform, opacity;
            contain: paint;
            line-height: 1.2;
        }

        .header-bottom {
            padding-left: 0;
        }
    }

    .alcs-highlights__description {
        margin-top: 3em;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;

        @media (max-width: 1199px) {
            margin-top: 2.5em;
        }

        @media (max-width: 959px) {
            margin-top: 2em;
        }
    }

    .alcs-highlights-name {
        display: block;
        width: 100%;
        text-align: center;
        font-size: var(--section-desc-font-size);
        line-height: 1.5;

        p+p {
            margin-top: 1em;
        }
    }
}

/* -------------------------------------- */
/* ----------- END Highlights ----------- */
/* -------------------------------------- */



/* -------------------------------------- */
/* ------------- START News ------------- */
/* -------------------------------------- */


#home .media-custom-code:has(.custom-news-v6) {
    overflow: clip;
}

#home .custom-news-v6 {
    --custom-news-v6-bg-color: transparent;
    --custom-news-v6-slider-color: var(--secondary-color);
    --custom-news-v6-title-color: var(--primary-color);
    --custom-news-v6-box-bg: #fff;
    --custom-news-v6-date-color: #000;
    --custom-news-article-v6-title-color: var(--primary-color);
    --custom-news-v6-snippet-color: #3F3F3F;
    --custom-news-v6-button-bg-color: #fff;
    --custom-news-v6-button-text-color: var(--primary-color);
    --custom-news-v6-arrows-color: #fff;

    overflow: clip;


    .see-all-container.see-all-top {
        margin-top: 40px;

        .header-slot-container {
            margin-left: unset;
            margin-bottom: unset;
            max-width: 1100px;
            margin-right: unset;
            overflow: unset;

            &:before,
            &:after {
                display: none;
            }

            h2 {
                font-size: var(--section-subheading-font-size);
                padding-right: 5%;

                @media (max-width: 960px) {
                    font-size: var(--section-heading-font-size);
                }

                .header-top {
                    font-size: .75em;
                    color: transparent;
                    -webkit-text-stroke: var(--text-stroke-width) var(--custom-news-v6-title-color);
                    text-stroke: var(--text-stroke-width) var(--custom-news-v6-title-color);
                    will-change: transform, opacity;
                    contain: paint;
                    line-height: 1.2;
                }
            }
        }
    }

    .see-all-button {
        &:hover {
            background-color: var(--custom-news-v6-button-text-color);
            color: var(--custom-news-v6-button-bg-color);
        }
    }
}

/* -------------------------------------- */
/* -------------- END News -------------- */
/* -------------------------------------- */


/* -------------------------------------- */
/* ------------ START Events ------------ */
/* -------------------------------------- */

#home #view-events {
    overflow: clip;
}

#home .events-e6 {
    --month-font-size: 25px;
    --date-font-size: 40px;

    .see-all-container.see-all-top {
        margin-top: 40px;

        .monterrey-header-accent,
        .monterrey-header-accent-left {
            display: none;
        }

        .header-slot-container {
            margin-left: unset;
            margin-bottom: unset;
            max-width: 1100px;
            margin-right: unset;
            padding-left: 25px;

            h2 {
                font-size: var(--section-subheading-font-size);
                padding-left: unset;
                text-transform: unset;

                @media (max-width: 960px) {
                    font-size: var(--section-heading-font-size);
                }

                .header-top {
                    font-size: .75em;
                    color: transparent;
                    -webkit-text-stroke: var(--text-stroke-width) var(--top-heading-color);
                    text-stroke: var(--text-stroke-width) var(--top-heading-color);
                    text-transform: unset;
                    margin-left: -25px;
                    margin-bottom: -.45em;
                    will-change: transform, opacity;
                    contain: paint;
                    line-height: 1.2;
                }
            }
        }
    }

    .see-all-events {
        font-weight: 700;

        &:hover {
            background-color: var(--button-text-color);
            color: var(--bg-color);
        }
    }

    .events-container {
        .events-wrapper {
            .event-card {
                &:after {
                    background-color: var(--event-date-border-color);
                    opacity: 1;
                }

                .start-date {

                    .month {
                        font-weight: 400;
                    }

                    &:after {
                        display: none;
                    }
                }

                .date-number {
                    min-width: 1.5em;
                    text-align: center;
                    font-weight: 500 !important;
                }

                &:nth-child(1) {
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }
}

/* -------------------------------------- */
/* ------------- END Events ------------- */
/* -------------------------------------- */



/* -------------------------------------- */
/* ----------- START Live Feed ----------- */
/* -------------------------------------- */

#cms-live-feed {

    .live-feed-lf7 {
        --lighthouse-tower-width: 150px;
        --lighthouse-beam-width: 200px;
        --card-min-height: 365px;
        --card-area-spacing: 35px;
        background-color: #fff;
        overflow: clip;

        @media (max-width: 1699px) {
            --lighthouse-tower-width: 125px;
            --lighthouse-beam-width: 100px;
            --card-min-height: 325px;
            --card-area-spacing: 20px;
        }

        @media (max-width: 1499px) {
            --lighthouse-tower-width: 100px;
            --lighthouse-beam-width: 100px;
            --card-min-height: 325px;
            --card-area-spacing: 15px;
        }

        .see-all-container.see-all-top {
            margin-top: 40px;

            .monterrey-header-accent,
            .monterrey-header-accent-left {
                display: none;
            }

            .header-slot-container {
                margin-left: unset;
                margin-bottom: unset;
                max-width: 1100px;
                margin-right: unset;
                overflow: unset;
                padding-left: 25px;

                h2 {
                    font-size: var(--section-subheading-font-size);
                    padding-left: unset;
                    text-transform: unset;

                    @media (max-width: 960px) {
                        font-size: var(--section-heading-font-size);
                    }

                    .header-top {
                        font-size: .75em;
                        color: transparent;
                        -webkit-text-stroke: var(--text-stroke-width) var(--top-heading-color);
                        text-stroke: var(--text-stroke-width) var(--top-heading-color);
                        text-transform: unset;
                        margin-left: -25px;
                        margin-bottom: -.45em;
                        will-change: transform, opacity;
                        contain: paint;
                        line-height: 1.2;
                    }
                }
            }
        }

        .see-all-button {
            font-weight: 700;
            transition: all .25s linear;

            &:hover {
                color: var(--button-bg-color);
                background-color: var(--button-text-color);
            }
        }

        .card-slider {
            display: flex;
            flex-direction: row-reverse;
            padding-left: calc(var(--lighthouse-tower-width) + var(--lighthouse-beam-width));
            position: relative;

            @media (max-width: 959px) {
                padding-left: unset;
                flex-direction: column-reverse;
            }

            .nav.pager-right {
                @media (max-width: 959px) {
                    margin-top: unset;
                }
            }

            .button-section {
                @media (min-width: 960px) {
                    flex-direction: column;
                    margin-left: 25px;
                }

                @media (max-width: 959px) {
                    margin-left: unset;
                }

                .button {
                    margin-top: 5px;
                    margin-bottom: 5px;
                    font-size: 4px;

                    svg {
                        display: none;
                    }

                    &:after {
                        content: '';
                        border: solid;
                        border-width: 0 2px 2px 0;
                        border-color: var(--arrow-icon-color);
                        display: inline-block;
                        height: 1em;
                        padding: 1em;
                        width: 1em;
                        z-index: 2;
                        transform: rotate(135deg);
                        -webkit-transform: rotate(135deg);
                        position: relative;
                        right: -2px;
                    }

                    &.scroll-right {
                        &:after {
                            transform: rotate(-45deg);
                            -webkit-transform: rotate(-45deg);
                            right: unset;
                            left: -2px;
                        }
                    }
                }

            }

            .pager-section {
                display: none;
            }

            .posts-wrapper {
                padding: var(--card-area-spacing) 0 var(--card-area-spacing) var(--card-area-spacing);
                background: linear-gradient(90deg, color-mix(in srgb, var(--bg-color), #fff 40%) 20.67%, color-mix(in srgb, var(--bg-color), #fff 60%) 58.65%, rgba(255, 218, 137, 0.00) 100%);

                @media (max-width: 1499px) {
                    column-gap: 20px;
                }

                @media (max-width: 959px) {
                    background: unset;
                }

                .card-content {

                    @media (min-width: 960px) {
                        box-shadow: 3.901px 3.901px 3.901px 0 rgba(0, 0, 0, 0.25);
                    }

                    .post {
                        min-height: var(--card-min-height);

                        .post-info {
                            font-size: 14px;
                        }

                        @media (max-width: 1499px) {
                            padding: 15px;
                        }
                    }
                }
            }

            &::before {
                --increase-factor: 100px;
                content: '';
                position: absolute;
                display: block;
                width: calc(var(--lighthouse-tower-width) + var(--increase-factor));
                height: calc((var(--lighthouse-tower-width) + var(--increase-factor)) * 2.27);
                aspect-ratio: 11/25;
                background-color: #037FCB;
                left: calc(var(--increase-factor) * -1);
                top: calc((var(--card-min-height) + var(--card-area-spacing) *2)/5.5);
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='830' height='1896' preserveAspectRatio='none' viewBox='0 0 830 1896'%3E%3Cpath d='M 414 15 L 122 271 L 187 273 L 192 275 L 190 496 L 152 499 L 129 507 L 122 512 L 113 523 L 107 541 L 106 586 L 108 599 L 114 614 L 125 626 L 138 633 L 150 637 L 172 639 L 173 646 L 32 1705 L 25 1710 L 15 1722 L 11 1730 L 8 1743 L 9 1825 L 16 1842 L 28 1855 L 39 1862 L 59 1867 L 778 1866 L 790 1862 L 800 1856 L 812 1844 L 817 1835 L 821 1821 L 821 1743 L 818 1730 L 813 1720 L 799 1705 L 656 644 L 657 639 L 674 638 L 692 633 L 703 627 L 713 618 L 720 606 L 724 590 L 724 544 L 721 531 L 716 521 L 703 508 L 680 499 L 639 496 L 638 274 L 707 271 Z M 444 272 L 581 273 L 580 497 L 468 498 L 442 496 L 442 279 Z M 249 272 L 387 273 L 386 497 L 334 498 L 248 496 Z' fill='%23037FCB' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
                mask-size: contain;
                mask-position: top left;
                mask-repeat: no-repeat;

                @media (max-width: 959px) {
                    display: none;
                }
            }

            &:after {
                content: '';
                display: block;
                position: absolute;
                width: calc(var(--lighthouse-beam-width) + 40px);
                height: calc((var(--card-min-height) + var(--card-area-spacing) *2));
                top: 0;
                right: calc(100% - var(--lighthouse-tower-width) - var(--lighthouse-beam-width));
                margin-right: -1px;
                background: linear-gradient(90deg, var(--bg-color) 20.67%, color-mix(in srgb, var(--bg-color), #fff 30%) 58.65%, color-mix(in srgb, var(--bg-color), #fff 40%) 100%);
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1141 1936'%3E%3Cpath d='M1140 0 L1140 1935 L0 926 L0 812 Z' /%3E%3C/svg%3E");
                mask-position: top right;
                mask-size: 100% 100%;
                mask-repeat: no-repeat;

                @media (max-width: 959px) {
                    display: none;
                }

            }
        }
    }

}

/* -------------------------------------- */
/* ------------ END Live Feed ----------- */
/* -------------------------------------- */



/* -------------------------------------- */
/* ------------ START Footer ------------ */
/* -------------------------------------- */

#app #cms-footer {
    background: linear-gradient(95deg, var(--bg-color) 20.38%,
            color-mix(in srgb, var(--bg-color), #fff 5%) 48.99%,
            color-mix(in srgb, var(--bg-color), #fff 25%) 86.65%,
            color-mix(in srgb, var(--bg-color), #fff 35%) 100%);

    .footer-column-last {
        .app-link {
            max-width: 200px;
        }
    }

    .footer-social-links {
        --icon-size: 51px;
    }
}


/* -------------------------------------- */
/* ------------- END Footer ------------- */
/* -------------------------------------- */




/* -------------------------------------- */
/* ---------- START Animations ---------- */
/* -------------------------------------- */

@keyframes fade-in-from-bottom-right {
    from {
        opacity: 0;
        translate: 3vw 10vw;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes fade-in-from-top-left {
    from {
        opacity: 0;
        translate: -5vw -5vw;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes shadow-fade-in-from-top-left {
    from {
        opacity: .5;
        translate: -5vw -5vw;
    }

    to {
        opacity: 0;
        translate: 0 0;
    }
}

@keyframes fade-in-from-right {
    from {
        opacity: 0;
        translate: 10vw 0;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes fade-in-from-left {
    from {
        opacity: 0;
        translate: -10vw 0;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes fade-in-from-bottom {
    from {
        opacity: 0;
        translate: 0 15vh;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

.fade-in-from-left-text-shadow {
    position: relative;
    display: block;

    &:after {
        content: attr(data-text);
        display: block;
        position: absolute;
        width: 100%;
        height: 115%;
        top: 0;
        left: 0;
        font-size: 1em;
        font-weight: inherit;
        font-family: inherit;
        line-height: 1.1;
        color: transparent;
        -webkit-text-stroke: var(--text-stroke-width) var(--shadow-text-color);
        text-stroke: var(--text-stroke-width) var(--shadow-text-color);

        will-change: transform, opacity;
        contain: paint;
    }
}

@media (prefers-reduced-motion: no-preference) {
    @supports (animation-timeline: view()) {

        .highlight-item-description {
            animation: fade-in-from-bottom-right ease-out both;
            animation-timeline: view();
            animation-range: 15% 65%;
        }

        #highlights-arkansas .highlight-item-title span:after,
        #highlights-arkansas .highlight-item-subtitle span:after,
        .custom-programs-section-v10 .header-slot-container .header-bottom span:after {
            animation: shadow-fade-in-from-top-left ease-out both;
            animation-timeline: view();
            animation-range: 5% 50%;
        }

        #video-component .header-slot-container h2,
        .custom-programs-section-v10 .header-slot-container .header-top,
        .alcs-highlights .header-slot-container h2 .header-bottom,
        .custom-news-v6 .header-slot-container h2 .header-bottom,
        .events-e6 .header-slot-container h2,
        .live-feed-lf7 .header-slot-container h2 {
            animation: fade-in-from-right ease-out both;
            animation-timeline: view();
            animation-range: 5% 50%;
        }

        .custom-programs-section-v10 .header-slot-container .intro,
        #video-component .main-video .description,
        .alcs-highlights .alcs-highlights__description {
            animation: fade-in-from-bottom ease-out both;
            animation-timeline: view();
            animation-range: 15% 65%;

            @media (max-width: 767px) {
                animation-range: 15% 45%;
            }
        }

        .alcs-highlights .header-slot-container h2 .header-top,
        #video-component .header-slot-container h2 .header-top,
        .custom-news-v6 .header-slot-container h2 .header-top,
        .events-e6 .header-slot-container h2 span,
        .live-feed-lf7 .header-slot-container h2 span {
            animation: fade-in-from-top-left ease-out both;
            animation-timeline: view();
            animation-range: 5% 50%;
        }
    }
}

/* -------------------------------------- */
/* ----------- END Animations ----------- */
/* -------------------------------------- */