@charset "UTF-8";
/* CSS Document */

/* master.css */
/* 10.02.23 - Added fix for csv data tables not displaying on mobile 0 BB*/
/* 07.31.23 - Added CSS for cards - BB*/
/* 06.22.23 - Accounting for <i> and <span> with FA */
/* 06.21.23 - Switching to FA 6.4 Subset */
/* 04.12.23 - Audience and Utility Navigation udpates - DD
/* 04.05.23 - updated font size of buttons from 0.875rem to 1rem, btn-lg from 1.125 rem to 1.25 rem, text transfrom of buttons from uppercase to capitalize and line height to 1.5 - BB
/* 03.02.23 - Update border-right width on nav > ul.list-group > li.list-group-item:hover- DD*/
/* 01.04.23 - Removed background bubbles from H1 on 2nd level pages - BB*/
/* 10.19.22 - Added new styles for navigation, removed hover effects - BB*/
/* 03.16.22 - added iframe#fa-iframe to control embedded iframe used for Foundation's FormAssembly vendor. - PS*/
/* 02.23.22 - font-size: change em to rem - DD */
/* 02.18.22 - Make visible the RAVE notification - DD */
/* 01.31.22 - Updated classes for events widget - PS*/
/* 01.20.22 - Switched the side the interior vertical border was on from .infographic-left to .infographic-right*/
/* 09/09/21 - Added new figure.card-body ul class*/
/* 07.22.21 - New class .no-gutter-bs3-fix added. - PS*/
:root {
  font-size: 16px;
}
body {
  font-family: Arial, sans-serif;
  padding-bottom: 30px;
  font-size: 1rem; /* = 16px*/ /* see reference: https://daniellamb.com/experiments/px-to-rem-calc/ */
  max-width: 1900px;
  margin: 0 auto !important;
  float: none;
  line-height: 1.5;
}
/* normalize.css
/*------------------------------------------------------*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
article, aside, footer, header, nav, section {
  display: block;
}
h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}
figcaption, figure, main { /* 1 */
  display: block;
}
figure {
  margin: 1em 40px;
}
figcaption {
  font-weight: 700;
  font-style: italic;
  margin-top: 5px;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b, strong {
  font-weight: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
small, .small, .filter, .note, .disclaimer, .source {
  font-size: 80%;
}
.note::before {
  content: "Please Note: ";
}
.disclaimer::before {
  content: "Disclaimer: ";
}
.source::before {
  content: "Source: ";
}
audio, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button, input, optgroup, select, textarea {
  margin: 0;
}
button, input { /* 1 */
  overflow: visible;
}
button, select { /* 1 */
  text-transform: none;
}
button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] {
  -webkit-appearance: button; /* 2 */
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details, /* 1 */ menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/* /normalize.css
/*------------------------------------------------------*/
/* Emergency Notice  
/*------------------------------------------------------*/
/* t4 defaults */
.notice {
  background: #def1fb;
  opacity: 1 !important;
  display: list-item /*block !important*/ ;
  border-bottom: 1px solid white;
}
.notice.emergency {
  background: #e95530;
}
.notice.warning {
  background: #ff7900;
}
.notice a, .notice-lead {
  display: block;
  font-size: 1.25rem/*20px*/;
  font-weight: bold;
  padding: 40px 50px 40px 120px;
  text-decoration: none;
  overflow: hidden;
}
.notice.closed {
  display: block !important;
  transition: opacity 500ms ease-out, max-height 500ms ease-out !important;
  max-height: 0 !important;
  opacity: 0 !important;
}
.notice.closed .fa, .notice.closed .fa-solid, .notice.closed .fa-regular {
  display: none !important;
}
.notice.closed a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: padding 500ms ease-out !important;
  max-height: 0 !important;
}
/* /t4 defaults */
/* CUSTOM */
.notice .row /* formerly .emergencynotice .row */ {
  margin-left: 0;
  margin-right: 0;
}
.notice.notice /*.emergencynotice*/ {
  border: none !important;
  font-weight: 400;
  padding: 0;
  text-align: left;
  font-size: 1.313rem;
  line-height: 1.65em;
  list-style-type: none;
  text-shadow: none; /* was on it's own .notice.notice */
}
.notice.notice a {
  background: url(/media/website/site-assets/css/images/warning_dkblue_64.png) no-repeat scroll 32px 50%;
  color: #003968;
  text-decoration: underline;
}
.notice.notice .notice-lead {
  background: url(/media/website/site-assets/css/images/warning_dkblue_64.png) no-repeat scroll 32px 50%;
  color: #003968;
}
.notice.emergency {
  background: #be0f34;
  border-color: #ab0d2f;
}
.notice.emergency > .row > span, .notice.emergency a, .notice.warning a {
  background: url('https://pxl-elginedu.terminalfour.net/prod01/cdn-pxl-elginedu-prod/media/website/site-assets/css/images/warning_64.png') no-repeat scroll 32px 50%;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-decoration: underline;
}
.notice.emergency > .row > span {
  display: block;
  font-size: 1.25rem/*20px*/;
  font-weight: bold;
  padding: 40px 50px 40px 120px;
  text-decoration: none;
  overflow: hidden;
}
.notice.info {
  background: #DFF0D8;
}
.notice.warning {
  background: #ff7900;
}
/*
Changed the data-interval on slider (Home Page) from 8 seconds to 12 seconds.
Temporarily disable the close button for notice bar.
*/
/* Use to temporarily disable the .emergencynotice div 
.emergencynotice {
  display: none;
}*/
.emergencynotice.dd {
  display: block;
}
.emergencynotice span.fa.fa-times.fa-lg, .notice span.fa.fa-times.fa-lg,
.emergencynotice span.fa-solid.fa-circle-xmark.fa-lg, .notice span.fa-solid.fa-circle-xmark.fa-lg{
  display: none !important;
}
@media (max-width: 550px) {
  .emergencynotice, .notice {
    line-height: 1.65em;
  }
  .notice.emergency > .row > span, .notice.notice a, .notice.emergency a, .notice.warning a, .notice.info a, .notice.notice .notice-lead {
    background: none;
  }
  .notice.emergency > .row > span, .notice a, .notice-lead {
    font-size: .85rem;
    padding: 40px 20px 40px 30px;
  }
  .notice.emergency > .row > span, .notice.emergency a, .notice.warning a, .notice.notice a, .notice.info a, .notice-lead {
    background: none;
  }
}
.notice .fa, .notice .fa-regular, .notice .fa-solid {
  float: right;
  margin: /*-60px 16px 0 0*/ 22px 20px 0 0;
  font-weight: bold;
  color: #0e4966;
  border: 2px solid #0e4966;
  padding: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.notice.warning .fa, .notice.warning .fa-regular, .notice.warning .fa-solid {
  color: #fff !important;
  border: 2px solid #fff !important;
}
/* /CUSTOM */
/* Emergency Notice 
/*------------------------------------------------------*/
/* header.css
/*------------------------------------------------------*/
/* Navigation 
/*------------------------------------------------------*/

/* New navigation without hover effects */

@media (max-width: 880px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
}
}
.dropdown-menu {
  border: 1px solid #005195 !important;
  border-radius: 0 !important;
}
@media only screen and (min-width: 881px) {
  nav#main > ul > li {
    justify-content: left !important;
    border-right: 0 !important;
  }
}
a.btn.btn-sm.m-2 {
    margin: 1rem;
}
.dropdown-menu > li > a {
    white-space: normal;
}
/* /New navigation without hover effects  */
#navbar #main {
  z-index: 15;
}
@media screen and (min-width: 1900px) {
  body {
    width: 100%;
  }
  #wrapper {
    text-align: center;
    /* May want to do this if there is risk the container may be narrower than the element inside */
    white-space: nowrap;
  }
  #wrapper:before {
    content: '';
    display: inline;
    height: 100%;
    vertical-align: middle; /*~margin-right: -0.25em;*/
  }
  .centered {
    /*display: inline-block;*/
    display: inline;
    text-align: center;
    max-width: 1900px;
  }
}
a {
  color: #005195;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#s a:link {
  color: #FFFFFF;
}
#s a:hover, #s a:focus, #s a:active {
  color: #005195;
  background-color: #f1f2f3;
}
.navbar-default { /*~ need to address in bootstrap */
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 0 0;
  border-radius: 0;
  border: none;
}
@media (max-width: 879px) {
  .navbar-default {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
a.navbar-brand {
  position: absolute;
  display: block;
  height: 83px;
  width: 405px;
  background: url(/media/website/site-assets/images/ecc-logo-blue.png) no-repeat; /* ECC Red logo id="33355" */
  text-indent: -9000px;
  text-decoration: none;
  font: 1.4em/27px 'Noto Sans', Verdana, "sans-serif";
  margin-left: 15px;
  margin-top: 15px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 15px;
}
.collapse.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  clear: right;
}
.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
.navbar-collapse.in {
  overflow-y: inherit;
}
.nav-top-row {
  height: 113px;
  display: flex;
  align-items: center;
  float: right;
}
.nav-top-row ul > li {
  font-size: .75rem;
}
.audience-nav li:first-child {
  padding-left: 0;
}
ul.audience-nav li:last-of-type {
    font-weight: 700;
}
.navbar-default .navbar-nav.navbar-right.audience-nav > li:last-of-type > a {
	  color: #005195;
}
.navbar-default .navbar-nav.navbar-right > li:last-of-type > a:hover {
	  color: #fff;
}
.navbar-default .navbar-nav.navbar-right > li > a {
  color: #333333;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
ul.nav.navbar-nav.navbar-right > li > a:hover, ul.nav.navbar-nav.navbar-right > li > a:focus, ul.nav.navbar-nav.navbar-right > li > a:active {
  text-decoration: none;
  background-color: #005195;
  border-radius: 3px;
  color: #fff;
}
.utility-wrap {
  float: right;
  max-height: 110px;
}
.utility-menu ul, .utility-menu .dropdown-menu {
  display: inline-block;
}
.utility-menu li, .utility-menu a.dropdown-item {
  margin: 0px 0px 0px 0px;
  /*float: right;*/
  list-style: none;
}
.utility-menu li:first-child {
  margin-right: 0px;
}
a.toggle-nav {
  font-size: .75rem;
  color: #5c5c5c;
}
.utility-nav {
  text-align: left;
}
ul.audience-nav {
  border-right: 1px solid #5c5c5c;
  padding-right: 4px;
  display: -webkit-inline-box;
}
.toggle-nav.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .3em;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}
.toggle-nav {
  display: none;
}
.nav > ul {
  position: relative;
  display: block;
  padding: 45px 15px;
}
.nav > li > a {
  margin-left: 0;
  margin-right: 0;
}
/* JS sticky nav ---
-------------------------------------------------- */
nav#primary-nav {
  margin-top: 0px;
}
.nav-bottom-row {
  clear: both;
}
.mainnav {
  background: #005195;
  margin: 0;
}
.mainnav .col-md-12 {
  float: none;
  display: block;
  margin: 0 auto;
}
.nav.search, .nav.utility {
  float: right;
  text-align: right;
}
.search-form {
  float: right;
  display: inline-block;
}
.search-form input {
  width: 200px;
  height: 30px;
  padding: 0px 8px;
  float: left;
  border-radius: 2px 0px 0px 2px;
  font-size: 0.813rem/*13px*/;
}
.search-form button {
  height: 30px;
  padding: 0px 7px;
  float: right;
  border-radius: 0px 2px 2px 0px;
  background: #66a992;
  font-size: 0.813rem/*13px*/;
  font-weight: 600;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.nav.main {
  line-height: 1.5em;
  letter-spacing: normal;
  display: inline-block;
  float: none;
  vertical-align: top;
  widows: inherit;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
  background-color: rgb(255, 255, 255);
  color: #005195;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 0 solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 880px) { /*~ 02.12.18 */
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
    background-color: transparent;
    color: #FFFFFF;
  }
}
#_search2 {
  padding: 0 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}
#_search2 table th, #_search2 table td {
  padding: 0;
}
#_search2 input {
  border: 0;
  box-shadow: none;
}
#_search2 .form-control {
  background-color: transparent;
  color: #ffffff;
}
#_search2 button {
  margin: 2px 5px 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #ffffff;
  padding: 0 20px;
  border-left: solid 1px rgba(255, 255, 255, 0.85);
}
#_search2 button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}
#_search2 .glyphicon-search, #_search2 .fa-solid.fa-magnifying-glass  {
  font-size: 1.438rem/*23px*/;
}
/* sticky-menu.css ---
/*------------------------------------------------------*/
@media only screen and (min-width: 881px) {
  nav#main {
    background: #005195;
    top: 0;
    width: 100%;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
  }
  body.fixed-nav nav#main {
    position: fixed;
    max-width: 1900px;
  }
  .row.mainnav > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  nav#main > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  nav#main > ul > li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  li.logo {
    max-width: 0;
    overflow: hidden;
    background: #005195 url(/media/website/site-assets/images/logo-white-sm-icon.svg) no-repeat center center;
    transition: all 0.5s;
    font-weight: 600;
    width: 70px;
    height: auto;
  }
  li.logo:hover, li.logo:focus {
    background: #FFFFFF url(/media/website/site-assets/images/logo-blue-sm-icon.svg) no-repeat center center;
  }
  .fixed-nav li.logo {
    max-width: 500px;
  }
}
@media only screen and (max-width: 880px) {
  body.fixed-nav {
    padding-top: 0 !important
  }
  li.logo {
    height: 0;
  }
  li.logo > a > img {
    display: none;
  }
}
/* /sticky-menu.css
/*------------------------------------------------------*/
/* Responsive ---
-------------------------------------------------- */
@media screen and (max-width: 481px) { /* Was 480 - 031318 */
  a.navbar-brand {
    width: 84px;
  }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: /*46%*/ 40%; /*Centers the logo more accurately*/
  }
  ul.nav.navbar-nav.nav-justified.utility-2 > li {
    display: block;
    text-align: center;
    width: 100%
  }
  .hide-mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) /*ECC-bootstrap*/ {
  .nav.main {
    text-align: right;
  }
  .nav.main li {
    display: block;
  }
  .carousel-caption {
    bottom: -20px;
  }
}
@media screen and (min-width: 768px) /*ECC-bootstrap*/ {
  .navbar-right {
    margin-right: /*-15px*/ 0;
  }
  /*~~ OVERWRITES BOOTSTRAP */
  .nav.main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav.main li.dropdown {
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 881px) and (max-width: 1164px) /*ECC-bootstrap*/ {
  .nav.main > li.dropdown a.dropdown-toggle, .nav.search li a {
    font-size: 0.875rem;
    padding: 0 10px;
  }
}
.nav.main > li.dropdown.mega-dropdown > a.dropdown-toggle, .nav.search li a {
  position: relative;
  z-index: 100;
  display: inline-block;
  width: 100%;
  padding: 1em 0;
  border: 0 solid transparent;
  font-family: 'Noto Sans', verdana, sans-serif;
  letter-spacing: 0.04em;
  font-weight: 700; /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
}
.nav.main > li.dropdown.mega-dropdown.open > a.dropdown-toggle, .nav.search li a {
  text-shadow: none;
}
.nav.main > li.dropdown.mega-dropdown {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  /*-ms-transition-duration: 0s;*/
}
.nav.main > li.dropdown a.dropdown-toggle:hover, .nav.search li a:hover, .nav.main > li.dropdown a.dropdown-toggle:focus, .nav.search li a:focus, .nav.main > li.dropdown a.dropdown-toggle:active, .nav.search li a:active, .nav.main > li.dropdown.mega-dropdown.open > a.dropdown-toggle {
  text-decoration: underline;
  text-shadow: none;
}
.nav.main > li.dropdown a.dropdown-toggle:hover, .nav.main > li.dropdown a.dropdown-toggle:focus, .nav.main > li.dropdown a.dropdown-toggle:active {
  background-color: white;
  color: #005195;
}
ul.audience-nav > li {
  float: left;
  text-align: right;
  margin: 0 3px;
}
ul.main > li {
  text-align: left;
}
.nav.search li a {
  padding-left: 30px;
  padding-right: 30px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active, .nav.search li a:hover, .nav.search li a:focus, .nav.search li a:active {
  color: #f3f3f3;
  background-color: transparent;
  text-decoration: underline
}
.carousel-caption {
  bottom: 5%;
}
@media screen and (min-width: 881px) { /* Was 880 */
  .audience-wrap {
    max-width: 100%;
  }
  /*#_search2*/ .collapse-search {
    display: none !important;
  }
}
@media screen and (max-width: 1164px) {
  /* 8. .nav-top-row*/
  .nav-top-row {
    TEXT-ALIGN: right;
  }
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .audience-nav > li > a {
    margin: 2px 0;
  }
  ul.audience-nav {
    display: block;
  }
}
@media screen and (max-width: 880px) {
  .nav.main > li.dropdown a.dropdown-toggle:hover, .nav.main > li.dropdown a.dropdown-toggle:focus, .nav.main > li.dropdown a.dropdown-toggle:active {
    background-color: transparent;
    color: #FFFFFF /*#005195*/ ;
  }
}
@media only screen and (max-width: 1164px) and (min-width: 881px) {
  .audience-wrap {
    max-width: 316px /*~356px - sb? */ ;
  }
}
@media screen and (max-width: /*991px*/ 880px) {
  .nav.main > li.dropdown a:hover.dropdown-toggle, .nav.main > li.dropdown a:focus.dropdown-toggle, .nav.main > li.dropdown a:active.dropdown-toggle, .navbar-default .navbar-nav.navbar-right > li > a {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  ul.audience-nav {
    padding-right: 24px;
    border-right: none;
  }
  a {
    color: #005195;
    -webkit-transition: all .0s ease-in-out;
    transition: all .0s ease-in-out;
  }
  div#navbar {
    background: #005195;
  }
  .navbar-header {
    min-height: 110px;
  }
  .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
    text-decoration: underline;
    text-shadow: none;
  }
  .nav li {
    margin-right: 0;
  }
  .audience-menu > .nav > li > a {
    margin: -1px 0;
  }
  ul.audience-nav {
    display: inline-grid;
    vertical-align: top;
  }
  .navbar-nav > li > a {
    line-height: 1.5em;
  }
  .nav-top-row {
    width: 50%;
    padding-left: 2%;
  }
  .nav-bottom-row {
    width: 48%;
  }
  .nav-top-row {
    float: left;
    position: relative;
  }
  .nav-top-row ul > li, .nav-bottom-row ul > li {
    line-height: 1.5em;
  }
  .audience-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  .audience-nav {
    width: 100%;
  }
  .nav-top-row ul > li {
    font-size: 0.875rem;
  }
  ul.nav.navbar-nav.navbar-right > li > a:hover, ul.nav.navbar-nav.navbar-right > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
  }
  .navbar-nav {
    margin: 0;
  }
  /*~ /OVERWRITES BOOTSTRAP ******************************/
  .navbar-nav > li {
    float: none;
  }
  ul.audience-nav {
    text-align: RIGHT;
    margin-top: 15px;
  }
  ul.nav.navbar-nav.navbar-right > li > a:hover, ul.nav.navbar-nav.navbar-right > li > a:focus, ul.nav.navbar-nav.navbar-right > li > a:active {
    text-decoration: underline;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    text-shadow: none;
  }
  .row.mainnav {
    border-left: 1px solid rgba(255, 255, 255, 0.35);
  }
  .utility-wrap {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: right;
  }
  .utility-menu a {
    color: #FFFFFF;
  }
  .nav-bottom-row {
    clear: right;
    float: left;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .mainnav {
    background-color: transparent;
  }
  .nav.search, .nav.main {
    float: none;
    text-align: left;
  }
  .nav.search a {
    color: #ffffff;
    padding: 10px 0;
  }
  #s a:link {
    padding-left: 0;
  }
  #s a:hover, #s a:focus, #s a:active {
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 0;
    background: transparent;
  }
  #_search a i:hover {
    text-decoration: underline;
  }
  .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    background-color: transparent;
  }
  .nav.main {
    display: block;
  }
  .main-menu > .nav.main li {
    text-align: left;
  }
  .main-menu > .nav.main li a {
    display: block;
    width: 100%;
  }
  .search-wrap {
    width: 100%;
    text-align: right;
  }
  .main-wrap {
    width: 100%;
  }
  .nav.main li a, .nav.search li a {
    color: #fff;
    position: relative;
    z-index: 100;
    margin-top: -1px;
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    line-height: 1.5;
    border-bottom: 0 solid transparent;
    letter-spacing: 0.04em
  }
  a.navbar-brand {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
  }
  .navbar-nav.audience-nav > li > a {
    padding: 16px 0;
    line-height: 1.25;
  }
	ul.audience-nav li:last-of-type {
    font-weight: 400;
	}
	.navbar-default .navbar-nav.navbar-right.audience-nav > li:last-of-type > a {
	  color: #fff;
  }
  .utility-wrap {
    display: none;
  }
  .row.utility {
    position: relative;
    padding: 0 15px 0;
    margin: 15px 0 15px;
  }
  .nav-justified.utility-2 {
    margin: 5px 0;
  }
  .nav-justified.utility-2 > li {
    display: table-cell;
    width: 1%;
    float: none;
    font-size: /*~0.750em*/ 0.875rem;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
  }
  .nav-justified.utility-2 > li:last-child {
    border-right: 0px solid rgba(255, 255, 255, 0.35);
  }
  .nav-justified.utility-2 > li a {
    padding: 0;
  }
  .utility-2 hr {
    width: 100%;
    margin: 9px 0;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
  }
  .collapse-search {
    clear: both;
  }
  .collapse-search h4 {
    color: #FFFFFF;
  }
  .nav.audience-nav {
    display: block;
    float: none;
    text-align: right;
  }
  .nav.audience-nav li {
    display: block;
    float: none;
  }
  .nav.audience-nav li a {
    display: inline-block;
  }
  #_search {
    display: none;
  }
}
@media screen and (max-width: /*991px*/ 481px) {
  .nav-justified.utility-2 > li {
    border-right: 0px solid rgba(255, 255, 255, 0.35);
  }
}
@media screen and (min-width: /*991px*/ 881px) {
  .row.utility {
    display: none;
  }
}
@media screen and (min-width: 992px) /*ECC-bootstrap*/ {
  .nav.main .audience-nav {
    font-size: .75rem;
  }
  .wordmark {
    float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  /*a.navbar-brand {
	position: absolute;
	display: block;
	height: 83px;
	width: 405px;

	background: url(/media/website/site-assets/images/ecc-logo-blue.png) no-repeat; /*test site id="18316"* /
  text-indent: -9000px;
  text-decoration: none;
  font-size: 1.375rem;
  line-height: 27px;
  margin: 15px 0 15px 15px;
}
*/ .row.mainnav {
  margin: 0;
}
}
@media screen and (min-width: 1389px) { /* Was 1300 - 04.12.23 /* Was 1301 - 031318 */
  .audience-nav li:last-child {
    margin-right: 0;
  }
  .utility-menu li {
    margin-left: 4px;
  }
  .utility-menu li:last-child {
    margin-right: 0;
  }
  ul.nav.navbar-nav.navbar-right.utility-nav {
    display: -webkit-inline-box;
    padding-right: 17px;
  }
}
@media screen and (max-width: 1389px) /*ECC-bootstrap*/ { /*Was 1299 - 031223 prior to adding 2 more/* Was 1300 - 031318 */
  .utility-menu {
    position: relative;
    display: inline-block;
    padding-left: 6px;
  }
  .utility-menu ul.active {
    display: none; /*~*/
  }
  .utility-menu ul {
    min-width: /*160px*/ 116px;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0px;
    padding: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 1);
    z-index: 2000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
  }
  .utility-menu li {
    margin: 5px 0px 5px 0px;
    float: none;
    display: block;
  }
  .utility-menu a {
    display: block;
  }
  .toggle-nav {
    margin-top: 5px;
    margin-right: 17px;
    padding: 5px 10px;
    float: left;
    display: inline-block;
    transition: color linear 0.15s;
  }
  .toggle-nav:hover, .toggle-nav:focus, .toggle-nav:active {
    text-decoration: none /*underline*/ ;
    background-color: #005195;
    color: #ffffff;
    border-radius: 3px;
  }
  .audience-nav {
    border-right: 1px solid #ececec;
  }
  .search-form {
    margin: 12px 0px 0px 20px;
    float: left;
  }
  .search-form input {
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
  }
}
/* mega-menus.css ---
/*------------------------------------------------------*/
/* Boostrap Mega Menu */
.navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
}
#primary-nav.navbar-default .navbar-nav > li > a {
  width: 200px;
  font-weight: bold;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown img {
  max-width: 100% /*auto*/ /*300px*/ ;
  margin-top: 15px;
}
.nav.main li.dropdown.mega-dropdown {
  float: none;
  padding-bottom: 0;
}
.mega-dropdown > a {
  text-transform: uppercase;
}
.mega-dropdown-menu {
  padding: 30px 0px;
  width: 100%;
  box-shadow: none;
}
.mega-dropdown-menu .dropdown-header {
  color: #262626;
  font-size: 1.25rem;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
  font-size: 1rem;
  line-height: 2em;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus, , .mega-dropdown-menu > li ul > li > a:active {
  text-decoration: none;
  color: #262626;
}
.mega-dropdown-menu form {
  margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.dropdown-header {
  color: #005195;
}
.search-dropdown > li {
  display: inline-block;
}
/*~ MIGRATED FROM HEADER.CSS 031318 */
.dropdown-menu.mega-dropdown-menu.row .h4 { /* l:194 */
  font-size: 1.25rem;
  margin-top: 0.5em;
  margin-left: 20px;
}
.dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li {
  display: block;
}
.dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li > h2 { /* + 031318 */
  line-height: 2.25em;
  margin-top: 0;
  margin-bottom: 0;
  color: #333333;
  font-size: 1.125rem;
  text-transform: none;
  white-space: normal;
}
.dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li a {
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2em;
  color: #333333;
  white-space: normal;
  text-decoration: underline;
  display: block;
}
.dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li a:hover, .dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li a:focus, .dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li a:active {
  text-decoration: none;
}
.dropdown-menu.mega-dropdown-menu.row li > ul.mega-m > li a.btn {
  color: #FFF;
}
#_search ul.dropdown-menu.mega-dropdown-menu.row.last {
  padding-bottom: 50px;
}
/* /MIGRATED */
/* FORM ************************/
.nav.main .form-control {
  height: 40px;
  font-size: 1.25rem;
}
.form-control.pull-left {
  display: inline-block;
}
.form-control.pull-left {
  width: 96%;
}
.nav.main form .btn {
  font-size: 1.25rem;
}
.search-form-inline .btn-default {
  color: #005195;
  background-color: #fff;
  border-color: #dee1e3;
}
.search-form-inline .btn:hover, .search-form-inline .btn:focus, .search-form-inline .btn.focus {
  color: #FFFFFF;
  background-color: rgb(51, 51, 51);
  border-color: rgb(51, 51, 51);
  text-decoration: none;
}
.search-form-inline .btn-default:hover {
  color: #fff;
  background-color: #005195;
  border-color: #adadad;
}
/* /Form ************************/
@media only screen and (min-width: 881px) { /*~ Added 03/13/18 */
  li.mega-dropdown {
    border-top: 1px solid #005195;
  }
  li.mega-dropdown.expanded {
    border-top: 1px solid #d9d9d9;
  }
  li.mega-dropdown.expanded:nth-child(2) {
    border-left: 1px solid #d9d9d9;
  }
  li.mega-dropdown.expanded:last-child {
    border-right: 1px solid #d9d9d9;
  }
  ul.dropdown-menu.mega-dropdown-menu.row {
    white-space: initial;
  }
}
@media screen and (max-width: 880px) /*ECC-bootstrap*/ {
  .nav.main li.dropdown.mega-dropdown {
    display: block;
  }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:active {
    background-color: transparent;
  }
  .mega-dropdown-menu {
    display: none !important;
  }
}
@media screen and (max-width: 1299px) /*ECC-bootstrap*/ {
  .form-control.pull-left {
    width: 95%;
  }
}
/* /mega-menus.css ---
/*------------------------------------------------------*/
/* /header.css
/*------------------------------------------------------*/
/* HEADINGS
/*------------------------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, h1.main-header, .utility-menu a, .nav.main li a, .nav.search li a, a.navbar-brand {
  font-style: normal;
  font-family: 'Noto Sans', verdana, "sans-serif";
  font-weight: 700;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 { /* per style guide */
  color: #005195;
  line-height: 1.5em;
}
.h5, .h6, footer .h4, h5, h6, footer h4 { /* per style guide */
  color: #262626;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.h1, h1 {
  font-size: 2.5rem;
  margin-bottom: /*.5em*/ .25em;
  text-transform: uppercase;
}
.h2, h2 {
  font-size: 1.625rem;
  margin-bottom: .375em;
  text-transform: none;
}
.h3, h3 {
  font-size: 1.313rem;
  margin-bottom: .522em;
  text-transform: none;
}
.h4, h4 {
  font-size: 1.125rem;
  margin-bottom: .5em;
  text-transform: none;
}
.h5, h5 {
  font-size: 1rem;
}
.h6, h6 {
  font-size: 0.875rem;
}
.col-sm-9 h2, .two-col-left h2, h2.sub-header {
  margin-top: 0;
  padding-top: 18px;
  font-size: 1.65rem;
}
h4.section-header, h2.section-header {
  color: #005195;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
h4.section-header span:after, h2.section-header span:after {
  border-bottom: medium solid;
  content: ' ';
  display: block;
  width: 60px;
  margin: 25px auto;
}
h2.section-divider {
  border-top: 3px solid #005195;
  padding-top: 15px;
  margin-top: 10px;
  top: 5px;
  padding-bottom: 5px;
  position: relative
}
.col-sm-9 li, .col-sm-8.two-col-left li, .list-of-links li {
  padding-bottom: .25em;
  padding-top: .25em;
}
/*Begin changes to ECC-bootstrap styles - overwrite*/
/*ECC-bootstrap line: 1096 through 1104*/
a {
  color: #005195;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: /*#262626*/ #005195;
  text-decoration: none;
}
/*End changes to ECC-bootstrap styles - overwrite*/
.textShadow { /* already part of Bootstrap's '.carousel-caption'  */
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
span.header-hLine:after {
  border-bottom-width: medium;
  border-bottom-style: solid;
  content: ' ';
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
span.header-hLine-thin:after {
  border-bottom-width: thin;
  border-bottom-style: solid;
}
/* Modal Window */
.close {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-backdrop.in {
  opacity: 0.75;
}
/* Addresses Event Detail Info Modal */
.modal-header-eListing {
  padding: 0;
  border-bottom: none;
}
.modal-header-eListing .close {
  margin-top: 10px;
  margin-bottom: 10px;
  position: absolute;
  z-index: 99;
  float: right;
  right: 15px;
  top: 15px;
}
/* /Modal Window */
/* Links - special classes */
.btn {
  border: none;
}
a.btn.btn-link.pull-right {
  float: right;
  text-decoration: underline;
}
a:hover.btn.btn-link.pull-right, a:focus.btn.btn-link.pull-right, a:active.btn.btn-link.pull-right {
  text-decoration: none;
  color: #262626;
}
@media (max-width: 1299px) {
  .h2, h2 {
    font-size: 1.65rem;
  }
}
@media screen and (max-width: 481px) {
  h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 481px) {
  .h2, h2, .col-sm-9 h2, .two-col-left h2, h2.sub-header {
    font-size: 1.5rem;
  }
}
/* /HEADINGS
/*------------------------------------------------------*/
/* HOME-CAROUSEL BACKGROUNDS
bkg-img-resize.css*/
/*------------------------------------------------------*/
/* Styles for carousel slider background images and section container backgrounds.*/
#home-carousel .img {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none center no-repeat transparent;
  background-size: cover;
}
/* SMALL */
@media screen and (max-width: 767px) {
  #home-carousel .img-small {
    display: block;
  }
}
/* MEDIUM  */
@media screen and (min-width: 768px) and (max-width: 1299px) {
  #home-carousel .img-medium {
    display: block;
  }
  /*Button resizes on medium*/
  #home-carousel .btn {
    font-size: 0.875rem;
    border-radius: .3rem;
    width: 100%;
    max-width: 200px;
    min-height: 35px;
  }
}
/* LARGE  */
@media screen and (min-width: 1300px) and (max-width: 1899px) {
  #home-carousel .img-large {
    display: block;
  }
  /*Button resizes on large*/
  #home-carousel .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem;
    width: 100%;
    max-width: 360px;
    min-height: 50px;
  }
}
/* EXTRA LARGE */
@media screen and (min-width: 1900px) {
  #home-carousel .img-xlarge {
    display: block;
  }
  /*Button resizes on extra large*/
  #home-carousel .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem;
    width: 100%;
    max-width: 360px;
    /*height: 50px;*/
  }
}
.carousel-bkgImg-resize {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: none center no-repeat;
  background-size: cover;
}
#product-carousel.carousel-bkgImg-resize {
  background-position: top center;
}
/* /bbkg-img-resize.css*/
/*------------------------------------------------------*/
/* CAROUSEL CONTROLS
/*------------------------------------------------------*/
/*Universal*/
.carousel-control:hover, .carousel-control:focus {
  opacity: 0.5;
}
/*Carousel controls used for photo galleries*/
.gallery-carousel .carousel-control {
  /*position: absolute;    
    margin-top: 0;*/
  width: auto;
  height: auto;
  /*bottom: 20%;*/
  top: auto;
  bottom: 30px;
  z-index: 100;
}
.gallery-carousel a.left.carousel-control {
  left: 15px;
}
.gallery-carousel a.right.carousel-control {
  right: 15px;
}
#home-carousel .carousel-indicators li.active, .article-carousel .carousel-indicators li.active {
  background-color: #fff;
}
/*Change the default mouse cursor for carousel*/
#home-carousel.carousel, .article-carousel.carousel {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -webkit-grab;
}
#home-carousel.carousel:active, .article-carousel.carousel:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -webkit-grabbing;
}
#home-carousel .carousel-caption {
  cursor: default;
}
@media screen and (min-width: 767px) {
  #home-carousel .carousel-control .glyphicon-chevron-left, 
	#home-carousel .carousel-control .glyphicon-chevron-right, 
	#home-carousel .carousel-control .icon-prev, 
	#home-carousel .carousel-control .icon-next, 
	.article-carousel .carousel-control .glyphicon-chevron-left, 
	.article-carousel .carousel-control .glyphicon-chevron-right, 
	.article-carousel .carousel-control .icon-prev, 
	.article-carousel .carousel-control .icon-next,
	#home-carousel .carousel-control .fa-solid.fa-chevron-left, 
	#home-carousel .carousel-control .fa-solid.fa-chevron-right, 
	.article-carousel .carousel-control .fa-solid.fa-chevron-left, 
	.article-carousel .carousel-control .fa-solid.fa-chevron-right {
    width: 50px;
    height: 50px;
    /*margin-top: 0;*/
    margin-right: 1px;
    margin-left: 1px;
    font-size: 3.125rem;
  }
}
/* HOME-CAROUSEL - Section 1
------------------------------------------------------*/
#home-carousel a.btn {
  /*font-size: initial;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#home-carousel {
  padding: 0;
  margin: 0;
}
#home-carousel .carousel {
  margin-bottom: 60px;
}
#home-carousel .carousel .container {
  position: relative;
  z-index: 9;
}
/*.article-carousel .carousel-caption {
    position: static;
    width: 100%;
    min-width: inherit;
    margin: 0;
    top: 0;
    bottom: 0;
}*/
#home-carousel .carousel-control, .article-carousel .carousel-control {
  margin-top: 0;
  width: 0;
  height: 0;
  top: 50%;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  border: 0;
  z-index: 10;
}
#home-carousel .images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: black;
}
#home-carousel .container-video {
  position: relative;
  z-index: 2;
}
#home-carousel.carousel .item .img, #home-carousel.carousel .item img, #home-carousel .container-video {
  height: 500px;
}
#home-carousel .carousel-caption {
  padding: 20px;
  bottom: 100px !important;
  border-radius: 5px;
  left: 0;
  right: 0;
  -webkit-box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
}
#home-carousel .carousel-caption-right {
  left: 50% !important;
  right: 5%;
}
#home-carousel .carousel-caption-left {
  left: 5%;
  right: 50% !important;
}
/*Caption styles used for photo galleries*/
.gallery-carousel .caption {
  padding: 15px;
  text-align: center;
}
#home-carousel .carousel-caption h2, #home-carousel .carousel-caption .lead {
  margin: 0;
  color: #fff;
  word-wrap: break-word;
  padding-bottom: 15px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
#home-carousel .carousel-caption p {
  line-height: 1.5em;
  padding-bottom: 15px;
}
/*---------- CONTROL INDICATORS ----------*/
.carousel-indicators {
  z-index: 3;
}
#home-carousel .carousel-indicators li {
  display: inline-block;
  width: 60px;
  height: 16px;
  margin: 5px;
  text-indent: -999px;
  border: 1px solid #dee1e3;
  border-radius: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
/*Indicators used for photo galleries
.gallery-carousel .carousel-indicators {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery-carousel .carousel-indicators .active {
    background-color: #005195;
}
.gallery-carousel ol.carousel-indicators {
    margin: 10px 0;
}
.gallery-carousel .carousel-indicators.dots li {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    bottom: 0 !important;
    border: 1px solid #a3abaf;
}*/
#home-carousel .carousel-indicators li a, .article-carousel .carousel-indicators li a {
  display: block;
  height: 100%;
}
#home-carousel .carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
#home-carousel .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.embed-responsive > iframe {
  border: none;
}
/*---------- VIDEO BACKGROUND ----------*/
video#bkg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  background-color: transparent;
  color: black;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}
.stopfade {
  opacity: .5;
}
@media (min-width: 1299px) {
  #home-carousel.carousel .item .img, #home-carousel.carousel .item img, #home-carousel .container-video {
    height: 650px;
  }
  #home-carousel .carousel-caption {
    bottom: 170px !important;
    padding: 40px;
  }
}
@media (max-width: /*~320*/ 350px) {
  #home-carousel .carousel-indicators li {
    display: inline-block;
    width: 40px /*~30px*/ ;
    height: 12px;
    margin: /*~1px*/ 5px !important;
  }
  #home-carousel .carousel-indicators .active {
    margin: 0;
    height: 12px;
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  #home-carousel .carousel {
    margin-left: -20px;
    margin-right: -20px;
  }
  #home-carousel.carousel .item .img, #home-carousel.carousel .item img, #home-carousel .container-video {
    height: 300px;
  }
  #home-carousel .carousel-caption {
    /*background-color: rgb(0,58,105);*/
    position: static;
    width: 100%;
    min-width: inherit;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
  }
  #home-carousel .carousel-caption h2 {
    font-size: 1.375rem;
  }
  #home-carousel .carousel-caption p {
    font-size: 0.875rem;
  }
  #home-carousel .carousel-caption .btn {
    font-size: 1rem;
    width: 100%;
    max-width: 150px;
  }
  #home-carousel .carousel-indicators {
    width: 100%;
    top: 250px;
    bottom: 200px;
    left: 0;
    margin: 0 auto;
    z-index: 999
  }
  #home-carousel .carousel-control .icon-prev, #home-carousel .carousel-control .icon-next, #home-carousel .carousel-control .glyphicon-chevron-left, #home-carousel .carousel-control .glyphicon-chevron-right, #home-carousel .carousel-control .fa-solid.fa-chevron-left, #home-carousel .carousel-control .fa-solid.fa-chevron-right {
    top: 0;
  }
  #home-carousel .carousel-control {
    display: none;
  }
  .row.no-gutter, .no-gutter > [class*='col-'] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /*Turns off text animation on mobile*/
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  video#bkg-video {
    background: none no-repeat center #000;
    background-attachment: fixed;
    background-size: cover;
  }
  #home-carousel .images {
    position: relative;
  }
}
/* /HOME-CAROUSEL - Sections 1
/*------------------------------------------------------*/
/* MARKETING - Sections 2 & 3
/*------------------------------------------------------*/
#marketing article a {
  /*    display: ruby-base-container; */ /* should not be used, Specification status: working draft*/
  position: relative;
  top: 5px;
  left: 0;
}
@media (min-width: 1300px) {
  #marketing-links.container {
    width: 100%;
  }
}
p.marketing-cta {
  margin-bottom: 0;
}
.marketing-cta .row {
  margin-left: 0;
  margin-right: 0;
}
.split-col {
  background: #e1e2e3;
  position: relative;
  margin-left: 0;
  margin-right: 0
}
.split-col .columns {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0
}
.split-col > .columns {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  background-position: center top;
}
.split-col .columns div {
  width: 50%;
  margin: 0;
  text-align: left;
  height: 50vh;
  max-height: 500px;
  min-height: 400px;
}
.split-col .columns div:nth-of-type(1) {
  left: 0;
}
.split-col .columns div:nth-of-type(2) {
  right: 0;
}
.split-col .columns > div {
  padding-left: 4%;
}
.split-col .columns div article {
  position: absolute;
  width: 40%;
  margin-top: 7%;
}
.split-col .columns div article p {
  margin-bottom: 20px;
}
.split-col .btn.btn-bottom {
  position: initial;
}
@media screen and (min-width: 769px) {
  #marketing article {
    background-color: transparent;
  }
}
@media screen and (min-width: 0em) and (max-width: 767px) {
  #marketing .testimonial {
    display: none;
  }
  .split-col .columns div {
    text-align: center;
  }
  .split-col .columns > div {
    position: relative;
    width: 100%;
    min-height: 500px; /*~ added 1/5/18 - DD */
    padding-top: 40%;
    margin-bottom: 0;
    padding-left: 0;
    background: transparent;
  }
  .split-col .columns div article {
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-bottom: 20px;
    width: 100%;
    bottom: 0;
  }
  .split-col .columns div article p {
    margin: 0 20px 20px;
  }
}
@media (max-width: 991px) {
  .split-col .columns.testimonial > div {
    padding-left: 7%;
  }
  #marketing h1 {
    margin-bottom: .4em
  }
}
@media screen and (max-width: 1164px) {
  #marketing h1 {
    font-size: 160%;
  }
}
/* /MARKETING - Sections 2 & 3
/*------------------------------------------------------*/
/* INFO GRAPHIC - Section 4
/*------------------------------------------------------*/
#path {
  margin-top: 20px
}
#path > .container { /*~ updates 09.21.17 */
  padding-left: /*30px*/ 15px;
  padding-right: /*30px*/ 15px
}
#path label {
  font-weight: normal;
  letter-spacing: 0.03em;
}
.path {
  padding-left: 0;
}
.events-label {
  color: #003a69;
  display: inline-block;
  padding: .375em;
  margin-bottom: .5em;
  font-size: 80%;
  font-weight: 700;
  /*text-transform: uppercase;*/
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  /* border-radius: 5px;*/
  background-color: #def1fb;
}
.hp-infographic-wrapper {
  padding-right: 0;
}
.hp-infographic {
  border: 2px solid #ffffff;
  border-radius: 5px;
  padding-left: 0;
}
.infographic-right {
  border-left: 2px solid white;
}
.hp-infographic img {
  padding: 10px;
}
.hp-infographic .col-sm-6 {
  padding: 0;
}
.infographic-left-top {
  border-bottom: 2px solid white;
}
.path > div {
  border-radius: 5px;
}
#path > .container > .row {
  margin-bottom: 40px;
}
.row.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 767px) {
  .hp-infographic-wrapper {
    display: none;
  }
  /*.path>div {
    margin-left: 15px;
    margin-right: 15px;
}*/
}
/*~ adjusted min-width */
@media (min-width: 881px) {
  .navbar-toggle {
    display: none;
  }
  :target:before {
    content: "";
    display: block;
    height: 70px; /* fixed header height*/
    margin: -70px 0 0; /* negative fixed header height */
  }
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    margin-bottom: 5px;
  }
  /*  	  .navbar-right {
  float: right !important;

  }*/
  .navbar-nav {
    float: right;
    margin: 0;
  }
  .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 815px) {
  .form-group {
    margin-bottom: 3%;
  }
}
/* /INFO GRAPHIC - Section 4
/*------------------------------------------------------*/
/* PROCUCT-CAROUSEL - Section 5
/*------------------------------------------------------*/
#product-carousel .e-tiles {
  padding: 15px 2%;
}
/* PPRODUCT CAROUSEL
/*------------------------------------------------------*/
#product-carousel h3 {
  margin-top: 0;
}
#product-carousel .products-inner {
  text-align: center;
  background-color: #F1F2F3;
}
#product-carousel .products-item {
  padding: 0;
}
#product-carousel .carousel-control {
  width: 0;
  height: 0;
  top: 50%;
  opacity: 0.93;
}
#product-carousel .carousel-control .glyphicon-chevron-right, #product-carousel .carousel-control .fa-solid.fa-chevron-right, #product-carousel .carousel-control .icon-next {
  margin-right: 2px;
}
#product-carousel .carousel-control .glyphicon-chevron-left, #product-carousel .carousel-control .fa-solid.fa-chevron-left, #product-carousel .carousel-control .icon-next {
  margin-left: 2px;
}
#product-carousel .carousel-control.right {
  margin-right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}
#product-carousel .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}
.responsive-product-carousel .cloneditem-1, .responsive-product-carousel .cloneditem-2, .responsive-product-carousel .cloneditem-3, .responsive-product-carousel .cloneditem-4, .responsive-product-carousel .cloneditem-5 {
  display: none;
}
@media (max-width: 767px) { /*ADDED 1/3/18 - DD*/
  #product-carousel {
    background-image: none !important
  }
  #product-carousel .e-tiles {
    min-height: auto;
  }
  #product-carousel .products-item-caption p {
    padding: 0 25px;
  }
  .btn.btn-bottom {
    left: 2%;
    right: 2%;
  }
  #product-carousel .carousel-control {
    color: #005195;
  }
}
@media (min-width: 767px) {
  #product-carousel.products-carousel-wrapper {
    padding: 50px 0px;
    background-color: #F1F2F3;
  }
  #product-carousel .products-inner {
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*margin: 0 20px;*/
    background-color: rgba(255, 255, 255, 0.93);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  #product-carousel .products-item {
    padding: 1%;
  }
  #product-carousel .carousel-control .glyphicon-chevron-right, #product-carousel .carousel-control .fa-solid.fa-chevron-right, #product-carousel .carousel-control .icon-next {
    /*margin-right: 0;*/
    margin-right: 5px; /*MODIFIED 12/20/17 -PS*/
  }
  #product-carousel .carousel-control .glyphicon-chevron-left, #product-carousel .carousel-control .fa-solid.fa-chevron-left, #product-carousel .carousel-control .icon-next {
    /*margin-left: 0;*/
    margin-left: 5px; /*MODIFIED 12/20/17 - PS*/
  }
  #product-carousel .carousel-control {
    /*width: 1%;
	padding: 0 2px;*/
    width: 0; /*MODIFIED 12/20/17 - PS*/
    padding: 0; /*MODIFIED 12/20/17 - PS*/
  }
  #product-carousel .btn.btn-bottom {
    bottom: 35px;
  }
}
/*---------- MEDIA 768px ----------*/
@media only screen and (max-width: 767px) {
  /*.carousel-control {
	display: none;
}
	*/ .e-tiles.box-med {
    min-height: /*250px*/ auto;
  }
}
/* RESPONSIVE PRODUCT CAROUSEL PANELS
/*------------------------------------------------------*/
@media all and (min-width: 768px) {
  .responsive-product-carousel .carousel-inner > .active.left, .responsive-product-carousel .carousel-inner > .prev {
    left: -50%;
  }
  .responsive-product-carousel .carousel-inner > .active.right, .responsive-product-carousel .carousel-inner > .next {
    left: 50%;
  }
  .responsive-product-carousel .carousel-inner > .left, .responsive-product-carousel .carousel-inner > .prev.right, .responsive-product-carousel .carousel-inner > .active {
    left: 0;
  }
  .responsive-product-carousel .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .responsive-product-carousel .carousel-inner > .item.active.right, .responsive-product-carousel .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.active.left, .responsive-product-carousel .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.left, .responsive-product-carousel .carousel-inner > .item.prev.right, .responsive-product-carousel .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .responsive-product-carousel .carousel-inner > .active.left, .responsive-product-carousel .carousel-inner > .prev {
    left: -25%;
  }
  .responsive-product-carousel .carousel-inner > .active.right, .responsive-product-carousel .carousel-inner > .next {
    left: 25%;
  }
  .responsive-product-carousel .carousel-inner > .left, .responsive-product-carousel .carousel-inner > .prev.right, .responsive-product-carousel .carousel-inner > .active {
    left: 0;
  }
  .responsive-product-carousel .carousel-inner .cloneditem-2, .responsive-product-carousel .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .responsive-product-carousel .carousel-inner > .item.active.right, .responsive-product-carousel .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.active.left, .responsive-product-carousel .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.left, .responsive-product-carousel .carousel-inner > .item.prev.right, .responsive-product-carousel .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
/*---------- Desktop (HD) and Widscreens ----------*/
@media all and (min-width: 1900px) {
  .responsive-product-carousel .carousel-inner > .active.left, .responsive-product-carousel .carousel-inner > .prev {
    left: -16.666%;
  }
  .responsive-product-carousel .carousel-inner > .active.right, .responsive-product-carousel .carousel-inner > .next {
    left: 16.666%;
  }
  .responsive-product-carousel .carousel-inner > .left, .responsive-product-carousel .carousel-inner > .prev.right, .responsive-product-carousel .carousel-inner > .active {
    left: 0;
  }
  .responsive-product-carousel .carousel-inner .cloneditem-4, .responsive-product-carousel .carousel-inner .cloneditem-5 {
    display: block;
  }
}
@media all and (min-width: 1900px) and (transform-3d), all and (min-width: 1900px) and (-webkit-transform-3d) {
  .responsive-product-carousel .carousel-inner > .item.active.right, .responsive-product-carousel .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.active.left, .responsive-product-carousel .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .responsive-product-carousel .carousel-inner > .item.left, .responsive-product-carousel .carousel-inner > .item.prev.right, .responsive-product-carousel .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
/* /PROCUCT-CAROUSEL - Section 5
/*------------------------------------------------------*/
/* ECC NEWS - Section 6
/*------------------------------------------------------*/
/* NEWS CAROUSEL
/*------------------------------------------------------*/
.newsCarousel_wrapper {
  padding: 0;
  overflow: hidden;
}
.newsCarousel_heading {
  margin-bottom: 50px;
}
#news-carousel-1 .carousel-control, #news-carousel-2 .carousel-control {
  display: none;
}
#news-carousel-1 .carousel-inner .headline, #news-carousel-2 .carousel-inner .headline {
  margin: 0;
}
/*-- NEWS CONTROL INDICATORS --*/
.newsCarousel_indicators {
  position: relative;
  bottom: 10px;
  top: 20px;
  left: 0;
  width: auto;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: right;
  float: right;
}
.newsCarousel_indicators li {
  display: inline-block;
  width: 30px;
  height: 8px;
  margin: 0 3px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 0;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.newsCarousel_indicators li a {
  display: block;
  height: 100%;
}
.newsCarousel_indicators .active {
  margin: 0;
  width: 30px;
  height: 8px;
  background-color: #fff;
}
#news-carousel-1 .carousel-control.right, #news-carousel-2 .carousel-control.right {
  margin-right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0000) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}
#news-carousel-1 .carousel-control.left, #news-carousel-2 .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0000) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}
.panel {
  border: 1px solid #a3abaf;
}
.panel-group .panel {
  border-radius: 6px;
}
.panel-footer {
  background-color: transparent;
}
/*---------- MAX-WIDTH 480px ----------*/
@media only screen and (max-width: 480px) {
  /*.newsCarousel_wrapper {
	padding: 25px;
}*/
  .newsCarousel_heading {
    margin-bottom: 25px;
  }
}
/*---------- CONTROL INDICATORS ----------*/
.newsCarousel_indicators li {
  background: #FFFFFF;
  border: 1px solid #a3abaf;
}
.newsCarousel_indicators .active {
  background: #005094;
  border: .5px solid #005094;
}
/* /NEWS CAROUSEL */
/* Event Listing*/
.page_link {
  /*display: none;*/
  padding: 5px;
}
a.page_link.active_page {
  background-color: #dee1e3;
  text-decoration: underline;
}
.eLink-icon .fa-calendar-o {
  padding: 0 10px 0 0;
  display: inline-block;
  font-weight: bold;
}
.right-arrow, .left-arrow {
  padding: 10px;
  margin: 0;
}
.right-arrow, .left-arrow {
  /*display: inline-block;*/
  font-size: 1.563rem;
  text-align: center;
  vertical-align: middle;
}
a.right-arrow, a.left-arrow {
  text-decoration: none;
}
.arrow-left::before, .arrow-left-disabled::before {
  font-family: FontAwesome;
  content: "\f0d9"; /*fa-external-link*/
}
.arrow-right::before, .arrow-right-disabled::before {
  font-family: FontAwesome;
  content: "\f0da"; /*fa-external-link*/
}
.eTitle {
  margin: 0;
  padding: 10px 10px 5px 12px;
}
.eTitle.list-group-item-heading {
  font-weight: 700;
  color: #005094;
  text-overflow: ellipsis;
  white-space: normal;
}
.eDesc {
  margin: 0;
  padding: 15px;
  display: block;
  color: #444;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #a3abaf;
}
.eDesc.list-group-item-text {
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: visible;
  background: white;
  background-clip: content-box;
}
.eDesc.list-group-item-text a, .lblReservation a {
  display: inline;
}
.eContact, .times-only span.events-label {
  display: none !important
}
span.eContact {
  margin-top: 15px;
}
.date-info-only .eDesc {
  height: 100px;
}
.date-info-only #content-contact p {
  border-bottom: none;
}
.eDescription b, .eDescription strong, .date-info-only .eDescription, .eTitle .fa, .eTitle .fa-solid, .eTitle .fa-regular, .date-info-only .events-label {
  display: none;
}
span.eDescription {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.wrapper {
  padding: 15px 0;
}
hr.no-border, div.no-border {
  border: none !important;
}
section.no-gutter-bs-fix, div.no-gutter-bs-fix, .container.no-gutter-bs3-fix, .no-gutter-bs3-fix {
  margin: 0 !important;
  padding: 0 !important;
}
.events-panel-footer {
  background-color: #ffffff;
  border-top: 0;
}
.cal-sidebar .eContact, .cal-sidebar .times-only, .cal-sidebar .events-label, .cal-sidebar .eDescription, .cal-sidebar .eReg {
  display: none;
}
.cal-sidebar span.eContact {
  margin-top: 15px;
}
.cal-sidebar .eDesc {
  padding: 0 10px;
}
a#eCalBtn {
  padding: 0;
}
div#page_navigation {
  height: 25px;
}
@media (max-width: 1125px) {
  .sidebar .page_link {
    display: none;
  }
}
@media (max-width: 365px) {
  #narrow-browser-alert {
    display: none;
  }
  .page_link {
    display: none;
  }
}
/*Modal Event Details*/
#Form1 {
  padding: 15px;
}
#Form1 table {
  border: 1px solid #ddd;
  table-layout: fixed;
  width: 100%;
}
#Form1 table tr {
  border-bottom: 0;
}
#Form1 .table td {
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 65%;
}
#Form1 .table th {
  max-width: 5%;
  width: 100px;
}
h1.formheadline {
  font-size: 1.313rem !important;
  text-transform: none;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0;
  }
}
/* /Event Listing*/
/* /ECC NEWS - Section 6
/*------------------------------------------------------*/
/* COMMUNITY TILES
--------------------------------------- */
#community.container-fluid {
  padding-bottom: 80px
}
#community .e-tiles {
  text-align: center;
}
#community > .container > .row {
  margin-left: 0px;
  margin-right: 0px;
}
.e-tiles {
  padding: 5px 2% 0;
}
.e-tiles.box-sm {
  min-height: 250px;
}
.e-tiles.box-med {
  min-height: 330px;
}
.e-tiles .h5, .e-tiles h5 {
  font-weight: 300;
  margin-top: 30px;
}
.e-tiles .e-tiles {
  padding: 0 1%;
}
.e-tiles.nested-columns a {
  left: 5%;
  right: 5%;
}
.nested-columns > div > div {
  padding: 0
}
@media screen and (max-width: 991px) {
  .split-col > div:nth-of-type(1) {
    border-bottom: 4px solid white;
  }
}
@media screen and (min-width: 992px) {
  .e-tiles .e-tiles.box-sm {
    min-height: /*175*/ 187px;
  }
  .e-tiles .e-tiles.box-med { /* adjust as needed */
    min-height: /*175*/ 267px;
  }
  .split-col > div:nth-of-type(1) {
    left: 0;
    border-right: 2px solid white;
  }
  .split-col > div > div.columns /*:nth-of-type(2)*/ {
    right: 0;
    border-left: 2px solid white;
  }
  #fifty-fifty-container > div.columns {
    border-left: 2px solid #ffffff;
  }
}
@media screen and (max-width: 991px) {
  .nested-columns .flex-grow {
    display: none;
  }
  .e-tiles.nested-columns {
    min-height: 225px;
    padding-top: 25px
  }
  .e-tiles .e-tiles.box-sm {
    min-height: 153px;
  }
  .e-tiles .e-tiles.box-med { /* adjust as needed */
    min-height: 233px;
  }
  .col-sm-12.e-tiles {
    width: 100%;
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  .nested-columns > div {
    max-width: 100%;
  }
  .e-tiles.box-sm {
    min-height: auto;
  }
  .e-tiles a.btn.btn-bottom {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .e-tiles.nested-columns a {
    left: 30%;
    right: 30%;
  }
  .e-tiles .e-tiles.box-sm {
    min-height: auto;
  }
  .e-tiles .e-tiles.box-med { /* adjust as needed */
    /*min-height: 183px;*/
  }
  .e-tiles .h5.seperator:before, .e-tiles h5.seperator:before {
    left: 47%;
    /*margin-left: -20px;*/
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    /*left: 0;*/
    margin: 0 /* 0 -1px*/ ;
    position: absolute;
    width: 40px;
  }
}
@media screen and (max-width: 480px) {
  #community p {
    display: none;
  }
}
/* /.etiles
*----------------------- */
/* /COMMUNITY TILES - Section 7
------------------------------------------------------ */
/* T4 ALERTS/FORMS - Section 8
------------------------------------------------------ */
/* _normalize.scss l:1 */
.js-t4form-container, .required {
  font-family: 'Noto Sans', Verdana, sans-serif !important;
}
/* _type.scss */
.js-t4form-container h1, .js-t4form-container .h2, .js-t4form-container h2, .js-t4form-container .h2, .js-t4form-container h3, .js-t4form-container .h3 {
  color: #005195 !important;
  font-weight: 700 !important;
}
.js-t4form-container h2, .js-t4form-container .h2 { /* l:48 */
  font-size: 1.65rem !important;
}
.js-t4form-container h3, .js-t4form-container .h3 { /* l:50 */
  font-size: 1.313rem !important;
}
/* _forms.scss */
.js-t4form-container legend { /* l:23 */
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  line-height: 2.25em !important;
  color: #262626 !important;
}
.js-t4form-container .form-control { /* l:117 */
  color: #5c5c5c !important;
  font-size: 1rem !important;
  line-height: 1.5em !important;
  border: 1px solid #a3abaf !important;
  border-radius: 5px !important;
}
/* _vendor-prefixes.scss */
.js-t4form-container .has-error .help-block, .js-t4form-container .has-error .control-label, .js-t4form-container .has-error .radio, .js-t4form-container .has-error .checkbox, .js-t4form-container .has-error .radio-inline, .js-t4form-container .has-error .checkbox-inline, .js-t4form-container .has-error.radio label, .js-t4form-container .has-error.checkbox label, .js-t4form-container .has-error.radio-inline label, .js-t4form-container .has-error.checkbox-inline label { /*l:69 */
  color: #be0f34 !important;
}
.js-t4form-container .has-error .form-control { /*l:70 */
  border-color: #be0f34 !important;
}
/* _alerts.scss */
.js-t4form-container .alert-success { /* l:4 */
  background-color: #e4f1cc !important;
  border-color: #e4f1cc !important;
  color: #538000 !important; /*shade -30 */
}
/* _scaffolding.scss */
/*.js-t4form-container hr {
    border-top: 1px solid #a3abaf;
}*/
.alert { /* ECC-bootstrap.css l:4794 */
  border-radius: 5px;
}
body#ECC-home .alert { /* ECC-bootstrap.css l:4794 */
  border-radius: 0;
}
.alert.alert-warning hr {
  border-top-color: #f8e299 !important;
}
.alert.alert-warning, .alert.alert-info {
  color: #333333;
}
.alert-warning { /*colors are tints of yellow, medium #edb700*/
  background-color: #fdf8e6;
  border-color: #f8e299;
}
.alert.alert-info {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}
/* Forms */
/* Submit and Reset Button */
button.btn.js-submit {
  margin-bottom: 0;
  float: left !important;
  font-size: 1.25rem;
  font-family: 'Noto Sans', verdana, "sans-serif";
  text-transform: capitalize;
  width: 100%;
  max-width: 200px;
  height: 50px;
  background-color: #538000; /*shade -30 */
  border: 2px solid #476e00; /*shade -40*/
}
button.btn.js-submit:hover, button.btn.btn-primary.pull-right.js-submit:hover, button.btn.js-submit:focus {
  background-color: #6ba500;
  border: 2px solid #5f9300;
  text-decoration: underline;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
button.btn.js-reset {
  float: right;
  font-size: 1.25rem;
  height: 50px;
  font-family: 'Noto Sans', verdana, "sans-serif";
  text-transform: capitalize;
  border-color: 2px solid transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.btn.js-reset:hover, button.btn.js-reset:focus {
  background-color: #f1f2f3;
  border-color: 2px solid transparent;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
  text-decoration: underline;
  text-shadow: none;
}
/* /Submit and Reset Button */
/* /COMMUNITY TILES - Section 8
------------------------------------------------------ */
/* IMAGES - Section 9
------------------------------------------------------ */
/* migrated from ecc-elgin.css */
img.img-responsive {
  width: 100%;
  border-radius: 5px;
}
/* /IMAGES - Section 9
------------------------------------------------------ */
/* HOME PAGE - Section 10
/*------------------------------------------------------*/
/* /HOME PAGE - Section 10
/*------------------------------------------------------*/
/* SECONDARY/1 COL PAGES  - Section 11
/*------------------------------------------------------*/
/* Featured Band */
.featured .icon {
  border-radius: 35px;
  color: #DEE1E3;
  display: block;
  height: 70px;
  float: left;
  margin: 0 30px 0 0;
  text-align: center;
  text-decoration: none;
  width: 70px;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}
.featured .icon i:before {
  font-size: 1.875rem;
  line-height: 70px
}
.big-featured-box {
  margin-bottom: 40px;
  text-align: center
}
.big-icon {
  border-radius: 100px;
  border: 2px solid #005094;
  display: block;
  height: 130px;
  margin: 0 auto 20px;
  text-align: center;
  width: 130px;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}
.big-icon i:before, .big-icon span:before {
  font-size: 3.75rem;
  line-height: 130px;
  padding-left: 2px
}
/* /Featured Band */
/* Tabs */
div#tab-nav li {
  padding-bottom: 0;
}
.nav > li > a { /*ECC-bootstrap line: 4136*/
  margin-left: 0;
  padding: 10px 3px /*~15*/ 8px;
}
.nav-tabs > li > a {
  border: 0;
}
.nav-tabs > li > a:hover { /*ECC-bootstrap line: 4186*/
  background-color: #f5f5f5;
  border-color: #f1f2f3 #f1f2f3 #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /*ECC-bootstrap line: 4189*/
  color: #262626;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  font-weight: 600;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #5c5c5c;
  border-bottom-color: #fff;
  border-bottom-width: 0 !important;
}
.tab-content-box {
  margin-bottom: 20px;
}
.nav-tabs.nav-tabs-responsive {
  width: 100%;
  white-space: nowrap;
}
/*Addresses padding issues inside tabbed content area*/
.tab-content .tab-pane {
  outline: none;
}
.tab-content .tab-pane, .tab-content .tab-pane #community > div {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #5c5c5c;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
  }
  /*Addresses padding issues inside tabbed content area*/
  .tab-content .tab-content-box.col-md-6, .tab-content .tab-content-box.col-md-12 {
    padding-right: 15px !important;
  }
}
/*Responsive Bootstrap Tabs by @hayatbiralem*/
@media screen and (max-width: /*767*/ 880px) {
  .nav-tabs.nav-justified {
    border-bottom: 1px solid #5c5c5c;
  }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #5c5c5c;
    border: none;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0; /*border-bottom-color: #fff;*/
  }
  .nav-tabs.nav-justified > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-justified > li {
    position: relative; /*~~~display: block;*/
  }
  .nav-tabs.nav-justified > li, .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text span, .nav-tabs-responsive > li.prev > a .text span {
    display: none;
  }
  .nav-tabs-responsive > li.next .text, .nav-tabs-responsive > li.prev .text {
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .nav-tabs-responsive > li.next .text:after {
    content: 'Next tab';
  }
  .nav-tabs-responsive > li.prev .text:after {
    content: 'Previous tab';
  }
  .nav-tabs-responsive > li.next .icon:after, .nav-tabs-responsive > li.prev .icon:after {
    position: relative;
    top: 5px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    line-height: 0;
    color: #a3abaf;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev .icon:after {
    content: "\f0d9";
  }
  .nav-tabs-responsive > li.next .icon:after {
    content: "\f0da";
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}
/* /Tabs */
/* Header w/Menu Nav */
/* Styles imported from 'page-header-dropdown.css' - p.s.*/
h1.sub-header {
  padding: 0;
}
.navbar {
  min-height: 0;
  margin-bottom: 0;
  border: 0 solid transparent;
}
button.navbar-toggler {
  width: 100%;
  position: absolute;
}
button.navbar-toggler i, button.navbar-toggler span {
  float: right;
}
.navbar-nav > li > a {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 24px;
}
.headerNav {
  padding-left: 0;
}
.headerTabs {
  padding-right: 0;
}
.header-hero {
  /*background: url(/media/website/site-assets/images/burst.png) right bottom no-repeat, url(/media/website/site-assets/images/white-transparency.png) left top repeat-y, url(/media/website/site-assets/images/white-transparency-h.png) left top repeat-x, url(/media/website/site-assets/images/circles-pattern-outlines-v4a2.jpg) right bottom repeat-x;*/
  padding-top: 0;
  z-index: 1;
}
.list-unstyled.hidden-xs-up a, #footerAboutECC .list-unstyled a, #footerAdademics .list-unstyled a, #footerGetInTouch .list-unstyled a, .footer-social a, .btn a, a.btn, .utility-menu a, .mega-m a {
  text-decoration: none;
}
.list-unstyled.hidden-xs-up a:hover, #footerAboutECC .list-unstyled a:hover, #footerAdademics .list-unstyled a:hover, #footerGetInTouch .list-unstyled a:hover {
  text-decoration: underline;
}
a.collapse.toggle-nav.dropdown-toggle:hover {
  color: #fff;
}
/*li.active a,*/ .audience-nav a, .utility-nav a {
  text-decoration: none;
  font-style: normal;
  font-family: 'Noto Sans', verdana, "sans-serif";
}
.nav.main > li.dropdown a.dropdown-toggle, .nav.search li a {
  text-decoration: none;
}
ul.mega-m > li > p { /*~ added 12.11.17 */
  padding: 3px 20px;
}
ul.mega-m > li > a.btn { /*~ added 12.14.17 */
  margin: 20px 0 0 20px;
}
@media screen and (max-width: 767px) {
  .headerNav {
    /*padding-left: 15px;*/
    padding: 0;
  }
  .headerTabs {
    padding-left: 0;
  }
  .header-hero {
    background: none;
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  h1.sub-header {
    white-space: nowrap;
    font-size: 1.125rem;
  }
  h3 {
    /*white-space: nowrap*/
    font-size: 99%;
    font-weight: bold;
  }
}
/* /Header w/Menu Nav */
/* /SECONDARY/1 COL PAGES */
/*------------------------------------------------------*/
.headerNav > div.callout-box {
  margin-top: 0;
}
#ECC-secondary footer, #ECC-tertiary footer {
  margin-top: 20px;
}
/* TERCIARY/2 COL PAGES
/*------------------------------------------------------*/
.two-col-left > div {
  padding-bottom: 20px
}
.two-col-left, .two-col-left > div {
  padding-left: 0;
}
.two-col-both > div {
  padding-left: 0;
  padding-right: 0;
}
.two-col-right > div {
  padding: 10px 0;
}
.two-col-right > div.callout-box, .callout-box {
  padding: 10px;
  border-radius: 5px;
  /*margin-top: 15px;*/
  margin-bottom: 15px;
}
.callout-box > h2, .callout-box figure > h2, .callout-box > .h4, .callout-box > h4 {
  margin-top: 0;
  font-size: 1.125rem;
  margin-bottom: 0.5em;
  text-transform: none;
}
/*.two-col-right*/ .callout-box figure {
  /*padding-left: 10px;
    padding-right: 10px;*/
  padding: 10px;
  border: thin solid #a3abaf;
}
.callout-box figure > h2 {
  margin-top: 12px;
}
.callout-box figure img {
  /*padding-top: 10px;
	padding-bottom: 10px;*/
  border-radius: 5px;
}
.callout-box figure .video-poster-img {
  padding: 0;
}
.callout-box > .highlight > p, .callout-box > .highlight > ul {
  text-align: left !important;
}
.highlight > a.btn.btn-primary.btn-lg {
  margin: auto 0;
  white-space: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}
.two-col-right {
  padding-right: 0;
}
/*~.two-col-right>div>figure.highlight */
figure.highlight {
  margin: 0;
  text-transform: none;
}
figure.highlight hr {
  border-top-color: #ddd
}
figure.highlight h3 {
  margin-top: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 700;
}
figure.card-body ul {
  padding-inline-start: 25px;
}
.two-col-right h5 {
  font-size: 1rem !important;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: none;
}
.two-col-right > div > ul.list-unstyled {
  padding-left: 10px;
  /*line-height: 2em;*/
  margin-bottom: 0;
}
.two-col-right > div.callout-box.callout-cta {
  text-align: center;
  padding: 0 0 10px 0;
}
/* PageUp */
.two-col-right > div.callout-box.callout-cta > .highlight > #search-filters {
  text-align: left;
}
.callout-box.callout-cta > figure > h2, #recent-jobs h2 {
  text-transform: capitalize;
}
div#div_category_1, div#div_category_2, dive#div_category_3, dive#div_category_4 {
  font-family: 'Noto Sans', verdana, "sans-serif";
}
ul.filter li label {
  font-weight: 400;
}
ul.filter li input {
  margin: 5px 5px 0 -17px !important;
}
/* /PageUp */
.callout-cta > figure {
  border-radius: 5px;
}
/*
.list-group-item.active li, .list-group-item.active:hover li, .list-group-item.active:focus {
	color: #262626;
    font-weight: 700;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    border-right: 3px solid #0086c5;
    border-left-color: #ddd;
}
.list-group-item.active li, .list-group-item.active:hover li, .list-group-item.active:focus li {
    font-weight: 400;
}
.list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
*/
.list-group {
  margin: 0;
  padding: 0;
}
.list-group-item {
  border-color: #f2f2f2;
  border-style: solid;
  border-width: thin;
}
li.list-group-item:hover {
  background-color: #f1f2f3;
}
li.list-group-item:first-of-type {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top: 1px solid #a3abaf;
}
li.list-group-item:last-of-type {
  border-bottom: 1px solid #a3abaf;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  color: #262626;
  font-weight: 700;
  background-color: #f9f9f9;
  border-color: #ddd;
}
.list-group-item.active li, .list-group-item.active:hover li, .list-group-item.active:focus li {
  font-weight: 400;
}
/* Interior page Right Nav */
nav > ul.list-group > li.list-group-item {
  /*~border-color: #ddd;
    border-style: solid;
    border-width: thin;*/
  border-right: 3px solid #005195;
  border-left-color: #a3abaf;
}
nav > ul.list-group > li.list-group-item.active {
  border-right-color: #0086c5;
}
nav > ul.list-group > li.list-group-item:hover {
  border-right: 3px solid #5e91bc; /*~ background-color: #f1f2f3;*/
}
nav > ul.list-group > li.list-group-item.active, nav > ul.list-group > li.list-group-item.active:hover, nav > ul.list-group > li.list-group-item.active:focus {
  border-left: 1px solid #a3abaf;
}
/* Interior page Left Nav */
.navbar-collapse > ul.list-group > li.list-group-item {
  border-left: 3px solid #005195;
  border-right-color: #a3abaf;
}
.navbar-collapse > ul.list-group > li.list-group-item.active {
  border-left-color: #0086c5;
}
.navbar-collapse > ul.list-group > li.list-group-item:first-of-type {
  border-top-color: #a3abaf;
}
.navbar-collapse > ul.list-group > li.list-group-item:hover {
  border-left: 3px solid #5e91bc;
}
li.list-group-item > ul li {
  display: block;
  font-size: 0.875rem;
  margin-left: -20px;
  padding-bottom: .1em; /*.5em;*/
}
li.list-group-item > ul li:first-of-type {
  padding-top: .3em;
}
li.list-group-item .currentsection {
  font-weight: 700;
}
li.list-group-item.active > ul li a {
  text-decoration: underline;
}
li.list-group-item.active > ul li a:hover {
  text-decoration: none;
}
/*
@media screen and (min-width: 990px) {
.col-md-4.e-tiles.box-sm {
	min-height: 320px;
}
}
*/
@media screen and (max-width: 767px) {
  .two-col-left, .two-col-left > div {
    padding-right: 0;
  }
  .two-col-right {
    border-top: thin solid #a3abaf;
    padding-top: 15px;
    padding-left: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .two-col-right > div {
    padding-left: 0;
  }
  .two-col-right .callout-box {
    padding-left: 10px
  }
  /*.two-col-right >  Interior page Right Nav */
  nav > ul.list-group > li.list-group-item {
    border-right: 3px solid #005195;
  }
  nav > ul.list-group > li.list-group-item:hover {
    border-right: 3px solid #5e91bc;
  }
  /* Interior page Left Nav */
  .navbar-collapse > ul.list-group > li.list-group-item {
    border-left: 1px solid #005195;
  }
  .navbar-collapse > ul.list-group > li.list-group-item:hover {
    border-left: 1px solid #5e91bc;
  }
  #content-contact .eDesc, #content-contact p, div#content-contact p.eDesc.list-group-item-text {
    white-space: pre-wrap;
    height: auto;
    padding: 15px;
    display: block;
    border-bottom: 0;
  }
}
/* /TERCIARY/2 COL PAGES
/*------------------------------------------------------*/
/* FOOTER 
------------------------------------------------------ */
footer .h4, footer h4, .bold {
  font-weight: 700;
}
/* /FOOTER 
------------------------------------------------------ */
/* UTILITES
------------------------------------------------------ */
/*toTop button
------------------------------------------------------- */
/* NEWS PAGE */
.thumbnail.no-border {
  padding: 0px;
  margin-bottom: 20px;
  line-height: 1.5;
  background-color: #fff;
  border: 0 solid #ddd;
  border-radius: /*5px*/ 0;
  box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, .11);
  transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
}
.thumbnail_footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0.875rem;
}
.thumbnail_editorial-type {}
.thumbnail_editorial-type + .thumbnail_date:before {
  content: " - ";
}
/* /NEWS PAGE*/
/* UTILITES (used for tabbed content)
------------------------------------------------------ */
/* MISC (Rendered Bootstrap File Fix - DD)
------------------------------------------------------ */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: /*~#eeeeee*/ #f1f2f3;
}
.img-thumbnail {
  padding: 0;
  border: none;
  border-radius: 5px;
}
.hero-image {
  position: relative;
  margin-bottom: 10px;
}
.hero-image img {
  width: 100%;
}
.hero-btn {
  margin-top: 10px;
}
/*.lead {
    margin-bottom: 0px;
}*/
.hero-image-header {
  margin: 15px;
  padding: 15px;
  width: fit-content;
  background-color: rgba(0, 81, 149, .93);
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
}
.hero-image-header h2 {
  color: white;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  padding-bottom: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.hero-image-header p {
  color: white;
  word-wrap: break-word;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
@media screen and (max-width: 1300px) {
  .hero-image-header {
    margin: 0;
    width: 100%;
    background-color: rgba(0, 81, 149, 1);
    position: relative;
    bottom: 0;
    left: 0;
    left: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .hero-image img.img-responsive {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
hr, .js-t4form-container hr, #main-content hr {
  border-top: 1px solid #a3abaf;
}
.page-header {
  border-bottom: 1px solid /*~#eeeeee*/ #f1f2f3;
}
.blockquote-reverse, blockquote.pull-right {
  border-right: 5px solid /*~#eeeeee*/ #f1f2f3;
}
blockquote {
  border-left: 5px solid /*~#eeeeee*/ #f1f2f3;
  font-size: inherit;
}
.btn-default:hover {
  color: /*#333*/ #005195;
}
.input-group-addon {
  background-color: /*~#eeeeee*/ #f1f2f3;
}
.nav .open > a:focus {
  background-color: /*~#eeeeee*/ #f1f2f3;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: /*~#333*/ #ffffff;
}
.nav li.dropdown.mega-dropdown { /*~~~~ + */
  text-decoration: none;
}
.nav li.dropdown.mega-dropdown.expanded { /*~~~~ + */
  background-color: #ffffff;
  color: #005195;
  text-decoration: underline;
}
.nav li.dropdown.mega-dropdown.expanded a { /*~~~~ + */
  color: #005195;
  text-decoration: underline;
}
.nav li.dropdown.mega-dropdown.expanded li { /*~~~~ + */
  color: #333333;
}
.breadcrumb {
  background-color: /*#f1f2f3*/ #f9f9f9;
}
.breadcrumb > li {
  padding-bottom: 0;
}
.carousel-control {
  opacity: /*0.5*/ 0.93;
}
@media (min-width: 768px) {
  .container {
    width: /*~~750px*/ 95%;
  }
  .container.marketing p {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .container {
    width: /*~~970px*/ 95%;
  }
}
/*~ updates 09.21.17*/
@media (min-width: 1300px) {
  .container {
    width: 1270px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1870px;
  }
  .container.marketinginfo {
    width: 1270px;
  }
}
/*~ /updates 09.21.17*/
#fifty-fifty-container .columns {
  background-position: center top;
}
/*
 * Targeting IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9 - if needed
 * [2] IE10+
 */
/* 1  
.ie9 img[src$=".svg"] {
  width: 100%; 
}*/
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}
/*Sidebar navigation*/
nav .list-group {
  margin-bottom: 20px;
}
/* PROGAM PAGE STYLES
------------------------------------------------------ */
.progCourseTake {
  font-size: .95rem;
  margin-left: 5px;
  font-weight: 700;
}
li.progCourse {
  font-size: .95rem;
  line-height: 1.5em;
}
/* buttons.css
------------------------------------------------------ */
.btn-primary {
  background-color: #005195;
}
.jumbotron p {
  font-size: inherit;
  color: #333333;
  font-weight: normal;
}
.jumbotron {
  background-color: #f1f2f3;
}
.container .jumbotron, .container-fluid .jumbotron {
  padding: 35px;
  margin-top: 0;
  margin-bottom: 0;
}
/*~ Overrides to ECC-bootstrap.css */
@media (max-width: 767px) {
  .jumbotron h1, .jumbotron .h1 {
    font-size: 2rem;
    text-transform: none;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-top: 15px;
  }
}
/*~ /ECC-bootstrap.css Overrides ---
-------------------------------------------------- */
/* Button positioning ---
-------------------------------------------------- */
.btn-bottom {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  .btn-bottom {
    position: absolute;
    left: 30%;
    right: 30%;
    bottom: 20px;
  }
}
/* /Button positioning ---
-------------------------------------------------- */
/* Default Bootstrap Button Selectors ---
-------------------------------------------------- */
.btn {
  font-family: 'Noto Sans', verdana, "sans-serif";
  text-transform: capitalize;
  font-size: 1rem;
  border-width: 2px;
  border-style: solid;
  list-style: none;
}
a.btn {
  text-decoration: none;
  white-space: inherit;
}
.btn:hover, a.btn:hover, .btn:focus, a.btn:focus, .btn a:hover, a.btn:hover, .btn a:focus, a.btn:focus {
  text-decoration: underline;
  text-shadow: none;
}
.btn .white {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.btn-group-sm > .btn, .btn-sm {
  font-size: 0.75rem;
  border-radius: 5px;
  height: 30px;
}
.btn-group-md > .btn, .btn-md {
  font-size: 1rem;
  border-radius: 5px;
  width: 100%;
  max-width: 200px;
  height: 100%;
  min-height: 35px;
}
.btn-group-lg > .btn, .btn-lg {
  padding: .75rem 1.5rem;
  border-radius: 5px;
  width: 100%;
  /*~height: 50px;*/
  line-height: 1.75;
  padding: 10px 16px;
  font-size: 1.25rem;
}
.btn-default {
  color: #005195;
  text-transform: capitalize;
  border-color: #004986;
  background-color: transparent;
}
.btn-default:hover, .btn-default:focus {
  background-color: #f1f2f3;
  border-color: #004177;
}
.btn-secondary {
  color: #262626;
  border-width: 2px;
  border-color: #5c5c5c;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #f1f2f3;
  border-color: #262626;
}
.btn-primary {
  background-color: #005195;
  border-color: #005195;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #004177;
  border-color: #004177;
}
.btn-tertiary {
  color: white;
  background-color: #6f7780;
  border-color: #6f7780;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-tertiary:focus {
  color: #5c5c5c;
  background-color: white;
  border-color: #5c5c5c;
}
.btn-tertiary:hover, .btn-tertiary:active {
  color: white;
  background-color: #5c5c5c;
  border-color: #5c5c5c;
}
.btn-success {
  background-color: #538000; /*shade -30 */
  border-color: #476e00; /*shade -40*/
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.93)
}
.btn-success:hover, .btn-success:focus {
  background-color: #6ba500;
  border-color: #5f9300;
}
.btn-info {
  background-color: #00b8e4;
  border-color: #00a5cd;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-info:hover, .btn-info:focus {
  background-color: #00a5cd;
  border-color: #0093B6;
}
.btn-warning {
  background-color: #ff7900;
  border-color: #e56d00;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #e56d00;
  border-color: #cc6100;
}
.btn-danger {
  background-color: #be0f34;
  border-color: #ab0d2f;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #ab0d2f;
  border-color: #980c2a;
}
.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-transparent:hover, .btn-transparent:focus {
  color: #005195;
  background-color: #e6e6e6;
  border-color: #adadad;
  text-shadow: none
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-link {
  color: #005195;
  text-decoration: underline
}
.btn-link:hover, .btn-link:focus {
  background-color: transparent;
  text-decoration: none
}
/*~ /From style-guide.css */
/* /Default Bootstrap Button Selectors ---
-------------------------------------------------- */
/* /buttons.css
-------------------------------------------------- */
/* /colors.css
-------------------------------------------------- */
/* ECC COLORS ---

/* PLEASE NOTE: Default Bootstrap button selectors are stored in buttons.css */
/* BLACK & WHITE (and everything in between) */
.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-transparent:hover, .btn-transparent:focus {
  color: #005195;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/* white */
.e-ffffff, .e-white, .e-white h1, .e-white h2, .e-white h3, .e-white h4, .e-white h5, .e-white h6, h1.e-white, h2.e-white, h3.e-white, h4.e-white, h5.e-white, h6.e-white, #ECC-home h2.e-white, .e-white .panel-heading, .e-white .panel-body {
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.btn-ffffff, .btn-white {
  color: /*#262626*/ #005195;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-ffffff:hover, .btn-white:focus {
  color: #005195;
  text-decoration: underline;
}
.bg-ffffff, .bg-white { /* white */
  background-color: #fff;
  background-color: rgb(255, 255, 255);
}
.bg-t-white { /* white */
  background-color: rgba(255, 255, 255, 0.95);
}
/* MONOCHROMATIC */
.e-5c5c5c { /* Dark Gray */
  color: #5c5c5c;
}
.bg-5c5c5c { /* Dark Gray */
  background-color: #5c5c5c;
  background-color: rgba(94, 145, 188, 1);
}
.bg-t-5c5c5c { /* Dark Gray */
  background-color: rgba(94, 145, 188, 0.93);
}
.btn-5c5c5c { /* Dark Gray */
  color: #FFFFFF;
  background-color: #5c5c5c;
  border-color: #5c5c5c;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-5c5c5c:hover, .btn-5c5c5c:focus { /* Dark Gray */
  color: #FFFFFF;
  background-color: #515151;
  border-color: #515151;
}
.e-a3abaf { /* Light Gray*/
  color: #a3abaf;
}
.bg-a3abaf { /* Light Gray*/
  background-color: #a3abaf;
  background-color: rgb(163, 171, 175);
}
.bg-t-a3abaf { /* Light Gray*/
  /*background-color:#a3abaf \.93;*/
  background-color: rgba(163, 171, 175, 0.93);
  opacity: 0.93;
  filter: alpha(opacity=93); /* For IE8 and earlier */
}
.btn-a3abaf { /* Light Gray*/
  color: #000000;
  background-color: #a3abaf;
  border-color: #a3abaf;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3)
}
.btn-a3abaf:hover, .btn-a3abaf:focus { /* Light Gray*/
  color: #FFFFFF;
  background-color: #969da0;
  border-color: #969da0;
}
/* GRAYS */
/* text gray */
.e-262626, #home-carousel .carousel-caption .lead .e-262626 {
  color: #262626;
}
.bg-dee1e3 { /* gray, light */
  background-color: #dee1e3;
  background-color: rgb(222, 225, 227);
}
.bg-t-dee1e3 { /* gray, light */
  background-color: rgba(222, 225, 227, 0.95);
}
.btn-dee1e3 {
  color: #000000;
  background-color: #dee1e3;
  border-color: #dee1e3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.btn-f1f2f3:hover, .btn-f1f2f3:focus {
  color: #000000;
  background-color: #a3abaf;
}
/* gray, lightest shade */
.e-f1f2f3 {
  color: #f1f2f3;
}
.bg-f1f2f3 {
  background-color: #f1f2f3;
  background-color: rgb(241, 242, 243);
}
.bg-t-f1f2f3 {
  background-color: rgba(241, 242, 243, 0.93);
}
.btn-f1f2f3 {
  color: #000000;
  background-color: #f1f2f3;
  border-color: #f1f2f3;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.btn-f1f2f3:hover, .btn-f1f2f3:focus {
  color: #000000;
  background-color: #a3abaf;
}
/* BLUE */
.e-5e91bc { /* Donate Blue */
  color: #5e91bc;
}
.bg-5e91bc {
  background-color: #5e91bc;
  background-color: rgba(94, 145, 188, 1);
}
.bg-t-5e91bc {
  background-color: rgba(94, 145, 188, 0.93);
}
.btn-5e91bc {
  color: #FFFFFF;
  background-color: #5e91bc;
  border-color: #5e91bc;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-5e91bc:hover, .btn-5e91bc:focus {
  color: #FFFFFF;
  background-color: #5786ae;
  border-color: #5786ae;
}
.e-005195 { /* ECC blue */
  color: #005195;
}
.bg-005195 {
  background-color: #005195;
}
.bg-t-005195 {
  background-color: rgba(0, 81, 149, 0.93);
}
.btn-005195 {
  color: #FFFFFF;
  background-color: #005195;
  border-color: #005195;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-005195:hover, .btn-005195:focus {
  color: #FFFFFF;
  background-color: #004986;
  border-color: #004986;
}
.e-00b8e4 { /* blue, light */
  color: #00b8e4;
}
.bg-00b8e4 {
  background-color: #00b8e4;
}
.bg-t-00b8e4 {
  background-color: rgba(0, 184, 228, 0.93);
}
.btn-00b8e4 {
  color: #FFFFFF;
  background-color: #00b8e4;
  border-color: #00b8e4;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-00b8e4:hover, .btn-00b8e4:focus {
  color: #FFFFFF;
  background-color: #00a5cd;
  border-color: #00a5cd;
}
.e-0086c5 { /* blue, medium */
  color: #0086c5;
}
.bg-0086c5 {
  background-color: #0086c5;
}
.bg-t-0086c5 {
  background-color: rgba(0, 134, 197, 0.93);
}
.btn-0086c5 {
  color: #FFFFFF;
  background-color: #0086c5;
  border-color: #0086c5;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-0086c5:hover, .btn-0086c5:focus {
  color: #FFFFFF;
  background-color: #0078b1;
  border-color: #0078b1;
}
.e-003a69 { /* blue, dark */
  color: #003a69;
}
.bg-003a69 { /* blue, dark */
  background-color: #003a69;
}
.bg-t-003a69 { /* blue, dark */
  background-color: rgba(0, 58, 105, 0.93);
}
.btn-003a69 {
  color: #FFFFFF;
  background-color: #003a69;
  border-color: #003a69;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-003a69:hover, .btn-003a69:focus {
  color: #FFFFFF;
  background-color: #00345e;
  border-color: #00345e;
}
/* GREEN */
.e-77b800 /* green light; using darker shade */ {
  color: #6ba500;
}
.bg-77b800 { /* green light; using darker shade */
  background-color: #6ba500;
}
.bg-t-77b800 { /* green light; using darker shade */
  background-color: rgba(107, 165, 0, 0.93); /* becasue it is a lighter color */
  /*opacity: 0.93*/
  filter: alpha(opacity=93); /* For IE8 and earlier */
}
.btn-77b800 {
  color: #ffffff;
  background-color: #77b800;
  border-color: #77b800;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.btn-77b800:hover, .btn-77b800:focus {
  color: #ffffff;
  background-color: #6ba500;
  border-color: #6ba500;
}
.e-007e66 { /* green, medium */
  color: #007e66;
}
.bg-007e66 {
  background-color: #007e66;
}
.bg-t-007e66 {
  background-color: rgba(0, 126, 102, 0.93);
}
.btn-007e66 {
  color: #FFFFFF;
  background-color: #007e66;
  border-color: #007e66;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-007e66:hover, .btn-007e66:focus {
  color: #FFFFFF;
  background-color: #00715c;
  border-color: #00715c;
}
.e-005c56 { /* green, dark */
  color: #005c56;
}
.bg-005c56 { /* green dark */
  background-color: #005c56;
}
.bg-t-005c56 { /* green dark */
  /*background-color: #005c56 \.93;*/
  background-color: rgba(0, 92, 86, 0.93);
  /*opacity: 0.93*/
  filter: alpha(opacity=93); /* For IE8 and earlier */
}
.btn-005c56 {
  color: #FFFFFF;
  background-color: #005c56;
  border-color: #005c56;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-005c56:hover, .btn-005c56:focus {
  color: #FFFFFF;
  background-color: #00534d;
  border-color: #00534d;
}
/* YELLOW */
.e-fed900 { /* yellow, light */
  color: #fed900;
}
.bg-fed900 {
  background-color: #fed900;
}
.bg-t-fed900 {
  /*background-color: #fed900 \.95;*/
  background-color: rgba(254, 217, 0, 0.95);
  /*opacity: 0.95;*/
  filter: alpha(opacity=95); /* For IE8 and earlier */
}
.btn-fed900 {
  color: #000000;
  background-color: #fed900;
  border-color: #fed900;
}
.btn-fed900:hover, .btn-fed900:focus {
  color: #000000;
  background-color: #e4c300;
  border-color: #e4c300;
}
.e-edb700 { /* yellow, medium */
  color: #edb700;
}
.bg-edb700 {
  background-color: #edb700;
}
.bg-t-edb700 {
  /*background-color: #edb700 \.93;*/
  background-color: rgba(237, 183, 0, 0.93);
  /*opacity: 0.93*/
  filter: alpha(opacity=93); /* For IE8 and earlier */
}
.btn-edb700 {
  color: #000000;
  background-color: #edb700;
  border-color: #edb700;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.btn-edb700:hover, .btn-edb700:focus {
  color: #000000;
  background-color: #d5a400;
  border-color: #d5a400;
}
.e-f4aa00 { /* yellow, dark */
  color: #f4aa00;
}
.bg-f4aa00 {
  background-color: #f4aa00;
}
.bg-t-f4aa00 {
  background-color: rgba(244, 170, 0, 0.93);
}
.btn-f4aa00 {
  color: #000000;
  background-color: #f4aa00;
  border-color: #f4aa00;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.btn-f4aa00:hover, .btn-f4aa00:focus {
  color: #000000;
  background-color: #db9900;
  border-color: #db9900;
}
/*Yellow tints of yellow, medium #edb700*/
.bg-fdf8e6, .fdf8e6 {
  background-color: #fdf8e6;
}
/* ORANGE */
.e-ff7900 { /* orange, medium */
  color: #ff7900;
}
.bg-ff7900 {
  background-color: #ff7900;
}
.bg-t-ff7900 {
  background-color: rgba(255, 122, 0, 0.93);
}
.btn-ff7900 {
  color: #FFFFFF;
  background-color: #ff7900;
  border-color: #ff7900;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-ff7900:hover, .btn-ff7900:focus {
  color: #FFFFFF;
  background-color: #e56d00;
  border-color: #e56d00;
}
.e-e55302 { /* orange, dark */
  color: #e55302;
}
.bg-e55302 {
  background-color: #e55302;
}
.bg-t-e55302 {
  background-color: rgba(229, 83, 2, 0.93);
}
.btn-e55302 {
  color: #FFFFFF;
  background-color: #e55302;
  border-color: #e55302;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-e55302:hover, .btn-e55302:focus {
  color: #FFFFFF;
  background-color: #ce4b02;
  border-color: #ce4b02;
}
/* RED */
.e-dc291e, .red.bigger-110 { /* red, light (color used for asterisk on the forms) */
  color: #dc291e;
}
.bg-dc291e {
  background-color: #dc291e;
}
.bg-t-dc291e {
  background-color: rgba(220, 41, 30, 0.93);
}
.btn-dc291e {
  color: #FFFFFF;
  background-color: #dc291e;
  border-color: #dc291e;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-dc291e:hover, .btn-dc291e:focus {
  color: #FFFFFF;
  background-color: #c6251b;
  border-color: #c6251b;
}
.e-be0f34 { /* red, medium */
  color: #be0f34;
}
.bg-be0f34 {
  background-color: #be0f34;
}
.bg-t-be0f34 {
  background-color: rgba(190, 15, 52, 0.93);
}
.btn-be0f34 {
  color: #FFFFFF;
  background-color: #be0f34;
  border-color: #be0f34;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-be0f34:hover, .btn-be0f34:focus {
  color: #FFFFFF;
  background-color: #ab0d2f;
  border-color: #ab0d2f;
}
.e-9c3c25 { /* red, rust */
  color: #9c3c25;
}
.bg-9c3c25 {
  background-color: #9c3c25;
}
.bg-t-9c3c25 {
  background-color: rgba(156, 60, 37, 0.93);
}
.btn-9c3c25 {
  color: #FFFFFF;
  background-color: #9c3c25;
  border-color: #9c3c25;
}
.btn-9c3c25:hover, .btn-9c3c25:focus {
  color: #FFFFFF;
  background-color: #8c3621;
  border-color: #8c3621;
}
.e-901c3b { /* red, dark */
  color: #901c3b;
}
.bg-901c3b {
  background-color: #901c3b;
}
.bg-t-901c3b {
  background-color: rgba(144, 28, 59, 0.93);
}
.btn-901c3b {
  color: #FFFFFF;
  background-color: #901c3b;
  border-color: #901c3b;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-901c3b:hover, .btn-901c3b:focus {
  color: #FFFFFF;
  background-color: #811935;
  border-color: #811935;
}
/* PURPLE */
.e-b70b9b { /* purple, light */
  color: #b70b9b;
}
.bg-b70b9b {
  background-color: #b70b9b;
}
.bg-t-901c3b {
  background-color: rgba(144, 28, 59, 0.95);
}
.btn-b70b9b {
  color: #FFFFFF;
  background-color: #b70b9b;
  border-color: #b70b9b;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-b70b9b:hover, .btn-b70b9b:focus {
  color: #FFFFFF;
  background-color: #a40a8b;
  border-color: #a40a8b;
}
.e-7f1399 { /* purple, medium */
  color: #7f1399;
}
.bg-7f1399 {
  background-color: #7f1399;
}
.bg-t-7f1399 {
  background-color: rgba(75, 17, 111, 0.93);
}
.btn-7f1399 {
  color: #FFFFFF;
  background-color: #7f1399;
  border-color: #7f1399;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-7f1399:hover, .btn-7f1399:focus {
  color: #FFFFFF;
  background-color: #721189;
  border-color: #721189;
}
.e-4b116f { /* purple, dark */
  color: #4b116f;
}
.bg-4b116f {
  background-color: #4b116f;
}
.bg-t-4b116f {
  background-color: rgba(75, 17, 111, 0.93);
}
.btn-4b116f {
  color: #FFFFFF;
  background-color: #4b116f;
  border-color: #4b116f;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-4b116f:hover, .btn-4b116f:focus {
  color: #FFFFFF;
  background-color: #430f64;
  border-color: #430f64;
}
.e-b7a66d { /*brown, light */
  color: #b7a66d;
}
.bg-b7a66d {
  background-color: #b7a66d;
}
.bg-t-b7a66d {
  background-color: rgba(183, 166, 109, 0.95);
}
.btn-b7a66d {
  color: #FFFFFF;
  background-color: #b7a66d;
  border-color: #b7a66d;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-b7a66d:hover, .btn-b7a66d:focus {
  color: #000000;
  background-color: #a49562;
  border-color: #a49562;
}
/* NEUTRAL */
.e-766a63 {
  color: #766a63;
}
.bg-766a63 { /*brown, dark */
  background-color: #766a63;
}
.bg-t-766a63 {
  background-color: rgba(118, 106, 99, 0.93);
}
.btn-766a63 {
  color: #FFFFFF;
  background-color: #766a63;
  border-color: #766a63;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.btn-766a63:hover, .btn-766a63:focus {
  color: #FFFFFF;
  background-color: #6a5f59;
  border-color: #6a5f59;
}
/* /ECC COLORS ---
/* /colors.css
-------------------------------------------------- */
/* if-elgin.css
-------------------------------------------------- */
/**
 * Helper styles to separate items in space
 * @helper: `.separate`
*/
.separate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/**
 * Helper to group buttons
 * @helper: `.buttons`
*/
.buttons {
  margin-bottom: 20px;
}
/**
 * Helper to visually hide elements on the page
 * @helper and @accessibility: `.visually-hidden`
*/
.social-icons span.sr-only, .visually-hidden {
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
/**
 * Helper to group JS for ease of development
 * @helper: `.hidden-js`
*/
.hidden-js {
  visibility: hidden;
}
/**
 * Main skip to content link, only visible on focus
 * @accessibility: `.skip-to-content`
*/
a.skip-to-content {
  overflow: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  text-align: left;
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  background-color: #005195;
  z-index: 1;
}
a.skip-to-content:hover, a.skip-to-content:focus, a.skip-to-content:active {
  overflow: visible;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}
#main-content {
  outline: none;
}
/**
 * Page headers and styles
 * @module: `.page-main-header` and `page-section-header`
*/
.page-main-header .section-hero {
  padding-top: 0;
  background: none;
}
.page-main-header .title {
  margin: 0 0 20px;
  padding: 0 0 /*10*/ 11px;
  border-bottom: 3px solid #005195;
}
.page-main-header .title h1 {
  margin: 0;
}
@media (min-width: 768px) {
  .page-main-header .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .page-main-header .title .more {
    margin-left: 1em;
  }
}
.page-section-header {
  font: 1rem/1.500 'Noto Sans', sans-serif;
}
@media (min-width: 768px) {
  .page-section-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media (min-width: 768px) {
  .flex-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
/**
 * Styles for the choose a path module on the homepage
 * NOTE: some of these styles override the native bootstrap buttons and dropdowns
 * @module: `.choose-a-path`
*/
#choose-a-path h4 {
  font: normal 1rem/1.500 'Noto Sans', sans-serif;
}
#choose-a-path .btn-group {
  position: relative;
  margin: 0 0 15px;
}
#choose-a-path .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  text-transform: none;
}
#choose-a-path .dropdown-menu {
  width: 100%;
}
#choose-a-path .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#choose-a-path a {
  text-decoration: none;
  text-shadow: none;
  white-space: normal;
  word-break: break-word;
}
#choose-a-path a:hover {
  text-decoration: underline;
}
/**
 * Accessibility overrides based on QA, many color based
 * @accessibility
*/
.footer .how-do-i .btn-00b8e4 {
  background-color: #00809f;
  border-color: #00809f;
}
.footer .how-do-i .btn-00b8e4:hover {
  background-color: #006179;
  border-color: #006179;
}
.footer .how-do-i .btn-b7a66d {
  background-color: #7f1399;
  border-color: #7f1399;
}
.footer .how-do-i .btn-b7a66d:hover {
  background-color: #630f77;
  border-color: #630f77;
}
.footer .how-do-i .btn-77b800 {
  background-color: #538000; /*shade -30 */
  border-color: #476e00; /*shade -40*/
}
.footer .how-do-i .btn-77b800:hover {
  background-color: #3a5a00;
  border-color: #476e00; /*shade -40*/
}
.carousel-caption.bg-t-f4aa00 /*c38800*/ {
  background-color: rgba(195, 136, 0, 0.93);
}
.carousel-caption.bg-t-edb700 /*be9200*/ {
  background-color: rgba(190, 146, 0, 0.93);
}
.carousel-caption.bg-t-fed900 /*cbae00*/ {
  background-color: rgba(203, 174, 0, 0.93);
}
.carousel-caption.bg-t-77b800 /*6ba500*/ {
  background-color: rgba(107, 165, 0, 0.93);
}
table {
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #a3abaf;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.875rem;
}
table caption {
  margin: 1rem 0 0.625rem 0;
  padding: 0;
  color: /*#005195*/ /*#333333*/ #003a69;
  font: /*700*/ 400 1rem/1.3 'Noto Sans', sans-serif;
}
table tr {
  padding: 10px 15px;
  border-bottom: 1px solid #a3abaf;
}
table th, table td {
  padding: 10px 10px;
}
table thead {
  background: #005195;
  color: #fff;
}
table thead th, table thead td {
  border: 1px solid #005195;
}
table th {
  font-weight: 700;
  letter-spacing: 0.02em;
}
table#table-container-table.full-width-layout {
  width: auto;
}
/**
 * Styles for article module on article page
 * @module: `.full-article`
*/
.full-article img {
  width: 100%;
  /*margin-bottom: 20px;*/
}
.full-article .video {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
}
.full-article .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: none;
}
/* Video Grid - Flexbox Equal Height Bootstrap Columns
---------------------------------------------------------------------
/*
Author : Bryan Willis @ https://codepen.io/bootstrapped/pen/RrabNe
*/
/* Flexbox Equal Height Bootstrap Columns (fully responsive) */
@media only screen and (min-width : 481px) {
  .flex-row.row {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after, .flex-row.row:before {
    display: flex;
  }
  .flex-row.row > [class*='col-'] > .box {
    display: flex;
    flex: 1;
  }
}
/* Grow thumbnails to fill columns height */
.flex-row .thumbnail, .flex-row .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  padding: 5px;
}
.flex-row .thumbnail {
  border: 1px solid #a3abaf;
  border-radius: 5px;
}
/* Flex Grow Text Container */
.flex-row .caption p.flex-text {
  flex-grow: 1;
}
/* Flex Responsive Image */
.flex-row img {
  width: 100%;
  height: auto;
}
/* CSS TABLES EQUAL HEIGHT
   - ie9 support 
   - not responsive (mobile fallback)
*/
.table-row.row, .table-row-equal {
  display: table;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.table-row.row [class*="col-"] {
  width: 25%;
}
.table-row.row [class*="col-"], .table-row-equal .thumbnail {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.table-row-equal {
  border-spacing: 30px 0px;
}
.table-row-equal .thumbnail {
  width: 1%;
}
/* mobile fallback to support partial responsiveness */
@media only screen and (max-width: 480px) {
  .table-row-equal .thumbnail {
    display: block;
    width: 100%;
  }
}
/* MASONARY BOOTSTRAP 3 GRID
   - Who needs V4?
*/
.masonary-row.row {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-left: 15px;
  padding-right: 15px;
  word-wrap: break-word;
  column-fill: balance;
}
.masonary-row [class*="col-"] {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: none;
  padding: 0px;
  column-fill: balance;
}
@media (min-width: 480px) {
  .masonary-row.row {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .masonary-row.row {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.bootflex .well {
  flex-grow: 1;
}
/* pre hack for small devices */
pre {
  display: flex;
  flex: 1;
}
.flex-row.flex-code.row > [class*='col-'] .flex-text {
  flex-grow: 1;
  display: flex;
}
/*Poster hover effects*/
.fa-play:before {
  margin-left: 5px;
}
.video-poster, .video-poster2, .video-poster3 {
  position: relative;
}
/*#video-grid-panel .thumbnail .caption, #video-grid-panel .thumbnail, .caption .video-poster, figure#video {
    padding: 0;
}*/
/*#video-grid-panel .video-poster .img-responsive {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}*/
.video-poster img {
  opacity: 1;
}
.video-poster-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.video-poster:hover .video-poster-img {
  opacity: 0.3;
}
.two-col-right .btn {
  margin-top: 10px;
}
.video-poster-btn {
  transition: .5s ease;
  opacity: 0.85;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 75%;
}
.video-poster-btn2 { /*Used for campaign landing (video play left)*/
  transition: .5s ease;
  opacity: 0.8;
  position: absolute;
  top: 40%;
  right: 15%;
  transform: translate(-40%, -15%);
  -ms-transform: translate(-40%, -15%);
  text-align: center;
  font-size: 150%;
}
.video-poster-btn3 { /*Used for campaign landing (video play small)*/
  transition: .5s ease;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 100%;
}
.video-poster-btn2:hover, .video-poster-btn3:hover {
  opacity: 1;
  cursor: pointer;
}
.video-poster-txt {
  font-size: 1.125rem;
  font-style: normal;
  font-family: 'Noto Sans', verdana, "sans-serif";
  font-weight: 700;
  text-transform: uppercase;
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
  padding: 15px 0 0;
}
/*.video-poster a {
  color: #ff0000;
}*/
.video-poster:hover .video-poster-img {
  opacity: 0.07;
}
.video-poster:hover .video-poster-btn {
  opacity: 1;
}
.video-poster i.fa-play.fa-stack-1x-custom, .video-poster2 i.fa-play.fa-stack-1x-custom, .video-poster3 i.fa-play.fa-stack-1x-custom,
.video-poster span.fa-play.fa-stack-1x-custom, .video-poster2 span.fa-play.fa-stack-1x-custom, .video-poster3 span.fa-play.fa-stack-1x-custom{
  color: #005195;
  opacity: 0.85;
}
i.fa-circle.fa-stack-2x-custom,
span.fa-circle.fa-stack-2x-custom{
  color: #ffffff;
}
.video-poster i.fa-circle.fa-stack-2x-custom, .video-poster i.fa-circle.fa-stack-2x-custom, .video-poster2 i.fa-circle.fa-stack-2x-custom, .video-poster2 i.fa-circle.fa-stack-2x-custom, .video-poster3 i.fa-circle.fa-stack-2x-custom, .video-poster3 i.fa-c.fa-stack-2x-custom,
.video-poster span.fa-circle.fa-stack-2x-custom, .video-poster span.fa-circle.fa-stack-2x-custom, .video-poster2 span.fa-circle.fa-stack-2x-custom, .video-poster2 span.fa-circle.fa-stack-2x-custom, .video-poster3 span.fa-circle.fa-stack-2x-custom, .video-poster3 span.fa-c.fa-stack-2x-custom{
  -webkit-text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.video-poster-btn .fa-stack-1x-custom, .video-poster-btn2 .fa-stack-1x-custom, .video-poster-btn3 .fa-stack-1x-custom {
  font-size: 1.5rem;
}
.video-poster-btn .fa-stack-2x-custom, .video-poster-btn2 .fa-stack-2x-custom, .video-poster-btn3 .fa-stack-2x-custom {
  font-size: 4rem;
}
.video-poster-btn .fa-stack-custom, .video-poster-btn2 .fa-stack-custom, .video-poster-btn3 .fa-stack-custom {
  width: 4em;
  height: 4em;
  line-height: 4em;
}
.video-poster:hover i.fa-play.fa-stack-1x-custom, .video-poster-btn2:hover i.fa-play.fa-stack-1x-custom, .video-poster-btn3:hover i.fa-play.fa-stack-1x-custom,
.video-poster:hover span.fa-play.fa-stack-1x-custom, .video-poster-btn2:hover span.fa-play.fa-stack-1x-custom, .video-poster-btn3:hover span.fa-play.fa-stack-1x-custom {
  color: #ffffff;
  opacity: 1;
}
.video-poster:hover i.fa-circle.fa-stack-2x-custom, .video-poster-btn2:hover i.fa-circle.fa-stack-2x-custom, .video-poster-btn3:hover i.fa-circle.fa-stack-2x-custom,
.video-poster:hover span.fa-circle.fa-stack-2x-custom, .video-poster-btn2:hover span.fa-circle.fa-stack-2x-custom, .video-poster-btn3:hover span.fa-circle.fa-stack-2x-custom{
  -webkit-text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
  color: #005195;
  transition: all .3s ease-in-out;
}
/*Video Embed Rounded Corners*/
.corner {
  background: url(/media/website/site-assets/images/5px-radius.png) no-repeat top left;
  height: 20px;
  position: absolute;
  width: 20px;
  z-index: 99;
}
.topleft {
  left: 0;
  top: 0;
}
.topright {
  right: -.4px;
  top: 0;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.bottomright {
  bottom: 0;
  right: -.4px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.bottomleft {
  bottom: 0;
  left: 0;
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
/*Video Panel Button*/
#video-grid-panel .btn {
  white-space: normal;
}
/**

/**
 * styles for basic news listings
 * @module: `.main-stories` and `.story`
*/
.main-stories {
  margin-bottom: 20px;
}
.story {
  margin-bottom: 20px;
}
.carousel .story {
  margin-bottom: 0;
}
.carousel p {
  margin-top: 10px;
}
.story .img-thumbnail {
  width: 100%;
}
.story .timestamp {
  color: #5c5c5c;
  font-size: 80% /*0.875rem*/ ;
}
@media only screen and (max-width: 767px) {
  .story .img-thumbnail {
    margin-bottom: 20px;
  }
}
/**
 * Styles for featured stories and featured stories header
 * @module: `.featured-stories`, `.stories-header`, and `.featured-story`
*/
.featured-stories {
  margin-bottom: 20px;
}
.stories-header {
  margin-top: 30px;
  margin-bottom: 30px;
  font: 1rem/1.500 'Noto Sans', sans-serif;
}
.stories-header .timestamp {
  color: #5c5c5c;
  font-size: 80% /*0.875rem*/ ;
}
.stories-header .text-right {
  text-align: left;
}
@media (min-width: 768px) {
  .stories-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .stories-header .text-right {
    text-align: right;
  }
}
.featured-story {
  margin-bottom: 10px;
}
.featured-story .img-thumbnail {
  width: 100%;
  margin-bottom: 20px;
}
.featured-story .headline {
  margin: 0.25rem 0 0.5rem;
  font: 700 1.125rem/1.444 'Noto Sans', sans-serif;
}
.featured-story p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.featured-story.col-sm-4:nth-child(3n + 1) {
  clear: left;
}
.featured-story.col-sm-6:nth-child(2n + 1) {
  clear: left;
}
/**
 * Styles for link category "slug" filters found above listings
 * @module: `.story-filters`
*/
.story-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.story-filters li:not(:first-child) {
  margin-left: 25px;
  white-space: nowrap;
}
/**
 * Styles for gray category and date filter "pills" in sidebar
 * @module: `.filter-pills`
*/
.filter-pills ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px 0 0;
  padding: 0;
  font: 1rem/1.750 'Noto Sans', sans-serif;
  list-style: none;
}
.filter-pills li {
  margin: 0 20px 20px 0;
  padding: 0;
  color: white;
}
.filter-pills li.on a {
  background-color: black;
  color: white;
  cursor: default;
}
.filter-pills a {
  display: block;
  padding: 0 10px;
  background-color: #6f7780;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  cursor: pointer;
}
.filter-pills a:hover {
  background-color: black;
}
.filter-pills a:focus {
  padding: 0 8px;
  background-color: white;
  border: 2px solid black;
  color: black;
  line-height: 1.5rem;
}
.filter-pills a:active {
  background-color: black;
  border-color: black;
  color: white;
}
/**
 * Styles for share icons on news lander/home and on article lander
 * @module: `.share-icons`
*/
.share-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px;
}
.share-icons .share {
  margin: -3px 15px 0 0;
}
.share-icons a {
  margin: 0 15px 0 0;
}
.share-icons a:hover {
  color: #005195;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/**
 * Styles for article carousels on article page
 * @module: `.article-carousel`
*/
.article-carousel {
  margin: 0;
  padding: 0;
}
.article-carousel img {
  margin: 0;
}
/**
	* Styles for article carousel indicators on article page
	* @module: `.article-carousel .carousel-indicators`
	*/
.article-carousel .carousel-indicators {
  z-index: 3;
}
.article-carousel .carousel-indicators li {
  display: inline-block;
  width: 40px;
  height: 12px;
  margin: 1px;
  background-color: #fff;
  border: 1px solid #dee1e3;
  border-radius: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
/**
	* Styles for article carousel controls on article page
	* @module: `.article-carousel .carousel-control`
	*/
.article-carousel .carousel-control.right, .article-carousel .carousel-control.left {
  background: none repeat-x transparent;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 767px) {
  .article-carousel .carousel-control {
    display: none
  }
}
/**
 * Bootstrap overrides:
*/
.list-unstyled a {
  line-height: 1.5em /*~2em*/ ; /*~ white-space: nowrap; */
}
.dropdown-toggle:focus, .carousel-control:hover, .carousel-control:focus {
  outline: 2px solid rgba(59, 153, 252, 0.65);
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.breadcrumb > .active {
  color: #5c5c5c;
}
@media (min-width: 881px) {
  .navbar-toggle-container {
    display: none;
  }
}
.modal-title {
  margin: 0;
  padding: 0 0 5px !important;
  line-height: 1.5;
  font-size: 1.125rem !important;
}
.section-hero a.btn-sm {
  line-height: 1.5;
}
/*T4-Updates*/
h3.headline {
  margin-top: 10px;
}
.headline a {
  white-space: normal;
}
.footer {
  clear: both;
}
.gen-content {
  padding-right: 0;
}
.gen-content img {
  height: auto;
  max-width: 100%;
}
.btn-default a, .btn-primary a {
  text-decoration: none;
}
.btn-default a:hover, .btn-primary a:hover {
  text-decoration: underline;
}
/* if-elgin.css
-------------------------------------------------- */
/* /ecc-elgin.css
-------------------------------------------------- */
/*------------------------------------------------------
 1. SEARCH
 2. CAMPUS MAP
 3. DISTRICT 509 MAP
 4. ADDTOANY SOCIAL MEDIA SHARING
 5. FACULTY & STAFF DIRECTORY
 6. CONTINUING ED
 7. DISPLAY MODAL WINDOW 
 8. PRINT MODAL WINDOW 
 9. DIRECT EDIT ICON 
10. MISC./OTHER
------------------------------------------------------*/
/* SEARCH
/*------------------------------------------------------*/
/* Styles used for custom Google search. */
form.gsc-search-box {
  z-index: 99999;
  margin-bottom: 0 !important;
}
div#___gcse_2 form.gsc-search-box {
  margin-bottom: 15px !important;
}
.gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  /*padding-right: 0 !important;*/
  width: 880px;
}
table.gsc-search-box {
  margin-bottom: 0 !important;
}
table#gs_id50, table#gs_id51, table#gs_id52 {
  height: 40px;
}
input#gsc-i-id1 {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  /*text-indent: 0 !important;*/
}
#gsc-iw-id1 {
  background: #ffffff;
}
.gsst_a { /*~ + */
  padding: 0 8px !important;
}
#gsc-iw-id1 .gsst_a .gscb_a, #gsc-iw-id3 .gsst_a .gscb_a {
  color: #a3abaf /*#005195*/ ;
  font-size: 2rem;
  padding-top: 12px;
}
#gsc-iw-id2 .gsst_a .gscb_a { /*~~This should all be assigned in Google*/
  color: #ddd;
  font-size: 1.875rem;
  padding-top: 11px;
}
input#gsc-i-id2 {
  font-size: 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#gsc-i-id1, #gsc-i-id2, #gsc-i-id3 {
  background: transparent !important;
  text-indent: 10px !important;
}
#gsc-iw-id1, #gsc-iw-id2, #gsc-iw-id3 {
  background: transparent !important;
  text-indent: 5px !important;
}
.gsib_a {
  font-weight: 700;
  color: #262626;
}
#gsc-iw-id2 .gsib_a {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
div#_search input#gsc-i-id1 {
  background: #ffffff;
}
.gsc-input-box { /*~ + */
  border: thin solid #dddddd !important;
  border-radius: 5px !important;
  height: 40px !important;
}
div#_search2 .gsc-input-box {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
/* CUSTOM BUTTON STYLING */
input.gsc-search-button.gsc-search-button-v2, .gsc-search-button-v2, /*~ + */ .gsc-search-button-v2:hover, /*~ + */ .gsc-search-button-v2:focus /*~ + */ {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 10px !important;
  margin-top: /*5px*/ 0 !important;
  border-radius: 0 !important; /*~ + */
  border: 0 solid #666666 !important; /*~ + */
  border-radius: 5px !important; /*~ + */
}
/* Controlled through Google CSE
#___gcse_2 input.gsc-search-button.gsc-search-button-v2,
#___gcse_2 .gsc-search-button-v2, 
#___gcse_2 .gsc-search-button-v2:hover, 
#___gcse_2 .gsc-search-button-v2:focus  {
    background-color: #0086c5!important; 
    margin-left: 10px !important;/   
}
*/
.cse input.gsc-search-button, input.gsc-search-button {
  font-size: 1rem !important;
  background-color: #005094 !important;
  background-image: none !important;
}
.gsc-search-button.gsc-search-button-v2 svg {
  height: 18px !important; /*~ + */
  width: 18px !important; /*~ + */
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-family: 'Noto Sans', Verdana, " sans-serif" !important;
  font-size: 1rem !important;
}
@media screen and (max-width: 880px) {
  .nav li.dropdown.mega-dropdown.expanded {
    background-color: transparent !important;
  }
  .nav li.dropdown.mega-dropdown.expanded a {
    color: #ffffff;
  }
  #_search2 .gsc-input-box {
    border: none !important;
  }
  #_search2 input.gsc-search-button.gsc-search-button-v2, #_search2 input.gsc-search-button-v2, #_search2 input.gsc-search-button-v2:hover, #_search2 input.gsc-search-button-v2:focus {
    background-color: transparent !important;
  }
}
/******** NOW BEING STYLED IN GOOGLE CSE INTERFACE *******
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
	border: none !important;
}
.gsc-results {
	width: 100% !important;
}
*/
.gsc-result .gs-title {
  height: 1.5em !important;
}
/*
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet, .gsc-cursor-box {
	margin: 0 !important;
}
.gsc-webResult.gsc-result.gsc-promotion {
	padding: 0 !important;
}
.gsc-webResult.gsc-result.gsc-promotion, .gsc-results .gsc-imageResult-classic, .gsc-results .gsc-imageResult-column {
	border: medium solid #003a69 !important;
}
.gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover {
	border: medium solid #003a69 !important;
}
.gsc-resultsbox-visible {
	margin-bottom: 15px;
}
.gs-promotion-text-cell {
	padding: 5px;
	margin-left: 8px;
	margin-right: 8px;
}
.gs-promotion-text-cell .gs-title {
	font-size: 1.25rem !important;
	font-weight: 700;
}
.gs-promotion-text-cell, .gs-promotion-text-cell .gs-snippet {
	font-size: 1rem !important;
}
.gsc-url-top, .gs-visibleUrl {
	font-size: .875rem !important;
}
.gs-result .gs-title:hover, .gs-result .gs-title:hover * {
	text-decoration: none !important;
}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	border: medium solid #c38800 !important;
	background-color: #f1c533 !important;
}
*/
/*Overwrite layout.scss */
div#___gcse_0 table, div#___gcse_1 table, div#___gcse_2 table {
  margin-bottom: 0 !important;
  border: none !important;
  border-collapse: inherit !important;
}
/*td.gsc-search-button,*/ td.gsib_a, td.gsib_b, td.gsc-input, td.gsc-result-info-container, td.gsc-result-info, td.gsc-orderby-container, .gsc-result-info {
  margin: 0 !important;
  padding: 0 !important;
}
.gsc-search-box, .gsc-table-result, .gsc-resultsHeader, .gsc-above-wrapper-area-container, .gsc-resultsHeader tr, .gsc-above-wrapper-area-container tr, .gsc-table-result tr, .gs-promotion-table tr {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* /Styles used for custom Google search. */
/* CAMPUS MAP
/*------------------------------------------------------*/
#campus-map-canvas, #district-map-canvas {
  width: 100%;
  height: 650px;
}
/*Map Navigation*/
#buildings, #lots, #campus-locations, #services {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.875rem;
  width: 100%;
}
#map-sideNav .map-nav {
  width: 100%;
  height: auto;
  vertical-align: text-top;
  display: block;
}
#map-sideNav .map-nav a, #campus-map .dropdown-content a {
  padding: 5px;
  display: block;
  text-indent: 10px;
  border-bottom: 1px solid #a3abaf;
}
#map-sideNav .map-nav a:first-child {
  padding: 5px;
  display: block;
  text-indent: 10px;
  border-top: 1px solid #a3abaf;
}
#map-sideNav .map-nav a:last-child, #campus-map .dropdown-content a:last-child {
  border-bottom: none;
}
#map-sideNav .map-nav a:link {
  -webkit-transition: all .0s ease-in-out;
  transition: all .0s ease-in-out;
}
#map-sideNav .map-nav a:hover, #campus-map .dropdown-content a:hover {
  background-color: #F1F2F3;
  color: #262626;
  -webkit-transition: all .0s ease-in-out;
  transition: all .0s ease-in-out;
}
#map-sideNav .panel-body.map-nav {
  padding: 0;
}
#map-sideNav .map-nav-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  text-indent: 15px;
  color: #262626;
  font-size: inherit;
}
/* Accordion */
#map-sideNav .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: none;
}
/* Info Windows */
#infoWndContent {
  width: 100%;
  max-width: 400px;
  height: 100%;
}
#infoWndContent img {
  width: 400px;
  max-width: 100%;
}
#infoWndContent p, #infoWndContent li {
  font-size: inherit;
  font-weight: normal;
}
#infoWndContent hr {
  border-color: #a3abaf;
  margin: 10px 0;
}
#infoWndContent .footer-links a {
  font-size: 0.875rem;
}
#infoWndContent .tourECC {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
#infoWndContent .tourECC .tourECC-links {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
#infoWndContent .tourECC .btn {
  border-color: white;
}
#infoWndContent ul li {
  list-style: none;
  line-height: 1.5em;
  font-weight: normal;
}
#infoWndContent .footer-list-left {
  float: left;
  padding: 0;
}
#infoWndContent .footer-list-right {
  float: right;
  padding: 0;
}
/* Dropdown Button */
#campus-map .dropdown-container {
  display: none;
}
#campus-map .dropdown {
  position: relative;
}
#campus-map .dropdown .btn {
  font-size: .75rem;
}
#campus-map .dropdown .btn:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0d7";
  margin-left: 10px;
}
#campus-map .dropdown button {
  z-index: 3;
  /*position: absolute;*/
  top: 10px;
  left: 10px;
  margin-bottom: 10px;
}
#campus-map .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  max-width: 350px;
  margin-right: 15px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  top: 55px;
  left: 10px;
  z-index: 1;
}
.show {
  display: block;
}
@media (max-width: 767px) {
  #campus-map-canvas {
    height: 350px;
  }
  #map-sideNav {
    display: none;
  }
  #campus-map .dropdown {
    display: block;
  }
  #map-container {
    width: 100%;
  }
  #infoWndContent .tourECC, #infoWndContent p {
    display: none;
  }
  #infoWndContent ul li {
    font-size: 0.875rem;
  }
  #infoWndContent .footer-list-left {
    padding-right: 5px;
  }
  #infoWndContent .footer-list-right {
    float: left;
  }
}
/* DISTRICT 509 MAP
/*------------------------------------------------------*/
.gm-style .gm-style-iw h3 {
  font-weight: 600;
  font-size: medium !important;
  margin-bottom: -1em !important;
  font-style: normal;
  text-transform: none;
  color: inherit;
  line-height: 0;
}
@media (max-width: 767px) {
  #district-map-canvas {
    height: 450px;
  }
}
/* ADDTOANY SOCIAL MEDIA SHARING
/*------------------------------------------------------*/
.a2a_kit > a > span {
  background-color: #005195 !important
}
/* /ADDTOANY SOCIAL MEDIA SHARING
/*------------------------------------------------------*/
/* FACULTY & STAFF DIRECTORY
/*------------------------------------------------------*/
/* Update colors.css */
.e-dee1e3 {
  color: #dee1e3
}
/* /colors.css */
div.fsDirectory {
  margin: 10px 0 20px 0;
}
.fsListingsPosition {
  display: inline-block;
  margin: 0 20px;
}
.fsListings h4 {
  margin-bottom: 0
}
.fsListings p {
  margin-top: .2em
}
#results hr {
  border-top-color: #dee1e3
}
.form-control {
  width: auto;
}
.notation {
  font-style: italic;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 50px;
}
#searchterm + p {
  font-size: smaller;
  font-style: italic;
  margin: 0 0 15px 10px;
}
.section-hero {
  background: none;
  padding-top: 0
}
#main-content hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
#main-content > .container > .col-sm-10 > h2 {
  margin-top: 0
}
/* /FACULTY & STAFF DIRECTORY --------------------------*/
/* CONTINUING ED
/*------------------------------------------------------*/
/* ECC-bootstrap.css overrides - Place in master.css 
***************************************************/
.panel-heading {
  border-radius: 5px;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { /* l:5663 */
  color: #005195;
}
/*Nested accordion panel titles*/
.panel.panel-nested {
  margin-bottom: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.panel-title.panel-title-nested > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  color: #333333;
  padding: 0;
}
/*/Nested accordion panel titles*/
.modal-footer { /* l:6132 */
  text-align: center;
}
.modal-header .close {
  margin-top: 0;
  color: #5c5c5c;
}
.modal-header .close span {
  font-size: 1.625rem;
  padding-right: 10px;
}
/* COPPIED FROM style-guide.css /* Accordion  SECTIOIN */
/* Accordion */
.panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus {
  color: #FFFFFF;
  text-decoration: none;
  background: #004177;
  /*~ border-radius: 5px; */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.panel-heading .accordion-toggle:after {
  color: grey;
}
.modal-dialog {
  width: 90%
}
/*Modal sizes*/
.modal-md {
  width: 50%;
}
.modal-sm {
  width: 30%;
}
@media (max-width: 767px) {
  .modal-dialog {
    width: 97%
  }
}
.two-col-left > div {
  padding-bottom: 0px;
  margin-bottom: 10px
}
.two-col-right > div {
  padding: 0;
}
#termContent {
  margin-top: 20px;
}
#ce-modal .modal-header ul {
  -webkit-padding-start: 0px;
}
#ce-modal .modal-header li {
  display: inline-block;
  padding-right: 20px
}
#ce-modal .modal-header li:last-child {
  float: right;
}
/* CUSTOM CSS Continuing Ed specific ****************/
#availTerms {
  margin-bottom: 20px;
}
#ce-modal thead {
  background: #f1f2f3
}
#ce-modal thead th {
  text-align: center
}
.link-left {
  float: left
}
.link-right {
  float: right
}
@media (max-width: 767px) {
  .modal-footer {
    text-align: center;
    display: grid;
  }
  .link-left, .link-right {
    float: none;
    clear: both;
    display: list-item;
    text-align: center;
  }
}
/* Accordion ****************************************************************/
.accordion-panel-group .accordion-toggle {
  /*width: 100%;*/
  display: block;
  padding: 10px 30px 10px 15px;
}
.accordion-panel-group .panel-heading .accordion-toggle:after {
  display: inline-block;
  font: normal normal normal 16px/0 FontAwesome;
  content: "\f068";
  margin: 15px 0;
  padding: 0;
  color: inherit;
  float: right;
  right: 15px;
  position: absolute;
}
/*Nested accordion panels*/
#ECC-secondary .accordion-panel-group .panel-heading.panel-heading-nested .accordion-toggle:after {
  margin: 0;
  padding: 15px;
  right: 0;
}
#ECC-tertiary .accordion-panel-group .panel-heading.panel-heading-nested .accordion-toggle:after {
  margin: 0 15px 0 0;
  padding: 15px;
  right: 0;
}
@media screen and (max-width: 767px) {
  #ECC-tertiary .accordion-panel-group .panel-heading.panel-heading-nested .accordion-toggle:after {
    margin: 0;
  }
}
.panel-heading.panel-heading-nested accordion-toggle.collapsed {
  padding: 0;
}
.panel-body.panel-body-nested {
  padding: 15px 0 0 0;
}
/* /Nested accordion panels*/
/*@media (max-width: 767px) {
.accordion-panel-group .panel-heading .accordion-toggle:after {
    width: 2%;
}
}*/
.accordion-panel-group .panel-heading .accordion-toggle.collapsed:after {
  content: "\f067";
}
.ECC-secondary .col-md-12.gen-content > .accordion-panel-group {
  display: none;
}
/* ADDITION TO ACCORDION.CSS */
a.accordion-toggle.collapsed {
  border-radius: 5px;
}
a.accordion-toggle, a.accordion-toggle:link, a.accordion-toggle:active {
  text-decoration: underline;
}
a.accordion-toggle:hover, a.accordion-toggle:focus {
  text-decoration: none;
}
/* /ADDITON TO ACCORDION.CSS */
.panel-heading .accordion-toggle.loaded:after {
  /* symbol for "opening" panels */
  font-family: 'FontAwesome'; /* essential for enabling glyphicon */
  content: "\f0d7";
  float: right; /* adjust as needed */
  color: #333; /* adjust as needed */
  position: relative; /* added */
  font-size: 1.75rem !important;
  display: inline-block;
  top: -8px;
}
.panel-heading .accordion-toggle.collapsed.loaded:after {
  /* symbol for "collapsed" panels */
  content: "\f0da" !important; /* adjust as needed, taken from bootstrap.css */
}
/*
ADDED THIS CSS FOR THE CHEVRONS IN THE ACCORDION
*/
.panel-default > .panel-heading {
  color: #FFFFFF;
  background-color: #f1f2f3;
}
.accClosed {
  content: "\f0da";
  font-family: 'FontAwesome'; /* essential for enabling glyphicon */
  float: right; /* adjust as needed */
  position: relative; /* added */
  font-size: 1.75rem !important;
  display: inline-block;
  top: -8px;
}
.accOpen {
  transform: rotate(180deg);
}
/* ADDED THIS 10/25 - Allows the entire header line to be clickable */
.panel-heading {
  padding: 0;
}
.panel-title {
  /*width: 100%;*/
  font-weight: 700;
  /*letter-spacing: .01em;*/
}
.accordion-toggle {
  /*width: 100%;*/
  display: block;
  padding: 10px 15px;
}
/* /CONTINUING ED ---------------------------------------*/
/* DISPLAY MODAL WINDOW 
/*------------------------------------------------------*/
#print-me table thead {
  color: inherit;
}
#print-me th {
  font-weight: bold;
}
#print-me .modal-header .close {
  margin-top: 7px;
}
/* /DISPLAY MODAL WINDOW
/*------------------------------------------------------*/
/* PRINT MODAL WINDOW 
/*------------------------------------------------------*/
/* Print modal window */
.print {
  float: right;
  font-size: 1.125rem;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  margin-top: 5px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
  border: 0;
}
/*~ picked up from .close on ECC-bootstrap.css */
.print:hover, .print:focus {
  opacity: 0.5;
}
@media screen {
  #printSection {
    display: none;
  }
}
@media print {
  /* Removed to address pages not printing
body > *:not(#printSection) {
	display: none;
}
*/
  #printSection, #printSection * {
    visibility: visible;
  }
  #printSection {
    position: absolute;
    left: 0;
    top: 0;
  }
}
/* /Print modal window ----------------------------------*/
/* Responsive Web Design - Table  ----------------------------------*/
.rwd-table {
  margin: 0 0 /*~2.25em*/ 1.25em 0;
  /*~min-width: 300px;*/
}
table.rwd-table > caption {
  margin-top: 0;
}
.rwd-table tbody th {
  color: #333333;
}
.rwd-table tr {
  border: 1px solid #a3abaf;
  border-right: 2px solid #a3abaf;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: /*~.5em*/ .25em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": \00a0 \00a0 \00a0";
  font-weight: bold;
  display: inline-block;
}
.table > thead > tr > th, .table > tbody > tr > td, .rwd-table th, .rwd-table td {
  text-align: left;
  vertical-align: middle;
}
.table-responsive > p.small {
  margin-top: -1.25em;
  margin-bottom: 2.25em;
}
.rwd-table.table-last {
  margin: 0 0 .25em 0;
}
tfoot tr:last-child {
  background: #e6eef5;
}
.rwd-table {
  overflow: hidden;
  table-layout: fixed;
}
.rwd-table tr {
  border-color: #a3abaf;
}
.rwd-table th, .rwd-table td {
  margin: /*~.5em 1em*/ .25em;
  color: #333333;
}
table th, table td {
  padding: 0px 10px;
}
.rwd-table th, .rwd-table td:before {
  color: #333333;
}
/*Overwrite bootstrap table border styles*/
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border-bottom-width: 1px;
  border: 1px solid #a3abaf;
}
.rwd-table .colgroup-th {
  background-color: #dee1e3;
}
@media (min-width: 480px) {
  .rwd-table tr {
    border-right: 1px solid #a3abaf;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
  .rwd-table th, .rwd-table td:before {
    color: #ffffff;
  }
  table th, table td {
    padding: 10px 10px;
  }
}
@media (max-width: 481px) {
  .rwd-table tbody th {
    margin: 0;
    display: block;
    background-color: #f1f2f3;
    border-bottom: 1px solid #a3abaf;
  }
  .rwd-table.table-bordered > tbody > tr > th, .rwd-table .table-responsive > .table-bordered > tbody > tr:last-child > th {
    border-bottom: 1px solid #a3abaf;
    border-right: 0;
    border-top: 0;
    margin: 0;
  }
  .rwd-table.table-bordered > tbody > tr > td {
    border: 0;
  }
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-top: 0;
  }
  .rwd-table .colgroup-th {
    background-color: #dee1e3 !important;
    border-bottom: 0 !important;
  }
}
/* /Responsive Web Design - Table  ----------------------------------*/
/*~  Second instance (#gsc-i-id2) of the search on mobile */
input#gsc-i-id2::-webkit-input-placeholder { /* Chrome */
  font-size: 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  color: white;
}
input#gsc-i-id2:-moz-placeholder { /* IE 10+ */
  font-size: 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  color: white;
}
input#gsc-i-id2::-moz-placeholder { /* Firefox 19+ */
  font-size: 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  color: white;
  opacity: 1;
}
input#gsc-i-id2:-moz-placeholder { /* Firefox 4 - 18 */
  font-size: 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  color: white;
  opacity: 1;
}
/* /Direct edit icon ----------------------------------*/
.t4Directedit div {
  text-align: right;
  bottom: 15px;
  font-size: 0.875rem;
  margin-bottom: -10px;
}
.t4Directedit a {
  color: #DADEE0;
}
.t4Directedit a:hover {
  color: #C0C6C9;
}
@media (max-width: 880px) {
  .t4Directedit {
    display: none;
  }
}
/*T4 TinyMCE Update*/
p.btn-default {
  display: inline-block;
  font-family: 'Noto Sans', verdana, "sans-serif";
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #005195;
  text-transform: capitalize;
  border-color: #004986;
  background-color: /*#ffffff*/ transparent;
}
p.btn-primary a {
  color: white;
}
ul.check-list {
  list-style-type: none;
}
ul.check-list > li {
  position: relative
}
ul.check-list > li:before {
  position: absolute;
  top: 3px;
  left: -16px;
  content: "\f0c8";
}
/* MISC./OTHER
/*------------------------------------------------------*/
.profile {
  margin: 0;
}
.profile blockquote {
  display: table;
}
/*Images*/
img.pull-left {
  margin-right: 20px;
  margin-top: 5px;
}
img.pull-right {
  margin-left: 20px;
  margin-top: 5px;
}
.gen-content img {
  height: auto !important; /* override to T4 */
  max-width: 100%;
}
@media screen and (max-width: 480px) {
  img.pull-left {
    float: none !important;
  }
  img.pull-right, img.pull-left {
    margin-bottom: 15px;
  }
}
/*Hero Images*/
img.img-responsive {
  width: 100%;
}
/* /ecc-elgin.css
-------------------------------------------------- */
/* footer.css
/*------------------------------------------------------*/
/* Custom page CSS ---
-------------------------------------------------- */
.section-hero, footer .footer-hero {
  padding-top: 10px;
  background: #005195; /*use if wanting image to resize when it screen size is reduced
	background-size: contain;*/
}
footer .footer-hero, footer .footer-hero a {
  font-size: 0.875rem;
  line-height: 2em;
}
footer .footer-hero, footer .footer-hero a {
  color: #555555;
}
.section-hero .container, footer .footer-hero .container > .row {
  padding-top: 50px;
}
footer .footer-hero .container > .row, .section-hero .container {
  background: #ffffff;
}
.section-hero .container.nav-secondary, footer .container.nav-secondary {
  background: #ffffff;
  padding-top: 50px;
  margin-top: 1px
}
footer .recognition-logos {
  text-align: center;
  margin-bottom: 20px;
}
footer .recognition-logos li {
  padding-top: 50px;
}
footer .recognition-logos li:first-child {
  padding-top: 0px;
}
footer .how-do-i .btn-block + .btn-block {
  margin-top: 10px;
}
.section-nav-main.action-items li > a {
  color: #ffffff;
}
.h4.title, h4.title {
  line-height: 2.25em;
  margin-top: 0;
  margin-bottom: 0;
}
h2.h4.title {
  color: #555555;
  font-weight: 700;
}
.h5.title, h5.title {
  line-height: 1.5em;
}
.title span:after {
  border-bottom: medium solid;
  content: ' ';
  display: block;
  width: 60px;
  margin-bottom: 10px
}
img.leader-college {
  vertical-align: top;
  border: none;
  height: inherit;
  width: 182px;
}
img.veteran-friendly {
  margin-bottom: 20px;
  vertical-align: top;
  border: none;
  height: inherit;
  width: 132px;
}
img.hsi {
  margin-bottom: 20px;
  vertical-align: top;
  border: none;
  height: inherit;
  width: 100%;
}
footer .row2 {
  margin-top: 25px;
}
footer .btn-lg, footer .btn-group-lg > .btn {
  padding: 10px 5px;
}
footer .footer-right-column, footer .footer-left-col {
  padding-left: 0;
}
footer .footer-accredited.footer-right-column, footer .footer-buttons.footer-right-column {
  padding-right: 30px;
}
footer .footer-left-col ul {
  padding-left: 0;
  list-style: none;
}
footer .footer-left-col ul a {
  white-space: nowrap;
}
.pp-terms a {
  color: #ffffff;
}
/* Social Media Icons */
.social-icons, .bottom-footer-rt {
  text-align: right;
}
.social-icons i, .social-icons span {
  padding: 0 5px;
}
.social:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.social {
  color: #FFFFFF;
  -webkit-transform: scale(0.8);
  /* Browser Variations: */
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}
.container.footer-social {
  padding-left: 0;
  padding-right: 0;
}
.footer-social a {
  color: #ffffff;
}
.pp-terms {
  line-height: 2em;
  margin: 30px 0 10px;
}
.pp-terms .navbar-nav > li {
  white-space: nowrap;
}
.pp-terms .navbar-nav > li > a {
  padding-top: 4px;
}
.pp-terms .navbar-nav > li > a:hover, .pp-terms .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}
.row.section-nav-main {
  padding-bottom: 25px;
  margin-top: 25px;
}
.collapse-section .navbar-nav, .collapse-footer .navbar-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.collapse-section button, footer .collapse-footer button {
  color: transparent;
  background-color: transparent;
  border-width: 0px;
  border-color: transparent;
  border-image: none;
}
.collapse-section .fa, footer .collapse-footer .fa,
.collapse-section .fa-solid, footer .collapse-footer .fa-solid {
  color: #005195; /*#a4acb0*/
  font-size: 1.75rem;
}
.landingNavopen .fa, 
.landingNavopen .fa-solid{
  transform: rotate(-90deg);
}
span.landingNavclosed i.fa, span.landingNavclosed i.fa-solid, span.landingNavclosed span.fa-solid { /* 031918 +DD */
  transform: rotate(90deg);
}
span.landingNavclosed.landingNavopen i.fa, span.landingNavclosed.landingNavopen i.fa-solid, span.landingNavclosed.landingNavopen span.fa-solid { /* 031918 +DD */
  transform: rotate(-90deg);
}
.row.copyright {
  font-size: .875rem;
}
/*a[href^="tel:"],
a[href^="sms:"] {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  a[href^="tel:"],
  a[href^="sms:"] {
    color: #005195;
    text-decoration: underline;
  }
}*/
@media (max-width: 480px) {
  .fa-2x {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  footer span {
    padding-left: 35%;
    padding-right: 35%;
    display: block;
  }
  footer span:after {
    padding-left: 50%;
    padding-right: 50%;
  }
  .footer-header {
    float: left;
  }
  .section-nav-main button, .footer-buttons button {
    float: right;
  }
  .section-nav-main div.row div {
    margin-bottom: 30px;
  }
  .row.copyright {
    margin-top: 20px;
    font-size: .75rem;
  }
  .footer-bottom-1 {
    margin-top: 30px;
  }
  footer .footer-right-column, footer .footer-left-col {
    padding-left: 15px;
  }
  footer .footer-accredited.footer-right-column, footer .footer-buttons.footer-right-column {
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  footer .footer-hero {
    background-image: url(/media/website/site-assets/images/footer-bg-x-lrg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px; /*use if wanting image to resize when it screen size is reduced
		background-size: contain;
		min-height: 670px;
		height: 771px;*/
  }
  .footer .alert {
    padding: 0 15px 15px;
  }
  .footer.top-row-footer {
    background: #ffffff;
  }
  .footer.bottom-row-footer .offset-md-1 {
    margin-left: 8.333333%;
  }
  .section-nav-main {
    background: #ffffff;
  }
  .pp-terms {
    padding-left: 0;
  }
  .bottom-footer-lft {
    margin: 20px 0 10px;
  }
  .social-icons, .bottom-footer-rt {
    padding-right: 0;
    margin-top: 30px;
    padding-left: 0;
  }
  .bottom-footer-rt {
    margin-top: 20px;
  }
  .pp-terms .navbar-nav > li {
    float: none;
  }
  .section-hero .row, footer .footer-hero .row {
    margin-left: 0;
    margin-right: 0;
  }
  .collapse-section button, footer .collapse-footer button {
    display: none;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  footer .footer-buttons.footer-right-column {
    margin-bottom: 20px;
  }
  footer .footer-hero {
    background: #005195 url(/media/website/site-assets/images/footer-bg-md-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1299px) /*ECC-bootstrap*/ {
  footer .container.footer-social {
    background: transparent url(/media/website/site-assets/images/ecc-circle-white-10.png) no-repeat center top;
  }
}
@media screen and (min-width: 992px) and (max-width: 1299px) /*ECC-bootstrap*/ {
  .footer-badges {
    padding-top: 0;
  }
  footer .footer-hero .how-do-i li a {
    font-size: 0.75rem
  }
}
@media (max-width: 991px) {
  .bottom-footer-rt, .bottom-footer-lft {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .footer-badges {
    padding-top: 0;
  }
}
@media (max-width: 1299px) {
  .pp-terms {
    padding-bottom: 20px;
  }
  .social-icons, .pp-terms {
    text-align: center;
  }
  .social-icons, .bottom-footer-rt {
    margin-bottom: 20px;
  }
}
@media (min-width: 1300px) {
  footer .container.footer-social {
    background: transparent url(/media/website/site-assets/images/ecc-circle-white-10.png) no-repeat 70% -29px;
  }
  .pp-terms, .social-icons {
    margin-top: 15px;
  }
  .col-lg-7.col-md-push.pp-terms {
    padding-left: 5px;
  }
  .footer-social a:nth-last-of-type(1) {
    padding-right: 8px;
  }
  .bottom-footer-rt p {
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  footer .footer-buttons h2, footer .footer-buttons span {
    /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .section-hero .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  footer span {
    padding-left: 0;
    padding-right: 0;
  }
  button.navbar-toggler {
    width: 100%;
    position: absolute;
  }
  button.navbar-toggler i, button.navbar-toggler span {
    float: right;
  }
}
@media (max-width: 991px) {
  .row.section-nav-main {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .row.section-nav-main .footer-buttons {
    margin-top: 50px;
  }
  .collapse-section .navbar-toggleable-md .navbar-nav, .collapse-footer .navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .collapse-section .navbar-toggleable-md .navbar-collapse, .collapse-footer .navbar-toggleable-md .navbar-collapse {
    width: 100%;
  }
}
/* BOOTSTRAP OVERRIDES / FIXES */
@media screen and (min-width: 768px) and (max-width: 880px) {
  .footer .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
/* /footer.css
/*------------------------------------------------------*/
a#eCalBtn {
  margin-top: 0;
}

/*Foundation Specific*/
iframe#fa-iframe { /*Form Assembly*/
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
/*Bootstrap overrides*/
@media (min-width: 768px){
.lead {
    font-size: 1.25rem !important;
}
}
.img-thumbnail, address, .lead, .list-group-item-text, .thumbnail , .gm-style, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
  line-height: 1.5 !important;
}
/*Card styles*/
.card-top { flex: 1 1 auto; }
.card-top p { margin: auto 5px 10px }

/*CSV Datatable - fix for table not displaying on mobile*/
#table-container-table {
	width: 100%!important;
}