/* Import Adobe fonts */
/* @import url("https://use.typekit.net/vrj6whm.css"); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* General font */
#app,
body,
html,
#cms-header .m4--menu-item,
.m4--menu-item-focusable .m4--menu-item-link,
.m4--menu-item-text,
.m4--menu-item-focusable,
.programs-v4 .tab-button {
    font-family: "Montserrat", serif !important;
}

/* Font for the section headers/titles, footer headers */
#app h1,
#app .see-all-container h2,
#cms-footer h2,
#m2 .menu-container .has-child,
.prlx-v1-header,
#customSchoolsDropdown .tablinks {
    font-family: "Montserrat", serif !important;
}

/* Mobile header */
#cms-header {
    &:has(#customSchoolsDropdown) .mobile-header #schoolsbutton .button-action-content {
        display: flex;
        align-items: center;
        gap: 4px;

        svg path {
            fill: var(--bg-color) !important;
        }
    }

    &:has(#customSchoolsDropdown) .mobile-header.shrink.menu-open .left-icon {
        top: 40px;
    }

    .mobile-element.new-mobile-header:has(#schools-header) {
        display: none;

        #explore-header-collapsible svg path {
            fill: var(--mobile-menu-text-color) !important;
        }
    }
}

#app #people-slider {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#people-slider:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 110px;
    left: 0;
    background: linear-gradient(0deg, var(--secondary-color) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

/* sponsors area */
.logos-bar-area {
    padding: 40px 20px;
    overflow: hidden;
    box-sizing: border-box;
    --imageSize: 175px;
    background-color: var(--primary-color);
}

#logos-bar-area:not(:has(img[src^="http"])) {
    display: none !important;
}

.logos-bar-row,
#logos-bar-area .custom-component-loop-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
    flex-wrap: wrap;
}

.custom-component-loop-wrapper {
    display: flex;
    align-items: center;
    white-space: nowrap;
    /* animation: scrollAnimation 30s linear infinite; */
}

/*.logos-bar-row:hover .custom-component-loop-wrapper {
    animation-play-state: paused;
}*/

.custom-component-loop-wrapper img {
    display: block;
    max-width: var(--imageSize);
    max-height: var(--imageSize);
    transition: transform 0.25s linear;
    border-radius: 8px;
}

.custom-component-loop-wrapper img:hover {
    transform: scale(1.1);
}

.custom-component-loop-wrapper span {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@keyframes scrollAnimation {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.homepage-header {
    padding: 0 32px 40px;
}

.style-light .homepage-header .home-custom-title {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.style-light .homepage-header .home-custom-title:after {
    content: close-quote;
    display: inline-block;
    width: 56px;
    height: 2px;
    background-color: var(--secondary-color);
    margin: 0 24px;
}

/* @media screen and (max-width: 1200px) {
    .custom-component-loop-wrapper {
        animation: scrollAnimation 20s linear infinite;
    }
} */

@media screen and (max-width: 600px) {
    .logos-bar-area {
        overflow: hidden;
        --imageSize: 100px;
    }

    /* .custom-component-loop-wrapper {
        animation: scrollAnimation 10s linear infinite;
    } */

    .homepage-header {
        padding: 20px;
    }
}

/* end sponsors */


#home #custom-features .button-block .button {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color-contrast);
    border-radius: .5em !important;
    padding: .75em 2em !important;
    text-transform: uppercase;

    .title {
        color: var(--primary-color-contrast) !important;
        font-size: 16px !important;
        line-height: 1;
    }

    &:hover {
        border-color: var(--primary-color);
    }
}

#custom-parallax-v1 {
    --parallax-v1-mask-bg-color: #fff;
    --parallax-v1-mask-text-color: #000;

    .parallax-v1-content {

        .prlx-v1-button {
            a {
                border-radius: 10px;
                background-color: var(--parallax-v1-mask-text-color);
                color: var(--parallax-v1-mask-bg-color);
            }
        }
    }
}

#view-header {
    position: relative;
    z-index: 11;
}

#logos-bar-area {
    color: #fff;

    .header-slot-container {
        text-align: center;
        padding-bottom: 1.5em;
        border-right: none;
        padding-right: 0;
        width: 100%;

        h2 {
            font-size: 32px;
        }
    }
}

#custom-spotlight-v2 {

    .custom-spotlight-v2-item-button:not(:has(a)),
    .custom-spotlight-v2-item-button a {
        padding: .65em 2em;
    }
}

#cms-footer {
    .social-media {
        display: flex;

        li {
            float: none;
        }

        li[data-social-media="flickr"] {
            display: block;

            a {
                display: block;
                width: 48px;
                height: 48px;
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 176 176" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g data-name="Layer 2"><rect width="176" height="176" fill="%230d64d2" rx="24" opacity="1" data-original="%230d64d2" class=""></rect><path fill="%23ffffff" d="M85.05 88A26 26 0 1 1 59 62a26 26 0 0 1 26 26z" opacity="1" data-original="%23ffffff"></path><path fill="%23e50073" d="M143 88a26 26 0 1 1-26-26 26 26 0 0 1 26 26z" opacity="1" data-original="%23e50073"></path></g></g></svg>');
                background-size: contain;
            }
        }
    }
}


/*--- Prevent Header from hiding Search box ---*/

#search {
    top: 320px!important;
}

/* AlwaysOn ChatBot */
#alwayson_chatbot a.nav-link {
    color: var(--primary-color) !important;
}