/* Fonts */

@font-face {
  font-family: "CeraPro";
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url('../fonts/CeraPro/italic_normal_bold.woff2') format('woff2'), url('f../onts/CeraPro/italic_normal_bold.woff') format('woff');
}
@font-face {
  font-family: "CeraPro";
  src: url('../fonts/CeraProMedium/font.woff2') format('woff2'), url('../fonts/CeraProMedium/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CeraPro";
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url('../fonts/CeraPro/italic_normal_normal.woff2') format('woff2'), url('../fonts/CeraPro/italic_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "CeraPro";
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  src: url('../fonts/CeraPro/normal_normal_bold.woff2') format('woff2'), url('../fonts/CeraPro/normal_normal_bold.woff') format('woff');
}
@font-face {
  font-family: "CeraPro";
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  src: url('../fonts/CeraPro/normal_normal_normal.woff2') format('woff2'), url('../fonts/CeraPro/normal_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "CeraPro";
  src: url('../fonts/CeraPROBlack/font.woff2') format('woff2'), url('../fonts/CeraPROBlack/font.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

body {
	font-family: "CeraPro", 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: .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, .5);
}
.search-highlight {
	background: rgba(48, 115, 71, .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, .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, .5);
}
.scheme-purple .gallery.strip::after {
    background: #442666;
}
.scheme-purple .gallery.strip > div::after {
	background: rgba(68, 38, 102, .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, .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, .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;
}
.scheme-orange.duo header, .duo .scheme-orange header {
	background: linear-gradient(to right, #b33a1e 0%,#f5681b 100%);
}
.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, .5);
}
.scheme-orange .gallery.strip::after {
    background: #f5681b;
}
.scheme-orange .gallery.strip > div::after {
	background: rgba(245, 104, 27, .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, .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 .3s, background .3s, box-shadow .2s, transform .2s, opacity .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 .3s, stroke .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 .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, .4);
	background: #fff;
	transition: height .5s, background .5s, box-shadow .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 .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/svg/arrow-fat.svg') no-repeat 50% 50%;
	vertical-align: top;
	transform: translate(16px, 0) rotate(90deg);
	transition: transform .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 .5s, opacity .7s, margin .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/svg/arrow-green.svg');
	margin: 4px;
}
#page-menu ul {
	transition: height .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 .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, .5);
}
.gallery.strip > div::after {
	right: 0;
	border-left: 4px solid #fff;
	width: 92px;
	background: rgba(48, 115, 71, .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 .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 .5s, padding .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 .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 .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 .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: 48px;
		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 .6s;
		overflow-y: auto;
		color: #fff;
	}
	#menu #menus-container ul {
		opacity: 0;
		transition: opacity 1.2s, height .5s, margin .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%;
	}
	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: .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,.3);
	}
	.scheme-orange .hero h2.response, .scheme-orange .hero h3.response, .scheme-orange .hero h2.page-title {
	    background: rgba(179, 58, 30, .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 .8s;
	}
	.hero-image {
		transition: opacity .2s;
	}
	.hero-image-interior {
		transition-delay: .4s;
	}
	.gallery {
		transition-delay: .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 .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 .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, .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') no-repeat 50% 50%;
		background-size: contain;
		z-index: 1;
		transition: opacity .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 .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: 26px;
	    height: 18px;
	    background: url('../images/svg/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 80px 13px 48px;
		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 .3s, background .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 .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 .8s;
	}
	#menu.active #main-menu::before {
		bottom: 0;
		transition-delay: .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: .6s;
	}
	#menu.active #constituents-menu {
		transition-delay: .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 .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: .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 .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 .5s, width .5s, box-shadow .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,.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 .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 .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, .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, .3);
	}
	.hero h2.response, .hero h3.response {
		width: 416px;
		right: 64px;
		transition-delay: .6s;
		transition: opacity .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 .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 .6s, bottom .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, .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 .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 .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 .4s, top .2s;
		transition-delay: .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 .2s;
		transform-origin: 50% 0;
	}
	.gallery.bar h3::before {
		top: 100%;
		left: 50%;
		height: 120px;
		transition-delay: .6s;
	}
	.gallery.bar h3::after {
		top: calc( 100% + 120px);
		left: 96px;
		height: 32px;
		transition-delay: .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 .8s;
		transform-origin: 50% 0;
	}
	.splash .content::after {
		transition: transform 1.2s;
	}
	.content .content-interior {
		transition: opacity .4s;
		transition-delay: .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: .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 .8s ease .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(4) {
		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 .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;
	}
	
}