/* .sub-menu {
    position: absolute;
    left: -9999px;
} */
.sr-only,
.a11y,
.access {
    color: #000;
}

html {
    background: #FFF;
    background-image: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

.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;
}

/* events plugin */
.vpults.subpage .eo-tc-event {
    padding: 0 20px 0 20px;
}

.vpults.subpage .eo-event-date {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.vpults.subpage .eo-events-nav {
    display: block !important;
    padding: 0 20px 0 20px;
}

.vpults.subpage .eo-event-details.event-entry-meta,
.vpults.subpage .nav-next.eo-events-nav-later,
.vpults.subpage .eo-events-nav,
.vpults .one-col .content .section-content>figure {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.vpults.subpage ul.eo-event-meta,
.vpults.subpage ul.eo-event-meta li {
    margin-left: 0;
    padding-left: 0;
}

.vpults .eo-tc-event .eo-event-content {
    margin-left: 0;
}

@media (max-width:1350px) {

    .vpults.subpage .one-col .content .eo-tc-event h2,
    .vpults.subpage .one-col .content .eo-tc-event p,
    .vpults.subpage .one-col .content .eo-tc-event ul {
        padding-left: 0;
        padding-right: 0;
    }
}

/* fix social icon color contrasting on home page (WLRC) */
.elementor-kit-55194 .elementor-social-icons-wrapper.elementor-grid a {
    color: #FFF !important;
}

/* adjusting header height to make room for My WLRC */
.vpults #site-header .navigation.main {
    /* padding:85px 0 0 0; */
}

/* .vpults #site-header .navigation.main ul li.menu-item a {
    padding:27px 14px 27px 14px;
} */
.vpults .navigation.main .navigation.secondary {
    top: 98px;
}

.vpults .mywlrc {
    right: 0;
    position: absolute;
    top: 55px;

}

.vpults .mywlrc a {
    padding: 10px 20px 10px 20px;
    background-color: #511014;
    border: 1px solid #511014;
    transition: all 0.3s ease 0s;
    color: #FFF;
}

.vpults .mywlrc a:hover,
.vpults .mywlrc a:focus {
    background-color: #FFF;
    color: #511014;
    border: 1px solid #511014;
    text-decoration: none;
}


/* 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 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;
}

.vpults #site-header .menu-item-57128 {
    display: none;
}

/*
.vpults #site-header .navigation.main ul li ul li {
    display:block;
} */
/* .vpults #site-header .navigation.main ul li:last-child {
    display:none;
} */


@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) {

    /* fix menu height */
    .navigation.main a {
        height: auto;
    }

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

    .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 .mywlrc {
        display: none;
    }

    /* show My WLRC in menu for mobile */
    .vpults #site-header .menu-item-57128 {
        display: block;
    }

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

    .vpults #site-header .navigation.main {
        padding: 0;
    }

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

    .home.vpults #site-header .navigation.services {
        /* display:none; */
        border-bottom: 0 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;
    }

    .vpults .elementor-6665 .elementor-element.elementor-element-3d0c970 .bdt-ep-button,
    .vpults .elementor-56310 .elementor-element.elementor-element-1b13c095 .bdt-ep-button {
        width: 100%;
    }

    .vpults .elementor-6665 .elementor-element.elementor-element-3d0c970 .bdt-ep-button .bdt-ep-button-icon .bdt-ep-button-icon-inner,
    .vpults .elementor-56310 .elementor-element.elementor-element-1b13c095 .bdt-ep-button .bdt-ep-button-icon .bdt-ep-button-icon-inner {
        font-size: 30px;
    }

    /* fix logo position/width */
    .home.vpults #site-header .wrapper #department-logo img {
        height: auto;
        max-width: 230px;
    }
}