:root > * {
    --md-primary-fg-color: #005eb8;
    --md-accent-fg-color: var(--md-primary-fg-color);
    --md-footer-bg-color: var(--md-primary-fg-color);
    --md-footer-bg-color: var(--md-primary-fg-color);
    --md-default-fg-color--light: #005eb8;
    --md-typeset-table-color--light: #005fb82a;
  }

.md-tabs-eoesde {
  z-index: 3;
  display: block;
  align-self: center;
  overflow: auto;
  line-height: 1.3;
  color: var(--md-primary-bg-color);
  /* background-color: var(--md-primary-fg-color); */

  /* Must be higher than the z-index of the back-to-top button, or the button
  will overlay the navigation tabs bar when scrolling up fast. */

  /* [print]: Hide tabs */
  @media print {
    display: none;
  }

  @media (max-width: 76.2344em) {
      display: none;
  }

   /* Navigation tabs are hidden */
  &[hidden] {
    pointer-events: none;
  }

  /* // Navigation tabs list */
  &__list {
    display: flex;
    padding: 0;
    margin: 0;
    margin-inline-start: px2rem(4px);
    overflow: auto;
    white-space: nowrap;
    list-style: none;
    contain: content;
    /* // Hack: don't show scrollbar when navigation tabs overflow, which should
    // only happen in rare occasions, as adding too many top level sections is
    // discouraged, since hiding content on horitontal axis doesn't lead to a
    // good user experience. It's just harder to discover. */
    scrollbar-width: none;

    /* // Hack: see above */
    &::-webkit-scrollbar {
      display: none;
    }
  }

  /* // Navigation tabs item */
  &__item {
    height: px2rem(48px);
    padding-inline: px2rem(12px);

    /* // Navigation tabs link in active navigation */
    &--active .md-tabs__link {
      color: inherit;
      opacity: 1;
    }
  }

  /* // Navigation tabs link - could be defined as block elements and aligned via
  // line height, but this would imply more repaints when scrolling */
  &__link {
    display: flex;
    margin-top: px2rem(16px);
    font-size: px2rem(14px);
    outline-color: var(--md-accent-fg-color);
    outline-offset: px2rem(4px);
    /* // Hack: save a repaint when tabs are appearing on scrolling up */
    backface-visibility: hidden;
    opacity: 0.7;
    transition:
      transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),
      opacity   250ms;

    /* // Navigation tabs link on focus/hover */
    &:is(:focus, :hover) {
      color: inherit;
      opacity: 1;
    }

    /* // Navigation tabs link icon */
    svg {
      height: 1.3em;
      margin-inline-end: px2rem(8px);
      fill: currentcolor;
    }

    /* // Delay transitions by a small amount */
    @for $i from 2 through 16 {
      .md-tabs__item:nth-child(#{$i}) & {
        transition-delay: 20ms * ($i - 1);
      }
    }

    /* Hide tabs upon scrolling - disable transition to minimizes repaints
    // while scrolling down, while scrolling up seems to be okay */
    .md-tabs[hidden] & {
      opacity: 0;
      transition:
        transform 0ms 100ms,
        opacity 100ms;
      transform: translateY(50%);
    }
  }
}

.eoe-nav-btn{
    background-color: var(--md-primary-fg-color);
    padding: 0.45rem 2.5rem;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem;
}

.md-nav__title {
  visibility: hidden;
}

.tabbed-labels.tabbed-labels > label {
  font-size: 1.1em;
  padding: 0.0rem;
  border-bottom-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
  background-color: #007A73;
  opacity: 0.7;
  color: white
}

.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  color: white;
  opacity: 1
}

.js .md-typeset .tabbed-labels:before{
  background: rgba(255, 255, 255, 0);
}

.tabbed-labels.tabbed-labels > label:hover {
  opacity: 1;
  color: white
}

img.md-logo{
  height: 6rem !important;
}

img.md-logo2{
    height: 6rem !important;

    @media (max-width: 780px) {
      display: none;
    }
}

img.md-logo3{
    height: 3.5rem !important;
    padding: 0.5rem;

    @media (max-width: 780px) {
      display: none;
    }
}

img.md-homeicon{
  height: 2rem !important;
}

h1{
    font-weight: 600 !important;
}

h2{
    font-weight: 600 !important;
}

h3{
    font-weight: 600 !important;
}

*.contact_form_noborder{
    border-top: none !important;
}

*.contact_form{
    border: 2px solid !important;
    border-color: var(--md-primary-fg-color) !important;
    padding: 0% 0% 0% 0% !important;
    vertical-align: middle !important;
}

*.contact_input{
    width: 100%;
}

.contact_input_mess{
    width: 300px;
    height: 150px;
    /* vertical-align: top; */
    resize: both !important;
}

.contact_form_button_cell{
    text-align: right !important;
}

.submit_contact{
    background: var(--md-primary-fg-color);
    color: white;
    padding: 5px 10px;
    border-radius: 0.25rem;
}

.contact_label{
    font-weight: 600 !important;
}

.light-zoom {
  padding: 5px;
  background-color: rgba(255, 255, 255, .7);
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.light-zoom:hover {
  transform: scale(1.25); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom-light {
  padding: 5px;
  background-color: rgba(255, 255, 255, .7);
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom-light:hover {
  transform: scale(2); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.submit_contact:hover {
  transform: scale(1.2); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.md-typeset .admonition.project,
.md-typeset details.project {
  border-color: rgb(0, 94, 184);
}
.md-typeset .project > .admonition-title,
.md-typeset .project > summary {
  background-color: rgba(0, 94, 184, 0.1);
}
.md-typeset .project > .admonition-title::before,
.md-typeset .project > summary::before {
  background-color: rgb(0, 94, 184);
  -webkit-mask-image: var(--md-admonition-icon--abstract);
          mask-image: var(--md-admonition-icon--abstract);
}

.md-typeset .admonition.details,
.md-typeset details.details {
  border-color: rgb(76, 142, 205);
}
.md-typeset .details > .admonition-title,
.md-typeset .details > summary {
  background-color: rgba(76, 142, 205, 0.1);
}
.md-typeset .details > .admonition-title::before,
.md-typeset .details > summary::before {
  background-color: rgb(76, 142, 205);
  -webkit-mask-image: var(--md-admonition-icon--info);
          mask-image: var(--md-admonition-icon--info);
}

.md-social__link svg {
  max-height: 1.6rem;
}

.md-social__link {
  width: 2.2rem;
}