/* Shared first-paint navigation geometry; also inlined by the CNM theme. */
.ddng { clear: both; font-family: 'Source Sans 3', Arial, sans-serif; }
.ddng *, .ddng *::before, .ddng *::after { box-sizing: border-box; }
.ddng-nav { display: none; }
.ddng-panel[hidden] { display: none !important; }
@media (min-width: 992px) {
  .ddng-nav { display: block; width: 100%; background: #232e3f; color: #fff; }
  .dark-mode .ddng-nav { margin-top: 4px; }
  .ddng-top { display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 37px; width: 100%; max-width: 1620px; list-style: none; margin: 0 auto; padding: 0; }
  /* Match the legacy Bootstrap nav’s two empty flex items and outer spacing. */
  .ddng-top::before, .ddng-top::after { content: ""; display: block; }
  .ddng-item { list-style: none; margin: 0; padding: 0; }
  .ddng-trigger { display: flex; align-items: stretch; min-height: 37px; font-size: 13px; font-weight: 500; line-height: 23px; white-space: nowrap; }
  .ddng-trigger > a { display: block; padding: 7px 5px; color: #fff; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: none; }
  .ddng-trigger-with-panel > a { padding-right: 0; }
  .ddng-toggle { appearance: none; border: 0; border-radius: 0; background: transparent; color: #fff; padding: 7px 5px 7px 0; min-width: 0; font: inherit; cursor: pointer; }
  /* Preserve the extra word space before the legacy color menu caret. */
  .ddng-item[data-ddng-item="colors"] .ddng-toggle { margin-left: .2em; }
  .ddng-toggle .fa-caret-down { width: 1em; height: 1em; padding-left: 4px; }
  .ddng-mobile { display: none; }
}

@media (min-width: 1150px) {
  .ddng-trigger { font-size: 15px; }
}