/*
 * The Company mega-menu panels: three team cards, two quote cards, a pill.
 *
 * Selectors lead with body and repeat .ana-co-panel to reach (2,6,5). MMM's own
 * panel grid and the child theme both sit at (2,5,5) with !important and win
 * otherwise - the failure is partial, some properties applying and others not.
 * NEVER add width here (the panel is absolute with left+right set) and NEVER add
 * bottom or height:100% (MMM sizes the rail from the tallest panel, so that is a
 * loop that grows on every mouse move). Height comes from an inline constant
 * min-height emitted by the module.
 */

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-co-panel.ana-co-panel {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  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-co-panel.ana-co-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-co-panel.ana-co-panel > li.ana-co-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-co-panel.ana-co-panel .ana-tcard,
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-co-panel.ana-co-panel .ana-qcard {
  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;
}

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-co-panel.ana-co-panel .ana-tcard { 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-co-panel.ana-co-panel .ana-tcard: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-co-panel.ana-co-panel .ana-tcard::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-co-panel.ana-co-panel .ana-tcard::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-co-panel.ana-co-panel .ana-tcard__img {
  display: block;
  width: 100%;
  height: 210px;
  background-color: #ece8e1;
  background-position: center top;
  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-co-panel.ana-co-panel .ana-tcard__body { display: block; padding: 14px 16px 16px; }

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-co-panel.ana-co-panel .ana-tcard__name {
  display: block;
  font-family: Fraunces, Georgia, serif;
  font-size: 16px;
  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-co-panel.ana-co-panel .ana-tcard__role {
  display: block;
  margin-top: 5px;
  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-co-panel.ana-co-panel .ana-qcard { padding: 22px 24px 20px !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-co-panel.ana-co-panel .ana-qcard__init {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: #d2c196;
  color: #ffffff;
  font-family: Fraunces, Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
}

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-co-panel.ana-co-panel .ana-qcard__text {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1 1 auto;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.65;
  color: #646464;
}

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-co-panel.ana-co-panel .ana-qcard__name {
  display: block;
  margin-top: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ae8c63;
}

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-co-panel.ana-co-panel > li.ana-co-more {
  margin-top: auto !important;
  padding-top: 20px !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-co-panel.ana-co-panel > li.ana-co-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-co-panel.ana-co-panel > li.ana-co-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-co-panel.ana-co-panel > li.ana-co-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-co-panel.ana-co-panel > li.ana-co-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-co-panel.ana-co-panel .ana-tcard__img { height: 150px; }
}


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-co-panel.ana-co-panel .ana-qcard__stars {
  display: block;
  margin: -2px 0 12px;
  color: #D2C196;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1;
}