/*
 * Nav CTA — Nash Button hover; rest/hover colors from Theme Options (see nash_nav_cta_cornerstone_inline_css).
 * White Background toggle: outline at rest; otherwise filled at rest. Loads after X masthead inline (10003).
 */

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
  color: var(--nash-nav-cta-rest-text) !important;
  background-color: var(--nash-nav-cta-rest-bg) !important;
  background-image: none !important;
  border: 2px solid var(--nash-nav-cta-rest-border) !important;
  border-radius: var(--nash-nav-cta-radius, 12px) !important;
  box-shadow: var(--nash-nav-cta-shadow, none) !important;
  box-sizing: border-box !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 14px var(--nash-nav-cta-padding-inline, 30px) !important;
  filter: none !important;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a > span,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a > span,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a > span,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a > span {
  color: inherit !important;
  font-weight: inherit !important;
}

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:hover,
.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:focus-visible,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:hover,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:focus-visible,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:hover,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:focus-visible,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:hover,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:focus-visible {
  background-color: var(--nash-nav-cta-hover-bg) !important;
  background-image: none !important;
  color: var(--nash-nav-cta-hover-text) !important;
  border: 2px solid var(--nash-nav-cta-hover-border) !important;
  box-shadow: var(--nash-nav-cta-shadow, none) !important;
  filter: none !important;
}

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:hover > span,
.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:focus-visible > span,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:hover > span,
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:focus-visible > span,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:hover > span,
.x-navbar .desktop .x-nav > li.x-primary-nav-cta > a:focus-visible > span,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:hover > span,
.x-navbar .desktop .x-nav > li.x-nav-cta-theme > a:focus-visible > span {
  color: inherit !important;
}

.masthead-inline .x-navbar .desktop .x-nav > li.x-primary-nav-cta.current-menu-item > a:not(:hover):not(:focus-visible),
.masthead-inline .x-navbar .desktop .x-nav > li.x-nav-cta-theme.current-menu-item > a:not(:hover):not(:focus-visible),
.x-navbar .desktop .x-nav > li.x-primary-nav-cta.current-menu-item > a:not(:hover):not(:focus-visible),
.x-navbar .desktop .x-nav > li.x-nav-cta-theme.current-menu-item > a:not(:hover):not(:focus-visible) {
  background-color: var(--nash-nav-cta-rest-bg) !important;
  color: var(--nash-nav-cta-rest-text) !important;
  border: 2px solid var(--nash-nav-cta-rest-border) !important;
}
