/* ===========================================================================
   GOGO — desktop nav dropdowns (Who We Are, Regions)

   Webflow leaves these two panels transparent:

     .dropdown-list-5.regions        { background-color:#0000 }
     .dropdown-list-5.about-us.w--open { background-color:#0000 }

   while every other dropdown in the bar (Media & Events, Giving, Impact) is
   painted solid black. With no panel behind them the links drop straight onto
   the page — on the city pages they land in the middle of the hero headline,
   so "New York City" reads through the giant CHICAGO.

   This file puts the two odd ones back on the same black panel the rest of the
   site uses, and keeps the current page's link white instead of Webflow's
   default link blue. Nav-only; everything here is scoped to the bar
   (.div-block-75) and the desktop row is display:none below 992px anyway.
   =========================================================================== */

.div-block-75 .dropdown-list-5.about-us.w--open,
.div-block-75 .dropdown-list-5.regions.w--open {
  left: -18px;                                /* panel pads out, link text stays
                                                 aligned under the toggle label */
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, .14);  /* the drawer's hairline, so the
                                                  panel still reads as a panel
                                                  on the black pages */
  padding: 6px 18px 10px;
  box-shadow: 0 18px 28px rgba(0, 0, 0, .35);
}

/* The links keep Webflow's default 20px right padding. Inside a padded panel
   that reads as a lopsided gutter, so let the panel do the spacing.

   White is also stated here rather than left to the Webflow classes: shop.css
   wraps that page in .gs and sets `.gs a { color: inherit }`, which outranks
   them and turned the region links black — invisible once they sit on a black
   panel. */
.div-block-75 .dropdown-list-5.about-us.w--open > a,
.div-block-75 .dropdown-list-5.regions.w--open > a {
  color: #fff;
  padding-right: 0;
}

/* .w-dropdown-link.w--current paints the current page's link in Webflow's link
   blue, and it outranks the white these links inherit. Miami, LA and New York
   City have rules of their own that hold the white; Chicago, About Us and Our
   Mission do not, so each went blue on its own page. White for all of them,
   the color the authored rules already use. */
.div-block-75 .dropdown-list-5.about-us .w-dropdown-link.w--current,
.div-block-75 .dropdown-list-5.regions .w-dropdown-link.w--current {
  color: #fff;
}