/* change menu button color | KS-20648042-hc */
#top nav > ul > .button_solid_color > a:before {
    background: yellow !important;
}
#header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a {
    color: #000 !important;
}
/*Change link color on covid-19 support page HC-20674580 */

body.page-id-6140 .vc_column-inner a{
    color:#444444;
}
/* Prevent word breaks globally */
* {
    word-break: keep-all;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
/* Resolves issue with mobile container */

@media only screen and (min-width :1px) and (max-width :999px) {
.container{max-width: var(--mobile-container-width) !important;}
}/* Protect images only */
img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

/* ============================================
   Methodology page (12517) fine-tunes | LP 2026-06-01
   - Uniform 4:5 card images via .vc_col-sm-3 (only the cards row uses sm-3)
   - Soft purple outline on white diagrams so radius reads
   - Innovation Lab portrait via object-position
   - Pin Explore buttons to bottom of cards (flex)
   - Tighter dark-purple H2 highlight band
   ============================================ */

/* Cards row: uniform 4:5 portrait crop on all four card images */
body.page-id-12517 .vc_col-sm-3 img.img-with-animation {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 20px !important;
}

/* Innovation Lab portrait crop: shift focus up so we see people, not floor */
body.page-id-12517 .vc_col-sm-3 img[src*="EventPhotography"] {
  object-position: center 30% !important;
}

/* White diagrams: soft purple outline so 20px radius is visible */
body.page-id-12517 .vc_col-sm-3 img[src*="OPEN-Method"],
body.page-id-12517 .vc_col-sm-3 img[src*="DISTIL-Method"],
body.page-id-12517 .vc_col-sm-3 img[src*="AFAR-Framework"],
body.page-id-12517 .vc_col-sm-3 img[src*="AFAR-Method"] {
  box-shadow: 0 0 0 1px rgba(91, 33, 182, 0.18), 0 2px 8px rgba(91, 33, 182, 0.06) !important;
}

/* Same outline on the larger OPEN diagram further up */
body.page-id-12517 .img-with-animation[src*="OPEN-Method"]:not(.vc_col-sm-3 *) {
  box-shadow: 0 0 0 1px rgba(91, 33, 182, 0.18), 0 4px 16px rgba(91, 33, 182, 0.08) !important;
}

/* Pin Explore button to the bottom of each card (uniform line) */
body.page-id-12517 .vc_col-sm-3 > .vc_column-inner {
  display: flex !important;
  flex-direction: column !important;
}
body.page-id-12517 .vc_col-sm-3 > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
/* Make the wpb_text_column a flex container too, so the button inside can margin-top:auto */
body.page-id-12517 .vc_col-sm-3 .wpb_text_column {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
body.page-id-12517 .vc_col-sm-3 .wpb_text_column > a.nectar-button,
body.page-id-12517 .vc_col-sm-3 a.nectar-button {
  margin-top: auto !important;
}

/* Dark purple highlight band on the methods H2 — tighter padding */
body.page-id-12517 .nectar-highlighted-text[data-style="full_text"] {
  background-color: #c4a8e8 !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  color: #1a0033 !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  line-height: 1.15 !important;
}
body.page-id-12517 .nectar-highlighted-text[data-style="full_text"] h2 {
  color: #1a0033 !important;
}


/* Drop the methods H2 font size so the band fits on one line (was font_size_4vw) */
body.page-id-12517 .nectar-highlighted-text[data-style="full_text"].font_size_4vw {
  font-size: 2.4vw !important;
}
body.page-id-12517 .nectar-highlighted-text[data-style="full_text"].font_size_4vw h2 {
  font-size: 2.4vw !important;
  line-height: 1.2 !important;
}
@media (max-width: 999px) {
  body.page-id-12517 .nectar-highlighted-text[data-style="full_text"].font_size_4vw,
  body.page-id-12517 .nectar-highlighted-text[data-style="full_text"].font_size_4vw h2 {
    font-size: 28px !important;
  }
}