/* BEGIN new header style */
#NMBrandHeader {
    background: #514689;
    color: #fff;
    border-top: 1px solid #7571b0;
}
#NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link {
    color: #fff;
}
#main-content {outline: none !important}
#page #main-content .text-over-image p, #page #main-content .back p, 
#page #main-content .text-over-image h3, #page #main-content .back h3,
#page #main-content .background-select h2, #page #main-content .background-select p{color:white}
#page #main-content .background-select {text-align: center}
.standard-page nav#leftNav { display: none; }
.standard-page .content { width: 100%; }
.standard-page .background-select {
    width: 100%;
    display: table;
    min-height: 300px;
    margin-bottom: 3rem;
    color: #fff;
}
.standard-page .background-select .background-select-image {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding: 2rem 1em;
}
.standard-page #page section {margin-bottom: 2.5rem;}
.flexWrap {flex-wrap: wrap;}
.flexWrap .flexChild { margin-bottom: 1.2em}
.flexWrap.feature-three-col .flexChild:nth-child(3n+1) {margin-left: 0px}
@-webkit-keyframes showFixedHeaderWrapper {
    from {top: -75px}
    to {top: 0}
}

@keyframes showFixedHeaderWrapper {
    from {top: -75px}
    to {top: 0}
}
@-webkit-keyframes showFixedNav {
    from {top: 0px}
    to {top: 75px}
}

@keyframes showFixedNav {
    from {top: 0px}
    to {top: 75px}
}

/* bootstrap callout styles */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4, .callout-primary {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4,.callout-success {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4, .callout-danger {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4, .callout-warning {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4, .callout-info {
    color: #5bc0de;
}
/* Follow Social Media */
#followSocial {max-width: 1120px; margin: 0 auto; text-align: center; padding-top:1em;}
#followSocial p{font-family: 'Open Sans', Calibri,Helvetica,Arial,sans-serif; color: #a9abac; text-transform: uppercase; line-height: 2em;}
#followSocial a.icon {display: inline-block; margin-left: 15px; padding:8px 8px 0px; transition: all .2s ease-in-out;}
#followSocial a.icon:focus, #followSocial a.icon:hover {transform:translateY(-4px)}
#followSocial a.icon svg {width: 24px; height: 24px; fill: #fff;}

#followSocial a.icon.fb {background:#004088}
#followSocial a.icon.flickr {background:#ff0084}
#followSocial a.icon.instagram {background:#517fa6}
#followSocial a.icon.linkedin {background:#01669c}
#followSocial a.icon.twitter {background:#00abe3}
#followSocial a.icon.youtube {background:#cc181e}
#brandFooterNew #footerMisc h2 {padding-top: 15px;}
@media screen and (min-width: 481px){
    #globalLinks {
        background: #514689;
        color: #fff;
        height: 40px;
    }
    #globalLinks a {
        color: #fff;
    }
    #globalLinks #NMLogoNew a {
        background: url(https://deptcommon.fsm.northwestern.edu/images/nm/Feinberg-linear-white-240.svg) 0 0 no-repeat;
        width: 240px;
    }
    #NMBrandHeader #siteTitle #nuText {display:none;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #mega li a i.fa-caret-down::before {content:"\2023"; transform:rotate(90deg)}
}
@media screen and (min-width: 768px){
    header#nav {background: #514689; width: 100%; z-index:99;}
    #topNav { background: #6357a0; height: 39px; margin-bottom: 4px;}
    #mega li .sub {top: 39px;}
    #mega li.first, #mega li a {border: none;}
    #mega li a, #mega li a:hover {font-size: 1em;}
    #mega li .sub, #mega li .sub ul li a {background: #6357a0; letter-spacing: .03em;}
    #mega li a i.fa {opacity: .5; width: 14px;}
    #mega li .sub ul li a:hover {background: #514689;}
    #mega li .sub ul li a.folder {font-weight: 400;}
    #mega li .sub ul li.sub_item {margin-left: 5%; width: 95%;}
    .standard-page .content { width: 73.64286%; float:right; }
    .standard-page nav#leftNav {display:block; margin-left:0; width: 23.16071%;}
    #mega li > a.noClick {cursor: default; font-size:1em;}
    #mega li:hover > a.noClick, #mega li > a.noClick:hover {background: #3d376d;color: #fff;font-size:1em;}
    #followSocial {padding-top:0}
}
@media screen and (max-width: 768px) {
    .standard-page #page {display: block;}
}
@media screen and (min-width: 1000px){
    #NMBrandHeader #siteTitle #nuTextMain {display:none;}
    .standard-page .content { width: 74.64286%; float:right; }
    .standard-page nav#leftNav {display:block; margin-left:0; width: 23.66071%;}
    /* Fixed Header Style */
    #headerWrapper.fixed #NMBrandHeader {border: none;}
    #headerWrapper.fixed {padding-top: 10px;}
    #headerWrapper.fixed #globalLinks, #headerWrapper.fixed .logo {display: none;}
    #headerWrapper.fixed #siteTitle a, #headerWrapper.fixed #siteTitle a:link {font-size:24px;}
    #headerWrapper.fixed {
        border-bottom:5px solid #514689;
        -webkit-animation: showFixedHeaderWrapper 300ms ease-out 1;
        animation: showFixedHeaderWrapper 300ms ease-out 1;
        opacity: 1;
        z-index: 34;
    }
    #mainContent.fixed, #homepageContent.fixed {margin-top: 150px; position: relative;}
    #nav.fixed {
        top: 75px; 
        border-top:5px solid #514689;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.2); 
        -webkit-animation: showFixedNav 300ms ease-out 1;
        animation: showFixedNav 300ms ease-out 1;
        opacity: 1;
        z-index: 33;
    }
    #nav.fixed #topNav {margin-bottom: 0;}
}
@media screen and (min-width: 1280px){
    #topNav {height: 43px;}
    #mega li a, #mega li a:hover {font-size: 1.2em;}
    #mega li > a.noClick {font-size:1.2em;}
    #mega li:hover > a.noClick, #mega li > a.noClick:hover {font-size:1.2em;}
    #mega li .sub {top: 43px;}
}
@media screen and (min-width: 1400px){
    #topNav {height: 45px;}
    #mega li .sub {top: 45px;}
    #mega li a, #mega li a:hover {
        font-size: 1.4em;
        padding: 10px 20px;
    }
}
/* END new header style */