@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://use.typekit.net/mqc0jof.css");
/* === Breakpoints === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  transition: all 0.4s ease;
}

html.wf-loading {
  opacity: 0;
}

html.wf-active, html.wf-inactive {
  opacity: 1;
}

.container {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.4s ease;
}

@media (min-width: 768px) {
  .container {
    width: 768px;
    padding: 0 30px;
  }
}

@media (min-width: 1024px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
    width: 1170px;
  }
}

.T-clickable:hover {
  cursor: pointer;
}

/* === Breakpoints === */
/* Bounce To Top */
/*--------------------------------------------------------------
    SELECT2 JS CUSTOM STYLES
--------------------------------------------------------------*/
body .select2-drop {
  font-family: "Montserrat", sans-serif;
  color: #333333;
  border: none;
  border-top: 0;
  border-bottom: 2px solid #347586;
  border-radius: 0;
  padding-top: 8px;
  margin-top: 0;
}

body .select2-drop .select2-results {
  margin-bottom: 16px;
}

body .select2-drop .select2-results .select2-highlighted {
  background-color: #347586;
}

body .select2-drop .select2-results .select2-result-label {
  padding-top: 8px;
  padding-bottom: 8px;
}

body .select2-search {
  display: none;
  border-color: #CCCCCC;
}

body .select2-search input {
  background: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

body .select2-search input:focus {
  border-color: #CCCCCC;
}

/*--------------------------------------------------------------
    SOCIAL - SHARE THIS STYLES
--------------------------------------------------------------*/
.social-shares {
  margin-top: 70px;
  margin-bottom: 24px;
}

.social-shares .container-flexi-page {
  overflow: visible;
}

.social-shares .social-shares--text {
  margin-bottom: 16px;
}

@media (min-width: 640px) {
  .social-shares {
    margin-bottom: 0;
  }
  .social-shares .container-flexi-page {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .social-shares .social-shares--text {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .social-shares .social-shares--buttons {
    flex-grow: 100;
  }
}

/*
    Background with the curve cutting in
*/
/*--------------------------------------------------------------
    CONTAINER & GUTTER MIXINS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
    D8 THEME BASE STYLES
--------------------------------------------------------------*/
/* FLEXI-PAGE - ORIGINAL WEBSITE CSS STYLING RESETS */
.node--type-flexipage {
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
}

.node--type-flexipage h1 {
  background-color: transparent;
  padding: 0;
}

.node--type-flexipage h1,
.node--type-flexipage h2,
.node--type-flexipage h3,
.node--type-flexipage h4 {
  margin: 0;
}

.node--type-flexipage h3.title,
.node--type-flexipage .title,
.node--type-flexipage .display-text .title,
.node--type-flexipage .text {
  color: #333333;
}

.node--type-flexipage header#main-content-header {
  margin-bottom: 0;
}

.node--type-flexipage #content h2:before,
.node--type-flexipage #content h3:before,
.node--type-flexipage #content h4:before,
.node--type-flexipage #content h5:before {
  display: none;
}

.node--type-flexipage .node {
  margin-bottom: 0;
}

.node--type-flexipage .node.article {
  border-bottom: none;
}

.node--type-flexipage .container {
  width: auto !important;
  max-width: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .node--type-flexipage .container {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .node--type-flexipage .container {
    width: auto;
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .node--type-flexipage .container {
    width: auto;
  }
}

@media (min-width: 768px) {
  .node--type-flexipage.sidebar-second .content-inner {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .node--type-flexipage.sidebar-second .content-inner {
    margin-right: 0;
    margin-left: 0;
  }
}

.node--type-flexipage .content-inner {
  padding-right: 0;
}

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

/* FLEXI-PAGE - NEW DESIGN CSS STYING ADDITIONS */
.layout-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .layout-content {
    width: 768px;
  }
}

@media (min-width: 1024px) {
  .layout-content {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .layout-content {
    width: 1170px;
  }
}

.layout-content.no-sidebar {
  display: flex;
  flex-direction: column;
}

.layout-content.no-sidebar > main {
  overflow: visible;
}

.layout-content.has-sidebar-first {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first {
    display: grid;
    grid-template-columns: 70% 30%;
    column-gap: 35px;
  }
}

.layout-content.has-sidebar-first > main {
  overflow: visible;
  padding: 0 20px;
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first > main {
    padding: 0;
  }
}

.layout-content.has-sidebar-first > aside {
  overflow: visible;
  padding: 0 20px;
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first > aside {
    padding-left: 0;
  }
}

@media (min-width: 1060px) {
  .layout-content.has-sidebar-first > aside {
    padding: 0;
  }
}

.container-flexi-page {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.4s ease;
}

@media (min-width: 768px) {
  .container-flexi-page {
    /* Tablet + laptop */
    width: 768px;
    padding: 0 30px;
  }
  .region-content .container-flexi-page {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .container-flexi-page {
    /* Laptop */
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-flexi-page {
    /* Desktop, large screen sizes */
    padding: 0;
    width: 1170px;
  }
}

.user-group1 .container-flexi-page > *:first-child {
  margin-top: 0;
}

.user-group1 .container-flexi-page > div {
  margin-bottom: 2rem;
}

main {
  margin: 0 auto 3.75rem;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.4s ease;
  overflow: auto;
  overflow-x: hidden;
}

@media (min-width: 992px) {
  main {
    padding: 0;
  }
}

main .is-collapse-enabled .tabs {
  max-height: 100%;
}

main article.node .node__links {
  padding: 1.25rem 0;
}

main article.node .node__links ul.links {
  margin: 0;
  display: block;
}

main .field--name-field-strips section,
main .field--name-field-strips article.profile section,
main .field--name-field-ceh-stripes section,
main .field--name-field-ceh-stripes article.profile section {
  margin-bottom: 2rem;
}

/* === D8 THEME BASE STYLES === */
/* === Base Styles === */
input {
  /* width: -webkit-fill-available; */
  max-width: 100%;
}

select {
  width: 100%;
}

embed, iframe {
  max-width: 100%;
}

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

.clear-float {
  clear: both;
}

article footer.node__meta {
  display: none;
}

/* === Form Styles === */
.form-item, .form-actions {
  margin: 2rem 0;
}

.form-item:last-child, .form-actions:last-child {
  margin-bottom: 0;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
textarea.form-textarea {
  max-width: 100%;
  color: #333333;
  font-size: 1rem;
  background: transparent;
  border: 1px solid #989898;
  border-radius: 2px;
  padding: 0.6rem;
  box-sizing: border-box;
  box-shadow: none;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

input.form-autocomplete:focus,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-file:focus,
input.form-date:focus,
input.form-time:focus,
textarea.form-textarea:focus {
  border-color: #347586;
  outline: 0;
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #347586;
}

ul.tips, div.description, .form-item .description {
  font-size: 0.875rem;
  color: #333333;
  font-weight: 300;
  margin: 0.25em 0 0 0;
}

.form-actions:focus {
  border: none;
}

.button.form-submit {
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  background-color: #FFFFFF;
  outline: none;
}

.button.form-submit:hover {
  border-color: #347586;
  color: #347586;
}

.button.form-submit.js-hide {
  display: none;
}

/* === Global Containers === */
.width-container {
  max-width: 1170px;
  margin: 0 auto;
}

/* === Global Gutters === */
.gutter--responsive-padding {
  padding-left: 18px;
  padding-right: 18px;
}

@media (min-width: 992px) {
  .gutter--responsive-padding {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* === ESRI maps by UKCEH === */
.esri-view {
  max-width: 100%;
  height: 480px;
}

/*--------------------------------------------------------------
    D8 THEME TYPOGRAPHY
--------------------------------------------------------------*/
/* === Global Type Styles === */
body {
  font-family: "Montserrat", sans-serif;
  color: #333333;
  font-weight: 400;
  line-height: 1.35em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
}

.region-content a {
  color: #333333;
  text-decoration: none;
}

.region-content a:hover, .region-content a:focus, .region-content a:active {
  color: #347586;
}

article.node:not(.node--type-flexipage) {
  margin-bottom: 50px;
}

article.node:not(.node--type-flexipage) html {
  font-size: 16px;
}

article.node:not(.node--type-flexipage) h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) h1 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

article.node:not(.node--type-flexipage) h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) h2 {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

article.node:not(.node--type-flexipage) h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) h3 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

article.node:not(.node--type-flexipage) h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) h4 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

article.node:not(.node--type-flexipage) h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) h5 {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) h5 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

article.node:not(.node--type-flexipage) p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

article.node:not(.node--type-flexipage) pre {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) pre {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) pre {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

article.node:not(.node--type-flexipage) blockquote {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  text-align: left;
  background-color: #EBF0EE;
  border-left: 5px solid #347586;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) blockquote {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) blockquote {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

article.node:not(.node--type-flexipage) blockquote p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) blockquote p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) blockquote p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

article.node:not(.node--type-flexipage) blockquote p:last-child {
  margin-bottom: 0;
}

article.node:not(.node--type-flexipage) a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

article.node:not(.node--type-flexipage) a:hover {
  text-decoration: underline;
}

article.node:not(.node--type-flexipage) ul {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: url(../images/bullet.gif);
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

article.node:not(.node--type-flexipage) ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

article.node:not(.node--type-flexipage) ul li,
article.node:not(.node--type-flexipage) ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) ul li,
  article.node:not(.node--type-flexipage) ol li {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) ul li,
  article.node:not(.node--type-flexipage) ol li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

article.node:not(.node--type-flexipage) table {
  /* R55895: Fix table style, based on D7 theme styles. */
  margin-bottom: 1rem;
}

article.node:not(.node--type-flexipage) tr:nth-child(2n+2) {
  background-color: #CCCCCC;
}

article.node:not(.node--type-flexipage) th, article.node:not(.node--type-flexipage) td {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.5rem;
  border-right: 1px solid #767676;
}

@media (min-width: 768px) {
  article.node:not(.node--type-flexipage) th, article.node:not(.node--type-flexipage) td {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  article.node:not(.node--type-flexipage) th, article.node:not(.node--type-flexipage) td {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

article.node:not(.node--type-flexipage) td:last-child,
article.node:not(.node--type-flexipage) th:last-child {
  border-right: none;
}

/*--------------------------------------------------------------
    D8 THEME DRUPAL STYLES
--------------------------------------------------------------*/
/*
    DRUPAL MENU AND LAYOUT STYLES
*/
.block-local-tasks-block {
  overflow: visible;
  margin-bottom: 2rem;
}

.block-system-breadcrumb-block {
  overflow: visible;
  margin-bottom: 2rem;
}

.path-frontpage .block-system-breadcrumb-block {
  display: none;
}

.block-system-breadcrumb-block .breadcrumb a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #767676;
}

@media (min-width: 768px) {
  .block-system-breadcrumb-block .breadcrumb a {
    font-size: 1.0625rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .block-system-breadcrumb-block .breadcrumb a {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

.block-system-breadcrumb-block .breadcrumb a:hover {
  color: #767676;
  text-decoration: underline;
}

.block-system-breadcrumb-block .breadcrumb li {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.block-system-breadcrumb-block .breadcrumb li:before {
  color: #767676;
  content: " > ";
  padding: 0 0.5rem;
}

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

@media (min-width: 768px) {
  .block-system-breadcrumb-block .breadcrumb li {
    font-size: 1.0625rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .block-system-breadcrumb-block .breadcrumb li {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

.is-horizontal .tabs__tab.is-active,
.is-horizontal .tabs.primary .tabs__tab.is-active {
  margin: 0;
}

.is-horizontal .tabs:before {
  bottom: -1px;
}

.is-collapse-enabled .tabs__tab {
  background-color: #BFBFBF;
  border-color: #A6A6A6;
}

.is-collapse-enabled .tabs__tab:hover, .is-collapse-enabled .tabs__tab:focus, .is-collapse-enabled .tabs__tab:active {
  background-color: #A6A6A6;
  color: #FFFFFF;
}

.is-collapse-enabled .tabs__tab:hover a, .is-collapse-enabled .tabs__tab:focus a, .is-collapse-enabled .tabs__tab:active a {
  background-color: #A6A6A6;
  color: #FFFFFF;
}

.is-collapse-enabled .tabs__trigger {
  border: none;
  border-bottom: 1px solid #A6A6A6;
}

.is-collapse-enabled .tabs__trigger:hover, .is-collapse-enabled .tabs__trigger:focus, .is-collapse-enabled .tabs__trigger:active {
  background-color: #A6A6A6;
  color: #FFFFFF;
}

.is-collapse-enabled .tabs__trigger:hover a, .is-collapse-enabled .tabs__trigger:focus a, .is-collapse-enabled .tabs__trigger:active a {
  background-color: #A6A6A6;
  color: #FFFFFF;
}

#block-ceh-tools {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  #block-ceh-tools {
    /* Tablet + laptop */
    width: 768px;
    padding: 0 30px;
  }
  .region-content #block-ceh-tools {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  #block-ceh-tools {
    /* Laptop */
    width: 960px;
  }
}

@media (min-width: 1200px) {
  #block-ceh-tools {
    /* Desktop, large screen sizes */
    padding: 0;
    width: 1170px;
  }
}

.layout-container {
  margin: 0;
  overflow: hidden;
}

.social-sharing-buttons {
  display: flex;
  justify-content: flex-start;
  margin: 2rem 0;
}

.social-sharing-buttons svg {
  fill: #FFFFFF;
  background-color: #333333;
}

.layout-sidebar-first {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 1.875rem 0 0;
}

.layout-sidebar-first html {
  font-size: 16px;
}

.layout-sidebar-first h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first h1 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.layout-sidebar-first h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first h2 {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.layout-sidebar-first h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first h3 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.layout-sidebar-first h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first h4 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.layout-sidebar-first h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first h5 {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first h5 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

.layout-sidebar-first p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .layout-sidebar-first p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first pre {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

@media (min-width: 768px) {
  .layout-sidebar-first pre {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first pre {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first blockquote {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  text-align: left;
  background-color: #EBF0EE;
  border-left: 5px solid #347586;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .layout-sidebar-first blockquote {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first blockquote {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.layout-sidebar-first blockquote p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .layout-sidebar-first blockquote p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first blockquote p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.layout-sidebar-first blockquote p:last-child {
  margin-bottom: 0;
}

.layout-sidebar-first a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .layout-sidebar-first a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first a:hover {
  text-decoration: underline;
}

.layout-sidebar-first ul {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: url(../images/bullet.gif);
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.layout-sidebar-first ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.layout-sidebar-first ul li,
.layout-sidebar-first ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .layout-sidebar-first ul li,
  .layout-sidebar-first ol li {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first ul li,
  .layout-sidebar-first ol li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first table {
  /* R55895: Fix table style, based on D7 theme styles. */
  margin-bottom: 1rem;
}

.layout-sidebar-first tr:nth-child(2n+2) {
  background-color: #CCCCCC;
}

.layout-sidebar-first th, .layout-sidebar-first td {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.5rem;
  border-right: 1px solid #767676;
}

@media (min-width: 768px) {
  .layout-sidebar-first th, .layout-sidebar-first td {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first th, .layout-sidebar-first td {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first td:last-child,
.layout-sidebar-first th:last-child {
  border-right: none;
}

@media (min-width: 1024px) {
  .layout-sidebar-first {
    margin: 5.4375rem 0 3.75rem;
  }
}

.layout-sidebar-first section {
  background-color: #EBF0EE;
  border-radius: 8px;
  padding: 4% 8%;
  margin-bottom: 1.875rem;
}

.layout-sidebar-first section.project-menu {
  background-color: transparent;
}

@media (min-width: 1024px) {
  .layout-sidebar-first section {
    padding: 8%;
  }
}

.layout-sidebar-first section .container-flexi-page {
  padding: 0;
}

.layout-sidebar-first h2 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.layout-sidebar-first h2.title {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.layout-sidebar-first .tile-listing .grid-container {
  margin: 0;
  width: auto;
}

.layout-sidebar-first .tile-listing .grid-container .grid-item {
  margin: 0;
}

.layout-sidebar-first .tile-listing .tile .title {
  margin-bottom: 1.5rem;
  font-style: normal;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
}

.layout-sidebar-first .tile-listing .tile .tile-content {
  margin-bottom: 2.25rem;
}

.layout-sidebar-first .tile-listing .tile .button-container {
  display: none;
}

.layout-sidebar-first .tile-listing .tile .image {
  max-height: 11.6875rem;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
}

.layout-sidebar-first .tile-listing .grid-carousel-container .tile {
  display: block;
  min-width: auto;
}

/* Training/Event: Training strip */
.tile.node--sticky .image:before {
  background: url(../images/sticky.svg) no-repeat scroll 0 0 transparent;
  width: 1.5rem;
  height: 1.5625rem;
  content: " ";
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-type,
.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-cost,
.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-date-text {
  padding-left: 2rem;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  margin-bottom: 1rem;
  position: relative;
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-type:before,
.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-cost:before,
.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-date-text:before {
  background: none no-repeat scroll 0 0 transparent;
  background-image: url(../images/icon_event_online.svg);
  width: 1.5rem;
  height: 1.5rem;
  content: " ";
  position: absolute;
  left: 0;
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-type.ondemand:before {
  background-image: url(../images/icon_event_ondemand.svg);
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-type.facetoface:before {
  background-image: url(../images/icon_event_facetoface.svg);
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-type.fieldtraining:before {
  background-image: url(../images/icon_event_fieldtraining.svg);
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-cost:before {
  background-image: url(../images/icon_event_price.svg);
}

.node--type-event.node--view-mode-news-and-blogs .field--name-field-event-date-text:before {
  background-image: url(../images/icon_event_time.svg);
}

.node--type-event .event-information {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  padding: 0;
}

.node--type-event .event-information > div {
  flex: 1;
  width: 33%;
  min-width: 12.5rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .node--type-event .event-information > div {
    margin-bottom: 0;
  }
}

.node--type-event .event-information .group-label {
  background: none no-repeat scroll left 3px transparent;
  padding-left: 2.5rem;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.node--type-event .event-information .event-location-group .group-label {
  background-image: url(../images/icon_event_location.svg);
}

.node--type-event .event-information .event-cost-group .group-label {
  background-image: url(../images/icon_event_price.svg);
}

.node--type-event .event-information .event-date-group .group-label {
  background-image: url(../images/icon_event_time.svg);
}

.node--type-event .field-event-booking-url {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}

.node--type-event .field-event-booking-url .field--name-field-event-booking-url {
  margin-bottom: 2rem;
}

.node--type-event .field-event-booking-url .field--name-field-event-booking-url > .signup-button {
  padding: 0.5rem 2rem;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 28px;
  color: #333333;
}

.node--type-event .field-event-booking-url .signup-description {
  font-size: 0.875rem;
}

.view-events.other-courses-block .view-filters {
  border-bottom: 1px solid #333333;
  margin: 0 0 2rem;
  padding: 0 0 2rem;
}

.view-events.other-courses-block .view-filters form[data-bef-auto-submit-full-form] .form-actions {
  margin: 0;
}

.view-events.other-courses-block .view-filters form .form--inline {
  display: block;
  width: 100%;
}

.view-events.other-courses-block .view-filters form .form--inline > .form-item {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}

.view-events.other-courses-block .view-filters form .form--inline > .form-item > label {
  display: block;
  margin: 0 0 1rem;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul {
  margin: 0;
  padding: 0;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li {
  list-style: none;
  margin: 0 0 1rem;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li:first-child {
  display: none;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li:last-child {
  margin-bottom: 0;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a {
  display: block;
  margin: 0;
  padding: 0 0 0 2.5rem;
  color: #333333;
  font-weight: 600;
  background: none no-repeat scroll left center;
  background-image: url(../images/icon_event_online.svg);
  line-height: 1.5rem;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a[name="event_type[facetoface]"] {
  background-image: url(../images/icon_event_facetoface.svg);
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a[name="event_type[ondemand]"] {
  background-image: url(../images/icon_event_ondemand.svg);
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a[name="event_type[fieldtraining]"] {
  background-image: url(../images/icon_event_fieldtraining.svg);
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a.bef-link--selected {
  color: #347586;
}

.view-events.other-courses-block .view-filters [name="event_type"] ul li a.bef-link--selected:after {
  display: inline-block;
  vertical-align: middle;
  content: "\2714";
  padding-left: 0.5rem;
}

@media (min-width: 768px) {
  .view-events.other-courses-block .view-filters [name="event_type"] ul li a {
    line-height: 1.5rem;
  }
}

.view-events.other-courses-block .views-field-title {
  background: none no-repeat scroll left 0.25rem;
  background-image: url(../images/icon_event_online.svg);
  padding-left: 2.5rem;
  font-size: 1.0625rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.view-events.other-courses-block .views-field-title a {
  color: #347586;
}

.view-events.other-courses-block .ondemand .views-field-title {
  background-image: url(../images/icon_event_ondemand.svg);
}

.view-events.other-courses-block .facetoface .views-field-title {
  background-image: url(../images/icon_event_facetoface.svg);
}

.view-events.other-courses-block .fieldtraining .views-field-title {
  background-image: url(../images/icon_event_fieldtraining.svg);
}

.location-strip section.google-map-field {
  margin-bottom: 1rem;
}

.attachments-strip {
  position: relative;
  overflow: hidden;
  background-color: #EBF0EE;
  padding: 4rem 0;
}

@media (min-width: 768px) {
  .attachments-strip {
    margin: 0 calc(((100vw - (768px - (20px * 2))) / 2) * -1);
  }
  .layout-content.has-sidebar-first .attachments-strip {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw * -1));
  }
}

@media (min-width: 1024px) {
  .attachments-strip {
    margin: 0 calc(((100vw - (960px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .attachments-strip {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3) + 35px)) * -1);
  }
}

@media (min-width: 1200px) {
  .attachments-strip {
    margin: 0 calc(((100vw - (1170px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .attachments-strip {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3) + 35px)) * -1);
  }
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field {
  margin-bottom: 1.1875rem;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field a {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-site,
.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-mail,
.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-phone {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-site:before,
.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-mail:before,
.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-phone:before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  content: ' ';
  background: none no-repeat scroll center center transparent;
  background-size: contain;
  margin-right: 0.5rem;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-site:before {
  background-image: url(../images/socials/location.svg);
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-mail:before {
  background-image: url(../images/socials/mail.svg);
}

.ukceh-staff-page .layout-sidebar-first .contact-details .field--name-field-phone:before {
  background-image: url(../images/socials/phone.svg);
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper {
  margin-top: 2rem;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper ul li {
  margin: 0 0.5rem;
  padding: 0;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper ul li:first-child {
  margin: 0 0.5rem 0 0;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}

.ukceh-staff-page .layout-sidebar-first .contact-details .social-links-wrapper ul li a .fa {
  font-size: 1.25rem;
  fill: #FFFFFF;
  background-color: #333333;
  border-radius: 28px;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.625rem 0.75rem;
}

.ukceh-staff-page .layout-sidebar-first .attachment-links .file {
  background: none;
  display: block;
  margin: 0 0 0.5rem;
  padding: 0;
}

.ukceh-staff-page .layout-sidebar-first .attachment-links .file .icon {
  display: none;
}

.ukceh-staff-page .layout-sidebar-first .attachment-links .file .link {
  display: block;
}

.ukceh-staff-page .layout-sidebar-first .attachment-links .file .link a {
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
  border-bottom: none;
}

.ukceh-staff-page .layout-sidebar-first .attachment-links .file .description {
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 600;
  opacity: 0.5;
}

.node--type-publication .node__content > .field {
  margin-top: 2rem;
}

.node--type-publication .node__content > .field .field__label {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .node--type-publication .node__content > .field .field__label {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  .node--type-publication .node__content > .field .field__label {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.node--type-publication .node__content > .field .field__item {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .node--type-publication .node__content > .field .field__item {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .node--type-publication .node__content > .field .field__item {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.node--type-publication .node__content > .field.field--type-entity-reference .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
}

.node--type-publication .node__content > .field.field--type-entity-reference .field__items > .field__item {
  width: 100%;
}

@media (min-width: 640px) {
  .node--type-publication .node__content > .field.field--type-entity-reference .field__items > .field__item {
    width: 49%;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description html {
  font-size: 16px;
}

.ceh-taxonomy-term-page > .view-header .field--name-description h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h1 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h2 {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h3 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h4 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h5 {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description h5 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description pre {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description pre {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description pre {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description blockquote {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  text-align: left;
  background-color: #EBF0EE;
  border-left: 5px solid #347586;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description blockquote {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description blockquote {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description blockquote p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description blockquote p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description blockquote p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description blockquote p:last-child {
  margin-bottom: 0;
}

.ceh-taxonomy-term-page > .view-header .field--name-description a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description a:hover {
  text-decoration: underline;
}

.ceh-taxonomy-term-page > .view-header .field--name-description ul {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: url(../images/bullet.gif);
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.ceh-taxonomy-term-page > .view-header .field--name-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.ceh-taxonomy-term-page > .view-header .field--name-description ul li,
.ceh-taxonomy-term-page > .view-header .field--name-description ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description ul li,
  .ceh-taxonomy-term-page > .view-header .field--name-description ol li {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description ul li,
  .ceh-taxonomy-term-page > .view-header .field--name-description ol li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description table {
  /* R55895: Fix table style, based on D7 theme styles. */
  margin-bottom: 1rem;
}

.ceh-taxonomy-term-page > .view-header .field--name-description tr:nth-child(2n+2) {
  background-color: #CCCCCC;
}

.ceh-taxonomy-term-page > .view-header .field--name-description th, .ceh-taxonomy-term-page > .view-header .field--name-description td {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.5rem;
  border-right: 1px solid #767676;
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description th, .ceh-taxonomy-term-page > .view-header .field--name-description td {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .ceh-taxonomy-term-page > .view-header .field--name-description th, .ceh-taxonomy-term-page > .view-header .field--name-description td {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.ceh-taxonomy-term-page > .view-header .field--name-description td:last-child,
.ceh-taxonomy-term-page > .view-header .field--name-description th:last-child {
  border-right: none;
}

.ceh-taxonomy-term-page > .view-content {
  margin: 4rem 0 0;
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 520px) {
  .ceh-taxonomy-term-page > .view-content {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .ceh-taxonomy-term-page > .view-content {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .ceh-taxonomy-term-page > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 2rem;
  }
}

.layout-sidebar-first .ceh-taxonomy-term-page > .view-content {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.ceh-taxonomy-term-page > .pager {
  margin: 5rem 0 2rem;
}

.view .pager {
  margin: 5rem 0 2rem;
}

.node.node--view-mode-teaser .node__header {
  height: 17rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.node.node--view-mode-teaser .title a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .node.node--view-mode-teaser .title a {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .node.node--view-mode-teaser .title a {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.node.node--view-mode-teaser .node__meta {
  display: block;
  padding: 0;
  background-color: transparent;
}

.node.node--view-mode-teaser .node__meta .node__links ul {
  margin: 0;
  padding: 0;
}

.node.node--view-mode-teaser .node__meta .node__links ul li {
  margin: 0;
  padding: 0 2rem 0 0;
}

.node.node--view-mode-teaser .node__meta .node__links a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .node.node--view-mode-teaser .node__meta .node__links a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .node.node--view-mode-teaser .node__meta .node__links a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.node.node--view-mode-teaser .node__meta .node__links a:hover {
  text-decoration: underline;
}

.node.node--view-mode-teaser:hover .node__header {
  border-radius: 0 0 11.75rem 12.75rem / 0 0 4.8125rem 4.625rem;
}

.author-blog-button {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding: 2rem 0;
}

.author-blog-button a {
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 28px;
  padding: 0.5rem 1.5rem;
  color: #333333;
  text-transform: uppercase;
}

.ceh-customizations--available-translations-block {
  display: block;
  margin-bottom: 2rem;
}

.ceh-customizations--available-translations-block span {
  font-weight: 600;
}

.ceh-customizations--available-translations-block a {
  font-weight: 400;
  line-height: 1.625rem;
  color: #347586;
}

footer {
  background-color: #333333;
  box-sizing: border-box;
  padding: 0 0 4.6875rem;
  margin: 0 auto -1px;
}

footer .footer-content {
  overflow-x: hidden;
}

footer .footer-curve {
  position: relative;
  width: 100%;
  background-image: url(../images/footer_curve.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: unset;
  padding-bottom: calc(100% * 0.05);
}

footer .block-ceh-customizations-footer-logo {
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  text-align: center;
}

@media (min-width: 1200px) {
  footer .block-ceh-customizations-footer-logo {
    text-align: left;
    margin-top: 0;
  }
}

footer .block-ceh-customizations-footer-logo .logo {
  display: block;
}

footer .block-ceh-customizations-footer-logo .logo img {
  max-width: 280px;
  height: auto;
}

@media (min-width: 1024px) {
  footer .block-ceh-customizations-footer-logo .logo img {
    max-width: 178px;
  }
}

footer .bottom {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}

@media (min-width: 1200px) {
  footer .bottom {
    flex-flow: row;
  }
}

footer .top {
  margin-bottom: 1.5rem;
}

@media (min-width: 1200px) {
  footer .top {
    margin-bottom: 0;
  }
}

footer nav,
footer .footer-menu {
  display: flex;
  align-items: flex-end;
  order: 2;
}

@media (min-width: 1200px) {
  footer nav,
  footer .footer-menu {
    order: 0;
  }
}

footer nav ul.menu,
footer .footer-menu ul.menu {
  display: flex;
  flex-flow: column;
  align-self: center;
  order: 0;
  font-size: 0;
  list-style: none;
  width: 100%;
  margin: 2rem 0 1.5rem;
  align-items: center;
}

@media (min-width: 1200px) {
  footer nav ul.menu,
  footer .footer-menu ul.menu {
    flex-flow: row;
    align-self: flex-end;
    gap: 1.5rem;
    margin: 0 0 1.5rem;
    align-items: start;
  }
}

@media (min-width: 1200px) {
  footer nav ul.menu,
  footer .footer-menu ul.menu {
    margin-bottom: 0;
  }
}

footer nav ul.menu li,
footer .footer-menu ul.menu li {
  line-height: 0;
  text-align: left;
  margin: 0 0 1.5rem;
}

@media (min-width: 1200px) {
  footer nav ul.menu li,
  footer .footer-menu ul.menu li {
    margin-bottom: 10px;
  }
}

footer nav ul.menu li a,
footer .footer-menu ul.menu li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-size: 1.125rem;
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
}

footer nav ul.menu li a:hover,
footer .footer-menu ul.menu li a:hover {
  opacity: 0.9;
}

footer nav ul.menu li a:visited,
footer .footer-menu ul.menu li a:visited {
  color: #FFFFFF;
}

footer .socials {
  display: flex;
  justify-content: space-between;
  align-self: center;
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  footer .socials {
    margin-bottom: 0;
    align-self: flex-end;
  }
}

footer .socials .social {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 15px;
}

@media (min-width: 520px) {
  footer .socials .social {
    width: 52px;
    height: 52px;
  }
}

footer .socials .social:hover {
  cursor: pointer;
  opacity: 0.9;
}

footer .socials .social:last-of-type {
  margin-right: 0;
}

footer .socials .phone {
  background-image: url(../images/socials/phone.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .socials .mail {
  background-image: url(../images/socials/mail.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .socials .linkedin {
  background-image: url(../images/socials/linkedin.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .socials .twitter {
  background-image: url(../images/socials/twitter.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .socials .facebook {
  background-image: url(../images/socials/facebook.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .socials .youtube {
  background-image: url(../images/socials/youtube.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

footer .social-media-links--platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

footer .social-media-links--platforms a {
  display: flex;
  align-items: center;
  text-align: center;
  width: 50px;
  height: 50px;
  color: #333;
  background-color: white;
  border-radius: 50%;
  text-decoration: none;
}

footer .social-media-links--platforms a span {
  width: 100%;
}

footer .footer-split {
  display: flex;
  gap: 1.5rem;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

@media (min-width: 1200px) {
  footer .footer-split {
    flex-direction: row;
  }
}

.logo-strip .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.375rem;
  margin-bottom: 1rem;
}

.logo-strip .grid-container, .logo-strip .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 520px) {
  .logo-strip .grid-container, .logo-strip .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .logo-strip .grid-container, .logo-strip .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .logo-strip .grid-container, .logo-strip .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: 2.66%;
    grid-row-gap: 2rem;
  }
}

.layout-sidebar-first .logo-strip .grid-container, .layout-sidebar-first .logo-strip .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.logo-strip .grid-item {
  width: 13.75rem;
  height: 13.75rem;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (min-width: 1200px) {
  .layout-content.has-sidebar-first .region-content .logo-strip .grid-item {
    width: 10.3125rem;
  }
}

.logo-strip .grid-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.tile-listing {
  margin-top: 4.125rem;
  box-sizing: border-box;
  /* === News & Blogs Styles === */
  /* === Hide date and type === */
}

.tile-listing .grid-container {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 420px) {
  .tile-listing .grid-container {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 520px) {
  .tile-listing .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .tile-listing .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 2rem;
  }
}

.layout-sidebar-first .tile-listing .grid-container {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.layout-content.has-sidebar-first .region-content .tile-listing {
  margin: 4.125rem 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .layout-content.has-sidebar-first .region-content .tile-listing {
    margin: 4.125rem calc(((100vw - 768px) / 2) * -1);
  }
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first .region-content .tile-listing {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3))) * -1);
  }
}

@media (min-width: 1200px) {
  .layout-content.has-sidebar-first .region-content .tile-listing {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3))) * -1);
  }
}

.layout-sidebar-first .tile-listing .grid-container .grid-item {
  margin-right: 0;
}

.tile-listing a {
  color: #347586;
}

.tile-listing .container, .tile-listing .container-flexi-page {
  overflow: visible;
  padding: 0;
}

.tile-listing .links-list {
  margin-left: 0.1875rem;
  margin-bottom: 1.25rem;
}

.tile-listing .title-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.tile-listing .title-bar .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  color: #333333;
}

@media (min-width: 520px) {
  .tile-listing .title-bar .title {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.tile-listing .title-bar .button {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 2.375rem;
  margin-bottom: 1rem;
  color: #333333;
}

.tile-listing .title-bar .field--type-link a,
.tile-listing .title-bar a.see-all {
  border-bottom: none;
  padding-bottom: 0;
  line-height: 2.4375rem;
}

.tile-listing .container-flexi-page > .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  color: #333333;
}

@media (min-width: 520px) {
  .tile-listing .container-flexi-page > .title {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.tile-listing .tile {
  width: 100%;
  transition: all 0.4s ease-in-out;
}

.tile-listing .tile:hover .image {
  border-radius: 0 0 11.75rem 12.75rem / 0 0 4.8125rem 4.625rem;
}

.tile-listing .tile:hover .hvr-bounce-to-top:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.tile-listing .tile .tile-content {
  margin-bottom: 2rem;
}

.tile-listing .tile .image {
  height: 17rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.4s ease-in-out;
  margin-bottom: 1.5rem;
}

.tile-listing .tile .details {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  margin-bottom: 0.625rem;
}

.tile-listing .tile .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 520px) {
  .tile-listing .tile .title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin-bottom: 1.5rem;
  }
}

.tile-listing .tile .text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .tile-listing .tile .text {
    line-height: 1.5625rem;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .tile-listing .tile .text {
    line-height: 1.875rem;
    font-size: 1.125rem;
  }
}

.tile-listing .tile .button {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .tile-listing .tile .button {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .tile-listing .tile .button {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.tile-listing .tile .button:hover {
  text-decoration: underline;
}

.tile-listing .tile .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}

.tile-listing .tile:hover .image img {
  border-radius: 0 0 11.75rem 12.75rem / 0 0 4.8125rem 4.625rem;
}

.tile-listing .title-bar .button,
.tile-listing .tile .button {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1.6rem;
  color: #347586;
}

.tile-listing .title-bar .button {
  float: right;
  margin-bottom: 2rem;
}

.region-sidebar-first .tile-listing .title-bar .button {
  display: none;
}

.tile-listing .owl-stage {
  display: flex;
}

.tile-listing .owl-nav.disabled {
  display: none !important;
}

.tile-listing .owl-dots {
  text-align: center;
  box-sizing: border-box;
  padding: 1rem 0;
}

@media (min-width: 1200px) {
  .tile-listing .owl-dots {
    display: none;
  }
}

.tile-listing .outer-container {
  position: relative;
}

.tile-listing .owl-nav {
  position: absolute;
  top: 7.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1360px) {
  .tile-listing .owl-nav {
    width: calc(100% + 10rem);
    left: 50%;
    transform: translateX(-50%);
  }
}

.region-sidebar-first .tile-listing .owl-nav {
  display: none;
}

.tile-listing .owl-nav .carousel-button-container {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #333333;
  position: relative;
  border-radius: 50%;
}

.tile-listing .owl-nav .carousel-button-container.owl-prev:hover, .tile-listing .owl-nav .carousel-button-container.owl-next:hover {
  cursor: pointer;
}

.tile-listing .owl-nav .carousel-button-container.owl-prev span {
  background-image: url(../images/arrow_back.svg);
  width: 0.75rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tile-listing .owl-nav .carousel-button-container.owl-next span {
  background-image: url(../images/arrow_forward.svg);
  width: 0.75rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tile-listing .grid-container.owl-loaded {
  display: block;
}

.tile-listing .grid-carousel-container {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.tile-listing .grid-carousel-container .tile {
  display: inline-block;
}

.tile-listing .grid-carousel-container .owl-nav {
  display: none !important;
}

.layout-sidebar-first .tile-listing .grid-carousel-container {
  width: auto;
  max-width: auto;
}

.tile-listing .grid-carousel-container .T-clickable:hover .button {
  text-decoration: underline;
}

.tile-listing .view-filters-wrapper .grid-container, .tile-listing .view-filters-wrapper .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 520px) {
  .tile-listing .view-filters-wrapper .grid-container, .tile-listing .view-filters-wrapper .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .tile-listing .view-filters-wrapper .grid-container, .tile-listing .view-filters-wrapper .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .tile-listing .view-filters-wrapper .grid-container, .tile-listing .view-filters-wrapper .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: 2.66%;
    grid-row-gap: 2rem;
  }
}

.layout-sidebar-first .tile-listing .view-filters-wrapper .grid-container, .layout-sidebar-first .tile-listing .view-filters-wrapper .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.tile-listing .view-filters .form--inline {
  margin-bottom: 3rem;
}

.tile-listing .view-filters .form--inline .grid-item,
.tile-listing .view-filters .form--inline .form-item,
.tile-listing .view-filters .form--inline .form-actions {
  min-width: auto;
  margin: 0;
}

.tile-listing .view-filters .form--inline .form-item label,
.tile-listing .view-filters .form--inline .form-actions label {
  color: #333333;
  font-weight: 600;
  font-style: normal;
  padding: 0 0 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.25rem;
}

.tile-listing .view-filters .form--inline .form-select {
  width: 100%;
}

.tile-listing .view-filters .form--inline .form-select .select2-choice {
  height: auto;
  font-size: 1.3125rem;
  color: #333333;
  border: none;
  border-bottom: 2px solid #989898;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0 0 0.625rem 1.25rem;
}

.tile-listing .view-filters .form--inline .form-select .select2-choice:hover {
  opacity: 1;
}

.tile-listing .view-filters .form--inline .form-select .select2-choice .select2-chosen {
  margin-right: 2.25rem;
}

.tile-listing .view-filters .form--inline .form-select .select2-arrow {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-image: url(../images/circle_down.svg);
  border: none;
}

.tile-listing .view-filters .form--inline .form-select .select2-arrow b {
  display: none;
}

.tile-listing .view-filters .form--inline .select2-offscreen {
  background-color: transparent;
}

.tile-listing .view-filters .form--inline .form-actions {
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  height: 2.375rem;
  line-height: 2.125rem;
  background-color: transparent;
  border-bottom: 1px solid #333333;
  border-color: #333333 !important;
  border-radius: 1.75rem;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.tile-listing .view-filters .form--inline .form-actions:hover {
  border-color: #347586;
  color: #347586;
}

@media (min-width: 768px) {
  .tile-listing .view-filters .form--inline .form-actions {
    margin-top: 1.6875rem;
  }
}

.tile-listing .view-filters .form--inline .form-actions:focus .form-submit, .tile-listing .view-filters .form--inline .form-actions:active .form-submit {
  color: #347586;
  border-color: #347586;
}

.tile-listing .view-filters .form--inline .form-actions .form-submit {
  width: 100%;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  background: transparent;
  border: 1px solid #333333;
  border-radius: 3.125rem;
  box-shadow: none;
  padding: 0.6875rem 1.5rem;
  margin: 0;
}

.tile-listing .view-filters .form--inline .form-actions .ajax-progress {
  width: 100%;
}

.tile-listing .view-filters .form--inline .form-actions .ajax-progress .throbber {
  width: 100%;
  height: 100%;
  background: none;
  margin: 0;
}

.tile-listing .view-filters .form--inline .form-actions .ajax-progress .throbber:before {
  content: "Loading...";
  display: block;
  text-align: center;
}

.tile-listing .view-display-id-filtered_listing_tiles_block .views-row .project .details {
  display: none;
}

.tile-listing .view-display-id-filtered_listing_tiles_block .views-row .project .button-container {
  display: none;
}

.tile-listing.news-blogs .tile .details {
  color: #000000;
}

.region-sidebar-first .tile-listing.news-blogs .tile .details {
  display: none;
}

.tile-listing.ceh-strips-hide-date .tile-content .details .date {
  display: none;
}

.tile-listing.ceh-strips-hide-date .tile-content .details .separator {
  display: none;
}

.tile-listing.ceh-strips-hide-type .tile-content .details .tag {
  display: none;
}

.tile-listing.ceh-strips-hide-type .tile-content .details .separator {
  display: none;
}

.half-and-half .container,
.half-and-half .container-flexi-page {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 768px) {
  .half-and-half .container,
  .half-and-half .container-flexi-page {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

.half-and-half.hnh-no-text .container,
.half-and-half.hnh-no-text .container-flexi-page {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.half-and-half.hnh-no-text .left {
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .half-and-half.hnh-no-text .left {
    max-width: 50%;
  }
}

.half-and-half .hnh-tile.left, .half-and-half .hnh-tile.right {
  width: 100%;
}

.half-and-half .hnh-tile .content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-flow: column;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .half-and-half .hnh-tile .content > * {
    max-width: 100%;
  }
}

.half-and-half {
  position: relative;
  overflow: hidden;
  background-color: #EBF0EE;
  padding: 72px 0;
  margin: 2rem calc((20px * -1));
  margin-bottom: 0;
}

.half-and-half .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #EBF0EE;
  width: 1436px;
  left: 50%;
  transform: translateX(-50%);
}

.half-and-half .background .top-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-top.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.half-and-half .background .bottom-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-bottom.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .half-and-half {
    margin: 2rem calc(((100vw - (768px - (20px * 2))) / 2) * -1);
  }
  .layout-content.has-sidebar-first .region-content .half-and-half {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw * -1));
  }
}

@media (min-width: 1024px) {
  .half-and-half {
    margin: 2rem calc(((100vw - (960px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .region-content .half-and-half {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3))) * -1);
  }
}

@media (min-width: 1200px) {
  .half-and-half {
    margin: 2rem calc(((100vw - (1170px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .region-content .half-and-half {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3))) * -1);
  }
}

.half-and-half .background {
  gap: 35px;
}

@media (min-width: 1024px) {
  .half-and-half.inv .left {
    grid-row: 1;
    grid-column: 2;
  }
  .half-and-half.inv .right {
    grid-row: 1;
    grid-column: 1;
  }
}

.half-and-half .container,
.half-and-half .container-flexi-page {
  position: relative;
  padding: 0 20px;
}

@media (min-width: 1024px) {
  .half-and-half .container,
  .half-and-half .container-flexi-page {
    padding: 0;
  }
}

.half-and-half .left {
  display: flex;
}

@media (min-width: 1024px) {
  .half-and-half .left {
    align-items: center;
  }
}

.half-and-half .right .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-bottom: 0.625rem;
  color: #333333;
}

@media (min-width: 520px) {
  .half-and-half .right .title {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.half-and-half .right .text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .half-and-half .right .text {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .half-and-half .right .text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .half-and-half .right .text {
    line-height: 1.875rem;
  }
}

.half-and-half .image {
  width: 212px;
  height: 181px;
  max-width: 80%;
}

@media (min-width: 520px) {
  .half-and-half .image {
    height: 157px;
    min-width: 300px;
  }
}

@media (min-width: 1024px) {
  .half-and-half .image {
    margin: 0;
    height: 300px;
    width: 573px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .half-and-half .image {
    height: 489px;
    width: 573px;
  }
}

.half-and-half .hnh-tile .media {
  display: block;
  width: 100%;
}

.half-and-half .hnh-tile .media--type-remote-video {
  max-width: 100%;
}

.half-and-half .hnh-tile .media--type-remote-video .media-oembed-content {
  width: 100%;
}

.half-and-half.tweets .right {
  padding-top: 0;
}

.half-and-half.tweets .right .content {
  padding-top: 0;
}

.statistics {
  position: relative;
  overflow: hidden;
  overflow: visible;
  margin-top: 2rem;
}

.statistics .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #EBF0EE;
  width: 1436px;
  left: 50%;
  transform: translateX(-50%);
}

.statistics .background .top-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-top.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.statistics .background .bottom-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-bottom.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.statistics .statistics-container {
  position: relative;
}

@media (min-width: 768px) {
  .statistics .statistics-container {
    margin: 0 calc(((100vw - (768px - (20px * 2))) / 2) * -1);
  }
  .layout-content.has-sidebar-first .statistics .statistics-container {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw * -1));
  }
}

@media (min-width: 1024px) {
  .statistics .statistics-container {
    margin: 0 calc(((100vw - (960px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .statistics .statistics-container {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3))) * -1);
  }
}

@media (min-width: 1200px) {
  .statistics .statistics-container {
    margin: 0 calc(((100vw - (1170px - (30px * 2)) / 2) * -1));
  }
  .layout-content.has-sidebar-first .statistics .statistics-container {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3) + 35px)) * -1);
  }
}

.statistics .statistics-container .container-flexi-page {
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .statistics .statistics-container .container-flexi-page {
    padding-top: 35px;
  }
}

.statistics .background {
  height: 905px;
  background-color: #FFFFFF;
}

@media (min-width: 520px) {
  .statistics .background {
    height: 1416px;
  }
}

@media (min-width: 768px) {
  .statistics .background {
    height: 778px;
  }
}

@media (min-width: 1200px) {
  .statistics .background {
    height: 279px;
  }
}

.statistics .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .statistics .title {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  .statistics .title {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.statistics .container,
.statistics .container-flexi-page {
  position: relative;
  box-sizing: border-box;
  padding: 0;
}

@media (min-width: 1200px) {
  .statistics .container,
  .statistics .container-flexi-page {
    padding-top: 35px;
  }
}

.statistics .grid-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (min-width: 768px) {
  .statistics .grid-container {
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .statistics .grid-container {
    gap: 1rem;
  }
}

.statistics .grid-container .grid-item {
  width: 150px;
}

@media (min-width: 520px) {
  .statistics .grid-container .grid-item {
    width: 220px;
    margin-bottom: 35px;
  }
}

.statistics .grid-container .grid-item .stat-circle {
  width: 120px;
  height: 120px;
  margin: 0 auto 10px;
  box-sizing: border-box;
  background-color: #347586;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.statistics .grid-container .grid-item .stat-circle p {
  margin: 0;
}

@media (min-width: 520px) {
  .statistics .grid-container .grid-item .stat-circle {
    width: 220px;
    height: 220px;
    margin-bottom: 30px;
  }
}

.statistics .grid-container .grid-item .stat-data {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #FFFFFF;
}

@media (min-width: 520px) {
  .statistics .grid-container .grid-item .stat-data {
    font-size: 3.75rem;
    line-height: 5.4375rem;
  }
}

.statistics .grid-container .grid-item .description p.text {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.875rem;
  margin-bottom: 0;
}

html.touchevents .masthead .burger {
  width: 24px;
  height: 20px;
  position: relative;
  display: inline-block;
  right: 21px;
}

html.touchevents .masthead .burger .line {
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
}

html.touchevents .masthead .burger .top {
  top: 0;
}

html.touchevents .masthead .burger .bot {
  bottom: 0;
}

html.touchevents .masthead .burger .mid {
  top: 50%;
  transform: translateY(-50%);
}

html.touchevents .masthead nav > .menu {
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 499;
  background-color: #EBF0EE;
  width: 260px;
  padding: 20px;
  box-sizing: border-box;
}

html.touchevents .masthead nav > .menu:before {
  content: '';
  width: 40px;
  height: 40px;
  background: #EBF0EE;
  display: block;
  position: absolute;
  min-width: 40px;
  border-radius: 50%;
  top: -15px;
  right: 14px;
  z-index: 0;
}

html.touchevents .masthead nav > .menu a {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.8125rem;
  color: #333333;
}

html.touchevents .masthead nav > .menu li.menu-item a {
  display: inline-block;
  line-height: 20px;
  padding-bottom: 12px;
}

html.touchevents .masthead nav > .menu .menu-item--expanded.active > .button {
  display: block;
  transform: rotate(0);
}

html.touchevents .masthead nav > .menu .search-icon-container {
  position: relative;
  display: none;
}

html.touchevents .masthead nav > .menu .search-icon-container.active .button {
  display: block;
}

html.touchevents .masthead nav > .menu .search-icon-container > .button {
  width: 38px;
  height: 38px;
  background-color: #EBF0EE;
  display: none;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

html.touchevents .masthead nav > .menu .menu {
  display: none;
  list-style: none;
  position: relative;
  width: 189px;
  background-color: #EBF0EE;
  margin: 0;
  box-sizing: border-box;
}

html.touchevents .masthead nav > .menu .menu a {
  color: #347586;
}

html.touchevents .masthead nav > .menu > li {
  position: relative;
  box-sizing: border-box;
}

html.touchevents .masthead nav > .menu > li:last-of-type {
  margin-right: 0;
}

html.touchevents .masthead nav > .menu > li.menu-item > a {
  padding-right: 30px;
}

html.touchevents .masthead nav > .menu > li.menu-item--expanded > .button {
  width: 28px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  background-image: url(../images/circle_up.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1200px) {
  html.no-touchevents .masthead .burger {
    width: 24px;
    height: 20px;
    position: relative;
    display: inline-block;
    right: 21px;
  }
  html.no-touchevents .masthead .burger .line {
    width: 100%;
    height: 2px;
    background-color: #333;
    position: absolute;
    left: 0;
  }
  html.no-touchevents .masthead .burger .top {
    top: 0;
  }
  html.no-touchevents .masthead .burger .bot {
    bottom: 0;
  }
  html.no-touchevents .masthead .burger .mid {
    top: 50%;
    transform: translateY(-50%);
  }
  html.no-touchevents .masthead nav > .menu {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 499;
    background-color: #EBF0EE;
    width: 260px;
    padding: 20px;
    box-sizing: border-box;
  }
  html.no-touchevents .masthead nav > .menu:before {
    content: '';
    width: 40px;
    height: 40px;
    background: #EBF0EE;
    display: block;
    position: absolute;
    min-width: 40px;
    border-radius: 50%;
    top: -15px;
    right: 14px;
    z-index: 0;
  }
  html.no-touchevents .masthead nav > .menu a {
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.8125rem;
    color: #333333;
  }
  html.no-touchevents .masthead nav > .menu li.menu-item a {
    display: inline-block;
    line-height: 20px;
    padding-bottom: 12px;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--expanded.active > .button {
    display: block;
    transform: rotate(0);
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container {
    position: relative;
    display: none;
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container.active .button {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container > .button {
    width: 38px;
    height: 38px;
    background-color: #EBF0EE;
    display: none;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
  }
  html.no-touchevents .masthead nav > .menu .menu {
    display: none;
    list-style: none;
    position: relative;
    width: 189px;
    background-color: #EBF0EE;
    margin: 0;
    box-sizing: border-box;
  }
  html.no-touchevents .masthead nav > .menu .menu a {
    color: #347586;
  }
  html.no-touchevents .masthead nav > .menu > li {
    position: relative;
    box-sizing: border-box;
  }
  html.no-touchevents .masthead nav > .menu > li:last-of-type {
    margin-right: 0;
  }
  html.no-touchevents .masthead nav > .menu > li.menu-item > a {
    padding-right: 30px;
  }
  html.no-touchevents .masthead nav > .menu > li.menu-item--expanded > .button {
    width: 28px;
    height: 28px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-image: url(../images/circle_up.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    transition: all 0.4s ease-in-out;
  }
}

@media (min-width: 1024px) {
  html.no-touchevents .masthead.fixed nav {
    min-height: 60px;
  }
}

@media (min-width: 1200px) {
  html.no-touchevents .masthead nav > .menu {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
  }
  html.no-touchevents .masthead nav > .menu a {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.8125rem;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    text-decoration: none;
  }
  html.no-touchevents .masthead nav > .menu a.focus-link {
    color: #347586;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--expanded:hover > .menu {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--expanded:hover > .button {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--expanded.focus > .menu {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--expanded.focus > .button {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .menu-item--collapsed {
    list-style-type: none;
    list-style-image: none;
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container {
    position: relative;
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container.active .button {
    display: block;
  }
  html.no-touchevents .masthead nav > .menu .search-icon-container > .button {
    width: 38px;
    height: 38px;
    background-color: #EBF0EE;
    display: none;
    position: absolute;
    bottom: -63px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    margin: 0;
  }
  html.no-touchevents .masthead nav > .menu .menu {
    position: absolute;
    top: 30px;
    left: 50%;
    display: none;
    width: 17rem;
    list-style: none;
    background-color: #EBF0EE;
    box-sizing: border-box;
    padding: 0 20px 25px;
    margin: 0;
    z-index: 100;
    transform: translateX(-50%);
  }
  html.no-touchevents .masthead nav > .menu .menu:before {
    content: '';
    display: block;
    height: 35px;
    background-color: #FFFFFF;
    margin: 0 -20px 26px;
  }
  html.no-touchevents .masthead nav > .menu > li {
    position: relative;
    max-width: none;
    box-sizing: border-box;
    padding: 0;
    margin-right: 0;
  }
  html.no-touchevents .masthead nav > .menu > li:last-of-type {
    margin-right: 0;
  }
  html.no-touchevents .masthead nav > .menu > li a:hover {
    color: #347586;
  }
  html.no-touchevents .masthead nav > .menu > li.menu-item--expanded > .button {
    width: 38px;
    height: 38px;
    background-color: #EBF0EE;
    display: none;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    margin: 0;
    z-index: 100;
  }
  html.no-touchevents .masthead.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 499;
    background-color: #FFFFFF;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex {
    height: 60px;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav {
    height: 100%;
    gap: 0;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav > ul.menu {
    height: 100%;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav > ul.menu .menu {
    top: 100%;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav > ul.menu .menu:before {
    height: 0;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav ul.menu > li {
    display: flex;
    align-items: center;
    padding: 0;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav ul.menu > li:last-of-type {
    margin-right: 0;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex nav ul.menu > li .button {
    bottom: -25px;
    z-index: auto;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex .logo-container .logo.main_logo {
    display: none;
    width: 304px;
    height: 67px;
    background-image: none;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex .logo-container .logo.main_logo.main_as_roundal {
    display: block;
    width: 181px;
    height: 40px;
  }
  html.no-touchevents .masthead.fixed .container--inner-flex .logo-container .sticky_logo {
    display: block;
    width: 40px;
    height: 40px;
  }
}

html.no-touchevents .masthead .menu > li a:hover {
  color: #347586;
}

.masthead .container,
.masthead .container-flexi-page {
  overflow: visible;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
}

.masthead nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 100px;
}

@media (min-width: 1024px) {
  .masthead nav {
    height: 100px;
    min-height: 100px;
  }
}

@media (min-width: 1200px) {
  .masthead nav {
    flex: 1;
    justify-content: flex-start;
  }
}

.masthead ul.menu {
  padding-left: 0;
}

.masthead ul.menu li a {
  letter-spacing: normal;
}

.masthead ul.menu ul.menu {
  padding-left: 0;
}

.masthead ul.menu .menu-item--expanded {
  list-style-type: none;
  list-style-image: none;
}

.masthead ul li {
  padding-left: 0;
}

.masthead.fixed .menu ul.menu::before {
  display: none;
}

.masthead .logo {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.masthead .logo-container .logo.main_logo {
  display: none;
  width: 304px;
  height: 67px;
  background-image: none;
}

.masthead .logo-container .logo.main_logo.main_as_roundal {
  display: block;
}

@media (max-width: 1024px) {
  .masthead .logo-container .logo.main_logo.main_as_roundal {
    width: 227px;
    height: 50px;
  }
}

@media (max-width: 360px) {
  .masthead .logo-container .logo.main_logo.main_as_roundal {
    width: 181px;
    height: 40px;
  }
}

.masthead .logo-container .sticky_logo {
  display: block;
  width: 50px;
  height: 50px;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (min-width: 1024px) {
  .masthead .logo-container .logo.main_logo {
    display: block;
  }
  .masthead .logo-container .sticky_logo {
    display: none;
  }
}

.masthead .search-icon {
  background-image: url(../images/search_button.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 21px;
  height: 21px;
  min-width: 21px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
}

.masthead .search-icon:hover {
  cursor: pointer;
}

.masthead .search-bar {
  display: none;
  background: #EBF0EE;
  width: 100%;
  box-sizing: border-box;
  padding: 30px 0;
  position: relative;
  z-index: 99;
}

.masthead .search-bar .container,
.masthead .search-bar .container-flexi-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.masthead .search-bar form > div {
  display: inline;
}

.masthead .search-bar .search-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.8125rem;
  margin-left: 5px;
}

.masthead .search-bar input:focus,
.masthead .search-bar select:focus,
.masthead .search-bar textarea:focus,
.masthead .search-bar button:focus {
  outline: none;
}

.masthead .search-bar .form-submit {
  background-image: url(../images/search_button.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 21px;
  height: 21px;
  min-width: 21px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  color: transparent;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 1px 7px 2px;
  margin-right: 0;
}

.masthead .search-bar .form-submit:hover {
  cursor: pointer;
}

.masthead .search-bar .input-container {
  border-bottom: 1px solid #333333;
  display: inline-block;
}

.masthead .search-bar .close-icon {
  background-image: url(../images/close_btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 21px;
  height: 21px;
  min-width: 21px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.masthead .search-bar .close-icon:hover {
  cursor: pointer;
}

.masthead .search-bar input[type="text"] {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.8125rem;
  -webkit-appearance: none;
  width: 864px;
  max-width: 100%;
  color: #333333;
  background: transparent;
  border: 0;
  border-radius: 0;
  margin-left: 5px;
  margin-top: 0.6em;
  box-sizing: content-box;
  box-shadow: none;
}

.masthead input {
  padding: 1px;
}

.masthead .container--inner-flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1200px) {
  .masthead .container--inner-flex {
    flex-wrap: nowrap;
  }
}

.masthead .views-exposed-form {
  flex-basis: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .masthead .views-exposed-form {
    display: flex;
    flex-basis: auto;
    margin-bottom: 0;
  }
}

.masthead .views-exposed-form .form--inline div {
  display: block;
  float: none;
}

.masthead .views-exposed-form .form--inline .form-actions {
  display: none;
}

.masthead .views-exposed-form .form--inline .form-item-search-api-fulltext::before {
  background: url(../images/search_button_gray.svg) no-repeat left center;
  width: 24px;
  height: 25px;
  content: " ";
  position: absolute;
  margin-top: 7px;
  margin-left: 7px;
}

.masthead .views-exposed-form .form--inline input[type=text] {
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border-radius: 1.75rem;
}

/* Header search block */
.form--inline .form-item-search-api-fulltext {
  float: none;
  display: inline;
  margin: 0;
}

/* Search block: views exposed filters: search_all_content_form_block */
#block-search-all-content-form-block .form-actions {
  margin: -20px 0 0;
  max-width: 100%;
}

section.text-strip {
  box-sizing: border-box;
}

section.text-strip.attachments-strip {
  margin-top: 2rem;
}

.layout-content.has-sidebar-first .region-content section.text-strip.attachments-strip {
  margin: 2rem calc((20px * -1));
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .layout-content.has-sidebar-first .region-content section.text-strip.attachments-strip {
    margin: 2rem calc(((100vw - (768px - (20px * 2))) / 2) * -1);
  }
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first .region-content section.text-strip.attachments-strip {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3))) * -1);
  }
}

@media (min-width: 1200px) {
  .layout-content.has-sidebar-first .region-content section.text-strip.attachments-strip {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3) + 35px)) * -1);
  }
}

section.text-strip.attachments-strip .container,
section.text-strip.attachments-strip .container-flexi-page {
  padding: 0 2rem;
}

section.text-strip.attachments-strip .container h2,
section.text-strip.attachments-strip .container-flexi-page h2 {
  margin-top: 0;
}

section.text-strip .container,
section.text-strip .container-flexi-page {
  padding: 0;
  /* font-size: 2rem;
  line-height: 2.4375rem; */
  line-height: 1.4375rem;
}

section.text-strip .container html,
section.text-strip .container-flexi-page html {
  font-size: 16px;
}

section.text-strip .container h1,
section.text-strip .container-flexi-page h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container h1,
  section.text-strip .container-flexi-page h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container h1,
  section.text-strip .container-flexi-page h1 {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

section.text-strip .container h2,
section.text-strip .container-flexi-page h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container h2,
  section.text-strip .container-flexi-page h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container h2,
  section.text-strip .container-flexi-page h2 {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

section.text-strip .container h3,
section.text-strip .container-flexi-page h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container h3,
  section.text-strip .container-flexi-page h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container h3,
  section.text-strip .container-flexi-page h3 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

section.text-strip .container h4,
section.text-strip .container-flexi-page h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container h4,
  section.text-strip .container-flexi-page h4 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container h4,
  section.text-strip .container-flexi-page h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

section.text-strip .container h5,
section.text-strip .container-flexi-page h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container h5,
  section.text-strip .container-flexi-page h5 {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container h5,
  section.text-strip .container-flexi-page h5 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

section.text-strip .container p,
section.text-strip .container-flexi-page p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  section.text-strip .container p,
  section.text-strip .container-flexi-page p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container p,
  section.text-strip .container-flexi-page p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

section.text-strip .container pre,
section.text-strip .container-flexi-page pre {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

@media (min-width: 768px) {
  section.text-strip .container pre,
  section.text-strip .container-flexi-page pre {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container pre,
  section.text-strip .container-flexi-page pre {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

section.text-strip .container blockquote,
section.text-strip .container-flexi-page blockquote {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  text-align: left;
  background-color: #EBF0EE;
  border-left: 5px solid #347586;
  padding: 1.25rem 1.5rem;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  section.text-strip .container blockquote,
  section.text-strip .container-flexi-page blockquote {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container blockquote,
  section.text-strip .container-flexi-page blockquote {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

section.text-strip .container blockquote p,
section.text-strip .container-flexi-page blockquote p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  section.text-strip .container blockquote p,
  section.text-strip .container-flexi-page blockquote p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container blockquote p,
  section.text-strip .container-flexi-page blockquote p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

section.text-strip .container blockquote p:last-child,
section.text-strip .container-flexi-page blockquote p:last-child {
  margin-bottom: 0;
}

section.text-strip .container a,
section.text-strip .container-flexi-page a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  section.text-strip .container a,
  section.text-strip .container-flexi-page a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container a,
  section.text-strip .container-flexi-page a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

section.text-strip .container a:hover,
section.text-strip .container-flexi-page a:hover {
  text-decoration: underline;
}

section.text-strip .container ul,
section.text-strip .container-flexi-page ul {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: url(../images/bullet.gif);
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

section.text-strip .container ol,
section.text-strip .container-flexi-page ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

section.text-strip .container ul li,
section.text-strip .container ol li,
section.text-strip .container-flexi-page ul li,
section.text-strip .container-flexi-page ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  section.text-strip .container ul li,
  section.text-strip .container ol li,
  section.text-strip .container-flexi-page ul li,
  section.text-strip .container-flexi-page ol li {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container ul li,
  section.text-strip .container ol li,
  section.text-strip .container-flexi-page ul li,
  section.text-strip .container-flexi-page ol li {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

section.text-strip .container table,
section.text-strip .container-flexi-page table {
  /* R55895: Fix table style, based on D7 theme styles. */
  margin-bottom: 1rem;
}

section.text-strip .container tr:nth-child(2n+2),
section.text-strip .container-flexi-page tr:nth-child(2n+2) {
  background-color: #CCCCCC;
}

section.text-strip .container th, section.text-strip .container td,
section.text-strip .container-flexi-page th,
section.text-strip .container-flexi-page td {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.5rem;
  border-right: 1px solid #767676;
}

@media (min-width: 768px) {
  section.text-strip .container th, section.text-strip .container td,
  section.text-strip .container-flexi-page th,
  section.text-strip .container-flexi-page td {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  section.text-strip .container th, section.text-strip .container td,
  section.text-strip .container-flexi-page th,
  section.text-strip .container-flexi-page td {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

section.text-strip .container td:last-child,
section.text-strip .container th:last-child,
section.text-strip .container-flexi-page td:last-child,
section.text-strip .container-flexi-page th:last-child {
  border-right: none;
}

section.text-strip .container h2,
section.text-strip .container-flexi-page h2 {
  margin-top: 4.125rem;
  margin-bottom: 2rem;
}

section.text-strip .container h3,
section.text-strip .container-flexi-page h3 {
  margin-top: 4.125rem;
  line-height: 1.875rem;
}

section.text-strip .container pre,
section.text-strip .container p,
section.text-strip .container-flexi-page pre,
section.text-strip .container-flexi-page p {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  section.text-strip .container pre,
  section.text-strip .container p,
  section.text-strip .container-flexi-page pre,
  section.text-strip .container-flexi-page p {
    line-height: 1.875rem;
  }
}

section.text-strip .container blockquote,
section.text-strip .container-flexi-page blockquote {
  line-height: 1.875rem;
  background: url(../images/icon_quote.svg) no-repeat scroll 1.5rem 1.5rem #EBF0EE;
  padding: 1.5rem;
  padding-left: 4.5rem;
  border-radius: 0.5rem;
}

section.text-strip .container blockquote p,
section.text-strip .container-flexi-page blockquote p {
  font-weight: 400;
}

section.text-strip .container a,
section.text-strip .container-flexi-page a {
  color: #2F7ECE;
}

section.text-strip .container a.document-link,
section.text-strip .container-flexi-page a.document-link {
  line-height: 1.5625rem;
}

section.text-strip .container a.staff-login-button,
section.text-strip .container-flexi-page a.staff-login-button {
  display: inline-block;
  max-width: 150px;
  padding: 1rem;
  font-size: 1.5625rem;
  line-height: 1.8125rem;
  color: #FFFFFF;
  background-color: #55BFCF;
  border-radius: 5px;
  border-bottom: 3px solid #0D8396;
  text-align: center;
}

section.text-strip .container a.staff-login-button:hover, section.text-strip .container a.staff-login-button:focus,
section.text-strip .container-flexi-page a.staff-login-button:hover,
section.text-strip .container-flexi-page a.staff-login-button:focus {
  opacity: 0.9;
  text-decoration: none;
}

section.text-strip .container ul,
section.text-strip .container ol,
section.text-strip .container-flexi-page ul,
section.text-strip .container-flexi-page ol {
  list-style: none;
  padding: 0.5rem 0 0;
  margin: 0 0 1rem;
}

section.text-strip .container ul li,
section.text-strip .container ol li,
section.text-strip .container-flexi-page ul li,
section.text-strip .container-flexi-page ol li {
  background: none no-repeat scroll 0 0.5rem;
  background-image: url(../images/bullet.svg);
  padding: 0 0 0 1.5rem;
  margin: 0 0 1rem;
}

section.text-strip .container ul li:last-child,
section.text-strip .container ol li:last-child,
section.text-strip .container-flexi-page ul li:last-child,
section.text-strip .container-flexi-page ol li:last-child {
  margin-bottom: 0;
}

section.text-strip .container ul li.pager__item,
section.text-strip .container ol li.pager__item,
section.text-strip .container-flexi-page ul li.pager__item,
section.text-strip .container-flexi-page ol li.pager__item {
  background-image: none;
}

section.text-strip .container ul.no-bullet,
section.text-strip .container ol.no-bullet,
section.text-strip .container-flexi-page ul.no-bullet,
section.text-strip .container-flexi-page ol.no-bullet {
  background-image: none;
  padding-left: 0;
}

section.text-strip .container ul.star li,
section.text-strip .container ol.star li,
section.text-strip .container-flexi-page ul.star li,
section.text-strip .container-flexi-page ol.star li {
  background-image: url(../images/icon-star.svg);
  background-position: 0 0.25rem;
}

section.text-strip .container ul.attachments-list,
section.text-strip .container ol.attachments-list,
section.text-strip .container-flexi-page ul.attachments-list,
section.text-strip .container-flexi-page ol.attachments-list {
  margin-left: 0;
}

section.text-strip .container ul.attachments-list li,
section.text-strip .container ol.attachments-list li,
section.text-strip .container-flexi-page ul.attachments-list li,
section.text-strip .container-flexi-page ol.attachments-list li {
  background-image: url(../images/link_download_icon.svg);
  background-position: 0 0.25rem;
  padding: 0.1875rem 0 0.1875rem 2.375rem;
}

section.text-strip .container ol li,
section.text-strip .container-flexi-page ol li {
  background-image: none;
  counter-increment: li;
  padding-left: 0;
}

section.text-strip .container ol li:before,
section.text-strip .container-flexi-page ol li:before {
  content: counter(li) ".";
  margin-right: 0.2rem;
  display: inline-block;
  width: 1.5rem;
}

section.text-strip .file .description {
  font-size: 0.625rem;
  font-style: italic;
}

@media (min-width: 768px) {
  section.text-strip .file .description {
    font-size: 0.875rem;
  }
}

.text-strip .align-right {
  margin-left: 1.875rem;
}

@media (max-width: 520px) {
  .text-strip .align-right.media--type-image {
    margin-left: 0;
    width: 100%;
  }
}

.text-strip .align-left {
  margin-right: 1.875rem;
}

@media (max-width: 520px) {
  .text-strip .align-left.media--type-image {
    margin-right: 0;
    width: 100%;
  }
}

.text-strip .align-center {
  text-align: center;
}

@media (max-width: 520px) {
  .text-strip .align-center.media--type-image {
    width: 100%;
  }
}

.text-strip .caption {
  font-size: 1.0625rem;
  line-height: 1.3125rem;
}

.text-strip .caption > figcaption {
  margin-top: 0.3125rem;
}

.text-strip .no-title {
  margin-top: 4.125rem;
}

.text-strip figure {
  display: flex;
  flex-direction: column;
}

@media (max-width: 520px) {
  .text-strip figure {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .text-strip img {
    width: 100%;
  }
}

.display-text.circle-out {
  position: relative;
  overflow: hidden;
}

.display-text.circle-out .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #EBF0EE;
  width: 1436px;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.circle-out .background .top-curve {
  width: 100%;
  height: 89px;
  background-image: url(../images/curves/banner-b_top.svg);
  background-size: 100% 89px;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.circle-out .background .bottom-curve {
  width: 100%;
  height: 89px;
  background-image: url(../images/curves/banner-b_bottom.svg);
  background-size: 100% 89px;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.circle-in {
  position: relative;
  overflow: hidden;
}

.display-text.circle-in .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #EBF0EE;
  width: 1436px;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.circle-in .background .top-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-top.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.circle-in .background .bottom-curve {
  width: 100%;
  height: 66px;
  background-image: url(../images/curves/banner-bottom.svg);
  background-size: 100% 66px;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.display-text.lined.under-billboard .container {
  padding-top: 6.25rem;
}

.display-text.lined.under-billboard .container:before {
  display: none;
}

.display-text.lined.under-billboard .container-flexi-page {
  padding-top: 6.25rem;
}

.display-text.lined.under-billboard .container-flexi-page:before {
  display: none;
}

.display-text.lined .container {
  padding-bottom: 1.875rem;
  padding-top: 0;
  text-align: left;
}

.display-text.lined .container:after {
  margin-top: 1.25rem;
  content: '';
  background: #347586;
  /* Old browsers */
  background: -moz-linear-gradient(left, #347586 0%, #4DA43A 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #347586 0%, #4DA43A 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #347586 0%, #4DA43A 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347586', endColorstr='#4DA43A',GradientType=1 );
  /* IE6-9 */
  height: 0.1875rem;
  width: 100%;
  display: block;
}

.display-text.lined .container:before {
  margin-bottom: 3.125rem;
  content: '';
  background: #347586;
  /* Old browsers */
  background: -moz-linear-gradient(left, #347586 0%, #4DA43A 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #347586 0%, #4DA43A 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #347586 0%, #4DA43A 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347586', endColorstr='#4DA43A',GradientType=1 );
  /* IE6-9 */
  height: 0.1875rem;
  width: 100%;
  display: block;
}

.display-text.lined .container-flexi-page {
  margin-top: 4.125rem;
  padding-bottom: 0;
  padding-top: 0;
  text-align: left;
}

.display-text .container {
  position: relative;
  align-items: center;
  justify-content: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  text-align: center;
  box-sizing: border-box;
}

.display-text .container-flexi-page {
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}

.display-text .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-bottom: 0.625rem;
  color: #333333;
  width: 800px;
  max-width: 100%;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  line-height: 2.4375rem;
  margin-top: 4.125rem;
  margin-bottom: 2rem;
}

@media (min-width: 520px) {
  .display-text .title {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.node.node--view-mode-full > .node__content > .field__items > .field__item .display-text .title {
  margin-top: 0;
}

.display-text .text {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 100%;
}

@media (min-width: 768px) {
  .display-text .text {
    line-height: 1.5625rem;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .display-text .text {
    line-height: 1.875rem;
    font-size: 1.125rem;
    max-width: 85%;
  }
}

@media (min-width: 1060px) {
  .display-text .text {
    max-width: 60%;
  }
}

.display-text .button-container {
  display: flex;
  justify-content: flex-start;
  margin-top: 2rem;
}

.display-text .button {
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  margin: 0;
}

.display-text .button:hover {
  border-color: #347586;
  color: #347586;
}

.display-text .button:hover {
  color: #347586;
  border-color: #347586;
}

.view-staff-pages .more-link,
.half-and-half .button {
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  margin: 0;
}

.view-staff-pages .more-link:hover,
.half-and-half .button:hover {
  border-color: #347586;
  color: #347586;
}

.view-staff-pages .more-link:hover,
.half-and-half .button:hover {
  color: #347586;
  border-color: #347586;
}

.listing {
  margin-top: 4.125rem;
  position: relative;
  overflow: hidden;
  /* === Hide date and type === */
}

.listing .grid-container, .listing .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 520px) {
  .listing .grid-container, .listing .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .listing .grid-container, .listing .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .listing .grid-container, .listing .view-filters .form--inline {
    display: grid;
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: 2.66%;
    grid-row-gap: 2rem;
  }
}

.layout-sidebar-first .listing .grid-container, .layout-sidebar-first .listing .view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

.listing .grid-container,
.listing .view-filters .form--inline {
  margin-bottom: 5rem;
}

.listing .grid-container .grid-item,
.listing .grid-container .form-item,
.listing .grid-container .form-actions,
.listing .view-filters .form--inline .grid-item,
.listing .view-filters .form--inline .form-item,
.listing .view-filters .form--inline .form-actions {
  min-width: auto;
  margin: 0;
}

.listing .background {
  background-image: url(../images/listing_header.svg);
  width: 1436px;
  height: 46rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
  left: 50%;
  transform: translate(-50%);
  top: 0;
}

@media (min-width: 1024px) {
  .listing .background {
    height: 30rem;
  }
}

@media (min-width: 1200px) {
  .listing .background {
    height: 20rem;
  }
}

.listing .container,
.listing .container-flexi-page {
  position: relative;
  padding: 0 0 2rem;
  overflow: visible;
}

.listing .container > .title,
.listing .container-flexi-page > .title {
  margin-bottom: 2.5rem;
}

.listing .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4375rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .listing .title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  .listing .title {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.listing .view-filters .form--inline .form-item label,
.listing .view-filters .form--inline .form-actions label {
  color: #333333;
  font-weight: 600;
  font-style: normal;
  padding: 0 0 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.25rem;
}

.listing .view-filters .form--inline .form-select {
  width: 100%;
}

.listing .view-filters .form--inline .form-select .select2-choice {
  height: auto;
  font-size: 1.3125rem;
  color: #333333;
  border: none;
  border-bottom: 2px solid #989898;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0 0 0.625rem 1.25rem;
}

.listing .view-filters .form--inline .form-select .select2-choice:hover {
  opacity: 1;
}

.listing .view-filters .form--inline .form-select .select2-choice .select2-chosen {
  margin-right: 2.25rem;
}

.listing .view-filters .form--inline .form-select .select2-arrow {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-image: url(../images/circle_down.svg);
  border: none;
}

.listing .view-filters .form--inline .form-select .select2-arrow b {
  display: none;
}

.listing .view-filters .form--inline .select2-offscreen {
  background-color: transparent;
}

.listing .view-filters .form--inline .form-actions {
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  height: 2.375rem;
  line-height: 2.125rem;
  background-color: transparent;
  border-bottom: 1px solid #333333;
  border-color: #333333 !important;
  border-radius: 1.75rem;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.listing .view-filters .form--inline .form-actions:hover {
  border-color: #347586;
  color: #347586;
}

@media (min-width: 768px) {
  .listing .view-filters .form--inline .form-actions {
    margin-top: 1.6875rem;
  }
}

.listing .view-filters .form--inline .form-actions:focus .form-submit, .listing .view-filters .form--inline .form-actions:active .form-submit {
  color: #347586;
  border-color: #347586;
}

.listing .view-filters .form--inline .form-actions .form-submit {
  width: 100%;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  background: transparent;
  border: 1px solid #333333;
  border-radius: 3.125rem;
  box-shadow: none;
  padding: 0.6875rem 1.5rem;
  margin: 0;
}

.listing .view-filters .form--inline .form-actions .ajax-progress {
  width: 100%;
}

.listing .view-filters .form--inline .form-actions .ajax-progress .throbber {
  width: 100%;
  height: 100%;
  background: none;
  margin: 0;
}

.listing .view-filters .form--inline .form-actions .ajax-progress .throbber:before {
  content: "Loading...";
  display: block;
  text-align: center;
}

.listing .results .result-item {
  padding-bottom: 0;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .listing .results .result-item {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
    grid-template-columns: 12rem 1fr;
  }
}

.listing .results .result-item .link-image {
  display: block;
  width: 100%;
}

.listing .results .result-item .link-image .result-image {
  display: block;
  width: 100%;
  height: 17rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (min-width: 360px) {
  .listing .results .result-item .link-image .result-image {
    height: 20rem;
  }
}

@media (min-width: 520px) {
  .listing .results .result-item .link-image .result-image {
    height: 30rem;
  }
}

@media (min-width: 640px) {
  .listing .results .result-item .link-image .result-image {
    width: 12rem;
    height: 12rem;
  }
}

.listing .results .result-item .result-text {
  width: 100%;
  margin-top: 1rem;
}

@media (min-width: 640px) {
  .listing .results .result-item .result-text {
    margin-top: 0;
  }
}

.listing .results .result-item .result-text .date {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  color: #333333;
  margin-bottom: 0.75rem;
}

.listing .results .result-item .result-text .link-title .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
  margin-bottom: 1.125rem;
}

@media (min-width: 768px) {
  .listing .results .result-item .result-text .link-title .title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  .listing .results .result-item .result-text .link-title .title {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.listing .results .result-item .result-text .text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .listing .results .result-item .result-text .text {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .listing .results .result-item .result-text .text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.listing.ceh-strips-hide-date .view-content .result-text .date {
  display: none;
}

.listing.paragraphs--filtered-list--event .view-filters .views-exposed-form .form-item-year {
  display: none;
}

.people-listing {
  margin-top: 2rem;
}

.layout-content.has-sidebar-first .region-content .people-listing {
  margin: 2rem calc((20px * -1));
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .layout-content.has-sidebar-first .region-content .people-listing {
    margin: 2rem calc(((100vw - (768px - (20px * 2))) / 2) * -1);
  }
}

@media (min-width: 1024px) {
  .layout-content.has-sidebar-first .region-content .people-listing {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((960px * 0.3))) * -1);
  }
}

@media (min-width: 1200px) {
  .layout-content.has-sidebar-first .region-content .people-listing {
    margin-left: calc((100vw * -1));
    margin-right: calc((100vw + ((1170px * 0.3))) * -1);
  }
}

.layout-content.has-sidebar-first .region-content .people-listing .container-flexi-page {
  padding: 0 20px;
}

@media (min-width: 992px) {
  .layout-content.has-sidebar-first .region-content .people-listing .container-flexi-page {
    padding: 0;
  }
}

.people-listing .container, .people-listing .container-flexi-page {
  overflow: visible;
  padding: 0;
}

.people-listing .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-bottom: 0.625rem;
  color: #333333;
  width: 800px;
  max-width: 100%;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  line-height: 2.4375rem;
  margin-top: 2.125rem;
  margin-bottom: 2rem;
}

@media (min-width: 520px) {
  .people-listing .title {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.people-listing .background {
  background-position: 0 -100px;
}

.people-listing .results .result-text .text {
  margin-bottom: 0.75rem;
}

.people-listing .person-image .field--type-image {
  width: 100%;
  height: 100%;
}

.people-listing .person-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.people-listing .field--name-field-paragraph1 {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 768px) {
  .people-listing .field--name-field-paragraph1 {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .people-listing .field--name-field-paragraph1 {
    display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 2rem;
  }
}

.people-listing .field--name-field-paragraph1 .paragraph--type--staff-item {
  width: 100%;
}

article.profile.staff_card {
  background-color: #EBF0EE;
  height: 100%;
  padding: 1.5rem;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 80px auto;
  grid-gap: 1.25rem;
}

article.profile.staff_card .user-card-picture {
  width: 100%;
  text-align: center;
}

article.profile.staff_card .user-card-picture .field--name-user-picture {
  overflow: hidden;
  line-height: 0;
  margin: 0 auto;
}

article.profile.staff_card .user-card-picture .field--name-user-picture img {
  border-radius: 50%;
}

article.profile.staff_card .user-card-info {
  width: 100%;
  clear: both;
  text-align: left;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

article.profile.staff_card .user-card-info .field--name-field-name {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  color: #347586;
}

article.profile.staff_card .user-card-info .field--name-field-name a {
  color: #347586;
}

article.profile.staff_card .user-card-info .field--name-field-job {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

@media (min-width: 400px) {
  article.profile.staff_card .user-card-info {
    text-align: left;
    clear: none;
  }
}

.paragraph--type--staff-item .user-bio {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .paragraph--type--staff-item .user-bio {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .paragraph--type--staff-item .user-bio {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.paragraph--type--staff-item .button-container .button {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 1.6rem;
  color: #347586;
}

.paragraph--type--staff-item .button-container:hover {
  text-decoration: underline;
}

.image-billboard {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.image-billboard .image-billboard-image-container {
  height: 100%;
}

.image-billboard .image-billboard-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-billboard .dark-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-billboard.with-image-bg {
  min-height: 0;
}

.image-billboard.with-image-bg .background.js-ceh-bg-image {
  background: none no-repeat scroll center center transparent;
  background-size: cover;
}

.image-billboard.with-image-bg .background.js-ceh-bg-image img {
  display: none;
}

.image-billboard.with-video-bg {
  min-height: 400px;
}

@media (max-width: 992px) {
  .image-billboard.with-video-bg {
    min-height: 300px;
  }
}

.image-billboard.with-video-bg .background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  min-width: 140%;
  height: 100vh;
  min-height: 140%;
  transform: translate(-50%, -50%);
}

@media (max-width: 992px) {
  .image-billboard.with-video-bg .background iframe {
    min-width: 200%;
  }
}

@media (max-width: 480px) {
  .image-billboard.with-video-bg .background iframe {
    min-width: 360%;
  }
}

@media (max-width: 320px) {
  .image-billboard.with-video-bg .background iframe {
    min-width: 480%;
  }
}

.image-billboard.with-video-bg .container .text,
.image-billboard.with-video-bg .container-flexi-page .text {
  margin-bottom: 0;
}

.image-billboard.with-video-bg .container .text #page-title,
.image-billboard.with-video-bg .container-flexi-page .text #page-title {
  margin-bottom: 0;
}

.image-billboard .background .background--video, .image-billboard.plays-video .background--video {
  display: none;
}

@media (min-width: 992px) {
  .image-billboard .background .background.background--mobile, .image-billboard.plays-video .background.background--mobile {
    display: none;
  }
  .image-billboard .background .background--video, .image-billboard.plays-video .background--video {
    display: block;
    overflow: hidden;
  }
  .image-billboard .background iframe, .image-billboard.plays-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    min-width: 140%;
    height: 100vh;
    min-height: 140%;
    transform: translate(-50%, -50%);
  }
  .image-billboard .background .field--type-video, .image-billboard.plays-video .field--type-video {
    height: 100%;
  }
  .image-billboard .background video, .image-billboard.plays-video video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100% !important;
    height: auto !important;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
  }
  .image-billboard .background .container .text,
  .image-billboard .background .container-flexi-page .text, .image-billboard.plays-video .container .text,
  .image-billboard.plays-video .container-flexi-page .text {
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) {
  .image-billboard .background .container .text > div,
  .image-billboard .background .container-flexi-page .text > div, .image-billboard.plays-video .container .text > div,
  .image-billboard.plays-video .container-flexi-page .text > div {
    font-size: 2.375rem;
    line-height: 3rem;
  }
}

@media (min-width: 1200px) {
  .image-billboard .background .container .text > div,
  .image-billboard .background .container-flexi-page .text > div, .image-billboard.plays-video .container .text > div,
  .image-billboard.plays-video .container-flexi-page .text > div {
    font-size: 3rem;
    line-height: 3.4375rem;
  }
}

.image-billboard .container,
.image-billboard .container-flexi-page {
  position: relative;
  padding-top: 130px;
  padding-bottom: 150px;
  box-sizing: border-box;
  font-size: 0;
  z-index: 5;
}

.image-billboard .container .text,
.image-billboard .container-flexi-page .text {
  width: 760px;
  max-width: 100%;
  margin-bottom: 80px;
  word-break: break-word;
  font-size: 0;
}

.image-billboard .container .text > div,
.image-billboard .container-flexi-page .text > div {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
  display: inline-block;
  color: #FFFFFF;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .image-billboard .container .text > div,
  .image-billboard .container-flexi-page .text > div {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .image-billboard .container .text > div,
  .image-billboard .container-flexi-page .text > div {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.image-billboard .container .button,
.image-billboard .container-flexi-page .button {
  text-decoration: none;
  border: 1px solid #FFFFFF;
  border-radius: 28px;
  box-sizing: border-box;
  display: table;
  padding: 7px 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  color: #333333;
  color: #FFFFFF;
}

.image-billboard .container .button:hover,
.image-billboard .container-flexi-page .button:hover {
  border-color: #347586;
  color: #347586;
}

.image-billboard .background {
  width: 100%;
  left: 50%;
  top: 0;
  bottom: 55px;
  position: absolute;
  transform: translateX(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #333333;
}

.image-billboard .bottom-frame {
  position: absolute;
  bottom: -195px;
  width: 100%;
  height: 400px;
  background-image: url(../images/billboard_frame2.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  transform: none;
  z-index: 5;
  padding-bottom: 0;
}

.image-billboard.strips-masthead-page-title {
  margin-top: 0;
}

.image-billboard.strips-masthead-page-title .background {
  position: absolute;
  width: 100%;
  height: 100%;
}

.image-billboard.strips-masthead-page-title .background .dark-overlay {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(33, 33, 33, 0.5);
}

.image-billboard.strips-masthead-page-title .background img {
  width: 100%;
  height: 100%;
  object-fit:cover;
}

.image-billboard.strips-masthead-page-title .background1 {
  /* Display over the entire page */
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  /* Horizontal and vertical centering of the image */
  display: flex;
  align-items: center;
  text-align: center;
}

.image-billboard.strips-masthead-page-title .background1 img {
  /* Maximum image size */
  max-width: 90%;
  max-height: 90%;
  /* We keep the ratio of the image */
  width: auto;
  height: auto;
}

.image-billboard.strips-masthead-page-title .container,
.image-billboard.strips-masthead-page-title .container-flexi-page {
  padding-top: 72px;
  padding-bottom: 104px;
}

.image-billboard.strips-masthead-page-title .container .text,
.image-billboard.strips-masthead-page-title .container-flexi-page .text {
  width: 100%;
}

.image-billboard.with-user-picture .container .content,
.image-billboard.with-user-picture .container-flexi-page .content {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

@media (min-width: 520px) {
  .image-billboard.with-user-picture .container .content,
  .image-billboard.with-user-picture .container-flexi-page .content {
    flex-direction: row;
    margin-bottom: 5rem;
  }
}

@media (max-width: 520px) {
  .image-billboard.with-user-picture .container .content .user-picture,
  .image-billboard.with-user-picture .container-flexi-page .content .user-picture {
    display: block;
    width: 160px;
    margin: 0 auto 1.25rem;
  }
}

.image-billboard.with-user-picture .container .content .user-picture img,
.image-billboard.with-user-picture .container-flexi-page .content .user-picture img {
  width: 100%;
  height: auto;
}

.image-billboard.with-user-picture .container .content .text,
.image-billboard.with-user-picture .container-flexi-page .content .text {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 520px) {
  .image-billboard.with-user-picture .container .content .text,
  .image-billboard.with-user-picture .container-flexi-page .content .text {
    text-align: center;
  }
}

.image-billboard.with-user-picture .container .content .text #page-title,
.image-billboard.with-user-picture .container-flexi-page .content .text #page-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .image-billboard.with-user-picture .container .content .text #page-title,
  .image-billboard.with-user-picture .container-flexi-page .content .text #page-title {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .image-billboard.with-user-picture .container .content .text #page-title,
  .image-billboard.with-user-picture .container-flexi-page .content .text #page-title {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.image-billboard.with-user-picture .container .content .text .user-job,
.image-billboard.with-user-picture .container-flexi-page .content .text .user-job {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .image-billboard.with-user-picture .container .content .text .user-job,
  .image-billboard.with-user-picture .container-flexi-page .content .text .user-job {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .image-billboard.with-user-picture .container .content .text .user-job,
  .image-billboard.with-user-picture .container-flexi-page .content .text .user-job {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.image-billboard .user-picture {
  float: left;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px;
  line-height: 0;
  font-size: 0;
}

.gallery {
  background-color: #EBF0EE;
  box-sizing: border-box;
  padding: 4.125rem 0 0;
}

@media (min-width: 1024px) {
  .gallery {
    background-color: transparent;
  }
}

.gallery .container-flexi-page {
  padding: 3.5rem 0 2.75rem;
}

@media (min-width: 1024px) {
  .gallery .container-flexi-page {
    padding: 0;
  }
}

.gallery .gallery-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 768px) {
  .gallery .gallery-title {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-title {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-title {
    padding-left: 0;
    padding-right: 0;
  }
}

.gallery .owl-dots {
  margin-top: 1.875rem;
}

.gallery .owl-dots.disabled {
  margin-top: 0;
}

.gallery .owl-dots .owl-dot {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  border-radius: 50%;
  background-color: #989898;
  margin-right: 0.625rem;
  border: 0;
}

.gallery .owl-dots .owl-dot.active {
  background-color: #347586;
}

.gallery .owl-stage {
  display: flex;
}

.gallery .gallery-container {
  display: flex;
}

.gallery .owl-nav.disabled {
  display: none !important;
}

.gallery .gallery-right {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.gallery .gallery-right .owl-nav {
  position: absolute;
  top: 10.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 520px) {
  .gallery .gallery-right .owl-nav {
    top: 13.75rem;
  }
}

@media (min-width: 768px) {
  .gallery .gallery-right .owl-nav {
    top: 16.25rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-right .owl-nav {
    display: none;
  }
}

.gallery .gallery-right .owl-nav .owl-next {
  background: transparent;
  border: 0;
  border-top: 0.3125rem solid #CCCCCC;
  border-right: 0.3125rem solid #CCCCCC;
  width: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  box-sizing: border-box;
  padding: 0;
  transform: rotate(45deg);
  color: transparent;
  outline: none;
}

.gallery .gallery-right .owl-nav .owl-prev {
  background: transparent;
  border: 0;
  border-top: 5px solid #CCCCCC;
  border-right: 5px solid #CCCCCC;
  width: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  box-sizing: border-box;
  padding: 0;
  transform: rotate(-135deg);
  color: transparent;
  outline: none;
}

.gallery .gallery-right .gallery-item p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #333333;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  font-size: 1.125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 0;
  font-weight: 400;
}

@media (min-width: 768px) {
  .gallery .gallery-right .gallery-item p {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-right .gallery-item p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 520px) {
  .gallery .gallery-right .gallery-item p {
    font-size: 1.3125rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-right .gallery-item p {
    padding-left: 0;
    padding-right: 0;
  }
}

.gallery .gallery-right .gallery-item p a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #347586;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .gallery .gallery-right .gallery-item p a {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .gallery .gallery-right .gallery-item p a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.gallery .gallery-right .gallery-item p a:hover {
  text-decoration: underline;
}

.gallery .gallery-right .gallery-item .image {
  margin-bottom: 1.875rem;
  width: 100%;
  height: 21.25rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

@media (min-width: 520px) {
  .gallery .gallery-right .gallery-item .image {
    height: 27.5rem;
  }
}

@media (min-width: 768px) {
  .gallery .gallery-right .gallery-item .image {
    height: 33.75rem;
  }
}

.gallery .gallery-right .gallery-item .caption {
  display: block;
  padding: 0 1.25rem;
}

@media (min-width: 768px) {
  .gallery .gallery-right .gallery-item .caption {
    padding: 0 1.875rem;
  }
}

@media (min-width: 992px) {
  .gallery .gallery-right .gallery-item .caption {
    padding: 0;
  }
}

.gallery .gallery-left {
  width: 23.125rem;
  min-width: 23.125rem;
  overflow: hidden;
  margin-right: 1.875rem;
  display: none;
}

@media (min-width: 1024px) {
  .gallery .gallery-left {
    display: block;
  }
}

.gallery .gallery-left .gallery-page {
  width: 23.125rem;
  display: flex;
  flex-wrap: wrap;
}

.gallery .gallery-left .gallery-item {
  width: 10.5625rem;
  height: 7rem;
  min-width: 10.5625rem;
  margin-right: 1.875rem;
  margin-bottom: 1.875rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.gallery .gallery-left .gallery-item:nth-of-type(2n) {
  margin-right: 0;
}

.gallery .gallery-left .gallery-item:nth-of-type(7) {
  margin-bottom: 0;
}

.gallery .gallery-left .gallery-item:nth-of-type(8) {
  margin-bottom: 0;
}

.layout-sidebar-first .paragraph--type--image-with-caption {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 1.25rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 1.875rem;
}

@media (min-width: 768px) {
  .layout-sidebar-first .paragraph--type--image-with-caption {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  .layout-sidebar-first .paragraph--type--image-with-caption {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.layout-sidebar-first .paragraph--type--image-with-caption img {
  width: 100%;
  height: auto;
}

.paragraph--type--image-with-caption .field--name-field-image-with-caption-image {
  /* r55872: center images in the sidebar. */
  text-align: center;
}

.contact-message-form,
.webform-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .contact-message-form,
  .webform-main {
    width: 480px;
  }
}

.contact-message-form h2,
.webform-main h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .contact-message-form h2,
  .webform-main h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

@media (min-width: 1024px) {
  .contact-message-form h2,
  .webform-main h2 {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.contact-message-form h3,
.webform-main h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #333333;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .contact-message-form h3,
  .webform-main h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

@media (min-width: 1024px) {
  .contact-message-form h3,
  .webform-main h3 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.contact-message-form fieldset,
.webform-main fieldset {
  margin-left: 0;
  padding-left: 0;
}

.contact-message-form fieldset legend,
.webform-main fieldset legend {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCCCCC;
}

.contact-message-form fieldset legend .fieldset-legend,
.webform-main fieldset legend .fieldset-legend {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

.contact-message-form fieldset .fieldset-wrapper,
.webform-main fieldset .fieldset-wrapper {
  margin: 1rem 0;
}

.contact-message-form .form-item,
.webform-main .form-item {
  display: flex;
  flex-direction: column;
}

.contact-message-form .form-item label,
.webform-main .form-item label {
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.contact-message-form .form-item .description,
.webform-main .form-item .description {
  margin-bottom: 0.5rem;
}

.contact-message-form .form-item input,
.contact-message-form .form-item textarea,
.webform-main .form-item input,
.webform-main .form-item textarea {
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 1rem;
}

.contact-message-form .form-item .select2-container .select2-choices,
.contact-message-form .form-item .select2-container .select2-choice,
.webform-main .form-item .select2-container .select2-choices,
.webform-main .form-item .select2-container .select2-choice {
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 1rem;
  margin: 0;
  height: auto;
}

.contact-message-form .form-item .select2-container .select2-choices,
.webform-main .form-item .select2-container .select2-choices {
  background-image: none;
}

.contact-message-form .form-item .select2-container .select2-search-choice,
.webform-main .form-item .select2-container .select2-search-choice {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.contact-message-form .form-item.form-type-webform-markup p,
.webform-main .form-item.form-type-webform-markup p {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .contact-message-form .form-item.form-type-webform-markup p,
  .webform-main .form-item.form-type-webform-markup p {
    line-height: 1.5625rem;
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .contact-message-form .form-item.form-type-webform-markup p,
  .webform-main .form-item.form-type-webform-markup p {
    line-height: 1.875rem;
    font-size: 1.125rem;
  }
}

.contact-message-form .form-item.form-type-checkbox, .contact-message-form .form-item.form-type-radio,
.webform-main .form-item.form-type-checkbox,
.webform-main .form-item.form-type-radio {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.contact-message-form .form-item.form-type-checkbox input[type=radio],
.contact-message-form .form-item.form-type-checkbox input[type=checkbox], .contact-message-form .form-item.form-type-radio input[type=radio],
.contact-message-form .form-item.form-type-radio input[type=checkbox],
.webform-main .form-item.form-type-checkbox input[type=radio],
.webform-main .form-item.form-type-checkbox input[type=checkbox],
.webform-main .form-item.form-type-radio input[type=radio],
.webform-main .form-item.form-type-radio input[type=checkbox] {
  width: auto;
  max-width: none;
  margin-right: 1rem;
}

.contact-message-form .form-item.form-type-checkbox label, .contact-message-form .form-item.form-type-radio label,
.webform-main .form-item.form-type-checkbox label,
.webform-main .form-item.form-type-radio label {
  margin-bottom: 0;
}

.contact-message-form .form-actions,
.webform-main .form-actions {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .contact-message-form .form-actions,
  .webform-main .form-actions {
    flex-direction: row;
  }
}

.contact-message-form .form-actions .form-submit,
.webform-main .form-actions .form-submit {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1rem 0;
}

@media (min-width: 768px) {
  .contact-message-form .form-actions .form-submit,
  .webform-main .form-actions .form-submit {
    width: auto;
    max-width: none;
    margin: 0 1rem 0 0;
  }
}

.contact-message-form .form-actions .form-submit:last-child,
.webform-main .form-actions .form-submit:last-child {
  margin-right: 0;
}

#rc-imageselect,
.g-recaptcha {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

@media (max-width: 420px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
  }
}

@media (max-width: 360px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
  }
}

/*--------------------------------------------------------------
    STRIPES GLOBAL STYLES
--------------------------------------------------------------*/
/* === Stripes Margin Top & Bottom === */
.separator-strip {
  margin-top: 3.125rem;
}

.separator-strip hr {
  height: 2px;
  background-color: #EBF0EE;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .separator-strip hr {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .separator-strip hr {
    width: 1170px;
  }
}

.separator-strip hr.strip-greyline {
  background-color: #EBF0EE;
}

.separator-strip hr.strip-whitespace {
  background-color: #FFFFFF;
}

.node.node--view-mode-full > .node__content > .field__items > .field__item:first-child > *,
.page section.image-billboard.strips-masthead-page-title,
section.text-strip.attachments-strip .container-flexi-page,
.node__content > .field__items > .field__item:first-child section {
  margin-top: 0;
}

.paragraphs-items > .field > .field-items > .field-item:first-child section.image-billboard,
.node__content > .field__items > .field__item:first-child section.image-billboard {
  margin-top: 0;
  margin-bottom: 0;
}

.node__content > .field__items > .field__item:first-child section.image-billboard,
.node__content > .field__items > .field__item:first-child section.text-strip,
.node__content > .field__items > .field__item:first-child section.tile-listing,
.node__content > .field__items > .field__item:first-child section.half-and-half,
.node__content > .field__items > .field__item:first-child section.listing,
.node__content > .field__items > .field__item:first-child section.logo-strip,
.node__content > .field__items > .field__item:first-child section.statistics,
.node__content > .field__items > .field__item:first-child section.gallery,
.node__content > .field__items > .field__item:first-child .display-text .container-flexi-page,
.node__content > .field__items > .field__item:first-child .display-text.lined .container-flexi-page {
  margin-top: 0;
}

.text .field.field-name-field-title.field-type-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .text .field.field-name-field-title.field-type-text {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .text .field.field-name-field-title.field-type-text {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

.text #page-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 4rem;
  color: #333333;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 600;
  color: #FFFFFF;
  padding: 0px;
}

@media (min-width: 768px) {
  .text #page-title {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .text #page-title {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
}

* {
  box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #333333;
}

.timeline:after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #FFFFFF;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
  /* The circles on the timeline */
}

.timeline-container:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: #FFFFFF;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeline-left {
  left: 0;
  /* Add arrows to the left container (pointing right) */
}

.timeline-left:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #FFFFFF;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #FFFFFF;
}

/* Place the container to the right */
.timeline-right {
  left: 50%;
  /* Add arrows to the right container (pointing left) */
  /* Fix the circle for containers on the right side */
}

.timeline-right:before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #FFFFFF;
  border-width: 10px 10px 10px 0;
  border-color: transparent #FFFFFF transparent transparent;
}

.timeline-right:after {
  left: -16px;
}

/* The actual content */
.timeline-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media (max-width: 640px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }
  /* Full-width containers */
  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    /* Make sure that all arrows are pointing leftwards */
  }
  .timeline-container:before {
    left: 60px;
    border: medium solid #FFFFFF;
    border-width: 10px 10px 10px 0;
    border-color: transparent #FFFFFF transparent transparent;
  }
  /* Make sure all circles are at the same spot */
  .timeline-left::after,
  .timeline-right::after {
    left: 15px;
  }
  /* Make all right containers behave like the left ones */
  .timeline-right {
    left: 0%;
  }
}

/* Increase spacing between title and youtube iframe */
p iframe {
  margin-top: 10px;
}

/* Half and half youtube and caption float */
@media (min-width: 1024px) {
  .youtube-container {
    padding: 10px;
    background-color: #EBF0EE;
    position: relative;
  }
  .youtube-movie {
    width: 50%;
  }
  .youtube-container .youtube-caption {
    padding: 50px 30px;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
  }
}

@media (max-width: 768px) {
  #node-23843 .field-item.even .image-billboard {
    display: none;
  }
  #node-23843 .field-item.odd .image-billboard {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  #node-23843 .field-item.odd .image-billboard {
    display: none;
  }
}

/* r54669: Staff listing page (views) */
.view-display-id-staff_listing_page > .view-content {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 0;
  grid-row-gap: 2rem;
}

@media (min-width: 420px) {
  .view-display-id-staff_listing_page > .view-content {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 0;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .view-display-id-staff_listing_page > .view-content {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2rem;
  }
}

@media (min-width: 1200px) {
  .view-display-id-staff_listing_page > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 2rem;
  }
}

.view-staff-pages .views-row {
  width: 100%;
  margin-bottom: 30px;
}

.layout-sidebar-first .view-staff-pages .views-row {
  width: 100%;
}

.view-staff-pages .form--inline {
  max-width: 100%;
  float: right;
}

@media (min-width: 520px) {
  .view-staff-pages .form--inline {
    max-width: 72%;
  }
}

@media (min-width: 640px) {
  .view-staff-pages .form--inline {
    width: 80%;
  }
}

.view-staff-pages .more-link {
  border-width: 1px;
  display: inline-block;
  margin-right: 18px;
}

@media (min-width: 520px) {
  .view-staff-pages .more-link {
    display: none;
  }
}

.view-staff-pages .more-link.fake {
  display: none;
  padding: 4px 10px;
  max-width: 24%;
}

@media (min-width: 520px) {
  .view-staff-pages .more-link.fake {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .view-staff-pages .more-link.fake {
    padding: 5px 15px;
  }
}

.view-staff-pages .view-filters {
  width: 100%;
}

@media (min-width: 1200px) {
  .view-staff-pages .view-filters {
    max-width: 45%;
  }
}

.view-staff-pages .view-filters .button.form-submit {
  padding: 5px 15px;
}

.view-staff-pages .view-display-id-staff_listing_index {
  margin-top: 32px;
  overflow: hidden;
}

.view-staff-pages .view-display-id-staff_listing_index > .view-content {
  margin-bottom: 48px;
  float: right;
  text-align: left;
  color: #347586;
  max-width: 55%;
}

.view-staff-pages .view-display-id-staff_listing_index > .view-content a {
  color: #347586;
}

.view-staff-pages .view-display-id-staff_listing_index > .view-content a:hover {
  border-bottom: 1px solid #347586;
}

@media (min-width: 400px) {
  .view-staff-pages .view-display-id-staff_listing_index > .view-content {
    max-width: 55%;
  }
}

@media (min-width: 520px) {
  .view-staff-pages .view-display-id-staff_listing_index > .view-content {
    max-width: 87%;
  }
}

@media (min-width: 667px) {
  .view-staff-pages .view-display-id-staff_listing_index > .view-content {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .view-staff-pages .view-display-id-staff_listing_index > .view-content {
    text-align: right;
    width: 80%;
  }
}

.view-staff-pages .view-display-id-staff_listing_index .views-summary {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 400;
  margin-right: 5px;
}

@media (min-width: 1200px) {
  .view-staff-pages .view-display-id-staff_listing_index .views-summary {
    margin-right: 0;
  }
}

@media (max-width: 420px) {
  .view-staff-pages .view-display-id-staff_listing_index {
    display: block;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .view-staff-pages .view-display-id-staff_listing_index {
    margin-top: 10px;
  }
}

.view-display-id-staff_listing_page .view-composed-header > .attachment-before {
  display: inline-block;
}

@media (min-width: 640px) {
  .view-display-id-staff_listing_page .view-composed-header > .attachment-before {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .view-display-id-staff_listing_page .view-composed-header > .attachment-before {
    width: 55%;
    float: right;
  }
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters {
  display: inline-block;
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters .form-item {
  margin: 0;
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters .form-type-textfield {
  display: inline-block;
}

@media (min-width: 640px) {
  .view-display-id-staff_listing_page .view-composed-header > .view-filters .form-type-textfield {
    width: 100%;
  }
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters .form-type-textfield input {
  border-radius: 28px;
  border-color: #989898;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 400;
  padding-left: 48px;
  padding-bottom: 9px;
  width: 100%;
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters .form-type-textfield:before {
  background: url(../images/search_button_gray.svg) no-repeat left center;
  width: 24px;
  height: 25px;
  content: " ";
  position: absolute;
  margin-top: 9px;
  margin-left: 15px;
}

.view-display-id-staff_listing_page .view-composed-header > .view-filters .form-actions {
  display: inline-block;
  float: right;
  margin: -42px 0 0 0;
}

@media (min-width: 1200px) {
  .view-display-id-staff_listing_page .view-composed-header {
    overflow: hidden;
    display: block;
  }
}

@media (max-width: 420px) {
  .view-display-id-staff_listing_page {
    padding: 0;
  }
}

/* Views pager links */
.pager__item {
  padding: 0.3em;
}

.pager__item a {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #347586;
}

.pager__item a:hover {
  border-bottom: 1px solid #347586;
}

.pager__item.is-active a {
  font-weight: 600;
  color: #333333;
}

.pager__item.is-active a:hover {
  border-bottom: 1px solid #333333;
}

.pager__item--first a,
.pager__item--previous a,
.pager__item--next a,
.pager__item--last a {
  border-bottom: 1px solid #347586;
}

/* Project menu block in right sidebar */
.project-menu {
  background-color: transparent;
}

.project-menu h2.title {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 5px solid #EBF0EE;
}

.project-menu .block-book-navigation ul.menu {
  margin: 0;
  display: block;
  list-style: none;
}

.project-menu .block-book-navigation ul.menu li {
  display: block;
}

.project-menu .block-book-navigation ul.menu li.menu-item {
  margin: 0;
  padding: 0;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
}

.project-menu .block-book-navigation ul.menu li.menu-item a {
  display: block;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  font-weight: 600;
  padding: 1rem;
  border-bottom: 1px solid #333333;
}

.project-menu .block-book-navigation ul.menu li.menu-item a:hover {
  text-decoration: underline;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed {
  position: relative;
  border-bottom: 0px;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded:after, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed:after {
  display: block;
  content: ' ';
  width: 9px;
  height: 6px;
  position: absolute;
  top: 25px;
  right: 10px;
  background: url(../images/black-arrow-up.png) no-repeat scroll center center transparent;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--is-active:after, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--is-active:after {
  background: url(../images/turquoise-arrow-up.png) scroll center center transparent;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded > a, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed > a {
  padding-right: 1rem;
  border-bottom: 0px;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail > a, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--active-trail > a {
  opacity: 1;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail .menu-item-leaf, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--active-trail .menu-item-leaf {
  position: relative;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail .menu-item-leaf > a, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--active-trail .menu-item-leaf > a {
  padding-left: 2rem;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail .menu-item-leaf > a:before, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--active-trail .menu-item-leaf > a:before {
  display: block;
  content: ' ';
  width: 6px;
  height: 9px;
  position: absolute;
  top: 20px;
  left: 15px;
  background: url(../images/black-arrow-right.png) scroll center center transparent;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--expanded.menu-item--active-trail .menu-item-leaf.menu-item--is-active > a:before, .project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed.menu-item--active-trail .menu-item-leaf.menu-item--is-active > a:before {
  background: url(../images/turquoise-arrow-right.png) scroll center center transparent;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--is-active > a {
  background-color: #EBF0EE;
  color: #347586;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed {
  border-bottom: 1px solid #333333;
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--collapsed:after {
  background-image: url(../images/black-arrow-down.png);
}

.project-menu .block-book-navigation ul.menu li.menu-item.menu-item--active-trail > a {
  font-weight: 600;
}

.project-menu .block-book-navigation > .menu > li.menu-item:last-child:not(.menu-item--expanded) > a, .project-menu .block-book-navigation > .menu > li.menu-item:last-child:not(.menu-item--collapsed) > a {
  margin: 0;
}

details.collapse-text-details > summary > span {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.75rem;
  color: #347586;
}


#mapContainer {
  font-size: 10px;
}
#mapContainer a {
  font-size: smaller;
}

/* add some top padding to the table view */
div.view-content {
  padding-top: 3px;
}

/* Targeting all tables in views */
table {
  /* Your custom styles go here */
  width: 100%;
  border-collapse: collapse;
}

thead th {
  text-transform: uppercase;
  color: #333;
  border: solid #bfbfba;
  border-width: 1px 0;
  background: #f5f5f2;
  padding: 15px;
  font-size: larger;
}

/* add border to the table boxes and add padding to leave some space between text and table. also align text to left */
table td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 15px;
}

/* add striped pattern to dataset list */
table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}


.region-content a {
  color: #2F7ECE;
}

/*end of table code */

/* Re-style input Buttons*/
/* input[type=button], input[type=submit], input[type=reset] {
border: 1px solid #989898;
border-radius: 20px;
display: inline-block;
padding-top: 5px;
padding: 7px 20px;
margin: auto;
font-family: "Montserrat",sans-serif;
font-weight: 400;
font-size: 1.3125rem;
line-height: 1.8125rem;
color: #333333;
background-color: #FFFFFF;
outline: none;
  width: auto;          
  max-width: 100%;
} */
section.text-strip .container ul li,
section.text-strip .container ol li,
section.text-strip .container-flexi-page ul li,
section.text-strip .container-flexi-page ol li {
  background: none no-repeat scroll 0 0.5rem;
  background-image: url(../images/bullet.svg);
  margin: 0 0 1rem;
}

/* disable label for search bar in subtheme*/
label[for="edit-search-api-fulltext"],
label[for="edit-search-api-fulltext--2"] {
  display: none;
}

/*  shorten search bar width  */
@media (min-width: 601px) {
  .masthead .views-exposed-form .form--inline div {
      width: 150px;
  }
}

.sitemap-item ul {
  margin: 0.25em 0 0.25em 1.5em;
  list-style-type: disc;
}

.sitemap-item li {
  font-size: large;
}

.sitemap-item h2 {
    font-size: xx-large;
    padding-bottom: 20px;
}