/* input(35,10): run-time error CSS1035: Expected colon, found '#000000' */
/* This style sheet should be used for custom client styles.
This style sheet is applied last, so it will override anything 
set in site.css, the area-specific css, and theme.css. */


/* Login Image */
.esg-sign-in__page:before {
   background-image: url(/Student/Content/Images/wooster-kauke.jpg);
   background-color: #f5f5f5;
}
.esg-sign-in__page:after {
   background: #f5f5f5;
}


/* Logo */
.esg-header-bar__logo-image {
    max-height: 75px;
    padding: 5px 0;
}
.esg-header-bar.esg-header-bar__with-toolbar, .esg-header-bar {
    height: 4.75rem;
}
.esg-header-bar__menu-link {
    height: 4.75rem;
}


/* Top Nav */
.esg-header-bar__icon .esg-icon {
    fill: #f5f5f5;
}
.esg-header-bar__menu-link:active, .esg-header-bar__menu-link:focus:active, .esg-header-bar__menu-link:hover:active, .esg-header-bar__menu-link:focus, .esg-header-bar__menu-link:hover {
    color: #000000;
    fill #000000;
}
.esg-dropdown-notifications, .esg-is-open>.esg-dropdown-notifications {
    width: 4.5rem;
    height: 4.75rem;
    background-color: #FFF4D0;
}
.esg-dropdown__link:hover {
    color: #000000;
    background-color: #FFF4D0;
}
.esg-dropdown__menu-item:hover {
    border-bottom: 1px solid black;
}

/* Left Nav */
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-home"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-home"] {
    background-image:url("Images/home-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-financial-information"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-financial-information"] {
    background-image:url("Images/my-financial-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-my-employment"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-my-employment"] {
    background-image:url("Images/my-employment-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-my-academics"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-my-academics"] {
    background-image:url("Images/my-academics-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-my-work"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-my-work"] {
    background-image:url("Images/my-work-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-vendor-information"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-vendor-information"] {
    background-image:url("Images/vendor-icon-active.png");
}
.menu-wrapper .menu-header button[aria-expanded="true"][data-menu-level="0"] .menu-item[data-menu-id="nav-sidebar-user-options"],
.menu-wrapper:hover .menu-item[data-menu-id="nav-sidebar-user-options"] {
    background-image:url("Images/my-user-options-active.png");
}
#drawer-nav button[aria-expanded="true"][data-menu-level="0"]:hover span,
#drawer-nav button[aria-expanded="true"][data-menu-level="0"]:hover .esg-icon,
#drawer-nav .primary-menu a:hover,
#drawer-nav .primary-menu button:hover .menu-item,
#drawer-nav .primary-menu button:hover .esg-icon {
    color: #b31825;
    fill: #b31825;
    text-decoration: none;
}
#drawer-nav button[aria-expanded="true"][data-menu-level="0"] span.menu-item,
#drawer-nav button[aria-expanded="true"][data-menu-level="0"] .esg-icon {
    color: #444444;
    fill: #444444;
}
.menu-wrapper > .menu-item:focus,
.menu-item-button:focus,
.secondary-menu > li > .menu-item:focus,
.tertiary-menu > li > .menu-item:focus,
#toggle-nav-button:focus {
    outline: 0; 
}
.esg-popover {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}


/* Breadcrumbs */
.esg-breadcrumb__list {
    font-family: Nunito,Helvetica,Arial,sans-serif;
}
.esg-breadcrumb__list-item {
    color: #444444;
    text-decoration: none;
}
.esg-breadcrumb__link {
    color: #444444;
    text-decoration: none;
}
.esg-breadcrumb__link:focus, .esg-breadcrumb__link:hover {
    color: #b31825;
    text-decoration: underline;
}


/* Links */
:not(.esg-alert--error):not(.esg-alert__warning):not(.esg-alert__info):not(.esg-alert__success):not(a.esg-footer__text) a:hover {
    color: #000000;
}
.sitehome-expandednavlink {
    background-color: #FFFFFF;
}
.sitehome-expandednavlink:hover a {
    color : #b31825;
    background-color: #FFF4D0;
}