custom.scss

body {
  font-family: 'Roboto', sans-serif !important; /* Change to your desired font */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important; /* Change header fonts if needed */
}

/*-- scss:defaults --*/

/*-- scss:mixins --*/

// configure navbar logo and remove odd spacking when search is included
.navbar-brand {display: none;}
.navbar-dark {background-color: #cc5500 !important;}
.navbar-logo {max-height: 50px!important;}

#quarto-search {
  margin-left: 0px !important;
}

@media (max-width: 991.98px) { 

  #navbarCollapse > .navbar-nav:nth-of-type(2) {
    flex-direction: row !important;
  }
  #quarto-search {
    margin-left: -11px !important;
  }
  .aa-DetachedSearchButton {
    display: flex !important;
    color: #dddee0;
  }
  .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder {
    display: block !important;
  }
}