@media (min-width: 769px) {
        /*
         * Real live desktop markup:
         * .hm-nav > .hm-event-menu > .hm-event-menu__trigger
         * .hm-nav > .hm-event-menu > .hm-event-menu__panel > a
         */

        html body .hm-nav .hm-event-menu .hm-event-menu__panel {
          background: #070b14 !important;
          background-color: #070b14 !important;
          border: 1px solid rgba(244, 180, 0, 0.35) !important;
          border-radius: 8px !important;
          box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45) !important;
          overflow: hidden !important;
        }

        html body .hm-nav .hm-event-menu .hm-event-menu__panel a {
          color: #fffaf0 !important;
          -webkit-text-fill-color: #fffaf0 !important;
          background: transparent !important;
          background-color: transparent !important;
          opacity: 1 !important;
          text-shadow: none !important;
          border-radius: 6px !important;
        }

        html body .hm-nav .hm-event-menu .hm-event-menu__panel a:hover,
        html body .hm-nav .hm-event-menu .hm-event-menu__panel a:focus {
          color: #070b14 !important;
          -webkit-text-fill-color: #070b14 !important;
          background: #f4b400 !important;
          background-color: #f4b400 !important;
          opacity: 1 !important;
        }

        /*
         * Important:
         * Do NOT force the Event Types trigger color at the top/transparent state.
         * Only force it dark after the page has scrolled, when the header background is white.
         */
        html body.hm-header-has-scrolled .hm-nav .hm-event-menu__trigger {
          color: #070b14 !important;
          -webkit-text-fill-color: #070b14 !important;
          opacity: 1 !important;
        }
      }