@font-face {
  font-family: 'open_sans_300';
  src: url("/site/templates/fonts/OpenSans-300.woff2") format("woff2"), url("/site/templates/fonts/OpenSans-300.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'open_sans_300_italic';
  src: url("/site/templates/fonts/OpenSans-300-Italic.woff2") format("woff2"), url("/site/templates/fonts/OpenSans-300-Italic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'open_sans_700';
  src: url("/site/templates/fonts/OpenSans-700.woff2") format("woff2"), url("/site/templates/fonts/OpenSans-700.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'open_sans_700_italic';
  src: url("/site/templates/fonts/OpenSans-700-Italic.woff2") format("woff2"), url("/site/templates/fonts/OpenSans-700-Italic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

:root {
  --color-primary: #007096;
  --color-dark: #222222;
  --color-light: #fefefe;
  --color-secondary: #555555;
  --color-body-background: #e5e5e5;
  --color-border: #777777;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
}

article, aside, figure, footer, header, main, nav, section, time, picture {
  display: block;
}

time, picture {
  display: inline;
}

body, html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@page {
  margin: 2cm;
}

h1, h1 i, h2, h2 i, h3, h3 i, h4, h4 i, h5, h5 i, h6, h6 i {
  font-weight: 600;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
}

h1 {
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.2rem;
  line-height: 1.1;
}
h1 i {
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}
@media print {
  h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24pt;
    line-height: 1.3;
    text-transform: uppercase;
  }
  h1 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

h2 {
  text-transform: none;
  font-size: 2.2rem;
  line-height: 1.1;
}
.body-text h2  {
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}
h2 i {
  font-style: italic;
  text-transform: none;
}
@media print {
  h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18pt;
    line-height: 1.3;
  }
  h2 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

h3 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 1.1;
}
.body-text h3 {
  color:  var(--color-primary);
}
h3 i {
  font-style: italic;
  text-transform: none;
}
@media print {
  h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    line-height: 1.3;
  }
  h3 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

h4 {
  font-style: normal;
  text-transform: none;
  font-size: 1.4rem;
  line-height: 1.1;
}

h4 i {
  font-style: italic;
  text-transform: none;
}
@media print {
  h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    line-height: 1.3;
  }
  h4 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

h5 {
  font-style: normal;
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1.1;
  color: var(--color-secondary);
}
h5 i {
  font-style: italic;
  text-transform: none;
}
@media print {
  h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.3;
  }
  h5 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

h6 {
  font-style: normal;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.1;
}
h6 i {
  font-style: italic;
  text-transform: none;
}
@media print {
  h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10pt;
    line-height: 1.1;
  }
  h6 i {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

p {
  margin-top: 0;
  margin-bottom: 1.5em;
  margin-block-start: 0em !important;
  margin-block-end: 1.5em !important;
}

/* Display telephone numbers inline block so they break onto the same line */
a[href^="tel:"] {
  display: inline-block;
}

main .sibling-nav a {color: var(--color-dark);}

main ol, main ul {
    margin-block-start: 1em;
    margin-block-end: 1.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding-inline-end: 60px;
}
main li {
    padding-inline-start: 10px;
}

a img {
  border: 0;
  text-decoration: none;
}

blockquote {
  border-left: 3px solid var(--color-primary);
  font-size: 1rem;
  padding-left: 1em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body {
  background-color: var(--color-body-background);
  color: var(--color-dark);
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  font-size: 100%;
  margin: 0;
}

@media print {
  body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

body .skip a {
  background: #d22d2a;
  color: var(--color-light);
  font-size: 1.5rem;
  left: -10000;
  opacity: 0;
  padding: 0.2em 1em 0.4em 1em;
  position: absolute;
  top: 0;
  transition: opacity .7s ease;
  z-index: -100;
}

body .skip a:focus {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  z-index: 100;
}

@media print {
  body .skip {
    display: none;
  }
}

/* Pushy menu overwrites */
.pushy {
  border-left: 8px solid var(--color-primary);
  background:var(--color-light);
}
.pushy a {
  color: var(--color-dark);
	padding: 0;
	text-decoration: none;
}
.pushy a:hover {
	color: var(--color-dark);
}
.pushy ul:first-child {
	margin-top: 0;
}
.pushy-submenu button {
	color: var(--color-dark);
}
.pushy-submenu button:hover {
	color: var(--color-primary);
}
.pushy-submenu>a:after,
.pushy-submenu>button:after {
  background: url("/site/templates/images/arrow.svg") no-repeat;
}

.no-js body .pushy {
  display: none;
}

@media print {
  body .pushy {
    display: none;
  }
}

body .pushy .pushy-content {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'close' 'nav' 'newsletter' 'social';
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  padding: 0.2em 2.5em;
}

body .pushy .pushy-content .pushy-link.close-btn {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: close;
  -ms-grid-column-align: end;
  justify-self: end;
  background-color: transparent;
  border: none;
  color: var(--color-dark);
  padding: 1em;
  margin: 0 -2.5em 0 0;
}

body .pushy .pushy-content .pushy-link.close-btn img {
  margin: 0;
  padding: 0;
  width: 1.2em;
}

body .pushy .pushy-content ul.main-nav {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: nav;
  border-bottom: 1px solid var(--color-primary);
  list-style-type: none;
  margin: 0;
  padding: 0 0 1.5em 0;
}

body .pushy .pushy-content ul.main-nav a {
  border-bottom: 1px solid var(--color-light);
  display: inline-block;
}

body .pushy .pushy-content ul.main-nav a:hover, body .pushy .pushy-content ul.main-nav a:focus {
  border-bottom: 1px solid var(--color-primary);
}

body .pushy .pushy-content ul.main-nav button {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  padding: 0;
  /*width:30px;*/
}

body .pushy .pushy-content ul.main-nav button .btn-title {
  border-bottom: 1px solid var(--color-light);
}

body .pushy .pushy-content ul.main-nav button:hover .btn-title, body .pushy .pushy-content ul.main-nav button:focus .btn-title {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-dark);
}

body .pushy .pushy-content ul.main-nav .pushy-link, body .pushy .pushy-content ul.main-nav .pushy-submenu {
  margin: 0;
  padding: 0.4em 0 0.5em 0;
}

body .pushy .pushy-content ul.main-nav ul {
  list-style-type: none;
  margin-left: 0.8em;
}

body .pushy .pushy-content .newsletter {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: newsletter;
  border-bottom: 1px solid var(--color-primary);
  padding: 1.5em 0;
}
body .pushy .pushy-content .newsletter .alert {
  display: none;
}

body .pushy .pushy-content .newsletter form {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-row-align: center;
  align-items: center;
  grid-template-areas: 'subscribe-label' 'subscribe-input' 'subscribe-button';
  margin: 0;
  padding: 0;
}

body .pushy .pushy-content .newsletter form label {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: subscribe-label;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 0 1em 0;
  padding: 0;
}

body .pushy .pushy-content .newsletter form input {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: subscribe-input;
  background-color: var(--color-light);
  border: 1px solid var(--color-border);
  color: var(--color-dark);
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0.8em;
  width: 100%;
}

body .pushy .pushy-content .newsletter form button {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: subscribe-button;
  -ms-grid-column-align: start;
  justify-self: start;
  background-color: var(--color-dark);
  border: none;
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 0.5em 0;
  padding: 0.8em 2.5em;
  width: 100%;
}

body .pushy .pushy-content .newsletter form button svg {
  fill: var(--color-light);
  height: 0.8rem;
  margin-bottom: -0.1em;
  opacity: 0.8;
}

body .pushy .pushy-content .keep-in-touch {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  grid-area: social;
  padding: 1.5em 0 0 0;
}

body .pushy .pushy-content .keep-in-touch h1 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 0 1em 0;
  padding: 0;
}

body .pushy .pushy-content .keep-in-touch .narrow {
  display: none;
}

body .pushy .pushy-content .keep-in-touch .wide {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  width: 100%;
}

body .pushy .pushy-content .keep-in-touch .wide ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body .pushy .pushy-content .keep-in-touch .wide ul li {
  margin: 0 0 0.4em 0;
  padding: 0;
  width: 100%;
}

body .pushy .pushy-content .keep-in-touch .wide ul li a {
  text-decoration: none;
}

body .pushy .pushy-content .keep-in-touch .wide ul li a .social-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

body .pushy .pushy-content .keep-in-touch .wide ul li a .social-icon svg {
  fill: var(--color-dark);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

body .pushy .pushy-content .keep-in-touch .wide ul li a .social-text {
  font-size: 1rem;
  margin-left: 0.2em;
}

body .pushy .pushy-content .keep-in-touch .wide ul.col1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  justify-self: start;
}

body .pushy .pushy-content .keep-in-touch .wide ul.col2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  justify-self: end;
}

.body-wrapper {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'alert' 'header' 'main' 'footer';
  background-color: var(--color-light);
  margin: 0 auto;
  max-width: 100%;
}

@media print {
  .body-wrapper {
    display: block;
  }
}

header {
  border-bottom: 1px solid var(--color-border);
  font-size: 1.1rem;
  text-align: right;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: header;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'logo-social-tagline' 'nav-search-menu' 'banner-image';
}

@media print {
  header {
    display: block;
    border-bottom: 1px solid var(--color-dark);
  }
}

header .logo-social-tagline {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: logo-social-tagline;
  display: -ms-grid;
  -ms-grid-columns: auto 1fr auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: 'logo social tagline';
  align-items: center;
}

@media screen and (max-width: 75em) {
  header .logo-social-tagline {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'logo tagline';
  }
}

@media screen and (max-width: 44em) {
  header .logo-social-tagline {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'logo' 'tagline';
  }
}

@media print {
  header .logo-social-tagline {
    display: block;
  }
}

header .logo-social-tagline .logo {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: logo;
  -ms-grid-row-align: start;
  align-self: start;
  margin: 0;
  padding: 1.2em;
}

@media print {
  header .logo-social-tagline .logo {
    text-align: center;
    padding: 0;
  }
}

header .logo-social-tagline .logo a:focus {
  outline: none;
}

header .logo-social-tagline .logo a:focus img {
  transform: scale(1.1);
}

header .logo-social-tagline .logo img {
  display: block;
  margin: 0;
  padding: 0;
  transition: transform .7s ease;
  height: 75px;
  width: auto;
}

@media screen and (max-width: 52em) {
  header .logo-social-tagline .logo img {
    width: 100%;
  }
}

.no-cssgrid header .logo-social-tagline .logo img {
  width: 130%;
}

@media screen and (max-width: 75em) {
  .no-cssgrid header .logo-social-tagline .logo img {
    width: 80%;
  }
}

@media screen and (max-width: 52em) {
  .no-cssgrid header .logo-social-tagline .logo img {
    width: 100%;
  }
}

@media print {
  header .logo-social-tagline .logo img {
    margin: 0 auto;
    width: 10cm;
  }
}

header .logo-social-tagline .social {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: social;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'facebook twitter instagram linkedin youtube';
  grid-gap: 0.4em;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}
header .logo-social-tagline .social a:hover {
  opacity:  0.8;
}

@media screen and (max-width: 75em) {
  header .logo-social-tagline .social {
    display: none;
  }
}

@media print {
  header .logo-social-tagline .social {
    display: none;
  }
}

header .logo-social-tagline .social a {
  /*background-color:$socialgrey; border-radius:50%;*/
  display: block;
  height: 24px;
  margin: 0 12px 0 0;
  padding: 0;
  width: 24px;
}

header .logo-social-tagline .social a svg {
  fill: var(--color-secondary);
  height: 100%;
  margin: 0;
  padding: 0;
  transition: transform .7s ease;
  width: 100%;
}

header .logo-social-tagline .social a svg symbol {
  fill: var(--color-secondary);
}

header .logo-social-tagline .social a:focus {
  outline: none;
}

header .logo-social-tagline .social a:focus svg {
  fill: var(--color-dark);
  outline: none;
  transform: scale(1.2);
}

header .logo-social-tagline .social a.facebook {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: facebook;
}

header .logo-social-tagline .social a.twitter {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: twitter;
}

header .logo-social-tagline .social a.instagram {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: instagram;
}

header .logo-social-tagline .social a.linkedin {
  -ms-grid-column: 4;
  -ms-grid-row: 1;
  grid-area: linkedin;
}

header .logo-social-tagline .social a.youtube {
  -ms-grid-column: 5;
  -ms-grid-row: 1;
  grid-area: youtube;
}

header .logo-social-tagline .tagline {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: tagline;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
  font-family: "bebas-neue-pro",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.3rem;
  padding: 0 1em 0 2.5em;
}

header .logo-social-tagline .tagline strong {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

@media screen and (max-width: 75em) {
  header .logo-social-tagline .tagline {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

@media screen and (max-width: 52em) {
  header .logo-social-tagline .tagline {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 44em) {
  header .logo-social-tagline .tagline {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-align: center;
    justify-self: center;
    border-top: 1px solid var(--color-border);
    font-size: 1.2rem;
    margin: 0 auto;
    padding: 0.8em 0;
    text-align: center;
    width: 93%;
  }
}

@media print {
  header .logo-social-tagline .tagline {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    margin: 0;
    padding: 12px 0;
    text-align: center;
    width: 100%;
  }
}

header .nav-search-menu {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: nav-search-menu;
  display: -ms-grid;
  -ms-grid-columns: 1fr 300px auto;
  -ms-grid-rows: 1fr;
  display: grid;
  grid-template-columns: 1fr 300px auto;
  grid-template-rows: auto;
  grid-template-rows: 1fr;
  grid-template-areas: 'topnav search menu';
  align-items: center;
  background-color: var(--color-dark);
  color: var(--color-light);
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 77em) {
  header .nav-search-menu {
    display: -ms-grid;
    -ms-grid-columns: 300px 1fr auto;
    -ms-grid-rows: 1fr 1fr;
    display: grid;
    grid-template-columns: 300px 1fr auto;
    grid-template-rows: auto;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 'topnav topnav topnav' 'search . menu';
  }
}

@media screen and (max-width: 52em) {
  header .nav-search-menu {
    display: -ms-grid;
    -ms-grid-columns: 300px 1fr auto;
    -ms-grid-rows: auto;
    display: grid;
    grid-template-columns: 300px 1fr auto;
    grid-template-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: 'search . menu';
  }
}

@media screen and (max-width: 44em) {
  header .nav-search-menu {
    display: -ms-grid;
    -ms-grid-columns: 1fr auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
  }
}

@media print {
  header .nav-search-menu {
    display: none;
  }
}

header .nav-search-menu .topnav {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: topnav;
  -ms-grid-row-align: center;
}

@media screen and (max-width: 77em) {
  header .nav-search-menu .topnav {
    -ms-grid-column-span: 3;
    border-bottom: 1px solid var(--color-light);
  }
}

@media screen and (max-width: 52em) {
  header .nav-search-menu .topnav {
    display: none;
  }
}

header .nav-search-menu .topnav ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0.6em 0.8em;
  padding: 0;
}

header .nav-search-menu .topnav ul li {
  align-items: center;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  margin: 0 0.8em;
}

header .nav-search-menu .topnav ul li a {
  color: var(--color-light);
  text-decoration: none;
}

header .nav-search-menu .topnav ul li a:hover, 
header .nav-search-menu .topnav ul li a:focus {
  color: var(--color-light);
  border-bottom: 2px solid var(--color-primary) !important;
}
header .nav-search-menu .topnav ul li a:focus {
  outline: 1px solid var(--color-primary);
  outline-offset: 0.5em;
}

header .nav-search-menu .topnav ul li.current a {
  border-bottom: 2px solid var(--color-border);
}

@media screen and (max-width: 55em) {
  header .nav-search-menu .topnav ul li {
    font-size: 1rem;
  }
}

header .nav-search-menu .searchbox {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: search;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-content: end;
  border-left: 1px solid var(--color-border);
  height: 100%;
  margin: 0;
  padding: 0 2em;
}

@media screen and (max-width: 77em) {
  header .nav-search-menu .searchbox {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-align: start;
    justify-content: start;
    border-left: none;
    padding: 0 1.3em;
  }
}

@media screen and (max-width: 52em) {
  header .nav-search-menu .searchbox {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
}

header .nav-search-menu .searchbox form.search {
  display: -ms-grid;
  -ms-grid-columns: 1fr 30px;
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-template-rows: auto;
  grid-template-areas: 'searchfield searchbutton';
  font-size: 1em;
  margin: 0;
  padding: 0;
}

header .nav-search-menu .searchbox form.search input {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: searchfield;
  background-color: var(--color-dark);
  border: none;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-light);
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  -ms-grid-column-align: end;
  justify-self: end;
  margin: 0 0 0.6em 0;
  padding: 0.5em 0.8em;
}

header .nav-search-menu .searchbox form.search input#search {
  width: 100%;
}

header .nav-search-menu .searchbox form.search .searchbtn {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: searchbutton;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -ms-grid-row-align: center;
  -ms-grid-column-align: start;
  align-self: center;
  justify-self: start;
  margin: 0 0 0 0.6em;
  opacity: 0.9;
  padding: 0;
}

header .nav-search-menu .searchbox form.search .searchbtn img {
  width: 100%;
}

header .nav-search-menu .menu-btn {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: menu;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-content: end;
  background-color: var(--color-primary);
  border: none;
  color: var(--color-light);
  font-family: "bebas-neue-pro",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
  height: 100%;
  padding: 0 0.8em;
  text-decoration: none;
}

header .nav-search-menu .menu-btn img {
  margin: 0 0 -0.2em 0.25em;
  width: 1.2em;
}

@media screen and (max-width: 77em) {
  header .nav-search-menu .menu-btn {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
  }
}

@media screen and (max-width: 52em) {
  header .nav-search-menu .menu-btn {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
  }
}

@media screen and (max-width: 44em) {
  header .nav-search-menu .menu-btn {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}

header .banner-image {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  grid-area: banner-image;
}

@media print {
  header .banner-image {
    display: none;
  }
}

header .banner-image figure {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

header .banner-image figure img.bannerimg {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  aspect-ratio: 2.5;
  object-fit: cover;
}

@media screen and (max-width: 44em) {
  header .banner-image figure img.bannerimg {
    aspect-ratio: 0.86;
  }
}

.aaplogo {
  max-width: 25vw;
  bottom: 4em;
  height: auto;
  position: absolute;
  right: 2em;
  opacity: 0.4;
  width: 300px;
  z-index: 1000;
}

@media screen and (max-width: 83em) {
  .aaplogo {
    right: 2em;
    width: 220px;
  }
}

@media screen and (max-width: 75em) {
  .aaplogo {
    width: 190px;
  }
}

@media screen and (max-width: 44em) {
  .aaplogo {
    bottom: 5em;
    right: 1.5em;
    width: 160px;
  }
}

header .banner-image figure figcaption {
  border-bottom: 1px solid var(--color-border);
  font-size: 1.1rem;
  padding: 0.2em 0.8em 0.3em 0.8em;
  text-align: right;
}

.image-caption {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

@media screen and (max-width: 44em) {
  .image-caption {
    display: block;
  }
}

.image-photographer {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}

@media screen and (max-width: 44em) {
  .image-photographer {
    display: block;
  }
}

@media screen and (max-width: 44em) {
  header .banner-image figure figcaption {
    text-align: left;
  }
}

main {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: main;
  display: -ms-grid;
  -ms-grid-columns: 1fr 900px 300px 1fr;
  display: grid;
  grid-template-columns: 1fr 900px 300px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article sibling-nav .';
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 83em) {
  main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article' 'sibling-nav';
  }
}

@media print {
  main {
    display: block;
  }
}

@media screen and (max-width: 83em) {
  main #FormBuilderViewport_page_rating {
    padding-left: 1.5em;
  }
}

@media print {
  main #FormBuilderViewport_page_rating {
    display: none;
  }
}

main .filetype {
  background-color: var(--color-dark);
  color: var(--color-light);
  display: inline-block;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 0.9em;
  letter-spacing: 0.06em;
  line-height: 1em;
  margin-right: 0.3em;
  padding: 0.2em 0.4em;
  position: relative;
  top: -0.1em;
}

main .filetype.inline {
  margin: 0;
}

@media print {
  main .filetype {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

main .video-wrapper {
  --plyr-color-main:var(--color-primary);
}
.plyr__video-wrapper {
  container-type: inline-size;
}
.plyr__video-wrapper video {
  width: 100%;
  /* max-aspect ratio of 4:3 based on max possible size of a video across breakpoints */
  max-height: calc(1220px * 0.75);
  /* creates a max aspect ratio of 4:3 using container queries for the browsers that support them */
  max-height: 75cqw;
}

main .hover-nav-item {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  color: var(--color-dark);
  position: relative;
  text-decoration: none;
  overflow-y: hidden;
}

.no-cssgrid main .hover-nav-item {
  flex: 0 1 48%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid main .hover-nav-item {
    flex: 0 1 93%;
    margin: 0 0.8em 0.8em 0;
  }
}

@media print {
  main .hover-nav-item {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

main .hover-nav-item .img-box img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 44em) {
  main .hover-nav-item .img-box {
    padding-bottom: 56.25%;
    /* ratio 16/9 */
    position: relative;
    width: 100%;
  }
  main .hover-nav-item .img-box img {
    object-fit: cover;
    position: absolute;
  }
}

main .hover-nav-item .item-text {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 100% 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-rows: 100% 0;
  grid-template-areas: 'item-title';
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  transition: all 500ms;
  width: 100%;
  z-index: 2;
}

main .hover-nav-item .item-text .item-title {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: item-title;
  background-color: rgba(254, 254, 254, 0.8);
  font-size: 1.26rem;
  padding: 0.5rem 1.2rem;
  transition: transform 500ms;
  width: 100%;
}

@media screen and (max-width: 55em) {
  main .hover-nav-item .item-text .item-title {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 52em) {
  main .hover-nav-item .item-text .item-title {
    font-size: 1rem;
  }
}

@media screen and (max-width: 44em) {
  main .hover-nav-item .item-text .item-title {
    font-size: 1.26rem;
  }
}

@media print {
  main .hover-nav-item .item-text .item-title {
    font-size: 13pt;
  }
}

main .hover-nav-item .item-text .item-description {
  font-size: 1.14rem;
  opacity: 0;
  margin: 0;
  padding: 0.5rem 1.2rem 2rem 1.2rem;
  transition: transform 500ms;
  transition: opacity ease 500ms;
  width: 100%;
}

.no-cssgrid main .hover-nav-item .item-text .item-description {
  height: 0;
  padding: 0;
}

@media screen and (max-width: 55em) {
  main .hover-nav-item .item-text .item-description {
    font-size: 1rem;
  }
}

@media screen and (max-width: 52em) {
  main .hover-nav-item .item-text .item-description {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 44em) {
  main .hover-nav-item .item-text .item-description {
    font-size: 1.14rem;
  }
}

@media print {
  main .hover-nav-item .item-text .item-description {
    font-size: 11pt;
  }
}

main .hover-nav-item:after {
  background-color: rgba(254, 254, 254, 0.8);
  border-bottom: 6px solid var(--color-primary);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 500ms;
  width: 100%;
  z-index: 1;
}

main .hover-nav-item:hover .item-text, main .hover-nav-item:focus .item-text {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-template-areas: 'item-title' 'item-description';
}

main .hover-nav-item:hover .item-text .item-title, main .hover-nav-item:focus .item-text .item-title {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  background-color: rgba(254, 254, 254, 0);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

main .hover-nav-item:hover .item-text .item-description, main .hover-nav-item:focus .item-text .item-description {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: item-description;
  opacity: 1;
}

.no-cssgrid main .hover-nav-item:hover .item-text .item-description, .no-cssgrid main .hover-nav-item:focus .item-text .item-description {
  height: auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}

main .hover-nav-item:hover:after, main .hover-nav-item:focus:after {
  transform: translate3d(0, 0, 0);
}

main .hover-nav-item .item-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(254, 254, 254, 0.9);
  border-bottom: 6px solid var(--color-primary);
  height: 100%;
  position: absolute;
  top: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 500ms;
  width: 100%;
}

main .hover-nav-item .item-overlay .item-title {
  background-color: rgba(254, 254, 254, 0.9);
  display: block;
  margin: 0;
  padding: 1rem;
  transform: translate3d(0, -100%, 0);
  transition: transform 500ms;
}

main .hover-nav-item .item-overlay .item-description {
  flex-grow: 1;
  font-size: 1.2rem;
  padding: 1rem;
  opacity: 0;
  transition: opacity 700ms ease;
}

.home main {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'special-banner' 'news-webcams' 'key-pages' 'projects' 'work-with-us' 'advert-block' 'other-resources' 'social-snapshot';
  padding: 0;
}

@media print {
  .home main {
    display: block;
  }
}

.home main .special-banner {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: special-banner;
}
	.home main .special-banner img {
	  display: block;
	  /*margin: 2rem 0 0 0;*/
	  padding: 0;
	  width: 100%;
	}

.home main .news-webcams {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: news-webcams;
}

.home main .key-pages {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: key-pages;
}

.home main .projects {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  grid-area: projects;
}

.home main .work-with-us {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
  grid-area: work-with-us;
}

.home main .advert-block {
  -ms-grid-column: 1;
  -ms-grid-row: 6;
  grid-area: advert-block;
}

.home main .other-resources {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
  grid-area: other-resources;
}

.home main .social-snapshot {
  -ms-grid-column: 1;
  -ms-grid-row: 8;
  grid-area: social-snapshot;
}

.home main .news-webcams {
  display: -ms-grid;
  -ms-grid-columns: 3fr 1fr;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'latest-news webcams';
  border-bottom: 1px solid var(--color-border);
  margin: 3rem 2rem;
  padding: 0 0 4em 0;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'latest-news' 'webcams';
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
}

@media print {
  .home main .news-webcams {
    border-bottom: none;
    display: block;
    margin: 1cm 0 0 0;
    padding: 0;
  }
}

.home main .news-webcams .latest-news {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: latest-news;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading more' 'items items';
  -ms-grid-row-align: start;
  align-self: start;
  margin: 0;
  padding: 0 1.5em 0 0;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .latest-news {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'heading' 'items' 'more';
    border-bottom: 1px solid var(--color-border);
    margin: 1.5em auto 0 auto;
    padding: 2em;
    width: 98%;
  }
}

@media print {
  .home main .news-webcams .latest-news {
    border-bottom: 1px solid var(--color-border);
    display: block;
    margin: 0;
    padding: 0 0 1cm 0;
    width: 100%;
  }
}

@media screen and (max-width: 52em) {
  .home main .news-webcams .latest-news {
    padding: 2em 0;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .latest-news {
    padding: 2em 0;
  }
}

.home main .news-webcams .latest-news h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .latest-news h1 {
    margin: 0 auto;
    width: 93%;
  }
}

.home main .news-webcams .latest-news .more-news {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: more;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
}

.home main .news-webcams .latest-news .more-news a {
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
}

.home main .news-webcams .latest-news .more-news a:hover, .home main .news-webcams .latest-news .more-news a:focus {
  border-bottom: 1px solid var(--color-primary);
}

@media print {
  .home main .news-webcams .latest-news .more-news a {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

.home main .news-webcams .latest-news .more-news:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .latest-news .more-news {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-align: start;
    justify-self: start;
    padding: 1.5em 0 0 0;
  }
  .home main .news-webcams .latest-news .more-news a {
    border-bottom: 1px solid var(--color-border);
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .latest-news .more-news {
    margin: 0 auto;
    width: 93%;
  }
}

@media print {
  .home main .news-webcams .latest-news .more-news {
    display: none;
  }
}

.home main .news-webcams .latest-news .news-index {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: items;
  -ms-grid-column-span: 2;
  grid-gap: 1em;
  list-style-type: none;
  margin: 0;
  padding: 3em 0 0 0;
  width: 100%;
}

.no-cssgrid .home main .news-webcams .latest-news .news-index {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .latest-news .news-index {
    display: grid;
    grid-template-columns: 80% 80% 80%;
    grid-template-rows: auto;
    grid-gap: 0;
    -ms-grid-column-span: 1;
    overflow-y: hidden;
    padding: 1.5rem 1.5rem 1.5rem 1.2rem;
  }
}

@media print {
  .home main .news-webcams .latest-news .news-index {
    padding: 0.5cm 0 0 0;
  }
}

.home main .news-webcams .latest-news .news-index a {
  color: var(--color-dark);
  display: block;
  height: 100%;
  text-decoration: none;
}

.no-cssgrid .home main .news-webcams .latest-news .news-index a {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .latest-news .news-index a {
    border-right: 1.5rem solid var(--color-light);
  }
  .no-cssgrid .home main .news-webcams .latest-news .news-index a {
    flex: 0 1 80%;
    margin: 0 0.8em 0.8em 0;
  }
}

.home main .news-webcams .latest-news .news-index a .news-image {
  width: 100%;
}

.home main .news-webcams .latest-news .news-index a .news-image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .news-webcams .latest-news .news-index a .news-text p {
  padding: 0;
  margin: 0;
}

.home main .news-webcams .latest-news .news-index a .news-text .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  padding-top: 0.5em;
}

@media print {
  .home main .news-webcams .latest-news .news-index a .news-text .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

.home main .news-webcams .latest-news .news-index a .news-text .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  padding-top: 0.5em;
}

@media print {
  .home main .news-webcams .latest-news .news-index a .news-text .date {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

.home main .news-webcams .latest-news .news-index a:hover, .home main .news-webcams .latest-news .news-index a:focus {
  color: var(--color-secondary);
}

.home main .news-webcams .latest-news .news-index a.has-video .news-image {
  position: relative;
}

.home main .news-webcams .latest-news .news-index a.has-video .news-image:after {
  background-color: var(--color-primary);
  background-image: url("/site/templates/images/play-transparent.png");
  background-position: top left;
  background-size: cover;
  content: '';
  border-radius: 50% 50%;
  height: 50px;
  bottom: 0.5em;
  right: 0.5em;
  position: absolute;
  width: 50px;
}

@media print {
  .home main .news-webcams .latest-news .news-index a.has-video .news-image:after {
    display: none;
  }
}

.home main .news-webcams .webcams {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: webcams;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading more' 'image image' 'links links';
  -ms-grid-row-align: start;
  align-self: start;
  border-left: 1px solid var(--color-border);
  margin: 0;
  padding: 0 0 0 1.5em;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto auto 1fr;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: 'heading image' 'links image' 'more image';
    border-bottom: 1px solid var(--color-border);
    border-left: none;
    margin: 1.5em auto 0 auto;
    padding: 2em 2em 3.5em 2em;
    width: 98%;
  }
}

@media screen and (max-width: 52em) {
  .home main .news-webcams .webcams {
    padding: 2em 0 3.5em 0;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .webcams {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'heading' 'image' 'links' 'more';
    margin: 0 auto;
    padding: 0;
  }
}

@media print {
  .home main .news-webcams .webcams {
    border-left: none;
    display: block;
    margin: 0.5cm 0;
    padding: 0;
    width: 100%;
  }
}

.home main .news-webcams .webcams h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams h1 {
    -ms-grid-row-align: start;
    align-self: start;
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .webcams h1 {
    margin: 0 auto 0.8em auto;
    padding: 1.5em 0 0 0;
    width: 93%;
  }
}

@media print {
  .home main .news-webcams .webcams h1 {
    font-size: 18pt;
    margin: 0 0 0.2cm 0;
    padding: 0;
    width: 100%;
  }
}

.home main .news-webcams .webcams .more-webcams {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: more;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
}

.home main .news-webcams .webcams .more-webcams a {
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
}

.home main .news-webcams .webcams .more-webcams a:hover, .home main .news-webcams .webcams .more-webcams a:focus {
  border-bottom: 1px solid var(--color-primary);
}

.home main .news-webcams .webcams .more-webcams:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams .more-webcams {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-align: start;
    align-self: start;
    -ms-grid-column-align: start;
    justify-self: start;
    padding: 1.5em 0 0 0;
  }
  .home main .news-webcams .webcams .more-webcams a {
    border-bottom: 1px solid var(--color-border);
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .webcams .more-webcams {
    margin: 0 auto 2em auto;
    padding-left: 1rem;
    width: 93%;
  }
}

@media print {
  .home main .news-webcams .webcams .more-webcams {
    display: none;
  }
}

.home main .news-webcams .webcams .webcam-img {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: image;
  -ms-grid-column-span: 2;
  max-width: 100vw;
}

.home main .news-webcams .webcams .webcam-img img {
  margin: 0;
  padding: 3em 0 0 0;
  width: 100%;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams .webcam-img {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 3;
    padding: 0;
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .webcams .webcam-img {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

@media print {
  .home main .news-webcams .webcams .webcam-img {
    display: none;
  }
}

.home main .news-webcams .webcams .webcam-links {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: links;
  -ms-grid-column-span: 2;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'col1 col2';
  margin-top: 1em;
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams .webcam-links {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 2em;
  }
}

@media screen and (max-width: 44em) {
  .home main .news-webcams .webcams .webcam-links {
    margin: 0 auto;
    padding: 1rem;
    width: 93%;
  }
}

@media print {
  .home main .news-webcams .webcams .webcam-links {
    margin-top: 0;
  }
}

.home main .news-webcams .webcams .webcam-links .col1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: col1;
}

.home main .news-webcams .webcams .webcam-links .col2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: col2;
}

.home main .news-webcams .webcams .webcam-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.home main .news-webcams .webcams .webcam-links ul li {
  margin: 0 0.5em 0.5em 0;
}

.home main .news-webcams .webcams .webcam-links ul li a {
  border-bottom: 1px solid var(--color-light);
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.15rem;
  text-decoration: none;
  transition: border-color 1s ease;
}

.home main .news-webcams .webcams .webcam-links ul li a:hover, .home main .news-webcams .webcams .webcam-links ul li a:focus {
  border-bottom: 1px solid var(--color-primary);
}

@media screen and (max-width: 75em) {
  .home main .news-webcams .webcams .webcam-links ul li a {
    font-size: 1.2rem;
  }
}

@media print {
  .home main .news-webcams .webcams .webcam-links ul li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

.home main .key-pages {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 2fr;
  -ms-grid-rows: auto 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'about-us science about-ant' 'operations operations about-ant';
  grid-gap: 0;
  border-bottom: 1px solid var(--color-border);
  margin: 3rem 2rem;
  padding: 0 0 6em 0;
}

@media screen and (max-width: 75em) {
  .home main .key-pages {
    border-bottom: none;
    padding: 0;
  }
}

@media screen and (max-width: 52em) {
  .home main .key-pages {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: 'about-us' 'science' 'operations' 'about-ant';
    grid-gap: 1em;
    margin: 0 auto 3em auto;
    padding: 3em 0;
    width: 93%;
  }
  .home main .key-pages a .img-box {
    padding-bottom: 56.25%;
    /* ratio 16/9 */
    position: relative;
    width: 100%;
  }
  .home main .key-pages a .img-box img {
    object-fit: cover;
    position: absolute;
  }
}

@media print {
  .home main .key-pages {
    border-bottom: none;
    border-top: 1px solid var(--color-border);
    display: block;
    margin: 0 0 1cm 0;
    padding: 1cm 0;
    display: block;
  }
  .home main .key-pages a .img-box {
    display: none;
  }
  .home main .key-pages a .item-text {
    display: block;
    position: relative;
  }
  .home main .key-pages a .item-text .item-title {
    font-weight: bold;
    padding: 0;
  }
  .home main .key-pages a .item-text .item-description {
    opacity: 1;
    padding: 0 0 0.2cm 0;
  }
}

.home main .key-pages #page-about-us {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: about-us;
}

.home main .key-pages #page-science {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: science;
}

@media screen and (max-width: 52em) {
  .home main .key-pages #page-science {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

.home main .key-pages #page-operations {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-column-span: 2;
  grid-area: operations;
}

@media screen and (max-width: 52em) {
  .home main .key-pages #page-operations {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-span: 1;
  }
}

.home main .key-pages #page-about-ant {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-area: about-ant;
  background-size: cover;
  background-position: center center;
}

.home main .key-pages #page-about-ant .img-box {
  display: none;
}

@media screen and (max-width: 52em) {
  .home main .key-pages #page-about-ant {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    background-size: 1px 1px;
  }
  .home main .key-pages #page-about-ant .img-box {
    display: block;
  }
}

.no-cssgrid .home main .key-pages .hover-nav-item {
  display: inline-block;
  margin: 0;
}

.home main .projects {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading' 'items';
  margin: 2rem 2rem;
}

@media screen and (max-width: 75em) {
  .home main .projects {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 0 auto;
    padding: 3em 2em 0 2em;
    width: 98%;
  }
}

@media screen and (max-width: 52em) {
  .home main .projects {
    padding: 3em 0 0 0;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .home main .projects {
    margin: 0 auto;
  }
}

@media print {
  .home main .projects {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    display: block;
    margin: 1cm 0;
    padding: 1cm 0;
    display: block;
    width: 100%;
  }
  .home main .projects a .img-box {
    display: none;
  }
  .home main .projects a .item-text {
    display: block;
    position: relative;
  }
  .home main .projects a .item-text .item-title {
    font-weight: bold;
    padding: 0;
  }
  .home main .projects a .item-text .item-description {
    opacity: 1;
    padding: 0 0 0.2cm 0;
  }
}

.home main .projects h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0;
  padding: 0;
}

.home main .projects .project-wrapper {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: items;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  border-bottom: 1px solid var(--color-border);
  margin: 3rem 0 0 0;
  padding: 0 0 6em 0;
}

.no-cssgrid .home main .projects .project-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.no-cssgrid .home main .projects .project-wrapper .hover-nav-item {
  flex: 0 1 23%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 73em) {
  .no-cssgrid .home main .projects .project-wrapper .hover-nav-item {
    flex: 0 1 46%;
    margin: 0 0.8em 0.8em 0;
  }
}

@media screen and (max-width: 44em) {
  .no-cssgrid .home main .projects .project-wrapper .hover-nav-item {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

@media screen and (max-width: 75em) {
  .home main .projects .project-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    border-bottom: none;
    margin: 1.5rem 0 0 0;
    padding: 0 0 4em 0;
  }
}

@media screen and (max-width: 44em) {
  .home main .projects .project-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 0;
    padding: 1.5em 0 4em 0;
  }
  .home main .projects .project-wrapper .hover-nav-item .img-box {
    padding-bottom: 56.25%;
    /* ratio 16/9 */
    position: relative;
    width: 100%;
  }
  .home main .projects .project-wrapper .hover-nav-item .img-box img {
    object-fit: cover;
    position: absolute;
  }
}

@media print {
  .home main .projects .project-wrapper {
    border-bottom: none;
    display: block;
    margin: 0;
    padding: 1cm 0 0 0;
  }
}

.home main .work-with-us {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-border);
  margin: 3rem 2rem;
  padding: 0 0 5em 0;
}

@media screen and (max-width: 75em) {
  .home main .work-with-us {
    margin: 3rem auto 0 auto;
    padding: 0 1.5em 3em 1.5em;
    width: 98%;
  }
}

@media screen and (max-width: 55em) {
  .home main .work-with-us {
    border-bottom: none;
  }
}

@media print {
  .home main .work-with-us {
    display: none;
  }
}

.home main .work-with-us h1 {
  margin: 0 0 1.2em 0;
  padding: 0;
}

@media screen and (max-width: 52em) {
  .home main .work-with-us h1 {
    -ms-grid-col-span: 1;
    margin: 0.8em auto;
    width: 93%;
  }
}

.home main .work-with-us figure {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: jobs-video;
  padding: 0;
  margin: 0 2em 0 0;
}
.home main .work-with-us figure {
  transition-property: filter;
  transition-duration: 200ms;
}
.home main .work-with-us figure:hover {
  filter: contrast(105%) brightness(1.05);
}

.home main .work-with-us figure img {
  width: 100%;
}

@media screen and (max-width: 75em) {
  .home main .work-with-us figure {
    margin: 0 1em 0 0;
  }
}

@media screen and (max-width: 52em) {
  .home main .work-with-us figure {
    margin: 0 0 1em 0;
  }
}

@media print {
  .home main .work-with-us figure {
    margin: 0 1em 0 0;
  }
}

.home main .work-with-us .link-social {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-area: link-social;
}

@media screen and (max-width: 52em) {
  .home main .work-with-us .link-social {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    margin: 0 auto;
    width: 93%;
  }
}

.home main .work-with-us .link-social .jobs-link {
  color: var(--color-dark);
  text-decoration: none;
}

.home main .work-with-us .link-social .jobs-link img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .work-with-us .link-social .jobs-link .link-text {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.5rem;
  padding: 1.5rem 1rem 2.5rem 1rem;
}

@media screen and (max-width: 75em) {
  .home main .work-with-us .link-social .jobs-link .link-text {
    font-size: 1.2rem;
    padding: 0.5rem 0 1rem 0;
  }
}

@media screen and (max-width: 52em) {
  .home main .work-with-us .link-social .jobs-link .link-text {
    font-size: 1.5rem;
    padding: 1rem 0 2rem 0;
  }
}

@media print {
  .home main .work-with-us .link-social .jobs-link .link-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16pt;
    padding: 0.5rem 0 1rem 0;
  }
}

.home main .work-with-us .link-social .jobs-link:hover .link-text, .home main .work-with-us .link-social .jobs-link:focus .link-text {
  color: var(--color-secondary);
}

.home main .work-with-us .link-social .share {
  display: -ms-grid;
  -ms-grid-columns: auto auto auto auto;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto;
  grid-template-areas: 'label facebook twitter linkedin';
  -ms-grid-column-align: start;
  justify-content: start;
  grid-gap: 0.4em;
  padding: 0 0 0 1rem;
}

@media screen and (max-width: 75em) {
  .home main .work-with-us .link-social .share {
    padding: 0;
  }
}

@media print {
  .home main .work-with-us .link-social .share {
    padding: 0;
  }
}

.home main .work-with-us .link-social .share .label {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: label;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
  color: var(--color-secondary);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  margin-right: 0.8em;
  margin-top: 3px;
}

@media print {
  .home main .work-with-us .link-social .share .label {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

.home main .work-with-us .link-social .share a {
  display: block;
  height: 24px;
  margin: 0 12px 0 0;
  padding: 0;
  width: 24px;
}

.home main .work-with-us .link-social .share a svg {
  fill: var(--color-secondary);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .work-with-us .link-social .share a.facebook {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: facebook;
}

.home main .work-with-us .link-social .share a.twitter {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: twitter;
}

.home main .work-with-us .link-social .share a.linkedin {
  -ms-grid-column: 4;
  -ms-grid-row: 1;
  grid-area: linkedin;
}

.home main .advert-block {
  margin: 3rem 0;
  padding: 0;
}

.home main .advert-block img {
  display: block;
  margin: 2rem 0 0 0;
  padding: 0;
  width: 100%;
}

.home main .advert-block img:first-child {
  margin: 0;
}

@media screen and (max-width: 55em) {
  .home main .advert-block {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 0 auto;
    padding: 3em 0;
    width: 93%;
  }
}

@media print {
  .home main .advert-block {
    display: none;
  }
}

.home main .advert-block + .other-resources {
  border-top: 1px solid var(--color-border);
  padding-top: 6em !important;
}

@media screen and (max-width: 75em) {
  .home main .advert-block + .other-resources {
    padding-top: 3.5em !important;
  }
}

@media screen and (max-width: 55em) {
  .home main .advert-block + .other-resources {
    border-top: none;
    padding-top: 2em !important;
  }
}

@media print {
  .home main .advert-block + .other-resources {
    border-top: none;
    padding-top: 0 !important;
  }
}

.home main .other-resources {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'classroom insider magazine';
  margin: 2rem 2rem 1rem 2rem;
  padding: 2em 0 6em 0;
}

@media screen and (max-width: 75em) {
  .home main .other-resources {
    margin: 0 auto 1rem auto;
    padding: 2em 0 4em 0;
    width: 98%;
  }
}

@media screen and (max-width: 52em) {
  .home main .other-resources {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'classroom' 'insider' 'magazine';
    margin: 0 auto;
    padding: 0;
    width: 93%;
  }
}

@media print {
  .home main .other-resources {
    border-bottom: 1px solid var(--color-border);
    margin: 0;
    padding: 1cm 0;
    width: 100%;
  }
}

.home main .other-resources a {
  color: var(--color-dark);
  display: block;
  padding: 0 3rem;
  text-decoration: none;
}

.home main .other-resources a img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .other-resources a .link-text .link-title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.2rem;
  padding-top: 2.5rem;
}

@media print {
  .home main .other-resources a .link-text .link-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

.home main .other-resources a .link-text .link-description {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1rem;
  padding: 0.5rem 0 1.5rem 0;
}

@media print {
  .home main .other-resources a .link-text .link-description {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

.home main .other-resources a:hover .link-text, .home main .other-resources a:focus .link-text {
  color: var(--color-secondary);
}

@media screen and (max-width: 75em) {
  .home main .other-resources a {
    padding: 0 1rem;
  }
}

@media screen and (max-width: 52em) {
  .home main .other-resources a {
    border-bottom: 1px solid var(--color-border);
    margin: 1.5em auto;
    padding: 1em 0 1.2em 0;
    width: 100%;
  }
  .home main .other-resources a:last-child {
    border-bottom: none;
  }
}

@media print {
  .home main .other-resources a {
    padding: 0 0.2cm;
  }
}

.home main .other-resources #item1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: classroom;
}

.home main .other-resources #item2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: insider;
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}

@media screen and (max-width: 52em) {
  .home main .other-resources #item2 {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    border-left: none;
    border-right: none;
  }
}

.home main .other-resources #item3 {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: magazine;
}

@media screen and (max-width: 52em) {
  .home main .other-resources #item3 {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
}

.home main .social-snapshot {
  background-color: var(--color-body-background);
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.home main .social-snapshot .social-snapshot-wrapper {
  margin: 3rem auto;
  padding: 2em 0 6em 0;
  width: 93%;
}

@media screen and (max-width: 77em) {
  .home main .social-snapshot .social-snapshot-wrapper {
    margin: 2rem 0 4rem 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 44em) {
  .home main .social-snapshot .social-snapshot-wrapper {
    margin: 2rem 0 4rem 0;
    padding: 0;
    width: 100%;
  }
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper {
    margin: 1cm 0 0 0;
    padding: 0;
    width: 100%;
  }
}

.home main .social-snapshot .social-snapshot-wrapper h1 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 2.2rem;
  padding-bottom: 2em;
}

@media screen and (max-width: 77em) {
  .home main .social-snapshot .social-snapshot-wrapper h1 {
    margin: 0;
    padding: 0 0 0 2rem;
  }
}

@media screen and (max-width: 44em) {
  .home main .social-snapshot .social-snapshot-wrapper h1 {
    font-size: 1.5rem;
    margin: 0 auto;
    padding-bottom: 1em;
    width: 93%;
  }
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24pt;
    padding-bottom: 0;
  }
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
}

@media screen and (max-width: 77em) {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts {
    overflow-x: auto;
    padding: 2rem;
  }
}

@media screen and (max-width: 44em) {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts {
    padding: 1.5rem;
  }
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts {
    display: block;
  }
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item {
  flex: 0 1 20%;
  margin-right: 2.2em;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'picture' 'text-icon';
  background-color: var(--color-light);
  color: var(--color-dark);
  text-decoration: none;
}

@media screen and (max-width: 77em) {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item {
    border-right: 1.5rem solid var(--color-body-background);
    flex: 0 0 40%;
    margin-right: 0;
  }
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item:last-child {
    border-right: 2rem solid var(--color-body-background);
  }
}

@media screen and (max-width: 44em) {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item {
    flex: 0 0 80%;
  }
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item {
    page-break-inside: avoid;
    width: 40%;
  }
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item:last-child {
  margin-right: 0;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item img {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: picture;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: text-icon;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'text' 'details';
  background-color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  height: 100%;
  min-width: 0;
  padding: 1em 1em 1.2em 1em;
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
  }
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .text {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: text;
  -ms-grid-row-align: start;
  align-self: start;
  padding-bottom: 1em;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: details;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'date icon' 'view-on icon';
  -ms-grid-row-align: end;
  align-self: end;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details .date {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: date;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  padding-bottom: 0.5em;
}

@media print {
  .home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details .date {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details .icon {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-area: icon;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
  display: block;
  height: 40px;
  margin: 0 12px 0 0;
  padding: 0;
  width: 40px;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details .icon svg {
  fill: var(--color-dark);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item .text-icon .details .view-on {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: view-on;
  font-size: 1rem;
  text-decoration: underline;
}

.home main .social-snapshot .social-snapshot-wrapper .social-posts .item:hover .view-on, .home main .social-snapshot .social-snapshot-wrapper .social-posts .item:focus .view-on {
  color: var(--color-primary);
}

main article {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: article;
  margin: 4em 0;
  padding: 0 2em 0 0;
}

@media screen and (max-width: 83em) {
  main article {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin: 4em auto;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 44em) {
  main article {
    margin: 3em auto;
  }
}

@media print {
  main article {
    margin: 1cm 0;
    padding: 0;
  }
}

main article .share {
  display: -ms-grid;
  -ms-grid-columns: 2fr 1fr 1fr 1fr;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'label facebook twitter linkedin';
  grid-gap: 0.4em;
}

@media print {
  main article .share {
    display: none;
  }
}

main article .share .label {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: label;
  color: var(--color-secondary);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  justify-self: end;
  margin-right: 0.8em;
  margin-top: 3px;
}

main article .share a {
  display: block;
  height: 24px;
  margin: 0 12px 0 0;
  padding: 0;
  width: 24px;
}

main article .share a svg {
  fill: var(--color-secondary);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

main article .share a.facebook {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: facebook;
}

main article .share a.twitter {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: twitter;
}

main article .share a.linkedin {
  -ms-grid-column: 4;
  -ms-grid-row: 1;
  grid-area: linkedin;
}

main article #pageheader {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading1' 'breadcrumbs';
  margin: 0 0 1.5em 0;
  padding: 0;
}

@media screen and (max-width: 83em) {
  main article #pageheader {
    margin: 0 auto 1.5em auto;
    width: 93%;
  }
}

main article #pageheader h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading1;
  color: var(--color-dark);
  font-size: 3.2rem;
  line-height: 1.1;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 44em) {
  main article #pageheader h1 {
    font-size: 3rem;
  }
}

@media print {
  main article #pageheader h1 {
    font-size: 24pt;
    line-height: 1.3;
  }
}

main article #pageheader .breadcrumbs {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: breadcrumbs;
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.14rem;
  padding: 2em 0 0.8em 0;
}

@media print {
  main article #pageheader .breadcrumbs {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

main article #pageheader .breadcrumbs a {
  color: var(--color-dark);
  text-decoration: none;
}

main article #pageheader .breadcrumbs a:hover, main article #pageheader .breadcrumbs a:focus {
  border-bottom: 1px solid var(--color-primary);
}

main article #pageheader .breadcrumbs svg {
  fill: var(--color-dark);
  height: 0.6rem;
  opacity: 0.8;
}

main article .intro-text {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 0 0 0.8em 0;
}

@media screen and (max-width: 83em) {
  main article .intro-text {
    margin: 0 auto;
    width: 93%;
  }
}

@media print {
  main article .intro-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

main article .intro-text p:first-child {
  margin-top: 0;
  padding-top: 0;
}

main article .intro-text p:last-child {
  margin-bottom: 0;
}

main article .intro-text a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-dark);
  text-decoration: none;
}

main article .intro-text a:hover, main article .intro-text a:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

main article .intro-text + .featured {
  padding-top: 1em;
}

main article .featured {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  margin: 0 0 2em 0;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 83em) {
  main article .featured {
    margin: 0 auto 1em auto;
    padding: 1.5em 0;
    width: 93%;
  }
}

@media print {
  main article .featured {
    display: block;
  }
}

main article .featured.has-caption {
  grid-template-areas: 'image' 'caption';
  border-bottom: 1px solid var(--color-border);
}

main article .featured.no-caption {
  grid-template-areas: 'image';
}

main article .featured img {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: image;
  margin: 0;
  padding: 0;
  width: 100%;
}

main article .featured figcaption {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: caption;
  -ms-grid-column-align: end;
  justify-self: end;
  font-size: 1.1rem;
  max-width: 100%;
  padding: 0.4em 0 0.5em 0;
}

main article .featured figcaption .image-caption {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

@media print {
  main article .featured figcaption .image-caption {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    font-weight: bold;
  }
}

main article .featured figcaption .image-photographer {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}

@media print {
  main article .featured figcaption .image-photographer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
  }
}

@media screen and (max-width: 44em) {
  main article .featured figcaption {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media print {
  main article .featured.video-wrapper {
    border: 1px solid var(--color-dark);
    padding: 1cm;
  }
}

@media print {
  main article .featured.video-wrapper .plyr {
    display: none;
  }
}

main article .featured.video-wrapper video {
  margin: 0;
  padding: 0;
  width: 100%;
}

main article .featured.video-wrapper figcaption {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

@media print {
  main article .featured.video-wrapper figcaption {
    display: inline-block;
  }
}

main article .featured.video-wrapper figcaption .image-caption {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column-align: end;
  justify-self: end;
}

@media print {
  main article .featured.video-wrapper figcaption .image-caption {
    text-align: left;
    width: 100%;
  }
  main article .featured.video-wrapper figcaption .image-caption:before {
    content: 'Video: ';
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
  }
}

main article .featured.video-wrapper figcaption .showhide {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  background-color: var(--color-dark);
  border: none;
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  -ms-grid-column-align: end;
  justify-self: end;
  margin: 0.5em 0 0 0;
  padding: 0.5em 1em;
}

@media screen and (max-width: 44em) {
  main article .featured.video-wrapper figcaption .showhide {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media print {
  main article .featured.video-wrapper figcaption .showhide {
    display: none;
  }
}

main article .featured.video-wrapper figcaption .transcript {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-column-align: end;
  justify-self: end;
  display: none;
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin: 1em auto 0 auto;
  padding: 0 2em;
}

main article .featured.video-wrapper figcaption .transcript h1 {
  color: var(--color-secondary);
  margin-bottom: 0.5em;
}

main article .featured.video-wrapper figcaption .transcript h2 {
  color: var(--color-secondary);
  margin-bottom: 0.5em;
}

@media screen and (max-width: 44em) {
  main article .featured.video-wrapper figcaption .transcript {
    padding: 0;
  }
}

@media print {
  main article .featured.video-wrapper figcaption .transcript {
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    line-height: 1.3;
    padding: 0;
  }
  main article .featured.video-wrapper figcaption .transcript h1 {
    display: none;
  }
  main article .featured.video-wrapper figcaption .transcript h2 {
    font-size: 12pt;
  }
}

main article .additional-video {
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2em 0;
  padding: 0 0 2em 0;
}

@media screen and (max-width: 83em) {
  main article .additional-video {
    margin: 0 auto 2em auto;
    width: 93%;
  }
}

main article .additional-video .videos-label {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
  letter-spacing: 0.06em;
  margin-right: 1em;
}

main article .additional-video a {
  margin-right: 1em;
}

@media screen and (max-width: 44em) {
  main article .additional-video a {
    margin-bottom: 1em;
  }
}

main article .additional-video a img {
  display: block;
  width: 100%;
}

main article .body-text {
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 83em) {
  main article .body-text {
    margin: 0 auto;
    width: 93%;
  }
}

@media print {
  main article .body-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    line-height: 1.3;
  }
}

main article .body-text h2, main article .body-text h3, main article .body-text h4, main article .body-text h5, main article .body-text h6 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

@media print {
  main article .body-text h2, main article .body-text h3, main article .body-text h4, main article .body-text h5, main article .body-text h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

main article .body-text a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-dark);
  text-decoration: none;
  transition: border-bottom .2s ease;
}

main article .body-text a:hover {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

main article .body-text a:focus {
  border-bottom: 3px solid var(--color-primary);
  color: var(--color-primary);
  outline: none;
}

main article .body-text li {
  margin-bottom: 0.4em;
}

main article .body-text.footnotes {
  border-top: 1px solid var(--color-secondary);
  font-size: 0.8rem;
  margin-top: 2em;
  padding-top: 0.5em;
}

main article .body-text.footnotes ul, main article .body-text.footnotes ol {
  margin: 0;
  padding: 1em 0 0 1em;
}

main article .body-text figure.table-responsive {
  border: none;
  display: block;
}

@media screen and (max-width: 80em) {
  main article .body-text figure.table-responsive {
    overflow-x: auto;
    padding: 0;
  }
}

.shaded-table .table-row:nth-child(even),
.shaded-table .shaded-row {
  background-color: #eaeaea;
}

form {
  margin: 1em 0 4em 0;
}

form label {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
}

form input {
  background-color: var(--color-body-background);
  border: none;
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  font-size: 1.2rem;
  margin: 0.2em 0 0.4em 0;
  padding: 0.8em;
  width: 100%;
}

form button {
  background-color: var(--color-dark);
  border: none;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  color: var(--color-light);
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  padding: 0.8em 2.5em;
  cursor:grab;
}

main article .body-footer {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. share';
  border-bottom: 1px solid var(--color-border);
  margin: 2em 0 0 0;
  padding: 0 0 2.5em 0;
}

@media screen and (max-width: 83em) {
  main article .body-footer {
    margin: 2em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  main article .body-footer {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'share';
  }
}

main article .body-footer .share {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: share;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
  max-width: 100%;
}

@media screen and (max-width: 44em) {
  main article .body-footer .share {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-align: start;
    justify-self: start;
    padding-left: 1em;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
}

main article .gallery {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading more' 'items items';
  border-bottom: 1px solid var(--color-border);
  margin: 2.5em 0 0 0;
  padding: 0 0 3em 0;
}

@media screen and (max-width: 83em) {
  main article .gallery {
    margin: 2.5em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 75em) {
  main article .gallery {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'heading' 'items' 'more';
    border-bottom: none;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    width: 100%;
  }
}

@media print {
  main article .gallery {
    display: block;
  }
}

main article .gallery h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 75em) {
  main article .gallery h1 {
    margin: 0 auto 0.8em auto;
    width: 93%;
  }
}

main article .gallery .more-images {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: more;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
}

@media screen and (max-width: 75em) {
  main article .gallery .more-images {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-align: start;
    justify-self: start;
    border-bottom: 1px solid var(--color-border);
    margin: 0 auto;
    padding-bottom: 3em;
    width: 93%;
  }
  .no-cssgrid main article .gallery .more-images {
    padding-left: 1.5em;
  }
}

@media print {
  main article .gallery .more-images {
    display: none;
  }
}

main article .gallery .more-images a {
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
}

main article .gallery .more-images a:hover, main article .gallery .more-images a:focus {
  border-bottom: 1px solid var(--color-primary);
}

@media screen and (max-width: 75em) {
  main article .gallery .more-images a {
    border-bottom: 1px solid var(--color-border);
  }
}

main article .gallery .more-images:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

main article .gallery figure.all-images {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: items;
  -ms-grid-column-span: 2;
  margin: 0;
  padding: 2em 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}

.no-cssgrid main article .gallery figure.all-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 75em) {
  main article .gallery figure.all-images {
    -ms-grid-column-span: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    margin-bottom: 2em;
    overflow-y: hidden;
    padding: 0 1.5rem 1rem 1.2rem;
    grid-gap: 0;
  }
}

main article .gallery figure.all-images figure {
  margin: 0;
  padding: 0;
}

.no-cssgrid main article .gallery figure.all-images figure {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 75em) {
  .no-cssgrid main article .gallery figure.all-images figure {
    flex: 0 1 43%;
    margin: 0 0.8em 0.8em 0;
  }
}

@media screen and (max-width: 44em) {
  .no-cssgrid main article .gallery figure.all-images figure {
    flex: 0 1 93%;
    margin: 0 0.8em 0.8em 0;
  }
}

main article .gallery figure.all-images figure img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  aspect-ratio: 1.16731518;
  object-fit: cover;
}

@media screen and (max-width: 75em) {
  main article .gallery figure.all-images figure {
    border-right: 0.5rem solid var(--color-light);
    flex: 0 0 30%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 55em) {
  main article .gallery figure.all-images figure {
    flex: 0 0 45%;
  }
}

@media screen and (max-width: 44em) {
  main article .gallery figure.all-images figure {
    flex: 0 0 80%;
  }
}

@media print {
  main article .child-nav {
    display: none;
  }
}

@media screen and (max-width: 83em) {
  main article .child-nav h1 {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

main article .child-nav .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  border-bottom: 1px solid var(--color-border);
  margin: 1.5em 0 0 0;
  padding: 0 0 2.5em 0;
}

.no-cssgrid main article .child-nav .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  main article .child-nav .nav-wrapper {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  main article .child-nav .nav-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

main article .related-links {
  border-bottom: 1px solid var(--color-border);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  margin: 1.5em 0 0 0;
  padding: 0 0 2.5em 0;
}

@media screen and (max-width: 83em) {
  main article .related-links {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

@media print {
  main article .related-links {
    display: none;
  }
}

main article .related-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

main article .related-links ul li {
  margin-bottom: 0.8em;
}

main article .related-links ul li a {
  color: var(--color-dark);
  text-decoration: underline;
  text-decoration-color: #555;
  text-underline-offset: 0.2em;
}

main article .related-links ul li a:hover, main article .related-links ul li a:focus {
  text-decoration-color: var(--color-primary);
  color: var(--color-primary);
}

main article .related-news {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'heading more' 'items items';
  margin: 2em 0;
}

@media screen and (max-width: 83em) {
  main article .related-news {
    margin: 2em auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  main article .related-news {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'heading' 'items' 'more';
    margin: 1.5em auto 0 auto;
    padding: 2em 0;
    width: 100%;
  }
}

@media print {
  main article .related-news {
    margin: 1cm 0;
  }
}

main article .related-news h1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: heading;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 44em) {
  main article .related-news h1 {
    margin: 0 auto;
    width: 93%;
  }
}

main article .related-news .more-news {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: more;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: end;
  justify-self: end;
}

main article .related-news .more-news a {
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
}

main article .related-news .more-news a:hover, main article .related-news .more-news a:focus {
  border-bottom: 1px solid var(--color-primary);
}

main article .related-news .more-news:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

@media screen and (max-width: 44em) {
  main article .related-news .more-news {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-align: start;
    justify-self: start;
    margin: 0 auto;
    padding: 1.5em 0 0 0;
    width: 93%;
  }
  .no-cssgrid main article .related-news .more-news {
    padding-left: 1.5em;
  }
  main article .related-news .more-news a {
    border-bottom: 1px solid var(--color-border);
  }
}

@media print {
  main article .related-news .more-news {
    display: none;
  }
}

main article .related-news .news-index {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: items;
  -ms-grid-column-span: 2;
  grid-gap: 1em;
  list-style-type: none;
  margin: 0;
  padding: 3em 0 0 0;
  width: 100%;
}

.no-cssgrid main article .related-news .news-index {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  main article .related-news .news-index {
    grid-template-columns: 1fr 1fr;
    -ms-grid-column-span: 1;
    padding: 1.2rem;
  }
}

@media screen and (max-width: 30em) {
  main article .related-news .news-index {
    grid-template-columns: 1fr;
  }
}

@media print {
  main article .related-news .news-index {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}

main article .related-news .news-index a {
  color: var(--color-dark);
  display: block;
  height: 100%;
  min-width: 0;
  text-decoration: none;
}

.no-cssgrid main article .related-news .news-index a {
  flex: 0 1 23%;
  margin: 0 0.8em 0.8em 0;
  height: auto;
}

@media screen and (max-width: 44em) {
  .no-cssgrid main article .related-news .news-index a {
    flex: 1 1 43%;
  }
}

@media print {
  main article .related-news .news-index a {
    height: auto;
  }
}

main article .related-news .news-index a .news-image {
  width: 100%;
}

main article .related-news .news-index a .news-image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

main article .related-news .news-index a .news-text p {
  padding: 0;
  margin: 0;
}

main article .related-news .news-index a .news-text .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  padding-top: 0.5em;
}

@media print {
  main article .related-news .news-index a .news-text .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    padding-top: 0.2cm;
  }
}

main article .related-news .news-index a .news-text .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  padding-top: 0.5em;
}

@media print {
  main article .related-news .news-index a .news-text .date {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
    padding-top: 0.2cm;
  }
}

main article .related-news .news-index a:hover, main article .related-news .news-index a:focus {
  color: var(--color-secondary);
}

main article .related-news .news-index a.has-video .news-image {
  position: relative;
}

main article .related-news .news-index a.has-video .news-image:after {
  background-color: var(--color-primary);
  background-image: url("/site/templates/images/play-transparent.png");
  background-position: top left;
  background-size: cover;
  content: '';
  border-radius: 50% 50%;
  height: 50px;
  bottom: 0.5em;
  right: 0.5em;
  position: absolute;
  width: 50px;
}

@media print {
  main article .related-news .news-index a.has-video .news-image:after {
    display: none;
  }
}

main article .news-nav {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'news-item-prev news-item-next';
  grid-gap: 0.3em 5em;
  margin: 1rem 0 0 0;
  width: 100%;
}

@media screen and (max-width: 83em) {
  main article .news-nav {
    margin: 1rem auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  main article .news-nav {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media print {
  main article .news-nav {
    display: none;
  }
}

main article .news-nav a {
  border-bottom: 1px solid var(--color-light);
  color: var(--color-dark);
  display: block;
  padding: 1.5em 0;
  text-decoration: none;
}

main article .news-nav a .label {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
}

main article .news-nav a .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.2rem;
}

main article .news-nav a .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
}

main article .news-nav a:hover, main article .news-nav a:focus {
  border-bottom: 1px solid var(--color-primary);
}

main article .news-nav.only-prev {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'news-item-prev';
  -ms-grid-column-align: start;
  justify-items: start;
}

@media print {
  main article .news-nav.only-prev {
    display: none;
  }
}

main article .news-nav.only-next {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'news-item-next';
  -ms-grid-column-align: end;
  justify-items: end;
}

@media print {
  main article .news-nav.only-next {
    display: none;
  }
}

main article .news-nav .news-item-prev,
main article .news-nav .news-item-next {
  min-width: min(250px, 33vw);
}

main article .news-nav .news-item-prev {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: news-item-prev;
  -ms-grid-column-align: start;
  justify-self: start;
}

main article .news-nav .news-item-prev .label:before {
  content: '\003C';
  font-size: 1.2rem;
  margin-right: 0.2em;
}

main article .news-nav .news-item-next {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: news-item-next;
  -ms-grid-column-align: end;
  justify-self: end;
  text-align: right;
}

@media screen and (max-width: 44em) {
  main article .news-nav .news-item-next {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

main article .news-nav .news-item-next .label:after {
  content: '\003E';
  font-size: 1.2rem;
  margin-left: 0.2em;
}

main article .modified {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1rem;
  padding: 2em 0 0 0;
}

@media screen and (max-width: 83em) {
  main article .modified {
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 0 auto;
    padding: 2em 0;
    width: 93%;
  }
}

@media print {
  main article .modified {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

main nav.sibling-nav {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  grid-area: sibling-nav;
  border-left: 1px solid var(--color-border);
  margin: 4em 0;
  max-width: 100%;
  min-width: 0;
  padding: 0 0 0 2em;
  width: 100%;
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    border-left: none;
    margin: 0;
    padding: 0;
    max-width: 100vw;
  }
}

@media print {
  main nav.sibling-nav {
    display: none;
  }
}

main nav.sibling-nav h1 {
  color: var(--color-secondary);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.1;
  margin: 0 0 2em;
  padding: 0;
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav h1 {
    margin: 0 auto;
    width: 93%;
  }
}

main nav.sibling-nav .items-list {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav .items-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;
    margin-bottom: 2em;
    padding: 1.5rem;
  }
}

main nav.sibling-nav .items-list a {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'picture' 'text';
  color: var(--color-dark);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.5em;
}

main nav.sibling-nav .items-list a img {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: picture;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

main nav.sibling-nav .items-list a .link-title {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: text;
  border-bottom: 1px solid var(--color-light);
  display: inline-block;
  min-width: 0;
  max-width: 100%;
}

main nav.sibling-nav .items-list a:hover .link-title, main nav.sibling-nav .items-list a:focus .link-title {
  border-bottom: 1px solid var(--color-primary);
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav .items-list a {
    border-right: 1.5rem solid var(--color-light);
    flex: 0 0 30%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 55em) {
  main nav.sibling-nav .items-list a {
    flex: 0 0 45%;
  }
}

@media screen and (max-width: 44em) {
  main nav.sibling-nav .items-list a {
    flex: 0 0 80%;
  }
}

main nav.sibling-nav .items-list + .grandparent-page {
  margin-top: 3em;
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav .items-list + .grandparent-page {
    border-top: 1px solid var(--color-border);
    padding-top: 1.5em;
  }
}

main nav.sibling-nav .grandparent-page a {
  color: var(--color-secondary);
  text-decoration: none;
}

main nav.sibling-nav .grandparent-page a .link-title {
  display: block;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.3rem;
  margin: 0 0 1em 0;
  padding: 0;
}

main nav.sibling-nav .grandparent-page a .link-title:after {
  content: '\003E';
  font-size: 1.3rem;
  margin-left: 0.2em;
}

main nav.sibling-nav .grandparent-page a img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

main nav.sibling-nav .grandparent-page a:hover .link-title, main nav.sibling-nav .grandparent-page a:focus .link-title {
  color: var(--color-dark);
}

@media screen and (max-width: 83em) {
  main nav.sibling-nav .grandparent-page {
    margin: 0 auto;
    width: 93%;
  }
  main nav.sibling-nav .grandparent-page a .link-title:after {
    content: '';
  }
  main nav.sibling-nav .grandparent-page a .link-title:before {
    content: '\003C';
    font-size: 1.3rem;
    margin-right: 0.2em;
  }
  main nav.sibling-nav .grandparent-page a img {
    display: none;
  }
}

.section-page main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
}

@media screen and (max-width: 83em) {
  .section-page main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
  }
}

@media print {
  .section-page main {
    display: block;
  }
}

.section-page main #pageheader {
  grid-template-areas: 'heading1';
}

.section-page main article .intro-text {
  margin-top: 2em;
}

.section-page main article .child-nav {
  margin-top: 4em;
}

.section-page main article .child-nav .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.no-cssgrid .section-page main article .child-nav .nav-wrapper {
  display: block;
}

.section-page main article .child-nav .row-first {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}

.no-cssgrid .section-page main article .child-nav .row-first {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .section-page main article .child-nav .row-first {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .section-page main article .child-nav .row-first .hover-nav-item {
  flex: 0 1 47%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .section-page main article .child-nav .row-first .hover-nav-item {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.section-page main article .child-nav .row-remaining {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}

.no-cssgrid .section-page main article .child-nav .row-remaining {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .section-page main article .child-nav .row-remaining {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .section-page main article .child-nav .row-remaining .hover-nav-item {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .section-page main article .child-nav .row-remaining .hover-nav-item {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.section-page main article .modified {
  border-bottom: none;
}

.news-page main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
}

@media screen and (max-width: 83em) {
  .news-page main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
  }
}

@media print {
  .news-page main {
    display: block;
  }
}

.news-page main #pageheader {
  grid-template-areas: 'heading1';
}

.news-page main article .modified {
  border-bottom: none;
}

.news-page main article .list-news, .news-list main article .list-news {
  border-bottom: 1px solid var(--color-border);
  clear: both;
  margin: 0 0 3em 0;
  padding: 1.5em 0 3em 0;
}

@media screen and (max-width: 83em) {
  .news-page main article .list-news, .news-list main article .list-news {
    margin: 0 auto 3em auto;
    width: 93%;
  }
}

@media print {
  .news-page main article .list-news, .news-list main article .list-news {
    margin: 0;
    width: 100%;
  }
}

.news-page main article .list-news .news-index, .news-list main article .list-news .news-index {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.no-cssgrid .news-page main article .list-news .news-index, .no-cssgrid .news-list main article .list-news .news-index {
  display: block;
}

@media print {
  .news-page main article .list-news .news-index, .news-list main article .list-news .news-index {
    display: block;
  }
}

.news-page main article .list-news .row-first, .news-list main article .list-news .row-first {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}

.no-cssgrid .news-page main article .list-news .row-first, .no-cssgrid .news-list main article .list-news .row-first {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .news-page main article .list-news .row-first, .news-list main article .list-news .row-first {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .news-page main article .list-news .row-first a, .no-cssgrid .news-list main article .list-news .row-first a {
  flex: 0 1 48%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .news-page main article .list-news .row-first a, .no-cssgrid .news-list main article .list-news .row-first a {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.news-page main article .list-news .row-first a .news-text .title, .news-list main article .list-news .row-first a .news-text .title {
  font-size: 1.5rem;
  line-height: 1.6rem;
}

.news-page main article .list-news .row-remaining, .news-list main article .list-news .row-remaining {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  margin-top: 1em;
}

.no-cssgrid .news-page main article .list-news .row-remaining, .no-cssgrid .news-list main article .list-news .row-remaining {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .news-page main article .list-news .row-remaining, .news-list main article .list-news .row-remaining {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .news-page main article .list-news .row-remaining a, .no-cssgrid .news-list main article .list-news .row-remaining a {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .news-page main article .list-news .row-remaining a, .no-cssgrid .news-list main article .list-news .row-remaining a {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.news-page main article .list-news .row-remaining a .news-text .title, .news-list main article .list-news .row-remaining a .news-text .title {
  font-size: 1.3rem;
  line-height: 1.6rem;
}

@media print {
  .news-page main article .list-news .row-remaining a .news-text .title, .news-list main article .list-news .row-remaining a .news-text .title {
    font-size: 14pt;
  }
}

.news-page main article .list-news a, .news-list main article .list-news a {
  color: var(--color-dark);
  display: block;
  height: 100%;
  text-decoration: none;
}

.no-cssgrid .news-page main article .list-news a, .no-cssgrid .news-list main article .list-news a {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

.news-page main article .list-news a .news-image, .news-list main article .list-news a .news-image {
  width: 100%;
}

.news-page main article .list-news a .news-image img, .news-list main article .list-news a .news-image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.news-page main article .list-news a .news-text p, .news-list main article .list-news a .news-text p {
  padding: 0;
  margin: 0;
}

.news-page main article .list-news a .news-text .title, .news-list main article .list-news a .news-text .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  padding-top: 0.5em;
}

@media print {
  .news-page main article .list-news a .news-text .title, .news-list main article .list-news a .news-text .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding-top: 0.5em;
  }
}

.news-page main article .list-news a .news-text .title .date, .news-list main article .list-news a .news-text .title .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  white-space: nowrap;
}

@media print {
  .news-page main article .list-news a .news-text .title .date, .news-list main article .list-news a .news-text .title .date {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

.news-page main article .list-news a .news-text .summary, .news-list main article .list-news a .news-text .summary {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
  padding: 0.5em 0;
}

@media print {
  .news-page main article .list-news a .news-text .summary, .news-list main article .list-news a .news-text .summary {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    padding: 0;
  }
}

.news-page main article .list-news a .news-text .summary .read-more, .news-list main article .list-news a .news-text .summary .read-more {
  color: var(--color-secondary);
}

.news-page main article .list-news a .news-text .summary .read-more:hover, .news-page main article .list-news a .news-text .summary .read-more:focus, .news-list main article .list-news a .news-text .summary .read-more:hover, .news-list main article .list-news a .news-text .summary .read-more:focus {
  border-bottom: 1px solid var(--color-primary);
}

.news-page main article .list-news a .news-text .summary .read-more:after, .news-list main article .list-news a .news-text .summary .read-more:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

@media print {
  .news-page main article .list-news a .news-text .summary .read-more, .news-list main article .list-news a .news-text .summary .read-more {
    display: none;
  }
}

.news-page main article .list-news a:hover, .news-page main article .list-news a:focus, .news-list main article .list-news a:hover, .news-list main article .list-news a:focus {
  color: var(--color-secondary);
}

.news-page main article .list-news a.has-video .news-image, .news-list main article .list-news a.has-video .news-image {
  position: relative;
}

.news-page main article .list-news a.has-video .news-image:after, .news-list main article .list-news a.has-video .news-image:after {
  background-color: var(--color-primary);
  background-image: url("/site/templates/images/play-transparent.png");
  background-position: top left;
  background-size: cover;
  content: '';
  border-radius: 50% 50%;
  height: 50px;
  bottom: 0.5em;
  right: 0.5em;
  position: absolute;
  width: 50px;
}

@media print {
  .news-page main article .list-news a.has-video .news-image:after, .news-list main article .list-news a.has-video .news-image:after {
    display: none;
  }
}

.news-page main article .list-news .more-news-button, .news-list main article .list-news .more-news-button {
  margin-top: 2em;
}

.news-page main article .list-news .more-news-button a, .news-list main article .list-news .more-news-button a {
  background-color: var(--color-dark);
  border-bottom: none;
  color: var(--color-light);
  display: inline-block;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  padding: 0.8em 2.5em;
}

.news-page main article .list-news .more-news-button a:hover, .news-page main article .list-news .more-news-button a:focus, .news-list main article .list-news .more-news-button a:hover, .news-list main article .list-news .more-news-button a:focus {
  border-bottom: none;
}

@media print {
  .news-page main article .list-news .more-news-button, .news-list main article .list-news .more-news-button {
    display: none;
  }
}

.news-page main article .child-nav .nav-wrapper, .news-list main article .child-nav .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  border-bottom: 1px solid var(--color-border);
  margin: 1.5em 0 0 0;
  padding: 0 0 6em 0;
}

.no-cssgrid .news-page main article .child-nav .nav-wrapper, .no-cssgrid .news-list main article .child-nav .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  .news-page main article .child-nav .nav-wrapper, .news-list main article .child-nav .nav-wrapper {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .news-page main article .child-nav .nav-wrapper, .news-list main article .child-nav .nav-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.news-page main article .news-by-year, .news-list main article .news-by-year {
  margin: 0 0 3em 0;
  padding: 3em 0 1em 0;
}

@media screen and (max-width: 44em) {
  .news-page main article .news-by-year, .news-list main article .news-by-year {
    margin: 0;
    padding: 3em 0 0 0;
  }
}

@media print {
  .news-page main article .news-by-year, .news-list main article .news-by-year {
    display: none;
  }
}

@media screen and (max-width: 83em) {
  .news-page main article .news-by-year h1, .news-list main article .news-by-year h1 {
    margin: 0 auto;
    width: 93%;
  }
}

.news-page main article .news-by-year .nav-wrapper, .news-list main article .news-by-year .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  margin: 1.5em 0 0 0;
  padding: 0 0 3em 0;
}

.no-cssgrid .news-page main article .news-by-year .nav-wrapper, .no-cssgrid .news-list main article .news-by-year .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  .news-page main article .news-by-year .nav-wrapper, .news-list main article .news-by-year .nav-wrapper {
    margin: 1.5em auto 2em auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .news-page main article .news-by-year .nav-wrapper, .news-list main article .news-by-year .nav-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}

.news-page main article .news-by-year .nav-wrapper .nav-item, .news-list main article .news-by-year .nav-wrapper .nav-item {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'picture' 'text';
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-dark);
  text-decoration: none;
}

.no-cssgrid .news-page main article .news-by-year .nav-wrapper .nav-item, .no-cssgrid .news-list main article .news-by-year .nav-wrapper .nav-item {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .news-page main article .news-by-year .nav-wrapper .nav-item, .no-cssgrid .news-list main article .news-by-year .nav-wrapper .nav-item {
    flex: 0 1 46%;
    margin: 0 0.8em 0.8em 0;
  }
}

.news-page main article .news-by-year .nav-wrapper .nav-item img, .news-list main article .news-by-year .nav-wrapper .nav-item img {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: picture;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.news-page main article .news-by-year .nav-wrapper .nav-item .item-title, .news-list main article .news-by-year .nav-wrapper .nav-item .item-title {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: text;
  font-size: 1.5rem;
  max-width: 100%;
  min-width: 0;
  padding: 0.5rem 0;
}

.news-page main article .news-by-year .nav-wrapper .nav-item:hover, .news-page main article .news-by-year .nav-wrapper .nav-item:focus, .news-list main article .news-by-year .nav-wrapper .nav-item:hover, .news-list main article .news-by-year .nav-wrapper .nav-item:focus {
  color: var(--color-secondary);
}

.news-list main article .list-news {
  border-bottom: none;
}

@media print {
  .news-list main article .list-news .row-remaining {
    display: block;
  }
  .news-list main article .list-news .row-remaining a .news-image {
    display: none;
  }
  .news-list main article .list-news .row-remaining a .news-text .title {
    font-size: 13pt;
  }
  .news-list main article .list-news .row-remaining a .news-text .title .date {
    font-size: 11pt;
  }
  .news-list main article .list-news .row-remaining a .news-text .summary {
    font-size: 11pt;
  }
}

.news-list main article .list-news.stations a .news-text .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding-top: 0.5em;
}

.news-list main article .list-news.stations a .news-text .title .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
  white-space: nowrap;
}

.news-item main article .news-date {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0;
  margin-right: 0.5em;
  padding: 0 0 1.5em 0;
}

.news-item main article span.release-date-readable {
  display: inline-block;
  margin-right: 0.5em;
}

@media screen and (max-width: 83em) {
  .news-item main article .news-date {
    margin: 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 28em) {
  .news-item main article .news-date {
    flex-direction: column;
  }
}

@media print {
  .news-item main article .news-date {
    font-size: 16pt;
    padding: 0 0 0.5cm 0;
  }
}

.news-item main article time span.article-age-warning {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background-color: #000000;
  font-size: 1rem;
  padding: 0.4em 0.6em;
  color: var(--color-light);
  font-weight: normal;
  width: fit-content;
  text-transform: none;
}

.station-news-list main article .list-news {
  border-bottom: 1px solid var(--color-border);
  clear: both;
  margin: 0 0 1em 0;
  padding: 0.1em 0 6em 0;
}

@media screen and (max-width: 83em) {
  .station-news-list main article .list-news {
    margin: 0 auto 1em auto;
    width: 93%;
  }
}

@media print {
  .station-news-list main article .list-news {
    margin: 0;
    width: 100%;
  }
}

.station-news-list main article .list-news .news-index {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.no-cssgrid .station-news-list main article .list-news .news-index {
  display: block;
}

@media screen and (max-width: 44em) {
  .station-news-list main article .list-news .news-index {
    width: 100%;
  }
}

@media print {
  .station-news-list main article .list-news .news-index {
    display: block;
  }
}

.station-news-list main article .list-news .row-first {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}

.no-cssgrid .station-news-list main article .list-news .row-first {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .station-news-list main article .list-news .row-first {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .station-news-list main article .list-news .row-first a {
  flex: 0 1 48%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .station-news-list main article .list-news .row-first a {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.station-news-list main article .list-news .row-remaining {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  margin-top: 1em;
}

.no-cssgrid .station-news-list main article .list-news .row-remaining {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 44em) {
  .station-news-list main article .list-news .row-remaining {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.no-cssgrid .station-news-list main article .list-news .row-remaining a {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .station-news-list main article .list-news .row-remaining a {
    flex: 0 1 100%;
    margin: 0 0.8em 0.8em 0;
  }
}

.station-news-list main article .list-news a {
  color: var(--color-dark);
  display: block;
  height: 100%;
  text-decoration: none;
}

.station-news-list main article .list-news a .news-image {
  width: 100%;
}

.station-news-list main article .list-news a .news-image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.station-news-list main article .list-news a .news-text p {
  padding: 0;
  margin: 0;
}

.station-news-list main article .list-news a .news-text .title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding-top: 0.5em;
}

@media print {
  .station-news-list main article .list-news a .news-text .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    padding-top: 0.5em;
  }
}

.station-news-list main article .list-news a .news-text .title .date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
  white-space: nowrap;
}

@media print {
  .station-news-list main article .list-news a .news-text .title .date {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
  }
}

.station-news-list main article .list-news a .news-text .summary {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  padding: 0.5em 0;
}

@media print {
  .station-news-list main article .list-news a .news-text .summary {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14pt;
    padding: 0;
  }
}

.station-news-list main article .list-news a .news-text .summary .read-more {
  color: var(--color-secondary);
}

.station-news-list main article .list-news a .news-text .summary .read-more:hover, .station-news-list main article .list-news a .news-text .summary .read-more:focus {
  border-bottom: 1px solid var(--color-primary);
}

.station-news-list main article .list-news a .news-text .summary .read-more:after {
  content: '\003E';
  font-size: 0.8rem;
  margin-left: 0.2em;
}

@media print {
  .station-news-list main article .list-news a .news-text .summary .read-more {
    display: none;
  }
}

.station-news-list main article .list-news a:hover, .station-news-list main article .list-news a:focus {
  color: var(--color-secondary);
}

.station-news-list main article .list-news a.has-video .news-image {
  position: relative;
}

.station-news-list main article .list-news a.has-video .news-image:after {
  background-color: var(--color-primary);
  background-image: url("/site/templates/images/play-transparent.png");
  background-position: top left;
  background-size: cover;
  content: '';
  border-radius: 50% 50%;
  height: 50px;
  bottom: 0.5em;
  right: 0.5em;
  position: absolute;
  width: 50px;
}

@media print {
  .station-news-list main article .list-news a.has-video .news-image:after {
    display: none;
  }
}

.station-news-list main article .news-by-year {
  margin: 0 0 2em 0;
  padding: 2em 0;
}

@media print {
  .station-news-list main article .news-by-year {
    display: none;
  }
}

@media screen and (max-width: 83em) {
  .station-news-list main article .news-by-year h1 {
    margin: 0 auto;
    width: 93%;
  }
}

.station-news-list main article .news-by-year .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  margin: 1.5em 0 0 0;
  padding: 0 0 2em 0;
}

.no-cssgrid .station-news-list main article .news-by-year .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  .station-news-list main article .news-by-year .nav-wrapper {
    margin: 1.5em auto 0 auto;
    padding: 0;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .station-news-list main article .news-by-year .nav-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}

.station-news-list main article .news-by-year .nav-wrapper .nav-item {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-dark);
  text-decoration: none;
}

.no-cssgrid .station-news-list main article .news-by-year .nav-wrapper .nav-item {
  flex: 0 1 31%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .no-cssgrid .station-news-list main article .news-by-year .nav-wrapper .nav-item {
    flex: 0 1 46%;
    margin: 0 0.8em 0.8em 0;
  }
}

.station-news-list main article .news-by-year .nav-wrapper .nav-item img {
  display: block;
  width: 100%;
}

.station-news-list main article .news-by-year .nav-wrapper .nav-item .item-title {
  font-size: 1.5rem;
  padding: 0.5rem 0;
}

.station-news-list main article .news-by-year .nav-wrapper .nav-item:hover, .station-news-list main article .news-by-year .nav-wrapper .nav-item:focus {
  color: var(--color-secondary);
}

.station-news-item main .station-article h2 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.8rem;
  margin: 0.5em 0 1em 0;
}

@media screen and (max-width: 83em) {
  .station-news-item main .station-article h2 {
    margin: 0.5em auto;
    width: 93%;
  }
}

.station-news-item main .station-article .gallery {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'items';
  border-bottom: none;
  margin: 1.5em 0 0 0;
  padding: 0 0 3em 0;
}

@media screen and (max-width: 83em) {
  .station-news-item main .station-article .gallery {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 75em) {
  .station-news-item main .station-article .gallery {
    width: 100%;
  }
}

.station-news-item main .station-article .gallery figure.all-images {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: items;
  -ms-grid-column-span: 1;
  margin: 0;
  padding: 2em 0 0 0;
}

@media screen and (max-width: 75em) {
  .station-news-item main .station-article .gallery figure.all-images {
    padding: 1.5rem;
  }
}

@media screen and (max-width: 83em) {
  .video-gallery main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article' 'sibling-nav';
  }
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper {
  margin-bottom: 5em;
}

@media screen and (max-width: 83em) {
  .video-gallery main article .video-list-wrapper .featured.video-wrapper {
    margin: 0 auto 5em auto;
    padding: 0;
    width: 93%;
  }
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption {
  width: 100%;
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption .image-caption {
  text-align: right;
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption .image-caption .video-moreinfo {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption .image-caption .video-moreinfo a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-dark);
  text-decoration: none;
}

.video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption .image-caption .video-moreinfo a:hover, .video-gallery main article .video-list-wrapper .featured.video-wrapper figcaption .image-caption .video-moreinfo a:focus {
  border-bottom: 1px solid var(--color-primary);
}

.video-gallery main .MarkupPagerNav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  list-style-type: none;
  margin: 0 auto 2em auto;
  padding: 0;
}

@media screen and (max-width: 44em) {
  .video-gallery main .MarkupPagerNav {
    flex-wrap: wrap;
    width: 93%;
  }
}

.video-gallery main .MarkupPagerNav li {
  align-items: center;
  display: flex;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 0.2em;
}

.video-gallery main .MarkupPagerNav li a {
  align-items: center;
  background-color: var(--color-dark);
  color: var(--color-light);
  display: flex;
  height: 100%;
  padding: 0.5em 0.8em;
  text-decoration: none;
}

.video-gallery main .MarkupPagerNav li a:hover, .video-gallery main .MarkupPagerNav li a:focus {
  background-color: var(--color-primary);
}

.video-gallery main .MarkupPagerNav li.MarkupPagerNavPrevious {
  margin-right: 1em;
}

.video-gallery main .MarkupPagerNav li.MarkupPagerNavNext {
  margin-left: 1em;
}

.video-gallery main .MarkupPagerNav li.MarkupPagerNavOn a {
  background-color: var(--color-light);
  box-shadow: inset 0 0 0 1px var(--color-secondary);
  color: var(--color-dark);
}

.video-gallery main .MarkupPagerNav li.MarkupPagerNavOn a:hover, .video-gallery main .MarkupPagerNav li.MarkupPagerNavOn a:focus {
  background-color: var(--color-primary);
  color: var(--color-light);
  box-shadow: inset 0 0 0 1px var(--color-primary);
}

@media screen and (max-width: 44em) {
  .podcasts main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article' 'sibling-nav';
  }
}

.podcasts main .sound-object {
  display: -ms-grid;
  -ms-grid-columns: auto 1fr;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'thumbnail audio' 'transcript transcript';
  border-top: 1px solid var(--color-border);
  margin-bottom: 2em;
  padding: 1em 0;
}

@media screen and (max-width: 83em) {
  .podcasts main .sound-object {
    margin: 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .podcasts main .sound-object {
    display: -ms-grid;
    -ms-grid-columns: 90px 1fr;
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-template-rows: auto;
  }
}

.podcasts main .sound-object .sound-object-thumb {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: thumbnail;
}

.podcasts main .sound-object .sound-object-thumb img {
  width: 100%;
}

.podcasts main .sound-object .sound-object-text {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: audio;
  padding: 0 1em 2em 1em;
}

.podcasts main .sound-object .sound-object-text .sound-object-title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.3rem;
  padding-bottom: 0.3em;
}

.podcasts main .sound-object .sound-object-text .sound-object-title a {
  border-bottom: 1px solid var(--color-light);
  color: var(--color-dark);
  text-decoration: none;
}

.podcasts main .sound-object .sound-object-text .sound-object-title a:hover, .podcasts main .sound-object .sound-object-text .sound-object-title a:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.podcasts main .sound-object .sound-object-text time {
  display: block;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
  padding-bottom: 1em;
}

.podcasts main .sound-object .sound-object-text .sound-object-audio {
  border: 1px solid var(--color-border);
  margin: 0.5em 0 1em 0;
}

.podcasts main .sound-object .sound-object-text .sound-object-summary {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.2rem;
  padding-bottom: 0.2em;
}

.podcasts main .sound-object .sound-object-text .sound-object-credit {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
}

.podcasts main .sound-object .transcript-wrapper {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-col-span: 2;
  grid-area: transcript;
  margin-top: 1em;
}

.podcasts main .sound-object .transcript-wrapper .showhide {
  background-color: var(--color-dark);
  border: none;
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  margin: 0.5em 0 0 0;
  padding: 0.5em 1em;
}

.podcasts main .sound-object .transcript-wrapper .showhide a {
  color: var(--color-light);
  text-decoration: none;
}

.podcasts main .sound-object .transcript-wrapper .transcript {
  display: none;
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin: 1.5rem auto;
}

.podcasts main .sound-object .transcript-wrapper .transcript h1 {
  color: var(--color-secondary);
  margin: 0;
}

.podcasts main .sound-object .transcript-wrapper .transcript h2 {
  color: var(--color-secondary);
}

@media screen and (max-width: 44em) {
  .podcasts main .sound-object .transcript-wrapper .transcript {
    padding: 0;
  }
}

.podcasts main aside {
  border-top: 1px solid var(--color-border);
  font-family: "bebas-neue-pro",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.2rem;
  padding: 1em 0 3em 0;
}

@media screen and (max-width: 83em) {
  .podcasts main aside {
    border-top: none;
    margin: 0 auto;
    width: 93%;
  }
}

.podcasts main aside a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-dark);
  text-decoration: none;
}

.podcasts main aside a:hover, .podcasts main aside a:focus {
  border-bottom: 1px solid var(--color-primary);
}

.magazine-contents main, .book-contents main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
}

@media screen and (max-width: 83em) {
  .magazine-contents main, .book-contents main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
  }
}

.magazine-contents main #pageheader h1 .subtitle, .book-contents main #pageheader h1 .subtitle {
  display: block;
  font-size: 1.5rem;
  margin: 0.2rem 0 0 0;
}

.magazine-contents main .table-contents, .book-contents main .table-contents {
  display: -ms-grid;
  -ms-grid-columns: 450px 1fr;
  -ms-grid-rows: auto 1fr;
  display: grid;
  grid-template-columns: 450px 1fr;
  grid-template-rows: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'cover contents' 'about-box contents';
  grid-gap: 0.8em;
}

@media screen and (max-width: 83em) {
  .magazine-contents main .table-contents, .book-contents main .table-contents {
    margin: 0 auto 2em auto;
    width: 93%;
  }
}

@media screen and (max-width: 75em) {
  .magazine-contents main .table-contents, .book-contents main .table-contents {
    display: -ms-grid;
    -ms-grid-columns: 300px 1fr;
    -ms-grid-rows: auto 1fr;
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto;
    grid-template-rows: auto 1fr;
  }
}

@media screen and (max-width: 52em) {
  .magazine-contents main .table-contents, .book-contents main .table-contents {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: 'cover' 'contents' 'about-box';
    margin: 0 auto;
    width: 93%;
  }
}

.magazine-contents main .table-contents img.cover, .book-contents main .table-contents img.cover {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: cover;
  height: auto;
  width: 100%;
}

.no-cssgrid .magazine-contents main .table-contents img.cover, .no-cssgrid .book-contents main .table-contents img.cover {
  margin-bottom: 0.8em;
}

.magazine-contents main .table-contents .about-box, .book-contents main .table-contents .about-box {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: about-box;
}

@media screen and (max-width: 52em) {
  .magazine-contents main .table-contents .about-box, .book-contents main .table-contents .about-box {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
}

.magazine-contents main .table-contents .contents, .book-contents main .table-contents .contents {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-area: contents;
}

@media screen and (max-width: 52em) {
  .magazine-contents main .table-contents .contents, .book-contents main .table-contents .contents {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
}

.no-cssgrid .magazine-contents main .table-contents .contents, .no-cssgrid .book-contents main .table-contents .contents {
  margin-left: 0.8em;
}

.magazine-contents main .table-contents .contents .content-list, .book-contents main .table-contents .contents .content-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 0.8em;
  list-style-type: none;
  margin: 0;
  padding: 0 0 1.5em 0;
}

.no-cssgrid .magazine-contents main .table-contents .contents .content-list, .no-cssgrid .book-contents main .table-contents .contents .content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.magazine-contents main .table-contents .contents .content-list a, .book-contents main .table-contents .contents .content-list a {
  color: var(--color-dark);
  text-decoration: none;
}

.no-cssgrid .magazine-contents main .table-contents .contents .content-list a, .no-cssgrid .book-contents main .table-contents .contents .content-list a {
  flex: 0 1 100%;
  margin: 0 0.8em 0.8em 0;
}

.magazine-contents main .table-contents .contents .content-list a li, .book-contents main .table-contents .contents .content-list a li {
  display: -ms-grid;
  -ms-grid-columns: 80px 1fr;
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'item-image item-title';
  padding: 0;
}

.magazine-contents main .table-contents .contents .content-list a li .item-image, .book-contents main .table-contents .contents .content-list a li .item-image {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: item-image;
  -ms-grid-row-align: center;
  align-self: center;
}

.magazine-contents main .table-contents .contents .content-list a li .item-image img, .book-contents main .table-contents .contents .content-list a li .item-image img {
  display: block;
  margin: 0;
  padding: 0;
}

.magazine-contents main .table-contents .contents .content-list a li .item-title, .book-contents main .table-contents .contents .content-list a li .item-title {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: item-title;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.5rem;
}

.magazine-contents main .table-contents .contents .content-list a li.no-thumbnail, .book-contents main .table-contents .contents .content-list a li.no-thumbnail {
  display: -ms-grid;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'item-title';
}

.magazine-contents main .table-contents .contents .content-list a li.no-thumbnail .item-title, .book-contents main .table-contents .contents .content-list a li.no-thumbnail .item-title {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  margin-bottom: 1em;
}

.magazine-contents main .table-contents .contents .content-list:last-child, .book-contents main .table-contents .contents .content-list:last-child {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 2.5em;
}

.magazine-contents main .related-links, .book-contents main .related-links {
  margin: 1em 0 0 0;
  width: 100%;
}

.magazine-contents main .modified, .book-contents main .modified {
  border-bottom: none;
  border-top: none;
  padding: 3em 0 0 0;
}

.book-contents main .table-contents .contents .content-list {
  grid-gap: 0.2em;
}

.book-contents main .table-contents .contents .content-list a:nth-child(odd) {
  background-color: var(--color-body-background);
}

.book-contents main .table-contents .contents .content-list a:nth-child(even) {
  background-color: var(--color-secondary);
}

.book-contents main .table-contents .contents .content-list a li.no-thumbnail .item-title {
  -ms-grid-row-align: center;
  align-self: center;
  margin-bottom: 0;
  padding: 0.8em 1.5em;
}

.book-contents main .table-contents .contents .content-list a:hover, .book-contents main .table-contents .contents .content-list a:focus {
  background-color: var(--color-secondary);
  color: var(--color-light);
}

.magazine-contents main .table-contents {
  margin-top: 3em;
}

.magazine-contents main .table-contents .about-box .about-cover {
  background-color: var(--color-dark);
  color: var(--color-light);
  line-height: 1.6em;
  padding: 1em 1.5em;
}

.magazine-contents main .table-contents .about-box .about-cover h2, .magazine-contents main .table-contents .about-box .about-cover h3 {
  color: var(--color-light);
  font-size: 1.5rem;
}

.magazine-contents main .table-contents .about-box .about-cover p {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
}

.magazine-contents main .table-contents .about-box .related-links {
  border-top: 1px solid var(--color-border);
  padding: 1.5em 0;
}

.magazine-contents main .table-contents .about-box .related-links h1 {
  display: none;
}

.magazine-contents main .table-contents .contents h2 {
  border-top: 1px solid var(--color-border);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 0.5em 0 1em 0;
}

.magazine-contents main .table-contents .contents h2:first-child {
  margin-top: 0;
}

.magazine-contents main .table-contents .contents .content-list a li .item-title {
  border-bottom: 1px solid var(--color-light);
}

.magazine-contents main .table-contents .contents .content-list a li .item-title:hover, .magazine-contents main .table-contents .contents .content-list a li .item-title:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.magazine-contents main .table-contents .contents .content-list:last-child {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 2.5em;
}

.magazine-story main #pageheader h1 .subtitle, .book-chapter main #pageheader h1 .subtitle {
  display: block;
  font-size: 1.5rem;
  margin: 0.2rem 0 0 0;
}

.magazine-story main h2.story-title, .book-chapter main h2.story-title {
  font-size: 2.1rem;
  margin-bottom: 1em;
}

@media screen and (max-width: 83em) {
  .magazine-story main h2.story-title, .book-chapter main h2.story-title {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.magazine-story main .credit, .book-chapter main .credit {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: italic;
  font-weight: 500;
  text-transform: none;
  font-size: 1.2rem;
}

@media screen and (max-width: 83em) {
  .magazine-story main .credit, .book-chapter main .credit {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.magazine-story main .institution, .book-chapter main .institution {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
}

@media screen and (max-width: 83em) {
  .magazine-story main .institution, .book-chapter main .institution {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.magazine-story main .news-nav, .book-chapter main .news-nav {
  padding-bottom: 0.8rem;
}

.book-contents main .table-contents .about-box .about-book {
  background-color: var(--color-dark);
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  line-height: 1.6em;
  padding: 1em 1.5em;
}

.book-contents main .table-contents .about-box .about-book h2 {
  color: var(--color-light);
  font-size: 1.5rem;
}

.book-contents main .table-contents .about-box .about-book a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-light);
  text-decoration: none;
}

.book-contents main .table-contents .about-box .about-book a:hover, .book-contents main .table-contents .about-box .about-book a:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.book-contents main .table-contents .contents .book-plate {
  background-color: var(--color-light);
  border: 1px solid var(--color-border);
  color: #555;
  margin-bottom: 0.8em;
  padding: 1.5em;
  text-align: center;
}

.book-contents main .table-contents .contents .link-object {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin-bottom: 0.8em;
}

.book-contents main .table-contents .contents .link-object .link-object-title {
  color: #116cac;
  font-size: 1.8em;
  line-height: 1.2;
  padding: 0.4em;
  transition: color .7s ease;
}

.book-contents main .table-contents .contents .link-object:hover .link-object-title, .book-contents main .table-contents .contents .link-object:focus .link-object-title {
  color: var(--color-primary);
}

.book-chapter main h2 {
  font-size: 1.8em;
}

@media screen and (max-width: 83em) {
  .book-chapter main h2 {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.book-chapter main .edition {
  background-color: var(--color-dark);
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  padding: 1em;
  margin: 4em auto;
}

@media screen and (max-width: 83em) {
  .book-chapter main .edition {
    width: 93%;
  }
}

.book-chapter main figure {
  border: 1px solid var(--color-border);
  margin: 0.5em auto;
  max-width: 800px;
}

.book-chapter main figure img {
  display: block;
  width: 100%;
}

.book-chapter main figure figcaption {
  background-color: var(--color-dark);
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  padding: 0.5em 1em;
}

.book-chapter main figure figcaption p {
  margin: 0;
  padding: 0.5em 0 0.2em 0;
}

.book-chapter main .news-nav {
  border-bottom: 1px solid var(--color-border);
}

.book-chapter main .modified {
  border-top: none;
}

.photo-gallery main .image-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 0.8em;
  margin-bottom: 4em;
}

.no-cssgrid .photo-gallery main .image-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  .photo-gallery main .image-group {
    margin: 0 auto 4em auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .photo-gallery main .image-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width: 100%;
  }
  .no-cssgrid .photo-gallery main .image-group {
    padding-left: 1.5em;
  }
}

.photo-gallery main .image-group figure {
  margin: 0;
  padding: 0;
  position: relative;
}

.no-cssgrid .photo-gallery main .image-group figure {
  flex: 0 1 45%;
  margin: 0 0.8em 0.8em 0;
}

@media screen and (max-width: 44em) {
  .photo-gallery main .image-group figure {
    margin: 0 auto;
    width: 93%;
  }
  .no-cssgrid .photo-gallery main .image-group figure {
    flex: 0 1 93%;
    margin: 0 0.8em 0.8em 0;
  }
}

.photo-gallery main .image-group figure img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.photo-gallery main .image-group figure figcaption {
  background: rgba(51, 51, 51, 0.7);
  color: var(--color-light);
  font-size: 1em;
  margin: 0;
  padding: 0.2em 0.6em;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 100%;
}

.photo-gallery main .related-links {
  border-top: 1px solid var(--color-border);
}

.photo-gallery-contents main .child-nav .nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  border-bottom: 1px solid var(--color-border);
  margin: 1.5em 0 0 0;
  padding: 0 0 6em 0;
}

.no-cssgrid .photo-gallery-contents main .child-nav .nav-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 83em) {
  .photo-gallery-contents main .child-nav .nav-wrapper {
    margin: 1.5em auto 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 44em) {
  .photo-gallery-contents main .child-nav .nav-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.photo-gallery-contents main, .photo-gallery main, .exhibition main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
}

@media screen and (max-width: 83em) {
  .photo-gallery-contents main, .photo-gallery main, .exhibition main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
  }
}

.photo-gallery-contents main h2.section-head, .photo-gallery main h2.section-head {
  font-size: 2em;
  padding-bottom: 0.2em;
}

@media screen and (max-width: 83em) {
  .photo-gallery-contents main h2.section-head, .photo-gallery main h2.section-head {
    margin: 1em auto 0 auto;
    width: 93%;
  }
}

.photo-gallery-contents main .modified, .photo-gallery main .modified {
  border-bottom: none;
  border-top: none;
}

.sounds-page main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
}

@media screen and (max-width: 83em) {
  .sounds-page main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
    margin: 0 auto;
    width: 93%;
  }
}

@media screen and (max-width: 83em) {
  .sounds-page main h2, .sounds-page main h3 {
    margin: 0 auto 0.5em auto;
    width: 93%;
  }
}

@media screen and (max-width: 83em) {
  .sounds-page main .sound-list {
    margin: 0 auto;
    padding: 1em 0;
    width: 93%;
  }
}

.sound-list {
  margin: 2.5em 0;
}

.sounds-page main .sound-list .sound-object {
  display: -ms-grid;
  -ms-grid-columns: auto 1fr;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'thumbnail audio';
  border-top: 1px solid var(--color-border);
  margin-bottom: 2em;
  padding: 1em 0;
}

@media screen and (max-width: 44em) {
  .sounds-page main .sound-list .sound-object {
    display: -ms-grid;
    -ms-grid-columns: 90px 1fr;
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-template-rows: auto;
  }
}

.sounds-page main .sound-list .sound-object .sound-object-thumb {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: thumbnail;
}

.sounds-page main .sound-list .sound-object .sound-object-thumb img {
  width: 100%;
}

.sounds-page main .sound-list .sound-object .sound-object-text {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: audio;
  padding: 0 1em 2em 1em;
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.3rem;
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-title a {
  border-bottom: 1px solid var(--color-light);
  color: var(--color-dark);
  text-decoration: none;
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-title a:hover, .sounds-page main .sound-list .sound-object .sound-object-text .sound-object-title a:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-audio {
  border: 1px solid var(--color-border);
  margin: 0.5em 0 1em 0;
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-summary {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.2rem;
  padding-bottom: 0.2em;
}

.sounds-page main .sound-list .sound-object .sound-object-text .sound-object-credit {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.1rem;
}

.sounds-page main .modified {
  border-bottom: none;
}

.sound-player {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 1em 0;
}
.sound-player-text {
  max-width: 40%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  border-top: 1px solid #999;
  border-bottom: 4px solid #999;
  padding-bottom: 0.5em;
}
.sound-player-title, .sound-player-title a {
  font-weight: bold;
  color: black;
  font-size: 1.5em;
  line-height: 1.1;
}
.sound-player-thumb {
  width: 60%;
  height: auto;
  min-height: 300px;
}
.sound-player-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.sound-player-audio {
  width: 100%;
}
.sound-player-credit {
  font-size: 0.8em;
}

@media screen and (max-width: 43em) {
  .sound-player-thumb, .sound-player-text, .sound-player-audio {
    width: 100%;
    max-width: 100%;
  }
}

.search main {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
  grid-template-rows: auto;
  grid-template-areas: '. article .';
  padding-bottom: 4em;
}

@media screen and (max-width: 83em) {
  .search main {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'article';
  }
}

.search main #pageheader {
  grid-template-areas: 'heading1';
}

.search main #pageheader h1 {
  margin-bottom: 0.5em;
}

.search main h2 {
  font-size: 1.5rem;
}

@media screen and (max-width: 83em) {
  .search main h2 {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.search main h3 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-size: 1.2rem;
}

@media screen and (max-width: 83em) {
  .search main h3 {
    margin-left: auto;
    margin-right: auto;
    width: 93%;
  }
}

.search main .share, .search main .breadcrumbs {
  display: none;
}

.search main ul.results-index {
  list-style-type: none;
  margin: 0 auto;
  padding: 1.5em 0;
}

@media screen and (max-width: 83em) {
  .search main ul.results-index {
    width: 93%;
  }
}

.search main ul.results-index li.result-object {
  display: -ms-grid;
  -ms-grid-columns: auto 1fr;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: 'thumbnail audio';
  border-top: 1px solid var(--color-border);
  margin-bottom: 3em;
  max-width: 100vw;
  padding-top: 1em;
  width: 100%;
}

.search main ul.results-index li.result-object .result-object-thumb {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: thumbnail;
}

.search main ul.results-index li.result-object .result-object-thumb img {
  width: 100%;
}

@media screen and (max-width: 44em) {
  .search main ul.results-index li.result-object .result-object-thumb img {
    width: 100px;
  }
}

.search main ul.results-index li.result-object .result-object-text {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-area: audio;
  padding: 0 1em;
}

.search main ul.results-index li.result-object .result-object-text .result-object-title {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 1.2rem;
  margin-top: 0;
  padding-top: 0;
}

.search main ul.results-index li.result-object .result-object-text .result-object-title a {
  border-bottom: 1px solid var(--color-light);
  color: var(--color-dark);
  text-decoration: none;
}

.search main ul.results-index li.result-object .result-object-text .result-object-title a:hover, .search main ul.results-index li.result-object .result-object-text .result-object-title a:focus {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.search main ul.results-index li.result-object .result-object-text .result-object-date {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.search main ul.results-index li.result-object .result-object-text .result-object-summary {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1.1rem;
  padding-bottom: 0.2em;
}

.search main ul.results-index li.result-object .result-object-text .result-object-summary .lineage {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1rem;
}

.search main ul.results-index li.result-object .result-object-text .result-object-summary .lineage strong {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
}

.search main ul.results-index li.result-object .result-object-text .result-object-summary .lineage a {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-dark);
  text-decoration: none;
}

.search main ul.results-index li.result-object .result-object-text .result-object-summary .lineage a:hover, .search main ul.results-index li.result-object .result-object-text .result-object-summary .lineage a:focus {
  border-bottom: 1px solid var(--color-primary);
}

.search main ul.results-index li.result-object:last-child {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 3em;
}

.search main .MarkupPagerNav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  list-style-type: none;
  margin: 0 auto 2em auto;
  padding: 0;
}

@media screen and (max-width: 44em) {
  .search main .MarkupPagerNav {
    flex-wrap: wrap;
    width: 93%;
  }
}

.search main .MarkupPagerNav li {
  align-items: center;
  display: flex;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 0.2em;
}

.search main .MarkupPagerNav li a {
  align-items: center;
  background-color: var(--color-dark);
  color: var(--color-light);
  display: flex;
  height: 100%;
  padding: 0.5em 0.8em;
  text-decoration: none;
}

.search main .MarkupPagerNav li a:hover, .search main .MarkupPagerNav li a:focus {
  background-color: var(--color-primary);
}

.search main .MarkupPagerNav li.MarkupPagerNavPrevious {
  margin-right: 1em;
}

.search main .MarkupPagerNav li.MarkupPagerNavNext {
  margin-left: 1em;
}

.search main .MarkupPagerNav li.MarkupPagerNavOn a {
  background-color: var(--color-light);
  box-shadow: inset 0 0 0 1px var(--color-body-background);
  color: var(--color-dark);
}

.search main .MarkupPagerNav li.MarkupPagerNavOn a:hover, .search main .MarkupPagerNav li.MarkupPagerNavOn a:focus {
  background-color: var(--color-primary);
  color: var(--color-light);
  box-shadow: inset 0 0 0 1px var(--color-primary);
}

.search main .modified {
  display: none;
}

.webcam-station main .featured figcaption {
  -ms-grid-column-align: start;
  justify-self: start;
}

.webcam-station main .related-links + .modified {
  border-top: none;
}

footer {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: footer;
  display: flex;
  background-color: var(--color-dark);
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.2;
  padding: 2em 0.5em;
}

@media print {
  footer {
    display: none;
  }
}

@media screen and (max-width: 75em) {
  footer {
    display: -ms-grid;
    -ms-grid-columns: 1fr auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    grid-template-areas: 'logo logo' 'acknowledgement acknowledgement' 'links keep-in-touch' 'links newsletter';
    padding: 0;
  }
}

@media screen and (max-width: 44em) {
  footer {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'logo' 'acknowledgement' 'links' 'keep-in-touch' 'newsletter';
  }
}

footer a {
  color: var(--color-light);
}

footer .logo {
  flex: 0 1 20%;
  height: 100%;
  padding: 0 4em;
  width: 100%;
}

@media screen and (max-width: 140em) {
  footer .logo {
    padding: 0 3em;
  }
}

@media screen and (max-width: 130em) {
  footer .logo {
    padding: 0 2em;
  }
}

@media screen and (max-width: 120em) {
  footer .logo {
    padding: 0 1em;
  }
}

@media screen and (max-width: 110em) {
  footer .logo {
    padding: 0 0.5em;
  }
}

@media screen and (max-width: 75em) {
  footer .logo {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column-span: 2;
    grid-area: logo;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'image tagline';
    height: auto;
    padding: 0;
  }
}

@media screen and (max-width: 44em) {
  footer .logo {
    -ms-grid-column-span: 1;
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'image' 'tagline';
  }
}

footer .logo img {
  display: block;
  height: auto;
  margin: 0 0 1.2em 0;
  padding: 0;
  width: 100%;
  max-width: 300px;
}

@media screen and (max-width: 75em) {
  footer .logo img {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: image;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-column-align: center;
    justify-self: center;
    margin: 0 auto;
    padding: 1em 0;
    width: 80%;
  }
}

@media screen and (max-width: 83em) {
  footer .logo .aad-gov-links {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 75em) {
  footer .logo .aad-gov-links {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: tagline;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-column-align: center;
    justify-self: center;
    font-size: 1.2rem;
    text-align: center;
  }
}

@media screen and (max-width: 52em) {
  footer .logo .aad-gov-links {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 44em) {
  footer .logo .aad-gov-links {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}

footer .logo .aad-gov-links {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-top: 1em;
  padding-bottom: 1em;;
}

footer .logo .aad-gov-links p {
  margin: 0;
  padding: 0;
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}

footer .logo .aad-gov-links p a {
  border-bottom: 1px solid var(--color-dark);
  text-decoration: none;
}

footer .logo .aad-gov-links p a:hover {
  border-bottom: 1px solid var(--color-border);
}

footer .logo .aad-gov-links p a:focus {
  border-bottom: 3px solid var(--color-light);
  outline: none;
}

footer .acknowledgement {
  flex: 0 1 15%;
  border-left: 1px solid var(--color-border);
  height: 100%;
  padding: 0 6em;
}

@media screen and (max-width: 140em) {
  footer .acknowledgement {
    padding: 0 5em;
  }
}

@media screen and (max-width: 130em) {
  footer .acknowledgement {
    padding: 0 4em;
  }
}

@media screen and (max-width: 120em) {
  footer .acknowledgement {
    padding: 0 3em;
  }
}

@media screen and (max-width: 110em) {
  footer .acknowledgement {
    padding: 0 2em;
  }
}

@media screen and (max-width: 75em) {
  footer .acknowledgement {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column-span: 2;
    grid-area: acknowledgement;
    border-left: none;
    height: auto;
    padding: 0;
  }
}

@media screen and (max-width: 44em) {
  footer .acknowledgement {
    -ms-grid-column-span: 1;
  }
}

footer .acknowledgement p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 83em) {
  footer .acknowledgement p {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 75em) {
  footer .acknowledgement p {
    border-bottom: 1px solid var(--color-light);
    border-top: 1px solid var(--color-light);
    font-size: 1.2rem;
    margin: 0 auto;
    padding: 1.5em 3em;
    text-align: center;
    width: 93%;
  }
}

@media screen and (max-width: 52em) {
  footer .acknowledgement p {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 44em) {
  footer .acknowledgement p {
    margin: 1.5em auto 0 auto;
    padding: 1.5em;
    width: 93%;
  }
}

footer .links {
  display: -ms-grid;
  -ms-grid-columns: 34% 33% 33%;
  display: grid;
  grid-template-columns: 34% 33% 33%;
  grid-template-rows: auto;
  flex: 0 1 25%;
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  height: 100%;
  padding: 0 6em;
}

@media screen and (max-width: 140em) {
  footer .links {
    padding: 0 5em;
  }
}

@media screen and (max-width: 130em) {
  footer .links {
    padding: 0 4em;
  }
}

@media screen and (max-width: 120em) {
  footer .links {
    padding: 0 3em;
  }
}

@media screen and (max-width: 110em) {
  footer .links {
    padding: 0 2em;
  }
}

@media screen and (max-width: 83em) {
  footer .links {
    flex: 0 1 30%;
    padding: 0 1em 0 2em;
  }
}

@media screen and (max-width: 75em) {
  footer .links {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-area: links;
    -ms-row-align: start;
    align-self: start;
    border-left: none;
    height: auto;
    font-size: 1.2rem;
    margin-top: 1.5em;
    padding: 0 2em 3.5em 2em;
  }
}

@media screen and (max-width: 52em) {
  footer .links {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 44em) {
  footer .links {
    -ms-grid-column-span: 1;
    -ms-grid-row-span: 1;
    border-right: none;
    margin: 1.5em 0 auto 0 auto;
    padding: 0 1em 0 2.5em;
    width: 98%;
  }
}

footer .links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer .links ul li {
  margin: 0 0 0.4em 0;
  padding: 0;
  width: 100%;
}

footer .links ul li a, .aad-gov-links a {
  color: var(--color-light);
}

footer .links ul li a:hover, footer .links ul li a:focus,
.aad-gov-links a:hover, .aad-gov-links a:focus
{
  text-decoration: underline;
  color: var(--color-light);
}

footer .links ul.col1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  justify-self: start;
  margin-right: 0.5em;
}

footer .links ul.col2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  justify-self: center;
  margin: 0 0.5em;
}

footer .links ul.col3 {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  justify-self: end;
  margin-left: 0.5em;
}

footer .keep-in-touch {
  flex: 0 1 20%;
  border-right: 1px solid var(--color-border);
  height: 100%;
  padding: 0 6em;
}

@media screen and (max-width: 140em) {
  footer .keep-in-touch {
    padding: 0 5em;
  }
}

@media screen and (max-width: 130em) {
  footer .keep-in-touch {
    padding: 0 4em;
  }
}

@media screen and (max-width: 120em) {
  footer .keep-in-touch {
    padding: 0 3em;
  }
}

@media screen and (max-width: 110em) {
  footer .keep-in-touch {
    padding: 0 2em;
  }
}

@media screen and (max-width: 83em) {
  footer .keep-in-touch {
    flex: 0 1 15%;
  }
}

@media screen and (max-width: 75em) {
  footer .keep-in-touch {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-area: keep-in-touch;
    -ms-grid-row-align: start;
    align-self: start;
    -ms-grid-column-align: start;
    justify-self: start;
    border-right: none;
    height: auto;
    padding: 2em 2em 1em 2em;
  }
}

@media screen and (max-width: 44em) {
  footer .keep-in-touch {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    margin: 1.5em auto 0 auto;
    padding: 2rem 0.5rem;
    width: 93%;
  }
}

footer .keep-in-touch h2 {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 0 0.8em 0;
  padding: 0;
}

@media screen and (max-width: 44em) {
  footer .keep-in-touch h2 {
    font-size: 1.2rem;
    padding: 0 0 0.5rem 0.5rem;
  }
}

footer .keep-in-touch .narrow {
  display: none;
}

@media screen and (max-width: 75em) {
  footer .keep-in-touch .narrow {
    display: block;
    display: -ms-grid;
    -ms-grid-columns: auto auto auto auto auto auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-template-rows: auto;
    grid-template-areas: 'facebook twitter instagram linkedin youtube rss';
    grid-gap: 0;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: start;
    justify-self: start;
  }
  footer .keep-in-touch .narrow a {
    display: block;
    height: 30px;
    margin: 0 15px 0 0;
    padding: 0;
    width: 30px;
  }
  footer .keep-in-touch .narrow a svg {
    fill: var(--color-light);
    height: 100%;
    margin: 0;
    padding: 0;
    transition: transform .7s ease;
    width: 100%;
  }
  footer .keep-in-touch .narrow a:focus {
    outline: none;
  }
  footer .keep-in-touch .narrow a:focus svg {
    outline: none;
    transform: scale(1.2);
  }
  footer .keep-in-touch .narrow a.facebook {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: facebook;
  }
  footer .keep-in-touch .narrow a.twitter {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: twitter;
  }
  footer .keep-in-touch .narrow a.instagram {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: instagram;
  }
  footer .keep-in-touch .narrow a.linkedin {
    -ms-grid-column: 4;
    -ms-grid-row: 1;
    grid-area: linkedin;
  }
  footer .keep-in-touch .narrow a.youtube {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: youtube;
  }
  footer .keep-in-touch .narrow a.rss {
    -ms-grid-column: 6;
    -ms-grid-row: 1;
    grid-area: rss;
  }
}

@media screen and (max-width: 44em) {
  footer .keep-in-touch .narrow {
    -ms-grid-column-align: end;
    justify-self: end;
    padding-left: 0.5rem;
  }
}

footer .keep-in-touch .wide {
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  width: 100%;
}

@media screen and (max-width: 83em) {
  footer .keep-in-touch .wide {
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

@media screen and (max-width: 75em) {
  footer .keep-in-touch .wide {
    display: none;
  }
}

footer .keep-in-touch .wide ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer .keep-in-touch .wide ul li {
  margin: 0 0 0.4em 0;
  padding: 0;
  width: 100%;
}

footer .keep-in-touch .wide ul li a {
  text-decoration: none;
}

footer .keep-in-touch .wide ul li a .social-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
}

footer .keep-in-touch .wide ul li a .social-icon svg {
  fill: var(--color-light);
  height: 100%;
  margin: 0;
  padding: 0;
  transition: transform .7s ease;
  width: 100%;
}

@media screen and (max-width: 93em) {
  footer .keep-in-touch .wide ul li a .social-icon {
    height: 16px;
    width: 16px;
  }
}

footer .keep-in-touch .wide ul li a .social-text {
  font-size: 1rem;
  margin-left: 0.2em;
}

@media screen and (max-width: 93em) {
  footer .keep-in-touch .wide ul li a .social-text {
    font-size: 0.9rem;
  }
}

footer .keep-in-touch .wide ul li a:focus {
  outline: none;
}

footer .keep-in-touch .wide ul li a:focus .social-icon svg {
  outline: none;
  transform: scale(1.2);
}

footer .keep-in-touch .wide ul li a:focus .social-text {
  border-bottom: 3px solid var(--color-light);
}

footer .keep-in-touch .wide ul.col1 {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  justify-self: start;
}

footer .keep-in-touch .wide ul.col2 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  justify-self: end;
}

@media screen and (max-width: 83em) {
  footer .keep-in-touch .wide ul.col2 {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    justify-self: start;
  }
}

footer .newsletter {
  flex: 0 1 20%;
  height: 100%;
  padding: 0 6em;
  width: 100%;
}

footer .newsletter .alert {
  display: none;
}

@media screen and (max-width: 140em) {
  footer .newsletter {
    padding: 0 5em;
  }
}

@media screen and (max-width: 130em) {
  footer .newsletter {
    padding: 0 4em;
  }
}

@media screen and (max-width: 120em) {
  footer .newsletter {
    padding: 0 3em;
  }
}

@media screen and (max-width: 110em) {
  footer .newsletter {
    padding: 0 2em;
  }
}

@media screen and (max-width: 75em) {
  footer .newsletter {
    -ms-grid-column: 2;
    -ms-grid-row: 4;
    grid-area: newsletter;
    height: auto;
    padding: 1em 2em 2em 2em;
  }
}

@media screen and (max-width: 44em) {
  footer .newsletter {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    margin: 1.5em auto;
    padding: 0;
    width: 93%;
  }
}

footer .newsletter form {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-row-align: center;
  align-items: center;
  grid-template-areas: 'subscribe-label' 'subscribe-input' 'subscribe-button';
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 44em) {
  footer .newsletter form {
    padding: 0 1rem;
  }
}

footer .newsletter form label {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: subscribe-label;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 0 0.5em 0;
  padding: 0;
}

@media screen and (max-width: 44em) {
  footer .newsletter form label {
    font-size: 1.1rem;
  }
}

footer .newsletter form input {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: subscribe-input;
  background-color: #555;
  border: none;
  color: var(--color-light);
  font-family: "open_sans_300", Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0.8em;
  width: 100%;
}
footer .newsletter form input::placeholder {
  color: var(--color-body-background);
}

footer .newsletter form button {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: subscribe-button;
  -ms-grid-column-align: start;
  justify-self: start;
  background-color: var(--color-dark);
  border: none;
  color: var(--color-light);
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0.5em 0;
  padding: 0;
}

footer .newsletter form button svg {
  fill: var(--color-light);
  height: 0.8rem;
  margin-bottom: -0.1em;
  opacity: 0.8;
}

@media screen and (max-width: 44em) {
  footer .newsletter form button {
    font-size: 1.1rem;
  }
}

body.loggedin .body-wrapper {
  grid-template-areas: 'loggedin' 'alert' 'header' 'main' 'footer';
}

@media print {
  body.loggedin .body-wrapper {
    grid-template-areas: 'header' 'main' 'footer';
  }
}

body.loggedin .user-links {
  display: flex;
  flex-direction: row;
  gap: 1.5em;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.5em;
  background-color: #eeeeee;
  flex-wrap: wrap;
}

@media print {
  body.loggedin .user-links {
    display: none;
  }
}
body.loggedin .user-links .edit-logout {
  display: flex;
  flex-direction: row;
  gap: 0.25em;
}
body.loggedin .user-links .edit-logout a {
  color: #fff;
  border-radius: 3px;
  background: #e83561;
  padding: 3px 8px;
  font-size: 11pt;
  font-weight: bold;
  line-height: 1.4;
  text-transform: none;
  display: flex;
  flex-direction: row;
  text-decoration: none !important;
  align-items: center;
  justify-content: center;
}

body.loggedin .user-links #publish-status {
  display: inline-block;
  font-size: 0.9em;
  padding: 0.2em 0.5em;
}

body.loggedin .user-links #publish-status.unpublished {
  background-color: #bae1f4;
  border: 1px solid #a8d5ea;
}

body.loggedin .user-links #publish-status.published {
  background-color: #d2f2cd;
  border: 1px solid #abe8a2;
}

body.loggedin .user-links .readability {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.25em;
  font-size: 1.2rem;
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

body.loggedin .user-links .readability.plain {
  color: #568152;
}

body.loggedin .user-links .readability.difficult {
  color: #3e4fcf;
}

body.loggedin .user-links .readability.very-difficult {
  color: #c86830;
}

body.loggedin .user-links .readability svg {
  height: 20px;
  width: 20px;
}

nav#table-of-contents {
  font-size: 1rem;
  padding-left: 1.5em;
  margin-bottom: 3em;
  border-left: 4px solid var(--color-primary);
}
nav#table-of-contents h2 {
  font-size: 1.5rem;
}
nav#table-of-contents ul {
  list-style: none;
}
nav#table-of-contents ul,
nav#table-of-contents ul li {
  padding-inline-start: 0;
  padding-bottom: 0.35em;
}
nav#table-of-contents ul li:last-child {
  padding-bottom: 0;
}

.related-pages {
  margin: 1.5em auto 0 auto;
}
@media screen and (max-width: 1328px) {
  .related-pages {
    width: 93%;
  }
}
.related-pages-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  border-bottom: 1px solid var(--color-border);
  margin: 1.5em 0 0 0;
  padding: 0 0 2.5em 0;
}
.related-pages-grid a {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  color: var(--color-dark);
  position: relative;
  width: 100%;
  overflow: hidden;
}
.related-pages-grid a:hover, .related-pages-grid a:focus {
  color: var(--color-primary);
}
.related-pages .related-text {
  font-family: "bebas-neue-pro-semiexpanded",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  padding-top: 0.25em;
}
@media screen and (max-width: 34em) {
  .related-pages-grid {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 83em) {
  details {
    margin: 0 auto;
    width: 93%;
  }
}
details summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.2em;
  line-height: 1.3;
  font-weight: bold;
  padding: 0.75em;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
  z-index: 1;
}
details summary:hover {
  text-decoration: underline var(--color-primary) 2px;
}
details summary::-webkit-details-marker,
details summary::marker {
  display: none;
  content: '';
}
details summary::before {
  background-image: url('../images/arrow.svg');
  background-size: 0.8em 0.8em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  height: 1em;
  width: 1.25em;
  min-width: 1.25em;
  margin-right: 0.75em;
  transition: transform 0.2s;
  display: inline-block;
}
details[open] summary {
  margin-bottom: 0.5em; /* adds a margin under the accordion heading only when open */
  position: relative;
}
details[open] summary::before {
  transform: rotate(90deg);
}
details[open] summary ~ *:not(.table) {
  position: relative;
  z-index: 0;
  animation: detail-load .4s ease-in-out both;
  margin-left: 3.5em;
}
@keyframes detail-load {
  0%    {opacity: 0; top: -20px}
  100%  {opacity: 1; top: 0;}
}

table caption {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: bold;
  caption-side: top;
  color: var(--color-dark);
}

/* Alerts/announcements */
.alerts {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 83em) {
  .alerts {
    max-width: 93%;
  }
}
.alert {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  background-color: var(--color-primary);
  color: white;
}
.alert p {
  margin-bottom: 0;
  margin-block-end: 0 !important;
  flex-grow: 1;
}
.alert svg {
  margin-right: 1em;
  min-width: 20px;
  flex-grow: 0;
}
.alert a {
  color: white;
  text-decoration: underline;
}
.alert a:hover, .alert a:focus {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.global-alert {
  background-color: var(--color-primary);
  grid-area: alert;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  color: white;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.global-alert p {
  margin-block-end: 0 !important;
}
.global-alert a {
  color: white;
}

/* Embed links for videos */
.embed-link code {
  user-select: all;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Reduce all animation and transition on prefers-reduced-motion */
@media screen and (prefers-reduced-motion: reduce) {
  *, *:after, *:hover, *:focus {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}