@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-columns: auto;
        columns: auto;
-webkit-column-width: 13em;
        column-width: 13em;}


/* list */
.content ul li {padding-left: 1.5em;}
/* forms */
.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}

/* HEADER */
#brand {margin-bottom: 10px; padding: 0.5em 1em; width:100%; margin:0 auto; position: relative; transform: none; -webkit-transform:none; top:auto; left:auto}
#brand img {max-width: 100%; height: auto}

#navContainer #ancillary .social {width: 100%; text-align: center; border-top: 1px solid rgba(255,255,255,0.25); padding-top: 1em;}
#navContainer #ancillary .social a {float: none; display: inline-block}
#navContainer #ancillary .social + a {display: block; text-align: center; width:100%}

/* nav */
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;background-color:#005596;z-index:20;-webkit-transition: left 200ms ease;transition: left 200ms ease}
.slideNav #navContainer {left: 25%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li{display:block;float: left;width: 100%; position: relative}
#navContainer a, #navContainer .menu {color:#fff;line-height:2em;padding:0 1rem;display:block;float: left;width: 100%}
#mobilenav *+* {border-left: 1px solid rgba(255,255,255,0.25)}
#navContainer a:hover,#navContainer .menu:hover {background-color:#6699cc;color: #fff}
#navContainer li.on a {background-color:#f79120}
#navContainer li.open {background-color: #6699cc}
#navContainer li>span {color: #000;background-color:#fff;opacity: .1; border-radius: 50%; display: block;position: absolute;right: .25em;top: .25em;line-height: 1.5em;width:1.5em;text-align: center;-webkit-transition: transform .2s ease;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease}
#navContainer li>span:hover, #navContainer li.on>span{opacity: .3}
#navContainer li>span:before{content: "\25B8"}
#navContainer li.open>span {-webkit-transform: rotate(90deg);transform: rotate(90deg)}
#navContainer ul ul {font-size: .8em;}
#navContainer ul ul a {padding-left: 2rem}

#mobilenav{background-color: #005596;float: left;width: 100%;text-align: center}
#mobilenav a, #mobilenav span {width: 33.3%;display: block;float: left;color: #fff;line-height: 2em}
#mobilenav a:hover, #mobilenav span:hover{color: #fff; background-color:#f79120;}
#mobilenav .menu:after {content:"\f0c9"; font-family: FontAwesome; margin-left: .5em;}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 0;top:0;opacity: .5;background: url(/images/m/hamburger.svg);background-size: cover;z-index:1;opacity: 0}
.hamburger.on{opacity: .3}

#ancillary {float: left; padding: 0 1em;}
#ancillary .button {color: #fff;}
.social {float: left; margin: 1em 0;}
#navContainer .social a:hover {background: none; opacity: .5;}
#navContainer #ancillary a {width: auto;}

/* content */
.content blockquote.testimonial {
        flex-direction: column;
        text-align: center;
}

.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}
.topIntro {padding: 1em}
.topIntro h1 {font-size: 1.5em; margin:0}
.topIntro p {margin: 0 ; font-size: 1em; font-weight:400}

/* main */
main {padding: 1rem;}
main>.wrap{padding-top:0}

/* HOME */
.flex-row {display: block}
.flex-row div {margin: 0; padding: 2em 1em; text-align: center; width: 100%;}
.flex-row div+div {border-left:0; border-top: 1px solid #005596}
.flex-row .button {float:none}

.welcome h1 {line-height: 1.1em;}
#content.welcome {padding: 0 0 1em}
.home main .embed-container {max-width: 100%}
.home .video {margin-bottom: 3em}
.stats {padding: 2em 1em}
.stats .percent {margin-bottom: 1.25rem}
.stats .brief {margin-bottom: 1em}
.stats p {font-size: 1.15em; max-width:100%}
.stats .flex-row div + div {border-left:0; border-top: 1px solid #fff;}
.opportunity {padding: 2em 0}
.opportunity h2 {font-size: 1.75em}
.studentSuccess {padding:1em 1em 0}
.studentSuccess .wrap {padding:1em 0 0}
.studentSuccess h1, .home .studentSuccess h2 {font-size:1.25em}
.studentSuccess .wrap > a {width:50%; margin:0 0 1em !important; padding-right:0.4em}
.studentSuccess .wrap .half {padding:1em}
.studentSuccess .wrap + .wrap {display: block}
.studentSuccess .wrap .half {width:100%}
.studentSuccess .wrap .half + .half {margin: 5% 0 0 }

.percent {margin: 0 auto 1.75rem;}

.bottomOutro {height: 50vw}
.bottomOutro span:first-child {font-size: 1.25em;}
.bottomOutro span:nth-child(2) {font-size: 1.5em;}
.formTable td:first-child {padding: 0}

.content p img {max-width: 100%; height: auto}
.content ol {margin-left:0}


/* footer */
.fatFooter {display: block; margin:0}
.fatFooter > * {border-bottom: 1px solid rgba(255,255,255,.15); border-left:0; padding: .75em 1em; text-align: center;}
.fatFooter > *:first-child {padding-top: 0;}
.fatFooter > *:last-child {border-bottom: none; width:100%; margin:0}
footer > .wrap {display: block}
footer > .wrap > .newsletter {text-align: center; margin:1em 0}
footer > .wrap > .newsletter span {margin-bottom: 0.75em; display: block}
.fatFooter .newsletter form {display: inline-block;}
footer .schoolInfo .wrap {text-align: center; padding:1em}
footer .schoolInfo p {padding: 0}
footer .copyright {text-align: center; padding-top: 1em}
.fatFooter .newsletter form input[type="email"] {width: calc(100% - 5.5em); height: 3em}
.fatFooter .newsletter form button {width: 5.5em; float: right; height: 3em}

body>footer .fatFooter .social a {margin: 0;}
body>footer .fatFooter .social a+a {margin-left: 2em;}

footer .schoolInfo .wrap .footer-logos {float: left; width: 100%;}
footer .schoolInfo .wrap .footer-logos a, footer .schoolInfo .wrap .footer-logos div {float: left; margin-bottom: 2em; text-align: center; width: 100%;}
footer .schoolInfo .wrap .footer-logos img {max-height: 8em;}
footer .schoolInfo p {width: 100%}

body>footer .wrap{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
#web-solutions-exposure{
 -ms-flex-order: 1;
 -webkit-box-ordinal-group: 2;
         order: 1;
}

@media only screen and (max-width:750px) {
        body>footer .fatFooter .social a,
        body>footer .fatFooter .social a+a {margin: 0 0.25em 0.25em; width: 2.5em; height: 2.5em; display: inline-block; vertical-align: middle; line-height: 2.5em; background: rgba(0,0,0,0.25); border-radius: 50%; border: 1px solid rgba(255,255,255,0.25);}
}
@media only screen and (max-width:375px) {
    .studentSuccess article div {margin-bottom: 1em; width: 100%;}
    .studentSuccess article div + div {width: 100%;}
}