@font - face {
    font-family: "umb-gradprograms";
    src: url("/Institutions/University-of-Maryland-Baltimore-Graduate-School/styles/fonts/umb-gradprograms.eot");
    src: url("/Institutions/University-of-Maryland-Baltimore-Graduate-School/styles/fonts/umb-gradprograms.eot?#iefix") format("embedded-opentype"), 
	url("/Institutions/University-of-Maryland-Baltimore-Graduate-School/styles/fonts/umb-gradprograms.woff") format("woff"), 
	url("/Institutions/University-of-Maryland-Baltimore-Graduate-School/styles/fonts/umb-gradprograms.ttf") format("truetype"), 
	url("/Institutions/University-of-Maryland-Baltimore-Graduate-School/styles/fonts/umb-gradprograms.svg#umb-gradprograms") format("svg");
    font-weight: normal;
    font-style: normal
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sr {
    border: 0;
    clip: rect(0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0
}

.is-hidden {
    visibility: hidden;
    position: absolute
}

.is-visible {
    visibility: inherit;
    position: inherit
}

.caps {
    text-transform: uppercase
}

.txt-crimson {
    color: #DE1A32
}

.txt-teal {
    color: #00536A
}

.txt-gold {
    color: #FFD203
}

.txt-grey {
    color: #3A3A3A
}

.txt-sky {
    color: #AFC4D1
}

.txt-light {
    font-weight: 300
}

.txt-normal {
    font-weight: 400
}

.txt-bold {
    font-weight: 600
}

.txt-heavy {
    font-weight: 800
}

.txt-dusk {
    color: #042432
}

.txt-riviera {
    color: #105067
}

.umb-gradprograms {
    font-family: "umb-gradprograms"
}

[data-icon]:before {
    font-family: "umb-gradprograms" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
 /*    font-family: "umb-gradprograms" !important; */
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-twitter:before {
    content: "a"
}

.icon-facebook:before {
    content: "b"
}

.icon-linkedin:before {
    content: "c"
}

.icon-search-find:before {
    content: "d"
}

.icon-plus:before {
    content: "e"
}

.icon-minus:before {
    content: "f"
}

.icon-align-justify:before {
    content: "\f0c9"
}

.icon-cancel:before {
    content: "\f00d"
}

.icon-angle-up:before {
    content: "j"
}

.icon-angle-down:before {
    content: "k"
}

.icon-forward:before {
    content: "i"
}

.icon-arrow-right:before {
    content: "l"
}

.icon-back-1:before {
    content: "m"
}

.masthead .navigations {
    position: absolute;
    color: #fff;
    z-index: 1000;
    display: block;
    float: left;
    margin-right: 2.3576516%;
    width: 100%
}

.masthead .navigations:last-child {
    margin-right: 0
}

.masthead .navigations h1 {
    margin: 0;
    padding: 10px 20px
}

.masthead .navigations h1 a {
    text-indent: -9999px;
    display: block;
    height: 60px;
    max-width: 230px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain
}

@media screen and (min-width: 680px) {
    .masthead .navigations h1 a {
        max-width: 280px;
        height: 80px
    }
}

@media screen and (min-width: 800px) {
    .masthead .navigations h1 {
        display: block;
        float: left;
        margin-right: 2.3576516%;
        width: 23.2317613%
    }
    .masthead .navigations h1:last-child {
        margin-right: 0
    }
}

.masthead .partner-logo {
    display: none
}

.masthead .partner-logo img {
    max-width: 100%
}

.masthead .partner-logo a {
    display: block
}

@media screen and (min-width: 1200px) {
    .masthead .partner-logo {
        display: block;
        position: absolute;
        width: 120px;
        left: 320px;
        top: 38px
    }
}

.masthead .menu-toggle {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    right: 0;
    text-align: center;
    font-size: 30px
}

.masthead .menu-toggle:before {
    display: block
}

.masthead .menu-toggle.hidden {
    display: none
}

.masthead .menu-toggle.close {
    z-index: 2100
}

.masthead .menu-toggle.open {
    z-index: 2250
}

@media screen and (min-width: 1200px) {
    .masthead .menu-toggle {
        display: none
    }
}

.masthead .menus {
    position: fixed;
    display: none;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    top: 0;
    background: #3A3A3A;
    font-weight: 200
}

@media screen and (min-width: 1200px) {
    .masthead .menus {
        position: relative;
        display: block;
        float: left;
        margin-right: 2.3576516%;
        width: 74.4105871%;
        height: 100px;
        background: transparent;
        display: block !important
    }
    .masthead .menus:last-child {
        margin-right: 0
    }
}

.masthead .menus .utility-navigation {
    background: #3A3A3A
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation {
        background: transparent;
        position: absolute;
        top: 20px;
        right: 16px;
        text-align: right;
        width: 100%
    }
}

.masthead .menus .utility-navigation ul {
    margin: 0 auto;
    max-width: 90%;
    padding-left: 0
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation ul {
        max-width: 100%;
        float: right
    }
}

.masthead .menus .utility-navigation form {
    margin: 20px auto;
    max-width: 90%;
    padding-left: 0;
    position: relative
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation form {
        float: right;
        width: auto;
        margin: 0
    }
}

.masthead .menus .utility-navigation li {
    display: inline-block;
    width: 30%;
    margin-bottom: 20px;
    font-size: 13px
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation li {
        width: auto;
        padding-left: 1.2em;
        padding-right: 1.2em;
        border-right: solid 1px #696A6C;
        font-size: 11px
    }
    .masthead .menus .utility-navigation li:last-child {
        margin-right: 1.2em
    }
}

.masthead .menus .utility-navigation li:last-child {
	border-right: none;
}

.masthead .menus .utility-navigation li a {
    color: #ADADAD;
    font-weight: 500;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation li a {
        color: #696A6C
    }
}

.masthead .menus .utility-navigation input[type="search"] {
    color: #292928;
    font-style: italic;
    width: 90%;
    font-weight: 400;
    padding: 6px;
    position: relative;
    font-size: 16px
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation input[type="search"] {
        display: none;
        vertical-align: top;
        width: 75%;
        padding: 1px;
        font-size: 11px
    }
}

.masthead .menus .utility-navigation input[type="submit"] {
    display: none
}

.masthead .menus .utility-navigation .icon-search-find {
    display: none
}

@media screen and (min-width: 1200px) {
    .masthead .menus .utility-navigation .icon-search-find {
        display: inline-block;
        color: #696A6C;
        width: 30px;
        height: 30px;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
        margin-top: 2px
    }
}

.masthead .menus .main-navigation {
    background: #292928;
    position: relative
}

@media screen and (min-width: 1200px) {
    .masthead .menus .main-navigation {
        background: transparent;
        position: absolute;
        bottom: 20px;
        right: 18px;
        width: 100%
    }
}

.masthead .menus .main-navigation ul {
    margin: 0 auto;
    max-width: 90%;
    padding-left: 0
}

@media screen and (min-width: 1200px) {
    .masthead .menus .main-navigation ul {
        margin: 0;
        max-width: 100%;
        text-align: right
    }
}

.masthead .menus .main-navigation li {
    text-transform: uppercase;
    font-size: 28px
}

.masthead .menus .main-navigation li:first-child {
    padding-top: 1em
}

@media screen and (min-width: 1200px) {
    .masthead .menus .main-navigation li {
        display: inline-block;
        text-align: left;
        margin-right: .8em;
        font-size: 14px
    }
    .masthead .menus .main-navigation li:first-child {
        padding-top: 0
    }
    .masthead .menus .main-navigation li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1600px) {
    .masthead .menus .main-navigation li {
        margin-right: 2em;
        font-size: 16px
    }
}

.masthead .menus .main-navigation li a {
    color: #FFD203;
    font-weight: 500;
    line-height: 2.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .masthead .menus .main-navigation li a {
        color: #007699
    }
}

@media screen and (min-width: 1200px) {
    .masthead .menus .main-navigation li a:hover {
        padding-bottom: .5em;
        border-bottom: solid 3px #DE1A32
    }
}

.masthead .menus ul {
    margin: 0
}

.masthead .menus li {
    list-style: none;
    padding-left: 0
}

@media screen and (min-width: 800px) {
    .sticky-header .masthead .navigations {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: rgba(255, 255, 255, 0.9)
    }
}

.gradlandingtitle {
    margin-top: 3em
}


/*# sourceMappingURL=header.css.map */