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


/* HEADINGS ------------------------------ */
h1 { font-size: 2.5em; }
h2 { font-size: 1.875em; }
h3 { font-size: 1.5em; }
h4, th { font-size: 1.25em; }
h5 { font-size: 1.1875em; }
h6 { font-size: 1.125em; }

.highlight h2 { font-size: 1.5625em; }
.intro {font-size: 1.25em;}

p, time {font-size: 1.125em;}

/* Image block */
#content ul.three { margin: 2em -.5em; }
#content ul.three li { padding: 0 .5em; width: 33.33%; }


/* HEADER ------------------------------*/
body { font-size: 1rem; }
body>header {
  border-bottom: .1875rem solid var(--dark-turquoise);
  position: relative;
  background:#fff;
  padding: .875em 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 3;
}

body>header .wrap { align-items: center; display: flex; justify-content: space-between; max-width:100%;}
body>header #brand{display:block;width: 19.3125em; order:1;}
body>header #brand img {display: block;height: auto;width: 100%;}
body>header #translate-widget {order: 3; text-align:right;}
/* nav */
body>header nav ul{margin: 0}
body>header #navContainer {position: relative;width: 100%; order:2;}
body>header #mainnav {display: flex;justify-content: center}
body>header #mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
body>header #mainnav li{display:inline-block;position:relative}
body>header #mainnav a{border-radius: .1875rem .1875rem 0 0;font-size: 1.125em;line-height: 1.15;padding: .5625em 1em;display:inline-block;color: var(--dark);text-decoration:none;}

body>header #mainnav>ul>li:last-child>a {color: var(--red);text-transform: uppercase;}

body>header #mainnav>ul>li:hover>a,
body>header #mainnav>ul>li>a:focus {
  background: var(--light-turquoise);
  color: #FFF;
}

body>header #mainnav>ul>li:active>a,
body>header #mainnav>ul>li.on>a{
  background:var(--dark-turquoise);
  color:#fff;
  border-radius: .1875rem .1875rem .1875rem .1875rem;
}

/* drop-down menu */
body>header #mainnav li ul{
  background: var(--light);
  height:auto;
  opacity: 0;
  overflow:auto;
  padding: .625em 0;
  position:absolute;
  transition: ease .2s opacity 0.35s;
  top: -200vh;
  visibility: hidden;
  width: 16.875em;
  z-index: -1;
}

body>header #mainnav>ul>li:last-of-type ul { left: auto; right: 0; }

body>header #mainnav li ul ul {display: none !important;}
body>header #mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul { opacity: 1; top: auto; visibility: visible; z-index: 1; }

body>header #mainnav li ul li{width:100%;display:block;}
body>header #mainnav ul li ul li a{background:none;border-radius: 0;color: var(--gray);}
body>header #mainnav li ul li a{font-size: 1em;line-height:1.1em;padding: .4375em .5em;display:block;width:100%;text-align:left;}
body>header #mainnav li ul li a:hover, .t1 li ul li a:active { color: #FFF; background: var(--dark-turquoise); }


/* mobile */
body>header #mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main>div>aside {margin: 2em 0 0;width: 15em;padding: 1em 2.5em 0 0;overflow:hidden;float: left;}
main>div>#content{float:right;width: calc(100% - 15em);padding: 3em 0 5em;overflow:hidden;min-height: 30em;position:relative;}
body.fullWidth main>div>#content {width: 100%;margin: 0 auto;float: none}

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

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

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

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


.pageheader .bg {
	background: url('/images/logo-watermark.svg') no-repeat calc(50% + 20em) center / 20.75em 15.875em;
	content: '';
	height: 100%;
	left: 0;
	opacity: .11;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}
/* FOOTER ------------------------------ */
body>footer .fatFooter { display: flex; justify-content: space-between; }

body>footer address { padding-right: 2.5em; width: 25%; }
body>footer .locations { padding: 0 max(5vw, var(--ws-gutter)); width: 60%; }
body>footer .social { width: 20%; }

body>footer .copyright>div,
body>footer .copyright>nav { display: inline-block; }

body>footer .social ul { margin: .5em 0 0; max-width: 8em; }
body>footer .social a { padding: .5em;}

#web-solutions { float:right; font-size: .875rem; margin-left: .625em; position: relative; top: .25em; }


/* INTERIOR ------------------------------ */
main.interior .wrap { overflow: auto; }

#interior-cta {
  display: grid;
  grid-template-areas:
  "image-left textbox image-right";
  grid-template-columns: 33.33% 33.33% 33.33%;
}

#interior-cta .image.left { grid-area: image-left; }
#interior-cta .image.right { grid-area: image-right; }
#interior-cta .textbox { grid-area: textbox; }

#interior-cta .image { background-size: cover; background-position: center; }

/* HERO ------------------------------ */
#hero .wrap {
  display: flex;
  justify-content: space-between;
  padding: 3em var(--ws-gutter) 2em;
}

/* CALLOUTS ------------------------------ */
#callouts ul {
  display: flex;
  margin: 0 -1em;
}

#callouts li {
  padding: 0 1em;
  width: 33.33%;
}

/* PROGRAMS ------------------------------ */
#programs.home li>a:hover, .interior #content #programs li>a:hover { transform: translate3d(0,0,0) scale(1.05,1.05); }
.interior #content #programs li  {padding: 0 .5em; width: 33%;font-size: 1rem;}

/* SUPPORT ------------------------------ */
#support ul {
  display: flex;
  margin: 0 -1em 1em;
}

#support li {
  padding: 0 1em;
  width: 33.33%;
}

/* NEWS-EVENTS ------------------------------ */
#news-events { display: flex; }
#news-events .wrap { padding: 3.25em max(5vw, var(--ws-gutter)) 1.5em; }

#news-events>div { width: 33.33%; }

/* WELCOME ------------------------------ */
#welcome.home::before {
	background: url('/images/logo-watermark.svg') no-repeat calc(50% + 26em) center / 30.5em 23.25em;
	content: '';
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
}



/* TIMELINE RIBBON ------------------------------ /
* - /timeline/
*/

main.timeline-page {
  overflow: hidden;
}

main.timeline-page #content {
  overflow: visible;
}

.timeline::before {
	background: #056D87;
	content: '';
	height: calc(100% + 16em);
	position: absolute;
	right: 50%;
	top: -5.125em;
	transform: translateX(50%);
	width: 1px;
	z-index: 1;
}

.timeline .item {
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: right;
}

.timeline .item::before {
  border: 1px solid #056D87;
  content: '';
  position: absolute;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  right: 50%;
  transform: translateX(50%);
  top: 0.5em;
  z-index: 1;
}

.timeline .timeline-white .item::before {
  background-color: #FFF;
}

.timeline .timeline-blue {
	padding-block: 3em;
}

.timeline .timeline-blue .item::before {
  background-color: var(--dark-turquoise);
}

.timeline .item:nth-of-type(odd) {
  flex-direction: row-reverse;
  text-align: left;
}

.timeline .item:nth-of-type(even) .image {
	text-align: left;
}

.timeline>div:not(:last-child),
.timeline .wrap>div:not(:last-child) {
	margin-bottom: 3.5em;
}

.timeline .item>div {
  width: calc(50% - 2em);
}

.timeline .item:nth-child(odd) .image img {
  display: block;
  margin-left: auto;
}




/* MAX WIDTH MEDIA QUERIES ------------------------------ */
@media (max-width: 1023px) {

  body { font-size: .9rem; }

  #callouts ul { margin: 0 -.75em; }
  #callouts li { padding: 0 .75em; }

  #news-events .wrap { padding: 3.25em var(--ws-gutter) 1.5em; }
  #news-events li { padding: .875em 0; }
}

@media (max-width: 900px) {
  body>header .wrap { padding: 0 1em; }
  body>header #mainnav a { font-size: 1.0625em; padding: .5625em .5em; }

  #hero .wrap {
    display: block;
    padding: 1em var(--ws-gutter) 2em;
    text-align: center;
  }

  #content ul.three { margin: 2em -.75em 0; }
  #content ul.three li { margin: 0 0 2em; padding: 0 .75em; width: 50% }
  #content ul.three { justify-content: center; }
}


/* MIN WIDTH MEDIA QUERIES ------------------------------ */
@media (min-width: 1800px) {
  body { font-size: 1.1rem; }
}


@media (min-width: 2400px) {
  body { font-size: 1.2rem; }
}

@media (max-width: 1300px) {
  body > header #translate-widget {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: var(--ws-gutter);
    top: 0;
  }
  body > header #translate-widget .gflag {
    display: block;
    height: 14px;
    margin: 0 0.125em;
  }
  body > header #translate-widget .gflag img {
    display: block;
  }
  body > header #translate-widget > select {
    margin-left: 0.3125em;
  }
  body > header #mainnav {
    justify-content: flex-end;
    padding-top: 3.25em;
  }
}
@media (max-width: 1111px) {
  body > header #mainnav a {
    font-size: 1em
  }
}


/* ************ STYLE-D.CSS ************ */