/*-- scss:rules --*/

@font-face {
  font-family: "HurmeGeometricSans3Light";
  src: url('./webFonts/HurmeGeometricSans3Light/font.woff') format('woff');
}

@font-face {
  font-family: "HurmeGeometricSans3Regular";
  src: url('./webFonts/HurmeGeometricSans3Regular/font.woff') format('woff');
}

@font-face {
  font-family: "HurmeGeometricSans3Bold";
  src: url('./webFonts/HurmeGeometricSans3Bold/font.woff') format('woff');
}

iframe { width:100%; height:100%; z-index: 9999}
#over {font-size:5em; position:absolute; top:400px; left:50px; z-index:2 }

/* specify heigh of the logo */
.navbar-logo {
  max-height: 50px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: .6rem;
    padding-right: 1rem;
}

/* Specify color navigation bar color and border */
.navbar {
  background-color: white;
  border-bottom: 2px solid #00975f;
  font-family: HurmeGeometricSans3Bold;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.75px;
  align-content: center;
  padding-left: 20px;
}

/* Specify font color for Home page text */
.navbar-nav .nav-link.active, 
.navbar-nav 
.nav-link.show {
  color: #373636;
  font: HurmeGeometricSans3Bold;
  font-weight: bold;
}

.dropdown-item {
  font-family: HurmeGeometricSans3Regular;
  color: #373636;
  --bs-dropdown-link-active-bg:#00975F;
}

/* Specify font color for drop-down menu in navigation bar */
.nav-link {
  color: #373636;
  font:  HurmeGeometricSans3Regular;
  font-weight: bold;
  letter-spacing: -0.75px;
}

.nav-link:hover{
  color: #00975F;
}

.navbar #quarto-search.type-overlay .aa-Autocomplete svg.aa-SubmitIcon {
    width: 26px;
    height: 26px;
    color: #373636; 
    opacity: 1;
}

/* Details on background image for banner*/

#title-block-header {
  margin-top: -5px;
}

.sidebar-menu-container {
  font-family: HurmeGeometricSans3Bold;
}

.sidebar-menu-container a:hover {
  color: #00975a;
}


@media (max-width: 991.98px){
  .quarto-title-block .quarto-title-banner{
  background-size: relative;
  background-repeat: no-repeat;
  height: 650px;
  }
  
  .quarto-title-banner h1, .quarto-title-banner .h1, .quarto-title-banner h2, .quarto-title-banner .h2 {
    color: white;
    font-family: HurmeGeometricSans3Bold;
  }
  
  body .page-columns {
      display: grid;
      align-content: center;
      text-align: start;
      font-family: HurmeGeometricSans3Bold;
  }
    
  .quarto-title-banner .quarto-title .title {
   font-size: 75px;
   text-align: center;
   }
   
  .lead {
    font-size: 35px;
    text-align: center;
  }

}


@media (min-width: 992px){
  .quarto-title-block .quarto-title-banner{
  background-size: relative;
  background-repeat: no-repeat;
  height: 800px;
  }
  
  body .page-columns {
      display: grid;
      align-content: center;
      text-align: start;
      font-family: HurmeGeometricSans3Light;
  }
  
  .quarto-title-banner .quarto-title .title {
   font-size: 60px;
   text-align: start;
  }
  
  .quarto-title-banner h1, .quarto-title-banner .h1, .quarto-title-banner h2, .quarto-title-banner .h2 {
    color: white;
    font-family: HurmeGeometricSans3Bold;
  }

  .lead {
    font-size: 40px;
    text-align: start;
    font-family: HurmeGeometricSans3Regular;
  }
  
}



/*Leaflet legend adjust text left*/
figure.quarto-float div.leaflet-control {
  text-align: left;
}

/*Trying to center reactable*/ 
.quarto-float{
  position: center;
}

.reactable {
  position: center;
}