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

body.slideNav {overflow: hidden;}
.content .button {margin-bottom: 1rem;}
/* HEADINGS ------------------------------ */
h1 { font-size: 1.625em; }
h2 { font-size: 1.375em; }
h3 { font-size: 1.25em; }
h4, th{ font-size: 1.125em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em }
.intro {font-size: 1.125rem; line-height: 1.5 }

/* HEADER ------------------------------ */
body { padding-top: 0 !important;}
body>header {position: relative !important; background:#fff;text-align: center; top: auto !important;}
body>header:before{content: "";opacity: 0; z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;-webkit-transition:left 0ms ease 200ms, opacity 200ms ease;-o-transition:left 0ms ease 200ms, opacity 200ms ease;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>header:before{left:0;opacity: .7;-webkit-transition:left 0ms ease 0ms, opacity 200ms ease;-o-transition:left 0ms ease 0ms, opacity 200ms ease;transition:left 0ms ease 0ms, opacity 200ms ease;}
body>header #brand {align-items:center; display: flex; justify-content:center; padding: 1.25em 1em;position: relative;top: .125em;}
body>header #brand img{width: 100%;height: auto;}
body>header #brand img:nth-child(2) {width: 100%;height: auto;}

body>header #navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;max-height: 100vh;background-color: #0D2338;text-align: left;z-index:3;-webkit-transition: left 200ms ease;-o-transition: left 200ms ease;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;}
body.slideNav #navContainer{left: 25%;}
body>header #navContainer nav{display: inline}
body>header #navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
body>header #navContainer li {display:block;float: left;width: 100%;position: relative;border-top: 1px solid rgba(255,255,255,0.1);}
body>header #navContainer li li {border: 0}
body>header #navContainer a, #navContainer .menu{color: #FFF;font-size: 1rem;line-height: 3em;padding:0 1rem;display:block;width: 100%;}

body>header #navContainer a:hover, #navContainer .menu:hover, body>header #navContainer li.on a {background-color: rgb(255,255,255,.1);}
body>header #navContainer nav ul li a:hover, body>header #navContainer .menu:hover {background-color: rgba(255,255,255,.1);}

body>header #navContainer li>span{display: block;position: absolute;right: 0;top: .0625em;width:2.75em;height: 2.75em;}
body>header #navContainer li>span:before{content: "";display: block;width: 60%;height: 0.0625rem;background-color: #FFF;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(90deg);-ms-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
body>header #navContainer li>span:after{content: "";display: block;width: 60%;height: 0.0625rem;background-color: #FFF;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
body>header #navContainer li.open > span:before {-webkit-transform: translate(-50%, -50%)rotate(0deg);-ms-transform: translate(-50%, -50%)rotate(0deg);transform: translate(-50%, -50%)rotate(0deg);}
body>header #navContainer li > span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
body>header #navContainer ul ul {font-size: .8em;display: none}
body>header #navContainer ul ul a {font-size: 0.9375rem;line-height: 2.8;padding-left: 2rem;}
body>header #navContainer ul ul li.on a {background-color: rgba(255,255,255,.1);}
body>header #navContainer #ancillary {clear:both;display: block;}
body>header #navContainer #ancillary .search {clear:both; display: block; overflow: auto; padding:1rem; border-top: 1px solid rgba(255,255,255,0.125)}
body>header #navContainer #ancillary .search input {float: left;}
body>header #navContainer #ancillary .search input[type="text"] {width: -webkit-calc(100% - 5rem);width: calc(100% - 5rem)}
body>header #navContainer #ancillary .search input[type="submit"] {width: 5rem;}
#navContainer li.on>span:after {background-color: #FFF;}
/* mobilenav */
body>header #mobilenav{background-color: #24588D;float: left;width: 100%;text-align: center;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex-line-pack: center;-webkit-align-content: center;align-content: center;-ms-flex-align: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;font-size:.95rem;}
body>header #mobilenav a, #mobilenav span{color: #fff;line-height: 1.6;-ms-flex-order: 0;-webkit-box-ordinal-group: 1;-webkit-order: 0;order: 0;-ms-flex: 1 1 auto;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;flex: 1 1 auto;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;text-transform: uppercase;padding: .675em 1em .5625em;}
body>header #mobilenav a:hover, #mobilenav span:hover{color: #FFF;background-color: #0D2338;}
/* hamburger */
body>header .hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 3px;top:3px;z-index:2;opacity: 0;background-color: #1D3F62;padding: 1px 3px 3px 3px;}
body.management>header .hamburger.on { top: 2.5em; }
body>header .hamburger path { fill: #FFF; }
body>header .hamburger svg {height: 1.5em;left: 50%;pointer-events: none;position: absolute;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 1.5em;}
body>header .hamburger.on{ opacity: .75; }
body>header .hamburger.on:hover { opacity: .75; }

body>*>.wrap, body>footer>.fatFooter, #alertApp>*, .home .wrap { padding-left: 3.5%; padding-right: 3.5%; }

body.news main>div>#content { padding-top: 4em; }
body.news main>div>article .back-link { left: 1.5em; }

/* MAIN ------------------------------ */
main.interior { padding-bottom: 3em;}
main>div>#content {padding: 2em 0 4em;}

.twoCol, .threeCol, .resCol{
  -webkit-column-rule:0;
  -moz-column-rule:0;
  column-rule:0;
  -webkit-columns: auto;
  -moz-columns: auto;
  columns: auto;
  -webkit-column-width: 13em;
  -moz-column-width: 13em;
  column-width: 13em;
}

.content ul li {padding-left: 1.5em;}

.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}
.formTable table td + td {padding-left: 0 !important;}

.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}

/* FOOTER ------------------------------ */
body>footer .wrap{display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: start;-webkit-box-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-line-pack: stretch;-webkit-align-content: stretch;align-content: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;-webkit-align-items: stretch;align-items: stretch;}
#web-solutions{-ms-flex-order: 1;-webkit-box-ordinal-group: 2;-webkit-order: 1;order: 1;}
body>footer .wrap nav a+span:before {content: "|"; margin: 0 0.5em}

body>footer .fatFooter.flex-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
body>footer .fatFooter address {width: 16.75em;}
body>footer .column {padding-right: 0;width: 50%;}
body>footer .logo-cofc { margin: 2em auto 0; }

body>footer>.wrap nav {
  display: block;
  margin: .5em 0;
  text-align: center;
}

body>footer .link-cofc { display: inline-block; margin: 1em auto 0;}
body>footer .copyright { text-align: center; }

body>footer input[type="text"]::-webkit-input-placeholder { position: relative; top: .1875em; }
body>footer input[type="text"]:-ms-input-placeholder { position: relative; top: .1875em; }
body>footer input[type="text"]::-moz-placeholder { position: relative; top: .1875em; }
body>footer input[type="text"]::-ms-input-placeholder { position: relative; top: .1875em; }
body>footer input[type="text"]::placeholder { position: relative; top: .1875em; }

/* ALERT ------------------------------ */
#alertApp { font-size: .875em; }

/* ALL ------------------------------ */
#callouts, #welcome, #news, main.interior { font-size: .9375rem; }

/* HERO ------------------------------ */
#hero h2 { font-size: 5vw; }
#hero .textbox { top: 50%; }

/* CALLOUTS ------------------------------ */
#callouts {padding: 3em 0 1em;}
#callouts .flex-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

#callouts li { padding: 0; width: 100%; }
#callouts li .button { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }
#callouts li:nth-child(1n+1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

/* WELCOME ------------------------------ */
#welcome { padding: 4em 0 1em; }
#welcome .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#welcome .textbox, #welcome .map { width: 100%; }
#welcome .top p { max-width: 100%; }

#welcome li { max-width: 100%; width: 100%; }
#welcome li>p { font-size: 1rem; width: 100%; }
#welcome li:nth-child(1n+1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

/* NEWS ------------------------------ */
#news {padding: 4em 0 3em;}
#news .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#news .news, #news .links { max-width: 100%; width: 100%; }
#news .news { margin: 0 0 3.5em; }


/* RESPONSIVE TABLES ------------------------------ */
.responsive-table {margin-bottom: 2rem;}
.responsive-table tbody { background: #073941; width: 100%;}
.responsive-table tr { display: block; margin: 0 0 .125rem; }
.responsive-table tr:first-of-type { display: none; }
.responsive-table tr:last-of-type { margin-bottom: 0; }
.responsive-table tr:nth-child(even) { background: #FFF;}
.responsive-table tr:nth-child(odd) { background:#F2F2F2; }
.responsive-table tr:nth-of-type(2) { border-top: 0; }
.responsive-table tr td:last-of-type {border: 0;}

.responsive-table td {
  border-bottom: 1px solid#D4D4D4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.responsive-table tr td:first-of-type {
  font-weight: 700;
}

.responsive-table td::before {
  margin-right: 0;
  width: 50%;
}

.responsive-table td::before {
  display: inline-block;
  font-weight: 400;
  padding-right: 1rem;
}

/* MEDIA QUERIES ------------------------------ */
@media (max-width: 500px) {
  #news .news li, #news .links li { width: 100%; }

  body>footer .fatFooter { text-align: center; }
  body>footer .fatFooter address { padding: 0; width: 100%; }
  body>footer .column { margin: 2em auto 0; width: 100%;}
  body>footer .column form { margin: 0 auto; max-width: 20em; width: 100%; }
  body>footer ul.social { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

@media (max-width: 400px) {
  body>header #mobilenav a, #mobilenav span { font-size: .8125rem; padding: .675em .5em .5625em; }
  #callouts, #welcome, #news, main.interior { font-size: .875rem; }
}

/* ----------- HEDC CORP - STYLE-M.CSS  ----------- */