/* THE BLUE THEME */
#wsManagementBarSpace, #wsManagementBarLine {height: 0px;}

@media screen and (min-width:750px){
    body>header{ padding-bottom: 1.250em; margin:0 auto;width:100%;background:#005596}
    .management>header{margin-top:0}
    .home>header{border-bottom: 26px solid #6699cc}

    #brand {
      max-width: clamp(16em, 6em + 21.33vw, 22em);
      display: block;
      margin-left: 1rem;
      height: 100%;
      position: absolute;
      z-index: 10;
      left: 0;
      top: clamp(-1em, -3.7083em + 5.78vw, .625em);
      transform: none;
      background-position: center left !important;
      background-repeat: no-repeat !important;
      background-size: contain !important;
    }

    /* PRIMARY NAV ------------------------------ */
    #mainnav {float:right; overflow:visible; position: absolute; bottom:0; right:0; z-index: 10;}
    #mainnav ul{text-align:right;overflow:visible}
    #mainnav li{display:inline-block;position:relative; line-height: 1.438em}
    #mainnav a{font-size: 1em; font-weight:400; text-transform: uppercase; color:#fff; padding:0 0.8em;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none}
    #mainnav>ul>li:hover>a, body>nav>ul>li:active>a{color:#FDDB00}
    #mainnav>ul>li+li {border-left: 1px solid #fff}
    #mainnav>ul>li.on>a{color:#6699cc}
    #mainnav>ul>li.on:hover>a {color: #FDDB00}
    /*dhtml*/
    #mainnav li ul  {z-index:1;width:200px;padding:5px;background:#005596;position:absolute;overflow:auto;height:auto}
    #mainnav>ul>li:last-child ul{right:0}
    #mainnav li ul li{width:100%;display:block;float:left}
    #mainnav ul li ul li a{background:none;color:#fff}
    #mainnav li ul li a{font-size:.9em; text-transform: none; line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
    #mainnav li ul li a:hover, .t1 li ul li a:active{color:#005596;background:#fff}
    /*ancillary*/
    #ancillary {float: right; text-align: right; margin:.5em 0 1.4em; width: 64%;}
    #ancillary > .button {font-size: 0.875em; line-height: 1.8em; color: #005596; -webkit-box-shadow: none; box-shadow: none; text-transform: uppercase; font-weight:300; text-transform: uppercase; display: inline-block; padding: 0 1em; background: #ffff00; border-radius: 3px;}
    #ancillary > .button:hover {color: #ffff00; background: #005596;}
    #ancillary .social {float: right; margin-left:1em; display: inline-block; vertical-align: middle;}
    #ancillary .social a{background: none; color:#fff; display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center}
    #ancillary .social a:hover{color: #ffff00; background:none}

}

.play-button {opacity: .5; background-image: url(/images/video-play.png); position: absolute; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; left: 0; top: 0;}

.play-button:hover {opacity: 1; cursor: pointer; cursor: hand }

.bottomOutro span:nth-child(2) {color: #005596; font-size: 1.9em; }

/* CONTENT */
body, .text, input, button, .highlight h1, blockquote span, .linkBox a > span + span {font-family: "proxima-nova",sans-serif;font-style: normal; font-weight: 400;}
.fancyText, .highlight, blockquote, .linkBox a > span, .topIntro h1 {font-family: "ff-meta-serif-web-pro",serif;font-style: normal;font-weight: 500;}

.topIntro { width: 100%; float: left; clear: both; background: #6699cc; padding: 1.813em 1em;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th, .content h2, .content h3, .content h4, .content h5, .content h6, .content h7, .content h8, .content h9  {font-weight:400; color: #31659b; font-family: "proxima-nova", sans-serif}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}

h1, .content article.blog>h1{font-size:2.2em;margin-bottom:.5em; color: #636467; font-weight: 800}
.content>section{margin:2em 0}
h1+h2{font-weight: 100; font-size: 1.5em; margin-top:-0.5em}
h2, .content * h1, .content h2{font-size:2.2em; font-weight: 700; margin-bottom: 0.5em}
h2 .text {font-size: 0.5em}
h3, .content h3{font-size:2.2em; font-weight: 600;}
h4, th, .content h4{font-size:1.8em; font-weight: 600;}
h5,.content h5 {font-size:1.7em; font-weight: 600;}
h6,.content h6 {font-size:1em; margin: 1.5em 0 1em; font-weight: 600;}


ul+h2 {margin-top: 1em;}

.twoCol, .threeCol, .resCol {
    -webkit-column-rule: 0;
    column-rule: 0;
}

hr {margin: 2em 0}

.content ul li {padding-left: 2em; text-indent: -1em; line-height: 120%; margin-bottom: 0.5em;}
main>.wrap {padding-top: 1em;}

.no-bullet>li:before {display: none!important;}

.no-bullet>li {padding-left: 0!important; text-indent: 0!important;}

.opportunity h2 { font-size: 3em;}

.home main .wrap h1 {font-size: 3em;}
.welcome h1 {margin-bottom: .5em;}

.home main p {font-size: 1.4em!important;}


.stats .brief {font-size: 1em;}

.bottomOutro {height:20vw;}
.bottomOutro span:nth-child(2) {text-transform: inherit;}

.opportunity .flex-row .brief {font-size: 1em;}

footer .schoolInfo .wrap {padding: 2em;}

.fatFooter .title {color: #ffffff; }

.copyright {}

#content.welcome {padding: 0 0 1em 0; }
.opportunity {padding: 2.5em 0 3.875em 0;}

.studentSuccess + .studentSuccess {padding-bottom: 0;}
.studentSuccess .wrap { padding: 1em 0 .5em 0;}

.content .searchResults h5 {margin-bottom: 1em}
.content .search-results-list a {display: block}
.content .search-results-list h3 {margin: 0; color: #6699cc; font-size: 1.2em}
.content .search-results-list a:hover h3 {color: #aebd35}
.content .search-results-list li {position: relative; text-indent: 0}
.content .search-results-list li:before {position: absolute; left: 0.5em; top:0.125em}
.information .wrap .half {margin-bottom: 4em}

.bottomOutro {height:auto; padding: 4em 1em; position: relative}
.bottomOutro:before {content:""; z-index:1; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background:rgba(0,0,0,0.5);}
.bottomOutro .wrap {position: relative; z-index: 2;}
.bottomOutro span:nth-child(2) {color:#efefef}

body.fullWidth #content {float:none; margin: 0 auto}

@media screen and (min-width:750px) {
    #content.welcome p {padding: 0 5%!important;}
    #content {min-height: 0!important;}
}

@media screen and (max-width:750px) {
    .slideNav #navContainer {-webkit-box-shadow: 0 1em 2em 1em rgba(0,0,0,0.95);box-shadow: 0 1em 2em 1em rgba(0,0,0,0.95)}
    body>header {padding:0; background: #005596; border-bottom: 5px solid #69c}
    body>header>.wrap {height: auto}
    #brand {
      width: 100%;
      height: 5em;
      margin-inline: auto;
      background-size: contain !important;
      margin-block: .5em;
      display: block;
}
    #mobilenav {border-top: 1px solid rgba(255,255,255,0.25);}
    #navContainer #ancillary {float: none; display: block; text-align: right; margin: .5em 0 1.4em; width: 100%; position: relative; padding: 1em; overflow: auto;}
    #navContainer #ancillary .social {margin:0}
    #navContainer #mainnav { display: block; position: relative; float: none;}
    #navContainer #mainnav ul {text-align: left}
    #navContainer #mainnav>ul>li+li {border:0}
    #navContainer #mainnav li ul {z-index: 1; width: 100%; padding: 0 1em; background: none; position: relative; overflow: auto; height: auto; font-size: 1em;}
    #navContainer #mainnav li.on a {background: none; color:#fff}
    #navContainer #mainnav li.on > a {color:#fff; background: #f79120}
    footer .schoolInfo .wrap {padding: 0 0 1em 0;}

    #navContainer #ancillary .social + .button + .button {display: block; margin-top:0.625rem; text-align: center; width: 100%;}

    #rotatorContainer,
    #rotatorContainer > div,
    .iosSlider,
    .iosSlider .slider,
    .iosSlider .slider .slide {height: 375px !important; padding: 0 !important}
    .iosSlider .slider .slide .title span {font-size: 1.5em !important}
}