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

/* HEADINGS ------------------------------ */
h1 {
  display: inline-block;
  font-size: 1.5625rem;
  margin: 0 0 1rem;
  padding: 0;
  border: none;
  font-weight: 600;
  color: var(--primary);
}
h2 {font-size: 1.25rem;font-weight: 700;}
h3 {font-size:1.125rem;font-weight: 700;}
h4, th{font-size:1.25rem}
h5 {font-size:1.125rem}
h6 {font-size: 1.0625rem}
.intro {font-size: 1.25rem;}

h1>span, h2>span {color: #555;font-size: .875rem;font-weight: 400;vertical-align: baseline;}

/* HEADER ------------------------------*/
#navContainer {background-color: rgba(0,0,0,0.5);position: relative;z-index: 11;height: 2.375rem;}
body>header #navContainer .wrap {overflow: visible;}

header #mainnav {
  width: 100%;
  line-height: 1.5;
  float: left;
}

#mainnav li {
  display: inline-block;
  position: relative;
}

#mainnav li a {
  display: inline-block;
  font-size: .9875rem;
  color: #fff;
  padding: 0 1rem;
  line-height: 2.5;
}

#mainnav>ul>li:first-child a {
  background-image: url('/images/icons/home-solid.svg');
  background-repeat: no-repeat;
  background-position: .4375rem .625rem;
  background-size: 1.125rem 1.125rem;
  padding-left: 2rem;
}

#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a {
  background-color: var(--secondary);
  color: #FFF;
}

/* nav */
nav ul{margin: 0}
#mainnav{ overflow:visible }
#mainnav ul{ overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:2em;padding:0 1em;display:inline-block;color:#fff;text-decoration:none;}
#mainnav>ul>li.on>a{background:#fff;color:var(--secondary);}
/* drop-down menu */

#mainnav li ul{
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.05), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
  width:200px;
  padding: .5rem 0;
  background: #FAFAFA;
  position:absolute;
  overflow:auto;
  height:auto;
  top: -200vh;
  opacity: 0;
  visibility: hidden;
  transition: ease 200ms opacity 0.35s;
  z-index:1;
}

#mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
#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: #131131;}
#mainnav li ul li a{font-size: .9375rem;line-height: 1;padding: .5rem 1rem;display:block;width:100%;text-align:left;float:left;}
#mainnav li ul li a:hover, .t1 li ul li a:active{color: #FFFFFF;background: var(--primary);}
/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}
/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main>div>aside {width:12rem;padding-right: 2em; overflow:hidden;float: left;}
main>div>#content{float:right;width:calc(100% - 12rem);padding:0 0 50px;overflow:hidden;min-height:600px;position:relative}
body.fullWidth main>div>#content {width: 100%;margin: 0 auto;float: none}

.twoCol, .threeCol, .resCol{
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  -moz-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol { -webkit-columns: auto;-moz-columns: auto;columns: auto; -webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose, .formTable.formLoose td {width:auto; }

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.wsManagementLogin td:first-child {width:40%; text-align: right}

.with-sidenav {display: flex; justify-content: space-between;}
.with-sidenav > .sidenav {order:1; width:12.5rem; padding-top:2.875rem}
.with-sidenav > .content {order:2; width:calc(100% - 15.625rem)}

#previous-positions-form .wrap-halfs > * {width:49.25%}
.wrap-custom > label + label {margin-left: 1.5%}
.wrap-custom > label.initials {max-width:6.75rem}
.wrap-custom > label.grade {max-width:6.75rem}
.wrap-custom > label.city {width:50%}
.wrap-custom > label.state {width:25%}
.wrap-custom > label.zip {width:25%}

.multiple-file-upload {margin:0 0 3em}
.multiple-file-upload tr:first-child {border-top: 1px dashed #ccc}
.multiple-file-upload tr {border-bottom: 1px dashed #ccc}
.multiple-file-upload td {padding:0.5rem; width:1%; vertical-align: middle;}

.candidate-block .positions {}

/* FOOTER ------------------------------ */
.fatFooter>nav{float: left;width: 80%}
.fatFooter>nav>ul{float: left;width:25%}
#web-solutions {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}

/* DESKTOP / MOBILE ONLY ------------------------------*/
.d-desktop { display: block; }
.d-mobile { display: none; }
#steps .d-desktop { display: inline-block; }

/* MEDIA QUERIES ------------------------------ */

@media (max-width: 1100px) {
  #candidate-profile { padding-left: 2.25rem; }
}

/* -- - - - - MPS - [STYLE-D.CSS] - - - - -- */