@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  width: 100%;
}

@font-face {
  font-family: "Literata";
  src: url("../fonts/Literata_24pt-Regular.woff") format("woff"), url("../fonts/Literata_24pt-Regular.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Literata";
  src: url("../fonts/Literata_24pt-Italic.woff") format("woff"), url("../fonts/Literata_24pt-Italic.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Literata";
  src: url("../fonts/Literata_24pt-Bold.woff") format("woff"), url("../fonts/Literata_24pt-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Inria";
  src: url("../fonts/InriaSans-Regular.woff") format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "Inria";
  src: url("../fonts/InriaSans-Bold.woff") format("woff");
  font-weight: 900;
}
body {
  font-family: "Literata";
}

h1, h2, h3 {
  font-weight: 700;
}

h3 {
  font-size: 1.5rem !important;
}

h4 {
  font-weight: 700;
  font-size: 1.2rem;
}

h5 {
  font-weight: 600;
  font-size: 1.2rem;
}

p, li {
  font-family: "Inria";
  line-height: 1.5;
  font-size: 1.2rem;
}
p strong, li strong {
  font-weight: 900;
}

a {
  font-size: 1.2rem;
  text-decoration: none;
}

summary {
  font-family: "Inria";
}

#header .section .region-header .navbar-brand {
  box-shadow: 0 0 0 90vmax rgb(47, 72, 88);
  clip-path: inset(0 -90vmax);
  width: 100%;
  display: flex;
  background-color: rgb(47, 72, 88);
  min-height: 6rem;
  position: absolute;
  top: 0;
  z-index: 10;
  align-items: center;
  justify-content: center;
}
#header .section .region-header .navbar-brand .site-title a {
  transition: 0.3s;
  color: rgb(253, 253, 253) !important;
}
#header .section .region-header .navbar-brand .site-title a:hover {
  color: rgb(8, 168, 247) !important;
}
#header .section .region-header .navbar-brand .nav-toggle {
  display: flex;
  width: 10%;
  justify-content: center;
}
#header .section .region-header .navbar-brand .nav-toggle span {
  transform-origin: center center;
}
#header .section .region-header .navbar-brand .nav-toggle span::after,
#header .section .region-header .navbar-brand .nav-toggle span::before {
  position: relative;
  display: block;
  width: 9px;
  border-radius: 3px;
  background-color: antiquewhite;
  height: 3px;
}
#header .section .region-header .navbar-brand .nav-toggle span::after {
  content: "";
  top: 3px;
  left: 2px;
  transform-origin: bottom left;
  transform: rotateZ(-36deg);
}
#header .section .region-header .navbar-brand .nav-toggle span::before {
  content: "";
  bottom: 3px;
  left: 2px;
  transform-origin: top left;
  transform: rotateZ(36deg);
}
#header .section .region-header .primary_navigation {
  background-color: rgb(51, 101, 138);
  min-height: 6rem;
  margin: 0;
  position: absolute;
  top: 6rem;
  z-index: 25;
  width: 100%;
  /*
  Creates a hamburger icon from the label
  */
  /*
  Transformation mechanism.
  */
  /*
  Transforms the hamburger icon to an x and back.
  */
}
#header .section .region-header .primary_navigation .nav-toggle {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
#header .section .region-header .primary_navigation .nav-toggle-label {
  height: 6rem;
}
@media screen and (max-width: 1050.5px) {
  #header .section .region-header .primary_navigation .nav-toggle-label {
    margin-left: 1em;
    /* The next three lines are to make it easy to centre the toggle on the container. */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    margin-left: 0;
    cursor: pointer;
    background-color: rgb(51, 101, 138);
  }
}
@media screen and (min-width: 1050px) {
  #header .section .region-header .primary_navigation .nav-toggle-label {
    display: none;
  }
}
#header .section .region-header .primary_navigation .nav-toggle-label span,
#header .section .region-header .primary_navigation .nav-toggle-label span::before,
#header .section .region-header .primary_navigation .nav-toggle-label span::after {
  display: block;
  background: white;
  height: 3px;
  width: 1.5em;
  border-radius: 3px;
  position: relative;
  transition: all 600ms ease-in-out;
}
#header .section .region-header .primary_navigation .nav-toggle-label span::before,
#header .section .region-header .primary_navigation .nav-toggle-label span::after {
  content: "";
  position: absolute;
}
#header .section .region-header .primary_navigation .nav-toggle-label span::before {
  transform-origin: right bottom;
  transform: rotateZ(0deg);
  bottom: 8px;
}
#header .section .region-header .primary_navigation .nav-toggle-label span::after {
  transform-origin: right top;
  transform: rotateZ(0deg);
  top: 8px;
}
#header .section .region-header .primary_navigation #nav-toggle:checked ~ nav {
  transform: scale(1, 1);
}
#header .section .region-header .primary_navigation #nav-toggle:checked ~ .nav-toggle-label span::before {
  transform: rotateZ(-40deg);
}
#header .section .region-header .primary_navigation #nav-toggle:checked ~ .nav-toggle-label span::after {
  transform: rotateZ(40deg);
}
#header .section .region-header .primary_navigation #nav-toggle:checked ~ .nav-toggle-label span {
  width: 0px;
  background-color: var(--deep-orange);
}
@media screen and (max-width: 1050.5px) {
  #header .section .region-header nav {
    position: absolute;
    top: 100%;
    left: 0;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 400ms ease-in-out;
    width: 100%;
  }
}
#header .section .region-header nav ul {
  width: 100%;
  background-color: rgb(51, 101, 138);
  justify-content: center !important;
  display: flex;
}
@media screen and (max-width: 1050.5px) {
  #header .section .region-header nav ul {
    flex-direction: column;
  }
  #header .section .region-header nav ul li {
    font-size: 1.2rem;
    border-top: 1px dotted rgb(8, 168, 247);
    padding: 0;
  }
  #header .section .region-header nav ul li:hover {
    background-color: rgb(51, 101, 138);
  }
}
@media screen and (min-width: 1050px) {
  #header .section .region-header nav ul {
    margin: 1.5rem 0;
    flex-direction: row;
  }
  #header .section .region-header nav ul li {
    font-size: 1.2rem;
    padding: 0 1rem;
  }
  #header .section .region-header nav ul li a {
    padding-bottom: 1.65rem;
  }
}
#header .section .region-header nav ul li {
  font-size: 1.2rem;
  max-height: 3rem;
  color: rgb(253, 253, 253);
  display: inline-block;
  font-family: "Inria";
  font-weight: 500;
}
#header .section .region-header nav ul li a {
  transition: 0.3s;
  color: rgb(253, 253, 253) !important;
}
#header .section .region-header nav ul li a:hover {
  color: rgb(8, 168, 247) !important;
}
#header .section .region-header nav .is-active {
  color: rgb(253, 253, 253);
}
@media screen and (min-width: 1050px) {
  #header .section .region-header nav .is-active {
    border-bottom: 9px solid rgb(246, 174, 45);
  }
}
@media screen and (max-width: 1049.5px) {
  #header .section .region-header nav .is-active {
    background-color: rgb(246, 174, 45);
  }
}
#header .section .region-header #block-bannerimage {
  /* Persistent styles */
  min-width: 360px;
  position: relative;
  margin: 0;
  z-index: 0;
  background-color: rgb(157, 236, 248);
  background-color: linear-gradient(93deg, rgb(33, 229, 253) 0%, rgb(157, 236, 248) 36%, rgb(157, 236, 248) 56%, rgb(33, 229, 253) 100%);
  background-position: 75%;
  background-repeat: no-repeat;
  /* responsive styles */
}
#header .section .region-header #block-bannerimage .field--name-body {
  max-width: 1025px;
  margin: 0 auto;
}
#header .section .region-header #block-bannerimage .field--name-body .strapline {
  margin-top: -1.75rem;
}
#header .section .region-header #block-bannerimage .field--name-body .strapline p {
  margin: 0;
  font-weight: 900;
  left: 1rem;
  font-size: 1.75rem;
  color: rgb(27, 54, 136);
  text-align: left;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 749.5px) and (min-height: 600px) {
  #header .section .region-header #block-bannerimage {
    background-image: url(/themes/custom/gdm/images/tiles_cropped.png);
    background-size: cover;
    height: 52vh;
    padding: 0;
    margin: 0;
  }
  #header .section .region-header #block-bannerimage .field--name-body {
    padding: 0;
    margin: 0;
    height: 52vh;
  }
  #header .section .region-header #block-bannerimage .strapline {
    height: 52vh;
  }
  #header .section .region-header #block-bannerimage .strapline p {
    font-weight: 900;
    width: 90%;
    font-size: 1.5rem !important;
    top: 40vh;
  }
}
@media screen and (min-width: 750px) and (min-height: 600px) {
  #header .section .region-header #block-bannerimage {
    background-image: url(/themes/custom/gdm/images/tiles_narrow_cropped.png);
    background-size: contain;
  }
  #header .section .region-header #block-bannerimage .field--name-body {
    height: 55vh;
  }
  #header .section .region-header #block-bannerimage .strapline p {
    font-weight: 900;
    font-size: 2.25rem !important;
    width: 55%;
    top: 31vh;
  }
}

#crumbs {
  position: relative;
  top: 0;
  z-index: 1;
  height: 3rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  background: rgb(8, 168, 247);
}
@media screen and (max-height: 600px) {
  #crumbs {
    margin-top: 5em;
  }
}
#crumbs a {
  transition: 0.3s;
  font-family: "Inria";
  font-weight: 500;
  color: rgb(255, 255, 255);
}
#crumbs a:hover {
  color: rgb(100, 217, 244);
}

.gdm-target-panel-wrapper,
.gdm-concept-panel-wrapper,
.gdm-publication-panel-wrapper {
  width: 100%;
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
.gdm-target-panel-wrapper fieldset,
.gdm-concept-panel-wrapper fieldset,
.gdm-publication-panel-wrapper fieldset {
  padding-bottom: 1rem;
}

.accordion-item {
  background-color: rgb(253, 253, 250);
  margin-top: 1rem;
  margin-bottom: -1rem;
  padding: 0.5rem;
  border-top: 1px solid rgb(192, 192, 192);
  border-left: 1px solid rgb(192, 192, 192);
  border-right: 1px solid rgb(192, 192, 192);
  border-radius: 5px 5px 0 0 !important;
  display: inline-block;
}
.accordion-item a {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: rgb(0, 30, 20);
}

.accordion-panel {
  margin-top: calc(-0.5rem - 1px);
  border: 1px solid rgb(192, 192, 192);
  border-radius: 0 3px 0 0;
  padding: 1rem 0.75rem 0;
  width: 100%;
  transition: 0.4s;
}
.accordion-panel .field__item {
  font-family: "Literata" !important;
}

.field--name-field-authors-name-construct .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.field--name-field-authors-name-construct .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .field--name-field-authors-name-construct .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.field--name-field-authors-name-construct .field__item {
  font-family: "Literata" !important;
}

.gdm-publication-panel-wrapper .field--name-field-journal-name-long-format-, .gdm-publication-panel-wrapper .field__item p {
  margin-bottom: 0;
}
.gdm-publication-panel-wrapper .field--name-field-publication-title {
  font-size: 170%;
  margin: -1rem -1rem 0 -1rem;
  padding: 0.5rem 1rem;
  color: rgb(253, 253, 253);
  background-color: rgb(80, 185, 6);
}
.gdm-publication-panel-wrapper .field--name-field-publication-title .field__label {
  display: none;
}
.gdm-publication-panel-wrapper .field--name-field-authors {
  background-color: rgb(100, 205, 26);
  margin: -1rem -1rem 0 -1rem;
  padding: 0.5rem 1rem;
  color: rgb(253, 253, 253);
}
.gdm-publication-panel-wrapper .field--name-field-authors .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(253, 253, 253);
}
.gdm-publication-panel-wrapper .field--name-field-authors .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(253, 253, 253);
}
@media screen and (max-width: 767.5px) {
  .gdm-publication-panel-wrapper .field--name-field-authors .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-publication-panel-wrapper .field--name-field-authors .field__item {
  padding-top: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-authors .field__items,
.gdm-publication-panel-wrapper .field--name-field-corresponding-author .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-authors .field__items .field__item:not(:last-child):after,
.gdm-publication-panel-wrapper .field--name-field-corresponding-author .field__items .field__item:not(:last-child):after {
  content: ", ";
}
.gdm-publication-panel-wrapper .citation-options-group {
  padding: 0.5rem;
  border-radius: 6px;
  border: 1px solid rgb(220, 220, 220);
  flex-direction: column;
}
.gdm-publication-panel-wrapper .citation-options-group h3 {
  border-radius: 6px 6px 0 0;
  background-color: rgb(249, 247, 234);
  margin: -0.5rem -0.5rem 0 -0.5rem;
  border-bottom: 1px solid rgb(192, 192, 192);
  font-size: 150%;
  font-weight: 700;
  padding: 0.5rem 0 0.5rem 0.5rem;
  line-height: 1.5;
}
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url:not(.field--name-field-citation-pubmed),
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed:not(.field--name-field-citation-pubmed),
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi:not(.field--name-field-citation-pubmed) {
  border-bottom: 1px dotted rgb(192, 192, 192);
}
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url .field__label,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed .field__label,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url .field__label::after,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed .field__label::after,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url .field__label::after,
  .gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed .field__label::after,
  .gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-source-url .field__item,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-citation-pubmed .field__item,
.gdm-publication-panel-wrapper .citation-options-group .field--name-field-doi .field__item {
  padding-top: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-funders {
  padding-top: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-funders .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.gdm-publication-panel-wrapper .field--name-field-funders .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .gdm-publication-panel-wrapper .field--name-field-funders .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-publication-panel-wrapper .field--name-field-funders .field__item {
  padding-top: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-funders .field__item::before {
  content: "• ";
}
.gdm-publication-panel-wrapper .field--name-field-corresponding-author, .gdm-publication-panel-wrapper .field--name-field-journal-name-long-format-, .gdm-publication-panel-wrapper .field--name-field-journal-abbreviated, .gdm-publication-panel-wrapper .field--name-field-publication-type {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
  display: flex;
  gap: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-online-publication-date {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-online-publication-date .field__item {
  margin-top: 0.5rem;
}
.gdm-publication-panel-wrapper .field--name-field-corresponding-author,
.gdm-publication-panel-wrapper .field--name-field-journal-name-long-format-,
.gdm-publication-panel-wrapper .field--name-field-online-publication-date,
.gdm-publication-panel-wrapper .field--name-field-publication-type,
.gdm-publication-panel-wrapper .field--name-field-journal-abbreviated {
  flex-direction: column;
}
.gdm-publication-panel-wrapper .field--name-field-corresponding-author .field__label,
.gdm-publication-panel-wrapper .field--name-field-journal-name-long-format- .field__label,
.gdm-publication-panel-wrapper .field--name-field-online-publication-date .field__label,
.gdm-publication-panel-wrapper .field--name-field-publication-type .field__label,
.gdm-publication-panel-wrapper .field--name-field-journal-abbreviated .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.gdm-publication-panel-wrapper .field--name-field-corresponding-author .field__label::after,
.gdm-publication-panel-wrapper .field--name-field-journal-name-long-format- .field__label::after,
.gdm-publication-panel-wrapper .field--name-field-online-publication-date .field__label::after,
.gdm-publication-panel-wrapper .field--name-field-publication-type .field__label::after,
.gdm-publication-panel-wrapper .field--name-field-journal-abbreviated .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .gdm-publication-panel-wrapper .field--name-field-corresponding-author .field__label::after,
  .gdm-publication-panel-wrapper .field--name-field-journal-name-long-format- .field__label::after,
  .gdm-publication-panel-wrapper .field--name-field-online-publication-date .field__label::after,
  .gdm-publication-panel-wrapper .field--name-field-publication-type .field__label::after,
  .gdm-publication-panel-wrapper .field--name-field-journal-abbreviated .field__label::after {
    left: calc(50% - 1.5rem);
  }
}

.gdm-concept-panel-wrapper .boolean-group {
  display: flex;
  justify-content: space-between;
}
.gdm-concept-panel-wrapper .boolean-group legend {
  display: none;
}
.gdm-concept-panel-wrapper .boolean-group .field--name-field-confineable,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-target-organis,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-model-organism,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-not-intended-for-release {
  max-width: 6rem;
  margin: 0 0.25rem;
  border: 1px solid rgb(192, 192, 192);
  border-radius: 3px;
  flex: 1;
  display: flex;
  padding: 0.25rem 0.25rem 0 0.25rem;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.gdm-concept-panel-wrapper .boolean-group .field--name-field-confineable .field__label,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-target-organis .field__label,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-model-organism .field__label,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-not-intended-for-release .field__label {
  margin-bottom: 0.25rem;
  min-height: 4rem;
}
.gdm-concept-panel-wrapper .boolean-group .field--name-field-confineable .field__item,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-target-organis .field__item,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-research-in-model-organism .field__item,
.gdm-concept-panel-wrapper .boolean-group .field--name-field-not-intended-for-release .field__item {
  border-radius: 2rem;
  height: 2rem;
  width: 2rem;
  padding-top: 3px;
  background-color: rgb(192, 192, 192);
}
.gdm-concept-panel-wrapper .combined-names {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  padding-bottom: 1rem;
  padding-top: 1rem;
  background-color: rgb(73, 109, 219);
  margin: -1rem -1rem 0 -1rem;
}
.gdm-concept-panel-wrapper .combined-names::before {
  content: "Target: ";
  text-transform: uppercase;
  font-family: "Inria";
  font-weight: 700;
  font-size: 0.75rem;
  color: rgb(253, 253, 253);
  display: block;
  padding-left: 1rem;
}
.gdm-concept-panel-wrapper .combined-names .field--name-field-target {
  margin-left: 1rem;
  border: 1px solid;
  border-color: rgb(253, 253, 253);
  padding: 0 0.5rem 0.25rem;
  border-radius: 6px;
  transition: 0.3s;
  background-color: rgb(27, 54, 136);
}
.gdm-concept-panel-wrapper .combined-names .field--name-field-target a {
  color: rgb(253, 253, 253);
}
.gdm-concept-panel-wrapper .combined-names .field--name-field-target:hover {
  background-color: rgb(103, 139, 249);
  border-color: rgb(253, 253, 250);
}
.gdm-concept-panel-wrapper .combined-names .field--name-field-target:hover a {
  color: rgb(253, 253, 250);
}
.gdm-concept-panel-wrapper .combined-names .field--name-field-common-name {
  font-size: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.gdm-concept-panel-wrapper .field--name-field-addressing-problem {
  margin: 0 -1rem 0 -1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(103, 139, 249);
  color: rgb(253, 253, 253);
}
.gdm-concept-panel-wrapper .field--name-field-addressing-problem .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(253, 253, 253);
}
.gdm-concept-panel-wrapper .field--name-field-addressing-problem .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(253, 253, 253);
}
@media screen and (max-width: 767.5px) {
  .gdm-concept-panel-wrapper .field--name-field-addressing-problem .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-concept-panel-wrapper .field--name-field-addressing-problem .field__item {
  font-size: 170%;
}
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-construct,
.gdm-concept-panel-wrapper .field--name-field-additional-notes,
.gdm-concept-panel-wrapper .field--name-field-class-of-technology,
.gdm-concept-panel-wrapper .field--name-field-location-of-proposed-relea,
.gdm-concept-panel-wrapper .field--name-field-purpose-of-research,
.gdm-concept-panel-wrapper .field--name-field-publications,
.gdm-concept-panel-wrapper .field--name-field-stated-motivation,
.gdm-concept-panel-wrapper .field--name-field-target-type,
.gdm-concept-panel-wrapper .field--type-text-with-summary,
.gdm-concept-panel-wrapper .field--name-field-phenotype,
.gdm-concept-panel-wrapper .field--name-field-type-of-system,
.gdm-concept-panel-wrapper .field--name-field-notes-on-readiness-of-tech,
.gdm-concept-panel-wrapper .field--name-field-intended-direct-effects,
.gdm-concept-panel-wrapper .field--name-field-readiness-of-technology,
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-system {
  flex-direction: column;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
  display: flex;
  gap: 0.5rem;
}
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-construct .field__label,
.gdm-concept-panel-wrapper .field--name-field-additional-notes .field__label,
.gdm-concept-panel-wrapper .field--name-field-class-of-technology .field__label,
.gdm-concept-panel-wrapper .field--name-field-location-of-proposed-relea .field__label,
.gdm-concept-panel-wrapper .field--name-field-purpose-of-research .field__label,
.gdm-concept-panel-wrapper .field--name-field-publications .field__label,
.gdm-concept-panel-wrapper .field--name-field-stated-motivation .field__label,
.gdm-concept-panel-wrapper .field--name-field-target-type .field__label,
.gdm-concept-panel-wrapper .field--type-text-with-summary .field__label,
.gdm-concept-panel-wrapper .field--name-field-phenotype .field__label,
.gdm-concept-panel-wrapper .field--name-field-type-of-system .field__label,
.gdm-concept-panel-wrapper .field--name-field-notes-on-readiness-of-tech .field__label,
.gdm-concept-panel-wrapper .field--name-field-intended-direct-effects .field__label,
.gdm-concept-panel-wrapper .field--name-field-readiness-of-technology .field__label,
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-system .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-construct .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-additional-notes .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-class-of-technology .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-location-of-proposed-relea .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-purpose-of-research .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-publications .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-stated-motivation .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-target-type .field__label::after,
.gdm-concept-panel-wrapper .field--type-text-with-summary .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-phenotype .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-type-of-system .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-notes-on-readiness-of-tech .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-intended-direct-effects .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-readiness-of-technology .field__label::after,
.gdm-concept-panel-wrapper .field--name-field-authors-name-for-system .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .gdm-concept-panel-wrapper .field--name-field-authors-name-for-construct .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-additional-notes .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-class-of-technology .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-location-of-proposed-relea .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-purpose-of-research .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-publications .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-stated-motivation .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-target-type .field__label::after,
  .gdm-concept-panel-wrapper .field--type-text-with-summary .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-phenotype .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-type-of-system .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-notes-on-readiness-of-tech .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-intended-direct-effects .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-readiness-of-technology .field__label::after,
  .gdm-concept-panel-wrapper .field--name-field-authors-name-for-system .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-concept-panel-wrapper .field--name-field-publications a::before {
  content: "• ";
}
.gdm-concept-panel-wrapper .field--name-field-leaders-institutions .paragraph--type--leader-institution-pair {
  display: flex;
  justify-content: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
  display: flex;
  gap: 0.5rem;
}
.gdm-concept-panel-wrapper .field--name-field-leaders-institutions .paragraph--type--leader-institution-pair .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
  margin-bottom: 0.5rem;
}
.gdm-concept-panel-wrapper .field--name-field-leaders-institutions .paragraph--type--leader-institution-pair .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .gdm-concept-panel-wrapper .field--name-field-leaders-institutions .paragraph--type--leader-institution-pair .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.gdm-concept-panel-wrapper .field--name-field-leaders-institutions .paragraph--type--leader-institution-pair .field--name-field-project-leader {
  margin-right: 3rem;
}

.block-system {
  width: 100%;
}

.gdm-target-panel-wrapper .field--name-field-target-type {
  font-size: 170%;
  display: flex;
  margin: -1rem -1rem 0 -1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(157, 236, 248);
  color: rgb(253, 253, 253);
}

.field--name-field-common-name {
  font-size: 170%;
  margin: -1rem -1rem 0 -1rem;
  padding: 1rem 1rem 2rem 1rem;
  background-color: rgb(0, 128, 140);
  color: rgb(253, 253, 253);
}

.field--name-field-species {
  font-weight: 700;
}

.fieldset-wrapper {
  padding-top: 1rem;
  display: flex;
}
.fieldset-wrapper .field {
  margin-right: 2.5rem;
}
.fieldset-wrapper .field .field__label {
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}

.fieldset-legend {
  font-size: 150%;
  padding-bottom: 0.25rem;
  border-bottom: 3px solid;
  margin-bottom: 0.75rem;
}

.field--name-field-range .field__label {
  display: none;
}

.field--name-field-ranges-map .field__label {
  display: none;
}
.field--name-field-ranges-map img {
  margin-top: -1rem;
}

.field--name-field-invasive-species {
  max-width: 6rem;
  padding: 0.5rem;
  display: flex;
  border: 1px solid rgb(192, 192, 192);
  border-radius: 3px;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.field--name-field-invasive-species .field__label {
  margin-bottom: 0.25rem;
}
.field--name-field-invasive-species .field__item {
  border-radius: 2rem;
  height: 2rem;
  width: 2rem;
  padding-top: 3px;
  background-color: rgb(192, 192, 192);
}

.field--name-field-notes-on-native-range {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
}
.field--name-field-notes-on-native-range .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.field--name-field-notes-on-native-range .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .field--name-field-notes-on-native-range .field__label::after {
    left: calc(50% - 1.5rem);
  }
}
.field--name-field-what-is-known-about-ecolog {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
}
.field--name-field-what-is-known-about-ecolog .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.field--name-field-what-is-known-about-ecolog .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .field--name-field-what-is-known-about-ecolog .field__label::after {
    left: calc(50% - 1.5rem);
  }
}

.field--name-field-citations-for-range .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.field--name-field-citations-for-range .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .field--name-field-citations-for-range .field__label::after {
    left: calc(50% - 1.5rem);
  }
}

.field--name-body .field__label {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.field--name-body .field__label::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  .field--name-body .field__label::after {
    left: calc(50% - 1.5rem);
  }
}

.field--name-field-living-organisms {
  background-color: rgb(249, 247, 234);
  border: 1px solid rgb(230, 228, 216);
  padding: 1rem;
  border-radius: 3px;
}

@media screen and (min-width: 768px) {
  #page-wrapper .region-content {
    display: flex;
    flex-direction: row;
    gap: 5rem;
  }
  #page-wrapper #block-gdm-page-title {
    width: 30%;
    padding-top: 6px;
    border-top: 6px solid;
    margin-bottom: 1.5rem;
  }
  #page-wrapper #block-gdm-page-title h1 {
    line-height: 1.5;
    border-bottom: 6px solid;
    padding-bottom: 12px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.5px) {
  .region-content {
    margin: 10rem 0.5rem 1rem;
  }
  #block-gdm-page-title {
    margin: 2rem 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #block-gdm-page-title h1 {
    display: inline-block;
    text-align: center;
    border-bottom: 6px solid;
    border-top: 6px solid;
    font-size: 170%;
    padding: 2rem 0;
  }
}
#block-gdm-content h3 {
  font-size: 120%;
  margin-bottom: 0.5rem;
}

.download-thumbnail, .graphic-figure {
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  padding: 0.5rem;
  transition: 0.3s;
}
.download-thumbnail a, .graphic-figure a {
  color: rgb(0, 30, 20);
}
.download-thumbnail img, .graphic-figure img {
  display: block;
  border-radius: 0 0 3px 3px;
  height: 100%;
}
.download-thumbnail .download-caption, .download-thumbnail .figure-caption, .graphic-figure .download-caption, .graphic-figure .figure-caption {
  border-bottom: 3px solid rgb(253, 253, 253);
  width: 100%;
  padding: 0.5rem 0;
  border-radius: 3px 3px 0 0;
  margin: 0;
  text-align: center;
  background-color: #f4eecf;
}

.download-thumbnail:hover {
  filter: grayscale(75%);
}

section.key-findings {
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  margin-bottom: 2rem;
}
section.key-findings .headlines-header {
  padding: 1rem 1.5rem 0.5rem 1.5rem;
  margin: -1rem -1rem 1rem -1rem;
  background-color: rgb(230, 228, 216);
}
section.key-findings .headlines-header h3 {
  margin-bottom: 0 !important;
  font-size: 1.5rem !important;
}
section.key-findings .headlines-header p {
  font-family: "Literata" !important;
  font-weight: 600;
  font-size: 0.9rem;
}
section.key-findings .headlines-header p a {
  font-size: 0.9rem !important;
}

@media screen and (min-width: 500px) {
  .view-publications .gdm_views_format .panel {
    gap: 1rem;
    grid-template-areas: "title title title title cover cover" "authors authors authors authors cover cover" "date date date date cover cover " "blurb blurb blurb blurb cover cover" "link link link link publisher publisher" !important;
  }
  .view-publications .gdm_views_format .panel .views-field-field-publisher {
    text-align: left;
  }
}
@media screen and (max-width: 499.5px) {
  .view-publications .gdm_views_format .panel {
    grid-template-areas: "title title title title title title" "authors authors authors authors authors authors" "date date date date date date " "cover cover cover cover cover cover" "blurb blurb blurb blurb blurb blurb" "link link link link link link" "publisher publisher publisher publisher publisher publisher" !important;
  }
  .view-publications .gdm_views_format .panel .views-field-field-publisher {
    text-align: center;
  }
}
.view-publications .gdm_views_format .panel .views-field-field-download-pub-title {
  font-weight: 700;
  font-size: 120%;
  padding: 0.5rem 0;
  grid-area: title;
}
.view-publications .gdm_views_format .panel .views-field-field-date-of-publication-new-fo {
  grid-area: date;
  padding: 0.5rem 0;
}
.view-publications .gdm_views_format .panel .views-field-field-publication-authors {
  grid-area: authors;
  padding: 0.5rem 0;
}
.view-publications .gdm_views_format .panel .views-field-field-publication-authors p {
  font-family: "Literata";
  font-weight: 600 !important;
}
.view-publications .gdm_views_format .panel .views-field-field-publisher {
  grid-area: publisher;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
}
.view-publications .gdm_views_format .panel .views-field-field-publisher::before {
  content: "Published by ";
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
}
.view-publications .gdm_views_format .panel .views-field-field-link-to-download {
  grid-area: link;
  padding-top: 1rem;
  align-self: top;
}
.view-publications .gdm_views_format .panel .views-field-field-link-to-download a {
  display: block;
  background-color: rgb(253, 253, 253);
  border-radius: 6px;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  text-align: center;
  border: 1px solid rgb(73, 109, 219);
  transition: 0.3s;
}
.view-publications .gdm_views_format .panel .views-field-field-link-to-download a:hover {
  color: rgb(253, 253, 253);
  background-color: rgb(73, 109, 219);
}
.view-publications .gdm_views_format .panel .views-field-field-publication-thumbnail {
  grid-area: cover;
}
.view-publications .gdm_views_format .panel .views-field-field-publication-thumbnail img {
  border: 1px solid rgb(192, 192, 192);
  border-radius: 3px;
}
.view-publications .gdm_views_format .panel .views-field-field-publication-summary {
  grid-area: blurb;
  font-size: 110%;
  line-height: 1.5;
  padding: 0.5rem 0;
}
.view-publications .gdm_views_format .panel .views-field-field-publication-summary::after, .view-publications .gdm_views_format .panel .views-field-field-publication-summary::before {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin: 0.75rem 0;
  background-color: rgb(192, 192, 192);
}

.downloadable-publication-meta {
  border: 1px solid rgb(192, 192, 192);
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important;
  grid-template-rows: repeat(5, auto) !important;
  padding: 1rem;
  margin-bottom: 3rem;
}
.downloadable-publication-meta nav {
  display: contents;
}
.downloadable-publication-meta .field__label {
  display: none;
}
@media screen and (min-width: 500px) {
  .downloadable-publication-meta {
    gap: 1rem;
    grid-template-areas: "title title title title cover cover" "authors authors authors authors cover cover" "date date date date cover cover " "blurb blurb blurb blurb cover cover" "publisher publisher publisher publisher publisher publisher" "link link link link link link" !important;
  }
  .downloadable-publication-meta .field--name-field-publisher {
    text-align: left;
  }
}
@media screen and (max-width: 499.5px) {
  .downloadable-publication-meta {
    grid-template-areas: "title title title title title title" "authors authors authors authors authors authors" "date date date date date date " "cover cover cover cover cover cover" "blurb blurb blurb blurb blurb blurb" "link link link link link link" "publisher publisher publisher publisher publisher publisher" !important;
  }
  .downloadable-publication-meta .field--name-field-publisher {
    text-align: center;
  }
}
.downloadable-publication-meta .field--name-field-download-pub-title {
  display: none;
}
.downloadable-publication-meta .field--name-field-date-of-publication-new-fo {
  grid-area: date;
  padding: 0.5rem 0;
}
.downloadable-publication-meta .field--name-field-publication-authors {
  grid-area: authors;
  padding: 0.5rem 0;
}
.downloadable-publication-meta .field--name-field-publication-authors p {
  font-family: "Literata";
  font-weight: 600 !important;
}
.downloadable-publication-meta .field--name-field-publisher {
  grid-area: publisher;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.downloadable-publication-meta .field--name-field-publisher::before {
  content: "Published by ";
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(192, 192, 192);
}
.downloadable-publication-meta .field--name-field-link-to-download {
  grid-area: link;
  padding-top: 1rem;
  align-self: top;
}
.downloadable-publication-meta .field--name-field-link-to-download a {
  display: block;
  background-color: rgb(253, 253, 253);
  border-radius: 6px;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  text-align: center;
  border: 1px solid rgb(73, 109, 219);
  transition: 0.3s;
}
.downloadable-publication-meta .field--name-field-link-to-download a:hover {
  color: rgb(253, 253, 253);
  background-color: rgb(73, 109, 219);
}
.downloadable-publication-meta .field--name-field-publication-thumbnail {
  grid-area: cover;
}
.downloadable-publication-meta .field--name-field-publication-thumbnail img {
  border: 1px solid rgb(192, 192, 192);
  border-radius: 3px;
}
.downloadable-publication-meta .field--name-field-publication-summary {
  grid-area: blurb;
  font-size: 110%;
  line-height: 1.5;
}
.downloadable-publication-meta .field--name-field-publication-summary::after, .downloadable-publication-meta .field--name-field-publication-summary::before {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin: 0.75rem 0;
  background-color: rgb(192, 192, 192);
}

.kingdom {
  background-color: #5c5a55;
  color: #f4f4f4;
}

.phylum {
  background-color: #6c6a69;
  color: #f4f4f4;
}

.class {
  background-color: #96948f;
  color: #f4f4f4;
}

.order {
  background-color: #b7b6ae;
}

.family {
  background-color: #d6d7c7;
}

.genus {
  background-color: #ededdf;
}

.species {
  background-color: #f4f4f4;
}

.taxonomic-key li {
  padding-left: 0.5rem !important;
}

.taxonomic-tree {
  overflow: hidden;
  border: 1px solid rgb(192, 192, 192);
  border-radius: 6px;
  overflow-y: auto;
  position: relative;
}
@media screen and (max-width: 980px) {
  .taxonomic-tree {
    width: 650px;
  }
}

.top-step-zero {
  z-index: 5;
  top: 0;
}

.top-step-one {
  z-index: 10;
  top: 3rem;
}

.top-step-two {
  z-index: 15;
  top: 6rem;
}

.top-step-three {
  z-index: 20;
  top: 9rem;
}

.top-step-four {
  z-index: 25;
  top: 12rem;
}

.top-step-five {
  z-index: 30;
  top: 15rem;
}

div.taxonomic-key {
  display: flex;
  gap: 1rem;
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
div.taxonomic-key div {
  width: 60%;
}
div.taxonomic-key ul {
  width: 40%;
}

.taxonomic-key li, .taxonomic-tree li {
  height: 3rem !important;
  font-size: 1.1rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid rgb(253, 253, 253);
  list-style-type: none;
  margin-left: -2rem;
}
@media screen and (max-width: 980px) {
  .taxonomic-key li, .taxonomic-tree li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

span.latin-name {
  font-weight: 600;
}

.taxonomic-tree .kingdom::before {
  content: "Kingdom";
  padding-left: 0.5rem;
  padding-right: 2rem;
  color: rgb(145, 145, 145);
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .phylum::before {
  content: "Phylum";
  color: rgb(145, 145, 145);
  padding-left: 0.5rem;
  padding-right: 2.5rem;
  position: relative;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .class::before {
  content: "Class";
  color: rgb(185, 185, 185);
  padding-left: 0.5rem;
  padding-right: 3.5rem;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .order::before {
  content: "Order";
  color: rgb(210, 210, 210);
  padding-left: 0.5rem;
  padding-right: 3.25rem;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .family::before {
  content: "Family";
  color: rgb(180, 180, 180);
  padding-left: 0.5rem;
  padding-right: 3rem;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .genus::before {
  content: "genus";
  color: rgb(181, 181, 181);
  padding-left: 0.5rem;
  padding-right: 3.25rem;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

.taxonomic-tree .species::before {
  content: "Species";
  color: rgb(181, 181, 181);
  padding-left: 0.5rem;
  padding-right: 2.75rem;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}

#contact-page #block-gdm-page-title h1 {
  border-top: 6px solid;
  padding-top: 6px;
  display: inline-block;
  line-height: 1.5;
  padding-bottom: 12px;
  font-size: 2rem;
}
#contact-page #block-gdm-contactformwelcomemessage {
  background: rgb(249, 247, 234);
  background: linear-gradient(0deg, rgb(230, 228, 216) 0%, rgb(249, 247, 234) 100%);
  padding: 1rem 1rem 0.5rem;
  border: 1px solid rgb(192, 192, 192);
  border-radius: 5px;
  margin-bottom: 2rem;
}
#contact-page .contact-message-form {
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
#contact-page .contact-message-form label {
  font-weight: bold;
  padding-right: 0.5rem;
}
#contact-page .contact-message-form label[for*=edit-mail]:after, #contact-page .contact-message-form label[for*=edit-name]:after {
  content: ": ";
}
#contact-page .contact-message-form input,
#contact-page .contact-message-form textarea {
  margin-top: 0.5rem;
}
#contact-page .contact-message-form [data-drupal-selector] {
  margin-right: 0.5rem;
}

#site-footer {
  color: rgb(192, 192, 192);
}
#site-footer .layout-container {
  background-color: rgb(0, 30, 20);
}
#site-footer .layout-container .site-footer__upper {
  max-width: 1025px;
  margin: 0 auto;
  min-height: 9rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
}
#site-footer .layout-container .site-footer__lower {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 6rem;
  padding: 1rem;
  background-color: rgb(50, 60, 65);
}
@media screen and (min-width: 768px) {
  #site-footer .layout-container .site-footer__lower {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.5px) {
  #site-footer .layout-container .site-footer__lower {
    justify-content: center;
    text-align: center;
  }
}
#site-footer a {
  transition: 0.3s;
  color: rgb(253, 253, 253);
}
#site-footer a:hover {
  color: rgb(192, 192, 192);
}

.site-footer__upper {
  text-align: center;
  margin-top: 0.5rem;
}
.site-footer__upper [class*=nav-toggle] {
  display: none;
}
.site-footer__upper * {
  margin: 0;
  padding: 0;
}
.site-footer__upper li {
  list-style: none;
}
@media screen and (min-width: 600.5px) {
  .site-footer__upper li {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .site-footer__upper li:not(:last-child)::after {
    content: "*";
    display: block;
    padding-top: 0.5rem;
  }
}
.site-footer__upper > div:first-child {
  border-left: 2px dotted rgb(50, 60, 65);
}

.site-footer__upper-column-first,
.site-footer__upper-column-second,
.site-footer__upper-column-third,
.site-footer__upper-column-fourth {
  margin: 1rem 0;
  border-right: 2px dotted rgb(50, 60, 65);
}
@media screen and (max-width: 600px) {
  .site-footer__upper-column-first,
  .site-footer__upper-column-second,
  .site-footer__upper-column-third,
  .site-footer__upper-column-fourth {
    width: 100%;
  }
}
@media screen and (min-width: 600.5px) {
  .site-footer__upper-column-first,
  .site-footer__upper-column-second,
  .site-footer__upper-column-third,
  .site-footer__upper-column-fourth {
    width: 33%;
    flex: 0 1 auto;
    padding: 0 3rem 0 3rem;
  }
}
.site-footer__upper-column-first h2, .site-footer__upper-column-first h3, .site-footer__upper-column-first h4, .site-footer__upper-column-first h5,
.site-footer__upper-column-second h2,
.site-footer__upper-column-second h3,
.site-footer__upper-column-second h4,
.site-footer__upper-column-second h5,
.site-footer__upper-column-third h2,
.site-footer__upper-column-third h3,
.site-footer__upper-column-third h4,
.site-footer__upper-column-third h5,
.site-footer__upper-column-fourth h2,
.site-footer__upper-column-fourth h3,
.site-footer__upper-column-fourth h4,
.site-footer__upper-column-fourth h5 {
  font-family: "Inria";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  display: inline-block;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgb(192, 192, 192);
}
.site-footer__upper-column-first .nav-item a,
.site-footer__upper-column-second .nav-item a,
.site-footer__upper-column-third .nav-item a,
.site-footer__upper-column-fourth .nav-item a {
  font-size: 1.2rem;
}

#block-recent-updates-frontpage-block {
  border-top: 1px dotted rgb(220, 220, 220);
  padding-top: 1rem;
}
#block-recent-updates-frontpage-block .most-recent-updates {
  flex-grow: 2;
  flex-basis: 70%;
  width: 700px;
  height: 100%;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel:not(:last-child) {
  padding-bottom: 1.5rem !important;
  border-bottom: 1px dotted rgb(192, 192, 192) !important;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel {
  font-size: 1.2rem;
  max-width: 700px;
  display: grid;
  column-gap: 1.5rem;
  row-gap: 0;
  padding-top: 0.5rem !important;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-description {
  font-family: "Inria";
  font-weight: 700;
  grid-row: 3/4;
  grid-column: 2/4;
  justify-self: start;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-category {
  position: relative;
  z-index: 100;
  grid-row: 1/2;
  grid-column: 1/2;
  text-transform: uppercase;
  font-family: "Inria";
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(253, 253, 253);
  background-color: rgb(80, 185, 6);
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-date {
  grid-column: 3/4;
  grid-row: 1/2;
  font-family: "Inria";
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: baseline;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-date time {
  display: inline-block;
  width: 100%;
  color: silver;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-item {
  grid-row: 1/2;
  grid-column: 2/3;
  color: rgb(80, 185, 6);
  font-family: "Inria";
  text-transform: uppercase;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: baseline;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-image {
  position: relative;
  z-index: 10;
  grid-row: 1/4;
  grid-column: 1/2;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-update-image img {
  width: 200px;
  height: 200px;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-updated-content {
  grid-row: 2/3;
  grid-column: 2/4;
  font-family: "Inria";
  font-weight: 900;
  padding: 0.5rem 0;
}
#block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel .field--name-field-updated-content a {
  font-family: "literata";
  text-align: left;
  display: inline-block;
}

@media screen and (max-width: 499.5px) {
  #block-recent-updates-frontpage-block h2 {
    margin-bottom: 1rem;
  }
  #block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel {
    grid-template-columns: 5rem repeat(2, auto) !important;
    grid-template-rows: repeat(3, auto) !important;
    border-top: 1px dotted rgb(192, 192, 192);
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  #block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .field--name-field-update-category {
    border-radius: 1rem;
  }
}
@media screen and (min-width: 500px) {
  #block-recent-updates-frontpage-block {
    margin-bottom: 0;
    min-height: 13.5rem;
    display: flex;
    justify-content: space-between;
  }
  #block-recent-updates-frontpage-block h2 {
    padding-top: 0.5rem;
    flex-basis: 30%;
    flex-grow: 1;
    margin-bottom: 1rem;
  }
  #block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel {
    grid-template-columns: 200px 1fr 10rem !important;
    grid-template-rows: 50px auto auto !important;
  }
  #block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .panel:not(:last-child) {
    border-bottom: 1px dotted rgb(192, 192, 192);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  #block-recent-updates-frontpage-block .most-recent-updates .gdm_views_format .field--name-field-update-category {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 3rem;
    left: 125px;
    top: -18px;
  }
}
.view-header {
  font-weight: 600;
  padding: 1rem 1rem 0 1rem;
  background: rgb(249, 247, 234);
  border: 1px solid rgb(192, 192, 192);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

.views-exposed-form {
  background: rgb(249, 247, 234);
  background: linear-gradient(0deg, rgb(230, 228, 216) 0%, rgb(249, 247, 234) 100%);
  padding: 0 1rem 1rem 1rem;
  border: 1px solid rgb(192, 192, 192);
  border-top: none;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.views-exposed-form label {
  padding-top: 0.5rem;
  font-family: "Inria";
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(150, 150, 155);
}
.views-exposed-form .form-item:not(:first-child) {
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "title title help" "dropdown dropdown dropdown";
}
.views-exposed-form .form-item:not(:first-child) label {
  grid-area: title;
}
.views-exposed-form .form-item:not(:first-child) select, .views-exposed-form .form-item:not(:first-child) .select-wrapper {
  grid-area: dropdown;
  width: 100%;
}
.views-exposed-form .form-item:first-child {
  border-radius: 3px;
  padding: 0.5rem 0 0.5rem 0.5rem;
  border: 1px solid rgb(192, 192, 192);
  width: 100%;
}
.views-exposed-form .form-item:first-child label {
  margin-bottom: 0.5rem;
}
.views-exposed-form .form-item:first-child select {
  margin-bottom: 1rem;
}
.views-exposed-form .form-item .description {
  font-family: "Inria";
  font-weight: 700;
  grid-area: help;
  justify-self: end;
  display: flex;
  justify-content: center;
  height: 28px;
  width: 28px;
  border: 1px solid rgb(73, 109, 219);
  border-radius: 15px;
}
.views-exposed-form .form-item .description:hover {
  transition: 0.3s;
  background-color: rgb(73, 109, 219);
}
.views-exposed-form .form-item .description:hover a {
  color: rgb(253, 253, 253);
}
.views-exposed-form .form-item .description a {
  font-size: 130%;
  display: block;
  color: rgb(73, 109, 219);
}
.views-exposed-form .button-submit button {
  padding: 0.5rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  border: 1px solid rgb(27, 54, 136);
  border-radius: 3px;
  background-color: rgb(73, 109, 219);
  color: rgb(253, 253, 253);
}

.pagerer-container {
  border-top: 1px solid rgb(220, 220, 220) !important;
  border-right: 1px solid rgb(220, 220, 220) !important;
  border-left: 1px solid rgb(220, 220, 220) !important;
  padding: 1rem 0 !important;
  border-radius: 15px 15px 0 0;
}

.pager {
  font-family: "Inria";
  font-size: 1.2rem;
}
.pager .pagerer-prefix {
  margin: 0 1rem;
}
.pager .pagerer-suffix {
  display: inline-block;
  margin: 0 1rem;
}
.pager .pager__items {
  height: 4rem !important;
  display: flex;
  justify-content: center;
}
.pager .pager__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
}
.pager .pager__item--last, .pager .pager__item--first {
  width: 5rem;
  border-radius: 3rem;
  border: 1px solid rgb(73, 109, 219);
}
.pager .is-active {
  width: 5rem;
  border-radius: 3rem;
  background-color: rgb(73, 109, 219);
  color: rgb(253, 253, 253);
}
.pager .is-active a {
  color: rgb(253, 253, 253);
}

.view-footer {
  background-color: rgb(253, 253, 250);
  font-family: "Literata";
  font-size: 1.2rem;
  text-align: center;
  margin-top: -0.5rem;
  padding: 0.5rem 0;
  border-top: 1px dotted rgb(220, 220, 220) !important;
  border-bottom: 1px solid rgb(220, 220, 220) !important;
  border-right: 1px solid rgb(220, 220, 220) !important;
  border-left: 1px solid rgb(220, 220, 220) !important;
  border-radius: 0 0 15px 15px;
}

#page-wrapper .gdm_views_format {
  margin-bottom: 2rem;
  padding-top: 1rem;
  display: grid;
}
#page-wrapper .gdm_views_format .panel {
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  font-family: "Literata";
  font-size: 1.2rem;
  line-height: 1.5;
  display: grid;
}
#page-wrapper .gdm_views_format .panel:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "latin latin latin" "common common common" "readiness readiness readiness" "intended intended intended" "system system system" "publications publications publications" "onwards onwards onwards";
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "latin latin latin common common common" "intended intended intended readiness readiness readiness" "intended intended intended system system system" "intended intended intended system system system" "publications publications publications publications onwards onwards";
  }
}
#page-wrapper .gdm_views_format .panel a {
  text-decoration: none;
}
#page-wrapper .gdm_views_format .panel h4 {
  font-family: "Inria";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: 0.75rem;
  color: rgb(192, 192, 192);
  font-size: 1rem;
}
#page-wrapper .gdm_views_format .panel h4::after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 3rem;
  margin-top: 0.75rem;
  background-color: rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel h4::after {
    left: calc(50% - 1.5rem);
  }
}
#page-wrapper .gdm_views_format .panel .view-grouping-header, #page-wrapper .gdm_views_format .panel .view-grouping-content {
  font-size: 1.2rem;
}
#page-wrapper .gdm_views_format .panel .gdm-target span {
  display: block;
}
#page-wrapper .gdm_views_format .panel .gdm-latin-name {
  background-color: rgb(249, 247, 234);
  grid-area: latin;
  font-weight: 600;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-latin-name {
    text-align: center;
    margin: -1rem -1rem 0 -1rem;
    padding: 0.5rem 0 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-latin-name {
    text-align: right;
    align-self: end;
    margin: -1rem -1rem 0 0;
    border-bottom: 1px dotted rgb(192, 192, 192);
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    padding-right: 0.25rem;
    margin: -1rem 0 0 -1rem;
  }
}
#page-wrapper .gdm_views_format .panel .gdm-common-name {
  font-weight: 700;
  background-color: rgb(249, 247, 234);
  grid-area: common;
  border-bottom: 1px dotted rgb(192, 192, 192);
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-common-name {
    text-align: center;
    margin: 0 -1rem;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-common-name {
    text-align: left;
    align-self: end;
    margin: -1rem -1rem 0 0;
    padding-top: 0.75rem;
    padding-left: 0.25rem;
    padding-bottom: 0.75rem;
  }
}
#page-wrapper .gdm_views_format .panel .gdm-common-name span {
  min-height: 1.25rem;
}
#page-wrapper .gdm_views_format .panel .gdm-tech-readiness {
  grid-area: readiness;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-tech-readiness {
    text-align: center;
    padding: 0.75rem 0;
    border-bottom: 1px dotted rgb(192, 192, 192);
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-tech-readiness {
    padding: 1rem;
    border-left: 1px dotted rgb(192, 192, 192);
  }
}
#page-wrapper .gdm_views_format .panel .gdm-system {
  grid-area: system;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-system {
    text-align: center;
    padding: 0.75rem 0;
    border-bottom: 1px dotted rgb(192, 192, 192);
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-system {
    padding: 1rem;
    border-top: 1px dotted rgb(192, 192, 192);
    border-left: 1px dotted rgb(192, 192, 192);
  }
}
#page-wrapper .gdm_views_format .panel .gdm-intended-use {
  grid-area: intended;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-intended-use {
    text-align: center;
    padding: 0.75rem 0;
    border-bottom: 1px dotted rgb(192, 192, 192);
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-intended-use {
    padding: 1rem 2rem 1rem 0;
  }
}
#page-wrapper .gdm_views_format .panel .gdm-publications-list {
  grid-area: publications;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .gdm-publications-list {
    text-align: center;
    padding: 0.75rem 0;
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .gdm-publications-list {
    padding: 1rem 1rem 1rem 0;
    border-top: 1px dotted rgb(192, 192, 192);
  }
}
#page-wrapper .gdm_views_format .panel .more-information {
  border-top: 1px dotted rgb(192, 192, 192);
  grid-area: onwards;
  padding-top: 1.8rem;
}
#page-wrapper .gdm_views_format .panel .more-information .more-information-button {
  display: block;
  background-color: rgb(253, 253, 253);
  border-radius: 6px;
  max-width: 6rem;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
  text-align: center;
  border: 1px solid rgb(73, 109, 219);
  transition: 0.3s;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper .gdm_views_format .panel .more-information .more-information-button {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper .gdm_views_format .panel .more-information .more-information-button {
    margin-left: auto;
  }
}
#page-wrapper .gdm_views_format .panel .more-information .more-information-button:hover {
  background-color: rgb(73, 109, 219);
}
#page-wrapper .gdm_views_format .panel .more-information .more-information-button:hover a {
  color: rgb(253, 253, 253);
}

@media screen and (max-width: 767.5px) {
  .view-grouping {
    text-align: center;
  }
}
.view-grouping .view-grouping-content .view-grouping-header {
  padding: 0.5rem;
  border-bottom: 1px dotted rgb(192, 192, 192);
}
.view-grouping .view-grouping-content h3 {
  font-weight: 700;
  padding: 0.5rem;
}

#page-front .leader-panels .gdm_views_format {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#page-front .leader-panels .gdm_views_format .panel {
  background-color: #f4eecf;
  display: grid;
  font-family: "Literata";
  font-weight: 800;
  padding-bottom: 1rem !important;
}
@media screen and (min-width: 700px) {
  #page-front .leader-panels .gdm_views_format .panel {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr;
    border-radius: 8px;
    background-color: rgb(253, 253, 250);
    border: 1px solid rgb(192, 192, 192);
    padding: 1rem 1rem 1.5rem 1rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button {
    font-size: 1.5rem;
    grid-row: 2/2;
    grid-column: 2/3;
    padding: 0 1rem;
    border-radius: 0 0 6px 0;
    background-color: #f4eecf;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button a {
    display: inline-block;
    border-color: rgb(27, 54, 136);
    padding: 0 1rem 0.25rem 1rem;
    border-radius: 6px;
    transition: 0.3s;
    color: rgb(253, 253, 250);
    background-color: rgb(103, 139, 249);
    border: 1px solid rgb(103, 139, 249);
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button a:hover {
    color: rgb(27, 54, 136);
    background-color: #f4eecf;
    border: 1px solid rgb(27, 54, 136);
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-image {
    grid-row: 1/3;
    grid-column: 1/2;
    border-radius: 6px 0 0 6px;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-image img {
    border-radius: 4px 0 0 4px;
    object-fit: cover;
    width: 800px;
    height: 225px;
    display: block;
    margin: 0;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-body {
    grid-row: 1/2;
    grid-column: 2/3;
    display: flex;
    border-radius: 0 4px 4px 0;
    margin: 0;
    padding: 1rem;
    background-color: #f4eecf;
  }
}
@media screen and (max-width: 699.5px) {
  #page-front .leader-panels .gdm_views_format .panel {
    grid-template-columns: 1fr;
    grid-template-rows: 250px 1.5fr 0.5fr;
    border-radius: 8px;
    background-color: rgb(253, 253, 250);
    border: 1px solid rgb(192, 192, 192);
    padding: 1rem 1rem 1.5rem 1rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button {
    font-size: 1.2rem;
    grid-row: 3/4;
    grid-column: 1/3;
    padding-bottom: 1rem;
    background-color: #f4eecf;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 4px 4px;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button a {
    display: inline-block;
    border-color: rgb(27, 54, 136);
    padding: 0 0.5rem 0.25rem 1rem;
    border-radius: 6px;
    transition: 0.3s;
    color: rgb(253, 253, 250);
    background-color: rgb(103, 139, 249);
    border: none;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-button a:hover {
    color: rgb(27, 54, 136);
    border: 1px solid rgb(27, 54, 136);
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-image {
    grid-row: 1/2;
    grid-column: 1/3;
    border-radius: 4px 4px 0 0;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-field-leader-image img {
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-body {
    grid-row: 2/3;
    grid-column: 1/3;
    display: flex;
    margin: 0;
    padding: 1rem 1rem 0 1rem;
    background-color: #f4eecf;
  }
  #page-front .leader-panels .gdm_views_format .panel .field--name-body p {
    text-align: center;
    font-size: 1.2rem;
  }
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  /* Style the accordion panel. Note: hidden by default */
}
.accordion .active, .accordion .accordion:hover {
  background-color: #ccc;
}
.accordion .field-items {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

#page-wrapper,
#page-front,
#page-news,
#contact-page {
  display: grid;
  grid-template-columns: auto mimmax(1025px 300px) auto;
}
@media screen and (max-width: 767.5px) {
  #page-wrapper,
  #page-front,
  #page-news,
  #contact-page {
    grid-template-areas: "header header header" "crumbs crumbs crumbs" "main main main" "footer footer footer";
  }
}
@media screen and (min-width: 768px) {
  #page-wrapper,
  #page-front,
  #page-news,
  #contact-page {
    grid-template-areas: "header header header" "crumbs crumbs crumbs" ". main ." "footer footer footer";
  }
}
#page-wrapper #header,
#page-front #header,
#page-news #header,
#contact-page #header {
  grid-area: header;
}
#page-wrapper #crumbs,
#page-front #crumbs,
#page-news #crumbs,
#contact-page #crumbs {
  grid-area: crumbs;
}
#page-wrapper #site-footer,
#page-front #site-footer,
#page-news #site-footer,
#contact-page #site-footer {
  grid-area: footer;
  grid-row-start: 4;
  grid-row-end: 5;
  padding: 0;
  margin: 0;
}

#page-wrapper #page,
#page-front #page,
#page-news #page,
#contact-page #page {
  grid-area: main;
  max-width: 1024px;
}
@media screen and (min-width: 675px) {
  #page-wrapper #page,
  #page-front #page,
  #page-news #page,
  #contact-page #page {
    margin: 3rem auto 0;
    min-height: 30vh;
  }
}
@media screen and (max-width: 749.5px) {
  #page-wrapper #page,
  #page-front #page,
  #page-news #page,
  #contact-page #page {
    margin-top: -8rem;
  }
}

#page-front #page main {
  margin-bottom: -1rem;
  padding-bottom: 0;
}
@media screen and (min-width: 430.5px) {
  #page-front #page .region-content #block-gdm-page-title {
    display: flex;
    padding-top: 6px;
    margin-bottom: 1.5rem;
  }
  #page-front #page .region-content #block-gdm-page-title h1 {
    border-top: 6px solid;
    text-align: center;
    line-height: 1.5;
    border-bottom: 6px solid;
    padding-bottom: 12px;
    font-size: 2.5rem;
  }
  #page-front #page .region-content .site-overview .site-intro {
    padding: 2rem 0;
  }
}
@media screen and (min-width: 430.5px) and (min-width: 750px) {
  #page-front #page .region-content .site-overview .site-intro .field--name-body {
    width: 76%;
    text-align: justify;
    margin: 1rem auto;
  }
  #page-front #page .region-content .site-overview .site-intro .field--name-body p {
    font-size: 1.5rem;
  }
}
#page-front #page .region-content .leader-panels {
  background-color: rgb(249, 247, 234);
  box-shadow: 0 0 0 90vmax rgb(249, 247, 234);
  clip-path: inset(0 -90vmax);
  padding: 3rem 0 3rem;
  margin-top: 2rem;
  border-top: 1px dotted rgb(192, 192, 192);
}
#page-front #page .region-content .concept-definitions {
  border-top: 1px dotted rgb(192, 192, 192);
  background-color: rgb(253, 253, 250);
  box-shadow: 0 0 0 90vmax rgb(253, 253, 250);
  clip-path: inset(0 -90vmax);
  padding: 3rem 0;
  margin-top: 3rem;
}
@media screen and (max-width: 749.5px) {
  #page-front #page .region-content .concept-definitions .views-row {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 750px) {
  #page-front #page .region-content .concept-definitions .view-content {
    display: flex;
    gap: 3rem;
  }
  #page-front #page .region-content .concept-definitions .view-content .views-row {
    width: 100%;
    flex: 0 1 auto;
  }
}

.field-group-format-toggler,
.field-group-format-wrapper {
  display: none;
}

#block-gdm-views-block-news-block-1 {
  border-top: 1px dotted rgb(220, 220, 220);
  padding-top: 1.5rem;
  margin-bottom: 0;
  min-height: 13.5rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 499.5px) {
  #block-gdm-views-block-news-block-1 {
    flex-direction: column;
  }
}
#block-gdm-views-block-news-block-1 h2 {
  padding: 0;
}
#block-gdm-views-block-news-block-1 .view-content > h3 {
  display: none;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel {
  padding: 0;
  max-width: 750px;
  display: grid;
  column-gap: 1px;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-title {
  align-self: start;
  display: block;
  grid-area: header;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-date {
  font-family: "Inria";
  padding: 0.5rem 0 0.7rem;
  font-weight: 500;
  align-self: center;
  grid-area: date;
  color: rgb(150, 150, 155);
  font-size: 90%;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-illustration {
  grid-area: picture;
  margin-right: 0.5rem;
  border: 1px solid rgb(220, 220, 220);
  height: 200px;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-illustration img {
  object-fit: cover;
  height: 200px;
  display: block;
  margin: 0;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-author {
  padding: 0.41rem 0 0.65rem;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  font-family: "Inria";
  align-self: center;
  grid-area: author;
  color: rgb(150, 150, 155);
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-author a {
  font-size: 93%;
  color: rgb(150, 150, 155);
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-author a:hover {
  color: rgb(192, 192, 192);
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-author:before {
  content: "/ ";
  color: rgb(150, 150, 155);
  padding-right: 0.5rem;
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .news-item-body {
  grid-area: body;
  font-family: "Inria";
}
#block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel .more-link {
  grid-area: link;
}
@media screen and (min-width: 500px) {
  #block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel {
    grid-template-areas: "picture header header " "picture date author" "picture body body" !important;
  }
}
@media screen and (max-width: 499.5px) {
  #block-gdm-views-block-news-block-1 .latest-news .gdm_views_format .panel {
    grid-template-areas: "picture picture" "header header" "date author" "body body" !important;
  }
}

.node__meta {
  display: none;
}

.article-meta {
  border-top: 1px dotted rgb(150, 150, 155);
  padding: 0.6rem 0 0;
  margin-top: 1rem;
}
.article-meta div {
  display: inline-block;
  color: rgb(150, 150, 155);
}
.article-meta .field--name-field-news-item-date:after {
  content: "/ ";
  color: rgb(150, 150, 155);
  padding: 0 0.5rem;
}
.article-meta .field--name-field-author .field__item {
  margin-right: -0.25rem;
}
.article-meta .field--name-field-author .field__item:not(:first-child):before {
  content: ", ";
}
.article-meta .field--name-field-author a {
  color: rgb(150, 150, 155);
}
.article-meta .field--name-field-author a:hover {
  color: rgb(192, 192, 192);
}

.field--name-field-news-item-illustration {
  height: 250px;
  margin-bottom: 1.5rem;
}
.field--name-field-news-item-illustration img {
  height: 250px;
  object-fit: cover;
  display: block;
  margin: 0;
}

.field--name-field-news-item-title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

#page-news .region-content {
  display: flex;
  flex-direction: row;
  gap: 5rem;
}
#page-news #block-gdm-page-title {
  width: 30%;
  padding-top: 6px;
  border-top: 6px solid;
}
#page-news #block-gdm-page-title h1 {
  line-height: 1.5;
  border-bottom: 6px solid;
  padding-bottom: 12px;
  font-size: 2rem;
}
#page-news .view-content > h3 {
  display: none;
}
#page-news .gdm_views_format {
  margin-bottom: 2rem;
  padding-top: 1rem;
  display: grid;
}
#page-news .gdm_views_format .panel {
  border-radius: 3px;
  background-color: rgb(253, 253, 250);
  border: 1px solid rgb(192, 192, 192);
  padding: 1rem 1rem 1.5rem 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  font-family: "Literata";
  font-size: 1.2rem;
  line-height: 1.5;
  display: grid;
}
#page-news .gdm_views_format .panel:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 499.5px) {
  #page-news .gdm_views_format .panel {
    grid-template-columns: 7rem 1fr !important;
    grid-template-rows: auto, auto 200px auto !important;
    grid-template-areas: "title title" "date author";
  }
}
@media screen and (min-width: 500px) {
  #page-news .gdm_views_format .panel {
    grid-template-columns: 9rem 1fr !important;
    grid-template-rows: auto, auto 200px auto !important;
    grid-template-areas: "header header" "date author" "picture picture" ". body";
  }
}
#page-news .gdm_views_format .panel .news-item-header {
  align-self: start;
  display: block;
  grid-area: header;
}
#page-news .gdm_views_format .panel .views-field-field-news-item-date {
  font-weight: 500;
  align-self: center;
  grid-area: date;
  color: rgb(192, 192, 192);
}
#page-news .gdm_views_format .panel .news-item-illustration {
  grid-area: picture;
  margin: 1rem 0 1.5rem;
  border: 1px solid rgb(220, 220, 220);
  height: 200px;
}
#page-news .gdm_views_format .panel .news-item-illustration img {
  object-fit: cover;
  height: 200px;
  display: block;
  margin: 0;
}
#page-news .gdm_views_format .panel .views-field-field-author {
  align-self: center;
  grid-area: author;
}
#page-news .gdm_views_format .panel .views-field-field-author a {
  color: rgb(192, 192, 192);
}
#page-news .gdm_views_format .panel .views-field-field-author:before {
  content: " | ";
  color: rgb(192, 192, 192);
  padding-right: 0.5rem;
}
#page-news .gdm_views_format .panel .news-item-body {
  grid-area: body;
}

/*# sourceMappingURL=style.css.map */