/* WinWinWords: "Services" dropdown in the main nav .
   Built on the live theme: nav links are Montserrat 700, 14px, uppercase, black, hover #4386fc.
   Desktop (>= 992px): opens on hover or keyboard focus; "Services" itself stays a normal link to /services/.
   Mobile (< 992px): the two entries are always listed, indented under "Services" inside the collapsed menu. */

#mainNav .nav-services .nav-caret { font-size: 9px; margin-left: 6px; position: relative; top: -2px; opacity: .65; transition: transform .2s ease; }

#mainNav .nav-services .dropdown-menu {
  border: 0; border-top: 3px solid #4386fc; border-radius: 0 0 4px 4px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  padding: .4rem 0; margin: 0; min-width: 15rem;
}
#mainNav .nav-services .dropdown-item {
  font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase;
  letter-spacing: .3px; color: #000; padding: .7rem 1.4rem;
}
#mainNav .nav-services .dropdown-item i { color: #4386fc; width: 18px; margin-right: 10px; text-align: center; font-size: 13px; }
#mainNav .nav-services .dropdown-item:hover,
#mainNav .nav-services .dropdown-item:focus { color: #4386fc; background-color: #f4f7fd; }
#mainNav .nav-services .dropdown-item.current { color: #4386fc; }
#mainNav .nav-services .dropdown-item + .dropdown-item { border-top: 1px solid #eef0f3; }

@media (min-width: 992px) {
  #mainNav .nav-services .dropdown-menu { top: calc(100% + 14px); left: 1.25rem; }
  /* invisible bridge so the menu doesn't close while the pointer moves down to it */
  #mainNav .nav-services .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -17px; height: 17px; }
  #mainNav .nav-services:hover .dropdown-menu,
  #mainNav .nav-services:focus-within .dropdown-menu{ display: block; }
  #mainNav .nav-services:hover .nav-caret{ transform: rotate(180deg); }
}

@media (max-width: 991.98px) {
  #mainNav .nav-services .dropdown-menu {
    display: block; position: static; box-shadow: none; border-top: 0; border-left: 2px solid #4386fc;
    border-radius: 0; margin: 0 0 .5rem .25rem; padding: 0; min-width: 0; background: transparent;
  }
  #mainNav .nav-services .dropdown-item { padding: .55rem 1rem; font-size: 12px; }
  #mainNav .nav-services .dropdown-item + .dropdown-item { border-top: 0; }
  #mainNav .nav-services .nav-caret { display: none; }
}