#app {
    --third-color: #D3A128;

    @media screen and (max-width: 767px) {
        --side-padding: 0;
    }
}

#cms-header {
    #h1 {
        .mobile-header {
            padding-top: 0;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 15px;
            box-sizing: border-box;

            .school-info {
                display: none;
            }

            .left-icon {
                position: static;
                margin-left: 0;
                margin-right: unset;
                transform: unset;
                margin-top: unset;
                margin-bottom: unset;
                order: 1;

                svg {
                    width: 40px;
                    height: 40px;
                }
            }

            &.menu-open {
                .left-icon {
                    margin-right: 14px;

                    svg {
                        width: 18px;
                        height: 18px;
                    }
                }
            }

            .main-content {
                height: auto;
                order: 0;

                .logo {
                    margin-bottom: 0;
                }
            }

            #mainmenu {
                order: 2;
            }
        }
    }
}

#home {
    .see-all-container {
        .header-slot-container {
            h2 {
                font-weight: 900;
            }

            @media screen and (max-width: 767px) {
                &:after {
                    display: none;
                }
            }
        }

        @media screen and (max-width: 767px) {
            .light-header-accent {
                display: none;
            }
        }
    }
}

/* -------- START BUTTONS EDITS -------- */
#home #buttons-b3 {
    --icon-size: 80px;
}

@media only screen and (max-width: 991px) {
    #home #buttons-b3 {
        --icon-size: 60px;
    }
}

#home #buttons-b3 .wrapper .button {
    border-left: none;
    height: auto;
}

#home #buttons-b3 .wrapper .button .button-link {
    padding: 25px 15px;
    line-height: 1.25;
    width: 100%;
}

#home #buttons-b3 .wrapper .button .button-link .icon-wrapper {
    font-size: var(--icon-size);
    background-color: var(--icon-and-text-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    width: 1.15em;
    height: 1.15em;
    flex-shrink: 0;
}

#home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg {
    width: 0.75em;
    height: 0.75em;
}

#home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg span {
    width: 0.75em;
    height: 0.75em;
}

#home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg svg {
    width: 0.75em;
    height: 0.75em;
}



#home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg svg path {
    fill: var(--button-bg-color);
}

#home #buttons-b3 .wrapper .button .button-title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: none;
}

@media only screen and (max-width: 991px) {
    #home #buttons-b3 .wrapper .button .button-link .icon-wrapper {
        width: .8em;
        height: .8em;
    }

    #home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg {
        width: 0.4em;
        height: 0.4em;
    }

    #home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg span {
        width: 0.4em;
        height: 0.4em;
    }

    #home #buttons-b3 .wrapper .button .button-link .icon-wrapper .raw-svg svg {
        width: 0.4em;
        height: 0.4em;
    }

    #home #buttons-b3 .wrapper .button .button-title {
        text-align: left;
    }

    #home #buttons-b3 .wrapper .button .button-link {
        padding: 12px 10px;
    }
}

/* -------- END BUTTONS EDITS -------- */

/* -------- START VIDEO EDITS -------- */
@media screen and (min-width: 1280px) {
    #home {
        #video-component {
            .video-wrapper {
                max-width: 1000px;
            }
        }
    }
}

/* -------- END VIDEO EDITS -------- */


/* -------- START EVENTS EDITS -------- */
#home {
    .main {
        .events-e6 {
            .events-wrapper {

                .event-card {
                    background-color: transparent;
                    border: 1px solid var(--event-date-border-color);
                    border-radius: 10px;

                    .events-title {
                        --font-size: 18px;
                        --line-height: 1.4;
                        --lines-to-show: 3;

                        display: block;
                        display: -webkit-box;
                        font-size: var(--font-size);
                        line-height: var(--line-height);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: var(--lines-to-show);
                    }

                    .start-date {
                        border: 1px solid var(--event-date-border-color);
                        background-color: var(--event-bg-color-1);
                        color: var(--event-text-color-1);

                        @media screen and (max-width: 767px) {
                            .month {
                                font-size: 16px;
                            }

                            .date-number {
                                font-size: 22px;
                            }
                        }


                        .date-number {
                            font-weight: 900;
                        }
                    }
                }
            }
        }
    }
}

/* -------- END EVENTS EDITS -------- */


/* -------- START BY THE NUMBERS EDITS -------- */
#home {
    .by-the-numbers-v1 {
        background-color: #F9F9F9;
        color: var(--secondary-color);
        --header-accent-color: var(--third-color);

        .see-all-container {
            justify-content: center;
            color: var(--primary-color);
        }

        .btn-icon {
            color: var(--primary-color);
            fill: currentColor
        }

        .btn-value {
            font-weight: 900;
        }
    }
}

/* -------- END BY THE NUMBERS EDITS -------- */

/* -------- START Custom Spotlight V3 EDITS -------- */
#home {
    #section-story-slider {
        .header-top {
            text-align: center;
        }

        .header-bottom {
            text-align: center;
        }
    }
}

/* -------- END Custom Spotlight V3 EDITS -------- */

/* -------- START Partners EDITS -------- */
#home {
    .scroller-area {
        background-color: #F9F9F9;

        .infinite-scroller {
            background-color: #F9F9F9;
        }

        .see-all-container {
            justify-content: center;

            .header-slot-container {
                padding-right: 0;
                color: var(--primary-color);
            }
        }
    }
}

/* -------- END Partners EDITS -------- */

/* -------- START Bottom Buttons (V1) EDITS -------- */
#home {
    .see-all-top:has(.custom-buttons-title) {
        justify-content: center;

        .header-slot-container {
            margin-bottom: 0;

            &:after {
                background-color: var(--third-color);
            }
        }

        .custom-buttons-title {
            color: var(--primary-color);
        }
    }

    #buttons-b1 {
        .wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            column-gap: 20px;

            @media screen and (max-width: 959px) {
                grid-template-columns: repeat(3, 1fr);
            }

            @media screen and (max-width: 767px) {
                grid-template-columns: repeat(2, 1fr);
            }

            @media screen and (max-width: 599px) {
                display: block;
            }

            div:has(.button-link) {
                margin-bottom: 20px;
            }

            .button-link {
                border: 1px solid var(--button-text-color);
                border-radius: 2px;
                height: 100%;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 18px;
                line-height: 1.1;

                @media screen and (max-width: 1499px) {
                    font-size: 18px;
                }

                @media screen and (max-width: 1199px) {
                    font-size: 16px;
                }

                svg {
                    display: none;
                }

                &:hover {
                    font-weight: 300;
                    text-decoration: none;
                    background-color: var(--button-text-color);
                    color: #fff;
                }
            }

        }
    }
}

/* -------- END Bottom Buttons (V1) EDITS -------- */



/* -------- START CMS FOOTER EDITS -------- */
#cms-footer {
    .footer-extra-image {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;

        img {
            max-width: 100%;
        }
    }
}

/* -------- END CMS FOOTER EDITS -------- */