/*-- scss:rules --*/

/*********************************************************************/
/* FONTS */

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

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

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

/*********************************************************************/
/* GLOBAL FIX (prevents horizontal scroll ONLY) */

html, body {
  max-width: 100%;
  overflow-x: clip;   /* prevents right scroll WITHOUT adding vertical scroll */
}

/*********************************************************************/
/* GENERAL */

iframe {
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#over {
  font-size: 5em;
  position: absolute;
  top: 400px;
  left: 50px;
  z-index: 2;
}

/*********************************************************************/
/* NAVBAR */

.navbar-logo {
  max-height: 50px;
}

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

.navbar {
  background-color: white;
  border-bottom: 2px solid #00975f;
  font-family: AvenirNextLTPro-Bold;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.75px;
  align-content: center;
  padding-left: 20px;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
  color: #373636;
  font-family: AvenirNextLTPro-Bold;
  font-weight: bold;
}

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

.nav-link {
  color: #373636;
  font-family: AvenirNextLTPro-Regular;
  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;
}

/*********************************************************************/
/* TITLE / BANNER */

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

/* IMPORTANT: only control X overflow */
.quarto-title-block {
  position: relative;
}

.quarto-title-block .quarto-title-banner {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}

@media (max-width: 691.98px){
  .quarto-title-block .quarto-title-banner{
    background-size: cover;
    background-repeat: no-repeat;
     height: 60vh;   /* 60% of screen height */ /*height: 600px;*/
  }
  
  body .page-columns {
    align-content: center;
    text-align: start;
    font-family: AvenirNextLTPro-Bold;
  }
    
  .quarto-title-banner .quarto-title .title {
    font-size: 75px;
    text-align: center;
  }
   
  .lead {
    font-size: 35px;
    text-align: center;
  }
}

@media (min-width: 392px){
  .quarto-title-block .quarto-title-banner{
    background-size: cover;
    background-repeat: no-repeat;
   height: 60vh;   /* 60% of screen height */ /* height: 900px;*/
  }
  
  body .page-columns {
    align-content: center;
    text-align: start;
    max-width: 100%;
    font-family: AvenirLT-Light;
  }
  
  .quarto-title-banner .quarto-title .title {
    font-size: 60px;
    text-align: start;
  }
  
  .lead {
    font-size: 40px;
    text-align: start;
    font-family: AvenirNextLTPro-Regular;
  }
}

.quarto-title-banner h1,
.quarto-title-banner .h1,
.quarto-title-banner h2,
.quarto-title-banner .h2 {
  color: white;
  font-family: AvenirNextLTPro-Bold;
}

p.subtitle {
  color: white;
}

p.subtitle.lead {
  color: white !important;
}

/*********************************************************************/
/* BANNER TEXT (FIXED) */

.banner-extra-text p {
  position: absolute;
  top: 790px;
  left: 50px;
  right: 50px;
  max-width: calc(100% - 100px);
  color: white;
  font-size: 24px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
  z-index: 10;
  font-family: AvenirNextLTPro-Regular;
  overflow-wrap: break-word;
}

.banner-extra-text-confidential p {
  position: absolute;
  top: 920px;
  left: 50px;
  right: 50px;
  max-width: calc(100% - 100px);
  color: #00975F;
  font-size: 24px;
  z-index: 10;
  font-family: AvenirNextLTPro-Regular;
  overflow-wrap: break-word;
}

/*********************************************************************/
/* SIDEBAR */

.sidebar-menu-container {
  font-family: AvenirNextLTPro-Bold;
}

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

div.sidebar-item-container .active,
div.sidebar-item-container .show > .nav-link,
div.sidebar-item-container .sidebar-link > code {
  color: #00975F;
}

/*********************************************************************/
/* LEAFLET */

figure.quarto-float div.leaflet-control {
  text-align: left;
}

/*********************************************************************/
/* CENTERING */

.quarto-float,
.reactable {
  margin-left: auto;
  margin-right: auto;
}

/*********************************************************************/
/* CALLOUTS */

div.callout-note.callout {
  border-left-color: #00975F;
  padding: 10px;
  background-color: white;
  color: #1D1D1B;    
  font-weight: bold;
  font-family: AvenirNextLTPro-Regular;
}

div.callout-tip.callout {
  border-left-color: #00975F;
  background-color: white;
  font-family: AvenirNextLTPro-Regular;
}

div.callout-caution.callout {
  border-left-color: #00975F;
  background-color: white;
  font-family: AvenirNextLTPro-Regular;
}

div.callout.callout-style-default > .callout-header {
  background-color: #f0f8ff;
}

div.callout-title-container.flex-fill {
  color: #1D1D1B;    
}

div.callout-body-container.callout-body {
  color: #686868;
}

.callout-tip.callout li {
  font-size: 14px; 
}

.callout-tip.callout a {
  font-size: 14px; 
}