///////////////////////////////////
// THEME / COMPONENTS / NAV: GLOBAL
///////////////////////////////////


// Temporarily hide global nav

// @include mq(md, max, width) {
//
//   .unl .dcf-nav-global {
//     display: none; // TODO: remove and determine placement for viewport widths under 'md' breakpoint
//   }
//
// }
//
//
// @include mq(md, min, width) {
//
//   .unl .dcf-nav-global {
//     display: flex;
//   }
//
//   // Add arrow above options popover and horizontally center under button text
//   .dcf-nav-global-btn[aria-pressed="true"]::after {
//     border-left: #{ms(-4)}em solid transparent;
//     border-right: #{ms(-4)}em solid transparent;
//     border-bottom: #{ms(-4)}em solid rgba(0,0,0,.96);
//     bottom: -1px;
//     content: '';
//     display: block;
//     @include h-2;
//     left: 50%;
//     position: absolute;
//     transform: translateX(-50%);
//     @include w-2;
//
//     // If browser supports backdrop-filter, change arrow color to match options background
//     @supports (backdrop-filter: blur(6px)) {
//       border-bottom: #{ms(-4)}em solid rgba(0,0,0,.8);
//     }
//
//   }
//
//
//   .unl .dcf-nav-global-options {
//     box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 10px rgba(0,0,0,.25);
//     left: calc(#{ms(0)}em - #{ms(4)}em);
//     min-width: #{ms(20)}em;
//     top: 100%;
//     z-index: 999; // Ensure that the popover has a higher z-index than the local navigation
//   }
//
//
//   .unl .dcf-nav-global-options li:last-child {
//     margin-bottom: 0;
//   }
//
//
//   .unl .dcf-nav-global-options a,
//   .unl .dcf-nav-global-options a:visited {
//     @include cream;
//     @include txt-decor-none;
//   }
//
//
//   .unl .dcf-nav-global-options a:hover {
//     @include txt-decor-hover-on;
//   }
//
// }