/* 1. General Navbar Settings */
body { padding-top: 49px; }

.my-nav {
  display: flex;
  align-items: center;
  background-color: #607d8b;
  padding-left: 2rem;
  overflow: visible !important; 
}

.my-logo {
  text-decoration: none;
  font-size: 1.5rem;
  margin-right: auto;
}

.my-nav-link {
  text-decoration: none;
  font-size: 1.0rem;
}

/* 2. Dropdown Item Styling */
body .w3-dropdown-content .w3-bar-item {
  padding: 6px 16px !important;
  font-size: .9rem !important;
}

/* 3. The Dropdown Container */
body .w3-right.w3-dropdown-hover {
  position: relative;
  float: none !important; /* Prevents flex/float conflicts */
}

/* 4. The Dropdown Panel - ONLY for Desktop */
@media (min-width: 993px) {
  body .w3-right.w3-dropdown-hover .w3-dropdown-content {
    position: absolute;
    right: 0 !important;
    left: auto !important;
    top: 60px !important; 
    min-width: 200px;
    background-color: #4a6e85 !important;
    z-index: 999;
    overflow: visible !important;
    border-top: 20px solid transparent; 
    margin-top: -20px; 
  }
}
.mylabel {
            font-size: .9rem;
        }
  ul.actions li {
        display: inline-block;
        padding: 0 1em 0 0;
        vertical-align: middle;
      }

 /* Content wrapper links */
#page-content a:link,
#page-content a:visited {
  color: #0b63ce;       /* a slightly nicer “link blue” */
  text-decoration: none;
}

#page-content a:hover,
#page-content a:focus {
  text-decoration: underline;
}