.c-project-card {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: var(--colorDeepPurple);
}

.c-project-card--hover {
    transition: transform 0.15s ease-in-out;
}

.c-project-card--hover:hover {
    border: 3px solid var(--colorDeepPurple);
    margin: -3px;
    transform: translate(var(--spacingSmall), calc(var(--spacingSmall) * -1));
}

.c-project-card:link {
    text-decoration: none;
}

.c-project-card h2 {
    margin-top: var(--spacingSmall);
    padding: 0 var(--spacing);
}

.c-project-card__video {
    min-height: 200px;
}
.c-project-card__video-title {
    padding: var(--spacing);
}

.c-project-card__image {
    margin: 0;
}
.c-project-card__image img {
    width: 100%;
}

.c-project-card__country {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-project-card__country img {
    width: 30px;
    height: 30px;
}

.c-project-card__country p {
    padding: 0 var(--spacing);
}

.c-project-card__linkline {
    text-decoration: underline;
}

.c-card-pdf-intro {
  width: 100%;
  display: flex;
}
.c-card-pdf-intro h2 {
  margin: 0 var(--spacing) 0;
}

.c-card-pdf {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--colorDeepPurple);
}
.c-card-pdf:link {
  text-decoration: none;
}

.c-card-pdf figure {
  margin: 0;
}

.c-card-pdf p {
  margin-top: var(--spacing);
  margin-bottom: var(--spacingSmall);
}

.c-card-pdf h3 {
  margin: 0;
}

.c-contribution-card{
    background-color: var(--colorOrange);
    padding: var(--spacing);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 13em;
    height: fit-content;
}

.c-contribution-card__head{
    font-size: var(--fontLargest);
    margin-bottom: 0;
}

.c-contribution-card__body{
    margin-bottom: auto;
}

.c-contribution-card__underlined{
    color: var(--colorDeepPurple;)
}

.c-contribution-card__button{
    background-color: var(--colorDarkPink);
    padding: var(--spacingSmall) var(--spacing);
    border-radius: var(--spacingSmall);
    color: white;
    text-decoration: none;
}
.c-contribution-card__button:hover{
    background-color: #FF1199;
}

.c-contribution-card__link-field{
    margin-top: var(--spacingLarge);
    margin-bottom: var(--spacing);
}

.c-contribution-card:nth-child(2n){
    background-color: var(--colorDeepPurple);
}
.c-contribution-card:nth-child(2n) .c-contribution-card__head{
    color: var(--colorOrange);
}
.c-contribution-card:nth-child(2n) .c-contribution-card__body, .c-contribution-card:nth-child(2n) .c-contribution-card__underlined{
    color: white;
}
.c-country-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    margin: var(--spacingTiny) 0;
}

.c-country-selection-item {
    display: flex;
    align-items: center;
    margin: var(--spacingTiny);
    padding: var(--spacingTiny) var(--spacingSmall);
    text-decoration: none;
}

.c-country-selection-item img {
    width: 30px;
    height: 30px;
}

.c-fact-box-block{
    background-color: var(--colorLightPink);
    padding-inline-start: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    box-sizing: border-box;
}

.c-fact-box-block{
    max-width: 100%;
}

.c-fact-box{
    background-color: var(--colorLightPink);
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
    padding: var(--spacingLarge);
    max-width: 100%;
}

.c-fact-box__head{
    font-size: var(--fontHeader);
    font-weight: 600;
    color: var(--colorDarkPink);
    margin: var(--spacing) 0 0 0;
}

.c-fact-box__body{
    font-size: var(--fontLarger);
}

@media screen and (max-width: 620px){
    .c-fact-box-block{
        background-color: inherit;
        flex-direction: column;
    }

    .c-fact-box{
        margin: var(--spacingTiny) 0;
    }
}
.c-image-block img{
    width: 100%;
}

.c-image-block--scroll{
    overflow-x: scroll;
}
@media screen and (min-width: 621px){
    .c-image-block-scroll img{
        max-width: 100%;
    }
}

@media screen and (min-width: 621px){
    .c-image-side-text-block{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .c-image-side-text-block figure, .c-image-side-text-block figcaption{
        width: 48%;
        margin: 0;
        align-items: center;
    }
}
.c-menu {
    max-width: var(--siteWidth);
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--spacing);
    list-style: none;
    display: flex;
    justify-content: flex-end;
    height: fit-content;
    color: white;
}

.c-menu--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.c-menu a {
    color: white;
    text-decoration: none;
}

.c-menu__logo {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
    margin-right: auto;
    display: flex;
}
.c-menu__logo--rtl {
    margin-left: auto;
    margin-right: 0;
}

.c-menu__logo div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.c-menu__logo p {
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 0 var(--spacingSmall);
}

.c-menu__list-item {
    display: flex;
    align-items: center;
}
.c-menu__list-item--current {
    border-bottom: 5px solid var(--colorOrange);
}
.c-menu__list-item--current a {
    background-color: var(--colorLightPurple);
}

.c-menu__list-item--hoverable:hover {
    border-bottom: 5px solid var(--colorOrange);
}

.c-menu__list-item--current .c-menu__link,
.c-menu__list-item--hoverable:hover .c-menu__link {
    padding-bottom: calc(var(--spacing) - 5px);
}

.c-menu__link {
    padding: var(--spacing) var(--spacingLarge);
    display: flex;
    align-items: center;
}

.c-menu__link--home {
    flex-grow: 1;
    display: flex;
    padding: 0;
}

.c-menu__link--hoverable:hover {
    background-color: var(--colorLightPurple);
    padding-bottom: calc(var(--spacing) - 5px);
}

.c-menu__last-item {
    background-color: var(--colorOrange);
    border-radius: var(--spacingSmall);
    color: var(--colorDeepPurple);
    padding: var(--spacingSmall) var(--spacing);
    margin: calc(-1 * var(--spacing));
}
.c-menu__last-item:hover {
    background-color: #fbc51e;
}

/* Mobile */
.c-menu__toggle-button {
    background-color: inherit;
    color: inherit;
    border: none;
    padding: 0 var(--spacingLarge);
}
.c-menu__toggle-button svg {
    margin-top: 20px;
}
.c-menu__toggle-button p {
    margin-top: 5px;
}

.c-menu__overlay {
    height: 100%;
}

.c-menu__overlay-list {
    list-style: none;
    color: white;
    padding-inline-start: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.c-menu__overlay-list-item {
    display: block;
    color: inherit;
    background-color: var(--colorLightPurple);
    text-decoration: none;
    padding: var(--spacing) 85px;
    margin-top: var(--spacingTiny);
}

@media screen and (min-width: 621px) {
    .c-menu__toggle-button {
        display: none;
    }
}
@media screen and (max-width: 620px) {
    .c-menu {
        padding-right: 0;
    }
    .c-menu__list-item {
        display: none;
    }
}

.c-scrolling-paragraphs{
    display: flex;
    list-style: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.c-scrolling-paragraphs li{
    margin-right: var(--spacingLarge);
    width: fit-content;
    padding: var(--spacingSmall) 0;
    margin-bottom: 3px;
}

.c-scrolling-paragraphs a{
    text-decoration: none;
    font-size: var(--fontLarge);
    color: var(--colorDeepPurple);
}

@media screen and (max-width: 620px){
    .c-scrolling-paragraphs{
        flex-direction: column;
    }
    .c-scrolling-paragraphs li{
        padding: var(--spacingTiny) 0;
        margin: 0;
    }
    .c-scrolling-paragraphs a{
        border-bottom: 1px solid var(--colorOrange);
    }
}

@media screen and (min-width: 621px){
    .c-scrolling-paragraphs li:hover{
        border-bottom: 3px solid var(--colorOrange);
        margin-bottom: 0;
    }
}


h1, h2, h3, h4, h5{
    color: var(--colorDeepPurple);
    font-weight: 600;
}

h1{
    font-size: var(--fontHeader);
}

h2{
    font-size: var(--fontLargest);
}

h3{
    font-size: var(--fontLarger);
}

h4{
    font-size: var(--fontLarge);
}

h5{
    font-size: var(--font)
}
  
/* Listing properties */
.o-card-listing {
  display: grid;
  column-gap: var(--spacing);
  row-gap: var(--spacing);
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}

@media screen and (min-width: 620px) {
  .o-card-listing {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }
}

@media screen and (min-width: 800px) {
  .o-card-listing {
    grid-template-columns: repeat(3, 1fr);
  }
  .o-card-listing--half {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Listing fix for IE11 */
@media all and (-ms-high-contrast: none) {
  .o-card-listing {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .o-card-listing{
      margin-bottom: var(--spacing);
  }

  .o-card-listing > *  {
    flex: 0 1 32%;
  }
}

.o-wrapper{
    max-width: var(--siteWidth);
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}

.o-wrapper--medium{
    max-width: var(--mediumWidth);
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}

.o-wrapper--narrow{
    max-width: var(--narrowWidth);
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}
@font-face {
    font-family: "Noto Sans";
    font-weight: 100;
    src: url(/dist/NotoSans-Thin.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 200;
    src: url(/dist/NotoSans-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 300;
    src: url(/dist/NotoSans-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    src: url(/dist/NotoSans-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 500;
    src: url(/dist/NotoSans-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 600;
    src: url(/dist/NotoSans-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: url(/dist/NotoSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 800;
    src: url(/dist/NotoSans-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: url(/dist/NotoSans-Black.ttf) format("truetype");
}


/* Background color */
.u-bg--deepPurple{
    background-color: var(--colorDeepPurple);
}

.u-bg--lightPurple{
    background-color: var(--colorLightPurple);
}

.u-bg--lightGrey{
    background-color: var(--colorLightGrey);
}

.u-bg--lightPink{
    background-color: var(--colorLightPink);
}

/* Font color */

.u-text--darkPink{
    color: var(--colorDarkPink);
}

.u-text--deepPurple{
    color: var(--colorDeepPurple);
}

.u-text--white{
    color: white;
}

/* Border */
.u-border--deepPurple{
    border: 3px solid var(--colorDeepPurple);
    border-radius: var(--spacingSmall)
}

/* Margins */
.u-margin{
    margin: var(--spacing);
}

.u-margin-top{
    margin-top: var(--spacing);
}

.u-margin-top--large{
    margin-top: var(--spacingLarge)
}

.u-margin-bottom--larger{
    margin-bottom: var(--spacingLarger);
}

.u-margin-top-bottom{
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
}

.u-margin-top-bottom--larger{
    margin-top: var(--spacingLarger);
    margin-bottom: var(--spacingLarger);
}

.u-margin-left{
    margin-left: var(--spacing);
}

.u-margin-left--auto{
    margin-left: auto;
}

.u-margin--rm{
    margin: 0;
}

/* Padding */
.u-padding-right--small{
    padding-right: var(--spacingSmall);
}

.u-padding-left-right--small{
    padding-left: var(--spacingSmall);
    padding-right: var(--spacingSmall);
}

.u-padding-top-bottom--tiny{
    padding-top: var(--spacingTiny);
    padding-bottom: var(--spacingTiny);
}

.u-padding-top-bottom--large{
    padding-top: var(--spacingLarge);
    padding-bottom: var(--spacingLarge);
}

/* Flex properties */
.u-flex{
    display: flex;
}

.u-flex__grow{
    flex-grow: 1;
}

.u-flex__justify-center{
    justify-content: center;
}

.u-flex__justify-end{
    justify-content: flex-end;
}

.u-flex__align-center{
    align-items: center;
}
@media screen and (min-width: 621px){
    .u-hide--desktop{
        display: none;
    }
}

.u-rtl{
    direction: rtl;
}

.u-hide{
    display: none;
}

.u-rm-decor:link, .u-rm-decor:visited{
    text-decoration: none;
}

:root{
    --mainFont: "Noto Sans", arial, sans-serif;
    /* Font sizes */
    --fontSmall: 14px;
    --font: 16px;
    --fontLarge: 17px;
    --fontLarger: 19px;
    --fontLargest: 21px;
    --fontHeader: 24px;
    
    /* Spacings */
    --spacingTiny: 0.25rem;
    --spacingSmall: 0.5rem;
    --spacing: 1rem;
    --spacingLarge: 2rem;
    --spacingLarger: 4rem;
    --spacingLargeSix: 6rem;
    --spacingHuge: 8rem;
    --spacingHuge12: 12rem;
    
    /* width */
    --siteWidth: 1440px;
    --mediumWidth: 1100px;
    --narrowWidth: 700px;
    
    /* color */
    --colorLightPurple: #7951BE;
    --colorDeepPurple: #330099;
    --colorOrange: #F7931E;
    --colorLightGrey: #E5E5E5;
    --colorLightPink: #F8E5EE;
    --colorDarkPink: #CC0066;

  }

@media screen and (min-width: 400px){
    :root{
        --fontLarge: calc(17px + 1 * ((100vw - 320px) / 680));
        --fontLarger: calc(19px + 1 * ((100vw - 320px) / 680));
        --fontLargest: calc(21px + 3 * ((100vw - 320px) / 680));
        --fontHeader: calc(24px + 12 * ((100vw - 320px) / 680));;
    }
}

@media screen and (min-width: 1440px){
    :root{
        --fontLarge: 18px;
        --fontLarger: 20px;
        --fontLargest: 24px;
        --fontHeader: 36px;
    }
}

/* Components */
/* Elements */
/* Objects */
/* Settings */
/* Utilities */


body {
  font-family: var(--mainFont);
  margin: 0;
}

html{
  scroll-behavior: smooth;
}

/*# sourceMappingURL=main.dist.css.map*/