body {
  font-family: "Roboto";
  background-color: #132048;
}

h1{
    font-size:1.75em;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    color: white;
}

h4{
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #132048;
    padding-left: 5px;
    padding-right: 5px;
}

#FCD_logo{
    height: 50px;
    padding: 0.5em;
}

.banner {
    height: 100%;
    background-color: #132047;
    display: flex;
    flex-direction: row;
}

.bottom-right-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    width: fit-content;
}

.button-list{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: fit-content;
}

/* .bottom-stack > * {
  flex: none;
} */

.center-text{
    text-align: center;
}

.historic-popover-content {
    align-items: left;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;   /* spacing between elements */
    padding: 0.75rem;
    min-width: 280px; /* helps layout feel intentional */
}

.icon-button{
    --calcite-button-border-color: #f26724;
    --calcite-button-text-color: #f26724;
    padding:10px;
}

.link-button{
    --calcite-button-background-color: #132048;
    --calcite-button-corner-radius:5px;
    padding: 5px;
}

.popover-overlay-wrap {
  position: relative;
}

.popover-top-right-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
}


.scrolling-container {
  max-height: 450px;
  overflow-y: auto;
  /* width: 300px;  */
  padding: 0.75rem;
}

.scrolling-container-menu {
  max-height: 550px;
  overflow-y: auto;
  width: 300px; 
  padding: 0.75rem;
  text-align: center;
}

.scrolling-container-menu p{
    text-align: left;
}

/* .sm-text{
    
} */

.social-media-icons-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}


calcite-navigation {
    --calcite-navigation-background-color: #132048;
}

calcite-navigation-logo {
    font-family: "Poppins";
    --calcite-navigation-accent-color: #f26724;
    --calcite-navigation-logo-heading-text-color: #ffffff;
}

calcite-chip {
    --calcite-chip-background-color: #ffffff;
    --calcite-chip-border-color: #f26724;
    --calcite-chip-text-color: #132048;
    --calcite-chip-icon-color: #132048;
}

calcite-chip:hover {
    --calcite-chip-background-color: #f26724;
    --calcite-chip-border-color: #f26724;
    --calcite-chip-text-color: #ffffff;
    --calcite-chip-icon-color: #ffffff;
}

calcite-chip[selected] {
    --calcite-chip-background-color: #f26724;
    --calcite-chip-border-color: #f26724;
    --calcite-chip-text-color: #ffffff;
    --calcite-chip-icon-color: #ffffff;

}

/* calcite-radio-button {
    padding:5px;
} */

calcite-radio-button-group {
    padding:10px;
}

calcite-date-picker {
    --calcite-date-picker-day-background-color-hover: #f26724;
    --calcite-date-picker-day-text-color: #132048;
    --calcite-date-picker-current-day-text-color: #f26724;
    --calcite-date-picker-day-background-color-selected: #f26724;
    --calcite-date-picker-day-range-background-color: #fcd4bb;
}