:root {
  /* basic config*/
  --primary-color-fg: #905486;
  --primary-color-bg: rgb(255, 255, 255);
  --nav-coulour-fg: var(--primary-color-fg);
  --nav-color-bg: #ffffff;
  --secondary-color-fg: var(--primary-color-fg);
  --secondary-color-bg: var(--primary-color-bg);
  --accent-color: #7b7eac;
  --font-face: Poppins;

  /* advanced config*/
  --nav-height-px: 120px;
  --nav-border-style: 4px solid;

  --btn-color-fg: var(--primary-color-fg);
  --btn-color-bg: var(--primary-color-bg);

}

.article-table th, td {
  border: #E5E5E5 1px solid;
}

.small-caps {
  font-variant: all-small-caps;
}

.article-body .gloss-wrapper {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.key-value-pair dt {
  font-weight: bold;
}

.key-value-pair dd {
  margin-left: 0px;
  padding-bottom: 4px;
}

/* navbar overrides */
@media only screen and (min-width: 993px) {
  .header-overrides {
    height: var(--nav-height-px);
  }

  .dropdown-content {
    top: var(--nav-height-px) !important;
  }

  .header-overrides ul.hide-on-med-and-down a:not(.dropdown-item) {
    height: var(--nav-height-px);
    padding: calc(var(--nav-height-px) - 75px) 10px 0px;
  }

  nav ul:not(.dropdown-content) a {
    border-bottom: var(--nav-border-style) transparent
  }

  nav ul:not(.dropdown-content) a:hover {
    border-bottom: var(--nav-border-style) var(--accent-color);
  }

  #logo-container {
    top: 50%;
    display: flex;
    transform: translateY(-50%);
  }

  .carousel {
    border-radius: 0.5rem;
  }
  @media only screen and (min-width: 993px) and (max-width: 1330px) {
    :root {
        --nav-height-px: 160px;
    }
    #logo-container {
      top: 40%;
      display: flex;
      transform: translateY(-50%);
    }
  }