/* .sub-menu {
    position: absolute;
    left: -9999px;
} */
.sr-only, .a11y, .access {
    color:#000;
}
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;
}

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