:root {
  /* 
  https://mycolor.space/?hex=%23110B50&sub=1
   matching gradients
  */

  --primary-color: #110B50;
  --primary-color-t40: #110b5028; /*primary color with transparency 40%*/
  --primary-color-2: #003885;
  --primary-color-3: #0063AD;
  --primary-color-4: #008FC3;
  --primary-color-5: #00BAC7;
  --primary-color-6: #00E3BE;
  --primary-color-7: #E7631E;
  --primary-color-8: #e9814b;
  --primary-color-o-05: var(--primary-color-4);
  --primary-color-o-08: var(--primary-color-2);
  --over-primary-color: rgba(228, 239, 235, 1);
  --over-primary-color-o-05: rgba(228, 239, 235, 0.5);
  --secondary-color: var(--primary-color-7);
  --secondary-color-light: var(--primary-color-3);
  --light-grey: rgba(241, 241, 241, 1);
  --light-grey-2: rgba(217, 217, 217, 1);
  --light-grey-o-05: rgba(241, 241, 241, 0.5);
  --dark-grey: rgba(50, 75, 79, 1);
  --dark-grey-o-02: rgba(50, 75, 79, 0.2);
  --hyperlink-color: var(--primary-color-2);
  --hyperlink-color-o-05: var(--primary-color-2);
  --hyperlink-color-dark: var(--primary-color);

  --section-vertical-space: 1.5rem;

  --content-verical-space-sm: 0.4rem;
  --content-verical-space: 0.6rem;
  --content-verical-space-m: 0.8rem;
  --content-verical-space-l: 1rem;
  --content-verical-space-xl: 1.2rem;

  --content-max-width: 90%;

  --font-size-xs: 0.7rem;
  --line-height-xs: 1.4;

  --font-size-sm: 0.8rem;
  --line-height-sm: 1.4;

  --font-size: 0.9rem;
  --line-height: 1.4;

  --font-size-m: 1rem;
  --line-height-m: 1.4;

  --font-size-l: 1.2rem;
  --line-height-l: 1.4;

  --font-size-xl: 1.4rem;
  --line-height-xl: 1.4;

  --font-size-2xl: 1.6rem;
  --line-height-2xl: 1.4;

  --font-size-3xl: 1.8rem;
  --line-height-3xl: 1.5;

  --max-text-width: 120ch;

  --letter-spacing-l: 2px;
  --letter-spacing-m: 1px;

  --word-spacing-xl: 3px;
  --word-spacing-l: 2px;
  --word-spacing-m: 1px;

}

body {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

@media only screen and (min-width: 480px) {
  :root {
    --font-size-xs: 0.8rem;
    --line-height-xs: 1.5;

    --font-size-sm: 0.9rem;
    --line-height-sm: 1.5;

    --font-size: 1rem;
    --line-height: 1.5;

    --font-size-m: 1.1rem;
    --line-height-m: 1.5;

    --font-size-l: 1.3rem;
    --line-height-l: 1.5;

    --font-size-xl: 1.5rem;
    --line-height-xl: 1.5;

    --font-size-2xl: 1.7rem;
    --line-height-2xl: 1.5;

    --font-size-3xl: 1.9rem;
    --line-height-3xl: 1.6;

    --section-vertical-space: 2rem;

    --letter-spacing-l: 3px;
    --letter-spacing-m: 2px;

    --word-spacing-xl: 6px;
    --word-spacing-l: 4px;
    --word-spacing-m: 2px

    content-verical-space-sm: 0.5rem;
    --content-verical-space: 0.7rem;
    --content-verical-space-m: 0.9rem;
    --content-verical-space-l: 1.1rem;
    --content-verical-space-xl: 1.3rem;
  }
}

@media only screen and (min-width: 920px) {
  :root {
    --font-size-xs: 0.9rem;
    --line-height-xs: 1.6;

    --font-size-sm: 1rem;
    --line-height-sm: 1.6;

    --font-size: 1.1rem;
    --line-height: 1.6;

    --font-size-m: 1.2rem;
    --line-height-m: 1.6;

    --font-size-l: 1.4rem;
    --line-height-l: 1.6;

    --font-size-xl: 1.6rem;
    --line-height-xl: 1.6;

    --font-size-2xl: 1.8rem;
    --line-height-2xl: 1.6;

    --font-size-3xl: 2rem;
    --line-height-3xl: 1.6;

    --section-vertical-space: 3rem;

    --content-verical-space-sm: 0.6rem;
    --content-verical-space: 0.8rem;
    --content-verical-space-m: 1rem;
    --content-verical-space-l: 1.2rem;
    --content-verical-space-xl: 1.4rem;
  }
}

.region-content > *:not(:last-child) {
  margin-bottom: var(--section-vertical-space);
}

.node--section-line-under .field__label {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--light-grey-2);
}

.node--items-grid .field__items {
  display: grid;
  width: 100%;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
  align-items: stretch;
  justify-items: center;
}
.node--items-grid .field__items > .field__item {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .node--items-grid .field__items {
    display: grid;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1080px) {
  .node--items-grid .field__items {
    display: grid;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}


.flex-center {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.justify-between {
  justify-content: space-between;
}
.font-xs {
  font-size: var(--font-size-xs);
}


.n3t-badge--wrapper {
  background-color: white;
  font-size: var(--font-size-xs);
}

.field--name-field-members.field--type-entity-reference .field__items > .field__item {
  margin-top: .5rem;
}

.field--name-field-members.field--type-entity-reference .field__items > .field__item:first-of-type {
  margin-top: .6rem;
}

.margin-top-small {
  margin-top: 0.5rem;
}
.margin-top-medium {
  margin-top: 1.5rem;
}
.margin-top-large {
  margin-top: 2.5rem;
}