/* .sub-menu {
    position: absolute;
    left: -9999px;
} */
html {
    background: #FFF;
    background-image: none;
}

.vpults .section-content ul.elementor-post-info li {
    margin-left: 0;
}

body.vpults {
    background: #FFF;
}

.breadcrumbs .item-current {
    color: #5387ff;
}

body:not(.has-featured) #pojo-a11y-toolbar,
body:not(.home):not(.has-featured) #pojo-a11y-toolbar {
    top: 220px !important;
}

body:not(.has-featured) #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
body:not(.home):not(.has-featured) #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    font-size: 24px !important;
}


/* fix header height */
.home.vpults .wide-banner.description,
.home.vpults .wide-banner.description .shadow,
.vpults .wide-banner.description,
.vpults .wide-banner.description .shadow {
    height: 55vh;
    /* was 55vh */
    min-height: 370px;
    max-height: 700px;
    /* was 700px */
}

.vpults .content-header.banner-1000x215 .photobox .photo {
    height: 400px;
}

/* fix shadow gradient */
.vpults .wide-banner .shadow .content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%);
}


@media screen and (min-width: 1600px) {

    .home.vpults .wide-banner.description,
    .home.vpults .wide-banner.description .shadow,
    .vpults .wide-banner.description,
    .vpults .wide-banner.description .shadow {
        height: 61vh;
        /* was 55vh */
        min-height: 370px;
        max-height: 800px;
        /* was 700px */
    }
}

@media screen and (min-width: 1900px) {

    .home.vpults .wide-banner.description,
    .home.vpults .wide-banner.description .shadow,
    .vpults .wide-banner.description,
    .vpults .wide-banner.description .shadow {
        height: 70vh;
        /* was 55vh */
        min-height: 370px;
        max-height: 900px;
        /* was 700px */
    }
}


.vpults #site-header .navigation.primary ul.clear>li:first-of-type {
    display: none;
}

.home.vpults #site-header .navigation.services a {
    color: #011f5b;
}

.home.vpults #site-header .navigation.primary ul li a {
    color: #011f5b;
}

/* .vpults #site-header .navigation.main ul li.menu-item a {
    color: #011f5b;
} */
.home.vpults #site-header .navigation.main ul li.menu-item a {
    color: #011f5b;
}

/* .home.vpults #site-header .navigation.main ul li.menu-item a:hover {
    color: #95001A;
} */
.home.vpults #site-header .navigation.services ul li a:hover {
    color: #95001A;
}

.home.vpults #site-header .navigation.services {
    color: #011f5b;
}

.home.vpults #site-header .navigation.services {
    border-bottom: 2px solid #E1F4FD;
}

/* .home.vpults #site-header {
    background-color: #FFF;
} */
.home.vpults .navigation.supplement a {
    background-image: url('https://tech.vpul.upenn.edu/wp-content/themes/vpul/images/master-sprite-vpul.png');
}

.vpults.subpage .one-col .content p,
.vpults.subpage .one-col .content .wp-block-embed__wrapper,
.vpults.subpage .one-col .content blockquote,
.vpults.subpage .one-col .content ul,
.vpults.subpage .one-col .content h1,
.vpults.subpage .one-col .content h2,
.vpults.subpage .one-col .content h3,
.vpults.subpage .one-col .content h4,
.vpults.subpage .one-col .content table,
.vpults.subpage .one-col .content h5,
.vpults .navigation.breadcrumb,
.vpults.subpage .one-col .content form {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.vpults .navigation.breadcrumb {
    margin-top: 20px;
}

.vpults div.h1 {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
}

@media (max-width:1350px) {

    .vpults.subpage .one-col .content p,
    .vpults.subpage .one-col .content .wp-block-embed__wrapper,
    .vpults.subpage .one-col .content blockquote,
    .vpults.subpage .one-col .content ul,
    .vpults.subpage .one-col .content h1,
    .vpults.subpage .one-col .content h2,
    .vpults.subpage .one-col .content h3,
    .vpults.subpage .one-col .content h4,
    .vpults.subpage .one-col .content table,
    .vpults.subpage .one-col .content h5,
    .vpults .navigation.breadcrumb,
    .vpults.subpage .one-col .content form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vpults div.h1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.vpults.subpage .one-col .section-content>div,
.vpults.subpage .one-col .section-content>hr {
    max-width: 1300px;
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1300px;
}


@media (max-width:1175px) {

    .vpults div.h1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vpults .navigation.breadcrumb {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vpults.subpage .one-col .content p,
    .vpults.subpage .one-col .content .wp-block-embed__wrapper,
    .vpults.subpage .one-col .content blockquote,
    .vpults.subpage .one-col .content ul,
    .vpults.subpage .one-col .content h1,
    .vpults.subpage .one-col .content h2,
    .vpults.subpage .one-col .content h3,
    .vpults.subpage .one-col .content h4,
    .vpults.subpage .one-col .content table,
    .vpults.subpage .one-col .content h5,
    .vpults.subpage .one-col .content form {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:1000px) {
    .vpults div.h1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home.vpults .wide-banner.description,
    .home.vpults .wide-banner.description .shadow {
        height: 50vw;
        min-height: auto;
    }

    .vpults .content-header.banner-1000x215 .photobox .photo {
        height: 40vw;
    }

    .vpults .navigation.breadcrumb {
        margin-left: 20px;
    }

    .vpults #site-header .navigation.main ul li.menu-item a {
        padding: 15px 14px 32px 14px;
    }

    .vpults #site-header .navigation.main .navigation.secondary ul.sub-menu li.menu-item a {
        padding: 15px 14px 32px 24px !important;
    }

    .home.vpults #site-header .navigation.services {
        display: none;
    }

    body:not(.has-featured) #pojo-a11y-toolbar,
    body:not(.home):not(.has-featured) #pojo-a11y-toolbar {
        top: 150px !important;
    }

    body:not(.has-featured) #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    body:not(.home):not(.has-featured) #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {

    body:not(.has-featured) #pojo-a11y-toolbar,
    body:not(.home):not(.has-featured) #pojo-a11y-toolbar {
        top: 122px !important;
    }
}

@media (max-width:556px) {

    .home.vpults .wide-banner.description,
    .home.vpults .wide-banner.description .shadow {
        height: 91vw;
        min-height: auto;
    }
}