html {
    overflow-x: hidden !important;
    max-width: 100%;
}
@media (max-width: 767px) {
    .brandImage {
        max-width: 100%;
        height: auto;
        max-height: 70px;
    }
    
    .navbar-brand:has(.brandImage) {
        margin: 0 !important;
        height: auto;
        padding: 15px 0;
    }

    .navbar.navbar-default:has(.brandImage) {
        margin: 0 !important;
    }

    .navbar-header:has(.brandImage) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        gap: 10px;

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

        .navbar-toggle {
            margin: 0;
        }
    }
}
.col-md-12:has(.page_title.sr-only) {
    min-height: 0;
}
.px-50 { padding-right:50px!important;padding-left:50px!important; }
.navbar.navbar-default {
    border-bottom: 1px solid rgba(0,0,0,.2);
}
#districtSelector {
    display:flex;
    justify-content: center;
    text-align: center;

    @media screen and (max-width: 991px) {
        display:block;
    }
}
.district-selector-inner {
    display: flex;
    padding-top: 5px;
    align-items: center;

    @media screen and (max-width: 991px) {
        flex-direction: column;
    }
}
.ss-selector {
    margin:0 20px;
    text-decoration: none;
}
.ss-selector:hover,
.ss-selector:focus {
    text-decoration: none;
}
.ss-selector.schools {
    border:0;
    background-color: transparent;
}
#GoogleTranslate {
    color: black !important;
}

.footer-container .school-footer-row {
    margin-left: auto;
    margin-right: auto;
}

/* footer-container should match .container width values */
@media (min-width: 768px) {
    .footer-container .school-footer-row {
      max-width: 750px;
    }
}

@media (min-width: 992px) {
    .footer-container .school-footer-row {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .footer-container .school-footer-row {
        max-width: 1180px;
    }
}

/* footer-container-wide should match .container in normalize-container.php */


.footer-container-wide .school-footer-row {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

@media(min-width:640px){
    .container-footer-wide .school-footer-row {
        max-width:640px
    }
}

@media(min-width:768px){
    .container-footer-wide .school-footer-row {
        max-width:768px;
    }
}

@media(min-width:1024px){
    .container-footer-wide .school-footer-row {
        max-width:1024px
    }
}

@media(min-width:1280px){
    .container-footer-wide .school-footer-row {
        max-width:1280px;
    }
}

@media(min-width:1536px){
    .container-footer-wide .school-footer-row {
        max-width:1536px
    }
}

@media(min-width:1680px){
    .container-footer-wide .school-footer-row {
        max-width:1680px
    }
}

.footer-container-full, .footer-container-wide, .footer-container-fluid {
    padding-left: 120px;
    padding-right: 120px;
}

.footer-container-fluid.school-footer-row {
    margin-left: auto;
    margin-right: auto;
}

#footer_seven {
    padding: 40px;
    position: relative;

    &::before {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        content: '';
        z-index: -1;
    }

    &::after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
        background-color: rgba(0,0,0,.2);
    }
}

#footer_seven.psq_admin_footer div,  #footer_seven.psq_admin_footer a {
    color: #FFFFFF !important;
}

.school-footer-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px;
    position: relative;
}

.school-footer-bottom-row {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    margin-top: 42px;
    padding-top: 32px;
}

.school-footer-col {
    width: 40%;
}

.school-footer-col.school-footer-wide-col {
    width: 60%;
}

.school-footer-seven-general-info {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.school-footer-seven-general-info h5 {
    font-size: 20px;
}

.school-footer-seven-address-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    div {
        display: inline-block;
    }

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

.school-footer-seven-contact-info span {
    display: inline-block;
    flex-shrink: 0;
}

.school-footer-seven-contact-info .school-footer-seven-desktop-only {
    font-weight: 900;
}

.school-footer-seven-important-links {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    gap: 40px;
    height: 100%;
}

.school-footer-seven-custom-links, .school-footer-seven-site-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.school-footer-other {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.school-footer-copyright-name, .school-footer-disclaimer-text {
    font-size: 12px;
    text-align: center;
}

.school-footer-parentsquare-links {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    gap: 15px;
    margin-top: 20px;

    &.ss-dark-color {
        .school-footer-seven-app-links a {
            border-color: rgba(0, 0, 0, .2);
        
            &:hover,
            &:focus {
                border-color: rgba(0, 0, 0, 1);
            }
        }
    }
}

.school-footer-seven-social-info {
    display: flex;
    margin-top: 30px;
    gap: 12px;
    flex-wrap: wrap;

    &.ss-social-solid,
    &.ss-social-full {
        a {
            i {
                transition: top .2s ease;
                top: 0px;
            }

            &:hover,
            &:focus {
                i {
                    top: -3px;
                }
            }

            &::before {
                border: 0;
            }
        }
    }

    &.ss-social-full {
        a {
            background-color: #FFFFFF;
        }

        i {
            &.fa-facebook-f {
                color: #0866FF; 
            }

            &.fa-x-twitter {
                color: #000000; 
            }

            &.fa-instagram {
                color: transparent;
                background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
                background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
                background-clip: text;
                -webkit-background-clip: text;
            }

            &.fa-youtube {
                color: #FF0000; 
            }

            &.fa-linkedin-in {
                color: #357AB5; 
            }

            &.fa-pinterest-p {
                color: #DD3933; 
            }

            &.fa-vimeo-v {
                color: #53B7E8; 
            }
        }
    }
}

.school-footer-seven-social-info a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    position: relative;

    &::before {
        border: 1px solid;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        transition: opacity .3s ease;
        opacity: .2;
    }
}

.school-footer-seven-social-info a:hover,
.school-footer-seven-social-info a:focus {
    text-decoration: none !important;

    &::before {
        opacity: 1;
    }
}

.school-footer-seven-social-info i {
    font-size: 20px;
    position: relative;
}

.school-footer-seven-app-links {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-content: center;
}

.school-footer-seven-app-links a {
    display: flex;
    align-items: center;
    border-radius: 7px;
    transition: border-color .3s ease;
    border: 1px solid rgba(255, 255, 255, .2);

    &:hover,
    &:focus {
        border-color: rgba(255, 255, 255, 1);
    }
}

.school-footer-seven-app-links a.google-play-link {
    padding: 0 10px;
}

.smart-sites-link {
    padding: 5px;
    transition: padding .3s ease;

    &:hover,
    &:focus {
        padding: 0px 5px 10px;
    }
}

@media only screen and (max-width : 991px) {
    #footer_seven {
        padding: 72px 30px;
    }

    .school-footer-row {
        justify-content: space-between;
        gap: 20px;
    }

    .school-footer-col, .school-footer-col.school-footer-wide-col {
        width: auto;
    }

    .school-footer-seven-contact-info {
        display: flex;
        flex-direction: column;
    }

    .school-footer-seven-contact-info span {
        word-wrap: nowrap;
    }

    .school-footer-seven-important-links {
        flex-direction: column;
        justify-content: flex-end;
    }

    .school-footer-seven-contact-info .school-footer-seven-desktop-only {
        display: none;
    }
}

@media only screen and (max-width : 576px) {
    footer {
        text-align: center;
    }

    footer .school-footer-seven-hide-mobile {
        display: none;
    }

    footer .school-footer-row {
        flex-direction: column;
    }

    .school-footer-seven-general-info {
        align-items: center;
    }

    .school-footer-seven-address-info a {
        display: flex;
        flex-direction: column;
    }

    .school-footer-seven-social-info {
        justify-content: center;
    }

    .school-footer-parentsquare-links {
        flex-direction: column;
    }
}