@font-face {font-family: 'Authentic Sans';src: url('../fonts/custom/AUTHENTICSans/AUTHENTICSans-60.otf') format('opentype');}@font-face {font-family: 'NeueHaasDisplayRoman';src: url('../fonts/custom/NeueHaasDisplay/NeueHaasDisplayRoman.ttf') format("truetype");}@media screen and (max-width: 768px) {.text-block h3 {font-size: smaller;}.text-block .row {margin: 0;}}.chart-container {max-height: 800px;}#suggestions1 {position: absolute;width: 100%;max-height: 200px;overflow-y: auto;background-color: #fff;border: 1px solid #ccc;z-index: 100000000000;}#suggestions1 .list-group-item {cursor: pointer;background-color: #fff;z-index: 100000000000;}#suggestions1 .list-group-item.selected {background-color: var(--bs-primary);color: #fff;background-color: #fff;z-index: 100000000000;}#suggestions2 {position: absolute;width: 100%;max-height: 200px;overflow-y: auto;background-color: #fff;border: 1px solid #ccc;z-index: 100000000000;}#suggestions2 .list-group-item {cursor: pointer;background-color: #fff;z-index: 100000000000;}#suggestions2 .list-group-item.selected {background-color: var(--bs-primary);color: #fff;background-color: #fff;z-index: 100000000000;}#suggestions3 {position: absolute;width: 100%;max-height: 200px;overflow-y: auto;background-color: #fff;border: 1px solid #ccc;z-index: 100000000000;}#suggestions3 .list-group-item {cursor: pointer;background-color: #fff;z-index: 100000000000;}#suggestions3 .list-group-item.selected {background-color: var(--bs-primary);color: #fff;background-color: #fff;z-index: 100000000000;}.nav-tabs .nav-link.active {background-color: var(--bs-primary) !important;color: #fff !important;border-color: #dee2e6 #dee2e6 #f8f9fa !important;}.nav-tabs .nav-link {background-color: #fff !important;color: var(--bs-primary) !important;border-color: #dee2e6 #dee2e6 #f8f9fa !important;}.custom-nav-item {margin-right: 3px;}.custom-nav-link {padding: 4px 8px;}.circular-badge {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}.highlighted {background-color: #f0f0f0;cursor: pointer;transition: background-color 0.3s, color 0.3s;}.suggestion:hover {background-color: #4BB051;color: white;cursor: pointer;}.input-label-absolute {position: relative;}#search-suggestions {z-index: 1000;position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #ccc;background-color: #fff;display: none;max-height: 150px;overflow-y: auto;}#search-suggestions .list-group-item:hover {background-color: #f7f7f7;cursor: pointer;}.message-container {position: fixed;top: 50px;left: 0;right: 0;z-index: 1050;display: block;}.portrait-img {width: 150px;height: 225px;object-fit: cover;aspect-ratio: 3 / 4;}.vertical-line {border-left: 1px solid #000;margin-left: 20px;margin-right: 20px;}.btn-facebook {color: white;background-color: #4267B2;border-color: #4267B2;}.btn-facebook:hover {color: white;background-color: #365899;border-color: #365899;}.btn-google {color: #fff;background-color: #db4437;border-color: #db4437;}.btn-google:hover {color: #fff;background-color: #c1351d;border-color: #c1351d;}.seen-on-equal-img {max-height: 100%;max-width: 100%;object-fit: contain;height: auto;width: auto;}.svg-icon {width: 24px;height: 24px;stroke: #ccc;fill: none;stroke-width: 2px;}.bookmarked {stroke: red;}.card-fav-icon {cursor: pointer;}.search-bar-search-results {border-radius: 10rem;background: #fff;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);}.search-bar-search-results .form-group {position: relative;margin-bottom: 0;}.search-bar-search-results .form-group::after {display: block;width: 1px;height: 60%;content: "";background: #ddd;position: absolute;top: 20%;right: 0;}.search-bar-search-results .form-group.no-divider::after, .search-bar-search-results .form-group:last-of-type::after {display: none;}.search-bar-search-results .form-control {height: calc(1.6em + 1rem + 2px);}.search-bar-search-results .input-label-absolute-right .label-absolute {right: 0;}.search-bar-search-results.search-bar-search-results-with-tabs {border-radius: 0.4rem;}@media (max-width: 9100.98px) {.search-bar-search-results {border-radius: 20px;}.search-bar-search-results .form-group {margin-bottom: 1rem;}.search-bar-search-results .form-group::after {display: block;width: calc(100% - 4rem);height: 1px;content: "";transform: translateX(-50%);background: #dee2e6;position: absolute;top: auto;right: auto;bottom: 0;left: 50%;}.search-bar-search-results .form-control {height: calc(1.6em + 0.75rem + 2px);padding: 10px 20px;}.search-bar-search-results .input-label-absolute-right .label-absolute {right: 1rem;}.search-bar-search-results .bootstrap-select {display: block !important;width: 100% !important;padding: 0;}.search-bar-search-results .bootstrap-select button {display: block;width: 100% !important;padding: 10px 20px;}}.nav-tabs.search-bar-search-results-nav-tabs {border-bottom: none;}.nav-tabs.search-bar-search-results-nav-tabs .nav-link {padding: 1rem 2rem 1.5rem;margin-bottom: -10px;font-weight: bold;border: 1px solid transparent;color: #495057;background-color: rgba(255, 255, 255, 0.5);transition: all 0.2s ease-out;border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem;}.nav-tabs.search-bar-search-results-nav-tabs .nav-link:hover, .nav-tabs.search-bar-search-results-nav-tabs .nav-link:focus {color: #495057;background-color: rgba(255, 255, 255, 0.8);}.nav-tabs.search-bar-search-results-nav-tabs .nav-link.active, .nav-tabs.search-bar-search-results-nav-tabs .nav-item.show .nav-link {color: #111111;background-color: #fff;border-color: #fff;}.gallery-image-form {display: flex;align-items: center;}.gallery-image-form img {max-width: 200px;max-height: 200px;margin-right: 20px;}.gallery-image-form .card {flex-grow: 1;}
@media (max-width: 767.98px) { /* Matches Bootstrap's md breakpoint for navbar-expand-md */
    .navbar-collapse .dropdown-menu {
      background-color: #fff !important; /* Explicitly set white background */
      /* Optional: Add a border if it looks better visually separated */
      /* border: 1px solid rgba(0, 0, 0, 0.1); */
      box-shadow: none; /* Remove dropdown shadow inside collapsed menu if present */
      margin-top: 0.5rem; /* Add some space above the dropdown */
      margin-bottom: 0.5rem; /* Add some space below the dropdown */
    }
  
    /* Optional: Adjust padding for dropdown items inside collapsed menu */
    .navbar-collapse .dropdown-item {
        padding: 0.75rem 1.5rem; /* More vertical padding might be user-friendly */
    }
  
    /* Optional: Remove arrow simulation inside collapsed menu */
     .navbar-collapse .dropdown-menu::before,
     .navbar-collapse .dropdown-menu::after {
         display: none;
     }
  }

  /* ============================================= */
/*      Mobile/Tablet Navbar Dropdown Fix        */
/* ============================================= */

/* Target screens where the navbar-expand-md collapses */
@media (max-width: 767.98px) {

    /* Force white background for dropdown menus inside the collapsed navbar */
    .navbar-collapse .dropdown-menu {
      background-color: #ffffff !important;  /* Force solid white background */
      border: 1px solid rgba(0, 0, 0, 0.1); /* Add a subtle border for separation */
      box-shadow: none;                   /* Remove default dropdown shadow inside collapse */
      margin-top: 0.5rem;                 /* Add some top space */
      margin-bottom: 0.5rem;              /* Add some bottom space */
      /* Ensure it takes reasonable width if needed, though usually automatic */
      min-width: calc(100% - 2rem); /* Example: Slightly less than full width */
      margin-left: 1rem; /* Indent slightly */
      margin-right: 1rem;
    }
  
    /* Optional: Adjust padding for dropdown items for better touch targets */
    .navbar-collapse .dropdown-item {
      padding: 0.75rem 1rem; /* Adjust padding as needed */
    }
  
    /* Hide the small arrow indicators inside the collapsed menu */
     .navbar-collapse .dropdown-menu::before,
     .navbar-collapse .dropdown-menu::after {
         display: none;
     }
  
     /* Ensure dropdown header inside mobile has appropriate styling */
     .navbar-collapse .dropdown-header {
         background-color: #f8f9fa; /* Light background for header */
         color: #6c757d; /* Muted text */
         padding: 0.5rem 1rem;
         margin: 0; /* Reset margin */
         border-bottom: 1px solid #dee2e6;
     }
  
     .navbar-collapse .dropdown-divider {
         margin: 0.5rem 0; /* Standard divider margin */
         border-top-color: rgba(0,0,0,.08); /* Slightly darker divider */
     }
  
     /* Style for the logout form button inside mobile dropdown */
      .navbar-collapse .dropdown-menu form button {
          text-align: left; /* Align button text left like other items */
          padding-left: 1rem; /* Align text with dropdown items */
           width: 100%; /* Ensure it takes full width */
      }
       .navbar-collapse .dropdown-menu form {
           padding: 0.25rem 0.5rem; /* Reduce padding around the form itself */
       }
  }
  
  /* Optional: General Avatar styling fix if needed across site */
  .avatar {
      object-fit: cover; /* Ensures avatar images cover their space */
      /* Add a subtle default background or border */
      background-color: #e9ecef; /* Light gray background */
      border: 1px solid #dee2e6;
  }
  .avatar-sm { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; }
  .avatar-md { width: 4rem; height: 4rem; line-height: 4rem; }