/* Fonts */

@font-face {
  font-family: "CeraPro";
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url("../fonts/italic_normal_bold.woff2") format("woff2"),
    url("../fonts/italic_normal_bold.woff") format("woff"),
    url("/fonts/italic_normal_bold.ttf") format("truetype");
}

@font-face {
  font-family: "CeraPro";
  src: url("../fonts/font.woff2") format("woff2"),
    url("../fonts/font_1.woff") format("woff"),
    url("/fonts/normal_normal_normal.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CeraPro";
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url("../fonts/italic_normal_normal.woff2") format("woff2"),
    url("../fonts/italic_normal_normal.woff") format("woff"),
    url("/fonts/italic_normal_normal.ttf") format("truetype");
}
@font-face {
  font-family: "CeraPro";
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  src: url("../fonts/normal_normal_bold.woff2") format("woff2"),
    url("../fonts/normal_normal_bold.woff") format("woff"),
    url("/fonts/normal_normal_bold.ttf") format("truetype");
}
@font-face {
  font-family: "CeraPro";
  src: url("../fonts/font_1.woff2") format("woff2"),
    url("../fonts/font.woff") format("woff"),
    url("/fonts/normal_normal_bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "CeraProItalic";
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url("/fonts/CeraPro-RegularItalic.woff") format("woff"), url("/fonts/CeraPro-RegularItalic.woff2") format("woff2"), url("/fonts/CeraPro-RegularItalic.ttf") format("truetype");
}


.fa-search
{
	padding:5px; 
	border-radius: 25px;
}

#searchForm::before
{
	background:none!important;
}

#search-menu
{
	background-color: #454846;
	margin-top:19px;
	border-radius: 0 0 10px 10px;
	height:auto;
	display:flex;
}

.si-active
{
	background-color: #454846;
	border-radius: 25px;
	color:#ffffff!important;
}



#searchForm input[type="submit"]
{
	width:auto!important;
	font-size:20px;
	float:right;
	padding-top: 4px!important;
	padding-bottom: 5px!important;
	color:#ffffff!important;
	margin-top:0px!important;
}
	  
#searchForm input
{
	width: 257px!important;
	font-size: 16px;
	padding:10px;
	margin-top:0px;
	float:left;
}

#search-menu.collapse
{
	transition: opacity 0.7s, margin 0.7s;
	height:0!important;
	opacity:0;

}

#searchForm
{
	padding:10px!important;
}

body {
  font-family: "CeraPro", sans-serif;
}

em
{
	font-family: "CeraProItalic", sans-serif;
}

body,
.kicker,
.subtitle,
#menu ul ul li,
h2 .em,
h3 em {
  font-weight: 400;
}
.content a {
  font-weight: 500;
}
h4,
#page-menu h3,
.button,
.content .button,
legend,
.calendar-picker .days a {
  font-weight: 700;
}

h2,
h3,
input[type="submit"],
#page-menu a.menu-title,
.call,
.cta,
#menu ul li,
.calendar-picker .days li.active a {
  font-weight: 900;
}

body,
#menu ul ul li,
#page-menu h3,
h3 .button,
#page-menu h4,
h5,
.block h4 {
  font-size: 20px;
}

.kicker,
figcaption,
.photo-gallery .preview-content,
.events-calendar .preview-content,
.duo .preview-content,
.calendar-picker ul,
.index.list h5 {
  font-size: 18px;
}

h4,
#menu h3,
.grid li h3,
input[type="submit"],
legend,
.cta,
#menu ul li,
.lede {
  font-size: 24px;
}

.splash .subtitle,
label.spotlighted,
.page-header h3,
.story-index h3,
.photo-index h3,
.duo h3,
#announcement-bar h2 {
  font-size: 26px;
}
.content-interior h3 {
  font-size: 36px;
}

h2,
h3,
.call {
  font-size: 44px;
}

#page-menu h5 {
  font-size: inherit;
}

.cta,
.button {
  line-height: 0.9;
}
h2,
h3,
article h4,
.call {
  line-height: 1;
}
.content h4,
h3 .kicker,
legend {
  line-height: 1.2;
}
h2 .subtitle,
.splash h3 .subtitle {
  line-height: 1.3;
}
form,
.content,
#colophon,
.news-index p,
.story-index p,
.galleria p,
.events-calendar .preview-content,
.list p {
  line-height: 1.4;
}
h2,
h3,
h4,
h5,
input[type="submit"],
legend,
.call,
.cta,
.button,
#menu ul li {
  text-transform: uppercase;
}
#menu ul ul li {
  text-transform: none;
}

#menu a,
#colophon .links a,
.cta,
.button,
h3 a,
#page-menu a,
.index a,
h4 a,
.board li > a,
.calendar-picker a,
.block form a,
.content #filtered li a {
  text-decoration: none;
}
#colophon .links a:hover,
.permalink:hover,
.block form a:hover,
.content #filtered li a:hover {
  text-decoration: underline;
}

h3 em,
h4 em {
  font-style: normal;
}

/* Color 

Greens
Light:   #94ab9c / rgba(148, 171, 156, 1)
HWS:     #307347 / rgba(48, 115, 71, 1)
Dark:    #0b2f19 / rgba(11, 47, 25, 1)
Neutral: #454846 / rgba(69, 72, 70, 1)

Purples
Light:   #565c7c / rgba(86, 92, 124, 1)
HWS:     #442666 / rgba(68, 38, 102, 1)
Dark:    #201345 / rgba(32, 19, 69, 1)
Neutral: #3e3c42 / rgba(62, 60, 66, 1)

Oranges
Light:   #ea9b2a / rgba(234, 155, 42, 1)
HWS:     #f5681b / rgba(245, 104, 27, 1)
Dark:    #b33a1e / rgba(179, 58, 30, 1)
Neutral: #38302f / rgba(56, 48, 47, 1)

#fff

*/

body,
input {
  color: #454846;
}
#colophon,
.cta,
.splash h2,
.splash h3.response,
.splash .call,
h2.page-title,
#content .pennant h3,
.index.grid li,
section.index .preview-content h3,
.block,
#content a.button:hover,
#content .pennant header .kicker,
#content .pennant header .subtitle,
.galleria,
#content .galleria h3,
#content .galleria h4,
figcaption,
#content figcaption h4,
#content .events.wall h4,
#content .events li .button,
.events.wall,
#content .events-calendar h4,
#content .events-calendar .button,
#content .block h3,
#content .galleria a.button,
.content input,
.content textarea,
.content input[type="submit"]:hover,
.content input[type="submit"]:focus,
#content .dark-mode,
#content .dark-mode h3,
#content .dark-mode h4,
.duo header h3,
#content .duo header .subtitle,
#content .dark-mode .button,
#content .calendar-picker h4,
#content .block h4 {
  color: #fff;
}
.contrast #content .block h4,
.contrast #content .pennant header .subtitle,
.contrast #content figcaption h4 {
  color: #fff !important;
}
#menu a,
.duo a:not(:hover) h4 {
  color: inherit;
}

#colophon {
  background: #3e3c42;
}
#content .content input[type="submit"] {
  background: #fff;
}
#content .events-calendar .button,
#content .events .button {
  border-color: #fff;
}

svg {
  fill: #454846;
}
#content a.button:hover svg {
  fill: #fff;
}

/* Green schema */
.scheme-green h3 .kicker,
.scheme-green h3 .subtitle,
.scheme-green h3 em,
.scheme-green h4 em,
.permalink {
  color: #94ab9c;
}
.contrast .scheme-green h3 .kicker,
.contrast .scheme-green h3 .subtitle,
.contrast .scheme-green h4 em,
.contrast .scheme-green h3,
.contrast .scheme-green h4,
.contrast #page-menu a:hover {
  color: #0b2f19;
}
.scheme-green h3,
.scheme-green h4,
.scheme-green legend,
#page-menu a:hover,
.permalink:hover,
.scheme-green .content a:not(.cta):hover {
  color: #307347;
}

.content select {
  border: 2px solid #0b2f19;
}
.content input[type="submit"] {
  border: 4px solid #0b2f19;
}
.dark-mode {
  border-top: 16px solid #94ab9c;
}
.scheme-green.story-index li.featured,
.scheme-green.story-index li:nth-of-type(n + 5),
.story-index.story-stream.scheme-green li:not(:first-of-type),
.scheme-green.story-index li,
.scheme-green header,
.grid.scheme-green .photo-gallery {
  border-color: #94ab9c;
}
header.scheme-green[style] .block.compressed {
  background: rgba(48, 115, 71, 0.5);
}
.search-highlight {
  background: rgba(48, 115, 71, 0.3);
}
.scheme-green.splash h2, /*.scheme-green.splash h3,*/ .scheme-green h2.page-title, header.no-hero.scheme-green nav::after, #content .story-index.scheme-green.dark-mode:not(.story-stream) header h3, #content .photo-index.scheme-green.dark-mode header h3 {
  background: #0b2f19;
}
.scheme-green.story-index li.featured ~ li:nth-of-type(3)::before,
.scheme-green.story-index:not(.story-stream) li:nth-of-type(n + 4)::before,
.scheme-green.splash .call,
.scheme-green a.button:hover,
.content input,
.content textarea,
.scheme-green.story-index header::before,
.scheme-green.photo-index header::before,
.story-index.scheme-green:not(.story-stream)
  li.featured
  ~ li:nth-of-type(n + 4)::before {
  background: #94ab9c;
}
.scheme-green.splash h2::before,
.scheme-green.splash h3::before,
.scheme-green h2.page-title::before,
.scheme-green .block,
.content input:focus,
.events-calendar .preview-image {
  background: #307347;
}
.scheme-green.grid .preview-content,
.scheme-green .wall.events .preview-content,
.dark-mode,
.story-index.dark-mode header h3 {
  background: #454846;
}
.story-stream.dark-mode header h3 {
  background: none;
}
.dark-mode {
  background: linear-gradient(
    to bottom,
    #0b2f19 0%,
    #307347 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.scheme-green .cta:nth-of-type(4n - 3),
.scheme-green .wall.events li:nth-of-type(4n - 3) .preview-content,
.scheme-green.grid li:nth-of-type(4n - 3) .preview-content {
  background: #0b2f19;
}
.scheme-green .cta:nth-of-type(4n - 3) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #307347;
}
.scheme-green .cta:nth-of-type(4n - 3):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #307347;
}
.scheme-green .cta:nth-of-type(4n - 2),
.scheme-green .wall.events li:nth-of-type(4n - 2) .preview-content,
.scheme-green.grid li:nth-of-type(4n - 2) .preview-content {
  background: #94ab9c;
}
.scheme-green .cta:nth-of-type(4n - 2) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #0b2f19;
}
.scheme-green .cta:nth-of-type(4n - 2):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #0b2f19;
}
.scheme-green .cta:nth-of-type(4n - 1),
.scheme-green .wall.events li:nth-of-type(4n - 1) .preview-content,
.scheme-green.grid li:nth-of-type(4n - 1) .preview-content {
  background: #307347;
}
.scheme-green .cta:nth-of-type(4n - 1) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #0b2f19;
}
.scheme-green .cta:nth-of-type(4n - 1):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #0b2f19;
}

.dark-mode.scheme-green .cta {
  color: #307347;
  background: #fff;
  box-shadow: 0 0 0 4px #307347, 12px 12px 0 #fff;
}
.dark-mode.scheme-green .cta:hover {
  box-shadow: 0 0 0 4px #307347, 6px 6px 0 #fff;
}

/* High contrast Green schema */

.contrast .scheme-green h3 .kicker,
.contrast .scheme-green h3 em,
.contrast .scheme-green h3 .subtitle,
.contrast .scheme-green h4 em,
.contrast .scheme-green h3,
.contrast .scheme-green h4,
.contrast .scheme-green legend,
.contrast #page-menu a:hover,
.contrast .scheme-green .content input[type="submit"],
.contrast .scheme-green .permalink {
  color: #0b2f19 !important;
}
.contrast .scheme-green:not(.dark-mode) .cta {
  background: #0b2f19 !important;
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #307347 !important;
}
.contrast .scheme-green:not(.dark-mode) .cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #307347 !important;
}
.contrast .dark-mode.scheme-green .cta {
  color: #0b2f19;
  background: #fff;
  box-shadow: 0 0 0 4px #0b2f19, 12px 12px 0 #fff;
}
.contrast .dark-mode.scheme-green .cta:hover {
  box-shadow: 0 0 0 4px #0b2f19, 6px 6px 0 #fff;
}

.contrast .scheme-green.splash h2, /*.contrast .scheme-green.splash h3,*/ .contrast .scheme-green h2.page-title, .contrast .scheme-green.splash .call, .contrast .scheme-green.pennant h3, .contrast header.scheme-green .block, .contrast .scheme-green .button:hover, .contrast .scheme-green .events.wall li .preview-content, .contrast .scheme-green #page-menu a.unfold, .contrast #page-menu.scheme-green a.unfold, .contrast .scheme-green blockquote, .contrast .dark-mode.scheme-green, .contrast .scheme-green .content input[type="submit"]:hover, .contrast .scheme-green.grid .preview-content {
  background: #0b2f19 !important;
}
.contrast .scheme-green .button,
.contrast .scheme-green .content input[type="submit"] {
  border-color: #0b2f19;
}

.contrast #content .block h3,
.contrast .events.wall li h4,
.contrast #page-menu h3,
.contrast #content .pennant h3 .kicker,
.contrast #content .dark-mode h3,
.contrast #content .content input[type="submit"]:hover,
.contrast .dark-mode .preview-content h4,
.contrast #content .duo header h3,
.contrast #content .duo header .subtitle,
.contrast #content .dark-mode h3 .kicker {
  color: #fff !important;
}
.contrast #page-menu,
.contrast #content .dark-mode .button {
  border: 2px solid #fff;
}

/* Purple schema */

.scheme-purple h3 .kicker,
.scheme-purple h3 .subtitle,
.scheme-purple h4 em,
.scheme-purple h3 em {
  color: #565c7c;
}
.scheme-purple h3,
.scheme-purple h4,
.scheme-purple legend,
.scheme-purple #page-menu a:hover,
#page-menu.scheme-purple a:hover,
.scheme-purple .content a:not(.cta):hover {
  color: #442666;
}
.scheme-purple body,
.scheme-purple .button {
  color: #3e3c42;
}
.scheme-purple #page-menu a.menu-title,
.scheme-purple .calendar-picker .days li a {
  color: #201345;
}

.scheme-purple svg {
  fill: #3e3c42;
}
.scheme-purple a:hover svg {
  fill: #442666;
}

.scheme-purple ul.wall .preview-image + .preview-content,
.scheme-purple .content iframe,
.scheme-purple .button,
.scheme-purple.dark-mode,
.scheme-purple ul.wall:not(.events) .preview-image + .preview-content,
.scheme-purple .content select,
.scheme-purple .content input[type="submit"],
#content .scheme-purple .content fieldset,
.index.list.scheme-purple li + li,
.index.list .scheme-purple li + li,
.scheme-purple.dark-mode.story-index .preview-image + .preview-content,
.scheme-purple header {
  border-color: #565c7c;
}
.scheme-purple.grid .preview-content {
  background: #3e3c42;
}
.scheme-purple.splash .call,
.scheme-purple blockquote,
.scheme-purple.pennant header,
.scheme-purple .content::after,
.scheme-purple.content::after,
.scheme-purple a.button:hover,
.scheme-purple .content input,
.scheme-purple .content textarea,
#content .scheme-purple .content input[type="submit"]:hover,
.grid.scheme-purple .events-calendar:before,
.scheme-purple .calendar-picker .days li a {
  background: #565c7c;
}
.scheme-purple.splash h2, /*.scheme-purple.splash h3,*/ .scheme-purple h2.page-title, .scheme-purple.pennant header::after, .scheme-purple figcaption, .scheme-purple .content input:focus, .scheme-purple .content textarea:focus, .scheme-purple .calendar-picker .weekdays li .weekday, #content .story-index.scheme-purple.dark-mode:not(.story-stream) header h3, #content .photo-index.scheme-purple.dark-mode header h3, header.no-hero.scheme-purple nav::after {
  background: #201345;
}
.page-news .scheme-purple h2.page-title {
  /* background: rgba(32, 19, 69, .5); */
}
.scheme-purple.splash h2::before,
.scheme-purple.splash h3::before,
.scheme-purple h2.page-title::before,
.scheme-purple.pennant h3,
.scheme-purple #page-menu ul a::after,
#page-menu.scheme-purple ul a::after,
.scheme-purple .block,
.page-news .scheme-purple .block,
.scheme-purple.duo header,
.duo .scheme-purple header {
  background: #442666;
}
.scheme-purple.duo header,
.duo .scheme-purple header {
  background: linear-gradient(to right, #201345 0%, #442666 100%);
}
.scheme-purple.duo header::before,
.duo .scheme-purple header::before {
  background: linear-gradient(to right, #565c7c 0%, #442666 100%);
}
header.scheme-purple[style] .block.compressed {
  background: rgba(68, 38, 102, 0.5);
}
.scheme-purple .cta,
.scheme-purple .events-calendar .preview-image,
.scheme-purple.dark-mode,
.scheme-purple .wall.events li .preview-content {
  background: #3e3c42;
}
.scheme-purple.dark-mode {
  background: linear-gradient(
    to bottom,
    #201345 0%,
    #442666 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.scheme-purple .cta {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #442666;
}
.scheme-purple .cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #565c7c;
}
.scheme-purple .cta:nth-of-type(4n - 3),
.scheme-purple .wall.events li:nth-of-type(4n - 3) .preview-content,
.scheme-purple.grid li:nth-of-type(4n - 3) .preview-content {
  background: #201345;
}
.scheme-purple .cta:nth-of-type(4n - 3) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #442666;
}
.scheme-purple .cta:nth-of-type(4n - 3):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #565c7c;
}
.scheme-purple .cta:nth-of-type(4n - 2),
.scheme-purple .wall.events li:nth-of-type(4n - 2) .preview-content,
.scheme-purple.grid li:nth-of-type(4n - 2) .preview-content,
.scheme-purple .no-hero h2.page-title::after,
.scheme-purple.no-hero h2.page-title::after {
  background: #565c7c;
}
.scheme-purple .cta:nth-of-type(4n - 2) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #201345;
}
.scheme-purple .cta:nth-of-type(4n - 2):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #201345;
}
.scheme-purple .cta:nth-of-type(4n - 1),
.scheme-purple .wall.events li:nth-of-type(4n - 1) .preview-content,
.scheme-purple.grid li:nth-of-type(4n - 1) .preview-content {
  background: #442666;
}
.scheme-purple .cta:nth-of-type(4n - 1) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #565c7c;
}
.scheme-purple .cta:nth-of-type(4n - 1):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #565c7c;
}

.scheme-purple .gallery.strip::before {
  background: #565c7c;
}
.scheme-purple .gallery.strip > div::before {
  background: rgba(86, 92, 124, 0.5);
}
.scheme-purple .gallery.strip::after {
  background: #442666;
}
.scheme-purple .gallery.strip > div::after {
  background: rgba(68, 38, 102, 0.5);
}
section.splash.scheme-purple header::before,
.scheme-purple.page-header:not(.half) .hero-image::before {
  background: #201345;
}
.scheme-purple header .gallery.bar::after,
.scheme-purple.page-header:not(.half) .hero::after {
  background: rgba(32, 19, 69, 0.5);
}
.scheme-purple .wall::after {
  background: #565c7c !important;
}

.dark-mode.scheme-purple .cta {
  color: #442666;
  background: #fff;
  box-shadow: 0 0 0 4px #442666, 12px 12px 0 #fff;
}
.dark-mode.scheme-purple .cta:hover {
  box-shadow: 0 0 0 4px #442666, 6px 6px 0 #fff;
}

/* High contrast Purple schema */
.contrast .scheme-purple h3 .kicker,
.contrast .scheme-purple h3 em,
.contrast .scheme-purple h3 .subtitle,
.contrast .scheme-purple h4 em,
.contrast .scheme-purple:not(.pennant) h3,
.contrast .scheme-purple h4,
.contrast .scheme-purple .content input[type="submit"],
.contrast .scheme-purple .permalink {
  color: #201345 !important;
}
.contrast .scheme-purple:not(.dark-mode) .cta {
  background: #201345 !important;
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #442666 !important;
}
.contrast .scheme-purple:not(.dark-mode) .cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #442666 !important;
}
.contrast .dark-mode.scheme-purple .cta {
  color: #201345;
  background: #fff;
  box-shadow: 0 0 0 4px #201345, 12px 12px 0 #fff;
}
.contrast .dark-mode.scheme-purple .cta:hover {
  box-shadow: 0 0 0 4px #201345, 6px 6px 0 #fff;
}

.contrast .scheme-purple.splash h2, /*.contrast .scheme-purple.splash h3,*/ .contrast .scheme-purple h2.page-title, .contrast .scheme-purple.splash .call, .contrast .scheme-purple.pennant h3, .contrast header.scheme-purple .block, .contrast .scheme-purple .button:hover, .contrast .scheme-purple .events.wall li .preview-content, .contrast .scheme-purple #page-menu a.unfold, .contrast #page-menu.scheme-purple a.unfold, .contrast .scheme-purple blockquote, .contrast .dark-mode.scheme-purple, .contrast .scheme-purple .content input[type="submit"]:hover, .contrast .scheme-purple.grid .preview-content {
  background: #201345 !important;
}
.contrast .scheme-purple .button,
.contrast .scheme-purple .content input[type="submit"] {
  border-color: #201345;
}

/* Footer */
#colophon .cta {
  color: #3e3c42;
  background: #fff;
  box-shadow: 0 0 0 4px #3e3c42, 12px 12px 0 #fff;
}
#colophon .cta:hover {
  box-shadow: 0 0 0 4px #3e3c42, 6px 6px 0 #fff;
}
#colophon svg,
.dark-mode a svg {
  fill: #fff;
}
#colophon a:hover svg {
  /*fill: #94ab9c;*/
}

/* Orange schema */
.scheme-orange body,
.scheme-orange h3 .kicker,
.splash.scheme-orange h3 .subtitle,
.scheme-orange h4 em,
.scheme-orange .calendar-picker .days li a {
  color: #38302f;
}
.scheme-orange h3,
.scheme-orange h4,
.scheme-orange legend,
.scheme-orange .content a:not(.cta):hover,
.scheme-orange #page-menu a:hover,
#page-menu.scheme-orange a:hover,
.scheme-orange label.required::after {
  color: #f5681b;
}

.scheme-orange h4 em,
.scheme-orange h3 .subtitle,
.scheme-orange.dark-mode h3 .kicker,
.splash.scheme-orange.dark-mode h3 .subtitle,
.scheme-orange.dark-mode h4 em {
  color: #ea9b2a;
}

.scheme-orange svg {
  fill: #38302f;
}

.scheme-orange .events li .button {
  color: #fff;
  border-color: #fff;
}

header.scheme-orange[style] .block.compressed {
  background: rgba(245, 104, 27, 0.5);
}

.scheme-orange .content::after,
.scheme-orange.content::after,
.scheme-orange.story-index header::before,
.scheme-orange.photo-index header::before,
.scheme-orange.story-index li.featured ~ li:nth-of-type(3)::before,
.scheme-orange.story-index:not(.story-stream) li:nth-of-type(n + 4)::before,
.story-index.scheme-orange:not(.story-stream)
  li.featured
  ~ li:nth-of-type(n + 4)::before,
.scheme-orange .content input,
.scheme-orange .content textarea,
#content .scheme-orange .content input[type="submit"]:hover {
  background: #ea9b2a;
}
.scheme-orange.dark-mode {
  background: linear-gradient(
    to bottom,
    #b33a1e 0%,
    #f5681b 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.scheme-orange ul.wall .preview-image + .preview-content,
.scheme-orange ul.wall:not(.events) .preview-image + .preview-content,
.scheme-orange .button,
.index.list.scheme-orange li + li,
.index.list .scheme-orange li + li,
.scheme-orange.story-index li.featured,
.scheme-orange.story-index li:nth-of-type(n + 5),
.scheme-orange.dark-mode,
.scheme-orange.story-index .preview-image + .preview-content,
.story-index.story-stream.scheme-orange li:not(:first-of-type),
.scheme-orange.story-index li,
.scheme-orange header,
.grid.scheme-orange .photo-gallery,
.scheme-orange .content input[type="submit"],
.scheme-orange .content fieldset,
.scheme-orange .content select {
  border-color: #ea9b2a;
}
.scheme-orange .wall.events li:nth-of-type(4n - 2) .preview-content {
  border-color: #38302f;
}
.scheme-orange .wall.events li:nth-of-type(4n - 2) a.button:hover {
  background: #38302f;
}

.scheme-orange.splash h2, /*.scheme-orange.splash h3,*/ .scheme-orange h2.page-title, .scheme-orange.pennant header::after, .scheme-orange figcaption, header.no-hero.scheme-orange nav::after, .scheme-orange .calendar-picker .weekdays li .weekday, #content .story-index.scheme-orange.dark-mode:not(.story-stream) header h3, #content .photo-index.scheme-orange.dark-mode header h3, .scheme-orange .content input:focus, .scheme-orange .content textarea:focus {
  background: #b33a1e;
}
.scheme-orange.splash h2::before,
.scheme-orange.splash h3::before,
.scheme-orange h2.page-title::before,
.scheme-orange.pennant h3,
.scheme-orange.duo header,
.duo .scheme-orange header,
.scheme-orange #page-menu ul a::after,
#page-menu.scheme-orange ul a::after {
  background: #f5681b;
}

/* updates for ticket #164635 */

.scheme-orange .header,
.scheme-purple .header,
.scheme-green .header {
  color: #fff;
  padding: 64px 0 20px 0;
  font-size: 36px;
  text-transform: uppercase;
}

.scheme-orange .row.top-stripe,
.scheme-purple .row.top-stripe,
.scheme-green .row.top-stripe {
  height: 8px;
  margin-bottom: 4px;
  border: none;
}
.scheme-orange .sub-header,
.scheme-purple .sub-header,
.scheme-green .sub-header {
  margin: 15px 0;
}
.scheme-orange .news-item .stripe,
.scheme-purple .news-item .stripe,
.scheme-green .news-item .stripe {
  height: 4px;
}
.scheme-orange .news-item.border-left,
.scheme-purple .news-item.border-left,
.scheme-green .news-item.border-left {
  border: none;
}

@media only screen and (min-width: 768px) {
  .scheme-orange .news-item.border-left,
  .scheme-purple .news-item.border-left,
  .scheme-green .news-item.border-left {
    border-left: 2px solid #bbb;
  }
}

/* orange  */
section > .scheme-orange .header {
  background: linear-gradient(to right, #b33a1e 0%, #f5681b 100%);
}

section > .scheme-orange .row.top-stripe {
  background: linear-gradient(to right, #ea9b2a 0%, #f5681b 100%);
}

section > .scheme-orange .news-item .stripe {
  background-color: #ea9b2a;
}

/* purple  */
section > .scheme-purple .header {
  background: linear-gradient(
    to right,
    rgb(32, 19, 69) 0%,
    rgb(68, 38, 102) 100%
  );
}

section > .scheme-purple .row.top-stripe {
  background: linear-gradient(
    to right,
    rgb(68, 38, 102) 0%,
    rgb(32, 19, 69) 100%
  );
}

section > .scheme-purple .news-item .stripe {
  background-color: rgb(68, 38, 102);
}

/* green  */
section > .scheme-green .header {
  background: linear-gradient(
    to right,
    rgb(11, 47, 25) 0%,
    rgb(48, 115, 71) 100%
  );
}

section > .scheme-green .row.top-stripe {
  background: linear-gradient(
    to right,
    rgb(48, 115, 71) 0%,
    rgb(11, 47, 25) 100%
  );
}

section > .scheme-green .news-item .stripe {
  background-color: rgb(48, 115, 71);
}

/* end ticket #164635 */

.scheme-orange.duo header::before,
.duo .scheme-orange header::before {
  background: linear-gradient(to right, #ea9b2a 0%, #f5681b 100%);
}

.scheme-orange.splash .call,
.scheme-orange blockquote,
.scheme-orange.pennant header,
.scheme-orange a.button:hover,
.scheme-orange .calendar-picker .days li a {
  background: #ea9b2a;
}

.scheme-orange .cta,
.scheme-orange .wall.events li .preview-content,
.scheme-orange.grid li .preview-content {
  background: #38302f;
}
.scheme-orange .cta {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #ea9b2a;
}
.scheme-orange .cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #ea9b2a;
}
.scheme-orange .cta:nth-of-type(4n - 3),
.scheme-orange .wall.events li:nth-of-type(4n - 3) .preview-content,
.scheme-orange.grid li:nth-of-type(4n - 3) .preview-content {
  background: #b33a1e;
}
.scheme-orange .cta:nth-of-type(4n - 3) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #f5681b;
}
.scheme-orange .cta:nth-of-type(4n - 3):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #f5681b;
}
.scheme-orange .cta:nth-of-type(4n - 2),
.scheme-orange .wall.events li:nth-of-type(4n - 2) .preview-content,
.scheme-orange.grid li:nth-of-type(4n - 2) .preview-content,
.scheme-orange .no-hero h2.page-title::after,
.scheme-orange.no-hero h2.page-title::after {
  background: #ea9b2a;
}
.scheme-orange .cta:nth-of-type(4n - 2) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #b33a1e;
}
.scheme-orange .cta:nth-of-type(4n - 2):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #b33a1e;
}
.scheme-orange .cta:nth-of-type(4n - 1),
.scheme-orange .wall.events li:nth-of-type(4n - 1) .preview-content,
.scheme-orange.grid li:nth-of-type(4n - 1) .preview-content,
.scheme-orange .block {
  background: #f5681b;
}
.scheme-orange .cta:nth-of-type(4n - 1) {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #ea9b2a;
}
.scheme-orange .cta:nth-of-type(4n - 1):hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #ea9b2a;
}
.dark-mode.scheme-orange .cta {
  color: #f5681b;
  background: #fff;
  box-shadow: 0 0 0 4px #f5681b, 12px 12px 0 #fff;
}
.dark-mode.scheme-orange .cta:hover {
  box-shadow: 0 0 0 4px #f5681b, 6px 6px 0 #fff;
}

.scheme-orange .gallery.strip::before {
  background: #ea9b2a;
}
.scheme-orange .gallery.strip > div::before {
  background: rgba(234, 155, 42, 0.5);
}
.scheme-orange .gallery.strip::after {
  background: #f5681b;
}
.scheme-orange .gallery.strip > div::after {
  background: rgba(245, 104, 27, 0.5);
}
section.splash.scheme-orange header::before,
.scheme-orange.page-header:not(.half) .hero-image::before {
  background: #b33a1e;
}
.scheme-orange header .gallery.bar::after,
.scheme-orange.page-header:not(.half) .hero::after {
  background: rgba(179, 58, 30, 0.5);
}

.scheme-orange .wall::after {
  background: #ea9b2a !important;
}

/* High contrast Orange schema */

.contrast .scheme-orange h3 .kicker,
.contrast .scheme-orange h3 em,
.contrast .scheme-orange h3 .subtitle,
.contrast .scheme-orange h4 em,
.contrast .scheme-orange:not(.pennant):not(.grid) h3,
.contrast .scheme-orange h4,
.contrast .scheme-orange .content input[type="submit"],
.contrast .scheme-orange .permalink {
  color: #b33a1e !important;
}
.contrast .scheme-orange:not(.dark-mode) .cta,
.contrast .scheme-orange.grid .preview-content,
.contrast .scheme-orange .block {
  background: #b33a1e !important;
}
.contrast .scheme-orange:not(.dark-mode) .cta {
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #f5681b !important;
}
.contrast .scheme-orange:not(.dark-mode) .cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #f5681b !important;
}
.contrast .dark-mode.scheme-orange .cta {
  color: #b33a1e;
  background: #fff;
  box-shadow: 0 0 0 4px #b33a1e, 12px 12px 0 #fff;
}
.contrast .dark-mode.scheme-orange .cta:hover {
  box-shadow: 0 0 0 4px #b33a1e, 6px 6px 0 #fff;
}
.contrast .scheme-orange.splash h2, /*.contrast .scheme-orange.splash h3,*/ .contrast .scheme-orange h2.page-title, .contrast .scheme-orange.splash .call, .contrast .scheme-orange.pennant h3, .contrast header.scheme-orange .block, .contrast .scheme-orange .button:hover, .contrast .scheme-orange .events.wall li .preview-content, .contrast .scheme-orange #page-menu a.unfold, .contrast #page-menu.scheme-orange a.unfold, .contrast .scheme-orange blockquote, .contrast .dark-mode.scheme-orange, .contrast .scheme-orange .content input[type="submit"]:hover {
  background: #b33a1e !important;
}
.contrast .scheme-orange .button,
.contrast .scheme-orange .content input[type="submit"] {
  border-color: #b33a1e;
}

/* Global */

html,
body {
  height: 100%;
}
a,
a h4 {
  transition: color 0.3s, background 0.3s, box-shadow 0.2s, transform 0.2s,
    opacity 0.8s ease 1s;
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
form,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
svg {
  height: 100%;
  width: 100%;
  transition: fill 0.3s, stroke 0.3s;
  overflow: visible;
  display: block;
}

.logo,
.icon,
.cta,
.kicker,
.subtitle {
  display: block;
}
.logo + .label,
.icon + .label {
  display: none;
}
.hero-image {
  position: relative;
}
h3 .kicker {
  margin: 0 0 3px;
}
h3 .subtitle,
h2 .subtitle {
  margin: 3px 0 0;
}
.content h4 {
  margin: 48px 0 0;
}

.preview-content h4,
.content .preview-content h4,
.content figcaption h4,
.ctas h4,
.content .ctas h4 {
  margin-top: 0;
}
.splash h2, /*.splash h3,*/ .splash .hero .call, h2.page-title {
  padding: 28px 16px 28px 48px;
  position: relative;
  border: 4px solid #fff;
  border-width: 4px 0;
}
.splash h2.response::before,
.splash h3.response::before,
.splash .hero .call:before,
.splash .hero .call + .hero-image:before,
h2.page-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 28px;
  border-right: 4px solid #fff;
}
.splash h2.response::before,
.splash h3.response::before,
.splash .hero .call + .hero-image:before,
h2.page-title::before {
  height: 100%;
  top: 0;
}
.splash .hero .call:before {
  top: 36px;
  bottom: 0;
}

.content h3 {
  margin: 0 0 32px;
}
article .content h3 {
  margin-bottom: 4px;
}

.ctas {
  padding: 0 12px 0 0;
}
.cta {
  border-radius: 5px;
  background: #3e3e42;
  padding: 16px;
  box-shadow: 0 0 0 4px #fff, 12px 12px 0 #94ab9c;
  margin: 0 0 24px;
}
.button {
  display: inline-block;
  border-radius: 7px;
  padding: 8px 16px;
  margin: 0;
  border: 2px solid #94ab9c;
}
h3 .button {
  display: block;
  margin: 8px 0;
}
h3 .buttons .button {
  display: inline-block;
  vertical-align: top;
}
.button svg {
  height: 18px;
}
.cta:hover {
  box-shadow: 0 0 0 4px #fff, 6px 6px 0 #94ab9c;
  transform: translate(6px, 6px);
  transition-delay: 0;
}
/*.cta::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	color: #3e3e42;
}*/

ul.wall li {
  margin-bottom: 64px;
}
ul.wall li .ctas:last-child {
  margin-bottom: 96px;
}
ul.wall.events li {
  margin-bottom: 32px;
}
ul.wall:not(.events) .preview-image + .preview-content {
  margin: 4px 0 0;
  border-top: 4px solid #94ab9c;
  padding: 16px 0 0;
}

#content .icon,
#colophon .icon {
  display: block;
  width: 40px;
  height: 40px;
  transition: transform 0.3s;
}
#colophon a:hover .icon {
  transform: scale(1.15, 1.15);
}

.content iframe {
  padding-top: 4px;
  border-top: 4px solid #94ab9c;
  border-width: 4px 0 0;
  width: 100%;
}

/* High contrast mode */

.contrast-high {
  display: none;
}
.contrast .contrast-high {
  display: inline;
}
.contrast .contrast-standard {
  display: none;
}

/* Structure */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Header */
#masthead {
  height: 48px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 22;
  box-shadow: 0 0 16px rgba(20, 12, 29, 0.4);
  background: #fff;
  transition: height 0.5s, background 0.5s, box-shadow 0.5s;
}
#masthead a {
  display: block;
}
#masthead .banner {
  padding: 8px;
}
#masthead #logo {
  width: calc(100% - 64px);
  height: 32px;
  position: relative;
  z-index: 10;
}
#masthead #logo a {
  display: block;
  height: 100%;
}
#masthead #logo .logo {
  display: block;
  height: 100%;
}

#masthead #logo img {
  max-height: 100%;
  height: auto;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

#menu h2 {
  width: 20px;
  height: 16px;
  /* background: #ccc; */
  position: absolute;
  right: 16px;
  top: 16px;
  display: block;
}
#menu h2 svg rect {
  transition: transform 0.6s;
}
#menu h2 svg #menu-rect-1 {
  transform-origin: 0 18px;
}
#menu h2 svg #menu-rect-3 {
  transform-origin: 0 2px;
}
#menu h2 svg #menu-rect-2 {
  transform-origin: 25% 0;
}
#menu.active h2 svg #menu-rect-3 {
  transform: rotate(45deg);
}
#menu.active h2 svg #menu-rect-1 {
  transform: rotate(-45deg);
}
#menu.active h2 svg #menu-rect-2 {
  transform: scale(0, 1);
}

a.unfold:not(.button)::after,
#page-menu a.unfold h3::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 13px;
  margin: 8px;
  background: url("../images/arrow-fat.svg") no-repeat 50% 50%;
  vertical-align: top;
  transform: translate(16px, 0) rotate(90deg);
  transition: transform 0.5s;
}
#page-menu a.unfold::after {
  display: none;
}
.compressed a.unfold::after,
#page-menu.compressed a.unfold h3::after {
  transform: translate(16px, 0) rotate(0deg);
}
#main-menu ul,
#main-menu form {
  transition: height 0.5s, opacity 0.7s, margin 0.3s;
}
#main-menu ul ul {
  overflow: hidden;
  transition-delay: 0s;
}
#main-menu .compressed > ul {
  height: 0 !important;
  opacity: 0;
}

#menu-search label {
  display: none;
}

#header-ctas li {
  display: inline-block;
}
#header-ctas li:not(:last-child) {
  margin: 0 32px 0 0;
}

.compressed form {
  height: 0 !important;
}

/* Internal Page Menus */

#page-menu {
  margin: 0 auto 16px;
  padding: 32px;
}
#page-menu a.unfold::after {
  background-image: url("../images/arrow-green.svg");
  margin: 4px;
}
#page-menu ul {
  transition: height 0.5s;
  overflow: hidden;
}
#page-menu li {
  margin: 16px 0;
}
#page-menu li:last-child {
  margin-bottom: 0;
}
#page-menu li + li h4 {
  margin-top: 48px;
}
#page-menu h5 {
  margin-bottom: 4px;
}
#page-menu ul a {
  display: inline-block;
  position: relative;
}
#page-menu ul a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 2px);
  height: 2px;
  left: 0;
  right: 0;
  background: #307347;
  transition: transform 0.3s;
  transform: scale(0, 1);
  transform-origin: 0 50%;
}
#page-menu ul a:hover::after,
#page-menu li.current > h4 a::after {
  transform: scale(1, 1);
}

#page-menu li.current > h4 > a::before,
#page-menu li.current > a::before {
  /* content: '\2022\00A0'; */
}

#page-menu a.unfold {
  display: block;
  background: #94ab9c;
  padding: 8px 16px;
}
#page-menu.scheme-purple a.unfold,
.scheme-purple #page-menu a.unfold {
  background: #565c7c;
}
#page-menu.scheme-orange a.unfold,
.scheme-orange #page-menu a.unfold {
  background: #ea9b2a;
}
#page-menu a.unfold h3 {
  color: #fff;
}
#page-menu a.unfold h3::after {
  position: absolute;
  margin: 4px;
}

section.splash header {
  margin: 0 0 80px;
}
header .gallery {
  border-bottom: 4px solid #fff;
}
.gallery.bar li {
  position: relative;
}
.gallery.bar .image.featured::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 12px;
  border: 4px solid #fff;
  border-width: 0 0 0 4px;
}

.gallery.strip {
  position: relative;
  margin: 0 0 64px;
}
.gallery.strip::before,
.gallery.strip::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 4px);
}
.gallery.strip::before {
  height: 32px;
  background: #94ab9c;
  width: calc(100% - 96px);
}
.gallery.strip::after {
  height: 48px;
  border-left: 4px solid #fff;
  width: 92px;
  background: #307347;
  right: 0;
}
.gallery.strip > div::before,
.gallery.strip > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
}
.gallery.strip > div::before {
  left: 0;
  width: calc(100% - 96px);
  background: rgba(148, 171, 156, 0.5);
}
.gallery.strip > div::after {
  right: 0;
  border-left: 4px solid #fff;
  width: 92px;
  background: rgba(48, 115, 71, 0.5);
}

#content {
  margin: 48px 0 0;
}

section {
  margin: 0 0 64px;
}
.subhead {
  padding: 32px 32px 28px;
}

.content {
  padding: 0 32px;
  margin: 0 auto;
  position: relative;
}
.content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: #94ab9c;
  z-index: -1;
}
.content h4,
.news-index h4,
.galleria h4,
.grid h4 {
  margin-bottom: 5px;
}
h4 + .button {
  margin-top: 16px;
}
.content p,
.content ul,
.news-index p,
.galleria p,
.grid p {
  margin: 0 0 32px;
}
.content li {
  margin: 0 0 12px;
}

.content + section {
  margin-top: 64px;
}

.pennant .gallery.bar {
  height: 240px;
  margin: 0 -2px;
  border: 4px solid #fff;
  border-width: 4px 0;
}
.pennant .gallery.bar li {
  height: 100%;
  width: calc(50%);
  float: left;
  background-size: cover;
  background-position: 50% 50%;
  border: 2px solid #fff;
  border-width: 0 2px;
}
.pennant .gallery.bar .image.featured::after {
  display: none;
}
.pennant .gallery.bar .featured + .image.featured::after {
  display: block;
  width: 32px;
}

.pennant:not(.news-index) header {
  overflow: hidden;
  margin-bottom: 64px;
  position: relative;
  border-top: 4px solid #94ab9c;
}
.scheme-purple + .pennant header {
  border-color: #565c7c;
}
.scheme-orange + .pennant header {
  border-color: #ea9b2a;
}
.penant header::before {
}
.pennant .gallery.bar li img {
  display: none;
}
.pennant h3 {
  padding: 32px 64px 32px 32px;
  background: #307347;
  margin: 0;
  position: relative;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.pennant h3::after,
.pennant h3::before {
  position: absolute;
  content: "";
  display: block;
  transition: height 0.2s;
  background: #fff;
}
.pennant h3::after {
  top: 0;
  bottom: 0;
  right: 32px;
  width: 4px;
}
.pennant h3::before {
  left: calc(100% - 32px);
  right: 0;
  height: 4px;
  bottom: 32px;
}

.window .intro-image {
  margin: 0 0 48px;
}
.window .outro-image {
  margin: 64px 0 0;
}

/* text */

.page-header {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
article header,
.no-hero header,
.galleria header {
  margin-bottom: 32px;
}
.no-hero .page-header + .galleria {
  margin-top: -28px;
}
article .content {
  margin: 0 auto 64px;
}
.content ul:not(.wall):not(#filtered) {
  list-style: square;
  padding: 0 0 0 20px;
}
blockquote {
  background: #94ab9c;
  color: #fff;
  font-weight: 700;
  margin: 0 0 32px;
  padding: 24px 32px;
  font-size: 24px;
}
blockquote.callout {
  font-weight: 900;
  text-transform: uppercase;
}
blockquote .attribution {
  font-weight: 400;
  text-transform: none;
  display: block;
  margin-top: 16px;
  font-size: 20px;
}

/* Images */

.img {
  margin: 0 0 32px;
  padding: 4px 0 0;
  border-top: 4px solid #94ab9c;
}
.scheme-purple .img {
  border-color: #565c7c;
}
.scheme-orange .img {
  border-color: #ea9b2a;
}

figcaption {
  padding: 28px 32px;
  border-top: 4px solid #fff;
}
figcaption p:last-child {
  margin-bottom: 0;
}

/* Indexes */

.block {
  padding: 32px;
  transition: background 0.5s, padding 0.5s;
}
.block form {
  position: relative;
  z-index: 10;
}
.index .keywords {
  display: none;
}
.index li .kicker {
  display: block;
  margin-bottom: 4px;
}
.grid:last-of-type {
  margin-bottom: 0;
}
.grid ul {
  padding: 2px;
}
.grid li {
  display: inline-block;
  vertical-align: top;
  border: 2px solid #fff;
  overflow: hidden;
}
.grid .preview-image {
  overflow: hidden;
}
.grid a .preview-image img {
  transition: transform 1.2s, opacity 1.2s;
}
.grid a:hover .preview-image img {
  transform: scale(1.2, 1.2);
  /* opacity: .7; */
}
.grid .preview-content,
.events .preview-content {
  border-top: 4px solid #fff;
  padding: 16px;
  z-index: 2;
  position: relative;
}

.grid .photo-gallery {
  max-width: 1232px;
  margin: 0 auto;
  border: 2px solid #565c7c;
  padding: 4px;
}
.grid .photo-gallery li {
  position: relative;
  width: 100%;
  margin: 0 0 16px;
  border: 2px solid #fff;
}
.grid .photo-gallery .preview-image {
  background-size: cover;
  background-position: 50% 50%;
  transition: transform 1.2s;
}

.grid .photo-gallery .preview-content {
  transition: transform 0.6s;
}

.grid > header {
  padding: 0 16px;
}
.grid .events-calendar {
  position: relative;
  margin: 0 12px 32px;
}
.grid .events-calendar:before {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  top: -4px;
  height: 4px;
  background: #94ab9c;
}

.news-index {
  padding: 0 16px;
  position: relative;
  z-index: 9;
}
.news-index header::after {
  content: "";
  display: block;
  clear: both;
}

.index.list {
  padding: 16px;
}
.index.list h4 {
  margin-bottom: 4px;
}
.duo > div {
  margin-bottom: 64px;
}
.duo header {
  background: #0b2f19;
  background: linear-gradient(to right, #0b2f19 0%, #307347 100%);
  position: relative;
}
.duo header h3 {
  padding: 12px 16px;
}
.duo .subtitle {
  display: inline-block;
}
.duo header::before {
  content: "";
  display: block;
  height: 8px;
  border-bottom: 4px solid #fff;
  background: #94ab9c;
  background: linear-gradient(to right, #94ab9c 0%, #307347 100%);
}
.duo header::after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  width: 24px;
  border-right: 4px solid #fff;
  height: 100%;
  top: 0;
}

.permalink {
  display: block;
  margin: 16px 0 0;
}
.index.list p {
  margin-bottom: 16px;
}

/* Lists */

.index.list > header {
  border-style: solid;
  border-width: 0 0 4px;
  padding: 0 0 24px;
}
.index.list > ul > li,
.index.list.duo > div > ul > li {
  margin: 0 0 24px;
}
.index.list h3 {
  margin: 64px 0 16px;
  font-size: 36px;
}
.index.list > ul > li + li,
.index.list h3 + ul,
.index.list.duo > div > ul > li + li {
  padding-top: 24px;
  border-width: 4px 0 0;
  border-style: solid;
}
.index.list ul + .ctas {
  margin-top: 32px;
}
.index.list .cta {
  margin-top: 32px;
  display: table;
}
.index.list .preview-content .button {
  margin: 24px 0 0;
}
.index.list .preview-content p + .button {
  margin: 8px 0 0;
}
.index.list ul ul {
  margin: 4px 0 32px 18px;
}
.index.list ul ul li {
  list-style: square;
  padding: 0 0 8px;
  margin: 0 0 8px;
}
.index.list h5 {
  margin: 32px 0 0;
}

.content h3 .subtitle + .subtitle {
  padding-top: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 2px solid #94ab9c;
  display: table;
}

.content #filtered h3 {
  border-bottom: 4px solid #94ab9c;
  margin-bottom: 16px;
}
li.pdf::after {
  content: "pdf";
  color: #b33a1e;
}
li.doc::after {
  content: "doc";
  color: #565c7c;
}
li.pdf::after,
li.doc::after {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin: 0 0 0 8px;
  vertical-align: top;
  position: absolute;
}

/* Stories */

.story-index,
.story-stream,
.photo-index {
  padding: 0 16px;
  position: relative;
  z-index: 9;
}
.photo-index {
  padding: 0 8px;
}
.story-index.dark-mode,
.photo-index.dark-mode {
  padding-top: 32px;
  padding-bottom: 32px;
}
.story-index header,
.photo-index header {
  text-align: center;
  position: relative;
}
.story-index.story-stream header {
  text-align: left;
}
.story-index header::before,
.photo-index header::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #565c7c;
}
.story-index.story-stream header::before {
  top: 100%;
}
.story-index header::after {
  content: "";
  display: block;
  clear: both;
}
.story-index.story-stream > header {
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.story-index:not(.story-stream) header h3,
.photo-index header h3 {
  display: inline-block;
  background: #fff;
  padding: 0 8px;
  position: relative;
  z-index: 2;
}
.story-index .board li {
  margin: 0 0 48px;
}
.story-index .preview-image + .preview-content,
.index.list .preview-image + .preview-content {
  margin: 4px 0 0;
  border-top: 4px solid #94ab9c;
  padding: 16px 0 0;
}
.story-index .board h4 {
  margin: 0 0 4px;
}
.story-index p + .button {
  margin-top: 24px;
}
a .preview-image {
  overflow: hidden;
}
a .preview-image img {
  transition: transform 1.2s;
}
a:hover .preview-image img {
  transform: scale(1.2, 1.2);
}

.galleria {
  padding: 32px 16px 16px;
  position: relative;
  z-index: 9;
}
.galleria + .galleria,
.dark-mode + .dark-mode {
  margin-top: -60px;
}
section.dark-mode:last-child {
  margin-bottom: 4px;
}
.galleria:last-child {
  margin-bottom: 4px;
}
.galleria .ctas {
  margin-top: 32px;
}

/* Contact */
.contact span:not(.label) {
  display: block;
}
.contact .social,
.contact .links {
  margin: 16px 0 16px;
}
.contact .social a {
  display: inline-block;
}
.contact .label {
  font-size: 16px;
  text-transform: uppercase;
}

/* forms */

#content form {
  max-width: 1088px;
  margin: 0 auto;
  overflow: hidden;
  transition: height 0.5s;
}
legend {
  padding: 0;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 32px;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  display: block;
}
body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}
.content fieldset {
  border-top: 2px solid #94ab9c;
  margin: 32px 0 64px;
  padding: 32px 0 0;
}
input,
select,
textarea {
  border: none;
  padding: 12px 16px;
}
input,
textarea {
  display: block;
  border-radius: 4px;
  width: 100%;
  transition: background 0.3s;
}
input[type="radio"] {
  display: inline-block;
  width: auto;
}
input:focus,
textarea:focus {
  outline: none;
}
select {
  border-radius: 12px;
  text-overflow: ellipses;
}
option {
  text-overflow: ellipses;
}
label {
  display: block;
  margin: 32px 0 0;
}
.form-radio label {
  margin: 0 0 8px;
}
input[type="radio"] + label {
  display: inline-block;
}
.block h4 {
  margin: 0 0 6px;
}
.block fieldset div {
  margin: 0 0 32px;
}
.block form > label:first-child {
  margin-top: 0;
}
.content form p {
  margin: 32px 0;
}
p label {
  margin-top: 0;
}
label + input,
label + select {
  margin-top: 8px;
}
input + input {
  margin-top: 16px;
}
input[type="submit"] {
  background: none;
  border: 4px solid #fff;
  border-radius: 10px;
  color: inherit;
  margin-top: 48px;
}
input[type="submit"]:hover {
  cursor: pointer;
}
label.required:after {
  content: " *";
  color: #307347;
}
.submit {
  clear: both;
  display: block;
}

.calendar-picker {
  max-width: 480px;
  margin: 0 auto 64px;
  clear: both;
  padding: 4px 0 0;
}
.calendar-picker::after {
  content: "";
  display: block;
  clear: both;
}
.calendar-picker h4 {
  text-align: center;
  margin: 16px 0 8px;
}
.calendar-picker .prev {
  float: left;
}
.calendar-picker .next {
  float: right;
}
.calendar-picker li {
  width: calc(100% / 7);
  float: left;
  text-align: center;
  padding: 1px;
}
.calendar-picker .weekdays li .weekday {
  display: block;
  padding: 4px;
  background: #0b2f19;
}
.calendar-picker .days li a,
.calendar-picker .days li .dormant {
  display: block;
  padding: 4px;
}
.calendar-picker .days li a {
  background: #94ab9c;
  color: #0b2f19;
}

.calendar-picker .days li a:hover {
  background: #fff;
}

/* Footer */

#colophon {
  text-align: center;
}

#colophon .banner {
  padding: 64px 32px;
}
#colophon .logo {
  display: block;
  margin: 0 auto 64px;
  max-width: 544px;
}
#colophon .address {
  margin: 0 0 64px;
}
#colophon .address span {
  display: block;
}

#colophon .ctas {
  margin: 64px 0;
}

#colophon .links ul {
  margin: 32px 0;
}
#colophon .legal-menu + .contact-menu {
  border: 4px solid #fff;
  border-width: 4px 0 0 0;
  padding: 32px 0 0;
}

#colophon .links ul.social-menu {
  margin: 48px -12px 0px;
}
#colophon .social-menu li {
  display: inline-block;
  margin: 12px;
}
body ul.social-menu {
  list-style: none;
  margin: 16px 0 0 !important;
  padding: 0 !important;
}
body ul.social-menu li {
  list-style: none;
  display: inline-block;
  margin: 0 12px 0 0 !important;
}

/* Announcements */

#announcement-bar {
  clear: both;
  position: relative;
  top: 0;
  color: #fff;
}
#announcement-bar.compressed {
  display: none;
}
#announcement-bar h2 + p {
  margin-top: 4px;
}
#announcement-bar .button {
  margin: 16px 0 0;
  display: table;
}

#announcement-close {
  position: absolute;
  right: 8px;
  top: -8px;
}

/* Alert */

.slim-alert + #masthead {
  margin-top: 42px;
}

.slim-alert {
  width: 100%;
  background-color: #0b2f19;
  position: fixed;
  z-index: 100;
  top: 0;
  text-align: center;
}

.slim-alert a {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding: 12px;
  margin: 0;
  text-decoration: none;
}
.slim-alert a:hover {
  background: #307347;
}

@media only screen and (max-width: 1023px) {
  #menus-container {
    margin-top: 34px;
  }
}

/* Lightbox */

/*#lcl_window {
	max-height: calc(100vh - 96px) !important;
}
.lcl_minimal #lcl_subj {
	background: black !important;
}

#lcl_elem_wrap {
	background-size: contain !important;
}*/

@media (max-width: 1023px) {
  #menu #menus-container {
    position: fixed;
    top: 15px;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 0 64px;
    z-index: 9;
    background: #454846;
    transform: scale(1, 0);
    transform-origin: 50% 0;
    transition: transform 0.6s;
    overflow-y: auto;
    color: #fff;
  }
  #menu #menus-container ul {
    opacity: 0;
    transition: opacity 1.2s, height 0.5s, margin 0.5s;
    padding: 16px;
    margin: 0;
    border-bottom: 4px solid #fff;
  }
  #menu #menus-container ul ul {
    margin: 0 0 32px;
  }
  #menu #menus-container .compressed > ul {
    margin-bottom: 0;
  }
  #menu #menus-container ul ul {
    opacity: 1;
    padding: 0;
    border: none;
  }

  #menu form#menu-search {
    padding: 24px 16px;
  }

  #menu.active #menus-container {
    transform: scale(1, 1);
  }
  #menu.active #menus-container ul {
    opacity: 1;
  }
  #menu #menus-container a {
    color: inherit;
    padding: 12px 0;
  }

  #header-ctas {
    border-bottom: 4px solid #fff;
    background: #201345;
  }

  #page-menu.compressed > ul {
    height: 0 !important;
  }

  .gallery li:not(.featured) {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  #masthead {
    height: 64px;
  }
  #masthead .banner {
    padding: 12px;
  }
  #masthead #logo {
    width: 462px;
    height: 40px;
  }

  #menu h2 {
    width: 24px;
    height: 20px;
    right: 24px;
    top: 22px;
  }
  #menu #menus-container {
    top: 64px;
  }

  #menu-search input {
    width: calc(100% - 200px);
    display: inline-block;
  }
  #menu-search input[type="submit"] {
    width: 190px;
    margin: 0 0 0 4px;
  }
}

@media (max-width: 679px) {
  .splash .gallery li {
    background: none !important;
  }
}

@media (min-width: 420px) {
}

@media (min-width: 680px) {
  .story-index .preview-content {
    font-size: 18px;
  }
  .story-index .featured .preview-content {
    font-size: 20px;
  }
  .story-index .featured h4 {
    font-size: 36px;
    line-height: 1.1;
  }
  #content {
    margin-top: 60px;
  }
  .content {
    padding-right: 0;
    max-width: 640px;
  }
  #page-menu {
    max-width: 640px;
    padding: 32px 0 32px 32px;
  }

  section {
    margin-bottom: 96px;
  }

  header .hero-image {
    height: 60vw;
    max-height: 764px;
  }
  header.half .hero-image {
    height: 50vw;
    max-height: 640px;
  }
  header .hero-image-interior {
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    /* added by michael - and then removed 
		background-position:top;*/
  }
  header .hero-image-interior img {
    display: none;
  }

  header .gallery {
    position: relative;
  }
  header .gallery .image {
    background-size: cover;
    background-position: 50% 50%;
  }
  header .gallery .image img {
    display: none;
  }
  .gallery.bar {
    text-align: right;
  }
  .splash .gallery.bar .image.featured::after {
    width: 30%;
    height: 90%;
    border-width: 0 0 4px 4px;
  }

  header .gallery .image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .pennant .gallery.bar li.image {
    position: static;
  }
  .pennant header {
    margin-bottom: 64px;
    background: #94ab9c;
    position: relative;
  }
  .pennant header::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    background: #fff;
  }
  .pennant h3 {
    max-width: 640px;
    margin: 0 auto;
    border: 4px solid #fff;
    border-width: 0 4px;
  }

  .gallery.bar li {
    width: 50%;
    text-align: left;
  }
  .gallery.bar .subhead {
    display: inline-block;
  }

  .gallery.strip .banner {
    height: 96px;
    background-size: cover;
    background-position: 50% 50%;
  }
  .gallery.strip .banner img {
    display: none;
  }

  h3 .button {
    display: table;
  }
  h3 .buttons .button {
    display: inline-block;
  }

  .cta {
    margin-bottom: 32px;
  }

  #colophon .banner {
    padding: 96px 32px 80px;
  }
  #colophon .cta,
  .galleria .ctas .cta {
    display: inline-block;
  }

  .galleria > .ctas {
    margin-top: 32px;
    text-align: center;
  }

  #colophon .links .legal-menu,
  #colophon .links .contact-menu {
    width: 50%;
    float: left;
    margin-top: 0;
  }
  #colophon .links .legal-menu {
    border-right: 4px solid #fff;
    margin-right: -2px;
    text-align: right;
    padding: 0 32px 0 0;
  }
  #colophon .links .legal-menu + .contact-menu {
    border-width: 0 0 0 4px;
    margin-left: -2px;
    text-align: left;
    padding: 0 0 0 32px;
  }
  #colophon .links ul.social-menu {
    clear: both;
    padding: 32px 0 0;
  }

  .window .intro-image,
  .window .outro-image {
    background-size: cover;
    background-position: 50% 50%;
  }
  .window .intro-image img,
  .window .outro-image img {
    opacity: 0;
  }

  .content + section {
    margin-top: 96px;
  }

  .block {
    padding: 64px;
  }
  .block.compressed {
    padding: 32px 64px;
  }
  .grid li {
    width: 50%;
    position: relative;
  }
  .grid .preview-image {
    margin-bottom: 84px;
  }
  .grid .photo-gallery .preview-image {
    margin-bottom: 0;
  }
  .grid .preview-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .grid .events-calendar .preview-image {
    margin-bottom: 0;
  }
  .grid .events-calendar .preview-content {
    position: static;
  }

  .grid > header {
    padding: 0 32px;
  }
  .grid .events-calendar {
    margin: 0 28px 32px;
  }
  .grid .events-calendar li {
    margin-bottom: 32px;
  }

  /* Photo Galleries */

  .photo-index {
    padding: 0 16px;
  }
  .photo-index.dark-mode {
    padding-bottom: 64px;
  }
  .grid .photo-gallery .preview-image {
    padding: 50% 0;
  }
  .grid .photo-gallery .preview-image img {
    display: none;
  }
  .grid .photo-gallery a:hover .preview-image {
    transform: scale(1.2, 1.2);
  }
  .grid .photo-gallery li {
    width: 50%;
    margin: 0;
  }
  .grid .photo-gallery .preview-content {
    transform: translate(0, 100%);
  }
  .grid .photo-gallery a:hover .preview-content {
    transform: translate(0, 0);
  }
  .photo-index .ctas {
    margin-top: 32px;
  }

  .news-index,
  .galleria {
    padding: 0 32px;
  }
  .news-index ul.wall,
  .galleria ul.wall {
    column-count: 2;
    column-gap: 32px;
    position: relative;
  }
  .news-index ul.wall.events {
    column-gap: 0;
    padding-top: 6px;
    margin-left: -2px;
    margin-right: -2px;
  }
  .news-index ul.wall.events li {
    padding: 0;
  }
  .news-index .wall li,
  .galleria .wall li {
    break-inside: avoid;
    padding-top: 32px;
    margin-bottom: 32px;
    display: inline-block;
    /* display: block;
		display: inline; */
  }
  .news-index ul.wall::after,
  .galleria ul.wall::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #94ab9c;
    transition: transform 1.4s;
    transition-delay: 0.5s;
    transform-origin: 19% 50%;
  }
  .news-index ul.wall.events::after {
    left: 2px;
    right: 2px;
  }
  .news-index ul.preseen .wall::after {
    transform: scale(0, 1);
  }

  /* Lists */

  .index.list {
    max-width: 960px;
    margin: 0 auto 64px;
    padding: 0 32px;
  }
  .index.list li:after {
    content: "";
    display: block;
    clear: both;
  }
  .index.list .preview-image {
    width: 320px;
    float: left;
    position: relative;
  }
  .index.list .preview-image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    background: #bbb;
    width: 2px;
    right: -18px;
  }
  .index.list .preview-image + .preview-content {
    width: calc(100% - 354px);
    border: none;
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
  }
  .index.list .preview-image + .preview-content::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    background: #bbb;
    width: 2px;
    left: -18px;
  }
  .index.list .ctas {
    margin: 64px 0;
    text-align: center;
  }
  .index.list:not(.duo) .ctas .cta {
    display: inline-block;
  }

  /* Stories */

  .story-index > header {
    padding: 0 16px;
  }
  .story-index header::before {
    left: 16px;
    right: 16px;
  }
  .story-index li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 16px;
  }
  .story-index li.featured {
    width: 100%;
  }

  .story-index .ctas,
  .photo-index .ctas {
    padding: 0 24px 0 16px;
    text-align: center;
  }
  .story-index .ctas .cta,
  .photo-index .ctas .cta {
    display: inline-block;
    margin: 0 16px 32px;
  }

  section.news-index,
  section.galleria {
    margin-bottom: 64px;
  }

  header + .news-index {
    margin-top: 64px;
  }
  .news-index + .news-index {
    margin-top: 96px;
  }

  .galleria {
    padding: 64px;
  }

  .dark-mode + .dark-mode {
    margin-top: -92px;
  }

  ul.wall .cta {
    display: inline-block;
  }
  ul.wall.events {
    column-count: 2;
    column-gap: 0;
  }
  ul.wall.events li {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid;
    margin: 2px;
    display: inline-block;
  }
  ul.wall li .ctas:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 800px) {
  .grid li {
    /* width: calc(100% / 3); */
  }

  #news-search {
    text-align: center;
  }
  #news-search fieldset {
    float: left;
    width: 50%;
    margin: 32px 0;
    text-align: left;
    position: relative;
  }
  #news-search fieldset:nth-of-type(2n) {
    padding-left: 32px;
  }
  #news-search fieldset:nth-of-type(2n-1) {
    padding-right: 32px;
  }
  #news-search fieldset::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #fff;
  }
  #news-search fieldset:nth-of-type(2n)::before {
    left: -2px;
  }
  #news-search fieldset:nth-of-type(2n-1)::before {
    right: -2px;
  }

  #news-search fieldset label:first-child {
    margin-top: 0;
  }
  #news-search fieldset select {
    width: 100%;
  }
  #news-search input[type="submit"] {
    width: auto;
    display: table;
    margin: 0 auto;
    clear: both;
  }

  .grid .photo-gallery li {
    width: calc(100% / 3);
  }

  .duo,
  .index.list.duo {
    max-width: 1328px;
    padding: 0;
    margin: 0 auto 96px;
  }
  .duo::after {
    content: "";
    display: block;
    clear: both;
  }
  .duo > div {
    width: 50%;
    float: left;
    clear: right;
    padding: 0 32px;
    border-color: #bbb;
    border-style: solid;
    border-width: 0 2px 0 0;
    margin: 0 -1px 32px 0;
  }
  .duo > div:nth-of-type(2n) {
    border-width: 0 0 0 2px;
    margin: 0 0 32px -1px;
  }
}

@media (min-width: 1024px) {
  #page-menu,
  .wall .kicker,
  .story-index .preview-content {
    font-size: 16px;
  }
  .index.list .preview-content {
    font-size: 18px;
  }
  #menu #prospects-menu ul li {
    font-size: 20px;
    font-weight: 400;
  }
  .wall .featured {
    font-size: 24px;
  }
  .story-index .featured .preview-content {
    font-size: 23px;
  }
  .duo h3 {
    font-size: 32px;
  }
  h2,
  h3,
  .call,
  #menu #prospects-menu li,
  ul.wall li.featured h4 {
    font-size: 48px;
  }
  .story-index .featured h4 {
    font-size: 48px;
    line-height: 1;
  }
  #menu #prospects-menu li {
    font-weight: 300;
  }

  .scheme-purple .hero h2.response,
  .scheme-purple .hero h3.response,
  .scheme-purple .hero h2.page-title {
    background: rgba(32, 19, 69, 0.3);
  }
  .scheme-orange .hero h2.response,
  .scheme-orange .hero h3.response,
  .scheme-orange .hero h2.page-title {
    background: rgba(179, 58, 30, 0.3);
  }

  .scheme-green .hero-image {
    background-color: #0b2f19;
  }
  .scheme-purple .hero-image {
    background-color: #201345;
  }
  .scheme-orange .hero-image {
    background-color: #b33a1e;
  }
  .gallery,
  .hero-image-interior {
    transition: opacity 0.8s;
  }
  .hero-image {
    transition: opacity 0.2s;
  }
  .hero-image-interior {
    transition-delay: 0.4s;
  }
  .gallery {
    transition-delay: 0.6s;
  }
  .preload .gallery,
  .preload .hero-image,
  .preseen .hero-image-interior {
    opacity: 0;
  }

  /* Announcements */

  #announcement-bar {
    top: 14px;
  }

  #masthead {
    height: 80px;
    background: transparent;
    color: #fff;
    box-shadow: 0 0 0 rgba(20, 12, 29, 0);
  }
  #masthead::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: transparent;
    transition: background 0.4s;
    z-index: -1;
  }
  .scrolling #masthead::before,
  .no-hero #masthead::before,
  .contrast #masthead::before {
    background: #fff;
  }
  .toggle-menu #masthead::before {
    background: #454846;
  }
  #masthead::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    height: 4px;
    left: 0;
    width: 100%;
    background: #fff;
    transform: scale(0, 1);
    transform-origin: 0 50%;
    transition: transform 0.6s;
    z-index: -1;
  }
  .toggle-menu #masthead::after {
    transform: scale(1, 1);
  }
  .scrolling:not(.toggle-menu) #masthead,
  body:not(.toggle-menu) .no-hero #masthead,
  body.contrast:not(.toggle-menu) #masthead {
    color: inherit;
    box-shadow: 0 0 16px rgba(20, 12, 29, 0.4);
  }
  #masthead .banner {
    padding: 14px;
  }
  #masthead #logo {
    width: 600px;
    height: 52px;
    float: left;
    position: relative;
    background: url("../images/hws-logo.png");
  }
  #masthead #logo::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: url("../images/hws-logo-light.png?v=2.12.24") no-repeat 50% 50%;
    background-size: contain;
    z-index: 1;
    transition: opacity 0.5s;
  }
  #masthead #logo a {
    z-index: 2;
    position: relative;
  }
  .scrolling:not(.toggle-menu) #masthead #logo::after,
  body.contrast:not(.toggle-menu) #masthead #logo::after,
  body:not(.toggle-menu) .no-hero #masthead #logo::after {
    opacity: 0;
  }
  #masthead #logo img {
    opacity: 0;
    transition: opacity 0.5s;
  }
  .scrolling:not(.toggle-menu) #masthead #logo img,
  body:not(.toggle-menu) .no-hero #masthead #logo img,
  body.contrast:not(.toggle-menu) #masthead #logo img {
    opacity: 1;
  }
  #menu {
    float: right;
  }
  #menu h2 {
    width: 28px;
    height: 22px;
    right: 30px;
    top: 29px;
  }
  #menu h2 svg,
  #menu.active h2 svg,
  .scrolling #menu.active h2 svg {
    fill: #fff;
  }
  .scrolling #menu h2 svg,
  .contrast:not(.toggle-menu) #menu h2 svg,
  body:not(.toggle-menu) .no-hero #menu h2 svg {
    fill: #454846;
  }

  #prospects-menu a.unfold::after {
    width: 20px;
    height: 18px;
    background: url("../images/arrow-skinny.svg") no-repeat 50% 50%;
    margin: 21px;
    transform: translate(8px, 0) rotate(90deg);
  }
  #prospects-menu .compressed a.unfold::after {
    transform: translate(8px, 0) rotate(0deg);
  }

  #header-ctas {
    margin: 13px 70px 13px 0px;
    line-height: 1;
  }
  #header-ctas a {
    position: relative;
  }
  #header-ctas a::after {
    content: "";
    display: block;
    position: absolute;
    height: 4px;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    background: #fff;
    transform: scale(0, 1);
    transition: transform 0.3s, background 0.4s;
    transform-origin: 0 50%;
  }
  #header-ctas a:hover::after {
    transform: scale(1, 1);
  }
  .scrolling:not(.toggle-menu) #header-ctas a::after {
    background: #454846;
  }
  #main-menu {
    background: #454846;
    /* background: linear-gradient(135deg, rgba(69,72,70,1) 0%,rgba(62,60,66,1) 100%); */
    color: #fff;
    position: fixed;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    transition: bottom 0.8s;
    z-index: -2;
    padding: 80px 0 0 160px;
  }
  #main-menu::before {
    content: "";
    position: absolute;
    display: block;
    width: 160px;
    height: calc(100% - 84px);
    bottom: 100%;
    left: 0;
    border: 4px solid #fff;
    border-width: 0 4px 0 0;
    background: url("../images/homeslice.jpg") no-repeat 50% 50%;
    background-size: cover;
    transition: bottom 0.8s;
  }
  #menu.active #main-menu::before {
    bottom: 0;
    transition-delay: 0.3s;
  }
  #menu.active #main-menu {
    bottom: 0;
  }
  #prospects-menu,
  #constituents-menu,
  #menu-search {
    opacity: 0;
  }
  #menu.active #prospects-menu,
  #menu.active #constituents-menu,
  #menu.active #menu-search {
    opacity: 1;
  }
  #prospects-menu,
  #constituents-menu,
  #menu-search {
    transition-delay: 0s;
  }
  #menu.active #prospects-menu {
    transition-delay: 0.6s;
  }
  #menu.active #constituents-menu {
    transition-delay: 0.8s;
  }
  #menu.active #menu-search {
    transition-delay: 1s;
  }
  #main-menu ul li {
    margin: 0 0 32px;
    padding: 0 32px 0 0;
  }
  #main-menu ul ul {
    margin: 8px 0 0;
  }
  #main-menu ul ul li {
    margin-bottom: 16px;
  }
  #prospects-menu {
    float: left;
    width: 480px;
    height: 100%;
    padding: 64px 0 48px 64px;
    margin: 0 -4px 0 0;
    overflow-y: auto;
  }
  #constituents-menu,
  #menu-search {
    padding: 64px 0 48px 64px;
  }
  #prospects-menu > li > a.unfold {
    position: relative;
  }
  #prospects-menu > li > a.unfold::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 16px);
    right: -32px;
    height: 4px;
    background: #fff;
    left: 0;
    transform-origin: 100% 50%;
    transform: scale(1, 1);
    transition: transform 0.3s;
  }
  #prospects-menu > li.compressed > a.unfold::before {
    transform: scale(0, 1);
  }
  #prospects-menu li:not(.compressed) ul {
    margin-top: 48px;
  }

  /* #constituents-menu {
		max-height: calc( 100% - 280px);
		overflow: scroll;
	} */
  #secondary-menus {
    height: 100%;
    overflow-y: auto;
    float: right;
    width: calc(100% - 476px);
    position: relative;
  }
  #secondary-menus::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #fff;
    transform: translate(0, -100%);
    transition: transform 1s;
  }
  #menu.active #secondary-menus::before {
    transform: translate(0, 0);
    transition-delay: 0.5s;
  }
  #menu-search {
    padding: 64px 64px 48px 64px;
    position: relative;
  }
  #menu-search::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #fff;
    transform: scale(0, 1);
    transform-origin: 0 50%;
    transition: transform 0.6s;
  }
  #menu.active #menu-search::after {
    transform: scale(1, 1);
    transition-delay: 1.1s;
  }
  #menu-search::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #fff;
  }

  /* Page menu */
  #page-menu {
    position: absolute;
    left: 0;
    text-align: right;
    padding: 16px 32px 16px 0;
    transition: transform 0.5s, width 0.5s, box-shadow 0.5s;
    width: calc(50vw - 320px);
    z-index: 11;
    background: #fff;
    height: calc(100vh - 112px);
  }
  #page-menu.sticky {
    position: fixed;
    top: 96px;
    left: 0;
    width: 320px;
    right: auto;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
    z-index: 13;
  }
  #page-menu.sticky.compressed {
    transform: translate(-288px, 0);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0);
    z-index: 11;
  }
  #page-menu > ul {
    padding: 0 16px;
    max-height: 100%;
    overflow-y: auto;
  }
  #page-menu ul ul {
    padding-bottom: 4px;
  }

  #page-menu a.unfold {
    display: block;
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    width: 32px;
    right: 0;
  }

  #page-menu a.unfold h3 {
    transform: rotate(90deg) translate(16px, -1px);
    white-space: nowrap;
    color: #fff;
  }
  #page-menu a.unfold h3::after {
    position: absolute;
    transform: translate(16px, 0) rotate(270deg);
    margin: 4px 0;
  }

  #page-menu a.unfold::after,
  article #page-menu a.unfold {
  }
  #page-menu h3 .unfold {
    display: block;
    margin-bottom: 16px;
  }
  #page-menu h4 {
    margin-bottom: 16px;
  }
  #page-menu ul li:first-child {
    margin-top: 0;
  }
  #page-menu ul a:after {
    transform-origin: 100% 50%;
  }

  #content {
    overflow: hidden;
    margin-top: 0;
  }
  .no-hero #content {
    margin-top: 80px;
  }

  section {
    margin-bottom: 128px;
  }

  section header {
    /* background: #0b2f19; */
  }

  header .block {
    border-top: 4px solid #fff;
  }

  header .hero-image {
    border-bottom: 4px solid #fff;
  }
  section:first-child header .hero:before,
  header.page-header .hero::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    background: linear-gradient(
      to bottom,
      rgba(20, 12, 29, 0.46) 0%,
      rgba(20, 12, 29, 0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 2;
  }
  header .hero-image::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -120px;
    left: 50%;
    width: 4px;
    background: #fff;
    height: 184px;
    transition: transform 0.2s;
    transform-origin: 50% 0;
    transition-delay: 1.6s;
    z-index: 2;
  }
  article header .hero-image::after {
    height: 64px;
    bottom: 0px;
  }
  .splash header .hero-image::after {
    left: calc(50% + 291px);
    bottom: 0;
    height: 64px;
  }
  header .preseen .hero-image::after {
    transform: scale(1, 0);
  }

  .no-hero.page-header::before,
  .no-hero.page-header::after {
    display: none;
  }
  .no-hero.page-header h2 {
    border: none;
  }

  section + section.splash {
    margin-top: 200px;
  }
  .hero {
    position: relative;
  }
  section:first-child .hero {
    background: #0b2f19;
  }

  .page-header::before,
  .page-header::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    z-index: 4;
  }
  .page-header:not(.half):not(.no-hero)::before {
    top: 100%;
    width: 4px;
    height: 32px;
    right: calc(50% + 316px);
    transition: transform 0.1s ease 2.2s;
    transform-origin: 50% 0;
  }
  .preload .page-header::before {
    transform: scale(1, 0);
  }
  .page-header:not(.half):not(.no-hero)::after {
    top: calc(100% + 64px);
    height: 4px;
    right: 0;
    width: 50%;
  }
  .page-header .hero {
    position: relative;
  }
  .page-header:not(.half) .hero::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: calc(50vw - 568px);
    height: 112px;
    right: 0;
    background: rgba(11, 47, 25, 0.5);
    border: 4px solid #fff;
    border-width: 0 0 0 4px;
    z-index: 2;
  }
  .page-header:not(.half) .hero-image::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 120px);
    width: calc(50vw - 568px);
    height: 88px;
    right: 0;
    background: rgba(11, 47, 25, 1);
    z-index: 2;
  }

  .hero h2.response,
  .hero h3.response,
  .hero h2.page-title,
  .scheme-green .hero h2.page-title {
    position: absolute;
    bottom: 64px;
    border: 4px solid #fff;
    padding: 44px 48px 48px;
  }
  .hero h2.response,
  .hero h3.response,
  .scheme-green .hero h2.page-title {
    background: rgba(11, 47, 25, 0.3);
  }
  .hero h2.response,
  .hero h3.response {
    width: 416px;
    right: 64px;
    transition-delay: 0.6s;
    transition: opacity 0.6s;
  }
  .hero h2.page-title {
    left: 50%;
    transform: translate(-50%, 0);
    max-width: calc(100vw - 124px);
    margin-right: -50%;
    text-align: center;
    transition: opacity 1s;
    transition-delay: 1.2s;
  }

  .hero.preseen h2.response,
  .hero.preseen h3.response,
  .preload h2.page-title {
    opacity: 0;
  }
  .preload .hero h2.response,
  .preload .hero h3.response {
    z-index: -1;
  }
  .no-hero.has-nav h2.page-title {
    text-align: center;
  }
  h2.page-title::before {
    width: calc(50% - 320px);
  }
  .no-hero h2.page-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 4px solid #fff;
    background: #94ab9c;
    width: calc(50% - 356px);
  }
  .no-hero #content h2 {
    padding-left: calc(50% - 288px);
    padding-right: calc(50% - 288px);
  }

  header.no-hero nav {
    position: relative;
  }
  header.no-hero nav::before,
  header.no-hero nav::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 4px solid #fff;
    transition: transform 0.5s;
    transform: translate(-100%, 0);
  }
  header.no-hero nav::before {
    width: calc(50% - 356px);
  }
  header.no-hero nav.compressed::before,
  header.no-hero nav.compressed::after {
    transform: translate(0, 0);
  }
  header.no-hero nav::after {
    width: calc(50% - 616px);
    min-width: 32px;
    background: #94ab9c;
  }

  .hero h2.response::before,
  .hero h3.response::before,
  .splash .hero .call::before,
  .hero h2.page-title::before {
    display: none;
  }
  .splash .hero .call {
    position: absolute;
    top: -64px;
    left: 64px;
    width: 384px;
    z-index: 3;
    border: 4px solid #fff;
    padding: 44px 48px 48px;
  }
  .splash .hero .call + .hero-image::before {
    border: 4px solid #fff;
    border-width: 0 0 4px 4px;
    left: 96px;
    width: calc(100% - 576px);
    top: 0;
    bottom: 96px;
    height: auto;
    transition: width 1s ease 0.6s, bottom 0.6s;
    z-index: 1;
  }
  .splash .hero.preseen .call + .hero-image::before {
    width: 0px;
    bottom: 100%;
  }
  section.splash:nth-of-type(2n + 1):not(:first-child) .hero h2.response,
  section.splash:nth-of-type(2n + 1):not(:first-child) .hero h3.response {
    right: auto;
    left: 64px;
  }
  section.splash:nth-of-type(2n + 1):not(:first-child) .hero .call {
    left: auto;
    right: 64px;
  }
  section.splash:nth-of-type(2n + 1):not(:first-child)
    .hero
    .call
    + .hero-image::before {
    left: auto;
    right: 96px;
    border-width: 0 4px 4px 0;
  }
  section.splash:nth-of-type(2n + 1):not(:first-child)
    header
    .hero-image::after {
    left: auto;
    right: calc(50% + 317px);
  }
  section.splash:nth-of-type(2n + 1):not(:first-child)
    .gallery.bar
    .image.featured::after {
    display: none;
  }

  section.splash header,
  header.page-header:not(.half):not(.no-hero) {
    margin-bottom: 112px;
    position: relative;
  }
  section.splash header::before,
  section.splash header::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: calc(50vw - 568px);
    background: #0b2f19;
  }
  section.splash header::before {
    height: 96px;
    border-left: 4px solid #fff;
    top: 100%;
  }
  section.splash header::after {
    height: 4px;
    background: #fff;
    top: calc(100% + 64px);
  }
  .splash header .gallery.bar {
    max-width: 832px;
    margin: 0 auto;
    text-align: left;
  }
  header .gallery.bar::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 4px);
    width: calc(50vw - 568px);
    height: 112px;
    left: calc(100% + 148px);
    background: rgba(11, 47, 25, 0.5);
    border-left: 4px solid #fff;
    z-index: 2;
  }
  .pennant header .gallery.bar::after {
    height: 96px;
    left: calc(50% + 448px);
    border: 4px solid #fff;
    border-width: 0 4px 4px 4px;
    background: #454846;
    width: 96px;
    height: 48px;
  }
  .scheme-purple .pennant header .gallery.bar::after {
    background: #3e3c42;
  }
  .scheme-orange .pennant header .gallery.bar::after {
    background: #38302f;
  }

  .pennant header {
    border: none;
  }
  .pennant header .gallery.bar::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    width: 100%;
    height: 4px;
    left: 0;
    background: #94ab9c;
    transition: transform 1.2s;
  }
  .scheme-purple + .pennant header .gallery.bar::before {
    background: #565c7c;
  }
  .scheme-orange + .pennant header .gallery.bar::before {
    background: #ea9b2a;
  }

  .pennant header .gallery.bar.preseen::before {
    transform: scale(0, 1);
  }

  header .gallery.bar .image {
    left: 50%;
  }
  header .gallery.bar .image:first-of-type {
    left: auto;
    right: calc(100% + 4px);
    max-width: calc(50vw - 420px);
  }
  header .gallery.bar .image:last-of-type {
    left: calc(100% + 4px);
    max-width: calc(50vw - 420px);
  }

  .pennant header {
    overflow: visible;
  }
  .pennant header .gallery.bar {
    max-width: none;
    margin: 0 -15%;
    z-index: 3;
  }
  .pennant .gallery.bar li.image {
    width: calc(25% - 4px);
    max-width: none !important;
    transition: opacity 1s ease 0.4s;
  }
  .pennant .gallery.bar.preseen li.image {
    opacity: 0;
  }
  .pennant h3::before {
    right: -132px;
    z-index: 3;
  }

  .pennant header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -32px;
    left: calc(50% + 316px);
    width: 128px;
    background: #fff;
    border: 4px solid #fff;
    border-width: 0 4px;
    background: #0b2f19;
  }

  .window {
    position: relative;
  }
  .window .intro-image,
  .window .outro-image {
    position: absolute;
    height: 100%;
    top: 0;
    margin: 0;
    transition: height 0.6s;
  }
  .window .preeseen .intro-image,
  .window .preseen .outro-image {
    height: 0;
  }
  .window .intro-image {
    left: 0;
    right: calc(50% + 320px);
  }
  .window .outro-image {
    right: 0;
    left: calc(50% + 352px);
    border-left: 4px solid #94ab9c;
  }
  .scheme-purple.window .outro-image {
    border-color: #565c7c;
  }
  .scheme-orange.window .outro-image {
    border-color: #ea9b2a;
  }

  .splash .gallery.bar .image.featured::after {
    width: 70%;
    right: auto;
    left: 0;
    border-width: 0 4px 4px 0;
    transition: height 0.4s, top 0.2s;
    transition-delay: 0.2s;
  }
  .gallery.bar.preseen .image.featured::after {
    height: 0;
    top: -4px;
  }

  .gallery.strip .banner {
    height: 112px;
    background-size: cover;
  }

  .gallery.bar h3::before,
  .gallery.bar h3::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    background: #fff;
    z-index: 4;
    transition: transform 0.2s;
    transform-origin: 50% 0;
  }
  .gallery.bar h3::before {
    top: 100%;
    left: 50%;
    height: 120px;
    transition-delay: 0.6s;
  }
  .gallery.bar h3::after {
    top: calc(100% + 120px);
    left: 96px;
    height: 32px;
    transition-delay: 0.8s;
  }
  .gallery.bar.preseen h3::before,
  .gallery.bar.preseen h3::after {
    transform: scale(1, 0);
  }

  .gallery.strip::before,
  .gallery.strip > div::before {
    width: calc(50% + 416px);
  }
  .gallery.strip::after,
  .gallery.strip > div::after {
    left: calc(50% + 416px);
    right: auto;
    width: 144px;
  }
  .gallery.strip::after {
    height: 64px;
  }

  article header {
    margin-bottom: 64px;
  }

  h3 .button {
    float: right;
    margin: 4px 0 0 8px;
  }
  h3 .buttons {
    float: right;
  }
  h3 .buttons .button {
    float: left;
  }
  .story-stream h3 .button {
    margin: -14px 0 0 8px;
  }

  .content::after {
    transition: transform 0.8s;
    transform-origin: 50% 0;
  }
  .splash .content::after {
    transition: transform 1.2s;
  }
  .content .content-interior {
    transition: opacity 0.4s;
    transition-delay: 0.4s;
  }
  .content.preseen::after {
    transform: scale(1, 0);
  }
  article .content.preseen::after {
    transform: scale(1, 1);
  }
  .content.preseen .content-interior {
    opacity: 0;
  }
  article .content.preseen .content-interior {
    opacity: 1;
  }

  /*.ctas.wall {
		margin-left: calc( -50vw + 364px);
		margin-right: calc( -50vw + 396px);
		padding-top: 8px;
		background: #fff;
		margin-top: 48px;
		position: relative;
	}
	.ctas.wall:before {
		content: '';
		display: block;
		position: absolute;
		left: 16px;
		right: 16px;
		top: 0;
		height: 4px;
		background: #94ab9c;
	}
	.ctas.wall:after {
		content: '';
		display: block;
		clear: both;
	}
	.ctas.wall .cta {
		width: calc( 100% / 3 - 32px);
		float: left;
		margin: 16px;
	}*/

  .ctas.wall,
  ul.wall,
  ul.wall.events {
    padding-top: 8px;
    padding-left: 0;
    overflow: visible;
    background: #fff;
    margin-top: 48px;
    column-count: 3;
    column-gap: 32px;
    position: relative;
  }
  .ctas.wall,
  .content ul.wall {
    margin-left: calc(-50vw + 364px);
    margin-right: calc(-50vw + 396px);
  }
  .content ul.wall {
    padding-top: 16px;
  }
  ul.wall li.featured {
    column-span: all;
    display: block !important;
    float: none !important; /* Deal with js hack that makes Chrome columns work */
    padding-top: 0;
  }
  .wall::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #94ab9c;
    transition: transform 1.4s;
    transition-delay: 0.5s;
    transform-origin: 19% 50%;
  }
  .preseen .wall::after {
    transform: scale(0, 1);
  }
  .ctas.wall .cta,
  .content ul.wall li {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid;
    margin: 16px 0;
    display: inline-block;
  }
  .ctas.wall .cta,
  .content ul.wall:not(.events) li {
    width: 100%;
  }
  .content ul.wall.events {
    column-gap: 0;
  }
  .content ul.wall.events li {
    margin: 2px;
  }
  .content ul.wall li {
    margin: 16px 0 32px;
  }
  ul.wall .cta {
    display: inline-block;
  }
  .wall li {
    transition: opacity 0.8s ease 0.8s;
  }

  .content ul.contents.wall li {
    margin-bottom: 64px;
  }

  .news-index {
    padding: 0 64px;
    max-width: 1328px;
    margin-left: auto;
    margin-right: auto;
  }

  .news-index ul.wall,
  .galleria ul.wall {
    column-count: 3;
    column-gap: 32px;
    margin-top: 32px;
  }
  .galleria h3,
  .galleria ul.wall {
    background: none;
    margin: 0 auto;
    max-width: 1200px;
  }

  .grid > header {
    margin-top: 48px;
    padding: 0 48px;
  }
  .grid .events-calendar {
    margin: 0 44px 64px;
  }

  /* Lists */

  .page-header + .index.list {
    margin-top: 64px;
  }
  .index.list li {
    margin-bottom: 32px;
  }
  .index.list li + li {
    padding-top: 32px;
  }

  .duo > div {
    padding: 0 48px;
  }
  .duo header h3 {
    padding: 12px 24px 16px;
  }
  .duo header::before {
    height: 12px;
  }
  .duo header::after {
    width: 28px;
  }

  /* Photo Galleries */

  .photo-index {
    padding: 0 32px;
  }
  .photo-index.dark-mode {
    padding-bottom: 96px;
  }
  .photo-index > header {
    max-width: 1232px;
    margin-left: auto;
    margin-right: auto;
  }
  /* Stories */

  .story-index > header,
  .story-index .board {
    max-width: 1264px;
    margin-left: auto;
    margin-right: auto;
  }
  .story-index .board::after {
    content: "";
    display: block;
    clear: both;
  }
  .story-index li {
    width: 33.3%;
    position: relative;
    border-style: solid;
    border-color: #565c7c;
    border-width: 0;
  }
  .story-index li.featured {
    width: 66.7%;
    border-right: 4px solid #565c7c;
  }
  .story-index li.featured,
  .story-index li.featured ~ li {
    float: left;
  }
  .story-index li.featured ~ li:nth-of-type(3)::before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    width: 4px;
    top: 0;
    bottom: 0;
    background: #565c7c;
  }
  .story-index li.featured ~ li:nth-of-type(2),
  .story-index li.featured ~ li:nth-of-type(3) {
    border-width: 0;
  }
  .story-index li.featured ~ li:nth-of-type(n + 4),
  .story-index.story-stream li {
    width: 25%;
  }
  .story-index:not(.story-stream) li.featured ~ li:nth-of-type(n + 4):before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -2px;
    right: 0;
    height: 4px;
    background: #565c7c;
  }
  .story-index:not(.story-stream) li.featured ~ li:nth-of-type(4):before {
    left: 16px;
  }
  .story-index:not(.story-stream) li.featured ~ li:nth-of-type(7):before {
    right: 16px;
  }
  .story-index li:nth-of-type(n + 5),
  .story-index li:nth-of-type(3n-1),
  .story-index li:nth-of-type(3n),	
  .story-index.story-stream li:not(:first-of-type){
    border-width: 0 0 0 2px;
  }
.story-index:not(.story-stream)	li:nth-of-type(8){
    border-width: 0 ;
  }
  .story-index:not(.story-stream) li:nth-of-type(4), .story-index:not(.story-stream) li:nth-of-type(8) {
    clear: left;
  }
  .story-index li:nth-of-type(n + 4) .kicker {
    font-size: 14px;
  }
  .story-index li:nth-of-type(n + 4) h4,
  .story-index.story-stream li h4 {
    font-size: 18px;
  }
  .story-index li:nth-of-type(n + 4) h4 .subtitle,
  .story-index li.featured ~ li:nth-of-type(n + 4) .preview-content p,
  .story-index.story-stream li .preview-content p {
    display: none;
  }

  .dark-mode + .dark-mode {
    margin-top: -124px;
  }

  .preseen .ctas .cta,
  .preseen .wall li {
    opacity: 0;
  }

  blockquote.callout {
    position: absolute;
    right: 100%;
    width: calc(50vw - 316px);
    margin-top: 4px;
    z-index: 12;
  }

  .float {
    float: right;
    margin-right: calc(-50vw + 320px);
    width: calc(50vw - 120px);
    margin-left: 64px;
    transition: transform 1.2s ease 0.2s;
  }
  .preseen .float {
    transform: translate(100%, 0);
  }
  .preload .preseen .float {
    transition: none;
  }
  .float img {
    max-width: 480px;
  }
  .float figcaption {
    max-width: 480px;
  }

  #colophon .banner {
    padding: 124px 32px 112px;
  }

  .grid li {
    width: calc(100% / 3);
  }
  .photo-gallery .preview-content {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media (min-width: 1280px) {
  .ctas.wall,
  .content ul.wall {
    margin-left: -256px;
    margin-right: -224px;
  }

  #menu-search input {
    width: calc(100% - 200px);
    display: inline-block;
    vertical-align: top;
  }
  #menu-search input[type="submit"] {
    width: 190px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin: 8px 0 0 4px;
  }

  .events .preview-content {
    padding: 32px;
  }

  .grid .photo-gallery li {
    width: calc(25%);
  }

  .grid > header {
    margin-top: 64px;
    padding: 0 64px;
  }
  .grid .events-calendar {
    margin: 0 60px 64px;
  }
}

@media (min-width: 1420px) {
  .hero h2.response,
  .hero h3.response {
    right: auto;
    left: calc(50% + 240px);
  }
  .splash .hero .call {
    left: auto;
    right: calc(50% + 280px);
  }
  .splash .hero .call + .hero-image::before {
    left: calc(50% - 640px);
    width: 876px;
  }

  section.splash:nth-of-type(2n + 1):not(:first-child) .hero h2.response,
  section.splash:nth-of-type(2n + 1):not(:first-child) .hero h3.response {
    left: auto;
    right: calc(50% + 240px);
  }
  section.splash:nth-of-type(2n + 1):not(:first-child) .hero .call {
    right: auto;
    left: calc(50% + 280px);
  }
  section.splash:nth-of-type(2n + 1):not(:first-child)
    .hero
    .call
    + .hero-image::before {
    right: calc(50% - 640px);
    left: auto;
  }
}

@media (min-width: 1480px) {
  .grid li {
    width: 25%;
  }
}

@media (min-width: 1700px) {
  .grid li {
    width: 20%;
  }
  .grid > header {
    margin-left: auto;
    margin-right: auto;
    max-width: 1580px;
    padding: 0 4px;
  }
  .grid .events-calendar {
    margin: 0 auto 64px;
    max-width: 1580px;
  }
}

/* override styles when printing */
@media print {

  .hero {
   display:none;
  }
	#masthead
	{
		display:none;
	}
	
	#masthead #logo img {
	  opacity: 1;
	}
	
	#relatedstories
	{
		display:none;
	}
	
	footer
	{
		display:none;
	}
	@page { margin: 0; }
}

#header-ctas li:not(:last-child) {
		margin: 0 26px 0 0!important;
	}
	  
	  .fa-search
	  {
	  	padding:5px; 
		border-radius: 25px;
	  }
	  
	  #searchForm::before
	  {
	  	background:none;
	  }
	  
	  #search-menu
	  {
	  	background-color: #454846;
		margin-top:19px;
		border-radius: 0 0 10px 10px;
		height:auto;
		display:flex;
	  }
	  
	  .si-active
	  {
	  	background-color: #454846;
		border-radius: 25px;
		color:#ffffff!important;
	  }
	      
	  
	  
	  #searchForm input[type="submit"]
	  {
	  	width:auto;
		font-size:20px;
		float:right;
		padding-top: 4px;
    	padding-bottom: 5px;
		color:#ffffff!important;
		margin-top:0px;
		}
	  
	#searchForm input
		{
			width: 257px;
		 	font-size: 16px;
			padding:10px;
			margin-top:0px;
			float:left;
		}
	  
	  #search-menu.collapse
	  {
	  	transition: opacity 0.7s, margin 0.7s;
	  	height:0!important;
		opacity:0;
		
	  }
	  
	  #searchForm
	  {
	  	padding:10px;
	  }
	@media screen and (min-width: 680px){
		.story-index li
		{
		width:100%;
		}
	}

	@media screen and (min-width: 1024px) {
		.story-index li
		{
		width:32.5%;
		}
	}