/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@charset "UTF-8";

/*
This will fix margins introduced by content editors, such as in the WYSIWYG editor for text paragraphs
*/

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

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: true;
  font-size: 16px;
  line-height: 1.6rem;
}

html {
  height: 100%;
}

.block-local-tasks-block {
  display: flex;
}

input {
  width: 100%;
}

html {
  overflow-x: hidden;
}

body {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  min-height: 100%;
  overflow: hidden;
}

.dialog-off-canvas-main-canvas {
  height: 100%;
}

.layout-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#page-header {
  flex: 0 0 auto;
}

main {
  flex: 1 0 auto;
  margin: 0;
}

footer {
  flex-shrink: 0;
}

ul {
  padding: 0 0 0 18px;
  margin: 0;
  list-style-type: disc;
}

ol {
  padding: 0 0 0 18px;
  margin: 0;
  list-style-type: decimal;
}

li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.toolbar-menu-administration .menu-item {
  font-size: 12px;
}

hr {
  border: 0;
  height: 5px;
}

fieldset {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: 0;
}

figure {
  margin-left: 0;
}

figcaption {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #0B3954;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  margin-top: 0.3125rem;
}

img {
  max-width: 100%;
  width: auto;
}

video {
  max-width: 100%;
  width: auto;
  height: auto;
}

iframe {
  max-width: 100%;
}

iframe.worldpay-redirect {
  width: 100%;
}

a {
  color: #536EB7;
}

.text-formatted a {
  text-decoration: underline;
}

a:focus {
  outline: 5px dotted #FD5A5F !important;
}

h1 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1.75rem;
  line-height: 2.75rem;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.875rem;
    line-height: 3.625rem;
  }
}

h2 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}

h3 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

h4 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1rem;
  line-height: 1.5625rem;
}

h5 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1rem;
  line-height: 1.5625rem;
}

h6 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1rem;
  line-height: 1.5625rem;
}

p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  clear: both;
}

blockquote {
  margin: 1.875rem 0;
  padding: 1rem 1.25rem;
  clear: both;
  border-left: 6px solid #FD5A5F;
}

blockquote p {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  margin: 0;
  letter-spacing: 0.26px;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

form > div {
  margin-bottom: 1.25rem;
}

form > p {
  display: flex;
}

form label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  display: block;
  margin-bottom: 0.25rem;
}

form input {
  padding: 0.3125rem 0.625rem;
  max-width: 240px;
  border: 1px solid #707070;
  outline: none;
  transition: all 0.3s ease-in-out;
}

form input:focus {
  outline: 5px dotted #FD5A5F;
}

form input[type=checkbox] {
  width: 20px;
  margin: 0.3125rem 1.25rem 0 0;
}

form input[type=checkbox]:focus {
  outline: none;
}

form input[type=checkbox] ~ label {
  display: inline;
}

form input[type=submit] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  padding: 0.25rem 0.25rem 0.75rem;
  height: 40px;
  background-color: #A90733;
  border: 2px solid #A90733;
  border-radius: 5px;
}

form input[type=submit]:hover {
  background-color: #0B3954;
  border-color: #0B3954;
}

form input[type=submit]:focus {
  outline: 5px dotted #FD5A5F;
}

.media--type-document {
  margin-top: 1.25rem;
}

.media--type-document .field--name-field-name {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.media--type-document a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.media--type-document a:hover {
  color: #6A6A6A;
}

.region-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .region-content {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .region-content {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .region-content {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .region-content {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.paragraph {
  margin-top: 1.25rem;
  margin-right: 0;
  margin-bottom: 1.25rem;
  margin-left: 0;
}

.paragraph .paragraph {
  margin-top: 0;
  margin-bottom: 0;
}

.page-node-type-page .layout-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .page-node-type-page .layout-content {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .page-node-type-page .layout-content {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-page .layout-content {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .page-node-type-page .layout-content {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .page-node-type-page .layout-content {
    padding: 0;
  }
}

.page-node-type-project .layout-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .page-node-type-project .layout-content {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .page-node-type-project .layout-content {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-project .layout-content {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .page-node-type-project .layout-content {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .page-node-type-project .layout-content {
    padding: 0;
  }
}

.path-projects .layout-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .path-projects .layout-content {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .path-projects .layout-content {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .path-projects .layout-content {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .path-projects .layout-content {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 660px) {
  .path-projects .layout-content {
    padding: 0;
  }
}

@media only screen and (min-width: 660px) {
  .path-projects .layout-content {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .path-projects .layout-content {
    padding: 0;
  }
}

@media only screen and (min-width: 1140px) {
  .path-projects .layout-content {
    padding: 0;
  }
}

.path-news .layout-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .path-news .layout-content {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .path-news .layout-content {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .path-news .layout-content {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .path-news .layout-content {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .path-news .layout-content {
    padding: 0;
  }
}

.sidebar-second main {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 auto 1.875rem;
}

@media only screen and (min-width: 660px) {
  .sidebar-second main {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .sidebar-second main {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second main {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .sidebar-second main {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second main {
    flex-wrap: nowrap;
    min-width: 952px;
  }
}

@media only screen and (min-width: 1140px) {
  .sidebar-second main {
    min-width: 1140px;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second .region-content {
    padding: 0 1.875rem 0 0;
  }
}

.sidebar-second.page-node-type-page .layout-content {
  padding: 0;
}

.sidebar-second .layout-content {
  flex: 1 0 100%;
}

@media only screen and (min-width: 992px) {
  .sidebar-second .layout-content {
    flex: 0 0 70%;
    padding-left: 0;
  }
}

.sidebar-second .layout-sidebar-second {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  flex: 1 0 100%;
}

@media only screen and (min-width: 660px) {
  .sidebar-second .layout-sidebar-second {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .sidebar-second .layout-sidebar-second {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second .layout-sidebar-second {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .sidebar-second .layout-sidebar-second {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second .layout-sidebar-second {
    flex: 0 0 30%;
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (-ms-high-contrast: none), only screen and (min-width: 992px) and (-ms-high-contrast: active) {
  .sidebar-second .layout-sidebar-second {
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-second .region-sidebar-second {
    padding: 0;
  }
}

.region-footer-banner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .region-footer-banner {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .region-footer-banner {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .region-footer-banner {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .region-footer-banner {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

footer {
  margin-top: 1.25rem;
  background-color: #0B3954;
}

.region-footer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding: 1rem;
  text-align: center;
}

@media only screen and (min-width: 660px) {
  .region-footer {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .region-footer {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .region-footer {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .region-footer {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.menu--footer-menu .menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: 0;
}

@media only screen and (min-width: 992px) {
  .menu--footer-menu .menu {
    justify-content: space-between;
  }
}

.menu--footer-menu .menu-item a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  display: block;
  margin: 0.625rem 0.75rem 0.625rem 0;
  text-decoration: none;
}

.menu--footer-menu .menu-item a.is-active {
  color: #F7F7F7;
}

.menu--footer-menu .menu-item a:hover {
  text-decoration: underline;
}

.menu--footer-menu .menu-item:nth-last-child(1) a {
  margin-right: 0;
}

.menu--footer-social-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.25rem;
}

.menu--footer-social-menu > h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  order: 2;
}

.menu--footer-social-menu ul {
  margin-left: 0;
}

.menu--footer-social-menu > .menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

.menu--footer-social-menu > .menu > .menu-item {
  flex: 0 0 37px;
  height: 60px;
}

@media only screen and (-ms-high-contrast: none) and (min-width: 1140px), only screen and (-ms-high-contrast: active) and (min-width: 1140px) {
  .menu--footer-social-menu > .menu > .menu-item {
    margin-right: 2.5rem;
  }
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu--footer-social-menu > .menu > .menu-item:nth-last-child(1) {
    margin-right: 0;
  }
}

.menu--footer-social-menu > .menu > .menu-item > a {
  position: relative;
  display: inline-block;
  padding-left: 37px;
  height: 37px;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
  font-size: 9px;
  z-index: 3;
}

.menu--footer-social-menu > .menu-item {
  order: 1;
  position: relative;
  display: block;
}

#block-nhmfcopyright p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

header {
  background-color: #fff;
  box-shadow: 1px 0 0 #F0FCFD;
}

@media only screen and (min-width: 1140px) {
  header {
    box-shadow: none;
  }
}

.region-header {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  padding: 1rem 1rem 1rem;
}

@media only screen and (min-width: 660px) {
  .region-header {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .region-header {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .region-header {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .region-header {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .region-header {
    padding-bottom: 1.25rem;
  }
}

.block-system-branding-block {
  flex: 0 0 180px;
}

@media only screen and (min-width: 1140px) {
  .block-system-branding-block {
    flex: 0 0 290px;
    margin-top: 0.625rem;
  }
}

.block-system-branding-block .site-logo {
  display: block;
}

.block-system-branding-block .site-logo img {
  width: 100%;
}

.layout-sidebar-second {
  padding-top: 0.625rem;
}

.user-logged-in .layout-sidebar-second {
  margin-top: 2.5rem;
}

@media only screen and (min-width: 992px) {
  .path-frontpage .layout-sidebar-second {
    margin-top: 1.25rem;
  }
}

@media only screen and (min-width: 992px) {
  .user-logged-in.path-frontpage .layout-sidebar-second {
    margin-top: 3.75rem;
  }
}

.layout-sidebar-second .block-block-content {
  margin: 1.875rem 0;
}

.layout-sidebar-second .block-block-content .text-formatted {
  margin: 1.25rem 0 0;
}

.layout-sidebar-second .field--name-field-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #0046A5;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.layout-sidebar-second .more-link {
  text-align: left;
}

@media only screen and (min-width: 992px) {
  .layout-sidebar-second .more-link {
    text-align: center;
  }
}

.layout-sidebar-second .more-link a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  display: inline-block;
  margin-top: 1.25rem;
  padding: 0.625rem 1.875rem;
  background-color: #A90733;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.layout-sidebar-second .more-link a:hover {
  background-color: #0B3954;
}

.node--type-news .field--name-field-news-date {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #6A6A6A;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-news .field--name-field-intro-text {
  margin-top: 1.25rem;
  padding: 1rem;
  background-color: #F0FCFD;
}

.node--type-news .field--name-field-intro-text p {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-news .field--name-field-news-images .media--type-news-images {
  margin: 1.875rem 0;
}

.node--type-news .field--name-field-news-images .field--name-field-credit,
.node--type-news .field--name-field-news-images .field--name-field-caption {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-news.node--view-mode-full img {
  padding: 0.375rem;
  border: 1px solid #ccc;
}

.page-node-type-publication .field--name-field-publication-date {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6A6A6A;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  padding-bottom: 1.25rem;
}

.page-node-type-publication .field--name-field-publication-image img {
  border: 1px solid #ccc;
  height: 100%;
}

.page-node-type-publication .field--name-field-file {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  padding-top: 1.875rem;
}

.page-node-type-publication .field--name-field-file .file--application-pdf {
  background-position: 0 0.3125rem;
}

.page-node-type-publication .field--name-field-file a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
  hyphens: auto;
  display: inline-block;
  max-width: 700px;
}

.page-node-type-publication .block-views-blockannual-reports-block-1 {
  padding-top: 1.25rem;
}

.page-node-type-publication .block-views-blockannual-reports-block-1 > h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #0046A5;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.path-about-nhmf .view-header {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.path-about-nhmf .view-content {
  padding-top: 1.875rem;
}

.path-about-nhmf .views-col {
  padding-bottom: 0.625rem;
}

@media only screen and (min-width: 768px) {
  .path-about-nhmf .views-col {
    width: 33%;
  }
}

.path-about-nhmf .views-field-title a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  display: block;
  width: 90%;
  transition: color 0.3s ease-in-out;
}

.path-about-nhmf .views-field-title a:hover {
  color: #6A6A6A;
}

.path-about-nhmf .views-field-field-publication-image img {
  border: 1px solid #707070;
}

.maintenance-page header {
  margin-top: 1.25rem;
}

.maintenance-page header img {
  max-width: 190px;
}

@media only screen and (min-width: 768px) {
  .maintenance-page header img {
    max-width: 290px;
  }
}

.maintenance-page main {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.maintenance-page .site-name {
  margin-bottom: 0;
}

.maintenance-page .site-name a {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #536EB7;
  font-size: 1.75rem;
  line-height: 2.75rem;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .maintenance-page .site-name a {
    font-size: 2.875rem;
    line-height: 3.625rem;
  }
}

.maintenance-page .site-name a:hover {
  color: #0B3954;
  text-decoration: underline;
}

.block-responsive-menu-toggle {
  margin-left: auto;
}

.block-responsive-menu-toggle .toggle .label {
  display: none;
}

.block-responsive-menu-toggle .toggle .icon {
  background-color: #0B3954;
}

.block-responsive-menu-toggle .toggle::before {
  background-color: #0B3954;
}

.block-responsive-menu-toggle .toggle::after {
  background-color: #0B3954;
}

.mm-panels .mm-navbar_sticky > a {
  padding: 0.625rem 1.25rem;
}

.mm-panels .mm-navbar_sticky > a span {
  display: block;
  height: 100%;
  white-space: normal;
}

#mm-1 .mm-listitem a {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #0B3954;
  font-size: 1rem;
  line-height: 1.5625rem;
}

.block-responsive-menu-horizontal-menu {
  display: none;
  flex: 1 0 100%;
  padding: 0.625rem 0 1.25rem;
}

@media only screen and (min-width: 1140px) {
  .block-responsive-menu-horizontal-menu {
    display: block;
  }
}

.block-responsive-menu-horizontal-menu .horizontal-menu {
  display: flex;
  justify-content: space-between;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item > a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #242424;
  font-size: 1rem;
  line-height: 1.5625rem;
  padding-top: 0.625rem;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 4px solid #0B3954;
  letter-spacing: 0.64px;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded {
  position: static;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded:hover ul {
  display: flex;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded > a::after {
  content: "";
  display: inline-block;
  margin-left: 0.3125rem;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #242424;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded ul {
  top: 90%;
  margin-left: 0;
  padding: 0.625rem;
  width: 100%;
  background-color: #0B3954;
  text-align: center;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded ul a {
  color: #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded ul a:hover {
  text-decoration: underline;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.menu-item--expanded ul a:focus {
  outline: 5px dotted #184e51 !important;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.sfHover ul {
  display: flex !important;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item.sfHover > a {
  color: #0B3954;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2) a {
  border-color: #FD5A5F;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2).menu-item--expanded ul {
  background-color: #FD5A5F;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2).menu-item--expanded ul a {
  color: #242424;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2).menu-item--expanded:hover > a {
  background-color: #FD5A5F;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2).sfHover > a {
  background-color: #FD5A5F;
  color: #242424;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(2).sfHover > a:after {
  color: #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(3) a {
  border-color: #536EB7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(3).sfHover > a {
  color: #536EB7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4) a {
  border-color: #A90733;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4).menu-item--expanded ul {
  background-color: #A90733;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4).menu-item--expanded ul a {
  color: #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4).menu-item--expanded:hover > a {
  background-color: #A90733;
  color: #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4).menu-item--expanded:hover > a:after {
  border-top: 6px solid #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(4).sfHover > a {
  background-color: #A90733;
  color: #F7F7F7;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(5) a {
  border-color: #0046A5;
}

.block-responsive-menu-horizontal-menu .horizontal-menu > .menu-item:nth-child(5).sfHover > a {
  color: #0046A5;
}

#block-heroimages {
  max-height: 300px;
}

#block-heroimages .field--name-field-hero-images {
  max-height: 300px;
}

#block-heroimages .media--type-image {
  height: 100%;
}

#block-heroimages .field--name-field-media-image {
  height: 100%;
}

#block-heroimages .field--name-field-media-image > .field__item {
  height: 100%;
}

#block-heroimages .field__items {
  display: flex;
  justify-content: center;
  max-height: 300px;
}

#block-heroimages .field__items > .field__item {
  max-height: 300px;
}

#block-heroimages .field__items img {
  height: 100%;
  width: 100%;
}

.block-system-breadcrumb-block {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-top: 1.25rem;
}

@media only screen and (min-width: 660px) {
  .block-system-breadcrumb-block {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .block-system-breadcrumb-block {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .block-system-breadcrumb-block {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .block-system-breadcrumb-block {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .path-news .block-system-breadcrumb-block {
    padding: 0 1.875rem;
  }
}

.path-projects .block-system-breadcrumb-block {
  padding: 0;
}

@media only screen and (min-width: 1140px) {
  .path-projects .block-system-breadcrumb-block {
    padding: 0 1.875rem;
  }
}

.block-system-breadcrumb-block .breadcrumb {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .block-system-breadcrumb-block .breadcrumb {
    max-width: 660px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .block-system-breadcrumb-block .breadcrumb {
    max-width: 768px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .block-system-breadcrumb-block .breadcrumb {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1140px) {
  .block-system-breadcrumb-block .breadcrumb {
    max-width: 1140px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .block-system-breadcrumb-block .breadcrumb {
    padding-left: 0;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-news .block-system-breadcrumb-block .breadcrumb {
    padding-left: 0;
  }
}

.block-system-breadcrumb-block .breadcrumb li:first-child::before {
  content: none;
}

.block-system-breadcrumb-block .breadcrumb li::before {
  content: "\2044";
  margin: 0 0.625rem;
}

@media only screen and (min-width: 1140px) {
  .block-system-breadcrumb-block ol {
    padding-left: 0;
  }
}

.block-system-breadcrumb-block ol a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #536EB7;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.block-views-blocknews-block-1,
.block-views-blocknews-block-2 {
  padding-top: 1rem;
}

.block-views-blocknews-block-1 h2,
.block-views-blocknews-block-2 h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #0046A5;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.block-views-blocknews-block-1 .view-content,
.block-views-blocknews-block-2 .view-content {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .block-views-blocknews-block-1 .view-content,
  .block-views-blocknews-block-2 .view-content {
    display: block;
  }
}

.block-views-blocknews-block-1 .view-content .views-row,
.block-views-blocknews-block-2 .view-content .views-row {
  flex: 1 0 100%;
  margin-bottom: 0.625rem;
}

@media only screen and (min-width: 660px) {
  .block-views-blocknews-block-1 .view-content .views-row,
  .block-views-blocknews-block-2 .view-content .views-row {
    flex: 1 0 45%;
  }
}

@media only screen and (min-width: 768px) {
  .block-views-blocknews-block-1 .view-content .views-row:nth-child(odd),
  .block-views-blocknews-block-2 .view-content .views-row:nth-child(odd) {
    margin-right: 1.875rem;
  }
}

@media only screen and (min-width: 1140px) {
  .block-views-blocknews-block-1 .view-content .views-row:nth-child(odd),
  .block-views-blocknews-block-2 .view-content .views-row:nth-child(odd) {
    margin-right: 0;
  }
}

.block-views-blocknews-block-1 .view-content .views-row:first-child,
.block-views-blocknews-block-2 .view-content .views-row:first-child {
  margin-right: 0.625rem;
}

@media only screen and (min-width: 768px) {
  .block-views-blocknews-block-1 .view-content .views-row:first-child,
  .block-views-blocknews-block-2 .view-content .views-row:first-child {
    margin-right: 0;
  }
}

.block-views-blocknews-block-1 .node--view-mode-news-teaser-block,
.block-views-blocknews-block-2 .node--view-mode-news-teaser-block {
  display: flex;
  flex-flow: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
  margin-bottom: 1.25rem;
  background-color: #F7F7F7;
  height: 100%;
  max-width: 310px;
}

.block-views-blocknews-block-1 .node--view-mode-news-teaser-block h2,
.block-views-blocknews-block-2 .node--view-mode-news-teaser-block h2 {
  margin-top: 0.3125rem;
  padding: 0 1.875rem;
}

.block-views-blocknews-block-1 .node--view-mode-news-teaser-block h2 a,
.block-views-blocknews-block-2 .node--view-mode-news-teaser-block h2 a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  transition: color 0.3s ease-in-out;
}

.block-views-blocknews-block-1 .node--view-mode-news-teaser-block h2 a:hover,
.block-views-blocknews-block-2 .node--view-mode-news-teaser-block h2 a:hover {
  color: #0B3954;
}

#block-newsimportantupdate {
  margin-bottom: 1.875rem;
  padding: 1rem;
  background-color: #FFF0F4;
  border-top: 6px solid #A90733;
}

#block-newsimportantupdate .field--name-field-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  text-transform: uppercase;
}

.path-news .node--view-mode-teaser {
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 768px) {
  .path-news .node--view-mode-teaser {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .path-news .node--view-mode-teaser .field--name-field-news-teaser-image {
    flex: 0 0 30%;
    margin-right: 2.5rem;
  }
}

.path-news .node--view-mode-teaser .field--name-field-news-teaser-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .path-news .node--view-mode-teaser .node__content {
    flex: 1 0 50%;
    padding: 1.5rem 0 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .path-news .node--view-mode-teaser .node__content {
    padding-left: 0;
  }
}

.path-news .node--view-mode-teaser .news__teaser-date {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #6A6A6A;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  margin: 0;
}

.path-news .node--view-mode-teaser .field--name-body p {
  margin-top: 0.625rem;
}

.path-news .node--view-mode-teaser h2 {
  margin: 0.625rem 0;
}

@media only screen and (min-width: 768px) {
  .path-news .node--view-mode-teaser h2 {
    margin-top: 0;
  }
}

.path-news .node--view-mode-teaser h2 a {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.path-news .node--view-mode-teaser h2 a:hover {
  color: #0B3954;
  text-decoration: underline;
}

.node--type-project {
  margin-bottom: 1.875rem;
}

.node--type-project h2 a {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #242424;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.node--type-project h2 a:hover {
  color: #0B3954;
  text-decoration: underline;
}

.node--type-project .field--name-field-project-images {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 2.5rem;
}

.node--type-project .field--name-field-project-images > .field__item {
  margin-bottom: 1.875rem;
  padding: 1.25rem;
}

@media only screen and (min-width: 992px) {
  .node--type-project .field--name-field-project-images > .field__item {
    flex: 0 0 45%;
  }

  .node--type-project .field--name-field-project-images > .field__item:nth-child(odd) {
    margin-right: 1.875rem;
  }
}

.node--type-project .field--name-field-project-images .media-library-item__name {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-project .field--name-field-project-images .media--type-project-images {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.node--type-project .field--name-field-project-images .field--name-field-caption {
  align-self: flex-end;
  max-width: 560px;
  text-align: center;
}

.node--type-project .field--name-field-project-images img {
  padding: 0.375rem;
  max-height: 764px;
  border: 1px solid #ccc;
}

.node--type-project .field--name-field-applicant,
.node--type-project .field--name-field-project-address,
.node--type-project .field--name-field-region,
.node--type-project .field--name-field-grant-awarded,
.node--type-project .field--name-field-year-awarded {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  padding: 0.3125rem 0;
}

.node--type-project .field--name-field-applicant .field__item,
.node--type-project .field--name-field-project-address .field__item,
.node--type-project .field--name-field-region .field__item,
.node--type-project .field--name-field-grant-awarded .field__item,
.node--type-project .field--name-field-year-awarded .field__item {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-project .field--name-field-project-address .field__item {
  padding: 0;
}

.node--type-project .paragraph--type--project-address {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}

.node--type-project .paragraph--type--project-address > div {
  margin-right: 0.3125rem;
}

.node--type-project .paragraph--type--project-address > div:after {
  content: ",";
  display: inline-block;
}

.node--type-project .paragraph--type--project-address > div:nth-last-child(1):after {
  content: none;
}

.node--type-project.node--view-mode-teaser {
  margin-bottom: 0.625rem;
  padding: 1.25rem 1.5rem;
  background-color: #F7F7F7;
  border-left: 6px solid #536EB7;
}

.node--type-project.node--view-mode-teaser .field--type-text-with-summary {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.node--type-project.node--view-mode-teaser .field--name-field-year-awarded {
  color: #6A6A6A;
}

.node--type-project.node--view-mode-teaser .node__content--container {
  display: flex;
  gap: 1.875rem;
  flex-direction: column;
}

@media only screen and (min-width: 660px) {
  .node--type-project.node--view-mode-teaser .node__content--container {
    flex-direction: row;
  }
}

.node--type-project.node--view-mode-teaser .node__content--container .field--name-field-project-teaser-image {
  flex: 1 1 30%;
}

.node__content--text {
  flex: 1 1 70%;
}

.node__content--text-body {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

@media only screen and (max-width: 659px) {
  .node--type-project.node--view-mode-teaser .node__content--container .field--name-field-project-teaser-image img {
    max-height: 300px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block;
  }
}

.path-projects .views-exposed-form {
  margin-bottom: 3.75rem;
}

.path-projects .views-exposed-form select {
  position: relative;
  padding: 0.625rem 1.875rem 0.625rem 0.3125rem;
  width: 100%;
  background-color: transparent;
  border: 1px solid #707070;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 3;
}

.path-projects .views-exposed-form .form--inline {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}

.path-projects .views-exposed-form .form-item-title {
  flex: 1 0 100%;
}

.path-projects .views-exposed-form .form-text {
  padding: 0.4375rem 0.625rem 0.5rem;
  height: 40px;
}

.path-projects .views-exposed-form .form-type-select {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .path-projects .views-exposed-form .form-type-select {
    flex-basis: calc(25% - 0.625rem);
  }
}

@media only screen and (min-width: 1140px) {
  .path-projects .views-exposed-form .form-type-select {
    margin-right: 2.5rem;
  }
}

.path-projects .views-exposed-form .form-type-select:after {
  content: "\25BE";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.4375rem 14px 0.4375rem;
  width: 39px;
  background-color: #F7F7F7;
  border-left: 1px solid #707070;
}

.path-projects .views-exposed-form .form-item-tid {
  flex: 1 0 100%;
  max-width: 240px;
}

.path-projects .views-exposed-form .form-item-sort-by {
  flex: 1 0 100%;
  max-width: 240px;
}

@media only screen and (min-width: 768px) {
  .path-projects .views-exposed-form .form-item-sort-by {
    max-width: 160px;
  }
}

.path-projects .views-exposed-form .form-item-sort-order {
  flex: 1 0 100%;
  max-width: 240px;
}

@media only screen and (min-width: 768px) {
  .path-projects .views-exposed-form .form-item-sort-order {
    max-width: 160px;
  }
}

.path-projects .views-exposed-form .form-item-items-per-page {
  flex: 1 0 100%;
  max-width: 240px;
}

@media only screen and (min-width: 768px) {
  .path-projects .views-exposed-form .form-item-items-per-page {
    max-width: 160px;
  }
}

.path-projects .views-exposed-form .form-actions {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  flex: 1 0 100%;
}

@media only screen and (min-width: 1140px) {
  .path-projects .views-exposed-form .form-actions {
    flex-basis: 100px;
  }
}

.path-projects .views-exposed-form .form-actions input {
  width: 100px;
}

@media only screen and (min-width: 1140px) {
  .path-projects .views-exposed-form .form-actions input {
    display: block;
    margin-left: auto;
  }
}

.eu-cookie-compliance-banner {
  padding-top: 0.75rem;
  box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, 0.3);
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button {
  font-size: 14px;
  text-decoration: none;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button:hover {
  text-decoration: underline;
}

.eu-cookie-compliance-banner .decline-button {
  text-decoration: underline;
}

.eu-cookie-compliance-banner .agree-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  padding: 0.3125rem 0.625rem;
  background-color: #107E8B;
  background-image: none;
  box-shadow: none;
  border: none;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}

.eu-cookie-compliance-banner .agree-button:hover {
  background-color: #0B3954;
}

.pager {
  margin-top: 1.875rem;
  padding-bottom: 1.875rem;
}

@media only screen and (min-width: 1140px) {
  .pager {
    margin-top: 3.75rem;
  }
}

.pager a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #242424;
  font-size: 1rem;
  line-height: 1.5625rem;
  text-decoration: none;
}

.pager a:hover {
  text-decoration: underline;
}

.pager li.is-active a {
  text-decoration: underline;
}

.pager li.pager__item--next span,
.pager li.pager__item--previous span {
  display: none;
}

.pager li.pager__item--next a,
.pager li.pager__item--previous a {
  position: relative;
}

.pager li.pager__item--next a:hover,
.pager li.pager__item--previous a:hover {
  text-decoration: none;
}

.pager li.pager__item--next a:after,
.pager li.pager__item--previous a:after {
  position: absolute;
  top: -3px;
  left: -5px;
  content: "\25B6";
}

.pager li.pager__item--previous a:after {
  content: "\25C0";
}

.field--name-field-related-news {
  margin-top: 1.875rem;
}

.field--name-field-related-news .field__label {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #0046A5;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  margin-bottom: 1.25rem;
}

.node--view-mode-news-project-reference {
  margin-bottom: 1.875rem;
  padding: 0 0.625rem 0.625rem;
  background-color: #F0FCFD;
  border-top: 6px solid #107E8B;
}

.node--view-mode-news-project-reference .read-more {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  display: inline-block;
  margin-top: 1rem;
  padding: 0.625rem;
  background-color: #107E8B;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.node--view-mode-news-project-reference .read-more:hover {
  background-color: #0B3954;
}

.hlf-pdf-download .c-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F7F7F7;
  font-size: 1rem;
  line-height: 1.5625rem;
  display: inline-block;
  padding: 0.625rem 1.3125rem;
  background-color: #A90733;
  border-radius: 5px;
  text-decoration: none;
  margin-bottom: 1.25rem;
  transition: all 0.3s ease-in-out;
}

.hlf-pdf-download .c-button:hover {
  background-color: #0B3954;
}

.hlf-book-navigation {
  margin-top: 1.875rem;
  list-style: none;
  padding-left: 0;
}

.hlf-book-navigation .hlf-book-link-wrapper {
  margin-left: 0;
  font-size: 1rem;
}

.hlf-book-navigation .hlf-book-link {
  background-color: #e9e9e9;
  color: #242424;
  display: block;
  height: 100%;
  padding: 5px 34px 5px 14px;
  position: relative;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.hlf-book-navigation .hlf-book-link:hover {
  background-color: #536EB7;
  color: #F7F7F7;
}

.hlf-book-navigation .hlf-book-link::after {
  content: "\25B6";
  position: absolute;
  color: #242424;
  right: 1rem;
  top: 0.3125rem;
}

.hlf-book-navigation .hlf-book-link.active-link {
  background-color: #536EB7;
  color: #F7F7F7;
}

.layout-footer-banner {
  background-color: #F7F7F7;
}

.block-hlf-book-footer-nav-block {
  border-bottom: 1px solid #536EB7;
  border-top: 1px solid #536EB7;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media only screen and (max-width: 1139px) {
  .block-hlf-book-footer-nav-block {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.hlf-book-footer-navigation {
  display: flex;
  justify-content: space-between;
}

.hlf-book-footer-navigation .hlf-next-book-link-wrapper {
  margin-left: auto;
}

.hlf-book-footer-navigation a {
  display: block;
  color: #242424;
  text-decoration: none;
  padding: 0.625rem 0;
}

.hlf-book-footer-navigation a:hover {
  text-decoration: underline;
}

.block-hlf-pdf-download h2,
.block-hlf-book-nav-block h2,
.block-hlf-book-footer-nav-block h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

ul li.book-printer {
  display: none;
}

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

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.h1 {
  font-size: 1.75rem;
  line-height: 2.75rem;
}

@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 2.875rem;
    line-height: 3.625rem;
  }
}

.h2 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
}

.h3 {
  font-size: 1.1875rem;
  line-height: 1.625rem;
}

.h4 {
  font-size: 1rem;
  line-height: 1.5625rem;
}

.h5 {
  font-size: 1rem;
  line-height: 1.5625rem;
}

.h6 {
  font-size: 1rem;
  line-height: 1.5625rem;
}

.row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

/* we have to loop through twice, *otherwise* it builds as :
.col-xs-1
.col-m-1
.col-xs-2
.col-m-2

which means col-xs-12, has greater specificity than col-m-6
as appears more recently in the css with the same specificity otherwise
*/

.col-xs-1 {
  flex-basis: calc(100 / (12 / 1) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-1 {
    flex-basis: calc(100 / (12 / 1) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-2 {
  flex-basis: calc(100 / (12 / 2) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-2 {
    flex-basis: calc(100 / (12 / 2) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-3 {
  flex-basis: calc(100 / (12 / 3) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-3 {
    flex-basis: calc(100 / (12 / 3) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-4 {
  flex-basis: calc(100 / (12 / 4) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-4 {
    flex-basis: calc(100 / (12 / 4) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-5 {
  flex-basis: calc(100 / (12 / 5) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-5 {
    flex-basis: calc(100 / (12 / 5) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-6 {
  flex-basis: calc(100 / (12 / 6) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-6 {
    flex-basis: calc(100 / (12 / 6) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-7 {
  flex-basis: calc(100 / (12 / 7) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-7 {
    flex-basis: calc(100 / (12 / 7) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-8 {
  flex-basis: calc(100 / (12 / 8) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-8 {
    flex-basis: calc(100 / (12 / 8) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-9 {
  flex-basis: calc(100 / (12 / 9) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-9 {
    flex-basis: calc(100 / (12 / 9) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-10 {
  flex-basis: calc(100 / (12 / 10) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-10 {
    flex-basis: calc(100 / (12 / 10) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-11 {
  flex-basis: calc(100 / (12 / 11) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-11 {
    flex-basis: calc(100 / (12 / 11) * 1% - 0.3125rem - 0.3125rem);
  }
}

.col-xs-12 {
  flex-basis: calc(100 / (12 / 12) * 1%);
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-xs-12 {
    flex-basis: calc(100 / (12 / 12) * 1% - 0.3125rem - 0.3125rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-1 {
    flex-basis: calc(100 / (12 / 1) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-1 {
    flex-basis: calc(100 / (12 / 1) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-2 {
    flex-basis: calc(100 / (12 / 2) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-2 {
    flex-basis: calc(100 / (12 / 2) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-3 {
    flex-basis: calc(100 / (12 / 3) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-3 {
    flex-basis: calc(100 / (12 / 3) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-4 {
    flex-basis: calc(100 / (12 / 4) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-4 {
    flex-basis: calc(100 / (12 / 4) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-5 {
    flex-basis: calc(100 / (12 / 5) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-5 {
    flex-basis: calc(100 / (12 / 5) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-6 {
    flex-basis: calc(100 / (12 / 6) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-6 {
    flex-basis: calc(100 / (12 / 6) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-7 {
    flex-basis: calc(100 / (12 / 7) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-7 {
    flex-basis: calc(100 / (12 / 7) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-8 {
    flex-basis: calc(100 / (12 / 8) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-8 {
    flex-basis: calc(100 / (12 / 8) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-9 {
    flex-basis: calc(100 / (12 / 9) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-9 {
    flex-basis: calc(100 / (12 / 9) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-10 {
    flex-basis: calc(100 / (12 / 10) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-10 {
    flex-basis: calc(100 / (12 / 10) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-11 {
    flex-basis: calc(100 / (12 / 11) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-11 {
    flex-basis: calc(100 / (12 / 11) * 1% - 0.5rem - 0.5rem);
  }
}

@media only screen and (min-width: 768px) {
  .col-m-12 {
    flex-basis: calc(100 / (12 / 12) * 1%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: none), only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .col-m-12 {
    flex-basis: calc(100 / (12 / 12) * 1% - 0.5rem - 0.5rem);
  }
}