/*
 * Insights mega-menu panels: two article cards and a View more pill.
 *
 * Every selector leads with body and repeats .ana-ins-panel to reach (2,6,5).
 * Do NOT shorten them. Two sources sit at (2,5,5) with !important and win
 * otherwise, applying some properties and silently dropping others:
 *   - MMM lays the panel out as its own column grid
 *     (display:grid; grid-template-columns:506px 150px 150px; padding:10px 15px),
 *     which pushed the cards into a 506px column of an 876px panel and dropped
 *     the pill into the next column with a third column left empty.
 *   - the child theme (style.css?ver=5.6) carries body-prefixed mega-menu rules.
 */

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  /* NO width here: the panel is absolute with left+right already set, so a
     width declaration overrides that sizing and overshoots the dropdown. */
  padding: 24px 26px 22px !important;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-cards {
  display: flex !important;
  gap: 20px !important;
  align-items: stretch !important;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid rgba(110, 102, 89, 0.16);
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard:hover { border-color: #ae8c63; transform: translateY(-2px); }
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard::before,
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard::after { content: none !important; }

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard__img {
  display: block;
  width: 100%;
  height: 200px;
  background-color: #ece8e1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard__body { display: block; padding: 15px 17px 17px; }

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Fraunces, Georgia, serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  color: #252a2c;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard__meta {
  display: block;
  margin-top: 9px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9a9285;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-more {
  margin-top: auto !important;
  padding-top: 18px !important;
  text-align: right !important;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-more > a.mega-menu-link {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 28px !important;
  background: #6e6659 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  transition: background 0.2s ease;
}

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-more > a.mega-menu-link:hover { background: #ae8c63 !important; }
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-more > a.mega-menu-link::before { content: none !important; }

@media (max-width: 900px) {
  body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel > li.ana-ins-cards { flex-direction: column !important; }
  body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu.ana-ins-panel.ana-ins-panel .ana-icard__img { height: 130px; }
}