@charset "utf-8";
/* ==========================================================
   Water Lilly Pharmacy
   header_style.css
   Header only
   ========================================================== */

.header-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  background-color: #1E3F20; /* Color Black Forest */
}

/* Keep global typography/list rules from affecting the navbar */
.header-top .navbar-nav {
  max-width: none;
  margin-right: 0;
  padding-left: 0;
}

.header-top .navbar-nav > .nav-item {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/* Remove Bootstrap's thick persistent toggler focus ring */
.header-top .navbar-toggler {
  border: 0;
  box-shadow: none;
}

.header-top .navbar-toggler:focus,
.header-top .navbar-toggler:active,
.header-top .navbar-toggler:focus-visible {
  outline: 0;
  box-shadow: none;
}

/* Top-level header nav links only */
/* Does not affect .dropdown-item or .navbar-toggler-icon */
.header-top .navbar-nav > .nav-item > .nav-link,
.header-top .navbar-nav > .nav-item > .nav-link:visited,
.header-top .navbar-nav > .nav-item > .nav-link.active,
.header-top .navbar-nav > .nav-item > .nav-link[aria-current="page"] {
  color: #F0F8FF; /* Color White */
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

.header-top .navbar-nav > .nav-item > .nav-link.active,
.header-top .navbar-nav > .nav-item > .nav-link[aria-current="page"] {
  color: #347FCA; /* Color SteelBlue */
}

.header-top .navbar-nav > .nav-item > .nav-link:hover,
.header-top .navbar-nav > .nav-item > .nav-link:focus {
  color: #347FCA; /* Color SteelBlue */
}

/* Tighten horizontal desktop menu spacing */
@media (min-width: 992px) {
  .header-top .navbar-nav > .nav-item > .nav-link {
    padding-left: 0.3rem;
    padding-right: 1.0rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transform: none;
  }
}

/* Comfortable collapsed mobile menu spacing */
@media (max-width: 991.98px) {
  .header-top .navbar-collapse .navbar-nav {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .header-top .navbar-collapse .navbar-nav > .nav-item > .nav-link {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    line-height: 1.35;
  }
}

/* Logo shrink support for js/logoshrink.js */
.header-top .logoimage {
  width: 220px;
  max-width: 70vw;
  height: auto;
  transition: width 0.25s ease;
}

.header-top .logoimage.logoimage-small,
.header-top .logoimage-small,
.header-top.header-top-small .logoimage {
  width: 150px;
}

@media (max-width: 575.98px) {
  .header-top .logoimage {
    width: 180px;
    max-width: 65vw;
  }

  .header-top .logoimage.logoimage-small,
  .header-top .logoimage-small,
  .header-top.header-top-small .logoimage {
    width: 135px;
  }
}

/* Dropdown styling */
.dropdown-menu,
.dropdown-item {
  background-color: #347FCA; /* Color SteelBlue */
}

.dropdown-item:hover {
  background-color: #62A07E; /* Color Seagrass */
}