/* ============================================
   DESKTOP DROPDOWN MENU
   ============================================ */

.awb-menu__sub-ul {
  min-width: 200px !important;
  z-index: 9999 !important;
  background-color: #ffffff !important;
  border-top: 3px solid #65bc7b !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;
}

.awb-menu__sub-ul li > a {
  display: block !important;
  padding: 11px 20px !important;
  color: #212934 !important;
  background-color: transparent !important;
  border-bottom: 1px solid #f0f0f0 !important;
  font-size: 13px !important;
}

.awb-menu__sub-ul li:last-child > a {
  border-bottom: none !important;
}

.awb-menu__sub-ul li > a:hover {
  padding-left: 26px !important;
  color: #65bc7b !important;
  background-color: #f5fff8 !important;
}


/* ============================================
   MOBILE OFF-CANVAS MENU
   ============================================ */

.awb-off-canvas,
.awb-off-canvas-inner {
  background-color: #1a2332 !important;
}

.off-canvas-close,
.dentist-close {
  padding: 16px 20px !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  font-size: 22px !important;
}

.awb-off-canvas-inner .awb-menu__nav li > a,
.awb-off-canvas-inner ul li > a {
  display: block !important;
  padding: 15px 24px !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 15px !important;
}

.awb-off-canvas-inner .awb-menu__nav li > a:hover {
  color: #65bc7b !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.awb-off-canvas-inner .awb-menu__sub-ul {
  position: static !important;
  z-index: 1 !important;
  background-color: rgba(0, 0, 0, 0.25) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.awb-off-canvas-inner .awb-menu__sub-ul li > a {
  padding: 12px 24px 12px 36px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-size: 14px !important;
}


/* ============================================
   DESKTOP MENU: 1101px–1200px
   ============================================ */

@media screen and (min-width: 1101px) and (max-width: 1200px) {
  .awb-menu__main-a {
    padding: 0 5px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  .awb-menu__nav > li:nth-child(5) a {
    font-size: 11px !important;
  }
}


/* ============================================
   TABLET AND MOBILE HAMBURGER MENU
   ============================================ */

@media screen and (max-width: 1100px) {
  .awb-menu--main-ul {
    display: none !important;
  }

  .awb-menu--hamburger,
  .awb-menu__hamburger-wrap {
    display: flex !important;
  }
}


/* ============================================
   SERVICE LIST LINKS
   ============================================ */

.idj-service-links a {
  color: #4a5563 !important;
  text-decoration: underline !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.idj-service-links a:hover,
.idj-service-links a:focus {
  color: #b08d57 !important;
  text-decoration-color: #b08d57 !important;
}

/* Mobile and tablet */
@media screen and (max-width: 1024px) {
  .idj-service-links a {
    text-decoration-color: rgba(176, 141, 87, 0.65) !important;
  }

  .idj-service-links a:active {
    color: #b08d57 !important;
  }
}