/* BEGIN new header style */
.gridContainer #NMBrandHeader {
    background: #514689;
    color: #fff;
    border-top: 1px solid #7571b0;
}
.gridContainer #NMBrandHeader #FeinbergHomeText,
.gridContainer #globalLinks #NMLogoNew .arrow ,
.gridContainer #globalLinks #NMLogoNew:hover .arrow {display: none;}
#headerWrapper #NMBrandHeader #siteTitle a, #headerWrapper #NMBrandHeader #siteTitle a:link,
.gridContainer #NMBrandHeader #siteTitle a, .gridContainer #NMBrandHeader #siteTitle a:link {
    color: #fff;
}
@media screen and (min-width: 481px){
    .gridContainer #globalLinks {
        background: #514689;
        color: #fff;
        height: 40px;
    }
    .gridContainer #globalLinks a {
        color: #fff;
    }
    .gridContainer #globalLinks #NMLogoNew a {
        background: url(//deptcommon.fsm.northwestern.edu/images/nm/Feinberg-linear-white-240.svg) 0 0 no-repeat;
        width: 240px;
    }
    #globalLinks .otherLinks, #globalLinks .fsmLinks{font-size:12px}
    #globalLinks .otherLinks, #globalLinks .otherLinks a{color:#ccc}
    #globalLinks .otherLinks a:hover{color:#fff; opacity:1}
    #globalLinks a.upper {text-transform:uppercase}
}
@media screen and (min-width: 768px){
    #globalLinks .otherLinks, #globalLinks .fsmLinks{font-size:1em}
    .gridContainer #headerWrapper {
        width: 100%;
        margin: 0 auto;
        background: #514689;
    }
    /* Top Menu */
    .gridContainer header#nav {background: #514689;}
    .gridContainer #topNav { background: #6357a0; height: 39px; margin-bottom: 4px;}
    .gridContainer #mega {
        margin-left:0;
    }
    .gridContainer #mega>li:hover, .gridContainer #mega .sub , .gridContainer #mega>li:hover>a, .gridContainer #mega li .sub {
        box-shadow: none;
    }
    .gridContainer #mega li a, .gridContainer #mega li a:hover {
        color: #fff;
        font-size: 1em;
        padding: 10px;
        font-weight: 200;
    }
    .gridContainer #mega li a.current, .gridContainer #mega li:hover a, .gridContainer #mega li a:hover {
        color: #7571b0;
        font-weight: 200;
    }
    .gridContainer #mega li a.current:hover {
        padding-top: 14px;
    }
    .gridContainer #mega li a i.fa{
        margin-left: 10px;
    }
    .gridContainer #mega li .sub {
        border: none;
        border-top: 4px solid #fff;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        top: 39px;
    }
    .gridContainer #mega li .sub, .gridContainer #mega li .sub ul li a {
        background-color: #7571b0;
        color: #fff;
    }
    .gridContainer #mega li .sub ul li a {
        opacity: .8;
    }
    .gridContainer #mega li .sub ul li a:hover {
        background: #514689;
        color: #fff;
        opacity: 1;
        text-decoration: none;
    }
    .gridContainer #mega .sub .intro {
        padding: .8em;
        border-bottom: 1px solid #ccc;
        font-weight: 200;
    }
    .gridContainer #mega .sub .topMenuButton, .gridContainer #mega .topMenuSearch {
        clear: left;
        padding: 10px .8em;
    }
    .gridContainer #mega .sub .topMenuButton {
        text-align: center;
    }
    .gridContainer #mega .sub .topMenuButton a {
        float: none;
        border: none;
        color:#fff;
        text-transform: uppercase;
        background: #514689;
        opacity: .8;
        font-size: 1em;
        font-weight: 800;
    }
    .gridContainer #mega .sub .topMenuButton a:hover {
        opacity: 1;
    }
    .gridContainer #mega .topMenuSearch form {
        padding: 10px 20px;
        background: #514689;
    }
    .gridContainer #mega .topMenuSearch .search_box label {
        margin-right: 10px;
    }
    .gridContainer #mega .topMenuSearch .search_box input {
        font-style: italic;
    }
        
    .gridContainer #mega li.first {display:none;}
    .gridContainer #mega li a {border: none;}
    
    .gridContainer #mega li .sub, .gridContainer #mega li .sub ul li a {background: #6357a0; letter-spacing: .03em; font-size: 1em;}
    .gridContainer #mega li a i.fa {opacity: .5}
    
    .gridContainer #mega li .sub ul li a.folder {font-weight: 400;}
    .gridContainer #mega li .sub ul li.sub_item {margin-left: 5%; width: 95%;}
}
@media screen and (min-width: 1280px){
    .gridContainer #topNav {height: 43px;}
    .gridContainer #mega li a, .gridContainer #mega li a:hover {font-size: 1.2em;}
    .gridContainer #mega li .sub {top: 43px;}
}
@media screen and (min-width: 1400px){
    .gridContainer #topNav {height: 45px;}
    .gridContainer #mega li .sub {top: 45px;}
    .gridContainer #mega li a, .gridContainer #mega li a:hover {
        font-size: 1.4em;
        padding: 10px 20px;
    }
    .gridContainer #mega li .sub a, .gridContainer #mega li .sub a:hover {
        padding: .8em;
    }
}
/* END new header style */
/* COVID19 - ALERT */
body div.fsmAlert {
  margin-top: 0;
  margin-bottom: 0;
  padding: .1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  body div.fsmAlert a {
    font-weight: bold; }
  body div.fsmAlert div.alertMsg {
    padding-left: 15px; }
  body div.fsmAlert div.alertMsg > p:first-of-type:before {
    font-family: FontAwesome;
    content: "\f071";
    padding-right: .25em; }

body div.redFsmAlert {
  color: #950515 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important; }
  body div.redFsmAlert h1, body div.redFsmAlert h2, body div.redFsmAlert h3, body div.redFsmAlert h4, body div.redFsmAlert h5, body div.redFsmAlert a, body div.redFsmAlert p {
    color: #950515 !important; }

body div.BlueFsmAlert {
  color: #004085 !important;
  background-color: #cce5ff !important;
  border-color: #b8daff !important; }
  body div.BlueFsmAlert h1, body div.BlueFsmAlert h2, body div.BlueFsmAlert h3, body div.BlueFsmAlert h4, body div.BlueFsmAlert h5, body div.BlueFsmAlert a, body div.BlueFsmAlert p {
    color: #004085 !important; }

body div.yellowFsmAlert {
  color: #000000 !important;
  background-color: #fec359 !important;
  border-color: #fec359 !important; }
  body div.yellowFsmAlert h1, body div.yellowFsmAlert h2, body div.yellowFsmAlert h3, body div.yellowFsmAlert h4, body div.yellowFsmAlert h5, body div.yellowFsmAlert a, body div.yellowFsmAlert p {
    color: #000000 !important; }