/* ==========================================
   LIFESTYLES → COUNTY SUBMENU (Desktop flyout)
   Uses: li.cy-has-flyout > ul.cy-submenu
========================================== */

/* Parent LI positioning */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout {
  position: relative;
}

/* Desktop chevron */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > a {
  position: relative;
  padding-right: 28px;
}

.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > a::after {
  content: "›";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  opacity: 0.7;
  line-height: 1;
}

/* Hide submenu by default */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Show on open */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout.cy-flyout-open > ul.cy-submenu {
  display: block;
}

/* Flyout positioning (desktop) */
@media (min-width: 992px) {
  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    z-index: 9999;
  }
}

/* Submenu links */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu a.cy-submenu__link {
  display: block;
  padding: 17px 20px;
  text-decoration: none;
  color: inherit;
  font: inherit;
  background: transparent;
  font-size: 15px;
}

/* Hover black */

.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu a.cy-submenu__link:hover,
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu a.cy-submenu__link:focus {
  background: #000;
  color: #fff;
  outline: none;
}

/* Keep parent highlighted while flyout open */
.dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout.cy-flyout-open > a {
  background: #000;
  color: #fff;
}

/* ==========================================
   (Optional) If Sierra creates another desktop copy,
   ensure the flyout still behaves correctly.
   Safe because it targets your classes only.
========================================== */
@media (min-width: 992px) {
  li.cy-has-flyout { position: relative; }
  li.cy-has-flyout > ul.cy-submenu {
    display: none !important;
    list-style: none;
    margin: 0;
    padding: 0;

    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    z-index: 9999;
  }
  li.cy-has-flyout.cy-flyout-open > ul.cy-submenu {
    display: block !important;
  }
}

/* ==========================================
   MOBILE for Desktop Flyout Structure (rare)
   Just changes chevron + indent if needed.
========================================== */
@media (max-width: 991px) {
  /* Down arrow for cy-has-flyout items on small screens */
  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > a {
    padding-right: 36px;
  }
  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > a::after {
    content: "▾";
    right: 16px;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout.cy-flyout-open > a::after {
    transform: translateY(-50%) rotate(180deg);
    opacity: 0.9;
  }

  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu {
    position: static;
    width: 100%;
    background: transparent;
  }

  .dynamic-menu-item.li_drop .dropdown_menu ul.dropdown > li.cy-has-flyout > ul.cy-submenu a.cy-submenu__link {
    padding: 12px 20px 12px 36px;
  }
}

/* ==========================================
   BOOTSTRAP COLLAPSE MENUS
   Used by: Mobile menu + Desktop "More" overlay
   Classes inserted by JS:
     li.cy-m-has-sub
     ul.cy-m-submenu
     span.cy-m-caret
     .cy-m-open
========================================== */

/* Default hidden (works everywhere, including desktop overlay) */
ul.collapse li.cy-m-has-sub > ul.cy-m-submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Open state */
ul.collapse li.cy-m-has-sub.cy-m-open > ul.cy-m-submenu {
  display: block;
}

/* Prevent extra bottom spacing if Sierra adds padding */
ul.collapse li.cy-m-has-sub.cy-m-open > ul.cy-m-submenu li {
  padding-bottom: 0 !important;
}

/* Parent caret positioning */
ul.collapse li.cy-m-has-sub > a {
  position: relative;
  padding-right: 36px;
}

/* Caret */
ul.collapse li.cy-m-has-sub > a .cy-m-caret {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
  font-size: 16px;
  line-height: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Rotate caret when open */
ul.collapse li.cy-m-has-sub.cy-m-open > a .cy-m-caret {
  transform: translateY(-50%) rotate(180deg);
  opacity: 0.9;
}

/* Nested submenu link styling (slim) */
ul.collapse li.cy-m-has-sub > ul.cy-m-submenu a {
  display: block;
  padding: 8px 20px 8px 32px;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

/* Hover black */
ul.collapse li.cy-m-has-sub > ul.cy-m-submenu a:hover,
ul.collapse li.cy-m-has-sub > ul.cy-m-submenu a:focus {
  background: #000;
 color:#d67528;
}
.more-menu-overlay .col-main .links .collapse>li a, .more-menu-overlay .col-main .links .collapse>li.title, .more-menu-overlay .col-main .links .collapsing>li a, .more-menu-overlay .col-main .links .collapsing>li.title, .cy-submenu__item {
    font-size: 16px!important;
   
}
#dynamic-menu > li > div > ul > li:hover > a,
#dynamic-menu > li > div > ul > li > a:focus,
#dynamic-menu > li > div > ul > li > ul > li > a:hover {
  color: #d67528;
}