/* Global classes */
:root {
  --Instances-nei-primary-cta: #00336F;
  --Instances-nei-hover: #00244E;
  --Instances-nei-blue: #3E6091;
  --Instances-nei-primary-brand: #3E6091;
  --Instances-nei-primary: #293F62;
  --grays-lightest: #FFFFFF;
  --grays-neutral-gray: #F0F0F0;
  --grays-light-gray: #D9D9D9;
}

/* Global settings */
html,
body {
  line-height: var(--solo-px28);
}

#page-wrapper {
  --r-bg: #ffffff;
  --r-tx: #000000;
}

#sidebar-box-main .block-system-main-block {
  min-height: 400px;
}

.header-inner {
  align-items: center;
}

.page-wrapper .solo-inner:not(.footer-menu-inner, body.contact .solo-inner) {
  --r-bg: var(--grays-lightest);
  background-color: var(--r-bg);
}

.footer-menu {
  --r-bg: var(--Instances-nei-primary);
  --r-tx: var(--grays-lightest);
}

#page-wrapper h1 {
  font-size: var(--solo-px32);
  line-height: var(--solo-px-36);
}

#page-wrapper h2 {
  font-size: var(--solo-px24);
  line-height: var(--solo-px-32);
}

#page-wrapper h3 {
  font-size: var(--solo-px18);
  line-height: var(--solo-px-28);
}

#page-wrapper h4 {
  font-size: var(--solo-px16);
}

#page-wrapper h1:not(#footer-menu h1, .hero-bundle-inner h1),
#page-wrapper h2:not(#footer-menu h2, .hero-bundle-inner h2),
#page-wrapper h3:not(#footer-menu h3, .hero-bundle-inner h3),
#page-wrapper h4:not(#footer-menu h4, .hero-bundle-inner h4) {
  color: var(--Instances-nei-primary);
}

#page-wrapper #footer-menu #block-eyegene-eyegene h3,
#page-wrapper #footer-menu .solo-block-title,
#page-wrapper #footer-menu .block__title {
  margin-left: var(--solo-px10);
}

/* Link colors */
#footer-menu-inner,
#sidebar-box-main > div {
  padding: 0;
}

#page-wrapper #sidebar-box-main .field a:not(.blue-button, .white-button) {
  color: #1c259d;
  text-decoration: underline;
}

#footer-menu a {
  text-decoration: underline;
}

#page-wrapper #sidebar-box-main .field a:not(.blue-button, .white-button):hover {
  color: var(--Instances-nei-primary-cta);
  text-decoration: underline;
}

/* Breadcrumb */
.breadcrumb-menu li a {
  text-decoration: underline;
  --r-tx: var(--Instances-nei-blue);
}

/* table colors */
#page-wrapper #sidebar-box-main table tr {
  font-size: var(--solo-px14);
  line-height: var(--solo-px26);
}

#page-wrapper #sidebar-box-main table tr:nth-child(even) {
  background-color: #f9f9f9;
}

#page-wrapper #sidebar-box-main table thead tr {
  background-color: var(--grays-neutral-gray);
}

/* Global Button */
#page-wrapper .blue-button,
#page-wrapper .white-button,
#researcher-menubar a.researcher,
#researcher-menubar a.participate,
#page-wrapper .pb__tabs-button button {
  border-radius: var(--solo-px4);
  color: var(--r-tx);
  border: 1px solid var(--r-br);
  background-color: var(--r-bg);
  padding: var(--solo-px12) var(--solo-px16);
}

/* Blue Button */
#page-wrapper .form-actions input,
#page-wrapper .blue-button,
#page-wrapper .pb__tabs-button button,
#researcher-menubar a.participate {
  --r-br: var(--Instances-nei-primary-cta);
  --r-bg: var(--Instances-nei-primary-cta);
  --r-tx: var(--grays-lightest);
}

#page-wrapper .white-button,
#page-wrapper .blue-button {
  display: inline-block;
}

.paragraph .paragraph__inner p {
  margin: 12px 0;
}

#page-wrapper nav.tabs li.is-active a {
  --r-lk: var(--grays-lightest);
  background-color: var(--Instances-nei-primary-cta);
}

#page-wrapper .form-actions input:hover,
#page-wrapper .blue-button:hover,
#page-wrapper .mobile-nav button:hover,
#page-wrapper .pb__tabs-button button:hover,
#researcher-menubar a.participate:hover {
  --r-bg: var(--Instances-nei-hover);
}

/* White Button */
#page-wrapper .white-button,
#page-wrapper .pb__tabs-button button.pb__active,
#researcher-menubar a.researcher {
  --r-br: var(--Instances-nei-primary-cta);
  --r-bg: var(--grays-lightest);
  --r-tx: var(--Instances-nei-primary-cta);
}

#page-wrapper .white-button:hover,
#researcher-menubar a.researcher:hover {
  --r-bg: var(--grays-neutral-gray);
}

#page-wrapper #researcher-menubar a {
  padding: var(--solo-px4) var(--solo-px12);
  margin-left: var(--solo-px12);
}

/* Global Tabs */
#page-wrapper .pb__tabs-button {
  border-bottom: 2px solid var(--Instances-nei-primary-cta);
}

#page-wrapper .pb__tabs-button button {
  line-height: var(--solo-px16);
  border-radius: 12px 12px 0 0 !important;
  margin-right: var(--solo-px12);
  transition: transform 0.2s;
}

#page-wrapper .pb__tabs-button button.pb__active {
  margin-top: 5px;
  transform: translateY(-5px);
}

/* Footer */
#page-wrapper .footer-menu .block-block-content h2,
#page-wrapper .footer-menu .menu--related h2,
#page-wrapper .footer-menu .menu--important-links h2 {
  font-size: var(--solo-px16);
}

.footer-menu .menu--related ul.solo-footer-menu,
.footer-menu .menu--important-links ul.solo-footer-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-menu .menu--related ul.solo-footer-menu li,
.footer-menu .menu--important-links ul.solo-footer-menu li {
  align-items: center;
  justify-content: flex-start;
  line-height: var(--solo-px18);
  font-size: var(--solo-px14);
}

.footer-menu nav,
.footer-menu nav h2,
.footer-menu .solo-block,
.footer-menu .solo-block h2,
.footer-menu .solo-block h3 {
  margin: 0;
}

.field p.partners img {
  margin-right: 12px;
}

@media (min-width:48rem) {
  .footer-menu-second {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .footer-menu-second > nav,
  .footer-menu-second > section {
    flex: 1;
  }

  #block-eyegene-eyegene {
    flex-basis: 100%;
  }

}

#block-eyegene-partners .field--name-body {
  padding-left: var(--solo-px8);
}

/* Main menu */
#page-wrapper .navigation__menubar-main {
  justify-content: space-between;
  --r-tx: var(--Instances-nei-primary-cta);
  color: var(--r-tx);
  margin-right: var(--solo-px16);
  margin-left: var(--solo-px16);
}

#page-wrapper .navigation__menubar-main > li > a,
#page-wrapper .navigation__menubar-main > li > button {
  padding: var(--solo-px8) var(--solo-px24);
  border-bottom: 2px solid var(--Instances-nei-blue);
}

#page-wrapper .mobile-nav button,
#page-wrapper .navigation__menubar-main li.is-active > a,
#page-wrapper .navigation__menubar-main li.is-active > button,
#page-wrapper .navigation__menubar-main a:hover,
#page-wrapper .navigation__menubar-main button:hover {
  --r-br: var(--Instances-nei-primary-cta);
  --r-bg: var(--Instances-nei-primary-cta);
  --r-tx: var(--grays-lightest);
}

#page-wrapper .navigation__menubar-main a:hover,
#page-wrapper .navigation__menubar-main button:hover {
  cursor: pointer !important;
}

/* Header */
.branding-second {
  display: none;
}

/* Page Title */
#page-wrapper .page-title-text {
  padding: var(--solo-px8) var(--solo-px0);
}

#page-wrapper #page-title-inner {
  padding: 0;
}

#page-wrapper #page-title-inner > div {
  border-bottom: 12px solid var(--Instances-nei-primary-cta);
  margin-right: var(--solo-px16);
  margin-left: var(--solo-px16);
  width: calc(100% - var(--solo-px32));
}

/* Participate  */
form.contact-message-participate-in-eyegene-form {
  max-width: 600px;
}

@media (min-width:36rem) {
  form.contact-message-participate-in-eyegene-form div.form-type-select,
  form.contact-message-participate-in-eyegene-form div.form-type-email,
  form.contact-message-participate-in-eyegene-form div.form-type-tel,
  form.contact-message-participate-in-eyegene-form div.form-type-textfield {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  form.contact-message-participate-in-eyegene-form div.form-type-select select,
  form.contact-message-participate-in-eyegene-form div.form-type-email input,
  form.contact-message-participate-in-eyegene-form div.form-type-tel input,
  form.contact-message-participate-in-eyegene-form div.form-type-textfield input {
    max-width: 370px;
    margin: var(--solo-px6);
  }

}

form.contact-message-participate-in-eyegene-form div.form-type-select select,
form.contact-message-participate-in-eyegene-form div.form-type-email input,
form.contact-message-participate-in-eyegene-form div.form-type-tel input,
form.contact-message-participate-in-eyegene-form div.form-type-textfield input {
  border-radius: var(--solo-px6);
}

form.contact-message-participate-in-eyegene-form div.form-item label {
  flex-grow: 1;
}

form.contact-message-participate-in-eyegene-form div.form-item label:after {
  content: ":";
  margin-left: 2px;
  vertical-align: baseline;
}

form.contact-message-participate-in-eyegene-form .form-actions {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: var(--solo-px16);
}

form.contact-message-participate-in-eyegene-form .form-actions input {
  margin: 0;
  border-radius: var(--solo-px6);
}

body.participate .paragraph--type--one-column-bundle {
  border-top: 4px solid var(--Instances-nei-blue);
  padding: var(--solo-px24);
}

/* Publication Citation */
.paragraph--type--publication-citation.paragraph--view-mode--default {
  border-bottom: 2px solid var(--grays-light-gray);
  padding-bottom: var(--solo-px12);
}

.paragraph--type--publication-citation.paragraph--view-mode--default .field label {
  min-width: 140px;
}

.paragraph--type--publication-citation.paragraph--view-mode--default .field {
  margin: 0;
}

.paragraph--type--publication-citation.paragraph--view-mode--default .field--name-field-pc-abstract {
  padding: var(--solo-px16);
  background-color: var(--grays-neutral-gray);
  margin-bottom: var(--solo-px12);
}

.view-publication-citation .exposed-form [data-drupal-selector="edit-publication-date-wrapper"] {
  border: 0 !important;
}

.view-publication-citation .exposed-form [data-drupal-selector="edit-publication-date-wrapper"] div.fieldset-wrapper {
  padding: 0 !important;
}

.view-publication-citation .exposed-form [data-drupal-selector="edit-publication-date-wrapper"] div.fieldset-wrapper div {
  margin: 0;
}

/* Research Study */
.view-research-study .exposed-form .form-actions input {
  line-height: var(--solo-px32);
}

.view-research-study header.view-header {
  text-align: right;
  font-size: var(--solo-px12);
}

.paragraph--type--research-study.paragraph--view-mode--default .field label {
  min-width: 180px;
}

.paragraph--type--research-study.paragraph--view-mode--default .field {
  margin: 0;
}

.paragraph--type--research-study.paragraph--view-mode--default {
  border-bottom: 2px solid var(--grays-light-gray);
  padding-bottom: var(--solo-px12);
}

/* Steering Committee */
.cc-steering-committee .paragraph--type--one-column-bundle .pb__one-column {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--solo-px12);
  width: 100%;
  padding: var(--solo-px12);
  box-sizing: border-box;
}

.cc-steering-committee .paragraph--type--contact-card {
  padding: var(--solo-px12);
  border: 1px solid var(--grays-neutral-gray);
  background-color: #f9f9f9;
  border-radius: var(--solo-px10);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  transition: transform 0.2s;
}

.cc-steering-committee .paragraph--type--contact-card:hover {
  transform: translateY(-5px);
}

.cc-steering-committee .paragraph--type--contact-card .field {
  margin: 0;
  line-height: var(--solo-px20);
  font-size: var(--solo-px14);
}

.paragraph--type--contact-card .field--name-field-cc-name {
  font-weight: bold;
  font-size: var(--solo-px16) !important;
  --r-tx: var(--Instances-nei-primary-cta);
}

/* Accordion */
.paragraph--type--accordion-bundle .pb__accor-btn button {
  font-weight: bold;
  color: var(--Instances-nei-primary-cta) !important;
}

.paragraph--type--accordion-bundle .pb__accor-btn button:hover {
  font-weight: bold;
  color: var(--Instances-nei-hover) !important;
}

.paragraph--type--accordion-bundle .pb__accor-wrap-btn-item {
  border: 1px solid var(--grays-neutral-gray) !important;
  background-color: #f9f9f9;
  border-radius: var(--solo-px10);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: var(--solo-px16) var(--solo-px8);
  width: calc(100% - var(--solo-px16));
}

.paragraph--type--accordion-bundle p,
.paragraph--type--accordion-bundle ul {
  margin: 0;
}

.paragraph--type--accordion-bundle .pb__accor-pane {
  padding-top: 0 !important;
}

/* Three column list */
.three-column-list {
  list-style: none;
  column-count: 3;
}

@media (max-width:48rem) {
  .three-column-list {
    column-count: 2;
  }

}

@media (max-width:36rem) {
  .three-column-list {
    column-count: 1;
  }

}

/* Contact us */
body.contact .main-container {
  background-image: url(../images/contact-bg.jpeg);
  background-position: center top;
  background-repeat: repeat;
  background-size: cover;
}

body.contact table.contact-top {
  border-collapse: unset;
}

body.contact table.contact-top td:first-child {
  width: 180px;
}

body.contact table.contact-top td:first-child p {
  color: var(--Instances-nei-primary);
  font-weight: bold;
  font-size: var(--solo-px18);
}

body.contact table.contact-top td p {
  margin: 0 0 8px 0 !important;
  font-size: var(--solo-px16);
}

body.contact table.contact-top tr {
  vertical-align: top;
}

@media (min-width:36rem) {
  form.contact-message-feedback-form {
    max-width: 600px;
  }

  form.contact-message-feedback-form div.form-item-name,
  form.contact-message-feedback-form div.form-item-mail,
  form.contact-message-feedback-form div.form-type-textfield {
    display: flex;
    align-items: center;
  }

  form.contact-message-feedback-form div.form-type-textarea {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }

  form.contact-message-feedback-form div.form-type-select select,
  form.contact-message-feedback-form div.form-type-email input,
  form.contact-message-feedback-form div.form-type-textarea textarea,
  form.contact-message-feedback-form div.form-type-textfield input {
    max-width: 420px;
    margin: var(--solo-px6);
  }

  form.contact-message-feedback-form div.form-item label {
    flex-grow: 1;
    max-width: 180px;
  }

  form.contact-message-feedback-form div.form-item label:after {
    content: ":";
    margin-left: 2px;
    vertical-align: baseline;
  }

  form.contact-message-feedback-form .form-actions {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: var(--solo-px16);
  }

  form.contact-message-feedback-form .form-actions input {
    margin: 0;
    border-radius: var(--solo-px6);
  }

}

body.contact .node--type-landing-page.node--view-mode-full .node__content {
  max-width: 42rem;
  background: transparent;
  margin: 3rem auto;
  border-radius: 2px;
  box-shadow: 0 var(--pb-px2) var(--pb-px6) rgba(0, 0, 0, 0.18), 0 var(--pb-px4) var(--pb-px12) rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--simple-bundle {
  padding: 1rem 2rem;
  background: rgba(45, 81, 117, 0.9);
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--simple-bundle h2 {
  line-height: calc(2 * var(--solo-px20));
  color: var(--solo-white) !important;
  margin: 0 !important;
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--contact-form-bundle {
  padding: 1rem 2rem 2rem 2rem;
  background: rgba(255, 255, 255, 0.9);
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--simple-bundle * {
  color: var(--solo-white) !important;
  background-color: transparent !important;
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--contact-form-bundle {
  --r-br: #c7eafe;
}

body.contact .node--type-landing-page.node--view-mode-full .paragraph--type--contact-form-bundle label {
  color: #135376 !important;
}

body.contact #page-wrapper .main-box-inner .paragraph>.paragraph__inner,
body.contact #page-wrapper .main-box-inner {
  --r-bg: transparent;
  --r-pb-bg: transparent;
  background: transparent;
}

/* Home */
body.home .paragraph--type--hero-bundle img {
  max-height: 450px;
}

body.home .icon-list {
  list-style: none;
  padding: 0;
}

body.home .icon-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

body.home .icon-list li::before {
  margin: 10px 10px 0 0;
}

/* Styles for specific icons */
body.home .icon-list .icon-dataset::before {
  content: url('../images/dataset-icon.svg');
}

body.home .icon-list .icon-dataset-dna::before {
  content: url('../images/dataset-dna-icon.svg');
}

body.home .icon-list .icon-contact::before {
  content: url('../images/contact-icon.svg');
}

body.home .hero-bundle-inner * {
  color: var(--grays-lightest);
}

body.home .pb__two-columns .pb-col-right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: initial;
  width: auto;
  height: auto;
}

body.home .paragraph--type--svg-icon img {
  max-width: 125px;
}

body.home .pb__two-columns .pb-col-right > div:nth-child(2) img {
  width: 120px;
}

body.home .pb__two-columns .pb-col-right > div {
  box-sizing: border-box;
  padding: 10px; /* Adjust padding as needed */
}

body.home .pb__two-columns .pb-col-right div {
  margin: 0 auto;
}

body.home .field--name-field-svg-icon,
body.home .pb__two-columns .pb-col-right > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

body.home .pb__two-columns .pb-col-right > div:nth-child(3) {
  width: 100%;
  height: auto;
}

body.home .field--name-field-svg-icon {
  width: 100%;
  height: 100%;
}

body.home .paragraph--type--svg-icon .field {
  color: var(--Instances-nei-primary-cta);
}

body.home .pb__two-columns .pb-col-right > div:nth-child(3) .field--name-field-svg-icon {
  flex-direction: row;
}

body.home .pb__two-columns .pb-col-right > div:nth-child(3) .field--name-field-svg-icon img.svg-icon-1 {
  max-width: 77px;
}

body.home .pb__two-columns .pb-col-right > div:nth-child(3) .field--name-field-svg-icon img.svg-icon-2 {
  max-width: 93px;
  margin-left: 12px;
}

body.home .pb__two-columns .pb-col-right .field--name-field-svg-icon-title {
  font-size: calc(1.5 * var(--solo-px32));
  line-height: calc(1.5 * var(--solo-px32));
}

/* Data Exploaration and data elements */
body.data-elements #bricsContainer input[type="checkbox"],
body.data-elements #bricsContainer input[type="radio"],
body.data-exploration .eyegeneContainer input[type="checkbox"],
body.data-exploration .eyegeneContainer input[type="radio"] {
  height: auto;
  width: auto;
}

body.data-exploration .eyegeneContainer .filterButtons button {
  padding: 2px 12px;
}

body.data-elements #bricsContainer .filterList button {
  padding: 2px 12px;
  line-height: 24px;
}

body.data-elements #bricsContainer .searchBar select,
body.data-elements #bricsContainer .searchBar input,
body.data-elements #bricsContainer .searchBar button {
  padding: 4px 12px;
}

body.data-elements #bricsContainer .searchBar button {
  padding: 12px;
}

body.data-elements #bricsContainer .filterList .SemanticTypes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

body.home .pb__pmw_600,
.pb__hero-txt-wrapper-inner.pb__pmw_600 {
  max-width: 600px;
}

body.home .pb__two-columns {
  padding: 0 var(--solo-px16);
}

@media (min-width:48rem) {
  body.home .pb__two-columns .pb-col-right > div:nth-child(1),
  body.home .pb__two-columns .pb-col-right > div:nth-child(2) {
    width: 50%;
  }

  body.home .pb__two-columns .pb-col-right .field--name-field-svg-icon-title {
    font-size: calc(2 * var(--solo-px32));
    line-height: calc(2 * var(--solo-px32));
    font-weight: bolder;
  }

}

@media (max-width:48rem) {
  body.home #page-wrapper .hero-bundle-inner h1 {
    font-size: var(--solo-px22);
  }

  body.home #page-wrapper .hero-bundle-inner h2 {
    font-size: var(--solo-px18);
  }

  body.home #page-wrapper .hero-bundle-inner h3 {
    font-size: var(--solo-px16);
  }

}

@media (max-width:36rem) {
  body.home #page-wrapper .hero-bundle-inner * {
    font-size: var(--solo-px16) !important;
    line-height: var(--solo-px18) !important;
  }

}

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */