h1 {
  font-weight: bold !important;
}

/* Hide the logo button in the header */
.md-header__button.md-logo {
  display: none !important;
}

.md-button {
  display: flex !important;
  align-items: center !important;
}

.ucup-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .ucup-image-container {
    flex-direction: column !important;
    gap: 30px !important;
  }
}

.circular-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.circular-image-container img {
  border-radius: 8px;
  width: 220px;
}

.ucup-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ucup-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .ucup-btn-container {
    flex-direction: column;
    gap: 6px;
  }
}

.md-typeset .mdx-badge {
  font-size: .85em;
  font-family: "Roboto Mono";
}

[dir=ltr] .md-typeset .mdx-badge__icon {
  border-top-left-radius: .1rem;
  border-bottom-left-radius: .1rem;
}

[dir=rtl] .md-typeset .mdx-badge__icon {
  border-top-right-radius: .1rem;
  border-bottom-right-radius: .1rem;

}

.md-typeset .mdx-badge__icon {
  background: var(--md-accent-fg-color--transparent);
  padding: .2rem
}

.md-typeset .mdx-badge__icon:last-child {
  border-radius: .1rem
}

[dir=ltr] .md-typeset .mdx-badge__text {
  border-top-right-radius: .1rem;
  border-bottom-right-radius: .1rem;
}

[dir=rtl] .md-typeset .mdx-badge__text {
  border-top-left-radius: .1rem;
  border-bottom-left-radius: .1rem;
}

.md-typeset .mdx-badge__text {
  box-shadow: 0 0 0 1px inset var(--md-accent-fg-color--transparent);
  padding: .2rem .3rem
}

.md-typeset .role-director-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 0.15em;
  padding: 0 0.7em;
  font-size: 0.72em;
  font-weight: 500;
  line-height: 1.7;
  color: #d46b08;
  background: #fff7e6;
  border: 1px solid #ffd591;
  border-radius: 999px;
  white-space: nowrap;
  vertical-align: middle;
}

[data-md-color-scheme="slate"] .md-typeset .role-director-badge {
  color: #ffa940;
  background: #2b1d11;
  border-color: #874d00;
}