@charset "UTF-8";
/**************************************************
 *  Helpers
 **************************************************/
/*********************************************
 UNITS
*********************************************/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?gb9zgw");
  src: url("../fonts/icomoon/icomoon.eot?gb9zgw#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff2?gb9zgw") format("woff2"), url("../fonts/icomoon/icomoon.ttf?gb9zgw") format("truetype"), url("../fonts/icomoon/icomoon.woff?gb9zgw") format("woff"), url("../fonts/icomoon/icomoon.svg?gb9zgw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icomoon, .matrix-filter-wrapper > .field-facets-row-1 > .block-facets.facet-active button.facet-select:after, .node--view-mode-full .field-links ul li a:after, .field.field-website:after, body .quotebox-wrapper blockquote:after, .field.field-mobile:after, .block-facets ul li [type=checkbox]:checked + label:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone:after, .field.field-phone:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email:after, .field.field-email:after, .block-socialmediafeed.block-socialmediainstagramfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:before, .video-embed-field-lazy .video-embed-field-lazy-play:before, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-youtube a:before, .block-socialmediafeed.block-socialmedialinkedinfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-linkedin a:before, .field.octo-share-links .social-link.linkedin a:before, .block-socialmediafeed.block-socialmediatwitterfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-twitter a:before, .field.octo-share-links .social-link.twitter a:before, .block-socialmediafeed.block-socialmediafacebookfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-facebook a:before, .field.octo-share-links .social-link.facebook a:before, .media--type-document .field-media-document a:after, .node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-media-document a:before, .node--view-mode-teaser .field-media-document a:after, .node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-media-document a:after, .node--view-mode-full .field-media-document a:after, .feed-icons a.feed-icon:after, .matrix-filter-mobile > .field-facets-row-1 > .block-facets button.facet-select:after, .node--view-mode-square.node--type-page > .inner:before, .paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a:after, .node--view-mode-ckeditor-embed .node-link a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h3 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h3 a:after, body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a:after, .main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after, body .btn-tertiary:after, body .btn-secondary:after, #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title:after, .matrix-filter-wrapper > .field-facets-row-1 > .block-facets.facet-inactive button.facet-select:after, .main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after, .region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after, .collapsible-section[aria-expanded=false]:after, #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title.active:after, .main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after, .region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded.ot-expanded > .ot-button-wrapper > .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded.ot-expanded > .ot-button-wrapper > .ot-menu-button:after, .collapsible-section[aria-expanded=true]:after, .matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a:after, .matrix-filter-mobile > .close-matrix-mobile-filter:after, .matrix-filter-overlay > .overlay-header > .close-matrix-overlay:after, body .factbox-wrapper.ck-iscollapsed:after, .field.octo-share-links .social-link.print a:before, .field.octo-share-links .social-link.mail a:before,
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.field.octo-share-links .social-link.mail a:before {
  content: "";
}

.field.octo-share-links .social-link.print a:before {
  content: "";
}

.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a:after, .matrix-filter-mobile > .close-matrix-mobile-filter:after, .matrix-filter-overlay > .overlay-header > .close-matrix-overlay:after, body .factbox-wrapper.ck-iscollapsed:after {
  content: "";
}

#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title.active:after, .main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after, .region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded.ot-expanded > .ot-button-wrapper > .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded.ot-expanded > .ot-button-wrapper > .ot-menu-button:after, .collapsible-section[aria-expanded=true]:after {
  content: "";
}

#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title:after, .matrix-filter-wrapper > .field-facets-row-1 > .block-facets.facet-inactive button.facet-select:after, .main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after, .region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after, .collapsible-section[aria-expanded=false]:after {
  content: "";
}

.matrix-filter-mobile > .field-facets-row-1 > .block-facets button.facet-select:after, .node--view-mode-square.node--type-page > .inner:before, .paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a:after, .node--view-mode-ckeditor-embed .node-link a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h3 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h3 a:after, body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a:after, .main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after, body .btn-tertiary:after, body .btn-secondary:after {
  content: "";
}

.media--type-document .field-media-document a:after, .node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-media-document a:before, .node--view-mode-teaser .field-media-document a:after, .node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-media-document a:after, .node--view-mode-full .field-media-document a:after, .feed-icons a.feed-icon:after {
  content: "";
}

.block-socialmediafeed.block-socialmediafacebookfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-facebook a:before, .field.octo-share-links .social-link.facebook a:before {
  content: "";
}

.block-socialmediafeed.block-socialmediatwitterfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-twitter a:before, .field.octo-share-links .social-link.twitter a:before {
  content: "";
}

.block-socialmediafeed.block-socialmedialinkedinfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-linkedin a:before, .field.octo-share-links .social-link.linkedin a:before {
  content: "";
}

.video-embed-field-lazy .video-embed-field-lazy-play:before, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-youtube a:before {
  content: "";
}

.block-socialmediafeed.block-socialmediainstagramfeed-block > h2:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:before {
  content: "";
}

body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email:after, .field.field-email:after {
  content: "";
}

body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone:after, .field.field-phone:after {
  content: "";
}

.block-facets ul li [type=checkbox]:checked + label:after {
  content: "";
}

.field.field-mobile:after {
  content: "";
}

body .quotebox-wrapper blockquote:after {
  content: "";
}

.field.field-website:after {
  content: "";
}

.node--view-mode-full .field-links ul li a:after {
  content: "";
}

.matrix-filter-wrapper > .field-facets-row-1 > .block-facets.facet-active button.facet-select:after {
  content: "";
}

/**************************************************
 *  Base
 **************************************************/
html {
  box-sizing: border-box;
}

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

body,
figure {
  margin: 0;
  padding: 0;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
}
body img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
body table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  font-size: 0.9rem;
  line-height: 1.3em;
}
body table:last-child {
  margin-bottom: 0;
}
body table th, body table td {
  text-align: left;
  padding: 6px;
  vertical-align: top;
}
body table th {
  background-color: #30658D;
  color: #ffffff;
  font-weight: 700;
}
body caption,
body figcaption {
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.2em;
  margin-bottom: 24px;
}
body caption:last-child,
body figcaption:last-child {
  margin-bottom: 0;
}
body video {
  max-width: 100%;
}

.hide-contextual .contextual,
.ot-hide-contextual .contextual {
  display: none;
}

.status-unpublished:not(.node-89) {
  outline: dashed 3px red;
  background-color: #ffd3d3 !important;
  position: relative;
}
.status-unpublished:not(.node-89):after {
  content: "IKKE UDGIVET";
  display: block;
  color: #ffffff;
  background: red;
  padding: 0 12px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.375em;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 20;
}

.node-89.status-unpublished.node--view-mode-full {
  background-color: transparent !important;
}

body.maintenance-page {
  margin: 24px 0;
}
body.maintenance-page header {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  text-align: center;
  margin-bottom: 48px;
}
@media screen and (min-width: 992px) {
  body.maintenance-page header {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  body.maintenance-page header {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  body.maintenance-page header {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  body.maintenance-page header {
    width: 1440px;
  }
}
body.maintenance-page header > a {
  text-align: center;
}
body.maintenance-page header > a img {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  body.maintenance-page header > a img {
    width: 20%;
  }
}
body.maintenance-page header h1 {
  display: none;
}
body.maintenance-page main {
  text-align: center;
}
@media screen and (max-width: 768px) {
  body.maintenance-page main h1 {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  body.maintenance-page main {
    font-size: 0.9rem;
    line-height: 1.33em;
  }
}

#view-field-part-id-table-column {
  width: 10%;
}

#view-field-section-ref-table-column {
  width: 15%;
}

#view-field-paragraph-ref-table-column {
  width: 20%;
}

#view-field-human-right-ref-table-column {
  width: 10%;
}

#view-field-human-right-theme-ref-table-column {
  width: 15%;
}

#view-field-instrument-abrreviation-table-column {
  width: 10%;
}

#view-field-article-text-table-column {
  width: 20%;
}

#views-exposed-form-vggt-matrix-embed-matrix > .form--inline > .js-form-item {
  width: 28%;
  float: left;
  margin-right: 4%;
}

#edit-actions {
  width: 100%;
  float: left;
  margin-top: 24px;
}

input#edit-search {
  height: 35px;
  border-color: black;
}

@media screen and (min-width: 992px) {
  body .region form .form-item select {
    width: auto;
    max-width: 100%;
  }
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-sans/source-sans-pro-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans/source-sans-pro-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans/source-sans-pro-v18-latin-regular.woff2") format("woff2"), url("../fonts/source-sans/source-sans-pro-v18-latin-regular.woff") format("woff"), url("../fonts/source-sans/source-sans-pro-v18-latin-regular.ttf") format("truetype"), url("../fonts/source-sans/source-sans-pro-v18-latin-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-sans/source-sans-pro-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans/source-sans-pro-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans/source-sans-pro-v18-latin-italic.woff2") format("woff2"), url("../fonts/source-sans/source-sans-pro-v18-latin-italic.woff") format("woff"), url("../fonts/source-sans/source-sans-pro-v18-latin-italic.ttf") format("truetype"), url("../fonts/source-sans/source-sans-pro-v18-latin-italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-sans/source-sans-pro-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans/source-sans-pro-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans/source-sans-pro-v18-latin-700.woff2") format("woff2"), url("../fonts/source-sans/source-sans-pro-v18-latin-700.woff") format("woff"), url("../fonts/source-sans/source-sans-pro-v18-latin-700.ttf") format("truetype"), url("../fonts/source-sans/source-sans-pro-v18-latin-700.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.woff2") format("woff2"), url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.woff") format("woff"), url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.ttf") format("truetype"), url("../fonts/source-sans/source-sans-pro-v18-latin-700italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Pengea";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/pengea/Pangea-Regular.woff2") format("woff2"), url("../fonts/pengea/Pangea-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/pengea/Pangea-Italic.woff2") format("woff2"), url("../fonts/pengea/Pangea-Italic.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../fonts/pengea/Pangea-Medium.woff2") format("woff2"), url("../fonts/pengea/Pangea-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: italic;
  font-weight: 500;
  src: local(""), url("../fonts/pengea/Pangea-MediumItalic.woff2") format("woff2"), url("../fonts/pengea/Pangea-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../fonts/pengea/Pangea-SemiBold.woff2") format("woff2"), url("../fonts/pengea/Pangea-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: italic;
  font-weight: 600;
  src: local(""), url("../fonts/pengea/Pangea-SemiBoldItalic.woff2") format("woff2"), url("../fonts/pengea/Pangea-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/pengea/Pangea-Light.woff2") format("woff2"), url("../fonts/pengea/Pangea-Light.woff") format("woff");
}
@font-face {
  font-family: "Pengea";
  font-style: italic;
  font-weight: 300;
  src: local(""), url("../fonts/pengea/Pangea-LightItalic.woff2") format("woff2"), url("../fonts/pengea/Pangea-LightItalic.woff") format("woff");
}
body {
  font-size: 18px;
  line-height: 1.55em;
  font-family: "Pengea";
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Pengea";
  margin-top: 0;
}
body h1, body h2 {
  margin-bottom: 24px;
}
body h1:last-child, body h2:last-child {
  margin-bottom: 0;
}
body h3, body h4, body h5, body h6 {
  margin-bottom: 12px;
}
body h3:last-child, body h4:last-child, body h5:last-child, body h6:last-child {
  margin-bottom: 0;
}
body h1 {
  font-size: 2rem;
  line-height: 1.3em;
}
@media screen and (min-width: 992px) {
  body h1 {
    font-size: 3rem;
  }
}
body h2 {
  font-size: 1.5rem;
  line-height: 1.2em;
}
@media screen and (min-width: 992px) {
  body h2 {
    font-size: 2rem;
  }
}
body h3 {
  font-size: 1.17rem;
  line-height: 1.2em;
}
@media screen and (min-width: 992px) {
  body h3 {
    font-size: 1.5rem;
  }
}
body h4 {
  font-size: 1rem;
}
body h5 {
  font-size: 0.83rem;
}
body h6 {
  font-size: 0.67rem;
}
body p {
  margin-top: 0;
  margin-bottom: 24px;
}
body p > sub,
body p > sup {
  font-size: 0.675rem;
}
body p:last-child {
  margin-bottom: 0;
}
body a {
  color: #162e41;
  transition: color 0.2s linear;
}
body a:hover {
  color: #30658D;
}

.cc-banner {
  border-top: 1px solid #8EC7B8;
}

.cc-banner .cc-btn {
  font-weight: bold;
  transition: background 0.2s linear;
  padding: 0.4em 2.8em;
  border-radius: 4px;
}

.cke_panel_listItem a * {
  font-size: 0.875rem;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

body {
  /*** backend ***/
}
body.cke_editable {
  padding: 20px 40px;
}
body.cke_editable > ul {
  list-style: none;
  padding: 0;
}
body.cke_editable > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body.cke_editable > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body.cke_editable > ul > li:last-child {
  margin-bottom: 0;
}
body.cke_editable > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
body.cke_editable > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body.cke_editable > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4fa18b;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body.cke_editable > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
body.cke_editable > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
body.cke_editable > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
body.cke_editable > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #8EC7B8;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
body.cke_editable > ol > li:last-child {
  margin-bottom: 0;
}
body.cke_editable > ol > li > ul {
  margin-top: 6px;
}
body.cke_editable > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
body.cke_editable > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
body.cke_editable .factbox-wrapper {
  background: #f5f5f5;
  color: #000000;
  padding: 24px;
}
body.cke_editable .factbox-wrapper.ck-iscollapsed > .factbox > .factbox-content:after {
  display: none;
}
body.cke_editable dl {
  border-color: #4fa18b;
}
body.cke_editable dl dt {
  background-color: #30658D;
  border-color: #4fa18b;
  border-style: solid;
  color: #ffffff;
}
body.cke_editable dl dd {
  border-style: solid;
  border-color: #eeeeee;
}
body.cke_editable drupal-media {
  margin-bottom: 24px;
}
body.cke_editable drupal-media.cke_widget_element {
  width: 100%;
}
body.cke_editable .quotebox-wrapper.align-left {
  width: 50%;
  margin-right: 24px;
  float: left;
}
body.cke_editable .quotebox-wrapper.align-right {
  width: 50%;
  margin-right: 24px;
  float: right;
}
body.cke_editable .quotebox-wrapper.align-center {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}
body.cke_editable .node--view-mode-ckeditor-embed.node--type-event > .inner > .alpha, body.cke_editable .node--view-mode-ckeditor-embed.node--type-person > .inner > .alpha, body.cke_editable .node--view-mode-ckeditor-embed.node--type-member > .inner > .alpha {
  width: calc(15% - 12px);
}
body.cke_editable .node--view-mode-ckeditor-embed.node--type-event > .inner > .beta, body.cke_editable .node--view-mode-ckeditor-embed.node--type-person > .inner > .beta, body.cke_editable .node--view-mode-ckeditor-embed.node--type-member > .inner > .beta {
  width: calc(85% - 12px);
}
body.cke_editable .node--view-mode-ckeditor-embed > .inner {
  display: flex;
  flex-wrap: wrap;
}
body.cke_editable .node--view-mode-ckeditor-embed > .inner > .alpha {
  width: calc(30% - 12px);
  margin-right: 12px;
}
body.cke_editable .node--view-mode-ckeditor-embed > .inner > .alpha .media {
  margin-bottom: 0;
}
body.cke_editable .node--view-mode-ckeditor-embed > .inner > .beta {
  width: calc(70% - 12px);
  margin-left: 12px;
  padding: 12px 24px 12px 0;
}
body .quotebox-wrapper,
body .factbox-wrapper {
  margin-bottom: 24px;
}
body .quotebox-wrapper:last-child,
body .factbox-wrapper:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  body .quotebox-wrapper.ck-narrow,
body .factbox-wrapper.ck-narrow {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  body .quotebox-wrapper.align-right,
body .factbox-wrapper.align-right {
    margin-left: 24px;
  }
}
@media screen and (min-width: 768px) {
  body .quotebox-wrapper.align-left,
body .factbox-wrapper.align-left {
    margin-right: 24px;
  }
}
body .quotebox-wrapper.ck-hidecaption figcaption,
body .factbox-wrapper.ck-hidecaption figcaption {
  display: none;
}
body .quotebox-wrapper figcaption,
body .factbox-wrapper figcaption {
  margin: 24px 0 0;
  font-weight: 300;
}
body .quotebox-wrapper {
  margin-top: 12px;
  padding: 24px;
  background: #f5f5f5;
}
body .quotebox-wrapper.align-left blockquote, body .quotebox-wrapper.align-right blockquote, body .quotebox-wrapper.align-center blockquote {
  text-align: center;
  padding-top: 60px;
}
body .quotebox-wrapper.align-left blockquote:after, body .quotebox-wrapper.align-right blockquote:after, body .quotebox-wrapper.align-center blockquote:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  display: block;
  text-align: center;
  margin: 0;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-left blockquote:after, body .quotebox-wrapper.align-right blockquote:after, body .quotebox-wrapper.align-center blockquote:after {
    margin-bottom: 24px;
  }
}
body .quotebox-wrapper.align-left figcaption, body .quotebox-wrapper.align-right figcaption, body .quotebox-wrapper.align-center figcaption {
  text-align: center;
}
body .quotebox-wrapper.align-left {
  float: none;
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-left {
    float: left;
  }
}
body .quotebox-wrapper.align-right {
  float: none;
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-right {
    float: right;
  }
}
body .quotebox-wrapper.align-standard {
  text-align: center;
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-standard {
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-standard blockquote {
    padding-left: 96px;
  }
}
body .quotebox-wrapper.align-standard blockquote:after {
  display: block;
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-standard blockquote:after {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  body .quotebox-wrapper.align-standard figcaption {
    padding-left: 96px;
  }
}
body .quotebox-wrapper.ck-hidecaption blockquote {
  margin-bottom: 0;
}
body .quotebox-wrapper .quotebox {
  margin-bottom: 0;
}
body .quotebox-wrapper blockquote {
  margin: 0;
  margin-bottom: 24px;
  position: relative;
  font-size: 1.375rem;
  line-height: 1.55em;
}
body .quotebox-wrapper blockquote:last-child {
  margin-bottom: 0;
}
body .quotebox-wrapper blockquote:after {
  color: #8EC7B8;
  font-size: 3rem;
  margin: 0 12px 12px 0;
}
body .quotebox-wrapper blockquote p {
  display: inline;
}
body .quotebox-wrapper .quotebox-caption {
  margin-top: 0;
  color: #000000;
}
body .quotebox-wrapper.ck-alternative {
  background: #4fa18b;
  color: #ffffff;
}
body .quotebox-wrapper.ck-alternative blockquote:before {
  color: #ffffff;
}
body .quotebox-wrapper.ck-alternative .quotebox-caption {
  color: #000000;
}
body .factbox-wrapper {
  background: #f5f5f5;
  color: #000000;
  padding: 0;
}
@media screen and (min-width: 768px) {
  body .factbox-wrapper {
    padding: 24px;
  }
}
body .factbox-wrapper figure.factbox {
  padding: 12px;
  margin-bottom: 0;
}
body .factbox-wrapper .factbox-title {
  font-size: 1.5rem;
  text-align: center;
  position: relative;
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 12px;
}
body .factbox-wrapper .factbox-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  height: 1px;
  width: 35px;
  background-color: #8EC7B8;
}
@media screen and (min-width: 768px) {
  body .factbox-wrapper .factbox-title {
    font-size: 2rem;
  }
}
body .factbox-wrapper .factbox-title:after {
  background-color: #000000;
}
body .factbox-wrapper .factbox-content {
  font-size: 1rem;
  line-height: 1.55em;
}
body .factbox-wrapper .factbox-content > ul {
  list-style: none;
  padding: 0;
}
body .factbox-wrapper .factbox-content > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body .factbox-wrapper .factbox-content > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4fa18b;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body .factbox-wrapper .factbox-content > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper .factbox-content > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
body .factbox-wrapper .factbox-content > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body .factbox-wrapper .factbox-content > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body .factbox-wrapper .factbox-content > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper .factbox-content > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
body .factbox-wrapper .factbox-content > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
body .factbox-wrapper .factbox-content > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #4fa18b;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
body .factbox-wrapper .factbox-content > ol > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper .factbox-content > ol > li > ul {
  margin-top: 6px;
}
body .factbox-wrapper .factbox-content > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
body .factbox-wrapper .factbox-content > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper .factbox-content a {
  color: #000000;
}
body .factbox-wrapper.ck-narrow .factbox-title {
  font-size: 1.5rem;
}
body .factbox-wrapper.ck-iscollapsed {
  position: relative;
  padding-bottom: 48px;
}
body .factbox-wrapper.ck-iscollapsed:after {
  width: 32px;
  height: 32px;
  display: block;
  font-size: 10px;
  border: 1px solid #30658D;
  background: #30658D;
  border-radius: 50%;
  padding: 10px;
  bottom: 24px;
  position: absolute;
  left: 50%;
  color: #ffffff;
  transform: translateX(-50%) rotate(45deg);
  -webkit-transition: all 0.3s linear;
}
body .factbox-wrapper.ck-iscollapsed > .factbox {
  overflow: hidden;
  margin-bottom: 12px;
}
body .factbox-wrapper.ck-iscollapsed > .factbox > .factbox-content {
  position: relative;
}
body .factbox-wrapper.ck-iscollapsed > .factbox > .factbox-content:after {
  content: "";
  display: block;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0), whitesmoke 60%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
body .factbox-wrapper.ck-iscollapsed > .factbox.open > .factbox-content:after {
  opacity: 0;
}
body .factbox-wrapper.ck-iscollapsed.open:after {
  transform: translateX(-50%) rotate(270deg);
}
body .factbox-wrapper.ck-alternative {
  background: #4fa18b;
  color: #ffffff;
}
body .factbox-wrapper.ck-alternative .factbox-title:after {
  background-color: #ffffff;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul {
  list-style: none;
  padding: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #d3e9e3;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #8EC7B8;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li > ul {
  margin-top: 6px;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
body .factbox-wrapper.ck-alternative .factbox-content > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
body .factbox-wrapper.ck-alternative .factbox-content a {
  color: #ffffff;
}
body .factbox-wrapper.ck-alternative.ck-iscollapsed:after {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
body .factbox-wrapper.ck-alternative.ck-iscollapsed > .factbox > .factbox-content:after {
  background: linear-gradient(to bottom, rgba(79, 161, 139, 0), #4fa18b 60%);
}
body .ckeditor-schedule {
  border: 1px solid #757575;
  margin-bottom: 24px;
  font-size: 1rem;
}
body .ckeditor-schedule:after {
  content: "";
  display: block;
  clear: both;
}
body .ckeditor-schedule .head {
  padding: 12px 24px;
  border-bottom: 1px solid #757575;
  background: #8EC7B8;
  color: #ffffff;
}
body .ckeditor-schedule ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body .ckeditor-schedule ul li {
  border-bottom: 1px solid #757575;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
body .ckeditor-schedule ul li:last-child {
  border-bottom: 0;
}
body .ckeditor-schedule ul li .item-time {
  width: 30%;
  padding: 12px 24px;
}
body .ckeditor-schedule ul li .item-description {
  width: 70%;
  padding: 12px 24px;
  border-left: 1px solid #757575;
}
body .ckeditor-accordion-container {
  margin-bottom: 24px;
}
body .ckeditor-accordion-container:last-child {
  margin-bottom: 0;
}
body .ckeditor-accordion-container dl {
  margin: 0;
  border-color: #4fa18b;
}
body .ckeditor-accordion-container dl dt > a {
  background-color: #30658D;
  text-decoration: none;
  border-color: #4fa18b;
  padding: 12px 24px;
  padding-left: 48px;
  font-weight: 700;
}
body .ckeditor-accordion-container dl dt > a:hover {
  background-color: #30658D;
}
body .ckeditor-accordion-container dl dt.active > a {
  background-color: #30658D;
}
body .ckeditor-accordion-container dl dd {
  padding: 12px 24px;
  font-size: 1rem;
  line-height: 1.55em;
}
body figure {
  margin-bottom: 24px;
}
body figure figcaption {
  margin: 5px 0;
}
body .button-small {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
body .button-small:hover {
  background-color: #162e41;
  color: #ffffff;
}
body .button-large {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
body .button-large:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  body .button-large {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
body .btn-primary {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
body .btn-primary:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  body .btn-primary {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
body .btn-secondary {
  background: #30658D;
  color: #ffffff;
  padding: 8px 24px;
  padding-right: 40.8px;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
}
body .btn-secondary:hover {
  background-color: #162e41;
  color: #ffffff;
}
body .btn-secondary:after {
  display: block;
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: right 0.2s linear;
}
body .btn-secondary:hover:after {
  right: 8px;
}
body .btn-tertiary {
  background: #30658D;
  color: #ffffff;
  padding: 8px 24px;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
}
body .btn-tertiary:hover {
  background-color: #162e41;
  color: #ffffff;
}
body .btn-tertiary:after {
  display: block;
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: opacity linear 0.2s;
  opacity: 0;
}
body .btn-tertiary:hover {
  padding-right: 40.8px;
}
body .btn-tertiary:hover:after {
  opacity: 1;
}

body.path-user .region-header > .region-inner > .block-system-branding-block {
  float: none;
  text-align: center;
  display: block;
}
body.path-user .region-header > .region-inner > .top-menu-main,
body.path-user .region-header > .region-inner > .top-menu-service {
  display: none;
}
body.path-user .region-header > .region-inner > #search-field-toggle {
  display: none;
}
body.path-user main {
  margin-top: 24px;
  padding: 72px 0;
  border-top: 4px solid #8EC7B8;
}
body.path-user main .region-content .region-inner #user-login-form {
  margin: auto;
  padding: 24px;
  background: #f5f5f5;
}
body.path-user main .region-content .region-inner #user-login-form .login-title {
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 48px;
}
body.path-user main .region-content .region-inner #user-login-form .form-item-name {
  margin-bottom: 24px;
}
body.path-user main .region-content .region-inner #user-login-form .form-item-pass {
  margin-bottom: 6px;
}
body.path-user main .region-content .region-inner #user-login-form .forgot-password {
  font-size: 0.875rem;
  font-style: italic;
}
body.path-user main .region-content .region-inner #user-login-form #edit-actions {
  text-align: center;
}
body.path-user main .region-content .region-inner #user-login-form #edit-actions input {
  padding: 16px 36px;
}
body.path-user .region-footer {
  display: none;
}

/**************************************************
 *  Layout
 **************************************************/
.region-search > .region-inner,
.region-header > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .region-search > .region-inner,
.region-header > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .region-search > .region-inner,
.region-header > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .region-search > .region-inner,
.region-header > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .region-search > .region-inner,
.region-header > .region-inner,
.region-navigation > .region-inner,
.region-messages > .region-inner,
.region-content-top > .region-inner,
.region-content-bottom > .region-inner,
.region-footer > .region-inner {
    width: 1440px;
  }
}
@media screen and (min-width: 992px) {
  .region-search > .region-inner:after,
.region-header > .region-inner:after,
.region-navigation > .region-inner:after,
.region-messages > .region-inner:after,
.region-content-top > .region-inner:after,
.region-content-bottom > .region-inner:after,
.region-footer > .region-inner:after {
    content: "";
    display: block;
    clear: both;
  }
}

main {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  display: block;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  main {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  main {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  main {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  main {
    width: 1440px;
  }
}

.page-node-type-frontpage .region-header,
.page-node-type-sectionpage .region-header {
  margin-bottom: 0;
}
.page-node-type-frontpage main,
.page-node-type-sectionpage main {
  margin-bottom: 0;
}

.page-node-type-article {
  background-color: #eeeeee;
}
.page-node-type-article .region-header {
  margin-bottom: 0;
}

.page-node-type-systempage main {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-node-type-systempage main {
    width: 95%;
    padding: 0;
  }
}

/**************************************************
 *  Layouts
 **************************************************/
@media screen and (min-width: 768px) {
  .octo-2col-content > .inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.octo-2col-content > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .octo-2col-content > .inner > .alpha {
    width: calc(50% - 12px);
    margin-bottom: 0;
    margin-right: 12px;
  }
}
@media screen and (min-width: 768px) {
  .octo-2col-content > .inner > .beta {
    width: calc(50% - 12px);
    margin-left: 12px;
  }
}
.octo-2col-content.alpha-only > .inner > .alpha {
  width: 100%;
  margin: 0;
}
.octo-2col-content.beta-only > .inner > .beta {
  width: 100%;
  margin: 0;
}

.octo-3col-page {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .octo-3col-page {
    margin-bottom: 48px;
  }
}
.octo-3col-page > .background {
  margin: 0 calc(-50vw + 50%);
  margin-bottom: 0;
  background-color: #30658D;
  background-position: center;
  position: relative;
}
.octo-3col-page > .background > .inner {
  padding: 48px 12px;
}
@media screen and (min-width: 768px) {
  .octo-3col-page > .background > .inner {
    margin: 0 auto;
    padding: 0 12px;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  .octo-3col-page > .background > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .octo-3col-page > .background > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1360px) {
  .octo-3col-page > .background > .inner {
    width: 1300px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1800px) {
  .octo-3col-page > .background > .inner {
    width: 1440px;
  }
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .background > .inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.octo-3col-page > .background > .inner > .node-title {
  color: #ffffff;
}
.octo-3col-page > .background > .inner > .node-title h1 {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .background > .inner > .node-title h1 {
    font-size: 3rem;
  }
}
.octo-3col-page > .background > .inner > .field-intro {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .background > .inner > .field-intro {
    font-size: 1.75rem;
    width: 50%;
  }
}
.octo-3col-page > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  margin-bottom: 72px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .octo-3col-page > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .octo-3col-page > .inner {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .octo-3col-page > .inner {
    width: 1440px;
  }
}
.octo-3col-page > .inner:last-child {
  margin-bottom: 0;
}
.octo-3col-page > .inner > .header {
  background-color: #ffffff;
  margin-bottom: 24px;
  padding: 12px 0;
  width: 100%;
}
.octo-3col-page > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .inner > .alpha {
    width: 20%;
  }
}
.octo-3col-page > .inner > .center {
  margin-bottom: 24px;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .inner > .center {
    width: 60%;
    padding: 0 48px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .octo-3col-page > .inner > .beta {
    width: 20%;
  }
}
.octo-3col-page.alpha-only > .inner > .alpha {
  margin: 0;
  width: 100%;
}
.octo-3col-page.center-only > .inner > .center {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .octo-3col-page.center-only > .inner > .center {
    width: calc(70% - 24px);
  }
}
.octo-3col-page.beta-only > .inner {
  margin: 0;
}
.octo-3col-page.beta-only > .inner > .beta {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .octo-3col-page.center-alpha-only > .inner > .alpha {
    width: calc(30% - 24px);
  }
}
@media screen and (min-width: 992px) {
  .octo-3col-page.center-alpha-only > .inner > .center {
    width: calc(70% - 24px);
    margin-right: -24px;
  }
}
@media screen and (min-width: 992px) {
  .octo-3col-page.center-beta-only > .inner > .center {
    width: calc(70% - 24px);
    margin-left: -24px;
  }
}
@media screen and (min-width: 992px) {
  .octo-3col-page.center-beta-only > .inner > .beta {
    width: calc(30% - 24px);
  }
}
.octo-2col-stacked-content > .header {
  margin-bottom: 24px;
}
.octo-2col-stacked-content > .header:last-child {
  margin-bottom: 0;
}
.octo-2col-stacked-content > .inner {
  margin-bottom: 24px;
}
.octo-2col-stacked-content > .inner:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-content > .inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.octo-2col-stacked-content > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-content > .inner > .alpha {
    width: calc(50% - 12px);
    margin-bottom: 0;
    margin-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-content > .inner > .beta {
    width: calc(50% - 12px);
    margin-left: 12px;
  }
}
.octo-2col-stacked-content.alpha-only > .inner > .alpha {
  width: 100%;
  margin: 0;
}
.octo-2col-stacked-content.beta-only > .inner > .beta {
  width: 100%;
  margin: 0;
}
.octo-long-read {
  position: relative;
}
.octo-long-read > .background {
  margin: 0 calc(-50vw + 50%);
  height: 325px;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .octo-long-read > .background {
    min-height: 650px;
  }
}
@media screen and (min-width: 992px) {
  .octo-long-read > .header {
    margin-left: calc(20% + 6px);
    margin-right: calc(20% + 6px);
  }
}
@media screen and (min-width: 992px) {
  .octo-long-read > .inner {
    margin: 0 -12px;
  }
  .octo-long-read > .inner:after {
    content: "";
    display: block;
    clear: both;
  }
}
.octo-long-read > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-long-read > .inner > .alpha {
    width: calc(20% - 24px) !important;
    margin: 0 12px;
    float: left;
  }
}
.octo-long-read > .inner > .center {
  margin-bottom: 24px;
  padding: 24px;
  background: #eeeeee;
}
@media screen and (min-width: 992px) {
  .octo-long-read > .inner > .center {
    width: calc(60% - 24px) !important;
    margin: 0 12px;
    float: left;
    padding: 48px;
  }
}
@media screen and (min-width: 992px) {
  .octo-long-read > .inner > .beta {
    width: calc(20% - 24px) !important;
    margin: 0 12px;
    float: left;
    padding-top: 48px;
  }
}
@media screen and (min-width: 992px) {
  .octo-long-read.beta-only > .inner > .center {
    margin-left: calc(20% + 12px) !important;
  }
}
@media screen and (min-width: 992px) {
  .octo-long-read.alpha-only > .inner > .center {
    margin-right: calc(20% + 12px) !important;
  }
}
.octo-long-read.node--type-article.node--view-mode-full {
  padding: 0;
}
.octo-long-read.node--type-article.node--view-mode-full > .inner > .beta .field-contact {
  display: block;
  flex-wrap: nowrap;
}
.octo-long-read.node--type-article.node--view-mode-full > .inner > .beta .field-contact .node--type-person {
  margin: 0;
  border: 0;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .octo-2col-page > .inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.octo-2col-page > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-2col-page > .inner > .alpha {
    width: calc(70% - 12px);
    margin-bottom: 0;
    margin-right: 12px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-page > .inner > .beta {
    width: calc(30% - 12px);
    margin-left: 12px;
  }
}
.octo-2col-page.alpha-only > .inner > .alpha {
  width: 100%;
  margin: 0;
  padding: 0;
}
.octo-2col-page.beta-only > .inner > .beta {
  width: 100%;
  margin: 0;
}

.octo-2col-stacked-page > .header {
  margin-bottom: 24px;
}
.octo-2col-stacked-page > .header:last-child {
  margin-bottom: 0;
}
.octo-2col-stacked-page > .inner {
  margin-bottom: 24px;
}
.octo-2col-stacked-page > .inner:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-page > .inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.octo-2col-stacked-page > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-page > .inner > .alpha {
    width: calc(70% - 12px);
    margin-bottom: 0;
    margin-right: 12px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-page > .inner > .beta {
    width: calc(30% - 12px);
    margin-left: 12px;
  }
}
.octo-2col-stacked-page.alpha-only > .inner > .alpha {
  width: 100%;
  margin: 0;
  padding: 0;
}
.octo-2col-stacked-page.beta-only > .inner > .beta {
  width: 100%;
  margin: 0;
}
.octo-2col-stacked-background-page > .background {
  margin: 0 calc(-50vw + 50%);
  margin-bottom: 0;
  border-bottom: 2px solid #8EC7B8;
  background-color: #8EC7B8;
}
@media screen and (min-width: 768px) {
  .octo-2col-stacked-background-page > .background {
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page > .background {
    min-height: 500px;
  }
}
.octo-2col-stacked-background-page > .header {
  position: relative;
  z-index: 20;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page > .header {
    background: #ffffff;
    margin-bottom: 0;
  }
}
.octo-2col-stacked-background-page > .header:last-child {
  margin-bottom: 0;
}
.octo-2col-stacked-background-page > .inner {
  position: relative;
  z-index: 20;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page > .inner {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
  }
}
.octo-2col-stacked-background-page > .inner > .alpha {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page > .inner > .alpha {
    width: calc(70% - 12px);
    margin-bottom: 0;
    margin-right: 12px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page > .inner > .beta {
    width: calc(30% - 12px);
    margin-left: 12px;
  }
}
.octo-2col-stacked-background-page.alpha-only > .inner > .alpha {
  width: 100%;
  margin: 0;
  padding: 0;
}
.octo-2col-stacked-background-page.beta-only > .inner > .beta {
  width: 100%;
  margin: 0;
}
.octo-2col-stacked-background-page.node--type-article > .background, .octo-2col-stacked-background-page.node--type-sectionpage > .background {
  padding: 24px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .octo-2col-stacked-background-page.node--type-article > .background, .octo-2col-stacked-background-page.node--type-sectionpage > .background {
    padding: 48px 0;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page.node--type-article > .background, .octo-2col-stacked-background-page.node--type-sectionpage > .background {
    padding: 72px 0;
  }
}
.octo-2col-stacked-background-page.node--type-article > .background > .header, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background-color: #ffffff;
}
.octo-2col-stacked-background-page.node--type-article > .background > .header > .inner, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner {
    width: 1440px;
  }
}
.octo-2col-stacked-background-page.node--type-article > .background > .header > .inner > .content_wrapper, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner > .content_wrapper {
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner > .content_wrapper, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner > .content_wrapper {
    display: flex;
  }
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner > .content_wrapper, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner > .content_wrapper {
    padding: 24px;
  }
}
.octo-2col-stacked-background-page.node--type-article > .background > .header > .inner > .content_wrapper > .field-image-main, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner > .content_wrapper > .field-image-main {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .octo-2col-stacked-background-page.node--type-article > .background > .header > .inner > .content_wrapper > .field-image-main, .octo-2col-stacked-background-page.node--type-sectionpage > .background > .header > .inner > .content_wrapper > .field-image-main {
    margin-right: -144px;
  }
}

/**************************************************
 *  Region
 **************************************************/
.region-search {
  display: none;
  background: #f5f5f5;
  padding: 12px 0;
}

.region-header {
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 12px;
  transition: margin-bottom 0.2s linear;
  position: relative;
  isolation: isolate;
  background-color: #ffffff;
}
.region-header .region-inner {
  display: flex;
}
.region-header .region-inner .top-menu-service {
  order: 2;
  margin-left: auto;
}
.region-header .region-inner .language-switcher-language-url {
  order: 3;
  display: none;
}
@media screen and (min-width: 992px) {
  .region-header .region-inner .language-switcher-language-url {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .region-header .region-inner .language-switcher-language-url {
    margin-top: 62px;
  }
}
@media screen and (min-width: 992px) {
  .region-header .region-inner .top-menu-main {
    flex: 0 1 100%;
    order: 5;
    align-self: stretch;
    background: #8EC7B8;
  }
}
.region-header .region-inner #search-field-toggle {
  flex: 0 1 auto;
  order: 4;
  margin-right: 12px;
}
@media screen and (min-width: 992px) {
  .region-header .region-inner #search-field-toggle {
    margin-right: 0;
    margin-left: 12px;
  }
}
.region-header .region-inner #mobile-menu-toggle {
  background: #8EC7B8;
  flex: 0 1 auto;
  order: 4;
}
@media screen and (min-width: 992px) {
  .region-header .region-inner #mobile-menu-toggle {
    display: none;
  }
}

.page-node-type-frontpage .region-header {
  margin-bottom: 0;
}

.region-navigation {
  background-color: #8EC7B8;
}
@media screen and (min-width: 768px) {
  .region-navigation .region-inner {
    margin-bottom: 24px;
  }
}

.page-node-type-frontpage .region-navigation .region-inner {
  margin-bottom: 0;
}

.region-ribbon-top .region-inner {
  margin-bottom: 24px;
}

.page-node-type-frontpage .region-ribbon-top .region-inner {
  margin-bottom: 0;
}

.region-content-top .region-inner {
  margin-bottom: 0;
}

.region-content-bottom {
  background: #eeeeee;
}
.region-content-bottom .region-inner {
  margin-bottom: 0;
}

.page-node-type-frontpage .region-content-bottom .region-inner {
  margin-bottom: 0;
}

.region-ribbon-bottom .region-inner {
  margin-bottom: 24px;
}

.page-node-type-frontpage .region-ribbon-bottom .region-inner {
  margin-bottom: 0;
}

.region-footer {
  background-color: white;
}
.region-footer .region-inner {
  padding: 48px 24px;
  padding-bottom: 0;
}

/**************************************************
 *  Field
 **************************************************/
.field {
  margin-bottom: 24px;
}
.field:last-child {
  margin-bottom: 0;
}
.field.field-image-main {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .field.field-image-main {
    margin-bottom: 24px;
  }
}
.field .field__label {
  font-weight: 700;
  margin-bottom: 12px;
}
.field .field__item {
  margin-bottom: 12px;
}
.field .field__item:last-child {
  margin-bottom: 0;
}
.field.field--label-inline:after {
  content: "";
  display: block;
  clear: both;
}
.field.field--label-inline > .field__label {
  float: left;
  margin-bottom: 0;
}
.field.field--label-inline > .field__label:after {
  content: ": ";
  display: inline;
}
.field.field--label-inline > .field__label + ul {
  clear: left;
}

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

.field-para-boxes-ref,
.field-para-content-ref,
.field-para-block-ref {
  margin-bottom: 24px;
}

.field-media-image {
  line-height: 0;
}

.field-main-media-caption {
  font-size: 0.875rem;
  line-height: 1.4;
}

.slugline {
  font-size: 0;
}
.slugline:last-child {
  margin-bottom: 0;
}
.slugline > .field {
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-right: 12px;
}
.slugline > .field.octo-slug {
  margin-bottom: 12px;
}
.slugline > .field:last-child {
  margin-right: 0;
}

.button-large a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
.button-large a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .button-large a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}

.button-small a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
.button-small a:hover {
  background-color: #162e41;
  color: #ffffff;
}

.octo-event-date {
  background: #30658D;
  color: #ffffff;
  display: inline-block;
  padding: 12px 20px;
}
.octo-event-date span {
  width: 100%;
  display: block;
  text-align: center;
}
.octo-event-date span.day {
  font-size: 2rem;
  line-height: 1em;
}
.octo-event-date span.month {
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1.55em;
}
.octo-event-date span.year {
  font-size: 0.875rem;
  line-height: 1.55em;
}

.octo-slug {
  background: #4fa18b;
  display: inline-block;
  padding: 6px 12px;
  font-size: 0.8rem;
  line-height: 1.4em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}

.octo-sidebar-beta {
  width: 100%;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  background-color: #ffffff;
  color: #000000;
}

.field.field-phone, .field.field-mobile, .field.field-email, .field.field-website {
  padding-left: 24px;
  position: relative;
  font-size: 1rem;
  line-height: 1.25em;
}
.field.field-phone a, .field.field-mobile a, .field.field-email a, .field.field-website a {
  color: #162e41;
  font-weight: 700;
  text-decoration: none;
}
.field.field-phone a:hover, .field.field-mobile a:hover, .field.field-email a:hover, .field.field-website a:hover {
  text-decoration: underline;
}
.field.field-phone:after, .field.field-mobile:after, .field.field-email:after, .field.field-website:after {
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #162e41;
}
.field.field-mobile:after {
  top: 45%;
}

.language-switcher-language-url > h2 {
  display: none;
}
.language-switcher-language-url > ul.links {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
}
.language-switcher-language-url > ul.links li {
  display: block;
  position: relative;
  padding: 0;
  float: left;
}
.language-switcher-language-url > ul.links li a {
  width: 20px;
  height: 15px;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.language-switcher-language-url > ul.links li.da {
  display: none;
}
.language-switcher-language-url > ul.links li.da a {
  background-image: url("../img/flag/dk.svg");
}
.language-switcher-language-url > ul.links li.en a {
  background-image: url("../img/flag/gb.svg");
}
.language-switcher-language-url > ul.links li.fr a {
  background-image: url("../img/flag/fr.svg");
}
.language-switcher-language-url > ul.links li.es a {
  background-image: url("../img/flag/es.svg");
}
.language-switcher-language-url > ul.links li.is-active {
  display: none;
}

.feed-icons > * {
  display: flex;
}
.feed-icons a.feed-icon {
  background-image: unset;
  text-indent: unset;
  width: auto;
  background: #162e41;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.feed-icons a.feed-icon:hover {
  background-color: #30658D;
  color: #ffffff;
}
.feed-icons a.feed-icon:after {
  margin-left: 12px;
  font-size: 0.9rem;
}

.collapsible-section {
  border-bottom: 1px solid #9e9e9e;
  padding-bottom: 12px;
  font-size: 1.2rem;
  position: relative;
  cursor: pointer;
  margin-top: 12px !important;
}
.collapsible-section:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 1rem;
}
.collapsible-section-controls {
  margin-bottom: 12px;
  display: flex;
}
.collapsible-section-controls > button {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
.collapsible-section-controls > button:hover {
  background: none;
  color: #000;
}
.collapsible-section-controls > button:hover {
  background-color: #162e41;
  color: #ffffff;
}
.collapsible-section-controls > button:first-child {
  margin-right: 2px;
  margin-left: auto;
}

.field-group {
  margin-bottom: 24px;
}
.field-group:last-child {
  margin-bottom: 0;
}
.field-group.image {
  margin-bottom: 24px;
  background-color: #eeeeee;
}
.field-group.image:last-child {
  margin-bottom: 0;
}
.field-group.image .field-image-main {
  margin-bottom: 0;
}
.field-group.image .field-image-main + .field-main-media-caption {
  margin-top: -24px;
  margin-bottom: 48px;
}
.field-group.image .field-main-media-caption {
  padding: 12px;
}

.field.octo-share-links {
  width: 100%;
}
.field.octo-share-links .social-link {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  padding: 14px;
  border-radius: 50%;
}
.field.octo-share-links .social-link a {
  position: absolute;
  z-index: 20;
  width: 0;
  height: 0;
  font-size: 0;
  color: #ffffff;
}
.field.octo-share-links .social-link a:before {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
  z-index: 10;
  color: #ffffff;
  padding: 8px;
  border-radius: 50%;
  transition: background 0.2s linear;
}
.field.octo-share-links .social-link:last-child {
  margin-right: 0;
}
.field.octo-share-links .social-link.facebook a:before {
  background: #3b5998;
}
.field.octo-share-links .social-link.facebook a:hover:before {
  background: #1e2e4f;
}
.field.octo-share-links .social-link.twitter a {
  color: #000000;
}
.field.octo-share-links .social-link.twitter a:before {
  background: #00aced;
}
.field.octo-share-links .social-link.twitter a:hover:before {
  background: #006287;
}
.field.octo-share-links .social-link.linkedin a:before {
  background: #0077B5;
}
.field.octo-share-links .social-link.linkedin a:hover:before {
  background: #00344f;
}
.field.octo-share-links .social-link.mail a {
  color: #000000;
}
.field.octo-share-links .social-link.mail a:before {
  background: #bdbdbd;
}
.field.octo-share-links .social-link.mail a:hover:before {
  background: #757575;
}
.field.octo-share-links .social-link.print a {
  color: #000000;
}
.field.octo-share-links .social-link.print a:before {
  background: #bdbdbd;
}
.field.octo-share-links .social-link.print a:hover:before {
  background: #757575;
}

/**************************************************
 *  Form
 **************************************************/
body .region form .form-item {
  margin-bottom: 12px;
}
body .region form .form-item:last-child {
  margin-bottom: 0;
}
body .region form .form-item label {
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}
body .region form .form-item input,
body .region form .form-item textarea {
  font-size: 1rem;
  font-family: "Pengea";
  padding: 11px 12px;
  margin: 0;
  outline: none;
  border: 1px solid #bdbdbd;
  border-radius: 0;
  box-shadow: none;
}
body .region form .form-item input[type=text], body .region form .form-item input[type=email],
body .region form .form-item textarea[type=text],
body .region form .form-item textarea[type=email] {
  width: 100%;
}
body .region form .form-item textarea {
  width: 100%;
}
body .region form .form-item select {
  padding: 9px;
  border-radius: 0;
  -webkit-appearance: none;
  background: #FFF;
  box-shadow: 0;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #bdbdbd;
}
@media screen and (min-width: 992px) {
  body .region form .form-item select {
    width: auto;
  }
}
body .region form .fieldgroup > legend > span {
  font-size: 1rem;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}
body .region form .form-required:after {
  content: "";
  vertical-align: super;
  display: inline-block;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}
body .region form .form-actions input[type=submit] {
  border: none;
  background-color: #30658D;
  font-family: "Pengea";
  font-size: 1rem;
  padding: 12px;
  margin: 0;
  color: #ffffff;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
  border-radius: 0;
  transition: background 0.2s linear;
}
body .region form .form-actions input[type=submit]:hover {
  background-color: #162e41;
}
body .region form .form--inline:after {
  content: "";
  display: block;
  clear: both;
}
body .region form .form--inline .form-item {
  margin-bottom: 0;
}
body .region form#user-login-form {
  width: 100%;
}
@media screen and (min-width: 992px) {
  body .region form#user-login-form {
    width: 50%;
  }
}
body .region form#user-login-form .form-item label,
body .region form#user-login-form .form-item input {
  width: 100%;
}
body .region form.ot_newsletter {
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  body .region form.ot_newsletter > .field {
    width: 100%;
    margin-bottom: 12px;
  }
  body .region form.ot_newsletter > .field:nth-child(odd) {
    margin-right: 0;
  }
  body .region form.ot_newsletter > .field:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  body .region form.ot_newsletter {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  body .region form.ot_newsletter > .field {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 992px) {
  body .region form.ot_newsletter {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  body .region form.ot_newsletter > .field {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (max-width: 768px) {
  body .region form.ot_newsletter > .field {
    width: calc(50% - 6px);
    margin-bottom: 12px;
  }
  body .region form.ot_newsletter > .field:nth-child(odd) {
    margin-right: 6px;
  }
  body .region form.ot_newsletter > .field:nth-child(even) {
    margin-left: 6px;
  }
}
@media screen and (min-width: 768px) {
  body .region form.ot_newsletter {
    margin-bottom: -12px;
    margin-left: -6px;
    margin-right: -6px;
  }
  body .region form.ot_newsletter > .field {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 12px;
    width: calc((100% / 1) - 12px);
  }
}
body .region form.ot_newsletter > div.name input, body .region form.ot_newsletter > div.mail input {
  border: none;
  padding: 12px 16px;
  font-size: 1.125rem;
  width: 100%;
}
body .region form.ot_newsletter > div.name input::-moz-placeholder, body .region form.ot_newsletter > div.mail input::-moz-placeholder {
  text-align: center;
}
body .region form.ot_newsletter > div.name input:-ms-input-placeholder, body .region form.ot_newsletter > div.mail input:-ms-input-placeholder {
  text-align: center;
}
body .region form.ot_newsletter > div.name input::placeholder, body .region form.ot_newsletter > div.mail input::placeholder {
  text-align: center;
}
body .region form.ot_newsletter > div.submit {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body .region form.ot_newsletter > div.submit {
    margin-bottom: 12px;
  }
}
body .region form.ot_newsletter > div.submit input {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
  width: 100%;
}
body .region form.ot_newsletter > div.submit input:hover {
  background: none;
  color: #000;
}
body .region form.ot_newsletter > div.submit input:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  body .region form.ot_newsletter > div.submit input {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  body .region form.ot_newsletter > div.submit input {
    width: 50%;
  }
}

/**************************************************
 *  Navigation
 **************************************************/
#mobile-menu-toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 0;
  width: 35px;
  height: 35px;
  position: relative;
  border-radius: 0;
}
#mobile-menu-toggle:hover {
  background: none;
  color: #000;
}
#mobile-menu-toggle > span > span {
  display: block;
  background: #ffffff;
  border-radius: 2px;
  transition: 0.25s ease-in-out;
}
#mobile-menu-toggle #hamburger {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
#mobile-menu-toggle #hamburger span {
  width: 100%;
  height: 4px;
  position: relative;
  top: 0;
  left: 0;
  margin: 4px 0;
}
#mobile-menu-toggle #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
}
#mobile-menu-toggle #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}
#mobile-menu-toggle #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
}
#mobile-menu-toggle #cross {
  position: absolute;
  top: 10%;
  left: 10%;
  height: 80%;
  width: 80%;
  transform: rotate(45deg);
}
#mobile-menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 0;
  left: calc(50% - 2px);
  transition-delay: 0s;
}
#mobile-menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  transition-delay: 0.25s;
}

#mobile-menu-toggle.open #hamburger span {
  width: 0%;
}
#mobile-menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#mobile-menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
#mobile-menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}
#mobile-menu-toggle.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
#mobile-menu-toggle.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}

/**************************************************
 *  MOBILE MENU
 **************************************************/
.region-mobilenavigation {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  z-index: 600;
  background-color: #8ec7b8;
  width: 100%;
  visibility: hidden;
  display: none;
  transition: transform 0.2s ease-in-out, right 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.region-mobilenavigation.visable {
  display: block;
}
.region-mobilenavigation.open {
  visibility: visible;
  right: 0;
  overflow-y: scroll;
}
.region-mobilenavigation > .region-inner {
  height: 100%;
}
.region-mobilenavigation .mobile-menu-main ul.menu,
.region-mobilenavigation .mobile-menu-service ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.region-mobilenavigation .mobile-menu-main ul.menu:after,
.region-mobilenavigation .mobile-menu-service ul.menu:after {
  content: "";
  display: block;
  clear: both;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item a {
  display: block;
  text-decoration: none;
  color: #000000;
  background-color: rgba(142, 199, 184, 0);
  padding: 12px 24px;
  font-size: 1.375rem;
  transition: 0.2s background-color ease-in-out;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu {
  display: none;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu > li.menu-item a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu > li.menu-item a {
  padding-left: 36px;
  background-color: #e0e0e0;
  color: #000000;
  font-size: 1rem;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu > li.menu-item > div.ot-button-wrapper .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu > li.menu-item > div.ot-button-wrapper .ot-menu-button:after {
  color: #000000;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu > li.menu-item > div.ot-button-wrapper .ot-menu-button:before,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu > li.menu-item > div.ot-button-wrapper .ot-menu-button:before {
  background: #000000;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a {
  padding-left: 48px;
  background-color: #eeeeee;
  color: #000000;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a {
  padding-left: 60px;
  background-color: #fafafa;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper {
  position: relative;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button {
  height: 100%;
  width: 50px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 500;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:after {
  display: block;
  color: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:before,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--expanded > div.ot-button-wrapper .ot-menu-button:before {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #000000;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a,
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > a {
  position: relative;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a:before,
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > a:before,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a:before,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > a:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #000000;
  opacity: 0.1;
  z-index: 10;
}
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a > .inner,
.region-mobilenavigation .mobile-menu-main ul.menu li.menu-item.menu-item--active-trail > a > .inner,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper a > .inner,
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item.menu-item--active-trail > a > .inner {
  z-index: 20;
  position: relative;
}
.region-mobilenavigation .mobile-menu-service {
  margin-top: 24px;
}
.region-mobilenavigation .mobile-menu-service ul.menu li.menu-item a {
  text-transform: none;
  font-size: 1rem;
}
.region-mobilenavigation .language-switcher-language-url {
  display: flex;
  align-content: center;
  justify-content: center;
}

/**************************************************
 *  MAIN MENU
 **************************************************/
.top-menu-main ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
}
.top-menu-main ul.menu:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 992px) {
  .top-menu-main ul.menu {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .top-menu-main ul.menu li.menu-item {
    display: inline-block;
  }
}
.top-menu-main ul.menu li.menu-item a {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 12px 24px;
  background-color: #8EC7B8;
  transition: 0.2s background-color ease-in-out;
}
@media screen and (min-width: 992px) {
  .top-menu-main ul.menu li.menu-item a {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 992px) {
  .top-menu-main ul.menu li.menu-item a:hover {
    background-color: #4fa18b;
    color: #000000;
  }
}
.top-menu-main ul.menu li.menu-item.menu-item--active-trail > a {
  background-color: #4fa18b;
  color: #000000;
}
.top-menu-main ul.menu li.menu-item > ul.menu {
  display: none;
}

/**************************************************
 *  SERVICE MENU
 **************************************************/
.top-menu-service {
  position: relative;
  z-index: 10;
  display: none;
}
@media screen and (min-width: 992px) {
  .top-menu-service {
    display: block;
  }
}
.top-menu-service ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 48px;
  margin-top: 36px;
  margin-right: 96px;
}
.top-menu-service ul.menu:after {
  content: "";
  display: block;
  clear: both;
}
.top-menu-service ul.menu li.menu-item a {
  text-decoration: none;
  display: block;
  padding: 20px 0;
  color: #000000;
  font-size: 1.1rem;
  transition: 0.2s color ease-in-out;
  position: relative;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .top-menu-service ul.menu li.menu-item a {
    display: inline-block;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .top-menu-service ul.menu li.menu-item a {
    display: inline-block;
    font-size: 1.5rem;
  }
}
.top-menu-service ul.menu li.menu-item a:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: all 0.2s ease-in-out;
}
.top-menu-service ul.menu li.menu-item a:hover:after {
  transform: translateY(0);
  background-color: #30658D;
}
.top-menu-service ul.menu li.menu-item a.is-active:after {
  transform: translateY(0);
  background-color: #30658D;
}
.top-menu-service ul.menu li.menu-item > ul.menu {
  display: none;
}

/**************************************************
 *  SUBPAGES MENU
 **************************************************/
.main-menu-subpages,
.service-menu-subpages {
  display: none;
}
@media screen and (min-width: 992px) {
  .main-menu-subpages,
.service-menu-subpages {
    display: block;
    width: 100%;
  }
}
.main-menu-subpages > h2,
.service-menu-subpages > h2 {
  border-bottom: 2px solid #eeeeee;
  padding: 12px;
  margin-bottom: 12px;
  background: #eeeeee;
  font-family: "Pengea";
  font-size: 1rem;
}
.main-menu-subpages > h2 a,
.service-menu-subpages > h2 a {
  text-decoration: none;
  color: #000000;
}
.main-menu-subpages > h2 a:hover,
.service-menu-subpages > h2 a:hover {
  color: #616161;
}
.main-menu-subpages ul.menu,
.service-menu-subpages ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a {
  position: relative;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--collapsed > a:after {
  width: 10px;
  font-size: 0.65rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after,
.service-menu-subpages ul.menu li.menu-item.menu-item--expanded > a:after {
  width: 10px;
  font-size: 0.65rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.main-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a,
.main-menu-subpages ul.menu li.menu-item > a,
.service-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a,
.service-menu-subpages ul.menu li.menu-item > a {
  color: #000000;
  padding: 12px;
  padding-right: 30px;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.375em;
  border-bottom: 2px solid #eeeeee;
  display: block;
  position: relative;
}
.main-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a:before,
.main-menu-subpages ul.menu li.menu-item > a:before,
.service-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a:before,
.service-menu-subpages ul.menu li.menu-item > a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #8EC7B8;
  transition: width 0.3s linear;
}
@media screen and (min-width: 768px) {
  .main-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a:hover:before,
.main-menu-subpages ul.menu li.menu-item > a:hover:before,
.service-menu-subpages ul.menu li.menu-item > .ot-button-wrapper > a:hover:before,
.service-menu-subpages ul.menu li.menu-item > a:hover:before {
    width: 100%;
  }
}
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper > a,
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper > a,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a {
  font-weight: 700;
}
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper > a:before,
.main-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a:before,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > .ot-button-wrapper > a:before,
.service-menu-subpages ul.menu li.menu-item.menu-item--active-trail > a:before {
  width: 100%;
  height: 4px;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a {
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: 0.9rem;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a:before,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a:before {
  background-color: #162e41;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a:hover:before,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item a:hover:before {
  width: 100%;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a {
  font-weight: 700;
}
.main-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a:before,
.service-menu-subpages ul.menu li.menu-item ul.menu > li.menu-item.menu-item--active-trail > a:before {
  width: 100%;
  background-color: #8EC7B8;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a {
  padding: 12px 12px;
  padding-left: 48px;
  font-size: 0.875rem;
  border-bottom: 2px solid #eeeeee;
  background: #f5f5f5;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:after {
  position: absolute;
  top: 18px;
  left: 24px;
  font-size: 0.6rem;
  height: 0;
  transition: left 0.2s linear;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:hover:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item a:hover:after {
  left: 31.2px;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a {
  border-bottom-color: #8EC7B8;
}
.main-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a:after,
.service-menu-subpages ul.menu li.menu-item ul.menu ul.menu > li.menu-item.menu-item--active-trail > a:after {
  left: 31.2px;
}

/**************************************************
 *  TOC menu
 **************************************************/
.toc-js {
  display: none;
}
@media screen and (min-width: 992px) {
  .toc-js {
    display: block;
  }
}
.toc-js > .toc-title {
  color: #000000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3em;
  border-bottom: 1px solid #000000;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.toc-js > nav > ul {
  list-style: none;
  padding-left: 24px;
  margin-bottom: 0;
}
.toc-js > nav > ul > li {
  position: relative;
  padding: 0 0 12px;
}
.toc-js > nav > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -24px;
  background: #9e9e9e;
  transition: background 0.2s linear;
  z-index: 2;
}
.toc-js > nav > ul > li:after {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 9px;
  left: -20px;
  background: #9e9e9e;
}
.toc-js > nav > ul > li a {
  text-decoration: none;
  color: #000000;
}
.toc-js > nav > ul > li.toc-active:before, .toc-js > nav > ul > li:hover:before {
  background: #30658D;
  font-weight: bold;
}
.toc-js > nav > ul > li.toc-active a, .toc-js > nav > ul > li:hover a {
  color: #30658D;
  font-weight: bold;
}
.toc-js > nav > ul > li.has-been-active:before, .toc-js > nav > ul > li.has-been-active:after {
  background: #30658D;
}
.toc-js > nav > ul > li:last-child:after {
  display: none;
}
.toc-js.is-sticked {
  max-width: 200px;
}

nav.breadcrumb ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav.breadcrumb ol:after {
  content: "";
  display: block;
  clear: both;
}
nav.breadcrumb ol li {
  float: left;
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
  font-size: 0.875rem;
}
nav.breadcrumb ol li:after {
  position: absolute;
  top: 4px;
  right: -4px;
  content: "»";
  display: block;
  font-size: 0.875rem;
  line-height: normal;
}
nav.breadcrumb ol li:last-child:after {
  display: none;
}
nav.breadcrumb ol li a {
  font-weight: 700;
  text-decoration: none;
}

/**************************************************
*  Large pager
**************************************************/
nav.pager {
  text-align: center;
  margin-top: 24px;
}
nav.pager ul.pager__items {
  list-style-type: none;
  margin: 0 0 -4px 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
nav.pager ul.pager__items:after {
  content: "";
  display: block;
  clear: both;
}
nav.pager ul.pager__items li.pager__item {
  float: left;
  padding: 0 4px;
  margin: 0 0 4px 0;
}
nav.pager ul.pager__items li.pager__item.is-active a {
  background-color: #30658D;
  color: #ffffff;
}
nav.pager ul.pager__items li.pager__item a {
  display: block;
  padding: 6px 12px;
  background-color: #8EC7B8;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.2s linear;
}
nav.pager ul.pager__items li.pager__item a:hover {
  background-color: #30658D;
  color: #ffffff;
}

nav.mini-pager {
  text-align: center;
  margin-top: 24px;
}
nav.mini-pager ul.pager__items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
nav.mini-pager ul.pager__items:after {
  content: "";
  display: block;
  clear: both;
}
nav.mini-pager ul.pager__items li.pager__item {
  float: left;
  padding: 0 12px;
}
nav.mini-pager ul.pager__items li.pager__item.is-active {
  padding: 12px 12px;
}
nav.mini-pager ul.pager__items li.pager__item a {
  display: block;
  padding: 12px 12px;
  background-color: #8EC7B8;
  color: #ffffff;
  text-decoration: none;
}
nav.mini-pager ul.pager__items li.pager__item a:hover {
  background-color: #bdbdbd;
  color: #000000;
}

.block-local-tasks-block {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
}
.block-local-tasks-block ul.tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.block-local-tasks-block ul.tabs > li {
  margin-bottom: 6px;
}
.block-local-tasks-block ul.tabs > li:last-child {
  margin-bottom: 0;
}
.block-local-tasks-block ul.tabs > li a {
  text-decoration: none;
  padding: 6px 12px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3333);
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
  font-size: small;
  display: inline-block;
}
.block-local-tasks-block ul.tabs > li a:hover {
  text-decoration: underline;
}
.block-local-tasks-block ul.tabs.primary > li a {
  background-color: #0f0f0f;
  color: #ffffff;
}
.block-local-tasks-block ul.tabs.primary > li.is-active a {
  background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
}
.block-local-tasks-block ul.tabs.primary > li:not(.is-active) a:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}
.block-local-tasks-block ul.tabs.secondary > li a {
  background-color: #ffffff;
  color: #565656;
  border: 1px solid #dddddd;
  border-left: none;
}
.block-local-tasks-block ul.tabs.secondary > li a:hover {
  color: #000000;
}

/**************************************************
 *  Block
 **************************************************/
body .region.region-ribbon-top .block, body .region.region-content-top .block, body .region.region-sidebar-alpha .block, body .region.region-content .block, body .region.region-sidebar-beta .block, body .region.region-content-bottom .block, body .region.region-ribbon-bottom .block {
  margin-bottom: 24px;
}
body .region.region-ribbon-top .block:last-child, body .region.region-content-top .block:last-child, body .region.region-sidebar-alpha .block:last-child, body .region.region-content .block:last-child, body .region.region-sidebar-beta .block:last-child, body .region.region-content-bottom .block:last-child, body .region.region-ribbon-bottom .block:last-child {
  margin-bottom: 0;
}
body .region.region-ribbon-top .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-content-top .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-sidebar-alpha .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-content .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-sidebar-beta .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-content-bottom .block-views-exposed-filter-blockgeneral-search-page-general-search, body .region.region-ribbon-bottom .block-views-exposed-filter-blockgeneral-search-page-general-search {
  margin-bottom: 12px;
}
body .region.region-footer .region-inner-footer .block-content--type-footer {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  body .region.region-footer .region-inner-footer .block-content--type-footer {
    margin-left: -12px;
    margin-right: -12px;
  }
}
body .region.region-footer .region-inner-footer .block-content--type-footer > .column {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 24px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  body .region.region-footer .region-inner-footer .block-content--type-footer > .column {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: 992px) {
  body .region.region-footer .region-inner-footer .block-content--type-footer > .column {
    margin-bottom: 0;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(33.333333% - 24px);
  }
}
body .region.region-footer .region-inner-footer .block-content--type-footer > .column:last-child {
  margin-bottom: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field {
  margin-bottom: 12px;
  line-height: 1.375em;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-logo {
  width: 50%;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-name {
  font-weight: 700;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email {
  padding-left: 24px;
  position: relative;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone:after, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone a, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email a {
  text-decoration: none;
  font-weight: 700;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-phone a:hover, body .region.region-footer .region-inner-footer .block-content--type-footer .group-contact .field.field-block-email a:hover {
  text-decoration: underline;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item {
  margin-bottom: 6px;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a {
  display: inline-block;
  text-decoration: none;
  line-height: 1em;
  padding: 6px 0;
  padding-left: 24px;
  position: relative;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a:after {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 0.525rem;
  transition: left linear 0.2s;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a:hover {
  text-decoration: underline;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-links .field__items .field__item a:hover:after {
  left: 6px;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field {
  margin-left: 12px;
  margin-right: 24px;
  display: inline-block;
  margin-bottom: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field a {
  margin-left: -12px;
  margin-right: -12px;
  position: relative;
  font-size: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field a:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 1rem;
  color: #ffffff;
  padding: 8px;
  border-radius: 50%;
  transition: background 0.2s linear;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-facebook a:before {
  background: #3b5998;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-facebook a:hover:before {
  background: #1e2e4f;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-twitter a:before {
  background: #00aced;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-twitter a:hover:before {
  background: #006287;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-linkedin a:before {
  background: #0077B5;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-linkedin a:hover:before {
  background: #00344f;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-youtube a:before {
  background: #cc181e;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-youtube a:hover:before {
  background: #710d11;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:before {
  background: linear-gradient(165deg, #6e2ebf 0%, #903acd 30%, #d53592 40%, #f4306d 50%, #f8443e 60%, #f86737 70%, #f4a158 100%);
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 1rem;
  color: #ffffff;
  padding: 8px;
  border-radius: 50%;
  transition: opacity 0.2s linear;
  background: linear-gradient(330deg, #6e2ebf 0%, #903acd 30%, #d53592 40%, #f4306d 50%, #f8443e 60%, #f86737 70%, #f4a158 100%);
  opacity: 0;
}
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field.field-block-link-instagram a:hover:after {
  opacity: 1;
}
body .block-content--type-footer.block-content--view-mode-full > .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links {
  margin-right: auto;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item {
  margin-bottom: 6px;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a {
  display: inline-block;
  text-decoration: none;
  line-height: 1em;
  padding: 6px 0;
  padding-left: 24px;
  position: relative;
  color: #162e41;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a:after {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 0.525rem;
  transition: left linear 0.2s;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a:hover {
  text-decoration: underline;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-links .field__items .field__item a:hover:after {
  left: 6px;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo {
  max-width: 50%;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by {
  max-width: 15%;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by {
    flex-wrap: wrap;
    gap: 8px 48px;
    justify-content: flex-start;
  }
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo > .field__label,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by > .field__label {
  width: 100%;
  font-weight: 400;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo > *,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by > * {
  width: 40%;
}
@media screen and (min-width: 992px) {
  body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo > *,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by > * {
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  body .block-content--type-footer.block-content--view-mode-full > .inner .field-block-logo img,
body .block-content--type-footer.block-content--view-mode-full > .inner .field-financed-by img {
    max-height: 100px;
  }
}
body .block-content--type-footer.block-content--view-mode-full > .inner .post-footer-wrapper {
  width: 100%;
  position: relative;
  isolation: isolate;
  padding: 6px 0;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .post-footer-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: 0 calc(-50vw + 50%);
  background-color: #162e41;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .post-footer-wrapper .field-post-footer-content {
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  font-size: 0.8rem;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .post-footer-wrapper .field-post-footer-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 8px;
}
body .block-content--type-footer.block-content--view-mode-full > .inner .post-footer-wrapper .field-post-footer-content a {
  color: #ffffff;
}

header .site-logo {
  display: inline-block;
  line-height: 0;
  font-size: 1rem;
}
header .site-logo img {
  width: 100px;
}
@media screen and (min-width: 992px) {
  header .site-logo img {
    width: 300px;
    padding: 12px 0;
  }
}
header .site-name {
  margin-bottom: 12px;
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: bold;
}
header .site-name a {
  color: #000000;
  text-decoration: none;
}
header .site-name + .site-slogan {
  margin-top: -12px;
}
header .site-slogan {
  font-size: 1.5rem;
}

/**************************************************
 *  SØGEBLOK I NAVIGATION / MOBILMENU
 **************************************************/
#search-field-toggle {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  font-size: 0;
  width: 35px;
  height: 35px;
  position: relative;
  cursor: pointer;
}
#search-field-toggle:hover {
  background: none;
  color: #000;
}
@media screen and (min-width: 992px) {
  #search-field-toggle {
    width: 30px;
    height: 30px;
  }
}
#search-field-toggle:hover > .search-icon:before {
  transform: scale(1.1);
}
#search-field-toggle > .search-icon:before {
  content: "";
  position: absolute;
  display: block;
  top: 20%;
  left: 20%;
  width: 40%;
  height: 40%;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #search-field-toggle > .search-icon:before {
    border-color: #000000;
  }
}
#search-field-toggle > .search-icon:after {
  content: "";
  position: absolute;
  bottom: 20%;
  right: 28%;
  width: 30%;
  height: 2px;
  margin-top: -2px;
  background-color: #ffffff;
  transform: rotate(45deg);
  transform-origin: right bottom;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #search-field-toggle > .search-icon:after {
    background-color: #000000;
  }
}
#search-field-toggle > .search-cross {
  height: 80%;
  width: 80%;
  transform: rotate(45deg);
  position: absolute;
  top: 10%;
  left: 10%;
}
#search-field-toggle > .search-cross:before {
  content: "";
  height: 0%;
  width: 4px;
  position: absolute;
  top: 0;
  left: calc(50% - 2px);
  background-color: #ffffff;
  transition-delay: 0s;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #search-field-toggle > .search-cross:before {
    background-color: #000000;
  }
}
#search-field-toggle > .search-cross:after {
  content: "";
  width: 0%;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  background-color: #ffffff;
  transition-delay: 0.25s;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #search-field-toggle > .search-cross:after {
    background-color: #000000;
  }
}
#search-field-toggle.active > .search-icon:before {
  width: 0;
  height: 0;
  border-color: transparent;
}
#search-field-toggle.active > .search-icon:after {
  width: 0;
}
#search-field-toggle.active > .search-cross:before {
  height: 100%;
  transition-delay: 0.625s;
}
#search-field-toggle.active > .search-cross:after {
  width: 100%;
  transition-delay: 0.375s;
}

.ot-search-wrapper {
  overflow: hidden;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.2s linear;
}
.ot-search-wrapper > .ot-form-wrapper {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
  background: #eeeeee;
  padding: 24px !important;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .ot-search-wrapper > .ot-form-wrapper {
    width: 1440px;
  }
}
.ot-search-wrapper #search-form-container {
  width: 50%;
  margin: 0 auto;
}
.ot-search-wrapper .form--inline {
  display: flex;
  flex-wrap: wrap;
}
.ot-search-wrapper .form--inline > .form-item {
  width: 80%;
}
.ot-search-wrapper .form--inline > .form-item label {
  display: none;
}
.ot-search-wrapper .form--inline > .form-actions {
  width: 20%;
}
.ot-search-wrapper .form--inline > .form-actions > input {
  width: 100%;
  background: #8EC7B8;
}
.ot-search-wrapper .form--inline > .form-actions #edit-reset {
  display: none;
  background: green;
}

/**************************************************
 *  SØGEBLOK PÅ SØGESIDE
 **************************************************/
#block-block-search-keys form label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

/**************************************************
 *  beta styling på søgeside
 **************************************************/
.node-86.node--view-mode-full > .inner .views-element-container .view-header {
  margin-bottom: 12px;
  font-style: italic;
}
@media screen and (min-width: 992px) {
  .node-86.node--view-mode-full > .inner .views-element-container .view-header {
    margin-bottom: 24px;
  }
}
.node-86.node--view-mode-full > .inner .views-element-container .view-header > .soeg-antal {
  font-weight: 800;
}
.node-86.node--view-mode-full > .inner .views-element-container .view-header > .soeg-total {
  font-weight: 800;
}
.node-86.node--view-mode-full > .inner .beta {
  padding: 12px;
  background: #eeeeee;
}
.node-86.node--view-mode-full > .inner .beta.ot-mobile {
  margin-bottom: 12px;
}
.node-86.node--view-mode-full > .inner .beta .form--inline {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
}
@media screen and (min-width: 992px) {
  .node-86.node--view-mode-full > .inner .beta .form--inline {
    margin-left: -6px;
    margin-right: -6px;
  }
}
.node-86.node--view-mode-full > .inner .beta .form--inline .form-type-textfield {
  margin-left: 6px;
  margin-right: 6px;
  width: calc(50% - 12px);
}
@media screen and (min-width: 992px) {
  .node-86.node--view-mode-full > .inner .beta .form--inline .form-type-textfield {
    width: calc(100% - 12px);
  }
}
.node-86.node--view-mode-full > .inner .beta .form--inline .form-actions {
  margin-left: 6px;
  margin-right: 6px;
  width: calc(50% - 12px);
}
@media screen and (min-width: 992px) {
  .node-86.node--view-mode-full > .inner .beta .form--inline .form-actions {
    width: calc(100% - 12px);
    display: flex;
    flex-wrap: wrap;
  }
}
.node-86.node--view-mode-full > .inner .beta .form--inline .form-actions input {
  display: inline-block;
  width: calc(50% - 6px);
  margin-right: 12px;
  margin-top: 43px;
  font-size: 0.875rem;
  padding: 12px 0;
  line-height: 1.55em;
}
@media screen and (min-width: 992px) {
  .node-86.node--view-mode-full > .inner .beta .form--inline .form-actions input {
    margin-top: 12px;
  }
}
.node-86.node--view-mode-full > .inner .beta .form--inline .form-actions input#edit-reset {
  background: #bdbdbd;
  margin-right: 0;
}
.node-86.node--view-mode-full > .inner .beta .form--inline .form-actions input#edit-reset:hover {
  background: #9e9e9e;
}
.node-86.node--view-mode-full > .inner .beta #views-exposed-form-general-search-page-general-search .form-type-textfield label {
  font-size: 1.5rem;
  line-height: 1.55em;
  font-family: "Pengea";
}

/* søgefacets */
abbr {
  position: relative;
}

abbr:hover::after {
  position: absolute;
  width: 300px;
  bottom: 20px;
  left: 100%;
  display: block;
  padding: 1em;
  background: #ffffff;
  content: attr(data-title);
}

.open_articles {
  float: right;
}

.block-facets {
  /* border: 1px solid $color-primary; */
  /* padding: $base-unit/2; */
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .block-facets {
    width: calc(50% - 12px);
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .block-facets {
    padding: 24px 12px;
    width: 100%;
  }
}
.block-facets h2 {
  font-size: 1rem;
  line-height: 1em;
  font-family: "Pengea";
  color: #000000;
  margin-bottom: 12px;
}
.block-facets ul {
  list-style-type: none;
  margin: 0;
  margin-bottom: 12px;
  padding: 0;
  margin-left: 30px;
}
.block-facets ul ul {
  margin-bottom: 0;
  margin-top: 6px;
}
.block-facets ul ul li {
  margin-left: 0px;
  margin-bottom: 6px;
}
.block-facets ul li.facet-item--expanded > label {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 1rem;
}
.block-facets ul li {
  margin: 0 0 16px 0;
  padding: 0;
  line-height: 1em;
}
.block-facets ul li [type=checkbox]:not(:checked),
.block-facets ul li [type=checkbox]:checked {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.block-facets ul li label {
  position: relative;
  font-size: 0.875rem;
  color: #000000;
  cursor: pointer;
  line-height: 1em;
}
.block-facets ul li label .facet-item__count {
  font-size: 0.8rem;
}
.block-facets ul li [type=checkbox]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #8EC7B8;
  background: #ffffff;
}
.block-facets ul li [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #8EC7B8;
  background: #8EC7B8;
}
.block-facets ul li [type=checkbox]:checked + label:after {
  position: absolute;
  top: 2.5px;
  left: -28px;
  font-size: 1rem;
  line-height: 0.8;
  color: #ffffff;
  transition: all 0.2s;
}
.block-facets .facets-soft-limit-link {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  margin-top: 12px;
  font-size: 0.875rem;
}
.block-facets .facets-soft-limit-link:hover {
  background-color: #162e41;
  color: #ffffff;
}

.block-facets-summary .contextual-links {
  display: none;
}
.block-facets-summary ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.block-facets-summary ul li {
  margin-right: 6px;
}
.block-facets-summary ul li:last-child {
  margin-right: 0;
}
.block-facets-summary ul li a {
  background: #162e41;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  font-size: 0.9rem;
  position: relative;
}
.block-facets-summary ul li a span.facet-item__status {
  display: none;
}
.block-facets-summary ul li a:hover {
  background: #30658D;
  color: #ffffff;
}

.view-ve-solr-matrix {
  position: relative;
}
.view-ve-solr-matrix strong {
  background-color: yellow;
}

#block-octo-messages .messages {
  margin: 24px 0;
}

.block-socialmediafeed {
  height: 100%;
  background: #ffffff;
  padding: 12px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .block-socialmediafeed {
    padding: 24px;
  }
}
.block-socialmediafeed:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #8EC7B8;
}
.block-socialmediafeed > h2 {
  font-size: 1.375rem;
  margin-bottom: 48px;
  padding-left: 48px;
  position: relative;
}
.block-socialmediafeed > h2:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #ffffff;
  font-size: 2.5rem;
}
.block-socialmediafeed .element-item > .inner .user {
  font-size: 1rem;
}
.block-socialmediafeed .element-item > .inner > div {
  margin-bottom: 12px;
}
.block-socialmediafeed .element-item > .inner > div:last-child {
  margin-bottom: 0;
}
.block-socialmediafeed .element-item > .inner > div.date {
  color: #757575;
  font-size: 0.875rem;
}
.block-socialmediafeed .element-item > .inner > div.feed {
  font-size: 1rem;
  line-height: 1.375em;
}
.block-socialmediafeed .element-item > .inner > div.feed a {
  color: #162e41;
}
.block-socialmediafeed .element-item > .inner > div.link a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
.block-socialmediafeed .element-item > .inner > div.link a:hover {
  background-color: #162e41;
  color: #ffffff;
}
.block-socialmediafeed.block-socialmediafacebookfeed-block:before {
  background: #3b5998;
}
.block-socialmediafeed.block-socialmediafacebookfeed-block > h2:after {
  color: #3b5998;
}
.block-socialmediafeed.block-socialmediainstagramfeed-block:before {
  background: linear-gradient(165deg, #6e2ebf 0%, #903acd 30%, #d53592 40%, #f4306d 50%, #f8443e 60%, #f86737 70%, #f4a158 100%);
}
.block-socialmediafeed.block-socialmediainstagramfeed-block > h2:after {
  color: #000000;
}
.block-socialmediafeed.block-socialmediatwitterfeed-block:before {
  background: #00aced;
}
.block-socialmediafeed.block-socialmediatwitterfeed-block > h2:after {
  color: #00aced;
}
.block-socialmediafeed.block-socialmedialinkedinfeed-block {
  border-color: #0077B5;
}
.block-socialmediafeed.block-socialmedialinkedinfeed-block > h2:after {
  color: #0077B5;
}

/**************************************************
 *  Views
 **************************************************/
.view {
  /**************************************************
    *  General
  **************************************************/
  /**************************************************
    *  Standard View list
  **************************************************/
  /**************************************************
   *  Related
  **************************************************/
  /**************************************************
   *  List
  **************************************************/
  /**************************************************
   *  View row divider
  **************************************************/
  /**************************************************
   *  Li-styling
  **************************************************/
  /**************************************************
    *  Specific views
  **************************************************/
  /**************************************************
    *  Subpage for sectionspage
  **************************************************/
}
.view .view-header {
  margin-bottom: 24px;
}
.view .view-header span {
  font-size: 1.5rem;
  line-height: 1.2em;
}
.view .view-header .view-title.white {
  color: #ffffff;
}
.view .view-filters {
  margin-bottom: 24px;
}
.view .view-content {
  /**************************************************
   *  Unformatted List
  **************************************************/
}
.view .view-content > .item-list {
  margin-bottom: 24px;
}
.view .view-content > .item-list:last-child {
  margin-bottom: 0;
}
.view .view-content > .item-list > ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .view .view-content > .item-list > ul > li {
    width: 100%;
    margin-bottom: 12px;
  }
  .view .view-content > .item-list > ul > li:nth-child(odd) {
    margin-right: 0;
  }
  .view .view-content > .item-list > ul > li:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .view .view-content > .item-list > ul {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul.col-1 {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul.col-1 > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul.col-2 {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul.col-2 > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul.col-3 {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul.col-3 > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 3) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul.col-4 {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul.col-4 > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 4) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .view .view-content > .item-list > ul.col-5 {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .view .view-content > .item-list > ul.col-5 > li {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 5) - 24px);
  }
}
.view .view-content > .item-list > ul > li > .node {
  height: 100%;
}
.view .view-content > div.views-row {
  padding: 12px;
  margin-bottom: 24px;
}
.view .view-content > div.views-row:nth-child(even) {
  background-color: #f5f5f5;
}
.view .view-content > div.views-row:nth-child(odd) {
  background-color: #fafafa;
}
.view .view-content > div.views-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.view.view-block-related {
  padding: 24px 0;
}
@media screen and (min-width: 992px) {
  .view.view-block-related {
    padding: 48px 0;
  }
}
.view.view-row-divider > .view-content > .item-list > ul > li {
  padding-bottom: 24px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 24px;
}
.view.view-row-divider > .view-content > .item-list > ul > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.view.view-li-background-grey > .view-content > .item-list > ul > li {
  background-color: #f5f5f5;
}
.view.view-li-padding > .view-content > .item-list > ul > li {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .view.view-li-padding > .view-content > .item-list > ul > li {
    padding: 24px;
  }
}
.view.view-display-id-view_mode_list div {
  margin-bottom: 24px;
}
.view.view-display-id-view_mode_list .node {
  background: #eeeeee;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li {
  display: inline-block;
  width: auto;
  display: none;
}
@media screen and (min-width: 992px) {
  .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li {
    display: block;
  }
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
.view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .view.view-display-id-block_subpages_label > .view-content > .item-list > ul > li a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}

/**************************************************
  *  Søgeresultater / Search result
**************************************************/
.view.view-display-id-page_general_search {
  padding: 0 0 24px 0;
}
.view.view-display-id-page_general_search > .view-header {
  font-style: normal !important;
}
.view.view-display-id-page_general_search > .view-header .soeg-antal,
.view.view-display-id-page_general_search > .view-header .soeg-total {
  font-size: 1rem;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li {
  padding: 0;
  padding-bottom: 24px;
  background: transparent;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > div:last-child > .field-content:after {
  display: none;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-title {
  margin-bottom: 12px;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-title h2 a {
  text-decoration: none;
  color: #000000;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-title h2 a:hover {
  color: #30658D;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-type {
  display: inline-block;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-type > .field-content:after {
  display: inline-block;
  content: "|";
  padding: 0 6px;
  color: #000000;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-search-api-excerpt,
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-intro {
  margin-bottom: 6px;
}
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-field-date,
.view.view-display-id-page_general_search > .view-content > .item-list > ul > li > .views-field-field-date-interval {
  display: inline-block;
  color: #8EC7B8;
}

/**************************************************
 *  Content
 **************************************************/
.node--view-mode-full {
  margin-bottom: 24px;
  /**************************************************
   *  General fields
  **************************************************/
  /**************************************************
   *  Content-types
  **************************************************/
}
@media screen and (min-width: 992px) {
  .node--view-mode-full {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .header {
    display: flex;
    flex-wrap: wrap;
  }
}
.node--view-mode-full > .header .dynamic-block-fieldnode-bf-breadcrumb {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .header .dynamic-block-fieldnode-bf-breadcrumb {
    margin-bottom: 0;
    width: calc(80% - 12px);
    margin-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .header .octo-share-links {
    width: calc(20% - 12px);
    margin-left: 12px;
    margin-bottom: 0;
    text-align: right;
  }
}
.node--view-mode-full > .inner > .center > .field-content > a {
  color: #162e41;
  transition: color 0.1s linear;
  text-decoration: none;
}
.node--view-mode-full > .inner > .center > .field-content > a:visited {
  color: #162e41;
}
.node--view-mode-full > .inner > .center > .field-content > a:hover {
  color: #30658D;
  text-decoration: underline;
}
.node--view-mode-full > .inner > .center > .field-content > h2,
.node--view-mode-full > .inner > .center > .field-content > h3 {
  margin-top: 36px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .inner > .center > .field-content > h2,
.node--view-mode-full > .inner > .center > .field-content > h3 {
    margin-top: 48px;
  }
}
.node--view-mode-full > .inner > .center > .field-content > ul {
  list-style: none;
  padding: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4fa18b;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #8EC7B8;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li > ul {
  margin-top: 6px;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
.node--view-mode-full > .inner > .center > .field-content > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .alpha > .field-intro {
  font-weight: 700;
  font-size: 1.25rem;
}
.node--view-mode-full > .inner > .alpha .media .field-media-copyright {
  display: inline-block;
}
.node--view-mode-full > .inner > .alpha > .field-content > a {
  color: #162e41;
  transition: color 0.1s linear;
  text-decoration: none;
}
.node--view-mode-full > .inner > .alpha > .field-content > a:visited {
  color: #162e41;
}
.node--view-mode-full > .inner > .alpha > .field-content > a:hover {
  color: #30658D;
  text-decoration: underline;
}
.node--view-mode-full > .inner > .alpha > .field-content > h2,
.node--view-mode-full > .inner > .alpha > .field-content > h3 {
  margin-top: 36px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .inner > .alpha > .field-content > h2,
.node--view-mode-full > .inner > .alpha > .field-content > h3 {
    margin-top: 48px;
  }
}
.node--view-mode-full > .inner > .alpha > .field-content > ul {
  list-style: none;
  padding: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4fa18b;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #8EC7B8;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li > ul {
  margin-top: 6px;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
.node--view-mode-full > .inner > .alpha > .field-content > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .inner > .beta .octo-share-links {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .inner > .beta .octo-share-links {
    text-align: right;
  }
}
.node--view-mode-full > .footer > .views-element-container {
  margin-bottom: 24px;
}
.node--view-mode-full > .footer > .views-element-container:last-child {
  margin-bottom: 0;
}
.node--view-mode-full > .footer > .paragraph:last-child {
  margin-bottom: -24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full > .footer > .paragraph:last-child {
    margin-bottom: -48px;
  }
}
.node--view-mode-full .field-contact {
  border: 1px solid #8EC7B8;
  border-left: 4px solid #8EC7B8;
  display: flex;
  flex-wrap: wrap;
}
.node--view-mode-full .field-contact > .field__label {
  margin: 24px;
  font-size: 1rem;
  line-height: 1em;
  width: 100%;
}
.node--view-mode-full .field-documents {
  padding: 24px;
  background: #8EC7B8;
  border-left: 4px solid #4fa18b;
}
@media screen and (min-width: 768px) {
  .node--view-mode-full .field-documents {
    width: calc(50% - 12px);
    margin-right: 12px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full .field-documents {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }
}
.node--view-mode-full .field-documents .field__label {
  font-size: 1rem;
  line-height: 1em;
}
.node--view-mode-full .field-media-document a {
  font-size: 0.875rem;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  line-height: 1.375rem;
  padding-left: 24px;
  position: relative;
}
.node--view-mode-full .field-media-document a:after {
  font-size: 1rem;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
}
.node--view-mode-full .field-media-document a:hover {
  text-decoration: underline;
}
.node--view-mode-full .field-links {
  padding: 24px;
  background: #30658D;
  border-left: 4px solid #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .node--view-mode-full .field-links {
    width: calc(50% - 12px);
    margin-left: 12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full .field-links {
    width: 100%;
    margin-left: 0;
  }
}
.node--view-mode-full .field-links .field__label {
  font-size: 1rem;
  line-height: 1em;
}
.node--view-mode-full .field-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.node--view-mode-full .field-links ul li a {
  font-size: 0.875rem;
  text-decoration: none;
  padding-left: 24px;
  position: relative;
  line-height: 1.55em;
  color: #ffffff;
  display: block;
}
.node--view-mode-full .field-links ul li a:after {
  display: block;
  left: 0;
  top: 4px;
  position: absolute;
  font-size: 0.8rem;
  transition: left linear 0.2s;
}
.node--view-mode-full .field-links ul li a:hover {
  text-decoration: underline;
}
.node--view-mode-full .field-topic .field__label {
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.node--view-mode-full .field-topic > ul {
  padding: 0;
  list-style: none;
  margin-bottom: -12px;
}
.node--view-mode-full .field-topic > ul > li {
  display: inline-block;
  margin-right: 12px;
}
.node--view-mode-full .field-topic > ul > li:last-child {
  margin-right: 0;
}
.node--view-mode-full .field-topic > ul > li a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
.node--view-mode-full .field-topic > ul > li a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .node--view-mode-full .field-topic > ul > li a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.node--view-mode-full .field-viewsreference > .views-element-container {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full .field-viewsreference > .views-element-container {
    margin-bottom: 48px;
  }
}
.node--view-mode-full .field-viewsreference > .views-element-container:last-child {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-frontpage {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-event .event-info {
  padding: 24px;
  margin-bottom: 12px;
  border: 1px solid #eeeeee;
  font-size: 1rem;
  line-height: 1.375em;
  width: 100%;
}
.node--view-mode-full.node--type-event .event-info .field {
  margin-bottom: 12px;
}
.node--view-mode-full.node--type-event .event-info .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-event .event-info > .field-notice .field__label {
  margin-bottom: 4px;
}
.node--view-mode-full.node--type-event .event-info > .field-link-registration a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
.node--view-mode-full.node--type-event .event-info > .field-link-registration a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .node--view-mode-full.node--type-event .event-info > .field-link-registration a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-event .event-info > .field-link-registration a {
    font-size: 1rem;
  }
}
.node--view-mode-full.node--type-publication .publication-info {
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #eeeeee;
  width: 100%;
}
.node--view-mode-full.node--type-publication .publication-info .field-metadata {
  margin-bottom: 12px;
  line-height: 1.25em;
}
.node--view-mode-full.node--type-publication .publication-info .field-date {
  margin-bottom: 12px;
  font-size: 0.875rem;
  line-height: 1.25em;
}
.node--view-mode-full.node--type-publication .publication-info .field-date .field__label {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-publication .publication-info .field-media-document a {
  color: #000000;
}
.node--view-mode-full.node--type-page .field-content .container {
  padding: 24px 0;
}
.node--view-mode-full.node--type-page .field-content .container:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-page .field-content .container {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-page .field-content .container h3 {
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-page .field-content .container > p {
    float: left;
    margin-bottom: 0;
    margin-left: 12px;
    margin-right: 12px;
    width: calc(25% - 24px);
  }
}
.node--view-mode-full.node--type-person > .inner .slugline {
  margin-bottom: 12px;
}
.node--view-mode-full.node--type-person > .inner .slugline > .field {
  margin-right: 24px;
}
.node--view-mode-full.node--type-person > .inner .slugline > .field.field-position {
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-systempage > .inner > .alpha > .field-instructions {
    width: 70%;
  }
}
.node--view-mode-full.node--type-systempage > .inner > .beta {
  background: none;
}
.node--view-mode-full.node--type-member > .inner > .beta {
  padding: 24px;
  border-top: 4px solid #30658D;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-member > .inner > .beta {
    border-left: 4px solid #30658D;
    border-top: 0;
  }
}
.node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field {
  margin-bottom: 6px;
  font-size: 1rem;
}
.node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field.field-image-main {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field.field-image-main {
    margin-bottom: 24px;
  }
}
.node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field.field-address {
  margin-bottom: 0;
}
.node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field.field-zipcode, .node--view-mode-full.node--type-member > .inner > .beta > .member-info > .field.field-city {
  display: inline-block;
  margin-bottom: 12px;
}
.node--view-mode-full.node--type-article > .background > .inner > .node-title {
  margin: 0 calc(-50vw + 50%);
  padding: 24px;
  background-color: #ffffff;
}
.node--view-mode-full.node--type-article > .background > .inner > .node-title h1 {
  color: #000000;
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-article > .background > .inner > .node-title h1 {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .node--view-mode-full.node--type-article > .background > .inner > .node-title h1 {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .node--view-mode-full.node--type-article > .background > .inner > .node-title h1 {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .node--view-mode-full.node--type-article > .background > .inner > .node-title h1 {
    width: 1440px;
  }
}
.node--view-mode-full.node--type-article > .inner > .header {
  background-color: transparent;
}
.node--view-mode-full.node--type-article > .inner > .center .field-content {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 50px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 992px) {
  .node--view-mode-full.node--type-article > .inner > .center .field-content {
    border-radius: 100px;
    padding: 72px;
  }
}

.node--view-mode-list {
  /*------------------ CONTENT TYPES ------------------*/
}
.node--view-mode-list .node-title h3 {
  font-size: 1rem;
  font-weight: 700;
}
.node--view-mode-list .node-title h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-list .node-title h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-list > .inner .octo-slug {
  margin-right: 12px;
  margin-bottom: 12px;
}
.node--view-mode-list > .inner .octo-slug:last-child {
  margin-right: 0;
}
.node--view-mode-list > .inner .field-date,
.node--view-mode-list > .inner .field-date-interval {
  font-size: 0.75rem;
  color: #757575;
}
.node--view-mode-list.node--type-page .node-title h3 {
  font-size: 1.375rem;
}
.node--view-mode-list.node--type-event > .inner .node-title {
  margin-bottom: 0;
}
.node--view-mode-list.node--type-event > .inner .node-title h3 {
  font-size: 1.375rem;
  line-height: 1.9em;
}
.node--view-mode-list.node--type-event > .inner .field-time {
  font-weight: 700;
  margin-bottom: 0;
}
.node--view-mode-list.node--type-event > .inner .field-place {
  font-size: 0.875rem;
  color: #9e9e9e;
  font-weight: 700;
}
.node--view-mode-list.node--type-news > .inner .field-date {
  margin-bottom: 12px;
}
.node--view-mode-list.node--type-person .node-title {
  position: relative;
  padding-top: 12px;
  margin-bottom: 6px;
}
.node--view-mode-list.node--type-person .node-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 35px;
  background-color: #9e9e9e;
}
.node--view-mode-list.node--type-publication .field-author,
.node--view-mode-list.node--type-publication .field-published {
  color: #9e9e9e;
  line-height: 1.8em;
  margin-bottom: 0;
}
.node--view-mode-list.node--type-publication .field-author {
  margin-right: 48px;
}
.node--view-mode-list.node--type-publication .field__label {
  font-weight: 400;
}

.view-display-id-block_publications_related > .view-content > .item-list > ul li {
  background: none;
}

.node--view-mode-related {
  position: relative;
  background: #ffffff;
  /*------------------ CONTENT TYPES ------------------*/
}
.node--view-mode-related > .inner .node-title {
  padding: 12px;
  margin: 0;
}
.node--view-mode-related > .inner .node-title h3 {
  font-size: 1.2rem;
}
.node--view-mode-related > .inner .node-title h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-related > .inner .node-title h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-related .octo-slug {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0;
}
.node--view-mode-related .field-image-main,
.node--view-mode-related .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-related .field-image-main img {
  width: 100%;
}
.node--view-mode-related .field-time,
.node--view-mode-related .field-place {
  font-size: 0.875rem;
  color: #9e9e9e;
  font-weight: 700;
}
.node--view-mode-related.node--type-event {
  padding: 12px;
  border: 1px solid #e0e0e0;
}
@media screen and (min-width: 992px) {
  .node--view-mode-related.node--type-event {
    padding: 24px;
  }
}
.node--view-mode-related.node--type-event > .inner .group-content-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.node--view-mode-related.node--type-event > .inner .group-content-wrapper .octo-event-date {
  float: left;
  margin-right: 12px;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .node--view-mode-related.node--type-event > .inner .group-content-wrapper .octo-event-date {
    width: 96px;
  }
}
.node--view-mode-related.node--type-event > .inner .group-content-wrapper .octo-slug {
  margin-bottom: 12px;
}
.node--view-mode-related.node--type-event > .inner .group-content-wrapper .node-title {
  padding: 0;
  margin-bottom: 0;
  display: block;
  background: none;
}
.node--view-mode-related.node--type-event > .inner .field-time {
  margin-bottom: 0;
  clear: both;
  line-height: 1em;
}
.node--view-mode-related.node--type-event > .inner .field-place {
  position: relative;
  margin-top: 8px;
  padding-top: 8px;
  line-height: 1em;
}
.node--view-mode-related.node--type-event > .inner .field-place:before {
  content: "";
  display: block;
  border: 1px solid #9e9e9e;
  width: 12px;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: 0;
}
.node--view-mode-related.node--type-event > .inner .field__label {
  display: none;
}
.node--view-mode-related.node--type-person > .inner .node-title {
  padding-bottom: 0;
}
.node--view-mode-related.node--type-person > .inner .field-position {
  padding: 0 12px 12px 12px;
}
.node--view-mode-related.node--type-publication {
  background: none;
}
.node--view-mode-related.node--type-publication.has-image > .inner > .octo-slug {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.node--view-mode-related.node--type-publication.has-image > .inner .publication_info_wrapper {
  padding: 12px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 12px;
  height: auto;
  width: calc(100% - 24px);
}
.node--view-mode-related.node--type-publication.no-image > .inner {
  min-height: 200px;
  height: 100%;
  background: #bdbdbd;
}
.node--view-mode-related.node--type-publication.no-image > .inner .publication_info_wrapper {
  padding: 12px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 12px;
  height: auto;
  width: calc(100% - 24px);
}
.node--view-mode-related.node--type-publication > .inner {
  position: relative;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .node-title {
  padding: 0;
  background: none;
  height: auto;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-author,
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-published {
  font-size: 0.875rem;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-author {
  margin-bottom: 0;
  margin-top: 6px;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-published {
  color: #9e9e9e;
  margin-bottom: 0;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field__label {
  font-weight: 400;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-media-document a {
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  position: relative;
  padding-left: 24px;
  color: #000000;
}
.node--view-mode-related.node--type-publication > .inner .publication_info_wrapper .field-media-document a:after {
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
}
.node--view-mode-related.node--type-news.has-image, .node--view-mode-related.node--type-article.has-image, .node--view-mode-related.node--type-project.has-image {
  position: relative;
}
.node--view-mode-related.node--type-news.has-image > .inner .octo-slug, .node--view-mode-related.node--type-article.has-image > .inner .octo-slug, .node--view-mode-related.node--type-project.has-image > .inner .octo-slug {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.node--view-mode-related.node--type-news.no-image, .node--view-mode-related.node--type-article.no-image, .node--view-mode-related.node--type-project.no-image {
  min-height: 150px;
  background-color: #bdbdbd;
}
@media screen and (min-width: 768px) {
  .node--view-mode-related.node--type-news.no-image, .node--view-mode-related.node--type-article.no-image, .node--view-mode-related.node--type-project.no-image {
    min-height: 100px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-related.node--type-news.no-image, .node--view-mode-related.node--type-article.no-image, .node--view-mode-related.node--type-project.no-image {
    min-height: 200px;
  }
}
.node--view-mode-related.node--type-news.no-image > .inner .node-title, .node--view-mode-related.node--type-article.no-image > .inner .node-title, .node--view-mode-related.node--type-project.no-image > .inner .node-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
}

.node--view-mode-teaser {
  /*------------------ CONTENT TYPES ------------------*/
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser > .inner > .alpha {
    width: calc(30% - 12px);
    margin-right: 12px;
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser > .inner > .beta {
    width: calc(70% - 12px);
    margin-left: 12px;
  }
}
.node--view-mode-teaser .field-image-main {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser .field-image-main {
    margin-bottom: 0;
  }
}
.node--view-mode-teaser .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-teaser .node-title {
  position: relative;
  margin-bottom: 0;
  margin-bottom: 12px;
}
.node--view-mode-teaser .node-title h2 {
  line-height: 1em;
  font-size: 1.2rem;
}
.node--view-mode-teaser .node-title h2 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-teaser .node-title h2 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-teaser .node-title:last-child {
  padding-bottom: 0;
}
.node--view-mode-teaser .field-intro {
  line-height: 1.25em;
}
.node--view-mode-teaser .octo-slug {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.node--view-mode-teaser .field-date {
  font-size: 0.8rem;
  color: #000000;
  margin-bottom: 12px;
  color: #9e9e9e;
}
.node--view-mode-teaser .field-time,
.node--view-mode-teaser .field-place {
  font-size: 0.875rem;
  color: #9e9e9e;
  display: block;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser .field-time,
.node--view-mode-teaser .field-place {
    display: inline-block;
  }
}
.node--view-mode-teaser .field-place {
  position: relative;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser .field-place {
    padding-left: 12px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser .field-place:before {
    content: "";
    display: block;
    width: 6px;
    border: 1px solid #9e9e9e;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
  }
}
.node--view-mode-teaser .field-media-document a {
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  position: relative;
  padding-left: 24px;
  color: #000000;
}
.node--view-mode-teaser .field-media-document a:after {
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
}
.node--view-mode-teaser.node--type-event > .inner > .alpha {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser.node--type-event > .inner > .alpha {
    width: calc(15% - 24px);
  }
}
.node--view-mode-teaser.node--type-event > .inner > .alpha .octo-event-date {
  margin-bottom: 12px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser.node--type-event > .inner > .beta {
    width: calc(85% - 24px);
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser.node--type-publication > .inner > .alpha {
    margin-bottom: 0;
  }
}
.node--view-mode-teaser.node--type-publication > .inner > .alpha .field-image-main {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .node--view-mode-teaser.node--type-publication > .inner > .alpha .field-image-main {
    text-align: left;
  }
}
.node--view-mode-teaser.node--type-publication > .inner > .beta .node-title {
  margin-bottom: 12px;
}
.node--view-mode-teaser.node--type-publication > .inner > .beta .field-author,
.node--view-mode-teaser.node--type-publication > .inner > .beta .field-published {
  font-size: 1rem;
  line-height: 1.25em;
}
.node--view-mode-teaser.node--type-publication > .inner > .beta .field-author {
  margin-bottom: 0;
}
.node--view-mode-teaser.node--type-publication > .inner > .beta .field__label {
  font-weight: 400;
}
.node--view-mode-teaser.node--type-person > .inner > .beta {
  padding: 12px 0;
}
.node--view-mode-teaser.node--type-person > .inner > .beta .field {
  margin-bottom: 12px;
}
.node--view-mode-teaser.node--type-person > .inner > .beta .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-teaser.node--type-person > .inner > .beta .field-position {
  font-size: 1rem;
  line-height: 1.25em;
}
.node--view-mode-teaser.node--type-person > .inner > .beta .field-phone {
  margin-bottom: 6px;
}
.node--view-mode-teaser.node--type-member {
  padding: 12px;
  background: #f5f5f5;
}
@media screen and (min-width: 992px) {
  .node--view-mode-teaser.node--type-member {
    padding: 24px;
  }
}
.node--view-mode-teaser.node--type-member.has-image > .inner {
  display: block;
}
.node--view-mode-teaser.node--type-member.has-image > .inner > .alpha {
  width: 100%;
  margin-bottom: 24px;
}
.node--view-mode-teaser.node--type-member.has-image > .inner > .alpha .field-image-main .field-media-svg {
  max-height: 75px;
  margin: auto;
}
.node--view-mode-teaser.node--type-member.has-image > .inner > .alpha .field-image-main .field-media-svg img {
  max-height: 75px;
}
.node--view-mode-teaser.node--type-member.has-image > .inner > .beta {
  width: 100%;
}
.node--view-mode-teaser.node--type-project > .inner > .beta .field-date {
  margin-bottom: 0;
}

/**************************************************
 *  STICKY
 **************************************************/
/**************************************************
 *  EMBEDDED CONTEXT
 **************************************************/
.embedded-entity .node--view-mode-teaser,
.embedded-entity .node--view-mode-list {
  background-color: #f5f5f5;
}

.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts {
  border-radius: 12px;
  overflow: hidden;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner > .field {
  padding: 12px;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .taxonomy-term-title {
  margin-bottom: 0;
  background-color: #eeeeee;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .taxonomy-term-title h2 {
  font-size: 1.4rem;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .taxonomy-term-title h2 a {
  color: #000000;
  text-decoration: none;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .taxonomy-term-title h2 a:hover {
  text-decoration: underline;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .field-sections-ref a {
  display: block;
  color: #30658D;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eeeeee;
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: 700;
  text-decoration: none;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .field-sections-ref a:hover {
  text-decoration: underline;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-vggt-parts > .inner .field-sections-ref a:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right:after {
  content: "";
  display: block;
  height: 100%;
  width: 3px;
  background: #8EC7B8;
  position: absolute;
  transition: all 200ms ease-in-out;
  z-index: -1;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title {
  padding: 12px;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h2, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h3, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h2, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h3 {
  font-size: 1.2rem;
  font-weight: 400;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h2 a, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h3 a, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h2 a, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h3 a {
  color: #000000;
  text-decoration: none;
  transition: all 200ms ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme .taxonomy-term-title h3 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h2 a:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right .taxonomy-term-title h3 a:after {
  font-size: 0.9rem;
  color: #30658D;
}
.taxonomy-term--view-mode-teaser.taxonomy-term--type-human-rights-theme:hover:after, .taxonomy-term--view-mode-teaser.taxonomy-term--type-human-right:hover:after {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .node--view-mode-contact {
    width: calc(50% - 12px);
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-contact {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-contact:nth-child(even) {
    margin-right: 12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-contact:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-contact:nth-child(odd) {
    margin-left: 12px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-contact:nth-child(odd) {
    margin-left: 0;
  }
}
.node--view-mode-contact .field-image-main {
  margin: 0;
}
.node--view-mode-contact .field-image-main .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-contact > .group-content {
  padding: 24px;
}
.node--view-mode-contact > .group-content > .field {
  margin-bottom: 12px;
}
.node--view-mode-contact > .group-content > .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-contact > .group-content .node-title h2 {
  font-size: 1.375rem;
}
.node--view-mode-contact > .group-content .field-position {
  font-size: 1rem;
  line-height: 1.25em;
}
.node--view-mode-contact > .group-content .field-phone {
  margin-bottom: 6px;
}

.node--view-mode-ckeditor-embed {
  border: #e0e0e0 1px solid;
  position: relative;
  /*------------------ CONTENT TYPES ------------------*/
}
@media screen and (min-width: 768px) {
  .node--view-mode-ckeditor-embed.octo-2col-content > .inner > .alpha {
    width: calc(30% - 12px);
  }
}
@media screen and (min-width: 768px) {
  .node--view-mode-ckeditor-embed.octo-2col-content > .inner > .beta {
    width: calc(70% - 12px);
    padding: 12px 24px 12px 0;
  }
}
.node--view-mode-ckeditor-embed .field {
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-ckeditor-embed .node-title > h3 {
  font-size: 1.2rem;
}
.node--view-mode-ckeditor-embed .node-title > h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-ckeditor-embed .node-title > h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-ckeditor-embed .node-title:last-child {
  padding-bottom: 0;
}
.node--view-mode-ckeditor-embed .node-title:last-child:after {
  display: none;
}
.node--view-mode-ckeditor-embed .node-link {
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed .node-link a {
  text-decoration: none;
  font-size: 0.875rem;
  color: #000000;
  position: relative;
  padding-right: 16px;
}
.node--view-mode-ckeditor-embed .node-link a:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 0.7rem;
  transition: right 0.2s linear;
}
.node--view-mode-ckeditor-embed .node-link a:hover:after {
  right: -6px;
}
.node--view-mode-ckeditor-embed .field-date {
  font-size: 0.75rem;
  color: #757575;
}
.node--view-mode-ckeditor-embed .octo-slug {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-ckeditor-embed .field-intro {
  font-size: 0.9rem;
  line-height: 1.3em;
}
.node--view-mode-ckeditor-embed .field-time,
.node--view-mode-ckeditor-embed .field-place {
  font-size: 0.875rem;
  color: #9e9e9e;
  font-weight: 700;
}
.node--view-mode-ckeditor-embed .field-place {
  position: relative;
  padding-left: 12px;
}
.node--view-mode-ckeditor-embed .field-place:before {
  content: "-";
  display: block;
  width: 2px;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2px;
}
.node--view-mode-ckeditor-embed .field-media-document a {
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  position: relative;
  color: #000000;
}
.node--view-mode-ckeditor-embed.node--type-publication {
  padding: 0;
}
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .octo-slug {
  margin-bottom: 24px;
}
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-author,
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-published {
  font-size: 0.875rem;
}
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-author .field__label,
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-published .field__label {
  font-weight: 400;
}
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-author {
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed.node--type-publication > .inner > .beta .field-media-document a:before {
  color: #757575;
}
.node--view-mode-ckeditor-embed.node--type-event > .inner > .alpha {
  width: calc(15% - 12px);
}
.node--view-mode-ckeditor-embed.node--type-event > .inner > .alpha .octo-event-date {
  width: 100%;
}
.node--view-mode-ckeditor-embed.node--type-event > .inner > .beta {
  width: calc(85% - 12px);
  padding: 0;
}
.node--view-mode-ckeditor-embed.node--type-event > .inner > .beta .slugline .field-time,
.node--view-mode-ckeditor-embed.node--type-event > .inner > .beta .slugline .field-place {
  line-height: 1.55em;
  margin-bottom: 0;
}
.node--view-mode-ckeditor-embed.node--type-page, .node--view-mode-ckeditor-embed.node--type-sectionpage, .node--view-mode-ckeditor-embed.node--type-project {
  padding: 0;
}
.node--view-mode-ckeditor-embed.node--type-page > .inner > .alpha .field-image-main, .node--view-mode-ckeditor-embed.node--type-sectionpage > .inner > .alpha .field-image-main, .node--view-mode-ckeditor-embed.node--type-project > .inner > .alpha .field-image-main {
  overflow: hidden;
}
.node--view-mode-ckeditor-embed.node--type-page > .inner > .alpha .field-image-main .field-media-image, .node--view-mode-ckeditor-embed.node--type-sectionpage > .inner > .alpha .field-image-main .field-media-image, .node--view-mode-ckeditor-embed.node--type-project > .inner > .alpha .field-image-main .field-media-image {
  width: 110%;
}
.node--view-mode-ckeditor-embed.node--type-article {
  padding: 0;
  background: #e0e0e0;
  border: none;
}
.node--view-mode-ckeditor-embed.node--type-article > .inner > .alpha {
  position: relative;
}
.node--view-mode-ckeditor-embed.node--type-article > .inner > .alpha .octo-slug {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.node--view-mode-ckeditor-embed.node--type-person, .node--view-mode-ckeditor-embed.node--type-member {
  border: none;
  background-color: #e0e0e0;
}
.node--view-mode-ckeditor-embed.node--type-person > .inner > .alpha, .node--view-mode-ckeditor-embed.node--type-member > .inner > .alpha {
  width: calc(15% - 12px);
  margin-bottom: -6px;
}
.node--view-mode-ckeditor-embed.node--type-person > .inner > .alpha img, .node--view-mode-ckeditor-embed.node--type-member > .inner > .alpha img {
  width: 100%;
}
.node--view-mode-ckeditor-embed.node--type-person > .inner > .beta, .node--view-mode-ckeditor-embed.node--type-member > .inner > .beta {
  width: calc(85% - 12px);
  padding: 0;
}
.node--view-mode-ckeditor-embed.node--type-person > .inner > .beta .node-title, .node--view-mode-ckeditor-embed.node--type-member > .inner > .beta .node-title {
  margin-bottom: 0;
}
.node--view-mode-ckeditor-embed.node--type-person > .inner > .beta .field-position, .node--view-mode-ckeditor-embed.node--type-member > .inner > .beta .field-position {
  font-size: 0.875rem;
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed.node--type-member > .inner > .beta .node-title {
  margin-bottom: 12px;
}
.node--view-mode-ckeditor-embed.node--type-person, .node--view-mode-ckeditor-embed.node--type-event, .node--view-mode-ckeditor-embed.node--type-member {
  padding: 12px;
}
@media screen and (min-width: 768px) {
  .node--view-mode-ckeditor-embed.node--type-person, .node--view-mode-ckeditor-embed.node--type-event, .node--view-mode-ckeditor-embed.node--type-member {
    padding: 24px;
  }
}

.node--view-mode-paragraph-embed {
  padding: 12px;
  /*------------------ CONTENT TYPES ------------------*/
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed {
    padding: 24px;
  }
}
.node--view-mode-paragraph-embed.no-image > .inner > .beta {
  padding-top: 0;
}
.node--view-mode-paragraph-embed > .inner {
  margin: 0;
}
.node--view-mode-paragraph-embed > .inner > .alpha {
  margin: 0;
}
.node--view-mode-paragraph-embed > .inner > .beta {
  margin: 0;
  padding: 12px 0 0;
}
.node--view-mode-paragraph-embed > .inner > .beta .node-title {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed .field-media-image {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed .field-image-main {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed .field-image-main img {
  width: 100%;
}
.node--view-mode-paragraph-embed .slugline {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed .octo-slug {
  font-size: 0.8rem;
  font-weight: 700;
}
.node--view-mode-paragraph-embed .field-date {
  font-size: 0.75rem;
  color: #616161;
}
.node--view-mode-paragraph-embed .field-time,
.node--view-mode-paragraph-embed .field-place {
  font-size: 0.875rem;
  color: #616161;
  font-weight: 700;
}
.node--view-mode-paragraph-embed .node-title {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed .node-title h3 {
  font-size: 1.375rem;
}
.node--view-mode-paragraph-embed .node-title h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-paragraph-embed .node-title h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-paragraph-embed .field-intro {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5em;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed .field-intro {
    font-size: 1.5rem;
  }
}
.node--view-mode-paragraph-embed .field-para-text {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5em;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed .field-para-text {
    font-size: 1.5rem;
  }
}
.node--view-mode-paragraph-embed.node--type-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-page {
    padding: 24px;
    padding-bottom: 12px;
  }
}
.node--view-mode-paragraph-embed.node--type-page > .inner {
  margin: 0;
}
.node--view-mode-paragraph-embed.node--type-page > .inner > .field-image-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-page > .inner > .content_wrapper {
  padding: 12px;
  margin-top: 48px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-page > .inner > .content_wrapper {
    margin-top: 96px;
  }
}
.node--view-mode-paragraph-embed.node--type-event {
  padding: 12px;
  border: 1px solid #bdbdbd;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-event {
    padding: 24px;
  }
}
.node--view-mode-paragraph-embed.node--type-event > .inner .group-content-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .group-content-wrapper .octo-event-date {
  width: 96px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .group-content-wrapper .octo-slug {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .group-content-wrapper .node-title {
  margin: 0 0 12px 0;
  display: block;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .field-time {
  margin-bottom: 6px;
  clear: both;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .field-time,
.node--view-mode-paragraph-embed.node--type-event > .inner .field-place {
  line-height: 1em;
}
.node--view-mode-paragraph-embed.node--type-event > .inner .field__label {
  display: none;
}
.node--view-mode-paragraph-embed.node--type-article, .node--view-mode-paragraph-embed.node--type-frontpage {
  border-radius: 50px;
  padding: 24px;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-article, .node--view-mode-paragraph-embed.node--type-frontpage {
    border-radius: 100px;
    padding: 48px 72px;
  }
}
.node--view-mode-paragraph-embed.node--type-article > .inner .octo-slug, .node--view-mode-paragraph-embed.node--type-frontpage > .inner .octo-slug {
  display: none;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-article > .inner > .field, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .field {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-article > .inner > .field-image-main, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .field-image-main {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
  }
}
.node--view-mode-paragraph-embed.node--type-article > .inner > .field-image-main img, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .field-image-main img {
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-article > .inner > .field-image-main img, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .field-image-main img {
    border-radius: 60px;
  }
}
.node--view-mode-paragraph-embed.node--type-article > .inner > .node-title, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .node-title {
  text-align: center;
}
.node--view-mode-paragraph-embed.node--type-article > .inner > .node-title h3, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .node-title h3 {
  font-weight: 400;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-article > .inner > .node-title h3, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .node-title h3 {
    font-size: 2.5rem;
  }
}
.node--view-mode-paragraph-embed.node--type-article > .inner > .field-intro, .node--view-mode-paragraph-embed.node--type-frontpage > .inner > .field-intro {
  text-align: center;
}
.node--view-mode-paragraph-embed.node--type-news > .inner .field-image-main {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed.node--type-news > .inner .octo-slug {
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-news > .inner .node-title {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed.node--type-person > .inner {
  padding: 0;
}
.node--view-mode-paragraph-embed.node--type-person > .inner .field {
  margin-bottom: 12px;
}
.node--view-mode-paragraph-embed.node--type-person > .inner .field:last-child {
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-person > .inner .node-title h3 {
  line-height: 1.25em;
}
.node--view-mode-paragraph-embed.node--type-person > .inner .field-position {
  font-size: 1rem;
  line-height: 1.25em;
}
.node--view-mode-paragraph-embed.node--type-person > .inner .field-phone {
  margin-bottom: 6px;
}
.node--view-mode-paragraph-embed.node--type-publication {
  padding: 0;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .field-image-main {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .node--view-mode-paragraph-embed.node--type-publication > .inner .field-image-main .media {
    width: 105%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .field-image-main .media .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .field-image-main .media .field-media-image img {
  height: 100%;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper {
  padding: 12px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 12px;
  width: calc(100% - 24px);
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .node-title {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-author,
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-published {
  font-size: 0.875rem;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-author {
  margin-bottom: 0;
  margin-top: 6px;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-published {
  color: #616161;
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field__label {
  font-weight: 400;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-media-document a {
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  position: relative;
  padding-left: 24px;
  color: #000000;
}
.node--view-mode-paragraph-embed.node--type-publication > .inner .publication_info_wrapper .field-media-document a:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
}
.node--view-mode-paragraph-embed.node--type-publication.no-image .publication_info_wrapper {
  left: 0;
  bottom: -48px;
  width: 100%;
}
.node--view-mode-paragraph-embed.node--type-project .slugline {
  margin-bottom: 0;
}
.node--view-mode-paragraph-embed.node--type-project .slugline .field-date {
  line-height: 1.4em;
}
.node--view-mode-paragraph-embed.node--type-project .node-title {
  margin-top: 0;
}

.paragraph--view-mode-paragraph-embed {
  /** Default box **/
}
.paragraph--view-mode-paragraph-embed .field-para-title {
  margin-bottom: 12px;
}
.paragraph--view-mode-paragraph-embed .field-para-title h2,
.paragraph--view-mode-paragraph-embed .field-para-title h3 {
  font-size: 2rem;
}
.paragraph--view-mode-paragraph-embed .field-para-title h2 > a,
.paragraph--view-mode-paragraph-embed .field-para-title h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.paragraph--view-mode-paragraph-embed .field-para-title h2 > a:hover,
.paragraph--view-mode-paragraph-embed .field-para-title h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.paragraph--view-mode-paragraph-embed .field-para-text {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2em;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed .field-para-text {
    font-size: 1.35rem;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box {
  margin-bottom: 0;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box {
    border-radius: 60px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner .group-content-wrapper {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner .group-content-wrapper {
    padding: 24px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box > .inner .group-content-wrapper > .field:last-child {
  margin-bottom: 0 !important;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.has-image {
  padding: 0;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.has-image > .inner .field-para-graphic {
  margin-bottom: 0;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box.has-image > .inner .field-para-graphic .media {
  margin-bottom: 0;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo {
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box-promo {
    border-radius: 60px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo > .inner > .field-para-graphic {
  margin-bottom: 0;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo > .inner > .content_wrapper {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box-promo > .inner > .content_wrapper {
    padding: 24px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo > .inner > .content_wrapper > .field-para-text {
  margin-bottom: 0;
  line-height: 1.4em;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo > .inner > .content_wrapper > .field-para-link {
  margin-top: 24px;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-promo:hover {
  box-shadow: 0 4px 2px 2px rgba(0, 0, 0, 0.1);
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut {
  padding: 12px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut {
    padding: 24px;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner {
  height: 100%;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .field-para-graphic {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  transform: translate(50%, -10%);
  opacity: 0.1;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 100%;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-title > h2 {
  font-size: 1.625rem;
  line-height: 1.33em;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  line-height: 1.375em;
  padding: 6px 0;
  padding-left: 24px;
  position: relative;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a:after {
  position: absolute;
  top: 13px;
  left: 0;
  font-size: 0.625rem;
  transition: left linear 0.2s;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a:hover {
  text-decoration: underline;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-links a:hover:after {
  left: 6px;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-link {
  margin-top: auto;
  text-align: left;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-link a {
  text-align: center;
  width: calc(100% + 24px);
  transform: translate(-12px, 12px);
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box-shortcut > .inner > .content_wrapper > .field-para-link a {
    width: calc(100% + 48px);
    transform: translate(-24px, 24px);
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon {
  cursor: pointer;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner > .field-para-graphic {
  margin-bottom: 0;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner > .field-para-graphic .media {
  height: 150px;
  position: relative;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner > .field-para-graphic .media img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: calc(150px - 24px);
  transition: all 0.2s linear;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon > .inner > .field-para-link {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-icon:hover > .inner > .field-para-graphic .media img {
  height: calc(150px - 12px);
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-number {
  padding: 24px;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-number > .inner > .field-para-number {
  text-align: center;
  line-height: 1.3em;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph--view-mode-paragraph-embed.paragraph--type-box-number > .inner > .field-para-number {
    font-size: 4rem;
  }
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-number > .inner > .field-para-number:after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background: #8EC7B8;
  margin: 0 auto;
}
.paragraph--view-mode-paragraph-embed.paragraph--type-box-number > .inner > .field-para-number-text {
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.33em;
}

.media--view-mode-common {
  position: relative;
}
.media--view-mode-common .field {
  margin-bottom: 0;
}
.media--view-mode-common .field__label {
  font-weight: normal;
}
.media--view-mode-common .field-media-document a {
  display: block;
  padding: 12px 24px;
  text-decoration: none;
}
.media--view-mode-common .field-media-document a:hover {
  background-color: #8EC7B8;
  color: #ffffff;
}
.media--view-mode-common .field-media-copyright {
  font-size: 0.875rem;
  line-height: 1.2em;
  padding: 12px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 100%;
}

.node--view-mode-square {
  position: relative;
  background: #e0e0e0;
  /*------------------ CONTENT TYPES ------------------*/
}
.node--view-mode-square > .inner .node-title {
  padding: 12px;
  margin: 0;
  background-color: #fafafa;
}
.node--view-mode-square > .inner .node-title h3 {
  font-size: 1.2rem;
}
.node--view-mode-square > .inner .node-title h3 > a {
  color: #000000;
  text-decoration: none;
  transition: color 0.1s linear;
}
.node--view-mode-square > .inner .node-title h3 > a:hover {
  color: #4fa18b;
  text-decoration: underline;
}
.node--view-mode-square .octo-slug {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0;
}
.node--view-mode-square .field-image-main,
.node--view-mode-square .field-media-image {
  margin-bottom: 0;
}
.node--view-mode-square .field-image-main img {
  width: 100%;
}
.node--view-mode-square .field-time,
.node--view-mode-square .field-place {
  font-size: 0.875rem;
  color: #9e9e9e;
  font-weight: 700;
}
.node--view-mode-square.node--type-page {
  background: #30658D;
  cursor: pointer;
}
.node--view-mode-square.node--type-page.has-image {
  background: none;
}
.node--view-mode-square.node--type-page.has-image > .inner {
  position: relative;
}
.node--view-mode-square.node--type-page.has-image > .inner > .group-content-wrapper {
  background: rgba(48, 101, 141, 0.8);
  position: absolute;
  bottom: 0;
}
.node--view-mode-square.node--type-page:hover > .inner:before {
  background: #4fa18b;
}
.node--view-mode-square.node--type-page > .inner:before {
  background: #8EC7B8;
  padding: 6px;
  font-size: 0.5rem;
  border-radius: 50%;
  color: #ffffff;
  z-index: 30;
  position: absolute;
  bottom: 14px;
  right: 8px;
  transition: background 0.2s linear;
}
.node--view-mode-square.node--type-page > .inner > .group-content-wrapper {
  background: none;
  padding: 12px;
  padding-right: 36px;
  width: 100%;
}
.node--view-mode-square.node--type-page > .inner > .group-content-wrapper > .node-title {
  padding: 0;
  background: transparent;
  margin-bottom: 0;
}
.node--view-mode-square.node--type-page > .inner > .group-content-wrapper > .node-title h3 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}
.node--view-mode-square.node--type-page > .inner > .group-content-wrapper > .node-title h3 a {
  color: #ffffff;
}

/**************************************************
 *  media
 **************************************************/
.media {
  position: relative;
}
.media > .contextual > button {
  display: none;
}
.media .field-media-copyright {
  font-size: 0.8rem;
  line-height: 1em;
  padding: 12px;
  color: #ffffff;
  text-shadow: 1px 1px #000000;
  position: absolute;
  bottom: 0;
  right: 0;
}
.media .field-media-copyright:before {
  content: "©";
  display: inline-block;
}

.media--type-media-image.media--view-mode-common {
  cursor: pointer;
}
.media--type-media-image.media--view-mode-common > .inner > .field-link {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.field-ot-videojs > .video-js-container .vjs-big-play-button {
  background-color: #ffffff;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.field-ot-videojs > .video-js-container .vjs-big-play-button > .vjs-icon-placeholder:before {
  top: 25%;
  font-size: 4rem;
  color: black;
}

.media--type-media-image {
  position: relative;
}
.media--type-media-image > .inner > .field-media-image {
  margin-bottom: 0 !important;
}
.media--type-media-image + figcaption {
  margin-top: 16px;
}

/**************************************************
 *  Paragraph
 **************************************************/
.paragraph.paragraph--view-mode-ribbon {
  /* ---------------- VARIABLES ---------------- */
  /* ---------------- Style Ribbon Color White ---------------- */
  /* ---------------- Style Ribbon Color Grey ---------------- */
  /* ---------------- Style Ribbon Color Grey w. Green border ---------------- */
  /* ---------------- Style Ribbon Color Grey w. Pink border ---------------- */
  /* ---------------- Style Ribbon Color Primary ---------------- */
  /* ---------------- Style Ribbon Color Primary w. border ---------------- */
  /* ---------------- Style Ribbon Color secondary ---------------- */
  /* ---------------- Style Ribbon Color tertiary ---------------- */
  /* ---------------- Style Ribbon Color quartiary ---------------- */
  /* ---------------- Style Ribbon Color quartiary w. border ---------------- */
  /* ---------------- Style Ribbon Color White ---------------- */
  /* ---------------- Style Ribbon Color grey ---------------- */
  /* ---------------- Style Ribbon Color grey ---------------- */
  /* ---------------- Style Ribbon Color grey w. green border ---------------- */
  /* ---------------- Style Ribbon Color grey w. pink border ---------------- */
  /* ---------------- Style Ribbon Color Primary w. border ---------------- */
  /* ---------------- Style Ribbon Color Primary ---------------- */
  /* ---------------- Style Ribbon Color secondary ---------------- */
  /* ---------------- Style Ribbon Color tertiary ---------------- */
  /* ---------------- Style Ribbon Color quartiary ---------------- */
  /* ---------------- Style Ribbon Color quartiary w. border ---------------- */
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .taxonomy-term {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-white > .inner .field-para-html-embed {
  background: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li .taxonomy-term--type-human-rights-theme {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed {
  background: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed form.ot_newsletter > div.name input, .paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed form.ot_newsletter > div.mail input {
  background: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li .taxonomy-term--type-human-rights-theme {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed {
  background: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed form.ot_newsletter > div.name input, .paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey > .inner .field-para-html-embed form.ot_newsletter > div.mail input {
  background: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .group-content-wrapper > .alpha > .field-para-graphic {
  border-color: #8EC7B8 !important;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li .taxonomy-term--type-human-rights-theme {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner .field-para-html-embed {
  background: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner .field-para-html-embed form.ot_newsletter > div.name input, .paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-green > .inner .field-para-html-embed form.ot_newsletter > div.mail input {
  background: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink {
  background-color: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .group-content-wrapper > .alpha > .field-para-graphic {
  border-color: #E09DAF !important;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li .taxonomy-term--type-human-rights-theme {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner .field-para-html-embed {
  background: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner .field-para-html-embed form.ot_newsletter > div.name input, .paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey-border-pink > .inner .field-para-html-embed form.ot_newsletter > div.mail input {
  background: #f5f5f5;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green {
  background-color: #8EC7B8;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .group-content-wrapper > .alpha > .field-para-graphic {
  border-color: #4fa18b !important;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-title h2 {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-text {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-text a {
  color: #30658D;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-text a:hover {
  color: #162e41;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary-border-green > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary {
  background-color: #8EC7B8;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-title h2 {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-text {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-text a {
  color: #30658D;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-text a:hover {
  color: #162e41;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-primary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary {
  background-color: #30658D;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-title h2 {
  color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-text {
  color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-text a {
  color: #30658D;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-text a:hover {
  color: #162e41;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-secondary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary {
  background-color: #DDB611;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-title h2 {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-text {
  color: #000000;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-text a {
  color: #DDB611;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-text a:hover {
  color: #af920d;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  background-color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary {
  background-color: #E09DAF;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-title h2 {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-text {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-text a {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-text a:hover {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink {
  background-color: #E09DAF;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .group-content-wrapper > .alpha > .field-para-graphic {
  border-color: #ab7483 !important;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-title h2 {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-text {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-text a {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-text a:hover {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .node,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-boxes-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .node.node--type-page .content_wrapper,
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-content-ref > .field_items > .field__item > .paragraph.node--type-page .content_wrapper {
  color: white;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-quartiary-border-pink > .inner > .field-para-view > .views-element-container > .view > .view-content > .item-list > ul > li > .node > .taxonomy-term {
  color: white;
}

.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items {
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 2) - 48px);
  }
}
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 3) - 24px);
  }
}
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 6px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 6px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 4) - 24px);
  }
}
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-block-ref > .field_items {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--view-mode-ribbon.para-cols.para-cols-5 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 5) - 24px);
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd) {
    width: calc(70% - 24px);
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-large-small > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even) {
    width: calc(30% - 24px);
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 2) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd) {
    width: calc(30% - 24px);
  }
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-boxes.para-cols-2-small-large > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even) {
    width: calc(70% - 24px);
  }
}
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items {
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: calc((100% / 1) - 24px);
  }
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-1 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 1) - 48px);
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-2 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 2) - 48px);
  }
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: 100%;
    margin-bottom: 12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-3 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 3) - 48px);
  }
}
@media screen and (max-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(odd),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(odd) {
    margin-right: 6px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item:nth-child(even),
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item:nth-child(even) {
    margin-left: 6px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-4 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 4) - 48px);
  }
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-boxes-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-content-ref > .field_items,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-block-ref > .field_items {
    margin-bottom: -48px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-boxes-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-content-ref > .field_items > .field__item,
.paragraph.paragraph--type-ribbon-promo.para-cols.para-cols-5 > .inner > .field-para-block-ref > .field_items > .field__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 48px;
    width: calc((100% / 5) - 48px);
  }
}

.paragraph.paragraph--view-mode-ribbon {
  margin: 0 calc(-50vw + 50%);
  padding: 24px 0;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon {
    padding: 84px 0;
  }
}
.paragraph.paragraph--view-mode-ribbon > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon > .inner {
    width: calc(940px - 120px);
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph.paragraph--view-mode-ribbon > .inner {
    width: calc(1140px - 120px);
  }
}
@media screen and (min-width: 1360px) {
  .paragraph.paragraph--view-mode-ribbon > .inner {
    width: calc(1300px - 240px);
  }
}
@media screen and (min-width: 1800px) {
  .paragraph.paragraph--view-mode-ribbon > .inner {
    width: calc(1440px - 240px);
  }
}
.paragraph.paragraph--view-mode-ribbon > .inner > .alpha > .field-para-title,
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-title {
  font-weight: 700;
  text-align: center;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .alpha > .field-para-title h2,
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-title h2 {
  font-size: 1.875rem;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon > .inner > .alpha > .field-para-title h2,
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-title h2 {
    font-size: 4rem;
  }
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text {
  font-weight: 300;
  line-height: 1.2em;
  text-align: center;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul {
  list-style: none;
  padding: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li:before,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li:before,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #8EC7B8;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li:last-child {
  margin-bottom: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li > ul {
  list-style: none;
  padding: 0;
  margin-top: 6px;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li > ul > li {
  padding-left: 24px;
  margin-bottom: 12px;
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li > ul > li:before,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li > ul > li:before,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li > ul > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4fa18b;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ul > li > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ul > li > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol {
  padding-left: 19.2px;
  list-style: none;
  counter-reset: custom-counter;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li {
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
  counter-increment: custom-counter;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li:after,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li:after,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li:after {
  content: counter(custom-counter);
  display: block;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #8EC7B8;
  text-align: center;
  color: #ffffff;
  font-size: 0.9rem;
  position: absolute;
  top: 2px;
  left: -19px;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li:last-child {
  margin-bottom: 0;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li > ul,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li > ul {
  margin-top: 6px;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li > ul > li,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li > ul > li {
  margin-bottom: 12px;
  padding-left: 1px;
}
.paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text > ol > li > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text > ol > li > ul > li:last-child,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon > .inner > .field-para-text,
.paragraph.paragraph--view-mode-ribbon > .inner > .group-content-wrapper .field-para-text,
.paragraph.paragraph--view-mode-ribbon > .inner > .content_wrapper .field-para-text {
    margin-bottom: 48px;
    font-size: 1.35rem;
  }
}
.paragraph.paragraph--view-mode-ribbon .field-para-link {
  text-align: left;
}
.paragraph.paragraph--view-mode-ribbon .field-para-link a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
  margin-right: 12px;
}
.paragraph.paragraph--view-mode-ribbon .field-para-link a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .paragraph.paragraph--view-mode-ribbon .field-para-link a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-grey + .style-ribbon-color-grey {
  padding-top: 0px !important;
}
.paragraph.paragraph--view-mode-ribbon.style-ribbon-color-tertiary + .style-ribbon-color-tertiary {
  padding-top: 0px !important;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero {
  background-size: cover;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .field-para-title {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .field-para-title h2 {
    font-size: 3rem;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 50px;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper {
    padding: 48px;
    width: 68%;
    border-radius: 100px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .field-para-title {
  width: 100%;
  border-bottom: 12px;
  text-align: left;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .field-para-title h2 {
  letter-spacing: 0.01em;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .field-para-title h2 {
    font-size: 2.5rem;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha {
  display: grid;
  grid-template-areas: "text";
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha {
    display: flex;
    width: 160%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > * {
    width: 60%;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > * > .field-para-text {
  text-align: left;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > *.field-para-graphic {
  background-color: white;
  border-radius: 60px;
  border: 4px solid #eee;
  padding: 24px;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > *.field-para-graphic {
    margin-left: 48px;
    align-self: center;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > *.field-para-graphic .field-ot-videojs {
  overflow: hidden;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero > .inner > .group-content-wrapper > .alpha > *.field-para-graphic .field.name {
  text-align: right;
  margin-right: 24px;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-hero.style-alternative .group-content-wrapper {
    float: right;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 30px;
  margin-bottom: 24px;
  position: relative;
  isolation: isolate;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper {
    padding: 48px;
    border-radius: 60px;
    margin-bottom: 48px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper > .field-para-title, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper > .field-para-title {
  margin-bottom: 12px;
  width: 100%;
  text-align: left;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper > .field-para-title h2, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper > .field-para-title h2 {
  letter-spacing: 0.01em;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper > .field-para-title h2, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper > .field-para-title h2 {
    font-size: 2.5rem;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper > .field-para-text, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper > .field-para-text {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-content-ref > .inner > .content_wrapper > .field-para-text, .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text > .inner > .content_wrapper > .field-para-text {
    width: 85%;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-text.style-ribbon-color-secondary > .inner > .content_wrapper {
  background-color: transparent;
  color: #fff;
  padding-top: 0px;
  padding-bottom: 0px;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-list > .inner {
    width: 1440px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign {
    min-height: 350px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-standard {
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-standard:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #8EC7B8;
  opacity: 0.5;
  z-index: 10;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-standard > .inner {
  z-index: 20;
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-alternative {
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-alternative:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #30658D;
  opacity: 0.5;
  z-index: 10;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-alternative > .inner {
  z-index: 20;
  position: relative;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-alternative > .inner > .field-para-title {
  color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign.style-alternative > .inner > .field-para-text {
  color: #ffffff;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign > .inner .field-para-text {
  line-height: 1.375em;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-campaign > .inner .field-para-text {
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-right > .inner > .alpha {
    margin-right: 24px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-right > .inner > .alpha > .field-para-title {
  text-align: left;
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-right > .inner > .alpha > .field-para-link {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-right > .inner > .beta {
    margin-left: 24px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner {
    flex-direction: row;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner > .alpha {
  order: 2;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner > .alpha {
    margin-left: 24px;
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner > .beta {
  order: 1;
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media.style-image-left > .inner > .beta {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media > .inner > .alpha {
    width: calc(33.33% - 24px);
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-media > .inner > .beta {
    width: calc(66.66% - 24px);
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-newsletter > .inner > .alpha {
    margin-right: 96px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-newsletter > .inner > .beta {
    width: calc(50% - 96px);
  }
}
.paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-newsletter > .inner > .beta > .field-para-html-embed {
  padding: 12px;
}
@media screen and (min-width: 992px) {
  .paragraph.paragraph--view-mode-ribbon.paragraph--type-ribbon-newsletter > .inner > .beta > .field-para-html-embed {
    padding: 24px;
  }
}

/**************************************************
 *  Embed
 **************************************************/
/**************************************************
 *  EMBEDDED CONTEXT
 **************************************************/
.field-content > div.embedded-entity,
.field-content > figure,
.field-content > div.media--type-document,
.cke_widget_element > div.embedded-entity,
.cke_widget_element > figure.embedded-entity {
  margin-bottom: 24px;
}
.field-content > div.embedded-entity:last-child,
.field-content > figure:last-child,
.field-content > div.media--type-document:last-child,
.cke_widget_element > div.embedded-entity:last-child,
.cke_widget_element > figure.embedded-entity:last-child {
  margin-bottom: 0;
}

.field-content > figure.embedded-entity div.embedded-entity,
.cke_widget_element > figure.embedded-entity div.embedded-entity {
  margin-bottom: 12px;
}

.cke_widget_element .caption {
  display: block !important;
}
.cke_widget_element .caption > * {
  display: block !important;
  max-width: none !important;
}
.cke_widget_element .caption > figcaption {
  display: block !important;
  caption-side: initial !important;
  max-width: none !important;
}

.cke_widget_drupalentity,
.cke_widget_drupalurl {
  margin-bottom: 24px;
}

.video-embed-field-lazy:hover .video-embed-field-lazy-play:before {
  transform: scale(1.1);
  color: #cc181e;
}
.video-embed-field-lazy .video-embed-field-lazy-play {
  border: 0;
  background: none;
}
.video-embed-field-lazy .video-embed-field-lazy-play:before {
  transition: transform 0.2s linear, color 0.2s linear;
  font-size: 5rem;
  color: #ffffff;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -36px;
  margin-top: -36px;
}

/**************************************************
 *  URL Embed
 **************************************************/
.url-embed {
  margin-bottom: 24px;
}
.url-embed:last-child {
  margin-bottom: 0;
}

.embed-wrapper {
  text-align: center;
}
.embed-wrapper iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}
.embed-wrapper iframe.instagram-media {
  max-width: 500px !important;
}

/**************************************************
 *  Document Embed
 **************************************************/
.media--type-document .field-media-document {
  padding-left: 0;
}
.media--type-document .field-media-document:before {
  display: none;
}
.media--type-document .field-media-document a {
  font-size: 0.875rem;
  color: #000000;
  text-decoration: none;
  padding: 12px 24px;
  padding-left: 36px;
  position: relative;
  border: 1px solid #e0e0e0;
  display: inline-block;
  transition: all linear 0.2s;
}
.media--type-document .field-media-document a:after {
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  transition: all linear 0.2s;
}
.media--type-document .field-media-document a:hover {
  border: 1px solid #8EC7B8;
  background: #8EC7B8;
  color: #ffffff;
}
.media--type-document .field-media-document a:hover:after {
  color: #ffffff;
}

/**************************************************
 *  Aligment i FE
 **************************************************/
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.align-right,
.field-content > figure.align-right,
.field-content > div.media--type-document.align-right {
    margin-left: 24px;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .field-content > div.embedded-entity.align-right,
.field-content > figure.align-right,
.field-content > div.media--type-document.align-right {
    float: none;
  }
}
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.align-left,
.field-content > figure.align-left,
.field-content > div.media--type-document.align-left {
    width: 50%;
    margin-right: 24px;
  }
}
@media screen and (max-width: 768px) {
  .field-content > div.embedded-entity.align-left,
.field-content > figure.align-left,
.field-content > div.media--type-document.align-left {
    float: none;
  }
}
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.align-center,
.field-content > figure.align-center,
.field-content > div.media--type-document.align-center {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.media--type-document.align-right,
.field-content > figure.media--type-document.align-right,
.field-content > div.media--type-document.media--type-document.align-right {
    margin-left: 24px;
    float: none;
    display: inline-block;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.media--type-document.align-left,
.field-content > figure.media--type-document.align-left,
.field-content > div.media--type-document.media--type-document.align-left {
    float: none;
    display: inline-block;
    width: auto;
    margin-right: 24px;
  }
}
@media screen and (min-width: 768px) {
  .field-content > div.embedded-entity.media--type-document.align-center,
.field-content > figure.media--type-document.align-center,
.field-content > div.media--type-document.media--type-document.align-center {
    width: 50%;
  }
}

/**************************************************
 *  Aligment i CKEditor
 **************************************************/
.cke_widget_drupalentity.cke_widget_wrapper_left {
  margin-right: 24px;
  width: 50%;
  float: left;
}
.cke_widget_drupalentity.cke_widget_wrapper_right {
  margin-left: 24px;
  width: 50%;
  float: right;
}
.cke_widget_drupalentity.cke_widget_wrapper_center {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.field-content .factbox-wrapper,
.field-content .quotebox-wrapper,
.field-content figure[role=group],
.field-content > .media--type-media-image {
  margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper,
.field-content .quotebox-wrapper,
.field-content figure[role=group],
.field-content > .media--type-media-image {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    float: none;
  }
}
@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper.align-standard,
.field-content .quotebox-wrapper.align-standard,
.field-content figure[role=group].align-standard,
.field-content > .media--type-media-image.align-standard {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    float: none;
  }
}
@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper.align-left,
.field-content .quotebox-wrapper.align-left,
.field-content figure[role=group].align-left,
.field-content > .media--type-media-image.align-left {
    width: 50%;
    margin-right: 24px;
    float: left;
  }
}
@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper.align-right,
.field-content .quotebox-wrapper.align-right,
.field-content figure[role=group].align-right,
.field-content > .media--type-media-image.align-right {
    width: 50%;
    margin-left: 24px;
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .field-content .factbox-wrapper.align-center,
.field-content .quotebox-wrapper.align-center,
.field-content figure[role=group].align-center,
.field-content > .media--type-media-image.align-center {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 992px) {
  .page-node-type-article .field-content .factbox-wrapper,
.page-node-type-article .field-content .quotebox-wrapper,
.page-node-type-article .field-content figure[role=group],
.page-node-type-article .field-content > .media--type-media-image {
    margin-left: -48px;
    margin-right: -48px;
  }
}
@media screen and (min-width: 992px) {
  .page-node-type-article .field-content .factbox-wrapper.align-standard,
.page-node-type-article .field-content .quotebox-wrapper.align-standard,
.page-node-type-article .field-content figure[role=group].align-standard,
.page-node-type-article .field-content > .media--type-media-image.align-standard {
    margin-left: -48px;
    margin-right: -48px;
  }
}
@media screen and (min-width: 992px) {
  .page-node-type-article .field-content .factbox-wrapper.align-left,
.page-node-type-article .field-content .quotebox-wrapper.align-left,
.page-node-type-article .field-content figure[role=group].align-left,
.page-node-type-article .field-content > .media--type-media-image.align-left {
    margin-left: -48px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 992px) {
  .page-node-type-article .field-content .factbox-wrapper.align-right,
.page-node-type-article .field-content .quotebox-wrapper.align-right,
.page-node-type-article .field-content figure[role=group].align-right,
.page-node-type-article .field-content > .media--type-media-image.align-right {
    margin-right: -48px;
    margin-left: 24px;
  }
}
@media screen and (min-width: 992px) {
  .page-node-type-article .field-content .factbox-wrapper.align-center,
.page-node-type-article .field-content .quotebox-wrapper.align-center,
.page-node-type-article .field-content figure[role=group].align-center,
.page-node-type-article .field-content > .media--type-media-image.align-center {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

/**************************************************
 *  Matrix
 **************************************************/
body.facet-active,
body.mobile-matrix-filter-active,
body.overlay-matrix-filter-active {
  overflow: hidden;
}

.matrix-filter-overlay {
  --same-transistion: all .2s ease-in-out;
  background-color: #eeeeee;
  position: fixed;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  z-index: 900;
  box-shadow: 0 0 60px 60px rgba(0, 0, 0, 0.8);
  overflow: scroll;
}
.matrix-filter-overlay > .overlay-header > .field__label {
  width: 100%;
  border-bottom: 1px solid #000000;
  padding: 24px;
  margin-bottom: 0;
  font-weight: 700;
  transition: var(--same-transistion);
}
.matrix-filter-overlay > .overlay-header > .field__label button {
  display: none;
}
.matrix-filter-overlay > .overlay-header > .close-matrix-overlay {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eeeeee;
  height: 76px;
  width: 76px;
  transition: var(--same-transistion);
}
.matrix-filter-overlay > .overlay-header > .close-matrix-overlay:hover {
  background: none;
  color: #000;
}
.matrix-filter-overlay > .overlay-header > .close-matrix-overlay:after {
  font-size: 2rem;
  font-weight: 400;
}
.matrix-filter-overlay > .overlay-header > .close-matrix-overlay:hover {
  background-color: #e0e0e0;
}
.matrix-filter-overlay > .overlay-facetes {
  display: flex;
}
.matrix-filter-overlay > .overlay-facetes > .block-facets h2 {
  font-size: 1.3rem;
  margin-bottom: 24px;
}
.matrix-filter-overlay > .overlay-facetes > .block-facets button.facet-select {
  display: none;
}
.matrix-filter-overlay > .overlay-facetes > .block-facets .facet-item {
  margin-bottom: 8px;
}
.matrix-filter-overlay > .overlay-facetes > .block-facets .facet-item label:before {
  height: 18px;
  width: 18px;
}
.matrix-filter-overlay > .overlay-facetes > .block-facets .facet-item label .facet-item__count {
  color: #30658D;
  font-weight: 700;
}

.matrix-mobile-filter-btn {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
.matrix-mobile-filter-btn:hover {
  background: none;
  color: #000;
}
.matrix-mobile-filter-btn:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .matrix-mobile-filter-btn {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}

.matrix-filter-mobile {
  height: 100vh;
  width: 100vw;
  background-color: #ffffff;
  overflow: scroll;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "facet" "summery" "search";
  position: absolute;
  top: 0;
  z-index: 600;
  display: none;
}
.matrix-filter-mobile > .close-matrix-mobile-filter {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eeeeee;
  height: 75px;
  width: 75px;
}
.matrix-filter-mobile > .close-matrix-mobile-filter:hover {
  background: none;
  color: #000;
}
.matrix-filter-mobile > .close-matrix-mobile-filter:after {
  font-size: 2rem;
  font-weight: 400;
}
.matrix-filter-mobile > .close-matrix-mobile-filter:hover {
  background-color: #eeeeee;
}
.matrix-filter-mobile > .field-facets-row-1 {
  grid-area: facet;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-bottom: 0;
}
.matrix-filter-mobile > .field-facets-row-1 > .field__label {
  width: 100%;
  border-bottom: 1px solid #000000;
  padding: 24px;
  margin-bottom: 0;
  font-weight: 700;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets {
  padding: 0;
  margin-bottom: 0 !important;
  transition: var(--same-transistion);
  width: 100%;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets > h2 {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets .facet-block-title {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets > .facet-content {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets button.facet-select {
  background-color: #ffffff;
  border: 0;
  border-bottom: 1px solid #000000;
  color: #000000;
  padding: 24px;
  text-align: left;
  text-decoration: none;
  font-size: 1.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets button.facet-select > svg {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets button.facet-select.facet-content-open {
  border-bottom: 0;
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets > .facet-content {
  width: 100%;
  height: 500px;
  overflow: scroll;
  padding: 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-facets-row-1 > .block-facets > .facet-content.facet-open {
  display: block;
}
.matrix-filter-mobile > .field-blocksreference {
  grid-area: search;
  background-color: #f5f5f5;
  padding: 24px;
  margin-bottom: 0;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item {
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > input, .matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item select {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1em;
  width: 100%;
  height: auto;
  font-family: "Pengea";
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > .description {
  margin-top: 6px;
  font-size: 0.8rem;
  line-height: 1em;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item.form-item-s {
  width: 100%;
  margin-bottom: 12px;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item.form-item-s > label {
  width: 100%;
  display: block;
  padding-bottom: 24px;
  margin-bottom: 0;
  font-weight: 700;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions {
  margin-top: 24px;
  align-self: flex-end;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input {
  border: none;
  font-family: "Pengea";
  font-size: 1rem;
  padding: 12px;
  margin: 0;
  color: #ffffff;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:last-child {
  background-color: #616161;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:last-child:hover {
  background-color: #000000;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:first-child {
  background-color: #30658D;
}
.matrix-filter-mobile > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:first-child:hover {
  background-color: #162e41;
}
.matrix-filter-mobile > .field-facets-row-2 {
  grid-area: summery;
  padding: 24px;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary .contextual-links {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul li a {
  background: #162e41;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  font-size: 0.9rem;
  position: relative;
  transition: var(--same-transistion);
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul li a span.facet-item__status {
  display: none;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul li a:hover {
  background: #30658D;
  color: #ffffff;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul li.facet-summary-item--clear a {
  background: #616161;
  color: #ffffff;
}
.matrix-filter-mobile > .field-facets-row-2 > .block-facets-summary ul li.facet-summary-item--clear a:hover {
  background: #000000;
  color: #ffffff;
}

.matrix-filter-wrapper {
  --same-transistion: all .2s ease-in-out;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 300;
  isolation: isolate;
  padding: 24px;
  display: none;
  gap: 24px;
  grid-template-columns: 2.5fr 1fr;
  grid-template-areas: "facet search" "summery search";
  transition: var(--same-transistion);
}
@media screen and (min-width: 992px) {
  .matrix-filter-wrapper {
    display: grid;
  }
}
.matrix-filter-wrapper:before {
  content: "";
  display: block;
  background: #eeeeee;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > * {
  margin-bottom: 0;
}
.matrix-filter-wrapper > .field-facets-row-1 {
  grid-area: facet;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 12px;
}
.matrix-filter-wrapper > .field-facets-row-1 > .field__label {
  width: 100%;
  margin-bottom: -6px;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-facets-row-1 > .field__label > .matrix-overlay-filter-btn {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 12px;
}
.matrix-filter-wrapper > .field-facets-row-1 > .field__label > .matrix-overlay-filter-btn:hover {
  background: none;
  color: #000;
}
.matrix-filter-wrapper > .field-facets-row-1 > .field__label > .matrix-overlay-filter-btn:hover {
  background-color: #162e41;
  color: #ffffff;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets {
  padding: 0;
  margin-bottom: 0 !important;
  transition: var(--same-transistion);
}
@media screen and (min-width: 992px) {
  .matrix-filter-wrapper > .field-facets-row-1 > .block-facets {
    max-width: 20%;
  }
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > .facet-overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 600;
  width: 100%;
  pointer-events: none;
  isolation: isolate;
  background: black;
  opacity: 0.4;
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > .facet-overlay.facet-open {
  pointer-events: auto;
  display: block;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > h2 {
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets .facet-block-title {
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets button.facet-select {
  background-color: #ffffff;
  border: 2px solid #000000;
  color: #000000;
  padding: 8px 8px;
  text-align: left;
  text-decoration: none;
  font-size: 0.9rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets button.facet-select:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets button.facet-select svg {
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets button.facet-select.facet-content-open {
  position: relative;
  z-index: 600;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > .facet-content {
  position: absolute;
  width: 400px;
  height: 500px;
  overflow: scroll;
  margin-top: -2px;
  padding: 24px;
  background-color: #ffffff;
  border: 2px solid #000000;
  z-index: 600;
  display: none;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > .facet-content.facet-open {
  display: block;
}
.matrix-filter-wrapper > .field-facets-row-1 > .block-facets > .facet-content > ul {
  margin-bottom: 48px;
}
.matrix-filter-wrapper > .field-blocksreference {
  grid-area: search;
  position: relative;
  isolation: isolate;
}
.matrix-filter-wrapper > .field-blocksreference:before {
  content: "";
  display: block;
  background-color: #bdbdbd;
  position: absolute;
  top: -24px;
  right: -24px;
  bottom: -24px;
  left: -24px;
  z-index: -1;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item {
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > label {
  line-height: 1em;
  margin-bottom: 18px;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > input, .matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item select {
  background-color: #ffffff;
  border: 2px solid #000000;
  color: #000000;
  padding: 10px 12px;
  text-align: left;
  text-decoration: none;
  font-size: 1.2rem;
  width: 100%;
  height: auto;
  font-family: "Pengea";
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > .description {
  margin-top: 6px;
  font-size: 0.8rem;
  line-height: 1em;
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item:first-child {
  width: calc(80% - 6px);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item:last-child {
  width: calc(20% - 6px);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions {
  margin-top: 24px;
  align-self: center;
  width: 100%;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input {
  transition: var(--same-transistion);
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:last-child {
  background-color: #616161;
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:last-child:hover {
  background-color: #000000;
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:first-child {
  margin-left: auto;
  background-color: #30658D;
}
.matrix-filter-wrapper > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input:first-child:hover {
  background-color: #162e41;
}
.matrix-filter-wrapper > .field-facets-row-2 {
  grid-area: summery;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary .contextual-links {
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li {
  margin-right: 6px;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li:last-child {
  margin-right: 0;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a {
  background: #b55b12;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  font-size: 0.9rem;
  position: relative;
  transition: var(--same-transistion);
  display: flex;
  display: flex;
  align-items: center;
  gap: 7px;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a:after {
  font-size: 0.7rem;
  font-weight: 700;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a span.facet-item__status {
  display: none;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li a:hover {
  background: #994d0e;
  color: #ffffff;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li.facet-summary-item--clear a {
  background: #616161;
  color: #ffffff;
}
.matrix-filter-wrapper > .field-facets-row-2 > .block-facets-summary ul li.facet-summary-item--clear a:hover {
  background: #000000;
  color: #ffffff;
}
.matrix-filter-wrapper.sticky {
  padding: 12px;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
}
.matrix-filter-wrapper.sticky:before {
  right: -72px;
  left: -72px;
}
.matrix-filter-wrapper.sticky > .field-facets-row-1 > .field__label {
  font-size: 0.8rem;
  line-height: 1em;
}
.matrix-filter-wrapper.sticky > .field-facets-row-1 > .block-facets {
  max-width: 15%;
}
.matrix-filter-wrapper.sticky > .field-facets-row-1 > .block-facets button.facet-select {
  border: 1px solid #000000;
  padding: 4.8px 4.8px;
  font-size: 0.9rem;
}
.matrix-filter-wrapper.sticky > .field-facets-row-1 > .block-facets > .facet-content {
  width: 300px;
  border: 1px solid #000000;
}
.matrix-filter-wrapper.sticky > .field-blocksreference:before {
  top: -12px;
  right: -48px;
  bottom: -12px;
  left: -12px;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline {
  display: flex;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline:after {
  display: none;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > label {
  font-size: 0.8rem;
  line-height: 1em;
  margin-bottom: 6px;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > input, .matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item select {
  border: 1px solid #000000;
  padding: 4.8px 4.8px;
  font-size: 0.9rem;
  width: 100%;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item > .description {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item:first-child {
  width: 40%;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item.form-type-select {
  width: 10%;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-item.form-type-select select {
  width: 100%;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions {
  width: calc(50% - 24px);
  margin-top: 0;
  align-self: flex-end;
}
.matrix-filter-wrapper.sticky > .field-blocksreference > .views-exposed-form form > .form--inline > .form-actions > input {
  width: 100%;
  padding: 6px 24px;
  font-size: 0.9rem;
}
.matrix-filter-wrapper.sticky > .field-facets-row-2 {
  grid-area: summery;
}
.matrix-filter-wrapper.sticky > .field-facets-row-2 > .block-facets-summary ul li a {
  padding: 0 12px;
  font-size: 0.7rem;
}

.field-viewsreference .view .view-header {
  z-index: 100;
  isolation: isolate;
  margin-bottom: 0;
  padding: 12px 0;
  display: flex;
  align-items: center;
  font-size: 1rem;
  flex-wrap: wrap;
}
.field-viewsreference .view .view-header:before {
  content: "";
  display: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: -48px;
  bottom: 0;
  left: -48px;
  z-index: -1;
  transition: var(--same-transistion);
  border-bottom: 2px solid transparent;
}
@media screen and (min-width: 992px) {
  .field-viewsreference .view .view-header:before {
    display: block;
  }
}
.field-viewsreference .view .view-header > .matrix-summery {
  margin-right: auto;
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  .field-viewsreference .view .view-header > .matrix-summery {
    width: auto;
    margin-bottom: 0;
  }
}
.field-viewsreference .view .view-header > .right-content {
  margin-right: 12px;
}
.field-viewsreference .view .view-header a, .field-viewsreference .view .view-header button {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.field-viewsreference .view .view-header a:hover, .field-viewsreference .view .view-header button:hover {
  background: none;
  color: #000;
}
.field-viewsreference .view .view-header a:hover, .field-viewsreference .view .view-header button:hover {
  background-color: #162e41;
  color: #ffffff;
}
.field-viewsreference .view .view-header button.open_articles,
.field-viewsreference .view .view-header button.hide_articles {
  background: #162e41;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: auto;
}
.field-viewsreference .view .view-header button.open_articles:hover,
.field-viewsreference .view .view-header button.hide_articles:hover {
  background-color: #30658D;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .field-viewsreference .view .view-header button.open_articles,
.field-viewsreference .view .view-header button.hide_articles {
    width: auto;
    margin-left: 24px;
  }
}
.field-viewsreference .view .view-header button.open_articles.hidden,
.field-viewsreference .view .view-header button.hide_articles.hidden {
  display: none;
}
.field-viewsreference .view .view-header .feed-icons > * {
  display: flex;
  margin-left: 24px;
}
.field-viewsreference .view .view-header .feed-icons a.feed-icon {
  background: #162e41;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.field-viewsreference .view .view-header .feed-icons a.feed-icon:hover {
  background-color: #30658D;
  color: #ffffff;
}
.field-viewsreference .view .view-content {
  overflow: scroll;
}
@media screen and (min-width: 992px) {
  .field-viewsreference .view .view-content {
    overflow: unset;
  }
}
.field-viewsreference .view .view-content table {
  width: 1200px;
}
@media screen and (min-width: 992px) {
  .field-viewsreference .view .view-content table {
    width: auto;
  }
}
.field-viewsreference .view .view-content table thead {
  z-index: 100;
}
.field-viewsreference.sticky .view .view-header:before {
  background-color: #eeeeee;
}

.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-name-table-column {
  width: 10%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-field-article-text-table-column {
  width: 25%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-field-human-right-attribute-ref-table-column {
  width: 10%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-field-instrument-abrreviation-table-column {
  width: 10%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-field-article-text-1-table-column {
  width: 30%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table thead #view-field-human-right-ref-table-column {
  width: 15%;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-human-right-attribute-ref {
  background-color: #CFE4EA;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-instrument-abrreviation, .field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-article-text-1, .field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-human-right-ref {
  background-color: #E1EDC6;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-instrument-abrreviation h3 > *[data-title] {
  position: relative;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-instrument-abrreviation h3 > *[data-title]:after {
  content: attr(data-title);
  opacity: 0;
  background-color: #e0e0e0;
  border: 1px solid #bdbdbd;
  position: absolute;
  font-size: 0.9rem;
  line-height: 1.2em;
  font-weight: 400;
  padding: 3px;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  visibility: hidden;
}
.field-viewsreference .view.view-display-id-page_1 .view-content table tbody tr td.views-field-field-instrument-abrreviation h3 > *[data-title]:hover:after {
  opacity: 1;
  visibility: visible;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table thead #view-field-instrument-abrreviation-table-column {
  width: 15%;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table thead #view-field-article-text-1-table-column {
  width: 20%;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table thead #view-name-table-column {
  width: 15%;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table thead #view-field-article-text-table-column {
  width: 25%;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table tbody tr td.views-field-field-human-right-attribute-ref {
  background-color: #CFE4EA;
}
.field-viewsreference .view.view-display-id-page_3 .view-content table tbody tr td.views-field-field-instrument-abrreviation, .field-viewsreference .view.view-display-id-page_3 .view-content table tbody tr td.views-field-field-article-text-1, .field-viewsreference .view.view-display-id-page_3 .view-content table tbody tr td.views-field-field-human-right-ref {
  background-color: #E1EDC6;
}

/**************************************************
 *  Maps
 **************************************************/
.ot_maps_view_map--default .ot-map-search-item {
  display: flex;
  flex-wrap: wrap;
}
.ot_maps_view_map--default .ot-map-search-item input[type=text] {
  width: 275px;
  font-family: "Pengea";
  padding: 12px 12px;
  margin: 0;
  outline: none;
  border: 1px solid #bdbdbd;
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .ot_maps_view_map--default .ot-map-search-item input[type=text] {
    font-size: 0.875rem;
    min-width: 325px;
  }
}
.ot_maps_view_map--default .ot-map-search-item input[type=button] {
  border: none;
  background-color: #30658D;
  font-family: "Pengea";
  font-size: 1rem;
  padding: 12px 24px;
  margin: 0;
  color: #ffffff;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  transition: background 0.2s linear;
}
.ot_maps_view_map--default .ot-map-search-item input[type=button]:hover {
  background-color: #162e41;
}
.ot_maps_view_map--default #ot-maps-address-search-error {
  margin-top: 6px;
}
.ot_maps_view_map--default .ot-maps-google_map .gm-style-iw {
  padding: 16px !important;
}
.ot_maps_view_map--default .ot-maps-google_map button {
  top: 0 !important;
  right: 0 !important;
}
.ot_maps_view_map--default .ot-maps-result {
  margin-bottom: 12px;
}
.ot_maps_view_map--default .ot-maps-marker-counter {
  margin-bottom: 12px;
}
.ot_maps_view_map--default .ot-maps-result-table tbody tr td {
  padding: 12px 8px;
}
.ot_maps_view_map--default .ot-maps-fetch-more button {
  border: none;
  background-color: #30658D;
  font-family: "Pengea";
  font-size: 1rem;
  padding: 12px 24px;
  margin: 0;
  color: #ffffff;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  transition: background 0.2s linear;
}
.ot_maps_view_map--default .ot-maps-fetch-more button:hover {
  background-color: #162e41;
}

/**************************************************
 *  Javascript
 **************************************************/
.js-clickable,
.ot-clickable {
  cursor: pointer;
}

.field-ot-videojs > .video-js-container {
  position: relative;
}
.field-ot-videojs > .video-js-container .vjs-big-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/**************************************************
 *  Fallback
 **************************************************/
/**************************************************
 *  NO FLEXBOX SUPPORT
 **************************************************/
html.no-flexbox .view .view-content > .item-list > ul {
  display: block;
}
html.no-flexbox .view .view-content > .item-list > ul:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .view .view-content > .item-list > ul > li {
  float: left;
}
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-content-ref,
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-boxes-ref {
  display: block;
}
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-content-ref:after,
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-boxes-ref:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-content-ref > .field__item,
html.no-flexbox .paragraph--view-mode-ribbon.para-cols .field-para-boxes-ref > .field__item {
  float: left;
}
html.no-flexbox .block-content--type-footer {
  display: block;
}
html.no-flexbox .block-content--type-footer:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .block-content--type-footer > .group-contact,
html.no-flexbox .block-content--type-footer > .group-links,
html.no-flexbox .block-content--type-footer > .group-some {
  float: left;
}
html.no-flexbox .octo-2col-content > .inner:after,
html.no-flexbox .octo-2col-stacked-content > .inner:after,
html.no-flexbox .octo-2col-page > .inner:after,
html.no-flexbox .octo-2col-stacked-page > .inner:after,
html.no-flexbox .octo-2col-stacked-background-page > .inner:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .octo-2col-content > .inner > .alpha,
html.no-flexbox .octo-2col-content > .inner > .beta,
html.no-flexbox .octo-2col-stacked-content > .inner > .alpha,
html.no-flexbox .octo-2col-stacked-content > .inner > .beta,
html.no-flexbox .octo-2col-page > .inner > .alpha,
html.no-flexbox .octo-2col-page > .inner > .beta,
html.no-flexbox .octo-2col-stacked-page > .inner > .alpha,
html.no-flexbox .octo-2col-stacked-page > .inner > .beta,
html.no-flexbox .octo-2col-stacked-background-page > .inner > .alpha,
html.no-flexbox .octo-2col-stacked-background-page > .inner > .beta {
  float: left;
}
html.no-flexbox .octo-3col > .inner:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .octo-3col > .inner > .alpha,
html.no-flexbox .octo-3col > .inner > .center,
html.no-flexbox .octo-3col > .inner > .beta {
  float: left;
}
html.no-flexbox .ckeditor-schedule ul li:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .ckeditor-schedule ul li .item-time,
html.no-flexbox .ckeditor-schedule ul li .item-description {
  float: left;
}
html.no-flexbox .group-some:after {
  content: "";
  display: block;
  clear: both;
}
html.no-flexbox .group-some .field {
  float: left;
}

/**************************************************
 *  NO TRANSLATE XY SUPPORT
 **************************************************/
/**************************************************
 *  NO JS SUPPORT
 **************************************************/
/**************************************************
 *  Focus
 **************************************************/
body a.skip-link.tab-focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: 100%;
  display: block;
  text-align: center;
  background: #e3e624;
  color: #000000;
  padding: 4px;
  text-decoration: none;
}
body a.tab-focus:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body button.tab-focus:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body ::-moz-focus-inner {
  border: 0;
}
body .paragraph.paragraph--view-mode-ribbon .field-para-links a.tab-focus:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body .region-header .region-inner #search-field-toggle:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body input[type=submit]:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body textarea.tab-focus {
  -webkit-appearance: none;
}
body textarea.tab-focus:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body input[type=checkbox].tab-focus:focus,
body input[type=radio].tab-focus:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body input[type=text].tab-focus:focus,
body input[type=email].tab-focus:focus,
body input[type=date].tab-focus:focus {
  border-color: #e3e624;
  box-shadow: inset 0 0 5px #e3e624;
  color: #000000;
  outline: none;
}
body .form-select:focus {
  outline: 3px solid #e3e624;
  outline-offset: 3px;
}
body .octo-share-links .social-link a.tab-focus:focus:before,
body .region.region-footer .region-inner-footer .block-content--type-footer .group-some .field a.tab-focus:focus:before {
  background: #e3e624;
  color: #000000;
  outline: none;
}

/**************************************************
 *  Survey
 **************************************************/
#ot-survey_final_report {
  background-color: #ffffff;
  padding: 24px;
}
#ot-survey_final_report section {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report section {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 24px;
  }
}
#ot-survey_final_report section:last-child {
  margin-bottom: 0;
}
#ot-survey_final_report section label {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.33em;
  display: block;
  margin-bottom: 12px;
}
#ot-survey_final_report section label > span {
  font-weight: 400;
  font-size: 1.1rem;
}
#ot-survey_final_report section > .alpha,
#ot-survey_final_report section > .beta {
  padding: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report section > .alpha,
#ot-survey_final_report section > .beta {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_final_report section > .alpha:last-child,
#ot-survey_final_report section > .beta:last-child {
  margin-bottom: 0;
}
#ot-survey_final_report > .survey-report-final {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
  margin-bottom: 24px;
}
#ot-survey_final_report > .survey-report-final:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  #ot-survey_final_report > .survey-report-final {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
#ot-survey_final_report > .section-header {
  border-bottom: 2px solid #000000;
  padding-bottom: 24px;
  justify-content: space-between;
}
#ot-survey_final_report > .section-header > .alpha,
#ot-survey_final_report > .section-header > .beta {
  width: auto;
}
#ot-survey_final_report > .section-header > .alpha {
  display: flex;
}
#ot-survey_final_report > .section-header > .alpha > .image-wrapper {
  margin-right: 12px;
  padding: 0 12px;
  background: #e0e0e0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-header > .alpha > .title-wrapper {
    margin-right: 96px;
    min-width: calc(40% - 96px);
  }
}
#ot-survey_final_report > .section-header > .alpha > .title-wrapper > h1 {
  font-size: 2.2rem;
  line-height: 1.2em;
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-header > .alpha > .title-wrapper > h2 {
  font-size: 1.2rem;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #424242;
}
#ot-survey_final_report > .section-header > .beta {
  display: flex;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-header > .beta {
    max-width: 40%;
  }
}
#ot-survey_final_report > .section-header > .beta > .image-wrapper {
  max-height: 160px;
  margin-right: 12px;
}
#ot-survey_final_report > .section-header > .beta > .image-wrapper img {
  max-height: 160px;
  width: auto;
}
#ot-survey_final_report > .section-header > .beta > .content-wrapper > h2 {
  font-size: 1.2rem;
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-header > .beta > .content-wrapper > * {
  display: flex;
  margin-bottom: 0;
  font-size: 1rem;
}
#ot-survey_final_report > .section-header > .beta > .content-wrapper > * label {
  font-size: 1rem;
  margin-right: 8px;
  margin-bottom: 0;
  display: inline-block;
  min-width: 170px;
}
#ot-survey_final_report > .section-header > .beta > .content-wrapper > *.respondent-description, #ot-survey_final_report > .section-header > .beta > .content-wrapper > *.reviewers-description {
  flex-flow: column nowrap;
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-general {
  border: 1px solid #9e9e9e;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-general > .alpha {
    width: calc(70% - 12px);
  }
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper {
  margin-bottom: 24px;
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper:last-child {
  margin-bottom: 0;
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper {
  font-size: 1rem;
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper label {
  font-size: 1rem;
  margin-bottom: 0;
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > label,
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > .answer {
  display: inline;
}
#ot-survey_final_report > .section-general > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > .comment > label {
  display: inline;
}
#ot-survey_final_report > .section-general > .alpha > .source-wrapper {
  font-style: italic;
  display: inline;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-general > .beta {
    width: calc(30% - 12px);
  }
}
#ot-survey_final_report > .section-general > .beta > .img-wrapper > .img-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  margin-bottom: 4px;
}
#ot-survey_final_report > .section-general > .beta > .img-wrapper > .img-caption {
  font-size: 0.8rem;
  line-height: 1.2em;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-score > .alpha {
    width: calc(35% - 12px);
    padding: 0;
  }
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header {
  padding: 12px;
  border: 2px solid #424242;
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .score-wrapper > .score {
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.2em;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .score-wrapper > .score.alert {
  color: #C81927;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .score-wrapper > .score.caution {
  color: #8EC7B8;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .score-wrapper > .score.approved {
  color: #019870;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .national-score-wrapper {
  display: flex;
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .national-score-wrapper label {
  font-size: 1.125rem;
  margin-right: 12px;
  margin-bottom: 0;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .index-wrapper > .index span {
  font-weight: 600;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .index-wrapper > .index span.alert {
  color: #C81927;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .index-wrapper > .index span.caution {
  color: #8EC7B8;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-header > .index-wrapper > .index span.approved {
  color: #019870;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-bottom {
  padding: 12px;
  border: 1px solid #9e9e9e;
}
#ot-survey_final_report > .section-score > .alpha > .alpha-bottom > .fact-wrapper > .fact-item {
  margin-bottom: 12px;
}
#ot-survey_final_report > .section-score > .beta {
  border: 1px solid #9e9e9e;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-score > .beta {
    width: calc(65% - 12px);
  }
}
#ot-survey_final_report .section-compare {
  border: 1px solid #9e9e9e;
  padding: 12px;
  flex-flow: column wrap;
}
#ot-survey_final_report .section-compare > .title-wrapper label {
  font-weight: 400;
  margin-bottom: 0;
}
#ot-survey_final_report .section-compare > .title-wrapper label > span {
  font-weight: 700;
}
#ot-survey_final_report .section-compare > .data-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report .section-compare > .data-wrapper > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_final_report .section-compare > .data-wrapper > * table thead tr th {
  background: transparent;
}
#ot-survey_final_report .section-compare > .data-wrapper > * table tbody tr {
  background: transparent;
}
#ot-survey_final_report .section-compare > .data-wrapper > * table tbody tr td:first-child {
  width: 30%;
  font-size: 1.4rem;
  font-weight: 700;
}
#ot-survey_final_report > .section-appendix {
  flex-wrap: wrap;
}
#ot-survey_final_report > .section-appendix > h2,
#ot-survey_final_report > .section-appendix > h3 {
  width: 100%;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper {
  border: 1px solid #9e9e9e;
  padding: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr {
  background: transparent;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td {
  padding: 5px 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span {
  background-color: green;
  padding: 3px 12px;
  border-radius: 3px;
  margin-right: 4px;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.alert {
  background-color: #C81927;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.caution {
  background-color: #30658D;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.approved {
  background-color: #019870;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * .text-wrapper > label {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * .text-wrapper span {
  background: #30658D;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items {
  padding: 12px;
  border: 2px solid #424242;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into > *.full {
  width: 100%;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper {
    padding: 12px;
    background: #f5f5f5;
    margin-bottom: 48px;
  }
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper:last-child {
  margin-bottom: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information > * {
  display: inline;
  font-size: 1rem;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information label {
  display: block;
  margin-bottom: 4.8px;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information .score span {
  padding: 3px 12px;
  border-radius: 3px;
  margin-right: 4px;
  background: #30658D;
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  #ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * {
    padding: 12px;
    border: 1px solid #9e9e9e;
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > *.full {
  width: 100%;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 24px;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > label,
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > label h3 {
  font-size: 1.2rem;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > .comment {
  margin-top: 12px;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > .comment > label {
  font-size: 1rem;
  margin-bottom: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table {
  border-spacing: 10px;
  border-collapse: separate;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr {
  background: transparent;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td {
  background: transparent;
  padding: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td p {
  margin: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td p strong {
  font-size: 1.2rem;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr td {
  width: 50%;
  background: #f5f5f5;
  padding: 12px;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table p {
  margin: 0;
}
#ot-survey_final_report > .section-appendix > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table p strong {
  font-size: 1rem;
}
#ot-survey_final_report > .respondent-wrapper {
  flex-flow: column nowrap;
}
#ot-survey_final_report > .respondent-wrapper label {
  font-size: 1rem;
  margin-bottom: 0;
}

#ot-survey_web_report .unkown-variable {
  background: lightblue;
}
#ot-survey_web_report section {
  padding: 24px 0;
  margin: 0 calc(-50vw + 50%);
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report section {
    padding: 48px 0;
  }
}
#ot-survey_web_report section:last-child {
  margin-bottom: 0;
}
#ot-survey_web_report section > .inner {
  margin: 0 auto;
  padding: 0 12px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report section > .inner {
    width: 940px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  #ot-survey_web_report section > .inner {
    width: 1140px;
  }
}
@media screen and (min-width: 1360px) {
  #ot-survey_web_report section > .inner {
    width: 1300px;
  }
}
@media screen and (min-width: 1800px) {
  #ot-survey_web_report section > .inner {
    width: 1440px;
  }
}
#ot-survey_web_report section > .inner label {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.33em;
  display: block;
  margin-bottom: 12px;
}
#ot-survey_web_report section > .inner label > span {
  font-weight: 400;
  font-size: 1.1rem;
}
#ot-survey_web_report section > .inner > .alpha,
#ot-survey_web_report section > .inner > .beta {
  padding: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report section > .inner > .alpha,
#ot-survey_web_report section > .inner > .beta {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_web_report section > .inner > .alpha:last-child,
#ot-survey_web_report section > .inner > .beta:last-child {
  margin-bottom: 0;
}
#ot-survey_web_report section.alternative {
  background: #eeeeee;
}
#ot-survey_web_report > .section-header {
  padding-bottom: 24px;
  justify-content: start;
  background-color: #eeeeee;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-header > .inner {
    display: flex;
    flex-flow: row nowrap;
  }
}
#ot-survey_web_report > .section-header > .inner > .image-wrapper {
  max-height: 160px;
  margin-right: 12px;
}
#ot-survey_web_report > .section-header > .inner > .image-wrapper img {
  max-height: 160px;
  width: auto;
}
#ot-survey_web_report > .section-header > .inner > .alpha {
  width: auto;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-header > .inner > .alpha > .title-wrapper {
    margin-right: 96px;
    min-width: calc(40% - 96px);
  }
}
#ot-survey_web_report > .section-header > .inner > .alpha > .title-wrapper > h2 {
  font-size: 1.2rem;
  line-height: 1.2em;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-header > .inner > .alpha > .title-wrapper > h2 {
    font-size: 1.6rem;
  }
}
#ot-survey_web_report > .section-header > .inner > .alpha > .title-wrapper > h3 {
  font-size: 0.9rem;
  line-height: 1.2em;
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-header > .inner > .alpha > .title-wrapper > h3 {
    font-size: 1rem;
  }
}
#ot-survey_web_report > .section-header > .inner > .alpha > .actions-wrapper a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
#ot-survey_web_report > .section-header > .inner > .alpha > .actions-wrapper a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  #ot-survey_web_report > .section-header > .inner > .alpha > .actions-wrapper a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-header > .inner > .beta {
    width: 30%;
    margin-left: auto;
  }
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > label {
  width: 100%;
  font-size: 0.9rem;
  text-align: right;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper {
  width: 60px;
  margin-left: 12px;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper > .score {
  background: #757575;
  color: #ffffff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 6px;
  position: relative;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper > .score > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper > label {
  text-align: center;
  font-size: 0.7rem;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper.current-score > .score {
  background: #d93e00;
  color: #ffffff;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper.avrage-score > .score {
  background: #007b95;
  color: #ffffff;
}
#ot-survey_web_report > .section-header > .inner > .beta > .score-info-wrapper > .score-items-wrapper > .score-wrapper.other-score > .score {
  background: #DDB611;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-general > .inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
#ot-survey_web_report > .section-general > .inner > * {
  padding: 12px;
  background: #eeeeee;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper {
  margin-bottom: 24px;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper:last-child {
  margin-bottom: 0;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper {
  font-size: 1rem;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper label {
  font-size: 1rem;
  margin-bottom: 0;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > label,
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > .answer {
  display: inline;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha .info-items-wrapper > .info-item-wrapper > .question-wrapper > .comment > label {
  display: inline;
}
#ot-survey_web_report > .section-general > .inner > * > .alpha > .source-wrapper {
  font-style: italic;
  display: inline;
}
#ot-survey_web_report > .section-general > .inner > * > .beta > .img-wrapper {
  padding: 48px;
}
#ot-survey_web_report > .section-general > .inner > * > .beta > .img-wrapper > .img-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  margin-bottom: 4px;
}
#ot-survey_web_report > .section-general > .inner > * > .beta > .img-wrapper > .img-caption {
  font-size: 0.8rem;
  line-height: 1.2em;
  font-weight: 700;
}
#ot-survey_web_report > .section-compare {
  background: #eeeeee;
  flex-flow: column wrap;
}
#ot-survey_web_report > .section-compare > .inner > .title-wrapper h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
  border-bottom: 1px solid #757575;
  padding-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-compare > .inner > .title-wrapper h2 {
    font-size: 1.7rem;
  }
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-compare > .inner > .data-wrapper > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
    background: #ffffff;
    padding: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * > .text-wrapper label {
  font-size: 1rem;
  line-height: 1.3em;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-compare > .inner > .data-wrapper > * > .text-wrapper label {
    font-size: 1.1rem;
  }
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table thead tr th {
  background: transparent;
  padding: 12px 0;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr {
  background: transparent;
  border-bottom: 1px solid #eeeeee;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr:last-child {
  border: none;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td {
  padding: 12px 0;
  position: relative;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td:first-child {
  max-width: 30%;
  font-size: 1.2rem;
  font-weight: 700;
  padding-right: 12px;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td.low {
  color: #019870;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td.some {
  color: #30658D;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td.high {
  color: #9b131e;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td.very-high {
  color: #C81927;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * table tbody tr td > a {
  position: absolute;
  bottom: 3px;
  right: 3px;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * > .actions-wrapper a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
#ot-survey_web_report > .section-compare > .inner > .data-wrapper > * > .actions-wrapper a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  #ot-survey_web_report > .section-compare > .inner > .data-wrapper > * > .actions-wrapper a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
#ot-survey_web_report > .section-appendix {
  flex-wrap: wrap;
}
#ot-survey_web_report > .section-appendix > .inner > h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
  border-bottom: 1px solid #757575;
  padding-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > h2 {
    font-size: 1.7rem;
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title {
  background: #30658D;
  padding: 12px;
  position: relative;
  margin-bottom: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .appendix-title:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper {
  display: none;
  background: #eeeeee;
  padding: 24px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper {
  border: 2px solid #424242;
  padding: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr {
  background: transparent;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td {
  padding: 5px 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span {
  padding: 3px 12px;
  border-radius: 3px;
  margin-right: 4px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.alert {
  background-color: #C81927;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.caution {
  background-color: #30658D;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * table tr td:last-child span.approved {
  background-color: #019870;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * .text-wrapper > label {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .index-wrapper > * .text-wrapper span {
  background: #30658D;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into > * {
  background: #ffffff;
  padding: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .areas-into > *.full {
  width: 100%;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper {
  margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper {
    margin-bottom: 48px;
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper:last-child {
  margin-bottom: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-title > * {
  border-bottom: 1px solid #9e9e9e;
  padding-bottom: 12px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information > * {
  display: inline;
  font-size: 1rem;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information label {
  display: block;
  margin-bottom: 4.8px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .area-information .score span {
  padding: 3px 12px;
  border-radius: 3px;
  margin-right: 4px;
  background: #30658D;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * {
  background: #ffffff;
  padding: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * {
    margin-bottom: 0;
    width: calc(50% - 12px);
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > *.full {
  width: 100%;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 24px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > label,
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > label h3 {
  font-size: 1.2rem;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > .comment {
  margin-top: 12px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper > .content-wrapper > * .question-wrapper > .comment > label {
  font-size: 1rem;
  margin-bottom: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table {
  border-spacing: 10px;
  border-collapse: separate;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr {
  background: transparent;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td {
  background: transparent;
  padding: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td p {
  margin: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr:first-child td p strong {
  font-size: 1.2rem;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table tr td {
  width: 50%;
  background: #ffffff;
  padding: 12px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table p {
  margin: 0;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .area-items > .area-item-wrapper table p strong {
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > * {
  background: #ffffff;
  padding: 12px;
  margin-bottom: 12px;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > *.alpha {
    width: calc(60% - 12px);
  }
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > *.alpha table thead tr th {
  background: transparent;
}
#ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > *.alpha table tbody tr {
  background: transparent;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-appendix > .inner > .appendix-item-wrapper > .content-wrapper > .status-wrapper > *.beta {
    width: calc(40% - 12px);
  }
}
#ot-survey_web_report > .section-ribbon > .inner h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
  border-bottom: 1px solid #757575;
  padding-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-ribbon > .inner h2 {
    font-size: 1.7rem;
  }
}
#ot-survey_web_report > .section-ribbon > .inner > .actions-wrapper a {
  background: #30658D;
  color: #ffffff;
  padding: 6px 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.35s ease-Out;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 12px;
}
#ot-survey_web_report > .section-ribbon > .inner > .actions-wrapper a:hover {
  background-color: #162e41;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  #ot-survey_web_report > .section-ribbon > .inner > .actions-wrapper a {
    padding: 8px 24px;
    font-size: 1.125rem;
  }
}
#ot-survey_web_report > .section-views > .inner h2 {
  font-size: 1.3rem;
  line-height: 1.2em;
  border-bottom: 1px solid #757575;
  padding-bottom: 12px;
}
@media screen and (min-width: 992px) {
  #ot-survey_web_report > .section-views > .inner h2 {
    font-size: 1.7rem;
  }
}
/*# sourceMappingURL=maps/style.css.map */