/*
Theme Name: mhhri
Theme URI: https://von.no
Author: tyde
Author URI: https://von.no
Description: 
Version: 2.0
License: all rights reserved
License URI: https://von.no
Tags: mentalhealth
Text Domain: MHHRI

*/
@import url('css/select2.min.css');
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcaxY.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0pNe.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'hhri';
  src: url('fonts/hhri.ttf?4cg1h6') format('truetype'), url('fonts/hhri.woff?4cg1h6') format('woff'), url('fonts/hhri.svg?4cg1h6#hhri') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.test {
  vertical-align: middle;
  text-align: center;
}
html,
body,
div,
span,
iframe,
ul,
li,
section,
article,
aside,
footer,
header,
menu,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
div,
section,
article,
aside,
footer,
header,
menu,
nav,
ul,
h1,
h2,
h3,
h4,
h5,
p {
  display: block;
  position: relative;
  box-sizing: border-box;
}
body {
  background: #1f4e66;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  color: #e9f6fa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:before {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  height: 80vh;
  max-height: 550px;
  content: ' ';
  background: linear-gradient(#00a9ce, #1f4e66);
}
h1,
h2,
h3,
h4 {
  font-family: 'Libre Baskerville', serif;
  color: #e9f6fa;
  line-height: 1.2em;
}
h1 a,
h2 a,
h3 a,
h4 a {
  color: inherit;
}
h1 {
  font-size: 4rem;
}
@media (max-width: 800px) {
  h1 {
    font-size: 3.25rem;
  }
}
@media (max-width: 650px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: 2.25rem;
}
@media (max-width: 650px) {
  h2 {
    font-size: 2rem;
  }
}
@media (max-width: 450px) {
  h2 {
    font-size: 1.75rem;
  }
}
h3 {
  font-size: 1.5rem;
  color: #6ec0d9;
}
h4 {
  font-size: 1rem;
}
h5,
h6 {
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
a {
  color: #6ec0d9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin-bottom: 1rem;
}
.mainWrapper {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
}
.darkback:before {
  position: absolute;
  display: block;
  content: ' ';
  top: -1em;
  right: calc(50% - 50vw);
  left: -1em;
  bottom: -1em;
  background-color: #1d4154;
}
@media (min-width: 1000px) {
  .darkback:before {
    left: -2em;
  }
}
.ingress {
  font-size: 1.75em;
  line-height: 1.2em;
  font-style: italic;
}
@media (max-width: 650px) {
  .ingress {
    font-size: 1.5rem;
  }
}
@media (max-width: 450px) {
  .ingress {
    font-size: 1.25rem;
  }
}
/* BUTTONS */
.closeBtn {
  color: inherit;
  cursor: pointer;
}
.closeBtn:after {
  font-family: 'hhri';
  content: "\e904";
}
.btnNarrow,
.btnMain {
  display: inline-block;
  position: relative;
  font-weight: 700;
  border-radius: 3px;
  text-decoration: none;
  background-color: #1d4154;
  color: #e9f6fa;
  cursor: pointer;
}
.btnNarrow:hover,
.btnMain:hover {
  text-decoration: none;
  background-color: #367ba8;
}
.btnNarrow.next:after,
.btnMain.next:after {
  font-family: 'hhri';
  content: "\e927";
  margin-left: 0.5rem;
  vertical-align: baseline;
}
.btnMain {
  box-sizing: border-box;
  padding: 0.5rem 1rem;
}
.btnMain.arrowRight {
  padding-right: 3rem;
}
.btnMain.arrowRight::after {
  display: inline-block;
  font-family: 'hhri';
  content: "\e927";
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.btnRow {
  margin-bottom: 2rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.btnRow .btnMain,
.btnRow .btnNarrow {
  flex-basis: 100%;
}
@media (min-width: 500px) {
  .btnRow .btnMain,
  .btnRow .btnNarrow {
    flex-basis: calc(50% - 0.5rem);
  }
}
@media (min-width: 750px) {
  .btnRow .btnMain,
  .btnRow .btnNarrow {
    flex-basis: calc(33% - 0.66rem);
  }
}
@media (min-width: 1000px) {
  .btnRow .btnMain,
  .btnRow .btnNarrow {
    flex-basis: calc(25% - 0.75rem);
  }
}
.btnNarrow {
  padding: 0.25em 0.75em;
}
.btnOnDark {
  background-color: #1f4e66;
  color: #e9f6fa;
}
.btnOnDark:hover {
  background-color: #367ba8;
}
.boxBtnRow .btnNarrow {
  display: block;
}
.boxBtnRow .btnNarrow:after {
  position: absolute;
  right: 0.6rem;
  top: 0.25rem;
}
.boxBtnRow .btnNarrow + .btnNarrow {
  margin-top: 0.5rem;
}
/* cover + pop */
.pageCover {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 2000;
}
.popWrapper {
  width: 90%;
  max-width: 900px;
  margin: 5vh auto;
  max-height: 90vh;
  padding: 8vw;
  background-color: #1d4154;
  border-radius: 3px;
  overflow-y: scroll;
}
@media (min-width: 1000px) {
  .popWrapper {
    padding: 72px;
  }
}
.popCloseBtn {
  position: absolute;
  top: 4vh;
  right: 4vw;
  font-size: 1.5rem;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 50%;
  background-color: #cbe9ed;
  color: #1d4154;
}
@media (min-width: 1000px) {
  .popCloseBtn {
    right: calc(50% - (900px/2) - (900px*0.01));
  }
}
/* GROW BOX */
.growBoxVertical {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.growBoxVertical > * {
  flex-grow: 0;
}
.growBoxVertical .grow {
  flex-grow: 1;
}
/* MAIN HEADER */
.mainHeader {
  margin-bottom: 2em;
  margin-top: 2em;
  display: flex;
  z-index: 1000;
}
.mainHeader .mainlogo {
  width: 50%;
  max-width: 300px;
}
.mainHeader .mainlogo a:hover {
  text-decoration: none;
}
.mainHeader .mainHeaderNav {
  flex-grow: 1;
}
.mainHeader .mainHeaderNav ul {
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.mainMenuIcon {
  width: 40px;
  cursor: pointer;
}
.mainMenuIcon img {
  width: 100%;
}
@media (max-width: 550px) {
}
.mainHeaderLangSwitch {
  margin: 0 0 0 1em;
  padding-left: 1em;
}
.mainHeaderLangSwitch:last-child {
  border-left: 1px solid #e9f6fa;
}
.mainHeaderLangSwitch a {
  color: #e9f6fa;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  .mainHeaderLangSwitch {
    margin: 0 0 0 0.5em;
    padding-left: 0.5em;
  }
}
/* MAIN MENU */
.mainMenuCover {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  overflow-y: scroll;
  z-index: 3000;
}
.mainMenuCloseTrigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mainMenu {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  min-width: 400px;
  min-height: 100vh;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  padding: 4rem 2rem;
  color: #1d4154;
}
@media (max-width: 720px) {
  .mainMenu {
    width: 80%;
    min-width: 280px;
  }
}
.mainMenu a {
  color: inherit;
}
.mainMenuSection {
  line-height: 1.1rem;
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 420px;
}
.mainMenuSection a:hover {
  text-decoration: none;
  color: #000;
}
.mainMenuSection .menuLevel0 {
  font-weight: 700;
  border-top: 1px solid #1f4e66;
  margin-top: 1em;
  padding-top: 1em;
}
.mainMenuSection .menuLevel0 ul {
  margin-top: 0.5rem;
}
.mainMenuSection .menuLevel1 {
  padding: 0.5em 0;
  text-indent: -0.5rem;
  padding-left: 0.5rem;
  font-weight: 300;
}
.mainMenuSection .menuLevel1 a:before {
  content: '• ';
}
.mainMenuHead {
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.mainMenuHead .mainHeaderLangSwitch {
  margin: 0 1rem 0 0;
  padding: 0 1rem 0 0;
  border-left: none;
  border-right: 1px solid #1d4154;
}
.mainMenuHead .mainHeaderLangSwitch a {
  color: #1d4154;
}
.mainMenuSearchLabel {
  font-size: 0.75em;
  font-weight: 700;
}
.mainMenuSeach {
  margin-top: 0.5rem;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.mainMenuSeach .mainMenuSearchLabel {
  display: block;
  font-size: 0.75em;
  font-weight: 700;
  width: 100%;
}
.mainMenuSeach .mainMenuSeachField {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 3em);
  margin-right: 0.25em;
  font-size: 1rem;
  line-height: 1em;
  padding: 0.5em;
  border-radius: 3px;
  border: 1px solid #1f4e66;
}
.mainMenuSeach .mainMenuSearchBtn {
  cursor: pointer;
  margin: 0;
  display: inline-block;
  vertical-align: -3px;
  font-size: 1.5rem;
  line-height: 1.25em;
  height: 2.25rem;
  text-align: center;
  aspect-ratio: 1;
  border-radius: 3px;
  border: 1px solid #1f4e66;
  background-color: #1f4e66;
}
.mainMenuSeach .mainMenuSearchBtn:before {
  font-family: 'hhri';
  content: "\e929";
  color: #e9f6fa;
}
.advancedSearchLink {
  display: block;
  margin-top: 0.5rem;
}
.advancedSearchLink:hover {
  font-weight: 700;
}
.advancedSearchLink:after {
  display: inline-block;
  margin-left: 0.5rem;
  font-family: 'hhri';
  content: "\e927";
  vertical-align: -1px;
}
/* SIDE MENU */
.sideMenu .menuWrapLevel0 a {
  color: inherit;
}
.sideMenu .sideMenuSection {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  z-index: 100;
}
.sideMenu .menuLevel0 {
  position: relative;
  padding: 0 40px 0 0;
  line-height: 1.1em;
  margin-top: 1.5em;
  color: #1d4154;
}
.sideMenu .menuLevel0 .toggleBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 1.25em;
  cursor: pointer;
}
.sideMenu .menuLevel0 .toggleBtn:hover {
  font-weight: bold;
}
.sideMenu .menuLevel0 a {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
.sideMenu .menuLevel0 .menuWrapLevel1 {
  display: none;
}
.sideMenu .menuLevel0 .menuWrapLevel1 .menuLevel1 {
  padding: 0 0 0 0;
  margin-top: 1em;
}
.sideMenu .menuLevel0 .menuWrapLevel1 .menuLevel1 a {
  text-transform: none;
  font-weight: normal;
}
.sideMenu .menuLevel0 .menuWrapLevel2 {
  display: block;
  margin-left: 0.75em;
}
.sideMenu .menuLevel0 .menuWrapLevel2 .menuLevel2 {
  margin-top: 0.75em;
}
.sideMenu .current_page_item > a {
  font-weight: bold;
}
.sideMenu .current_page_item ul {
  display: block;
}
@media (min-width: 1020px) {
  .sideMenu {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
  }
  .sideMenu .menuWrapLevel0 {
    padding: 0rem 1rem 1rem;
    background: #cbe9ed;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
  }
  .sideMenu .toggleSubmenuBtn {
    display: none;
  }
}
@media (max-width: 1020px) {
  .sideMenu {
    border-radius: 3px;
    overflow-y: scroll;
    position: fixed;
    max-height: 70vh;
    bottom: 5vw;
    right: 5vw;
    background-color: #cbe9ed;
    padding: 0rem 1rem 1rem;
    z-index: 2000;
    transition: all 0.5s;
    min-width: 50%;
    max-width: 90%;
  }
  .sideMenu .toggleSubmenuBtn {
    font-size: 0.75rem;
    color: #1d4154;
    font-weight: 700;
    margin-top: 1.5rem;
    text-transform: uppercase;
    cursor: pointer;
    text-align: right;
  }
  .sideMenu .toggleSubmenuBtn::after {
    display: inline-block;
    content: '-';
    background: #1d4154;
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 0.5em;
    text-align: center;
    color: #e9f6fa;
    vertical-align: -2px;
    margin-left: 0.25em;
  }
  .sideMenu.closed {
    border-radius: 1rem;
    padding: 0rem 1rem 0.25rem;
    min-width: 0;
  }
  .sideMenu.closed .menuLevel0 {
    display: none;
  }
  .sideMenu.closed .toggleSubmenuBtn {
    margin-top: 0.25rem;
  }
  .sideMenu.closed .toggleSubmenuBtn::after {
    content: '+';
  }
}
/* FRONT PAGE */
.frotPageLogo {
  margin-top: -4em;
  margin-bottom: 2em;
}
.frotPageLogo h1 {
  width: 80%;
  max-width: 500px;
}
.frontPageIngressWrapper {
  margin-bottom: 4rem;
}
@media (min-width: 800px) {
  .frontPageIngressWrapper {
    margin-top: -4rem;
  }
}
.news_date {
  color: #6ec0d9;
}
.news_date span {
  display: inline-block;
  padding-right: 2rem;
  margin-right: 2rem;
  border-right: 1px solid #00a9ce;
}
.frontPageIngress {
  margin: 0 0 0 auto;
  max-width: 500px;
  font-size: 1.5rem;
  font-family: 'Libre Baskerville', serif;
  line-height: 1.25em;
}
@media (min-width: 600px) {
  .frontPageIngress {
    font-size: 1.75rem;
  }
}
@media (min-width: 900px) {
  .frontPageIngress {
    font-size: 1.875rem;
  }
}
@media (min-width: 1000px) {
  .frontPageIngress {
    margin: 0 auto 0 50%;
  }
}
.frontSearchWrap {
  margin-top: 2rem;
  padding: 2rem 0;
}
form.frontSearch {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}
.frontSearchLabel {
  flex-basis: 100%;
  flex-shrink: 0;
}
.frontSeachField {
  box-sizing: border-box;
  padding: 0.5rem;
  font-size: 1rem;
  display: inline-block;
  height: 2.5rem;
  flex-grow: 1;
  border: 0;
  max-width: 500px;
}
.frontSearchBtn {
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.5rem;
  height: 2.5rem;
  background-color: #1d4154;
  color: #fff;
  text-align: center;
  border: 0;
  aspect-ratio: 1;
  flex-grow: 0;
  cursor: pointer;
}
.frontSearchBtn:after {
  content: "\e929";
  font-family: 'hhri';
}
.advancedSearchLink {
  flex-basis: 100%;
}
@media (min-width: 800px) {
  .advancedSearchLink {
    flex-basis: auto;
  }
}
.mainPageTitle {
  max-width: 41rem;
  z-index: 200;
}
.pageIngressWrapper {
  margin-top: 1rem;
}
.pageIngressWrapper:before {
  top: -4em;
}
@media (max-width: 800px) {
  .pageIngressWrapper:before {
    top: -3.25em;
  }
}
@media (max-width: 520px) {
  .pageIngressWrapper:before {
    top: -2.5em;
  }
}
.pageIngressWrapper .ingress {
  max-width: 41rem;
}
/* NEWS LINE + ELEMENT */
.newsLine {
  margin-top: 4em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}
.newtSectionTitle {
  flex-basis: 100%;
  margin-bottom: 1rem;
}
.newtSectionTitle a {
  text-decoration: none;
}
.newsElement {
  background: #cbe9ed;
  padding: 1rem;
  color: #1d4154;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 3px;
  cursor: pointer;
}
@media (min-width: 660px) {
  .newsElement {
    flex-basis: calc(50% - 0.5rem);
  }
}
@media (min-width: 990px) {
  .newsElement {
    flex-basis: calc(33.33% - 0.666rem);
  }
}
.newsElement .news_date {
  border-top: 1px solid #00a9ce;
  border-bottom: 1px solid #00a9ce;
  padding: 0.25rem 0;
  color: #367ba8;
}
.newsElement .news_date span {
  margin-right: 1rem;
  padding-right: 1rem;
}
.newsElementImg {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1rem;
  border: 2px #fff solid;
}
.newsElementImg.letterbox {
  border: 1rem #fff solid;
}
.newsElementtitle {
  color: #1d4154;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.newsElementMore {
  color: #1d4154;
}
.moreNewsBtn {
  flex-basis: 100%;
  text-align: right;
}
.moreNewsBtn a {
  color: #fff;
  font-weight: 700;
}
/* NEWSPAGE */
.newsHeroImgWrapper {
  margin-top: 4em;
}
.newsHeroImg {
  width: 100%;
  max-width: 41rem;
  box-sizing: border-box;
  border: 2px #fff solid;
}
.newsHeroImg.letterbox {
  border: 1rem #fff solid;
}
/* OLD CONTENT WRAPPER */
.mainContent {
  margin-top: 4rem;
}
.oldContent {
  margin-top: 4rem;
  max-width: 41rem;
}
.oldContent ul {
  margin: 1rem 0 0;
  padding-left: 1.25rem;
}
.oldContent img {
  max-width: 100%;
}
/* CONTENT BUILDER */
/* thematic pages module */
.thematicPagesHolder {
  margin-top: 4em;
}
.thematicPagesWrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5em;
}
.thematicPagesTitle {
  flex-basis: 100%;
  padding: 1em 0.5em;
}
.thematicPagesElement {
  flex-basis: 50%;
  padding: 1em 0.5em;
  margin-bottom: 1em;
  text-align: center;
  border-radius: 3px;
  color: #e9f6fa;
  cursor: pointer;
}
.thematicPagesElement:hover {
  background-color: #1f4e66;
  color: #fff;
}
.thematicPagesElement a {
  text-decoration: none;
  color: inherit;
}
@media (min-width: 450px) {
  .thematicPagesElement {
    flex-basis: 33.33%;
  }
}
@media (min-width: 600px) {
  .thematicPagesElement {
    flex-basis: 25%;
  }
  .thematicPagesTitle {
    flex-basis: 75%;
    margin-right: 25%;
  }
}
@media (min-width: 750px) {
  .thematicPagesElement {
    flex-basis: 20%;
  }
  .thematicPagesTitle {
    flex-basis: 60%;
    margin-right: 40%;
  }
}
@media (min-width: 750px) {
  .thematicPagesElement {
    flex-basis: 16.66%;
  }
  .thematicPagesTitle {
    flex-basis: 50%;
    margin-right: 16.66%;
  }
}
@media (min-width: 900px) {
  .thematicPagesElement {
    flex-basis: 14.28%;
  }
  .thematicPagesTitle {
    flex-basis: 42.85%;
    margin-right: 14.28%;
  }
}
@media (min-width: 1150px) {
  .thematicPagesElement {
    flex-basis: 12.5%;
  }
  .thematicPagesTitle {
    flex-basis: 37.5%;
    margin-right: 12.5%;
  }
}
.thematicPagesElTop {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #00a9ce;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.thematicPagesElIcon {
  font-size: 6em;
  color: inherit;
}
/* TEXT BLOCK */
.textSectionHolder {
  margin-top: 4em;
}
.textWrapper {
  max-width: 41rem;
}
/* RESOURCE SECTION */
.resourceSection {
  border-top: 1px solid #00a9ce;
  border-bottom: 1px solid #00a9ce;
  margin-left: 5%;
  margin-top: 4rem;
  padding: 2rem 0 0.5rem;
}
.resourceSection + .resourceSection {
  border-top: none;
  margin-top: 0;
}
@media (min-width: 1320px) {
  .resourceSection {
    margin-left: calc(50% - (1200px/2));
  }
}
.resourceSectionScroll {
  overflow: scroll;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.5rem;
}
.resourceSectionDescription {
  margin: 2rem 1rem 0 0;
  flex-basis: 19rem;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 400px) {
  .resourceSectionDescription {
    flex-basis: 15rem;
  }
}
.resourceSectionDescription h3 {
  margin-bottom: 0.5rem;
  line-height: 1.25em;
}
.resourcePublisher {
  border-top: 1px solid #00a9ce;
  border-bottom: 1px solid #00a9ce;
  padding: 0.5em 0;
  display: flex;
}
.resourceElement {
  flex-basis: 20rem;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 2rem 0 0 0;
  background-color: #1d4154;
  border-radius: 3px;
  padding: 1rem;
  padding-top: 2rem;
}
@media (max-width: 400px) {
  .resourceElement {
    flex-basis: 16rem;
  }
}
.resourceElementTitle {
  font-size: 1.25rem;
  line-height: 1.4em;
  cursor: pointer;
}
.resourceElementYear {
  color: #00a9ce;
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  border-right: 1px solid #00a9ce;
}
.resourceScrollBtn {
  position: absolute;
  right: 5%;
  top: 1.2rem;
  font-size: 2rem;
  cursor: pointer;
}
.resourceScrollBtn:after {
  font-family: 'hhri';
  content: "\e926";
}
.resourceContent {
  margin: 2rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #00a9ce;
}
.resourceTaxWrapper {
  margin: 0;
  padding: 0.15rem 0;
  display: flex;
}
.resourceTaxWrapper b {
  color: #00a9ce;
  font-weight: normal;
}
.resourceTaxLabel {
  color: #00a9ce;
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  flex-basis: 5.5em;
  flex-shrink: 0;
  border-right: 1px solid #00a9ce;
}
.resourcePageWrapper {
  width: 90%;
  max-width: 900px;
  margin: 5vh auto;
  padding: 8vw;
  background-color: #1d4154;
  border-radius: 3px;
}
@media (min-width: 1000px) {
  .resourcePageWrapper {
    padding: 72px;
  }
}
.mc_embed_signup {
  margin-top: 2rem;
  max-width: 90%;
}
.mc_embed_signup .indicates-required {
  font-size: 0.75rem;
}
.mc_embed_signup label {
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
}
.mc_embed_signup input.email {
  position: relative;
  box-sizing: border-box;
  padding: 0.5rem;
  font-size: 1rem;
  display: inline-block;
  height: 2.5rem;
  flex-grow: 1;
  border: 0;
  width: 100%;
  border-radius: 3px;
}
.mc_embed_signup .responses {
  margin: 1rem 0;
}
.mc_embed_signup .btnMain {
  margin-top: 1rem;
  border: 0;
  background-color: #cbe9ed;
  color: #1d4154;
  font-size: 1rem;
}
.mc_formWrapper {
  background-color: #1d4154;
  padding: 1rem;
  margin-top: 2rem;
}
.mc_formWrapper .mc_embed_signup {
  margin-top: 0;
}
@media (min-width: 700px) {
  .mc_formWrapper {
    padding: 2rem;
  }
}
/* Search page */
.aisSearchResultHolder {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.aisSearchResultHolder .resourceElement {
  min-width: 20em;
  max-width: 30em;
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
}
.aisSearchWrapper {
  margin: 2em 0 1em;
  max-width: 45rem;
}
.aisElement {
  margin-bottom: 2em;
}
.aisElement .aisElement {
  margin-bottom: 0.5em;
}
@media (min-width: 540px) {
  .aisTwoCol {
    display: flex;
  }
  .aisTwoCol .aisElement {
    flex-basis: 50%;
  }
  .aisTwoCol .aisElement:first-child {
    margin-right: 1em;
  }
}
.aisElementTitle {
  color: #fff;
  text-align: left;
  margin-bottom: 0.5em;
}
#aisSearchbox .ais-SearchBox-form {
  display: flex;
}
#aisSearchbox input[type="search"] {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.2rem;
  flex-basis: 80%;
  flex-shrink: 1;
  flex-grow: 1;
  padding: 0.25em 0.5em;
  margin-right: 1em;
  border-radius: 3px;
  border: none;
  background-color: #1d4154;
  border-bottom: 2px solid #00a9ce;
  font-size: 1.25em;
  color: #fff;
}
#aisSearchbox input[type="search"]::placeholder {
  color: #e9f6fa;
  font-weight: normal;
}
#aisSearchbox .ais-SearchBox-submit,
#aisSearchbox .ais-SearchBox-reset {
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0.25em;
  width: 50px;
  aspect-ratio: 1;
  background: #00a9ce;
  color: #1d4154;
  text-align: center;
}
#aisSearchbox .ais-SearchBox-submit:hover,
#aisSearchbox .ais-SearchBox-reset:hover {
  background: #6ec0d9;
  color: #e9f6fa;
}
#aisSearchbox .ais-SearchBox-submitIcon {
  width: 22px;
  height: 22px;
}
#aisSearchbox .ais-SearchBox-resetIcon {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}
#aisSearchbox .ais-SearchBox-reset {
  margin-left: 1em;
}
.ais-RefinementList-list {
  display: flex;
  text-align: left;
  flex-wrap: wrap;
}
.ais-RefinementList-item {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 0.5em 0.75em;
  color: #fff;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.ais-RefinementList-item input[type="checkbox"] {
  position: absolute;
  top: 3px;
  left: 2px;
  margin: 0;
}
.ais-RefinementList-item .ais-RefinementList-count {
  color: #6ec0d9;
  background-color: transparent;
  border-radius: 0;
}
.ais-RefinementList-item .ais-RefinementList-count::before {
  content: '( ';
}
.ais-RefinementList-item .ais-RefinementList-count::after {
  content: '  )';
}
.ais-RefinementList-label {
  position: relative;
  margin: 0;
  line-height: 1.1em;
  padding-left: 2em;
}
.ais-MenuSelect-select {
  box-sizing: border-box;
  width: 100%;
  font-size: 1em;
  padding: 0.3em;
}
/* ACCORDION */
.accordionWrapper {
  margin-top: 4rem;
  max-width: 41rem;
}
.accordionTitle {
  margin-bottom: 1rem;
}
.accordionElementTitle {
  padding: 0.75rem 0;
  cursor: pointer;
}
.accordionElementTitle:after {
  transition: all 0.5s;
  font-family: 'hhri';
  content: "\e927";
  position: absolute;
  right: 0;
  top: 0.8rem;
}
.accordionContent {
  padding-right: 2rem;
  display: none;
}
.accordionElement {
  border-radius: 3px;
  margin-bottom: 2px;
  padding: 0 1.5rem;
  padding-bottom: 0;
  transition: all 0.5s;
}
.accordionElement.closed {
  background-color: #256080;
}
.accordionElement.open {
  background-color: #1d4154;
  padding: 0.5rem 1.5rem 1rem 1.5rem;
}
.accordionElement.open .accordionContent {
  display: block;
}
.accordionElement.open .accordionElementTitle:after {
  transform: rotate(90deg);
}
/* BIG IMAGE */
.bigImageWrapper {
  margin-top: 4rem;
}
.bigImage {
  display: block;
  width: 100%;
}
.bigImageTextHolder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5rem 2rem 2rem;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.bigImageText {
  color: #e9f6fa;
}
/* IMAGE VIDEO WITH TEXT */
.imageVideoWrapper {
  margin-top: 4rem;
}
.imageVideoWrapper::before {
  display: block;
  position: absolute;
  content: ' ';
  background-color: #1d4154;
  top: 2rem;
  left: 2rem;
  bottom: 0;
  right: 0;
}
@media (min-width: 900px) {
  .imageVideoWrapper {
    display: flex;
  }
  .imageVideoWrapper::before {
    bottom: -2rem;
    left: 40%;
  }
}
@media (min-width: 900px) {
  .imageVideoHolder {
    flex-basis: 60%;
    flex-shrink: 0;
    flex-grow: 0;
  }
}
.imageVideo {
  width: calc(100% - 2rem);
  aspect-ratio: 16/9;
}
@media (min-width: 900px) {
  .imageVideo {
    width: 100%;
  }
}
.imageVideoText {
  padding: 1rem;
  margin-left: 2rem;
}
@media (min-width: 900px) {
  .imageVideoText {
    flex-basis: calc(40% - 2rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin: 3rem 0 0 1rem;
  }
}
@media (min-width: 900px) {
  .imageVideoWrapper:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .imageVideoWrapper:nth-child(odd)::before {
    left: 0;
    right: 40%;
  }
  .imageVideoWrapper:nth-child(odd) .imageVideoText {
    margin: 3rem 1rem 0 0;
  }
}
/* CTA BUTTONS ROW */
.ctaboxline-wrapper {
  margin-top: 4rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1rem;
}
.ctaboxline-wrapper.boxes-1 {
  max-width: 20rem;
}
.ctaboxline-wrapper.boxes-2 {
  max-width: 41rem;
}
.ctaboxline-wrapper.boxes-3 {
  max-width: 62rem;
}
@media (max-width: 840px) {
  .ctaboxline-wrapper {
    flex-wrap: wrap;
  }
}
.ctaboxline-wrapper div {
  position: relative;
}
.ctabox {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 20%;
  flex-grow: 1;
}
@media (max-width: 840px) {
  .ctabox {
    flex-basis: 40%;
  }
}
.ctaboximage {
  margin: 1.5em 1.5em 1em;
  text-align: center;
  flex-grow: 1;
}
.ctaboximage img {
  max-width: 100%;
  max-height: 150px;
}
.ctaIcon:before {
  font-family: 'hhri';
  font-size: 8em;
  line-height: 1em;
  color: inherit;
}
.ctaboxtitle {
  margin: 0 1em 0.5em;
  flex-basis: 60px;
  flex-grow: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}
.ctaboxlink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* gbv_manual_box */
.gbvBoxLine {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.gbvbox-wrapper {
  position: relative;
  flex-basis: 20rem;
  padding: 1rem;
  background: #cbe9ed;
  color: #1d4154;
}
.gbvbox-heading {
  margin: -1rem -1rem 0;
  display: flex;
  align-items: flex-end;
  background-color: #abd1d6;
}
.gbvbox-title {
  font-family: 'Roboto', sans-serif;
  flex-basis: 75%;
  margin: 1rem;
  font-size: 1.25rem;
  color: inherit;
}
.gbvbox-icon {
  margin: 1em;
  flex-basis: 25%;
  text-align: right;
}
.gbvbox-icon:before {
  font-family: 'hhri';
  font-size: 3.5rem;
  line-height: 1em;
  font-weight: bold;
}
.gbvbox-files-holder {
  display: none;
}
.gbvbox-files-holder--active {
  display: block;
}
/* CARDS */
.cardWrapper {
  margin-top: 4rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cardWrapper .cardTitle {
  flex-basis: 100%;
}
.cardWrapper .cardImage {
  position: relative;
  aspect-ratio: 1;
  margin-bottom: 1rem;
}
.cardWrapper .cardImage img {
  width: 100%;
}
.cardWrapper .genCard {
  padding: 2rem;
  background-color: #256080;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 1;
}
.cardWrapper .genCard h4 {
  font-size: 1.25rem;
}
.cardWrapper .genCard h5 {
  margin-bottom: 1rem;
}
.cardWrapper .genCard .cardMoreBtn {
  font-weight: bold;
  cursor: pointer;
}
.cardWrapper .genCard .cardMoreBtn:after {
  content: "\e927";
  font-family: "hhri";
  display: inline-block;
  margin: 0 0.5rem;
}
.cardWrapper .genCard.open .moreDots {
  display: none;
}
.cardWrapper .genCard.closed .moreTxt {
  display: none;
}
@media (min-width: 720px) {
  .cardWrapper .genCard {
    flex-basis: 48%;
  }
}
@media (min-width: 1080px) {
  .cardWrapper .genCard {
    flex-basis: 32%;
  }
}
/* FOOTER */
.mainPageFooterWrapper {
  margin-top: 6em;
  background-color: #1d4154;
  padding: 4em 0;
}
@media (min-width: 700px) {
  .mainPageFooter {
    display: flex;
    gap: 10%;
  }
}
.mainPageFooterInfo {
  margin-bottom: 2rem;
}
@media (min-width: 700px) {
  .mainPageFooterInfo {
    flex-basis: 60%;
  }
}
.mainPageFooterSoMe {
  flex-basis: 40%;
}
.mainPageFooterSoMe:before {
  position: absolute;
  display: block;
  content: ' ';
  background-color: rgba(0, 0, 0, 0.2);
  top: -1rem;
  left: -1rem;
  bottom: -4rem;
  right: 0;
}
.followIcons {
  font-size: 2rem;
  display: inline-block;
  margin: 1rem 1rem 0 0;
  text-decoration: none;
}
.followIcons:after {
  text-decoration: none;
  display: inline-block;
  font-family: 'hhri';
}
.followIcons:hover {
  text-decoration: none;
  color: #fff;
}
.followIcons.facebook:after {
  content: "\e90b";
}
.followIcons.twitter:after {
  content: "\e92d";
}
.followIcons.youtube:after {
  content: "\e933";
}
.followIcons.instagram:after {
  content: "\e917";
}
.followIcons.linkedin:after {
  content: "\e936";
}
/* SELECT2 OVERRIDES */
.select2-container--default .select2-selection--single {
  background-color: #e9f6fa;
  color: #1d4154;
  font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
}
.select2-container--open .select2-dropdown {
  color: #1d4154;
  font-weight: 700;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #e9f6fa;
  background-color: #1f4e66;
}
/* NEWSLETTER BUILDER PAGE */
.codeOutput {
  display: block;
  position: relative;
  margin: 0 auto;
  white-space: pre-wrap;
  tab-size: 1rem;
  width: 800px;
  height: 50vh;
  font-size: 1rem;
  border: 0;
  background-color: #cbe9ed;
  color: #1d4154;
  padding: 1rem;
}
/* Publication Page*/
.pubWrapper {
  background-color: #1d4154;
  margin: 2rem auto;
  max-width: 50rem;
  padding: 2rem;
  border-radius: 3px;
}
.pubTitle {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.pubAuthor {
  font-size: 1.25rem;
  border-top: 1px solid #00a9ce;
  border-bottom: 1px solid #00a9ce;
  padding: 1em 0;
  margin: 1em 0;
}
/* ICONS */
.icon-before:before {
  display: block;
  font-family: 'hhri';
  line-height: 1em;
}
.icon-down_big:before {
  content: "\e908";
}
.icon-down:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e904";
}
.icon-right_big:before {
  content: "\e926";
}
.icon-up:before {
  content: "\e92f";
}
.icon-left:before {
  content: "\e919";
}
.icon-right:before {
  content: "\e927";
}
.icon-left_big:before {
  content: "\e918";
}
.icon-up_big:before {
  content: "\e92e";
}
.icon-words_terms:before {
  content: "\e932";
}
.icon-torture:before {
  content: "\e92c";
}
.icon-butterfly_woman:before {
  content: "\e900";
}
.icon-supporter:before {
  content: "\e92b";
}
.icon-gbv_children:before {
  content: "\e90d";
}
.icon-butterfly:before {
  content: "\e901";
}
.icon-gbf_flyer:before {
  content: "\e90c";
}
.icon-children_armed:before {
  content: "\e902";
}
.icon-close_to:before {
  content: "\e903";
}
.icon-gbv_front:before {
  content: "\e90e";
}
.icon-disaster:before {
  content: "\e906";
}
.icon-defenders:before {
  content: "\e905";
}
.icon-selfcare:before {
  content: "\e92a";
}
.icon-webinar:before {
  content: "\e931";
}
.icon-refugee:before {
  content: "\e924";
}
.icon-rehab:before {
  content: "\e925";
}
.icon-logo_hele:before {
  content: "\e91c";
}
.icon-ptsd:before {
  content: "\e923";
}
.icon-org_site:before {
  content: "\e91f";
}
.icon-pilot:before {
  content: "\e921";
}
.icon-organizations:before {
  content: "\e920";
}
.icon-message_global:before {
  content: "\e91d";
}
.icon-rights:before {
  content: "\e928";
}
.icon-logo_fjes:before {
  content: "\e91b";
}
.icon-gbv_men:before {
  content: "\e90f";
}
.icon-gbv:before {
  content: "\e914";
}
.icon-gbv_toolbox:before {
  content: "\e912";
}
.icon-global_examples:before {
  content: "\e915";
}
.icon-gbv_women:before {
  content: "\e913";
}
.icon-lgbt:before {
  content: "\e91a";
}
.icon-post_conflict:before {
  content: "\e922";
}
.icon-gbv_open:before {
  content: "\e911";
}
.icon-helpers:before {
  content: "\e916";
}
.icon-messages:before {
  content: "\e91e";
}
.icon-document:before {
  content: "\e907";
}
.icon-ethics:before {
  content: "\e90a";
}
.icon-gbv_no:before {
  content: "\e910";
}
.icon-war_conflict:before {
  content: "\e930";
}
.icon-linkedin:before {
  content: "\e936";
}
.icon-children_war:before {
  content: "\e934";
}
.icon-logo_icdp:before {
  content: "\e935";
}