@charset "UTF-8";
.bg-primary {
  background-color: #223451;
}

.bg-primary--light {
  background-color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
}

.bg-primary--dark {
  background-color: #04468d;
}

.bg-secondary {
  background-color: #149a99;
}

.bg-secondary--light {
  background-color: rgb(28.7931034483, 221.7068965517, 220.2672413793);
}

.bg-secondary--dark {
  background-color: rgb(11.2068965517, 86.2931034483, 85.7327586207);
}

.bg-tertiary {
  background-color: #149a99;
}

.bg-tertiary--light {
  background-color: rgb(28.7931034483, 221.7068965517, 220.2672413793);
}

.bg-tertiary--dark {
  background-color: rgb(11.2068965517, 86.2931034483, 85.7327586207);
}

.bg-quaternary {
  background-color: #7b4291;
}

.bg-quaternary--light {
  background-color: rgb(162.2037914692, 102.0971563981, 185.4028436019);
}

.bg-quaternary--dark {
  background-color: rgb(78.4052132701, 42.0710900474, 92.4289099526);
}

.bg-white {
  background-color: white;
}

.bg-grey {
  background-color: #2c3f46;
}

.bg-grey--lightest {
  background-color: #eaeaea;
}

.bg-grey--lighter {
  background-color: hsl(0, 0%, 80%);
}

.bg-grey--light {
  background-color: hsl(0, 0%, 60%);
}

.bg-grey--dark {
  background-color: hsl(0, 0%, 40%);
}

.bg-grey--darker {
  background-color: hsl(0, 0%, 20%);
}

.bg-grey--darkest {
  background-color: #2c3f46;
}

.bg-light {
  background-color: white;
}

.bg-dark {
  background-color: #2c3f46;
}

.bg-black {
  background-color: black;
}

.bg-custom--1 {
  background-color: #007a7c;
}

.bg-custom--2 {
  background-color: #856514;
}

.bg-custom--3 {
  background-color: #aa2e00;
}

.bg-gradient-primary {
  background-color: #223451;
}

.bg-gradient-primary--light {
  background-color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
}

.bg-gradient-primary--dark {
  background-color: #04468d;
}

.bg-gradient-secondary {
  background-color: white;
  color: #223451;
  border: 1px solid #223451;
}

.bg-gradient-secondary--light {
  background-color: rgb(28.7931034483, 221.7068965517, 220.2672413793);
}

.bg-gradient-secondary--dark {
  background-color: rgb(11.2068965517, 86.2931034483, 85.7327586207);
}

.bg-gradient-tertiary {
  background-color: #149a99;
}

.bg-gradient-tertiary--light {
  background-color: rgb(28.7931034483, 221.7068965517, 220.2672413793);
}

.bg-gradient-tertiary--dark {
  background-color: rgb(11.2068965517, 86.2931034483, 85.7327586207);
}

.bg-gradient-quaternary {
  background-color: #7b4291;
}

.bg-gradient-quaternary--light {
  background-color: rgb(162.2037914692, 102.0971563981, 185.4028436019);
}

.bg-gradient-quaternary--dark {
  background-color: rgb(78.4052132701, 42.0710900474, 92.4289099526);
}

.bg-gradient-white {
  background-color: white;
}

.bg-gradient-grey {
  background-color: #2c3f46;
}

.bg-gradient-grey--lightest {
  background-color: #eaeaea;
}

.bg-gradient-grey--lighter {
  background-color: hsl(0, 0%, 80%);
}

.bg-gradient-grey--light {
  background-color: hsl(0, 0%, 60%);
}

.bg-gradient-grey--dark {
  background-color: hsl(0, 0%, 40%);
}

.bg-gradient-grey--darker {
  background-color: hsl(0, 0%, 20%);
}

.bg-gradient-grey--darkest {
  background-color: #2c3f46;
}

.bg-gradient-light {
  background-color: white;
}

.bg-gradient-dark {
  background-color: #2c3f46;
}

.bg-gradient-black {
  background-color: black;
}

.bg-gradient-custom--1 {
  background-color: #007a7c;
}

.bg-gradient-custom--2 {
  background-color: #856514;
}

.bg-gradient-custom--3 {
  background-color: #aa2e00;
}

.bg-gradient-navy {
  background-image: linear-gradient(#1f355e, black);
}

.bg-gradient-navy--alpha {
  background-image: linear-gradient(rgba(31, 53, 94, 0.9), rgba(0, 0, 0, 0.9));
}

.flex-default {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.flex-default > * {
  margin-right: 1rem;
  margin-left: 1rem;
}

.demo-transition.transition-opacity {
  transition: opacity 0.3s ease-in;
}
.demo-transition.transition-move:after {
  transition: left 0.3s ease-in;
}

/**
 * Breakpoint Configuration
 * @see https://github.com/Team-Sass/breakpoint/wiki
 *
 * Usage:
 * display: none; // hidden for mobile
 * @include breakpoint($bp--small-up) {
 *   display: block; // shown above 400
 * }
 */
.layout-container {
  position: relative;
}

.layout-contained, .project > .breadcrumb, .poster-list .view-content, .bg-gradient-primary--dark.block-views-blockrecent-publications-block-2 .more-link, .block-views-blockgui-staff-block-1,
.block-views-blockgui-staff-block-2,
.block-views-blockrecent-publications-block-2 .view-content,
.block-views-blockgui-events-block-1 {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.layout-contained--medium, .project > .breadcrumb {
  max-width: 768px;
}

.layout-contained--small {
  max-width: 620px;
}

@media (min-width: 960px) {
  .layout-contained--left-special {
    max-width: 550px;
    margin-left: calc((100vw - 960px) / 2);
  }
}

.layout-contained--left-special > .layout-contained--small,
.layout-contained--left-special > .layout-contained--medium,
.layout-contained--left-special.project > .breadcrumb {
  max-width: 960px !important;
}

.u-spacing-down {
  margin-bottom: 20px;
}

.u-spacing-up {
  margin-top: 20px;
}

.u-gap-down {
  margin-bottom: 5px;
}

.u-gap-up {
  margin-top: 5px;
}

.padding, .text--large {
  padding: 16px;
}

.padding-horizontal, .project > .breadcrumb {
  padding-right: 16px;
  padding-left: 16px;
}

.padding-vertical {
  padding-top: 16px;
  padding-bottom: 16px;
}

.margin-bottom {
  margin-bottom: 24px;
}
@media (min-width: 620px) {
  .margin-bottom {
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .margin-bottom {
    margin-bottom: 72px;
  }
}

.margin-top {
  margin-top: 24px;
}
@media (min-width: 620px) {
  .margin-top {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .margin-top {
    margin-top: 72px;
  }
}

.padding-bottom {
  padding-bottom: 24px;
}
@media (min-width: 620px) {
  .padding-bottom {
    padding-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .padding-bottom {
    padding-bottom: 72px;
  }
}

.padding-top {
  padding-top: 24px;
}
@media (min-width: 620px) {
  .padding-top {
    padding-top: 48px;
  }
}
@media (min-width: 768px) {
  .padding-top {
    padding-top: 72px;
  }
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.u-center {
  display: inline-block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.u-center--h {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.u-center--v {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.local-base {
  font-size: 1rem;
}

/**
 * @file
 * This file creates helper classes that can be added to items to show/hide
 * them depending on the screen width being viewed.
 */
@media (min-width: 620px) {
  .small-screen-only {
    display: none;
  }
}
@media (min-width: 768px) {
  .small-screen-only {
    display: none;
  }
}

@media (min-width: 768px) {
  .small-medium-screen-only {
    display: none;
  }
}

.large-screen-only {
  display: none;
}
@media (min-width: 768px) {
  .large-screen-only {
    display: block;
  }
}

.large-medium-screen-only {
  display: none;
}
@media (min-width: 620px) {
  .large-medium-screen-only {
    display: block;
  }
}

.visually-hidden, .poster-list #edit-submit-people {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  word-wrap: normal;
}

.pl.js .js-hide {
  display: none;
}

/**
 * @file
 * This file sets up the basic vertical rhythm for our sites.
 *
 * Notes:
 * - In general, we are using vertical rhythm settings from www.gridlover.net
 * - In general, what they call h2, we call h1; what they call h3, we call h2, etc.
 * - This file sets up the base font size for the html element, and then the
 *   line heights and bottom margin for items.
 * - The font sizes for headings is posted in _headings.scss.
 */
html {
  font-size: 16px;
}
@media screen and (min-width: 500px) {
  html {
    font-size: calc(16px + 0 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  html {
    font-size: 16px;
  }
}
html {
  font-weight: 400;
  line-height: 1.5;
}
html *,
html *::before,
html *::after {
  margin-top: 0;
}

body {
  margin: 0;
}

h1,
.h1 {
  margin-bottom: 24px;
  line-height: 1.15;
}

h2,
.h2,
.field--name-field-p-tile-title {
  margin-bottom: 24px;
}

h3,
.h3,
.leaflets--small .leaflet__title {
  margin-bottom: 24px;
}

h4,
.h4 {
  margin-bottom: 24px;
}

h5,
.h5 {
  margin-bottom: 24px;
}

p,
ul,
ol,
pre,
table,
blockquote {
  margin-bottom: 24px;
}
p:last-of-type,
ul:last-of-type,
ol:last-of-type,
pre:last-of-type,
table:last-of-type,
blockquote:last-of-type {
  margin-bottom: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0rem;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  line-height: 0;
}

sup {
  top: -0.5rem;
}

sub {
  bottom: -0.25rem;
}

.field__label {
  font-weight: bold;
}

.field--label-inline {
  display: flex;
}

.field--label-inline > .field__label,
.field--label-inline > .field__items {
  display: inline;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  display: inline;
  padding-right: 0.5em;
}

[dir=rtl] .field--label-inline .field__label,
[dir=rtl] .field--label-inline .field__items {
  padding-right: 0;
  padding-left: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}

@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: woff2;
  src: url("../fonts/lato-v22-latin-regular.eot?") format("eot"), url("../fonts/lato-v22-latin-regular.woff2") format("woff2"), url("../fonts/lato-v22-latin-regular.woff") format("woff"), url("../fonts/lato-v22-latin-regular.ttf") format("truetype"), url("../fonts/lato-v22-latin-regular.svg#Lato") format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: woff2;
  src: url("../fonts/lato-v22-latin-700.eot?") format("eot"), url("../fonts/lato-v22-latin-700.woff2") format("woff2"), url("../fonts/lato-v22-latin-700.woff") format("woff"), url("../fonts/lato-v22-latin-700.ttf") format("truetype"), url("../fonts/lato-v22-latin-700.svg#Lato") format("svg");
}
@font-face {
  font-family: "Merriweather";
  font-weight: 400;
  font-style: woff2;
  src: url("../fonts/merriweather-v28-latin-regular.eot?") format("eot"), url("../fonts/merriweather-v28-latin-regular.woff2") format("woff2"), url("../fonts/merriweather-v28-latin-regular.woff") format("woff"), url("../fonts/merriweather-v28-latin-regular.ttf") format("truetype"), url("../fonts/merriweather-v28-latin-regular.svg#Merriweather") format("svg");
}
@font-face {
  font-family: "Merriweather";
  font-weight: 700;
  font-style: woff2;
  src: url("../fonts/merriweather-v28-latin-700.eot?") format("eot"), url("../fonts/merriweather-v28-latin-700.woff2") format("woff2"), url("../fonts/merriweather-v28-latin-700.woff") format("woff"), url("../fonts/merriweather-v28-latin-700.ttf") format("truetype"), url("../fonts/merriweather-v28-latin-700.svg#Merriweather") format("svg");
}
h1,
.h1 {
  font-size: 24px;
}
@media screen and (min-width: 500px) {
  h1,
  .h1 {
    font-size: calc(24px + 8 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}
h1,
.h1 {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

h2,
.h2,
.field--name-field-p-tile-title {
  font-size: 20px;
}
@media screen and (min-width: 500px) {
  h2,
  .h2,
  .field--name-field-p-tile-title {
    font-size: calc(20px + 7 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  h2,
  .h2,
  .field--name-field-p-tile-title {
    font-size: 27px;
  }
}
h2,
.h2,
.field--name-field-p-tile-title {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-weight: 400;
}

h3,
.h3,
.leaflets--small .leaflet__title {
  font-size: 16px;
}
@media screen and (min-width: 500px) {
  h3,
  .h3,
  .leaflets--small .leaflet__title {
    font-size: calc(16px + 0 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  h3,
  .h3,
  .leaflets--small .leaflet__title {
    font-size: 16px;
  }
}
h3,
.h3,
.leaflets--small .leaflet__title {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

h4,
.h4 {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

h5,
.h5 {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

h6,
.h6 {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

a {
  transition: 0.3s;
  color: #223451;
}
a:focus, a:hover {
  text-decoration: none;
}
a:focus {
  outline: 1px dotted;
}

code:before {
  content: "`";
}
code:after {
  content: "`";
}
pre code:after, pre code:before {
  content: "";
}

.text--large {
  font-size: 16px;
}
@media screen and (min-width: 380px) {
  .text--large {
    font-size: calc(16px + 9.6 * (100vw - 380px) / 790);
  }
}
@media screen and (min-width: 1170px) {
  .text--large {
    font-size: 25.6px;
  }
}
.text--large {
  margin-bottom: 24px;
  text-align: center;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  line-height: 36px;
}
@media (min-width: 620px) {
  .text--large {
    margin-bottom: 48px;
  }
}
@media (min-width: 960px) {
  .text--large {
    margin-bottom: 72px;
    line-height: 48px;
  }
}

.button {
  background-color: #223451;
  border-radius: 5px;
  color: white;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 16px;
  padding: 7px 2rem;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}
.button--alt {
  background-color: #223451;
  border-radius: 5px;
  color: white;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 16px;
  padding: 7px 2rem;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  background: hsl(0, 0%, 60%);
  color: #223451;
}

a.button {
  -moz-appearance: none;
  -webkit-appearance: none;
}

input[type=submit],
.form-submit {
  background-color: #223451;
  border-radius: 5px;
  color: white;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 16px;
  padding: 7px 2rem;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 0;
}

.form-type-select {
  position: relative;
}

.form-select:not(.bef-links) {
  width: 90%;
  max-width: 300px;
  padding: 0.5rem;
  border: 1px solid #2c3f46;
  background: white;
  appearance: none;
}
.form-select:not(.bef-links)::after {
  position: absolute;
  top: 2px;
  right: 1.5rem;
  content: "▾";
  pointer-events: none;
}

.form-item__textfield {
  font-size: 16px;
}

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

body {
  font-size: 14px;
}
@media screen and (min-width: 380px) {
  body {
    font-size: calc(14px + 2 * (100vw - 380px) / 790);
  }
}
@media screen and (min-width: 1170px) {
  body {
    font-size: 16px;
  }
}
body {
  color: #2c3f46;
  font-family: "Lato", Verdana, sans-serif;
}

@font-face {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  src: url("icons.eot");
  src: url("icons.eot?#iefix") format("eot"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype"), url("icons.svg#icons") format("svg");
}
/**
 * Font application to generic DOM
 */
[class*=icon--] {
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  text-transform: none;
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  speak: none;
  text-rendering: optimizeLegibility;
}

.icon--calendar::before {
  content: "\ea01";
}

.icon--close::before {
  content: "\ea02";
}

.icon--menu::before {
  content: "\ea03";
}

.icon--search::before {
  content: "\ea04";
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  line-height: 0;
}

img[alt] {
  line-height: 1.5;
}

.file a {
  width: 100%;
  width: auto;
  padding: 0.3em;
  vertical-align: text-bottom;
  text-decoration: none;
  color: black;
  font-weight: 700;
}
.file a:hover {
  text-decoration: underline;
}

.file svg {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.3em;
  background-color: transparent;
}

.file svg path {
  fill: hsl(0, 0%, 20%);
}

.file-pdf-o svg path {
  fill: #b10a0a;
}

.file-word-o svg path {
  fill: #185ec2;
}

.file-excel-o svg path {
  fill: #1b6135;
}

.table-files {
  width: 100%;
  border-collapse: collapse;
}
.table-files tr.odd {
  background-color: #eaeaea;
}
.table-files td:last-of-type {
  width: 90px;
}
.table-files .file {
  display: flex;
  align-items: center;
}
.table-files .file a {
  display: block;
  width: 100%;
}
.table-files .file svg {
  width: 2.9em;
  height: 2.9em;
  margin-right: 0.5em;
  padding: 0.4em 0.5em;
  background-color: hsl(0, 0%, 20%);
}
.table-files .file svg path {
  fill: white;
}
.table-files .file-pdf-o svg {
  background-color: #b10a0a;
}
.table-files .file-word-o svg {
  background-color: #185ec2;
}
.table-files .file-excel-o svg {
  background-color: #1b6135;
}

.add-to-calendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.add-to-calendar__trigger {
  display: flex;
  align-items: center;
  padding: 0.25rem 1.25rem;
  cursor: pointer;
  transition: 0.3s;
  color: white;
  border: 2px solid white;
  border-radius: 2rem;
  background-color: #223451;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
}
.add-to-calendar__trigger:focus, .add-to-calendar__trigger:hover {
  color: #223451;
  background-color: white;
}
.add-to-calendar__trigger:focus svg, .add-to-calendar__trigger:hover svg {
  fill: #223451;
}
.add-to-calendar__trigger:focus svg path, .add-to-calendar__trigger:hover svg path {
  fill: #223451;
}

.add-to-calendar__trigger-icon {
  flex-basis: 1rem;
  margin-right: 0.75rem;
  line-height: 0;
}

.add-to-calendar__items[data-disclosure-expanded=false] {
  display: none;
}

.add-to-calendar__items[data-disclosure-expanded=true] {
  padding: 1rem;
}

.add-to-calendar__item {
  display: flex;
  align-items: center;
  margin-right: -3px;
  margin-bottom: 1rem;
  margin-left: -3px;
  line-height: 1;
}
.add-to-calendar__item > * {
  margin-right: 3px;
  margin-left: 3px;
}

.add-to-calendar svg {
  position: relative;
  top: -1px;
  width: 21px;
  height: 21px;
  fill: white;
}
.add-to-calendar svg path {
  fill: white;
}

.add-to-calendar a {
  text-decoration: none;
  color: white;
}
.add-to-calendar a:focus, .add-to-calendar a:hover {
  text-decoration: underline;
}

.branding__logo {
  max-width: 414px;
}
.breadcrumb {
  margin-bottom: 24px;
  border-bottom: 2px solid hsl(0, 0%, 80%);
}

.breadcrumb ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline-block;
}
.breadcrumb li:not(:last-of-type)::after {
  margin: 3px 9px 3px 3px;
  content: "»";
  letter-spacing: -3px;
  color: #223451;
}

.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:focus, .breadcrumb li a:hover {
  text-decoration: underline;
}

.caption-block {
  font-size: 1rem;
  margin: 0;
}
.caption-block__body {
  font-size: 1em;
  line-height: 1.35em;
}
@media (min-width: 620px) {
  .caption-block__body {
    line-height: 1.5em;
  }
}

/**
 * @file
 * Styles for system messages.
 */
.messages {
  background: no-repeat 10px 17px; /* LTR */
  border: 1px solid;
  border-width: 1px 1px 1px 0; /* LTR */
  border-radius: 2px;
  margin-bottom: 1.5rem;
  padding: 15px 20px 15px 35px; /* LTR */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

[dir=rtl] .messages {
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
  padding-left: 20px;
  padding-right: 35px;
  text-align: right;
}

.messages__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.messages__item + .messages__item {
  margin-top: 0.769rem;
}

/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
  background-image: url(../images/messages/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}

[dir=rtl] .messages--status {
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
  margin-left: 0;
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
  background-color: #fdf8ed;
  background-image: url(../images/messages/warning.svg);
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
  color: #734c00;
  box-shadow: -8px 0 0 #e09600; /* LTR */
}

[dir=rtl] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}

/* See .color-error in Seven's colors.css */
.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(../images/messages/error.svg);
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
  box-shadow: -8px 0 0 #e62600; /* LTR */
}

[dir=rtl] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
  color: #a51b00;
}

@media (min-width: 620px) {
  .block-search {
    margin-left: 24px;
  }
}

.block-search form {
  display: flex;
}

.block-search .form-search {
  max-width: 150px;
  height: 2rem;
  margin-right: -5px;
  padding: 6px 1rem 4px;
  border: 0;
  border-radius: 1rem 0 0 1rem;
  font-size: 1rem;
}
@media (min-width: 500px) {
  .block-search .form-search {
    max-width: none;
  }
}
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  .block-search .form-search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}

.block-search .button {
  height: 2rem;
  padding: 6px 1rem 4px;
  border-radius: 0 1rem 1rem 0;
  background-color: white;
}

.block-search svg {
  width: 1rem;
  height: 1rem;
}
.block-search svg path {
  fill: #223451;
}

.block-search ::placeholder {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
}

.social-sharing__menu {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.social-sharing__menu-item {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.5rem;
  list-style: none;
  text-align: center;
  border-radius: 1rem;
  background-color: hsl(0, 0%, 40%);
}
.social-sharing__menu-item svg {
  width: 1.3rem;
  height: 1.3rem;
  padding-top: 0.3rem;
}
.social-sharing__menu-item path {
  fill: white;
}

.social-sharing__menu-item--facebook {
  background-color: #3b5998;
}

.social-sharing__menu-item--twitter {
  background-color: #000;
}

.social-sharing__menu-item--linkedin {
  background-color: #0e76a8;
}

.social-sharing__menu-item--email {
  background-color: hsl(0, 0%, 40%);
}

.social-sharing__menu-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-forms form {
  max-width: 500px;
  margin: 48px auto;
  text-align: left;
}

.user-forms .page-title {
  width: 100%;
  margin: 2rem 0 3rem;
}

.user-forms form .form-item {
  max-width: 500px;
  margin-bottom: 2rem;
}

.user-forms form .form-item label {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

.user-forms form .form-item input {
  border: 2px solid black;
  font-size: 1rem;
  max-width: 100%;
  padding: 7px;
  width: 100%;
}
.user-forms form .form-item input:hover {
  border: 4px solid black;
  padding: 5px 7px;
}
.user-forms form .form-item input:focus {
  background: green;
  border: 4px solid black;
  color: white;
  padding: 5px 7px;
}

.user-forms .description {
  font-size: 0.75rem;
}

.user-forms .form-submit {
  background: white;
  border: 2px solid black;
  border-radius: 4px;
  color: black;
  font-size: 1rem;
  padding: 7px 1.5rem;
  transition: 0.4s;
}
.user-forms .form-submit:focus, .user-forms .form-submit:hover {
  background: black;
  color: white;
}

.user-forms .back-to-site {
  margin: auto;
  max-width: 500px;
  text-align: right;
}
.user-forms .back-to-site a {
  color: black;
}

/**
 * This file is used to style the building blocks field.
 *
 * It's a high-level file, probably only used for the wrapper classes.
 */
.building-blocks > .building-block {
  margin-bottom: 24px;
}

.accordion__trigger {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
  padding: 0.75rem 3rem 0.75rem 1rem;
  border: 2px solid #223451;
  background-color: white;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
}
.accordion__trigger svg {
  width: 1rem;
  height: 1rem;
}
.accordion__trigger svg path {
  fill: #223451;
}

.accordion__trigger-icon {
  position: absolute;
  right: 1rem;
}

.accordion__trigger-text {
  margin-right: auto;
  color: #2c3f46;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.accordion__response {
  margin: 0 1rem 24px 1rem;
}

.ui-accordion-header-active .accordion__trigger-icon--open {
  display: none;
}
.ui-accordion-header-active.ui-state-active .accordion__trigger-icon--close {
  display: block;
}

.ui-accordion-header-collapsed.ui-state-active .accordion__trigger-icon--open {
  display: block;
}
.ui-accordion-header-collapsed .accordion__trigger-icon--close {
  display: none;
}

.accordion.ui-widget {
  font-family: "Lato", Verdana, sans-serif;
}
.accordion.ui-widget .ui-icon {
  display: none;
}

.accordion__response.ui-widget-content {
  border: 0;
}

.button-link a {
  display: inline-block;
  padding: 0.75rem 3rem;
  text-decoration: none;
  color: white;
  border-radius: 2rem;
  background-color: #223451;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  border: 1px solid #223451;
}
.button-link a:focus, .button-link a:hover {
  text-decoration: underline;
  color: #223451;
  background-color: white;
}

@media (min-width: 768px) {
  .cta {
    max-height: 360px;
    margin-left: calc((100vw - 768px) / 2);
  }
}
@media (min-width: 960px) {
  .cta {
    margin-left: calc((100vw - 960px) / 2);
  }
}

.cta--no-image {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 48px;
}

.cta__items {
  max-width: 100%;
  color: white;
}
@media (min-width: 620px) {
  .cta__items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .cta__items > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .cta__items {
    flex-wrap: nowrap;
    align-items: center;
  }
}

.cta__image img {
  border-radius: 50% 50% 0 50%;
}
.cta__image {
  text-align: right;
  background-image: linear-gradient(white 50%, #223451 50%);
}
@media (min-width: 620px) {
  .cta__image {
    max-height: 360px;
    background-image: linear-gradient(to right, white 50%, #223451 50%);
  }
  .cta__image img {
    width: auto;
    max-height: 360px;
  }
}

.cta__content {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .cta__content {
    max-width: 420px;
  }
}
@media (min-width: 768px) {
  .cta__content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .cta__content {
    max-width: 420px;
  }
}

.cta__title {
  font-size: 18px;
}
@media screen and (min-width: 500px) {
  .cta__title {
    font-size: calc(18px + 12 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  .cta__title {
    font-size: 30px;
  }
}
.cta__title {
  margin-bottom: 24px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.cta a {
  color: white;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.embed-external-url {
  text-align: center;
}

.event-section__header {
  padding-bottom: 24px;
  border-bottom: 2px solid #223451;
}
@media (min-width: 620px) {
  .event-section__header {
    width: calc(100% - 190px);
    margin-right: auto;
    margin-left: auto;
  }
}

.event-section__title,
.event-section__sub-title {
  font-size: 18px;
}
@media screen and (min-width: 500px) {
  .event-section__title,
  .event-section__sub-title {
    font-size: calc(18px + 12 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  .event-section__title,
  .event-section__sub-title {
    font-size: 30px;
  }
}
.event-section__title,
.event-section__sub-title {
  margin-bottom: 0;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.event-section__title {
  font-weight: 900;
}

.event-item {
  display: flex;
  margin-top: 24px;
  margin-bottom: 24px;
}

.event-item__content {
  flex-grow: 1;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaea;
}
@media (min-width: 620px) {
  .event-item__content {
    display: flex;
    max-width: 737px;
  }
}

.event-item__time {
  flex-shrink: 0;
  width: 80px;
  color: #04468d;
}

@media (min-width: 620px) {
  .event-item__title {
    width: 50%;
    padding-right: 24px;
  }
}

@media (min-width: 620px) {
  .event-item__speaker-info {
    width: 50%;
    padding-right: 24px;
  }
}

.event-item__speaker strong {
  font-weight: 900;
}

.event-item__slides {
  margin-top: 24px;
}

.event-item__slides a {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 1rem 4px 7px;
  text-decoration: none;
  color: white;
  border-radius: 1.5rem;
  background-color: #223451;
  border: 1px solid #223451;
}
.event-item__slides a:focus, .event-item__slides a:hover {
  text-decoration: underline;
  background-color: white;
  color: #223451;
}
.event-item__slides a:focus svg path, .event-item__slides a:hover svg path {
  fill: #223451;
}

.event-item__slides-items {
  display: flex;
  align-items: center;
  margin-right: -4px;
  margin-left: -4px;
  line-height: 1;
}
.event-item__slides-items > * {
  margin-right: 2px;
  margin-left: 2px;
}
.event-item__slides-items svg {
  width: 1.75rem;
  height: 1.75rem;
}
.event-item__slides-items svg path {
  fill: white;
}

.event-item__slides-icon {
  margin-bottom: -3px;
}

.file-upload .file {
  display: flex;
  align-items: center;
}

/**
 * @file Some overrides for the default gallery.
 * NOTE - there's also two overrides in the gallery.js file.
 */
/* stylelint-disable declaration-no-important */
.gallery.ug-gallery-wrapper .ug-textpanel {
  overflow: scroll !important;
}

.ug-gallery-wrapper .ug-textpanel-bg {
  height: 75px !important;
}

.gallery.ug-gallery-wrapper .ug-textpanel-description {
  top: 0 !important;
}

.gallery.ug-gallery-wrapper .ug-textpanel-textwrapper {
  overflow: scroll !important;
  height: 75px !important;
}

/* stylelint-enable declaration-no-important */
@media (min-width: 768px) {
  .image-with-text__inner {
    display: flex;
    align-items: flex-start;
  }
}

.image-with-text.left .image-with-text__inner {
  flex-direction: row;
}

.image-with-text.right .image-with-text__inner {
  flex-direction: row-reverse;
}

.image-with-text.dark {
  background: #eaeaea;
}
.image-with-text.dark a {
  color: #2c3f46;
}

.image-with-text__image {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 430px;
  width: 100%;
  max-width: 100%;
}

.image-with-text__text {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .left .image-with-text__text {
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  .right .image-with-text__text {
    padding-right: 1rem;
  }
}

.informative-panel {
  position: relative;
  color: white;
}
@media (min-width: 768px) {
  .informative-panel {
    text-shadow: 1px 1px 1px #2c3f46;
  }
}

.informative-panel__overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  opacity: 0.75;
  background-image: linear-gradient(#149a99, #2c3f46);
}

.informative-panel__content-items {
  position: relative;
  z-index: 2;
  max-width: 100%;
  background-color: #2c3f46;
}
@media (min-width: 768px) {
  .informative-panel__content-items {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 768px;
    height: 100%;
    margin-right: calc((100vw - 768px) / 2);
    margin-left: calc((100vw - 768px) / 2);
    background-color: transparent;
  }
}
@media (min-width: 960px) {
  .informative-panel__content-items {
    width: 960px;
    margin-right: calc((100vw - 960px) / 2);
    margin-left: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 768px) {
  .informative-panel__panes {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .informative-panel__panes > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .informative-panel__panes > * {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(33% - 2rem);
  }
}

.informative-panel__pane {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .informative-panel__pane {
    max-width: 50%;
    margin-bottom: 0;
  }
}

.informative-panel__bg-image {
  position: relative;
}
.informative-panel__bg-image img {
  width: 100%;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.informative-panel__title,
.informative-panel__pane-title {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-weight: 700;
}

.informative-panel__title {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .informative-panel__title {
    margin-bottom: 0;
  }
}

.informative-panel__pane-title::after {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  content: "";
  border-bottom: 2px solid;
}

@media (min-width: 620px) {
  .leaflets__items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .leaflets__items > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .leaflets__items {
    flex-wrap: wrap;
  }
}

.leaflets__title {
  text-align: center;
}
.leaflets__title::after {
  display: inline-block;
  width: 80px;
  height: 5px;
  margin: auto;
  margin-bottom: 2rem;
  content: "";
  background-color: #223451;
}

.leaflet__image img {
  width: 100%;
}

.leaflet__title {
  display: inline-block;
}

a.leaflet__title {
  text-decoration: none;
}
a.leaflet__title:focus, a.leaflet__title:hover {
  text-decoration: underline;
}

.leaflets--large .leaflet {
  margin-bottom: 1rem;
  color: white;
  background-color: #223451;
}
@media (min-width: 620px) {
  .leaflets--large .leaflet {
    width: calc(50% - 2rem);
    margin-bottom: 2rem;
  }
}

.leaflets--large .leaflet__title {
  color: white;
}

.leaflets--large .leaflet__content {
  padding: 48px;
}
.leaflets--large .leaflet__content a {
  color: white;
}

.leaflets--large .leaflet__read-more {
  margin-top: 24px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}
.leaflets--large .leaflet__read-more a {
  color: white;
}

.leaflets--small .leaflet {
  margin-bottom: 48px;
  border: 1px solid #eaeaea;
  box-shadow: 4px 4px 8px -1px rgba(44, 63, 70, 0.1);
}
@media (min-width: 620px) {
  .leaflets--small .leaflet {
    width: calc(50% - 2rem);
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .leaflets--small .leaflet {
    width: calc(33% - 2rem);
  }
}

.leaflets--small .leaflet__content {
  padding: 1rem;
}

.leaflets--small .leaflet__title {
  color: black;
  font-weight: 700;
}

.leaflets--small .leaflet__text {
  color: #2c3f46;
}

.quote {
  font-size: 18px;
}
@media screen and (min-width: 500px) {
  .quote {
    font-size: calc(18px + 12 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  .quote {
    font-size: 30px;
  }
}
.quote {
  color: #223451;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-style: italic;
}

@media (min-width: 960px) {
  .quote blockquote {
    margin-left: 25%;
  }
}

@media (min-width: 620px) {
  .search-widget--advanced-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.search-widget__form {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid rgb(56.6173913043, 86.5913043478, 134.8826086957);
  border-radius: 2rem;
}

.search-widget__form-items {
  display: flex;
  justify-content: space-between;
}

.search-widget__form-item--input {
  padding: 0.5rem 0;
  color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
  border: 0;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
}

.search-widget__submit {
  border: 0;
  background-color: transparent;
}

.search-widget__submit-icon svg {
  width: 1rem;
  height: 1rem;
}
.search-widget__submit-icon svg path {
  fill: rgb(56.6173913043, 86.5913043478, 134.8826086957);
}

.search-widget__advanced-link {
  margin-top: 1rem;
}
@media (min-width: 620px) {
  .search-widget__advanced-link {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.section-break hr {
  width: 75px;
  height: 5px;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  border-radius: 3px;
  background: #223451;
}

.section-break.primary hr {
  background: #223451;
}

.section-break.secondary hr {
  background: #149a99;
}

.section-break.tertiary hr {
  background: #149a99;
}

.single-image {
  margin-right: auto;
  margin-left: auto;
}

.single-image__image {
  line-height: 0;
}
.single-image__image img {
  line-height: 1.5;
}

.single-image__meta {
  padding: 0.75rem;
  background: #eaeaea;
  font-style: italic;
}
.single-image__meta p {
  margin-bottom: 0;
}

.speakers-at-event__title {
  font-size: 18px;
}
@media screen and (min-width: 500px) {
  .speakers-at-event__title {
    font-size: calc(18px + 12 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  .speakers-at-event__title {
    font-size: 30px;
  }
}
.speakers-at-event__title {
  width: calc(100% - 190px);
  margin: auto;
  margin-bottom: 24px;
  padding-bottom: 6px;
  border-bottom: 2px solid #223451;
}

@media (min-width: 620px) {
  .speakers-at-event__content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .speakers-at-event__content > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.speaker-at-event {
  display: flex;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaea;
}
@media (min-width: 620px) {
  .speaker-at-event {
    width: calc(50% - 2rem);
  }
}

.speaker-at-event__image {
  width: 85px;
  margin-right: 10px;
}
.speaker-at-event__image img {
  border-radius: 50%;
}

.speaker-at-event__content {
  flex: 1;
}
.speaker-at-event__content > * {
  margin-bottom: 5px;
}

.speaker-at-event__position {
  color: #223451;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.speaker-at-event__name {
  font-weight: 700;
}

.speaker-at-event__twitter {
  display: flex;
  align-items: center;
}
.speaker-at-event__twitter a {
  text-decoration: none;
}
.speaker-at-event__twitter a:focus, .speaker-at-event__twitter a:hover {
  text-decoration: underline;
}
.speaker-at-event__twitter svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.speaker-at-event__twitter svg path {
  fill: #223451;
}

.testimonial {
  text-align: center;
}

.testimonial__image img {
  border-radius: 50% 50% 0 50%;
}
.testimonial__image {
  margin-bottom: 24px;
}

.testimonial__text {
  font-size: 18px;
}
@media screen and (min-width: 500px) {
  .testimonial__text {
    font-size: calc(18px + 12 * (100vw - 500px) / 460);
  }
}
@media screen and (min-width: 960px) {
  .testimonial__text {
    font-size: 30px;
  }
}
.testimonial__text {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-style: italic;
}

.testimonial__author {
  margin-top: 24px;
  color: #223451;
  font-weight: 700;
}
.testimonial__author::after {
  display: block;
  width: 40px;
  height: 2px;
  margin: 0.75rem auto 0.75rem;
  content: "";
  background-color: #223451;
}

.text h2.text-align-center {
  margin-bottom: 0;
}

.text ul:last-of-type,
.text ol:last-of-type {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .tiled-layout {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .tiled-layout > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .tiled-layout {
    justify-content: center;
  }
}

.tile {
  --var-text-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 288px;
  margin-bottom: 32px;
  text-align: center;
  color: var(--var-text-color, white);
}
@media (min-width: 768px) {
  .tile {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33% - 2rem);
  }
}

.tile.bg-gradient-secondary,
.tile.bg-gradient-tertiary {
  --var-text-color: #223451;
  color: var(--var-text-color, #223451);
}

@media (min-width: 768px) {
  .tile.medium {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(66% - 2rem);
  }
}

@media (min-width: 768px) {
  .tile.large {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 2rem);
  }
}

.field--name-field-p-tile-title {
  margin-top: auto;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-weight: 700;
}
.field--name-field-p-tile-title::after {
  display: block;
  width: 40px;
  margin: 1.75rem auto 1.5rem;
  content: "";
  border-bottom: 1px solid var(--var-text-color, white);
}

.field--name-field-p-tile-text {
  margin-top: auto;
  margin-bottom: auto;
}

.field--name-field-p-tile-link {
  margin-top: auto;
}
.field--name-field-p-tile-link a {
  display: block;
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: underline;
  color: white;
}
.field--name-field-p-tile-link a:focus, .field--name-field-p-tile-link a:hover {
  text-decoration: none;
}

.video__item {
  margin: auto -10px;
  padding: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.video .video-embed-field-responsive-video {
  position: relative;
}
.video .video-embed-field-responsive-video::after {
  display: block;
  padding-bottom: 56.25%;
  content: "";
}

.video .video-embed-field-responsive-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.minimal a {
  display: block;
  margin-left: -1rem;
  padding: 1rem;
  text-decoration: none;
  color: black;
}
.minimal a:focus, .minimal a:hover {
  background-color: #eaeaea;
}
.minimal a:focus .minimal__title, .minimal a:hover .minimal__title {
  text-decoration: underline;
}

.minimal__title {
  margin-bottom: 0.5rem;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.minimal__date {
  color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
  font-size: 12px;
}

.poster {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.poster__content {
  margin-bottom: auto;
  padding: 24px 20px;
}

.poster__department,
.poster__job-title {
  color: #495f72;
}

.poster__title {
  color: black;
}

.poster__contact {
  padding: 24px 20px;
}
.poster__contact svg {
  width: 24px;
  height: 24px;
}
.poster__contact svg path {
  fill: currentColor;
}

.poster__contact-info {
  display: inline-block;
  margin-right: 20px;
  color: black;
}

.poster.has-image .poster__contact {
  background-color: #223451;
}
.poster.has-image .poster__contact svg path {
  fill: white;
}

.poster__image img {
  border-radius: 50% 50% 0 50%;
}
.poster__image {
  position: relative;
}
.poster__image:before {
  position: absolute;
  display: block;
  content: "";
  z-index: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #223451;
}
.poster__image img {
  position: relative;
  z-index: 1;
}

.poster__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  transition: background-color 0.3s;
  text-decoration: none;
}
.poster__wrapper > * {
  width: 100%;
}
.poster__wrapper .poster__footer {
  margin-top: auto;
}

.poster__link .poster__title,
.poster__link .poster__department,
.poster__link .poster__job-title,
.poster__link .poster__contact-info {
  transition: color 0.3s;
}
.poster__link:hover {
  color: white;
  background-color: #223451;
}

.poster__link:hover .poster__title,
.poster__link:hover .poster__department,
.poster__link:hover .poster__job-title,
.poster__link:hover .poster__contact-info {
  color: white;
}

.teaser {
  padding: 48px;
  border-left: 10px solid #223451;
  background-color: white;
  background: linear-gradient(to right, white 50%, #223451 50%);
  background-size: 200% 100%;
  box-shadow: 2px 2px 6px -2px #2c3f46;
}
@media (min-width: 768px) {
  .teaser {
    display: flex;
    justify-content: space-between;
    align-content: center;
  }
}

.teaser a {
  text-decoration: none;
}
.teaser a:hover, .teaser a:focus {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .teaser__content {
    width: 65%;
  }
}

.teaser__read-more a {
  display: flex;
  display: inline-block;
  align-items: center;
  margin-top: 24px;
  padding: 5px 1rem 3px;
  border: 1px solid;
  border-radius: 1.5rem;
}
.teaser__read-more a svg {
  width: 14px;
  height: 14px;
}
.teaser__read-more a svg path {
  fill: inherit;
}
.teaser__read-more a span {
  position: relative;
  top: -2px;
}
.teaser__read-more a:focus, .teaser__read-more a:hover {
  text-decoration: none;
  color: white;
  background-color: #223451;
}
.teaser__read-more a:focus svg path, .teaser__read-more a:hover svg path {
  fill: white;
}
.teaser__read-more a:focus span {
  text-decoration: underline;
}

.teaser__esri-series {
  opacity: 0.75;
}

.teaser__meta {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .teaser__meta {
    width: 30%;
    margin-top: 0;
    padding-left: 32px;
    border-left: 3px solid #223451;
  }
}

.teaser__meta a {
  display: block;
}

.teaser__meta-item + .teaser__meta-item {
  margin-top: 24px;
}

.teaser__meta-item ul {
  padding: 0;
}

.teaser__meta-item li {
  list-style: none;
}

.teaser__date {
  margin-bottom: 24px;
  font-weight: 700;
}
.teaser.node--type-publication .teaser__date {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-weight: 400;
}

.teaser__meta-label {
  font-weight: 700;
}

.teaser__esri-series {
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.teaser__meta-item svg {
  margin-right: 0.5rem;
  vertical-align: top;
}

.teaser__meta-item svg path {
  fill: inherit;
}

.teaser__meta-item > span {
  display: inline-block;
}

.teaser__contact {
  margin-top: 24px;
}
.teaser__contact-info {
  display: inline-block;
  margin-right: 1rem;
}
.teaser__contact svg {
  width: 24px;
  height: 24px;
}
.teaser__contact svg path {
  fill: currentColor;
}

.teaser__add-to-calendar svg {
  width: 1rem;
  height: 1rem;
}
.teaser__add-to-calendar svg path {
  fill: white;
}

.teaser:hover {
  background-position: -100% 0;
  color: white;
}
.teaser:hover .contextual-links a {
  color: black !important;
}
@media (min-width: 768px) {
  .teaser:hover .teaser__meta {
    border-left: 3px solid white;
  }
}
.teaser:hover .teaser__meta-item svg path {
  fill: white;
}
.teaser:hover a {
  color: white;
}
.teaser:hover a svg path {
  fill: white;
}

.bg-primary .teaser,
.bg-gradient-primary .teaser {
  background-color: white;
  box-shadow: none;
  border: 1px solid white;
}

.default-exposed-form {
  max-width: 100% !important;
  padding: 0;
  background-color: #eaeaea;
}

.default-exposed-form .form-item-search,
.default-exposed-form .form-item-keywords {
  width: 100%;
  max-width: 540px;
  margin: 24px auto;
  text-align: center;
}
@media (min-width: 620px) {
  .default-exposed-form .form-item-search,
  .default-exposed-form .form-item-keywords {
    width: auto;
  }
}
.default-exposed-form .form-item-search label,
.default-exposed-form .form-item-keywords label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.default-exposed-form .form-item-search .form-text,
.default-exposed-form .form-item-keywords .form-text {
  width: 100%;
  margin-bottom: 24px;
  padding: 0.5rem 0.75rem;
  padding-right: 3rem;
  color: #223451;
  border: 1px solid #223451;
  border-radius: 2.5rem;
  background: url("../images/icons/src/search.svg") no-repeat calc(100% - 1rem) 50%;
  background-color: transparent;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
  line-height: 24px;
}
@media (min-width: 620px) {
  .default-exposed-form .form-item-search .form-text,
  .default-exposed-form .form-item-keywords .form-text {
    width: 90%;
    margin-bottom: 0;
  }
}
.default-exposed-form .form-item-search .form-text::placeholder,
.default-exposed-form .form-item-keywords .form-text::placeholder {
  color: rgba(34, 52, 81, 0.7);
}

.default-exposed-form .form-item {
  float: none;
  margin-bottom: 24px;
}
.default-exposed-form .form-item .bef-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.default-exposed-form .form-item .bef-links > div,
.default-exposed-form .form-item .bef-links > nav > ul > li {
  display: inline-block;
  padding: 0 5px;
  text-transform: capitalize;
}
.default-exposed-form .form-item a {
  display: block;
  padding: 0.25rem;
  text-decoration: none;
  color: #495f72;
  border-bottom: 3px solid transparent;
}
.default-exposed-form .form-item a:hover {
  border-color: #223451;
}
.default-exposed-form .form-item a.bef-link-active,
.default-exposed-form .form-item a.bef-link--selected {
  text-decoration: none;
  color: black;
  border-color: #223451;
  font-weight: 700;
}

.default-exposed-form .form-submit {
  cursor: pointer;
}

.default-exposed-form__button {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  padding: 1rem 2rem;
  cursor: pointer;
  text-decoration: none;
  color: black;
  border: 0;
  border-radius: 2rem;
  background-color: hsl(0, 0%, 80%);
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 620px) {
  .default-exposed-form__button {
    flex-basis: auto;
  }
}
.default-exposed-form__button svg {
  width: 1rem;
  height: 1rem;
  margin-left: 2rem;
}
.default-exposed-form__button svg path {
  fill: black;
}
.default-exposed-form__button:hover, .default-exposed-form__button:focus {
  color: white;
  background-color: #223451;
}
.default-exposed-form__button:hover svg path, .default-exposed-form__button:focus svg path {
  fill: white;
}

.default-exposed-form__button-details {
  width: 100%;
  text-align: center;
}
@media (min-width: 620px) {
  .default-exposed-form__button-details {
    width: auto;
    text-align: left;
  }
}

.advanced-exposed-form {
  overflow: hidden;
  max-width: 460px;
  height: 0;
  margin: auto;
  margin-bottom: 24px;
  padding: 0;
  transition: background-color 0.3s;
  color: white;
  border-radius: 2rem;
  background-color: hsl(0, 0%, 80%);
}

.advanced-exposed-form--active {
  visibility: visible;
  overflow: visible;
  height: auto;
  padding: 24px;
  background-color: #223451;
}
@media (min-width: 768px) {
  .advanced-exposed-form--active {
    padding: 48px;
  }
}
.advanced-exposed-form--active > * {
  margin-bottom: 24px;
}

.advanced-exposed-form label,
.advanced-exposed-form .label {
  display: block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  opacity: 0.67;
  font-family: "Lato", Verdana, sans-serif;
}

.default-exposed-form .form-item,
.advanced-exposed-form .chosen-container {
  width: 100% !important;
}

.advanced-exposed-form .form-item__textfield,
.advanced-exposed-form .chosen-choices {
  padding: 0.5rem;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
}

.advanced-exposed-form .chosen-choices {
  padding: 0.33rem;
}

.advanced-exposed-form .chosen-container-multi .chosen-choices li.search-choice {
  display: block;
  padding: 0.25rem 1.5rem 0.25rem 0.75rem;
  color: white;
  border: 0;
  border-radius: 1rem;
  background-color: black;
  background-image: none;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  line-height: 1.3;
}

.advanced-exposed-form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: calc(50% - 6px);
  right: 6px;
}

.advanced-exposed-form .chosen-container-multi .chosen-choices li.search-field input[type=text],
.advanced-exposed-form .form-item__textfield,
.advanced-exposed-form .form-date {
  width: 100% !important;
  padding-left: 1rem;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 1rem;
}

.advanced-exposed-form .chosen-container-multi.form-select {
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 2.5rem;
}
.advanced-exposed-form .chosen-container-multi.form-select::after {
  content: "" !important;
}

.advanced-exposed-form .form-date {
  max-width: none;
  height: 40px;
  padding: 0 1rem;
  border: 0;
  border-radius: 18px;
}

.advanced-exposed-form .form-actions {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid white;
}
.advanced-exposed-form .form-actions .form-submit {
  padding: 0.5rem 3rem;
  cursor: pointer;
  text-transform: uppercase;
  color: #223451;
  border-radius: 2rem;
  background-color: white;
  border: 1px solid white;
}
.advanced-exposed-form .form-actions .form-submit:focus, .advanced-exposed-form .form-actions .form-submit:hover {
  color: white;
  background-color: #223451;
}

.default-exposed-form--with-advanced {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 24px;
}
.default-exposed-form--with-advanced .form-item-keywords {
  margin: 0;
}

#edit-reset {
  color: black;
  background-color: hsl(0, 0%, 80%);
}
#edit-reset:focus, #edit-reset:hover {
  color: white;
  background-color: #223451;
}

.default-list .views-row + .views-row {
  margin-top: 48px;
}

.default-list .view-content {
  margin-bottom: 48px;
}

.view .pager {
  margin: 0 auto 48px;
}
.view .pager__items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.view .pager__item a {
  display: inline-block;
  margin: 0 0.5rem 0.5rem;
  padding: 0.5rem 1rem;
  color: black;
  border-radius: 2.5em;
  background-color: white;
}
.view .pager__item a:hover {
  color: white;
  background-color: #223451;
}
.view .pager__item.is-active a {
  text-decoration: none;
  color: white;
  background-color: black;
}

.block-views-blockgui-staff-block-1,
.block-views-blockgui-staff-block-2,
.block-views-blockrecent-publications-block-2 .view-content,
.block-views-blockgui-events-block-1 {
  margin-bottom: 48px;
  padding-left: 2rem;
}

.bg-gradient-primary--dark.block-views-blockrecent-publications-block-2 > h2 {
  padding-left: 2rem;
  color: white;
}

.bg-gradient-primary--dark.block-views-blockrecent-publications-block-2 .more-link {
  padding-left: 2rem;
}

.bg-primary .more-link a,
.bg-gradient-primary--dark .more-link a {
  display: inline-block;
  padding: 0.75rem 3rem;
  text-decoration: none;
  color: #04468d;
  border-radius: 2rem;
  background-color: white;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  border: 1px solid white;
}
.bg-primary .more-link a:focus, .bg-primary .more-link a:hover,
.bg-gradient-primary--dark .more-link a:focus,
.bg-gradient-primary--dark .more-link a:hover {
  text-decoration: underline;
  color: white;
  background-color: #223451;
}

.view-id-events.view-display-id-page_2 .views-exposed-form input {
  margin-bottom: 0;
}
.view-id-events.view-display-id-page_2 .views-exposed-form .description {
  margin-bottom: 24px;
  text-align: left;
}
@media (min-width: 620px) {
  .view-id-events.view-display-id-page_2 .views-exposed-form .description {
    width: 90%;
    margin-left: 5%;
  }
}
@media (min-width: 960px) {
  .view-id-events.view-display-id-page_2 .views-exposed-form .description {
    margin-bottom: 0;
  }
}

.list--minimal {
  margin-bottom: 48px;
}

.list--minimal .list__title {
  font-size: inherit;
  margin-bottom: 24px;
  padding-bottom: 0.5rem;
  color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
  border-bottom: 2px solid rgb(56.6173913043, 86.5913043478, 134.8826086957);
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.list--minimal .views-row:last-of-type {
  margin-bottom: 48px;
}

.list--minimal .more-link {
  margin-top: auto;
}

.list--minimal .more-link a {
  color: rgb(56.6173913043, 86.5913043478, 134.8826086957);
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}
.list--minimal .more-link a:hover, .list--minimal .more-link a:focus {
  text-decoration: underline;
  color: black;
}

.poster-list .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.poster-list .view-content > * {
  margin-right: 1rem;
  margin-left: 1rem;
}
.poster-list .view-content {
  flex-wrap: wrap;
  justify-content: center;
}
.poster-list .view-content .views-row {
  margin-bottom: 24px;
}
@media (min-width: 620px) {
  .poster-list .view-content .views-row {
    display: flex;
    width: calc(50% - 2rem);
  }
}
@media (min-width: 768px) {
  .poster-list .view-content .views-row {
    width: calc(25% - 2rem);
  }
}

.poster-list .view-filters {
  margin: 24px auto;
  text-align: center;
}

.poster-list .view-filters .form-item .bef-links div:first-of-type,
.poster-list .view-filters .form-item .bef-links ul li {
  order: 1;
}

@media (min-width: 768px) {
  .poster-list--quarters .views-row {
    width: calc(25% - 2rem) !important;
  }
}

.block-views-blockrelated-content-for-contributors-block-projects > h2,
.block-views-blockrelated-content-for-contributors-block-publications > h2,
h2.related-list__title {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem;
  color: white;
  font-weight: 700;
}

h2.related-list__title {
  padding: 0;
}

.full__introduction {
  margin-bottom: 24px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.full__title {
  margin-top: 36px;
}

.contributor__content {
  padding-bottom: 24px;
}
@media (min-width: 620px) {
  .contributor__content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .contributor__content > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

@media (min-width: 620px) {
  .contributor__main {
    width: calc(60% - 2rem);
  }
}

.contributor__aside {
  margin-top: 48px;
}
@media (min-width: 620px) {
  .contributor__aside {
    width: calc(40% - 2rem);
  }
}

.contributor__professional-details {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaea;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.contributor__image img {
  border-radius: 50% 50% 0 50%;
}
.contributor__image {
  margin-bottom: 48px;
}

.contributor__meta-item {
  display: flex;
  margin-right: -3px;
  margin-bottom: 24px;
  margin-left: -3px;
}
@media (min-width: 620px) {
  .contributor__meta-item {
    padding-left: 85px;
  }
}
.contributor__meta-item > * {
  margin-right: 5px;
  margin-left: 5px;
}

.contributor__meta-item-icon svg {
  width: 24px;
  height: 24px;
}
.contributor__meta-item-icon svg path {
  fill: #223451;
}

.contributor__meta-item-content svg {
  display: none;
}

.contributor__related-content {
  padding-top: 24px;
}
@media (min-width: 620px) {
  .contributor__related-content {
    padding-top: 48px;
  }
}
@media (min-width: 768px) {
  .contributor__related-content {
    padding-top: 72px;
  }
}
.contributor__related-content {
  padding-bottom: 24px;
}
.contributor__related-content .pl-class--rows .views-row {
  margin-bottom: 24px;
}

.contributor__related-content .teaser {
  padding-left: 0;
  color: white;
  border-top: 1px solid white;
  border-left: 0;
}
.contributor__related-content .teaser a {
  color: white;
}
.contributor__related-content .teaser .teaser__meta {
  border-left-color: white;
}
.contributor__related-content .teaser svg path {
  transition: fill 0.3s;
  fill: white;
}
.contributor__related-content .teaser .teaser__read-more a:hover {
  color: #2c3f46;
}
.contributor__related-content .teaser .teaser__read-more a:hover svg path {
  fill: #2c3f46;
}

@media (min-width: 768px) {
  .event__atf {
    display: flex;
  }
}
.event__atf .breadcrumb {
  padding-top: 24px;
}

@media (min-width: 768px) {
  .event__btf {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (min-width: 620px) {
  .event__btf {
    margin-top: 48px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .event__btf {
    margin-top: 72px;
  }
}

.event__atf-first {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .event__atf-first {
    margin-right: auto;
    margin-bottom: 0;
  }
}

.event__atf-second {
  margin-bottom: 48px;
  padding-top: 24px;
  text-align: center;
  color: white;
}
@media (min-width: 768px) {
  .event__atf-second {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33%;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0;
    padding-top: 0;
  }
}

.event__atf-second .add-to-calendar {
  margin-top: 48px;
}

.event__label {
  max-width: 460px;
  margin-bottom: 24px;
  color: #223451;
  border-bottom: 2px solid #223451;
}

.event__title {
  max-width: 540px;
  color: black;
  font-weight: 900;
}

.event__intro {
  max-width: 460px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.event__meta {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.event__meta > * {
  margin-right: 1rem;
  margin-left: 1rem;
}
.event__meta {
  justify-content: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .event__meta {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media (min-width: 768px) {
  .event__meta-item {
    margin-bottom: 24px;
  }
}
.event__meta-item svg {
  width: 24px;
  height: 24px;
}

.event__register {
  margin-bottom: 24px;
}

.event__register a {
  display: inline-block;
  padding: 1rem 3rem;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 2rem;
  background-color: #223451;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
  border: 1px solid #223451;
}
.event__register a:focus, .event__register a:hover {
  text-decoration: underline;
  background-color: white;
  color: #223451;
}

.event__meta a {
  color: white;
  text-decoration: none;
}
.event__meta a:focus, .event__meta a:hover {
  text-decoration: underline;
}

.event__join-conversation {
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  padding: 0.25rem 1.25rem 0.25rem 1rem;
  text-decoration: none;
  color: white;
  border: 1px solid white;
  border-radius: 2rem;
}
.event__join-conversation:focus, .event__join-conversation:hover {
  text-decoration: underline;
  color: #223451;
  background-color: white;
}
.event__join-conversation:focus svg path, .event__join-conversation:hover svg path {
  fill: #223451 !important;
}
.event__join-conversation svg {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.event__join-conversation svg circle {
  fill: transparent !important;
}
.event__join-conversation svg path {
  fill: #149a99 !important;
}

.homepage__header {
  padding-top: 72px;
  padding-bottom: 72px;
}

.homepage__header-inner {
  text-align: center;
  color: white;
}
.homepage__header-inner > * {
  margin-bottom: 48px;
}

.homepage__header-links {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.homepage__header-links > * {
  margin-right: 1rem;
  margin-left: 1rem;
}
.homepage__header-links {
  justify-content: center;
}

.homepage__header-link {
  margin-bottom: 24px;
}

.homepage__header-link a {
  display: inline-block;
  min-width: 150px;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  color: #223451;
  border: 1px solid white;
  border-radius: 2rem;
  background-color: white;
}
.homepage__header-link a:focus, .homepage__header-link a:hover {
  text-decoration: underline;
  background-color: #223451;
  color: white;
}

@media (min-width: 620px) {
  .homepage > .building-blocks {
    margin-top: -72px;
  }
}
.homepage > .building-blocks > .building-block:first-of-type > .leaflets {
  position: relative;
  background-color: white;
}
@media (min-width: 620px) {
  .homepage > .building-blocks > .building-block:first-of-type > .leaflets {
    padding-top: 24px;
  }
}
@media (min-width: 620px) {
  .homepage > .building-blocks > .building-block:first-of-type > .text {
    position: relative;
    padding-top: 24px;
    background-color: white;
  }
}

.homepage__lists {
  margin-bottom: 48px;
}
@media (min-width: 620px) {
  .homepage__lists {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .homepage__lists > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .homepage__lists {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .homepage__lists > * {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 768px) {
  .homepage__lists > * {
    width: calc(33% - 2rem);
  }
}

.homepage__list,
.homepage__list .views-element-container {
  display: flex;
}

.homepage__post-script {
  padding-top: 48px;
  padding-bottom: 48px;
  background-size: cover;
}
@media (min-width: 768px) {
  .homepage__post-script {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.homepage__post-script-inner {
  padding: 72px;
  background-color: rgba(255, 255, 255, 0.9);
}

.homepage__post-script-title,
.homepage__post-script-text {
  text-align: center;
}

.homepage__post-script-text {
  color: #223451;
}
.homepage__post-script-text::after {
  display: block;
  width: 100px;
  height: 2px;
  margin: 48px auto;
  content: "";
  background-color: #223451;
}

.homepage__post-script-list {
  padding: 0;
  font-weight: 700;
}
@media (min-width: 620px) {
  .homepage__post-script-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .homepage__post-script-list > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .homepage__post-script-list {
    flex-wrap: wrap;
  }
}

.homepage__post-script-list li {
  margin-bottom: 24px;
  list-style: none;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}
@media (min-width: 620px) {
  .homepage__post-script-list li {
    width: calc(50% - 2rem);
  }
}
.homepage__post-script-list li a {
  text-decoration: none;
  color: #2c3f46;
}
.homepage__post-script-list li a:focus, .homepage__post-script-list li a:hover {
  text-decoration: underline;
  color: #223451;
}

.landing-page__header {
  margin-bottom: 72px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.landing-page__header-inner {
  text-align: center;
  color: white;
}
.landing-page__header-inner > * {
  margin-bottom: 48px;
}

.landing-page__join-conversation {
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  padding: 0.25rem 1.25rem 0.25rem 1rem;
  text-decoration: none;
  color: white;
  border: 1px solid white;
  border-radius: 2rem;
}
.landing-page__join-conversation:focus, .landing-page__join-conversation:hover {
  text-decoration: underline;
  color: #223451;
  background-color: white;
}
.landing-page__join-conversation:focus svg path, .landing-page__join-conversation:hover svg path {
  fill: #223451 !important;
}
.landing-page__join-conversation svg {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.landing-page__join-conversation svg circle {
  fill: transparent !important;
}
.landing-page__join-conversation svg path {
  fill: #149a99 !important;
}
.landing-page__join-conversation {
  padding: 0.75rem 2rem;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}
.landing-page__join-conversation svg path {
  fill: white !important;
}

@media (min-width: 620px) {
  .landing-page > .building-blocks > .building-block:first-of-type > .leaflets {
    position: relative;
    margin-top: -144px;
    padding-top: 24px;
    background-color: white;
  }
}

.news__meta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  padding: 1rem 0;
  border-top: 1px solid hsl(0, 0%, 60%);
  border-bottom: 1px solid hsl(0, 0%, 60%);
}

.news__meta-date {
  display: flex;
  margin-right: auto;
}
.news__meta-date svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.news__meta-date svg path {
  fill: hsl(0, 0%, 20%);
}

.news__meta-tags {
  text-align: right;
}
.news__meta-tags a {
  text-decoration: none;
}
.news__meta-tags a:focus, .news__meta-tags a:hover {
  text-decoration: underline;
}

.news__introduction {
  margin-bottom: 72px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.news__related-content h2:not(.teaser__title) {
  color: white;
}

.project__research-area {
  margin-bottom: 24px;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}
.project__research-area a {
  text-decoration: none;
}
.project__research-area a:focus, .project__research-area a:hover {
  text-decoration: underline;
}

.project__date {
  margin-bottom: 24px;
}

.project__people > * {
  display: flex;
  height: auto;
  margin-bottom: 24px;
}

@media (min-width: 620px) {
  .project__people {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .project__people > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .project__people {
    flex-wrap: wrap;
    justify-content: center;
  }
  .project__people > * {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 960px) {
  .project__people > * {
    width: calc(25% - 2rem);
  }
}

.project__related-heading {
  margin-bottom: 24px;
  color: white;
}
@media (min-width: 620px) {
  .project__related-heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .project__related-heading {
    margin-bottom: 72px;
  }
}

.project__related-items > .teaser {
  margin-bottom: 24px;
}

@media (min-width: 960px) {
  .publication .publication__files:not(:has(.table-files)) .file,
  .publication .table-files {
    width: calc(100% + (100vw - 960px) / 2);
    margin-left: calc((-100vw + 960px) / 2);
  }
  .publication .publication__files:not(:has(.table-files)) .file,
  .publication .table-files .file {
    padding-left: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  .publication__aside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .publication__aside > div {
    min-width: 50%;
  }
}
@media (min-width: 768px) {
  .publication__content {
    display: flex;
    justify-content: space-between;
  }
  .publication__main {
    width: 60%;
  }
  .publication__aside {
    width: 35%;
  }
}
.publication__main .breadcrumb {
  margin-top: 48px;
}
.publication__main > .field {
  margin-bottom: 48px;
}

.publication__content {
  padding-bottom: 72px;
}

.publication__intro,
.publication__intro a {
  color: #495f72;
  font-family: "Merriweather", "Lato", Verdana, sans-serif;
}

.publication__abstract--image .media {
  float: right;
  max-width: 30%;
  margin: 0 0 0.5em 1em;
}

.publication__abstract--image + .field {
  clear: both;
}

.publication__files .table-files {
  margin-bottom: 0;
}

.publication__files .table-files.file-count--odd + .table-files .odd {
  background-color: white;
}

.publication__files .table-files.file-count--odd + .table-files .even {
  background-color: #eaeaea;
}

.publication__files:not(:has(.table-files)) {
  display: grid;
  grid-auto-rows: auto;
  grid-row-gap: 1px;
  grid-template-columns: 1fr;
}
.publication__files:not(:has(.table-files)) > .file {
  align-items: center;
  background-color: white;
  display: grid;
  grid-column-gap: 0.5em;
  grid-template-columns: 2.9em auto;
}
.publication__files:not(:has(.table-files)) > .file:nth-child(odd) {
  background-color: #eaeaea;
}
.publication__files:not(:has(.table-files)) svg {
  width: 2.9em;
  height: 2.9em;
  margin-right: 0;
  padding: 0.4em 0.5em;
  background-color: hsl(0, 0%, 20%);
}
.publication__files:not(:has(.table-files)) svg path {
  fill: white;
}
.publication__files:not(:has(.table-files)) .file-pdf-o svg {
  background-color: #b10a0a;
}
.publication__files:not(:has(.table-files)) .file-word-o svg {
  background-color: #185ec2;
}
.publication__files:not(:has(.table-files)) .file-excel-o svg {
  background-color: #1b6135;
}
.publication__files:not(:has(.table-files)) a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.publication__files:not(:has(.table-files)) .file-name {
  max-width: 40ch;
}

.publication__author-editors a {
  color: black;
}

.publication__label,
.publication__details h2,
.publication__author-editors .field__label {
  max-width: 460px;
  margin-top: 48px;
  margin-bottom: 24px;
  color: #223451;
  border-bottom: 2px solid #223451;
  font-weight: 700;
}

.publication__aside h2 {
  font-family: "Lato", Verdana, sans-serif;
  font-size: 16px;
}
.publication__aside .field__label {
  margin-top: 24px;
  font-weight: 900;
}
.publication__aside .field__item,
.publication__aside .field__item a {
  color: #495f72;
}
.publication__aside .field--name-field-publication-external-link {
  margin-top: 24px;
}
.publication__aside .h3, .publication__aside .leaflets--small .leaflet__title, .leaflets--small .publication__aside .leaflet__title {
  font-weight: 700;
}

.publication__related {
  padding-top: 96px;
}
.publication__related > .field__label {
  border-bottom: 3px solid;
}
.publication__related div,
.publication__related a {
  color: white;
  border-color: white;
}
.publication__related .teaser {
  padding-left: 0;
  border-left: none;
  background: transparent;
}
.publication__related .teaser:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.publication__related .teaser__meta {
  border-left-color: white;
}
.publication__related .teaser__read-more svg {
  fill: white;
}
.publication__related .teaser__read-more a:hover,
.publication__related .teaser__read-more a:focus {
  background: white;
  color: #223451;
}
.publication__related .teaser__read-more a:hover svg path,
.publication__related .teaser__read-more a:focus svg path {
  fill: #223451;
}
.publication__related .publication__esri-series {
  color: rgba(255, 255, 255, 0.5);
}
.publication__related .h1 {
  color: white;
}

.publication__external-link {
  display: flex;
  align-items: center;
}
.publication__external-link svg {
  width: 0.75rem;
  height: 0.75rem;
}
.publication__external-link svg path {
  fill: #223451;
}
.publication__external-link .publication__external-link-icon {
  margin-left: 4px;
  line-height: 0;
}

.publication__main-item {
  margin-bottom: 24px;
}

.bg-gradient-primary--dark .block-views-blockrecent-publications-block-1 > h2 {
  color: white;
}

.publication__esri-series {
  color: #223451;
}

.publication__details-item {
  margin-bottom: 24px;
}

.publication__details-title {
  margin-bottom: 0;
  font-family: "Lato", Verdana, sans-serif;
  font-size: 1rem;
}

.node-publication-edit-form .js-text-full {
  color: red;
}

.publication__related .teaser:hover .teaser__meta {
  border-left-color: white;
}

.research-area__hero {
  position: relative;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .research-area__hero {
    margin-bottom: 72px;
  }
}

.research-area__hero img {
  width: 100%;
}

.research-area__hero-content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
@media (min-width: 960px) {
  .research-area__hero-content {
    top: auto;
    bottom: 48px;
    transform: none;
  }
}

.research-area__hero-content-inner {
  max-width: 640px;
  padding: 48px;
  color: white;
}
.research-area__hero-content-inner.bg-gradient-navy--alpha .research-area__introduction a {
  color: #fafcca;
}

.research-area__related-items .block-views > h2 {
  color: white;
}

.related-content--second {
  display: none;
}

.pills-container {
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
}

.pills {
  display: flex;
  display: inline-block;
  text-align: center;
  border-radius: 2rem;
  background-color: black;
}

.pill {
  display: inline-block;
  padding: 1rem 2rem;
  text-decoration: none;
  color: white;
  border-radius: 2rem;
}
.pill:focus, .pill:hover {
  text-decoration: underline;
}

.pill--active {
  color: #223451;
  background-color: white;
}

.region-breadcrumbs {
  padding-top: 24px;
}

.credits {
  padding-top: 24px;
}

.credits a {
  text-decoration: none;
}

.credits__inner {
  text-align: center;
}
@media (min-width: 768px) {
  .credits__inner {
    display: flex;
    justify-content: space-between;
  }
}

.footer {
  color: white;
  background-color: #223451;
}
.footer h2 {
  border-bottom: 1px solid white;
}
.footer a {
  color: white;
}

@media (min-width: 620px) {
  .footer__inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .footer__inner > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
.footer__inner > * {
  flex-basis: calc(33% - 2rem);
}

.footer .block {
  margin-bottom: 48px;
}

.footer__left-bottom {
  margin-bottom: 48px;
}

.footer__social-list {
  padding: 0;
}

.footer__social-item {
  display: flex;
  align-items: center;
  list-style: none;
}

.footer__social-item-no-text {
  margin: 0.2rem 0.5rem 1rem 0;
  display: inline-block;
}

.footer__social-item-icon {
  line-height: 0;
}
.footer__social-item-icon svg {
  width: 1rem;
  height: 1rem;
}

.footer__social-item-link a {
  margin-left: 0.5rem;
  text-decoration: none;
}
.footer__social-item-link a:focus, .footer__social-item-link a:hover {
  text-decoration: underline;
}

.header {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 620px) {
  .header {
    align-items: center;
  }
}

.header a {
  color: white;
}

.header__branding {
  width: 115px;
  margin-bottom: auto;
}
@media (min-width: 768px) {
  .header__branding {
    width: 200px;
    margin-bottom: 0;
  }
}

.header__content {
  width: calc(100% - 115px);
}
@media (min-width: 768px) {
  .header__content {
    width: calc(100% - 200px);
  }
}

.header__content-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 768px) {
  .header__content-top {
    padding-top: 1rem;
  }
}

.header__content-top > * {
  margin-bottom: 1rem;
}

.page-title {
  margin-bottom: 0;
  text-align: center;
}

.block-page-title-block {
  padding-top: 24px;
}
@media (min-width: 620px) {
  .block-page-title-block {
    padding-top: 48px;
  }
}
@media (min-width: 768px) {
  .block-page-title-block {
    padding-top: 72px;
  }
}
.block-page-title-block {
  margin-bottom: 24px;
}

/**
 * @file
 * This file is used to style the tabs region.
 */
.layout-tabs {
  background: black;
}

.region-tabs ul.tabs {
  display: flex;
  margin: 0;
}

.region-tabs li {
  list-style: none;
  margin: 0;
}

.region-tabs li a {
  color: #eaeaea;
  display: inline-block;
  font-weight: bold;
  padding: 0.66rem 1rem;
  text-decoration: none;
}
.region-tabs li a.is-active {
  background: hsl(0, 0%, 80%);
  color: #2c3f46;
}
.region-tabs li a:focus, .region-tabs li a:hover {
  background: hsl(0, 0%, 60%);
  color: black;
  text-decoration: underline;
}

.webform-submission-form {
  padding-top: 24px;
  padding-bottom: 24px;
}
.webform-submission-form .form-item {
  margin-bottom: 24px;
}
.webform-submission-form .form-item input {
  width: 100%;
}
.webform-submission-form .form-actions {
  display: flex;
  justify-content: center;
}
@media (min-width: 500px) {
  .webform-submission-form {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .webform-submission-form .form-item {
    display: flex;
    flex-wrap: wrap;
  }
  .webform-submission-form .form-item label {
    width: 25%;
  }
  .webform-submission-form .form-item input {
    width: 75%;
  }
  .webform-submission-form .form-item .description {
    margin-left: 25%;
  }
}