/* Paragraph */
p {
  text-align: justify;
}

/*
[data-md-color-scheme="balearica-light"] {
  --md-primary-fg-color: #00ACBA;
  --md-primary-fg-color--light: #BE4358;
  --md-primary-fg-color--dark: #7EBC00;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #7EBC00;
  --md-primary-fg-color: #00ACBA;
  --md-hue: 210;
}
*/

/* Navbar */
/* Light mode navbar */
[data-md-color-scheme="balearica-light"] {
  --md-primary-fg-color: #2c3e50;   /* navbar background */
  --md-primary-bg-color: #ffffff;   /* navbar text */
}

/* Dark mode navbar */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2c3e50;   /* navbar background */
  --md-primary-bg-color: #ffffff;   /* navbar text */
}

/* Hide the site title near the logo in the navbar */
.md-header-nav .md-logo .md-title {
    display: none;
}

/* Hide the site title in the navbar using md-header__topic class on all pages */
.md-header-nav .md-logo .md-header__topic {
    display: none !important;
}

/* Adjust logo size in the header */
.md-header__button.md-logo img {
  height: 50px; /* adjust as needed */
  width: auto;
}

:root {
  --md-admonition-icon--question-mark: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>');
}

/* Green Quest */
.md-typeset .admonition.quest-green,
.md-typeset details.quest-green {
  border-color: #7EBC00;
}
.md-typeset .quest-green > .admonition-title,
.md-typeset .quest-green > summary {
  background-color: rgba(126, 188, 0, 0.1); /* Adjusted rgba for #7EBC00 */
}
.md-typeset .quest-green > .admonition-title::before,
.md-typeset .quest-green > summary::before {
  background-color: #7EBC00;
  -webkit-mask-image: var(--md-admonition-icon--question-mark);
          mask-image: var(--md-admonition-icon--question-mark);
}

/* Red Quest */
.md-typeset .admonition.quest-red,
.md-typeset details.quest-red {
  border-color: #BE4358;
}
.md-typeset .quest-red > .admonition-title,
.md-typeset .quest-red > summary {
  background-color: rgba(190, 67, 88, 0.1); /* Adjusted rgba for #BE4358 */
}
.md-typeset .quest-red > .admonition-title::before,
.md-typeset .quest-red > summary::before {
  background-color: #BE4358;
  -webkit-mask-image: var(--md-admonition-icon--question-mark);
          mask-image: var(--md-admonition-icon--question-mark);
}


:root {
    --md-parallax-perspective: 2.5rem;
}

/* Team member */
.team-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* optional: center the row */
  gap: 2rem; /* space between items */
  align-items: flex-start; /* ensures all items align to the top */
}

.team-member {
  flex: 1 1 calc(33.33% - 2rem); /* three per line with spacing */
  max-width: 300px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.team-member img {
  width: 180px;
  height: 180px;
  border-radius: 8px;
  object-fit: cover;
  margin-bottom: 0.2em;
}

.team-member img.team-collaborator {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  margin-bottom: 0.2em;
}

.team-member figcaption {
  margin-top: 0px;
}

.team-member h3 {
  margin-top: 15px;
  margin-bottom: 0.2em;
}

.team-member h4 {
  margin-top: 0;
  margin-bottom: 8px;
}

.team-member hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.team-member cite {
  font-size: 14px;
  line-height: 1.2;
}