@charset "UTF-8";
/* blue */
/* yellow */
/* orange */
/* blue */
/* orange */
/* 1760px */
/* 1400px */
/* 1200px */
/* 800px */
/* 512px */
/* 511px */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

nav ul {
  padding: 0 0 0 0;
  margin: 0 0 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.1em;
}
@media only screen and (min-width: 50em) {
  nav ul {
    -ms-flex-wrap: nowrap;
  }
}

nav li {
  display: inline-block;
}
@media only screen and (min-width: 50em) {
  nav li {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}

nav ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0.5rem 0.2rem 0.5rem 0;
}
@media only screen and (min-width: 50em) {
  nav ul li {
    margin: 0 0 0 0;
  }
}

nav a, nav a:visited {
  display: inline;
  border: 0;
  border-radius: 4px;
  padding: 0.2em 0.3em;
  margin: 0;
  background-color: #006edc;
  color: #eee;
}
@media only screen and (min-width: 50em) {
  nav a, nav a:visited {
    display: block;
    padding: 0.5em 0.5em;
    border-bottom: 1px solid #cce2f8;
    border-radius: 0;
  }
}
@media screen and (max-height: 560px) {
  nav a, nav a:visited {
    padding: 0.3em 0.5em;
    font-size: 1em;
  }
}

nav a:hover {
  background-color: #ffe600;
  color: #333;
}

nav a:link.current, nav a:visited.current {
  color: #333;
  background-color: #ffe600;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: #333;
  background-color: #fff;
}

@media only screen and (max-width: 31.9em) {
  .hidePhone {
    display: none;
  }
}

/* ---Layout---*/
.container {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: transparent;
  max-width: 1000px;
}
@supports (display: grid) {
  .container {
    max-width: 100%;
  }
}

.entryPage main {
  max-width: 55em;
}

aside {
  text-align: left;
  background-color: #fff;
}

footer {
  margin: 1em 0;
  padding: 1rem;
  clear: both;
  text-align: center;
}

.pagefooter {
  clear: both;
  text-align: center;
  background-color: #fff;
  margin: 0;
  padding: 0 0 0.5rem 0;
}

.news-head h2 {
  background-color: #006edc;
  color: #eee;
  text-align: center;
  padding: 0.3rem 0 0.2rem 0;
  margin: 0;
}

/* ---Archive and Info index boxes---*/
.home-container {
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0;
  margin-right: -0.7rem;
  margin-top: 0;
  clear: both;
}

.home-container .summary {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -webkit-flex-basis: 220px;
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  border: 1px solid #cce2f8;
  padding: 0.7rem;
  margin: 0 0.7rem 0.7rem 0;
  text-align: left;
  overflow: hidden;
  min-width: 220px;
}

.summary-container {
  -webkit-columns: 250px;
  -webkit-column-gap: 1rem;
  -moz-columns: 250px;
  -moz-column-gap: 1rem;
  columns: 250px;
  column-gap: 1rem;
  margin: 0 0 1rem 0;
}

/* ---narrower columns on Info page---*/
.summary {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  border: 1px solid #cce2f8;
  margin: 0 0 0.5rem 0;
  padding: 0.5rem 0.5rem 0 0.5rem;
  text-align: left;
  background-color: #fff;
}

.summary img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.summary h2 {
  font-size: 1.4em;
  margin: 0 0 0.5rem 0;
  clear: left;
  font-weight: bold;
}

.summary h3 {
  font-size: 1.1em;
  margin: 0.3rem 0 0.1rem 0;
  font-weight: bold;
}

.backgroundLightPrime {
  background-color: rgb(237.15, 244.85, 252.55);
}

.backgroundMidPrime {
  background-color: rgb(198.9, 223.1, 247.3);
}

.backgroundLightSecond {
  background-color: rgb(255, 253.25, 237.15);
}

/* -------Basic Styles-------- */
p {
  margin: 1rem 0 0.3rem 0;
}
@media only screen and (min-width: 88em) {
  p {
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 110em) {
  p {
    font-size: 1.2em;
  }
}

p.caption {
  margin: 0 0 0.3rem 0;
}

.small {
  font-size: 0.8em;
}

.largeText {
  font-size: 1.2em;
}

.meta {
  font-size: 0.8em;
  font-weight: normal;
  color: rgb(112.2, 112.2, 112.2);
  margin-bottom: 0.2rem;
  display: inline;
}

a {
  color: #006edc;
  background-color: transparent;
  text-decoration: none;
  font-weight: normal;
}

a:visited {
  color: #006edc;
}

a:hover {
  color: #ff5500;
}

a.current {
  color: #ff5500;
}

a:active, a:focus {
  color: #ff5500;
}

.cleanLink a {
  text-decoration: none;
  background-image: none;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 0;
}

/* https://css-tricks.com/styling-underlines-web/#article-header-id-5 */
h1, h2, h3, h4 {
  font-weight: 500;
  color: #111;
  line-height: 1.1;
}

h1 span, h2 span, h3 span {
  display: block;
  font-size: 0.8em;
}

h1 {
  font-size: 1.8em;
  margin: 0 0 0.2rem 0;
  clear: left;
}
@media only screen and (min-width: 50em) {
  h1 {
    font-size: 2.2em;
  }
}
@media only screen and (min-width: 88em) {
  h1 {
    font-size: 2.4em;
  }
}

h2 {
  font-size: 1.5em;
  margin: 1rem 0 0.5rem 0;
  clear: left;
}
@media only screen and (min-width: 50em) {
  h2 {
    font-size: 1.7em;
  }
}
@media only screen and (min-width: 88em) {
  h2 {
    font-size: 2em;
  }
}

h3 {
  font-size: 1.3em;
  margin: 1rem 0 0.5rem 0;
}
@media only screen and (min-width: 50em) {
  h3 {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 88em) {
  h3 {
    font-size: 1.6em;
  }
}

h4 {
  font-size: 1.1em;
  margin: 1rem 0 0.5rem 0;
}
@media only screen and (min-width: 50em) {
  h4 {
    font-size: 1.2em;
  }
}

h2 + h3 {
  margin-top: 0rem;
}

h3 + p {
  margin-top: 0.3rem;
}

h4 + p {
  margin-top: 0.3rem;
}

aside h2 {
  margin-top: 0;
}

dt, dt a:link, dt a:visited {
  font-size: 1.1em;
  margin-top: 1rem;
}

dd {
  margin: 0;
}

ul {
  padding-left: 1.5rem;
}

ul li {
  list-style: circle;
  margin: 0 0 0.7em 0;
}

.icon > li {
  list-style-image: url(/assets/images/icons-16/icon.svg);
}

ul.crumbs {
  list-style: none;
  margin: 0 0 0.5rem 0;
  padding: 0;
}

.crumbs li {
  display: inline;
  margin: 0;
  font-size: 0.8em;
}

ul.clean {
  padding-left: 0;
  margin-top: 0;
}

.clean li {
  list-style: none;
}

.clean ul li {
  list-style: circle;
}

ul.results {
  font-size: 1.1em;
  padding-left: 0;
  margin: 0;
}

.results li {
  display: inline-block;
  padding-left: 0;
}

ul ul li {
  list-style-image: none;
  list-style-type: circle;
  margin: 0.5em 0 0.5em 0;
}

ul ul ul li {
  list-style-image: none;
  list-style-type: circle;
  margin: 0.5em 0 0.5em 0;
}

ol li {
  margin-bottom: 0.5rem;
}

ol ol li {
  margin-bottom: 0.1em;
}

.toggleLink {
  font-size: 0.8rem;
  color: rgb(112.2, 112.2, 112.2);
}

p a.helpLink {
  font-size: 0.8rem;
  color: #006edc;
  text-decoration: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cce2f8;
  margin: 0.5rem;
  padding: 0;
  clear: both;
}

blockquote {
  background: rgb(237.15, 244.85, 252.55);
  margin: 1.5rem 0 1.5rem;
  padding: 0.5rem 2rem 0.5rem 2.5rem;
  position: relative;
  font-style: italic;
  display: table-cell;
}

blockquote:before {
  content: "“";
  font-size: 4em;
  position: absolute;
  left: 5px;
  top: 0.4em;
  line-height: 0.1em;
}

blockquote:after {
  content: "”";
  font-size: 4em;
  position: absolute;
  right: 0.5rem;
  bottom: 0em;
  line-height: 0.1em;
}

.button a {
  background-color: #006edc;
  border-radius: 4px;
  border: none;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.1;
  padding: 0.5rem;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  width: auto;
}

.button a:link {
  text-decoration: none;
}

.button a:hover {
  background-color: #ff5500;
  color: #333;
}

/* Format the expanding box */
details {
  background: transparent;
  margin-bottom: 1rem;
}

details summary > * {
  display: inline;
}

summary {
  cursor: pointer;
  font-weight: 500;
  color: #006edc;
  padding: 0;
}

summary h2, summary h3 {
  color: #006edc;
}

summary:hover {
  color: #111;
}

details[open] summary h2 {
  color: #111;
}

details[open] summary:hover {
  color: #006edc;
}

details[open] > *:last-child {
  margin-bottom: 0;
}

/* Images */
img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

img.left {
  margin-right: 1rem;
}

img.right {
  margin-left: 1rem;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.titleImage {
  float: none;
  border: 1px solid #cce2f8;
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 32em) {
  .titleImage {
    float: right;
    margin-left: 0.5rem;
    max-width: 50%;
  }
}

.titleImage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.insertedImage {
  border: 1px solid #cce2f8;
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 1rem;
}

.insertedImage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.insertedImage.left {
  float: none;
}
@media only screen and (min-width: 32em) {
  .insertedImage.left {
    float: left;
    clear: left;
    margin: 1rem 1rem 1rem 0;
    max-width: 24em;
  }
}

.insertedImage.right {
  float: none;
}
@media only screen and (min-width: 32em) {
  .insertedImage.right {
    float: right;
    clear: right;
    margin: 1rem 0 1rem 1rem;
    max-width: 24em;
  }
}

.insertedImage.full {
  max-width: 50em;
  clear: both;
  margin: 1rem auto;
}

/* -------Image galleries-------- */
.galleryContainer {
  clear: both;
  -webkit-columns: 260px;
  -webkit-column-gap: 10px;
  -moz-columns: 260px;
  -moz-column-gap: 10px;
  columns: 260px;
  column-gap: 10px;
  margin: 1rem 0 0 0;
}

.galleryBox {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  background-color: #fff;
  border: 1px solid #cce2f8;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
}

.galleryBox img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.caption {
  text-align: center;
  line-height: 1.1em;
  margin-top: 0.2rem;
  font-size: 0.9em;
}

/* -------Tables-------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  text-align: left;
  font-size: 0.8em;
}
@media only screen and (min-width: 32em) {
  table {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 50em) {
  table {
    font-size: 1em;
  }
}

.wideTable {
  margin: 0 auto;
  width: 100%;
}

.wideTable p, .wideTable h2, .wideTable h3, .wideTable h4 {
  text-align: center;
}

th, td {
  padding: 0.3em;
  border: 1px solid #cce2f8;
  vertical-align: top;
}

th {
  text-align: left;
  color: #fff;
  background-color: #006edc;
  font-weight: normal;
}

tr:nth-child(odd) {
  background-color: rgb(237.15, 244.85, 252.55);
}

tr:nth-child(even) {
  background-color: #fff;
}

table p {
  padding: 0;
  margin: 0;
}

.col-date {
  white-space: nowrap;
}

th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 3;
}

td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  z-index: 2;
}

th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
}

/* Scrollable table styling */
.scrollable.has-scroll {
  position: relative;
  overflow: hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}

.scrollable.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px/50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: "";
}

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
  overflow-x: auto;
}

/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
.scrollable > div::-webkit-scrollbar {
  height: 12px;
}

.scrollable > div::-webkit-scrollbar-track {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
  background: #f0f0f0;
}

.scrollable > div::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #ccc;
}

a[href$=".pdf"] {
  background-image: url(/assets/images/icons-16/pdf.png);
  background-image: url(/assets/images/icons-16/pdf.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href$=".doc"] {
  background-image: url(/assets/images/icons-16/word.png);
  background-image: url(/assets/images/icons-16/word.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href$=".docx"] {
  background-image: url(/assets/images/icons-16/word.png);
  background-image: url(/assets/images/icons-16/word.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href$=".xls"] {
  background-image: url(/assets/images/icons-16/excel.png);
  background-image: url(/assets/images/icons-16/excel.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href$=".xlsx"] {
  background-image: url(/assets/images/icons-16/excel.png);
  background-image: url(/assets/images/icons-16/excel.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href^=".zip"] {
  background-image: url(/assets/images/icons-16/zip.png);
  background-image: url(/assets/images/icons-16/zip.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

a[href^="mailto:"] {
  background-image: url(/assets/images/icons-16/email.png);
  background-image: url(/assets/images/icons-16/email.svg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

.cleanLink a[href^="mailto:"] {
  background-image: none;
  background-image: none;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 0;
}

img.icon {
  margin: 0;
  padding-right: 0.3em;
}

nav {
  grid-area: navigation;
}
@media only screen and (min-width: 50em) {
  @supports (display: grid) {
    nav {
      position: fixed;
      width: 8em;
    }
  }
}

.logo {
  grid-area: logo;
}

.titleImage {
  grid-area: titleImage;
}

.intro {
  grid-area: intro;
  max-width: 50em;
}

.map {
  grid-area: map;
  max-width: 50em;
}

main {
  grid-area: main;
}

aside {
  grid-area: aside;
  align-self: start;
}

footer {
  grid-area: footer;
}

.home-container {
  grid-area: home;
}

.news-head {
  grid-area: news-head;
}

.news {
  grid-area: news;
}

.about {
  grid-area: about;
}

@supports (display: grid) {
  @media only screen and (min-width: 32em) {
    .homePage .container {
      display: grid;
      grid-gap: 0.5rem;
      grid-template-columns: 1fr;
      grid-template-areas: "logo" "navigation" "home" "news-head" "news" "aside";
    }
  }
  @media only screen and (min-width: 50em) {
    .homePage .container {
      display: grid;
      grid-gap: 0.5em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo aside aside" "navigation home home home home home home aside aside" "navigation news-head news-head news-head news-head news-head news-head aside aside" "navigation news news news news news news aside aside";
    }
  }
  @media only screen and (min-width: 32em) {
    .newsPage .container {
      display: grid;
      grid-gap: 0.1rem 0.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "logo logo logo logo logo logo" "navigation navigation navigation navigation navigation navigation" "main main main main main main";
    }
  }
  @media only screen and (min-width: 50em) {
    .newsPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation main main main main main main main main";
    }
  }
  @media only screen and (min-width: 32em) {
    .informationPage .container {
      display: grid;
      grid-gap: 0.1rem 0.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "logo logo logo logo logo logo" "navigation navigation navigation navigation navigation navigation" "main main main main main main";
    }
  }
  @media only screen and (min-width: 50em) {
    .informationPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation main main main main main main main main";
    }
  }
  @media only screen and (min-width: 32em) {
    .entryPage .container {
      display: grid;
      grid-gap: 0.1rem 0.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "logo logo logo logo logo logo" "navigation navigation navigation navigation navigation navigation" "main main main main main main" "aside aside aside aside aside aside";
    }
  }
  @media only screen and (min-width: 50em) {
    .entryPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation main main main main main main aside aside";
    }
  }
  @media only screen and (min-width: 88em) {
    .entryPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation main main main main main aside aside aside";
    }
  }
  @media only screen and (min-width: 32em) {
    .mapsPage .container, .eventsPage .container {
      display: grid;
      grid-gap: 0.1rem 0.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "logo logo logo logo logo logo" "navigation navigation navigation navigation navigation navigation" "intro intro intro intro intro intro" "map map map map map map" "main main main main main main";
    }
  }
  @media only screen and (min-width: 50em) {
    .mapsPage .container, .eventsPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation intro intro intro intro intro intro intro intro" "navigation map map map map map map map map" "navigation main main main main main main main main";
    }
  }
  @media only screen and (min-width: 88em) {
    .mapsPage .container, .eventsPage .container {
      display: grid;
      grid-gap: 0.1em 1rem;
      grid-template-columns: 8em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: fit-content();
      grid-template-areas: "navigation logo logo logo logo logo logo logo logo" "navigation intro intro intro intro map map map map" "navigation main main main main main main main main";
    }
  }
}
#map_canvas img {
  max-width: inherit;
  background-color: transparent;
}

#map_canvas {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  background-color: transparent;
  background-image: url(/assets/images/loadingAnimation.gif);
  padding: 0;
}
@media only screen and (min-width: 32em) {
  #map_canvas {
    width: 100%;
    height: 350px;
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 75em) {
  #map_canvas {
    width: 100%;
    height: 350px;
    margin-top: 0;
    margin-left: 0;
  }
}

/* ===========================================
   Responsive iframes and embeds
   wrap iframe in a <div class="">
   =========================================== */
.google-maps {
  position: relative;
  padding-bottom: 90%;
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 16px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.embed_media {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.embed_media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

figure {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 0.5em 0 1em 0;
}

figure.table {
  padding-bottom: 1em;
  padding-top: 0;
  height: auto;
}

figure iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ===========================================
   Helper classes
   =========================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.clearboth {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

/* ================================================
   Print styles
   ================================================ */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25;
    font-size: 13pt;
  }
  /* Headings */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    font-weight: bold;
  }
  h1 {
    font-size: 20pt;
  }
  h2 {
    font-size: 18pt;
  }
  h3 {
    font-size: 16pt;
  }
  h4, h5, h6 {
    font-size: 14pt;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  code {
    font: 12pt Courier, monospace;
  }
  blockquote {
    margin: 1.2em;
    padding: 1em;
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  hr {
    background-color: #ccc;
  }
  ul li {
    list-style-image: none;
    margin: 0 0 0.3em 0;
  }
  /* Images */
  img {
    margin: 1em 1em 1em 0;
    max-width: 100% !important;
  }
  a img {
    border: none;
  }
  /* Links */
  a:link, a:visited {
    background: transparent;
    font-weight: normal;
    color: #000;
  }
  a:link[href]:after, a[href]:visited:after {
    content: " (" attr(href) ") ";
    font-size: 85%;
    color: #666;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Don't show linked images  */
  a[href] {
    color: #000;
  }
  a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after {
    content: " (" attr(href) ") ";
    display: none;
  }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  /* Table */
  table {
    margin: 1px;
    text-align: left;
  }
  th {
    border-bottom: 1px solid #333;
    font-weight: bold;
  }
  td {
    border-bottom: 1px solid #333;
  }
  th, td {
    padding: 4px 10px 4px 0;
  }
  tfoot {
    font-style: italic;
  }
  caption {
    background: #fff;
    margin-bottom: 2em;
    text-align: left;
  }
  thead {
    display: table-header-group;
  }
  img, tr {
    page-break-inside: avoid;
  }
  main, aside, .content {
    width: 100%;
  }
  /* Hide various parts from the site only print main content --*/
  .header, .galleryBox, .pagefooter, .noPrint {
    display: none;
  }
  /*-- remove embeded videos --*/
  iframe, .embed_media, .video-container {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
}
.formContainer {
  background-color: rgb(237.15, 244.85, 252.55);
  padding: 0.5rem;
  max-width: 45rem;
}

input {
  font-size: 1em;
}

/* hide honeypot data field */
input#additional {
  display: none;
}

textarea {
  padding: 0.5rem;
  float: right;
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

input[type=text], [type=email], select, textarea {
  padding: 0.5rem;
  border: 1px solid #cce2f8;
  border-radius: 6px;
  resize: vertical;
  float: right;
  width: 80%;
  margin-top: 0.5rem;
}

input[type=submit] {
  background-color: #006edc;
  color: #e7e7e7;
  margin-right: 0.5rem;
  padding: 0.2rem 0.4rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  float: left;
  white-space: normal;
}

input[type=submit]:hover {
  background-color: #ff5500;
}

label {
  padding: 0.5rem 0.5rem 0.5rem 0;
  display: inline-block;
  float: left;
  width: 18%;
  margin-top: 0.5rem;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.message.error {
  background-color: #ff5500;
  color: #fff;
}

.error {
  color: #ff5500;
  font-weight: bold;
}

.notice {
  color: #ff5500;
  font-weight: bold;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 37em) {
  label, input[type=text], [type=email], select, textarea {
    width: 100%;
    margin-top: 0;
  }
}