/*# Copyright 2024 Province of British Columbia
# 
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
# 
# http://www.apache.org/licenses/LICENSE-2.0
# 
# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and limitations under the License.*/


/* links */
a {
   color: #4F81BD;
   text-decoration-line: none;
}

div.figcaps {
  line-height: 1.1;
  font-size:14px;
}

/* navbar */
nav.navbar {
  background-color: #013366;
}

/* formatting for active tab in navbar*/
.quarto-dashboard #quarto-dashboard-header .navbar .navbar-nav .active {
    background-color: #FCBA19;
    color: #2D2D2D;
}

/*buttons*/
.bcds-react-aria-Button {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  margin-top:10px;
  margin-bottom:10px;
  background:#234075;
  color:#fff;
}

/*input filter placeholder text*/
input::placeholder {
  opacity:1;
  color: black;
}

/*On environment tab, in tabset, need this to add space between the two rows of plots*/
.env_plot_row {
    margin-bottom: 17px;
}

/*reduce the left padding on unordered lists*/
ul {
  padding-left:1rem;
}

/*side bar formatting*/
/* Default behavior for mobile screens (scrollable sidebar) */
.sidebar {
    overflow: auto !important; /* Ensure scrolling works on mobile */
}

/* Override for larger screens (disable sidebar's scrollbar) */
@media (min-width: 768px) {
    .sidebar {
        overflow: visible !important; /* No scrollbar on larger screens */
    }
}