/* Global customization */

@font-face {
  font-family: "FlamaProBasic";
  src:
    url("static/fonts/flamapro-basic.woff") format("woff2"),
    url("fonts/flamapro-basic.woff") format("woff");
    font-weight: normal;
  font-style: normal;
}
 


:root{

  --header-font-family: "FlamaProBasic";
  --body-font-family: "FlamaProBasic";
  --code-font-family: "FlamaProBasic";
 
  font-size: 18px;
  --code-max-height: 60rem;


  --header-background: #17365c;
  --header-font-color: #e7e7e7;
  --header-font-weight: bold;

    --body-background: #ffffff;
    --body-font-color: #403634;

    --mark-color: #ffab00;

    --button-background: #62cb97;
    --button-border-color: #4ec58a;

    --link-color: #8c8751;
    --link-color-visited: #59201b;

    --code-background: #f5f6f8;
    --code-accent-color: #e3e7eb;
    --code-accent-color-lite: #eff1f3;
    --code-font-color: #5f5f5f;

    --code-copy-background: #f5f6f8;
    --code-copy-font-color: #6b7784;
    --code-copy-border-color: #adb4bc;
    --code-copy-success-color: #00c853;

    --accent-color: #e9ecef;
    --accent-color-lite: #f8f9fa;

    --control-icons: #b2bac1;


  --footer-background: #17365c;
  --footer-font-color: #ffffff;
  --footer-link-color: #e7e7e7;
  --footer-link-color-visited: #d1cbca;
  --column-title-font-color: #8dae10;
}  


.gdoc-brand__img {
  width: 200px !important;
  height: 76px !important;
}

.gdoc-faculty__img {
  width: 125px !important;
  height: 53px !important;
}

  #menu-control:checked ~ .container .gdoc-faculty-link {
    display: none;
  }
  /* Ensure images are side by side */
  .gdoc-brand__img,
  .gdoc-faculty__img {
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 768px), (max-width: 480px) {
    .gdoc-faculty__img {
      display: none !important;
    }
  }


.gdoc-nav__entry,
.gdoc-language__entry {
  flex: 1;
  color: var(--body-font-color);

  &:hover,
  &.is-active {
    text-decoration: underline; 
    text-decoration-color: var(--column-title-font-color) !important; /* Use the mark color for underline */
    text-decoration-thickness: 2px !important; /* Adjust thickness as needed */
    text-underline-offset: 3px !important; /* Adds 2px space between text and underline */
    text-decoration-style: solid !important;
  }
 
}