/* Global customization */


:root {
  /* --header-background: #5c9021; */
  --header-background: #9f7c7c;
  --header-font-color: #000000;
  --header-green: #7CA93A;
  --header-blue: #13284C;
  --header-font-weight: bold;

  --body-background: #fafafa;
  --body-font-color: #13284C;

  --mark-color: #ffab00;

  --button-background: #62cb97;
  --button-border-color: #7CA93A;

  --link-color: #7CA93A;
  --link-font-weight: bold;
  --link-color-visited: #7CA93A;

  --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: #35ad8b;

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

  --control-icons: #b2bac1;

  --footer-background: rgb(231, 231, 231);
  --footer-font-color: #000000;
  --footer-link-color: #000000;
  --footer-link-color-visited: #000000;

  --column-background: #e3e3e3;
 
}
 
@font-face {
  font-family: "Arial";
  src:
    url("https://github.com/AllThingsSmitty/fonts/blob/master/Univers/Univers.woff2") format("woff2"),
    url("https://github.com/AllThingsSmitty/fonts/blob/master/Univers/Univers.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
 
.gdoc-brand__img {
  width: 300px !important;
  height: 100px !important;
}

.gdoc-faculty__img {
  width: 125px !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-page__header {
  background: #f1f2f4 !important;
}

.gdoc-header {
  background: #ffffff !important;
}
.gdoc-black {
  background: #000000 !important;
}
.gdoc-green {
  background: #7CA93A !important;
}

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

  &:hover,
  &.is-active {
    text-decoration: underline; 
    text-decoration-color: var(--header-green) !important; /* Use the mark color for underline */
    text-decoration-thickness: 2px !important; /* Adjust thickness as needed */
    text-underline-offset: 3.5px !important; /* Adds 2px space between text and underline */

    text-decoration-style: solid !important;
  }
 
}