/* Generated by tools/build_frontend_css.py. Do not edit directly. */
/* Ownership output: palette-system */

/* Source 1: assets/src/palette/imported-palette-explicit-sections-faq.css | media: all */
/* Velocity Hub 1.5.143 — WO110 responsive hero, proof-line, service check, and FAQ color repair. */





/* Safe document canvas: footer/navigation remain explicitly dark in their own components. */


html,
html body,
html body.home,
html body.customize-preview,
html.customize-preview body{


  background-color: var(--vh-page-canvas, #f8fafc);


  color: var(--vh-page-text, var(--vh-body-text, #0f172a));


}





html body #page,
html body .site,
html body .site-main,
html body main.site-main{


  background-color: var(--vh-page-canvas, #f8fafc);


}





/* Imported link/accent contract replaces legacy green utility text.
 * The Blog index owns its links, badge text and linked media independently.
 * Excluding that component here keeps this fallback out of its color cascade;
 * :where() narrows the scope without raising the remaining selector's priority.
 */


body:not(.home) main.site-main a:where(:not(.vh-blog-index a)):not(.vh-c-button):not(.vh-c-navbar__link):not(.custom-logo-link):not(.vh-term-tile):not(.portfolio-item),
body:not(.home) main.site-main .vh-text-secondary,
body:not(.home) .vh-event-card__link,
body:not(.home) .vh-faq-card a,
body:not(.home) .vh-related-faq-section .vh-c-accordion__body a{


  color: var(--vh-link, #9fa90b);


}





body:not(.home) main.site-main a:where(:not(.vh-blog-index a)):not(.vh-c-button):not(.vh-c-navbar__link):not(.custom-logo-link):not(.vh-term-tile):not(.portfolio-item):hover,
body:not(.home) main.site-main a:where(:not(.vh-blog-index a)):not(.vh-c-button):not(.vh-c-navbar__link):not(.custom-logo-link):not(.vh-term-tile):not(.portfolio-item):focus-visible,
body:not(.home) .vh-event-card__link:hover,
body:not(.home) .vh-event-card__link:focus-visible{


  color: var(--vh-link-hover, #155d74);


}





body:not(.home) main.site-main .content-section-heading .vh-text-secondary,
body:not(.home) main.site-main .vh-event-card__badge,
body:not(.home) main.site-main .vh-side-card__eyebrow,
body:not(.home) main.site-main .vh-side-chip i{


  color: var(--vh-accent-text, var(--vh-link, #9fa90b));


}





body:not(.home) main.site-main .vh-event-card__badge,
body:not(.home) main.site-main .vh-side-card__eyebrow{


  background-color: rgba(var(--vh-primary-rgb, 159, 169, 11), 0.10);


}





/* Shared light surfaces. Section-specific saved backgrounds keep precedence via their inline rules. */


.vh-related-services-section,
.vh-related-portfolio-section,
.vh-related-events-section,
.vh-related-posts-section,
.vh-related-faq-section,
body.page-template-page-faq #results-faq,
body.post-type-archive-vh_faq #results-faq,
body.tax-vh_faq_category #results-faq,
body.tax-vh_faq_tag #results-faq{


  background-color: var(--vh-section-surface, #f8fafc);


  color: var(--vh-section-text, var(--vh-body-text, #0f172a));


}





.vh-related-events-grid .vh-event-card,
.vh-related-faq-section .vh-c-accordion__item,
.vh-faq-card,
.single-vh_portfolio .vh-side-card,
.single-vh_service .vh-side-card{


  background-color: var(--vh-card-surface, #ffffff);


  border-color: var(--vh-border-color, #dbe3ec);


  color: var(--vh-card-text, var(--vh-body-text, #0f172a));


}





.vh-event-card__title,
.vh-related-faq-section .vh-c-accordion__button,
.vh-faq-card__title,
.single-vh_portfolio .vh-side-card,
.single-vh_service .vh-side-card{


  color: var(--vh-card-text, var(--vh-body-text, #0f172a));


}





.vh-event-card__body p,
.vh-event-card__meta,
.vh-faq-card__excerpt,
.single-vh_portfolio .vh-snapshot-value,
.single-vh_service .vh-side-note{


  color: var(--vh-card-muted, var(--vh-muted-text, #475569));


}





/* Sidebar actions now consume the same imported button palette as every other button. */


























/* Single FAQ: own the hero boundary and establish a real answer surface. */


body.single-vh_faq .vh-layout-hero.vh-hero-context-faq{


  position: relative;


  isolation: isolate;


}





body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-media,
body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-picture,
body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-image{


  position: absolute;


  inset: 0;


  width: 100%;


  height: 100%;


  max-width: 100%;


  max-height: 100%;


  overflow: hidden;


  contain: paint;


  clip-path: inset(0);


}





body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-picture,
body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-image{


  display: block;


}





body.single-vh_faq .vh-layout-hero.vh-hero-context-faq .vh-hero-shell-bg-image{


  object-fit: cover;


}





.vh-single-faq-answer-section{


  position: relative;


  z-index: 1;


  margin: 0;


  padding: clamp(2.75rem, 6vw, 5.5rem) 0;


  background-color: var(--vh-section-surface, #f8fafc);


  color: var(--vh-section-text, var(--vh-body-text, #0f172a));


}





.vh-single-faq-answer-container{


  width: min(100% - 2rem, 58rem);


  margin-inline: auto;


  padding-inline: 0;


}





.vh-single-faq-answer-card{


  width: 100%;


  margin: 0;


  padding: clamp(1.5rem, 4vw, 3rem);


  border: 1px solid var(--vh-border-color, #dbe3ec);


  border-radius: clamp(1rem, 2vw, 1.5rem);


  background-color: var(--vh-card-surface, #ffffff);


  color: var(--vh-card-text, var(--vh-body-text, #0f172a));


  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);


}





.vh-single-faq-answer-content{


  color: var(--vh-card-text, var(--vh-body-text, #0f172a));


  font-size: clamp(1rem, 1.2vw, 1.125rem);


  line-height: 1.75;


}





.vh-single-faq-answer-content > :first-child{


  margin-top: 0;


}





.vh-single-faq-answer-content > :last-child{


  margin-bottom: 0;


}





.vh-single-faq-answer-content a{


  color: var(--vh-card-link, var(--vh-link, #9fa90b));


  text-decoration-thickness: 0.09em;


  text-underline-offset: 0.16em;


}





.vh-single-faq-navigation{


  display: grid;


  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);


  gap: 1rem;


  margin-top: clamp(1.5rem, 3vw, 2.25rem);


  padding-top: clamp(1.25rem, 2vw, 1.75rem);


  border-top: 1px solid var(--vh-border-color, #dbe3ec);


}





.vh-single-faq-navigation__next{


  text-align: right;


}





.vh-single-faq-navigation a{


  display: inline-flex;


  min-height: 2.75rem;


  align-items: center;


  border-radius: 0.65rem;


  color: var(--vh-link, #9fa90b);


  font-weight: 800;


  text-decoration: none;


}





.vh-single-faq-navigation a:hover,
.vh-single-faq-navigation a:focus-visible{


  color: var(--vh-link-hover, #155d74);


  text-decoration: underline;


  text-underline-offset: 0.18em;


}





@media (max-width: 599.98px) {


  .vh-single-faq-answer-section{


    padding-block: 2rem;


  }





  .vh-single-faq-answer-container{


    width: min(100% - 1rem, 58rem);


  }





  .vh-single-faq-answer-card{


    padding: 1.25rem;


    border-radius: 0.9rem;


  }





  .vh-single-faq-navigation{


    grid-template-columns: 1fr;


  }





  .vh-single-faq-navigation__next{


    text-align: left;


  }


}











/* WO110: responsive hero variants are mutually exclusive at every viewport.


   This final contract also protects Customizer previews from legacy 768px rules. */


.vh-responsive-hero,
.vh-responsive-hero--desktop,
.vh-responsive-hero--tablet,
.vh-responsive-hero--mobile{


  display: none;


}


@media (min-width: 992px) {


  .vh-responsive-hero.vh-responsive-hero--desktop{ display: block; }


}


@media (min-width: 600px) and (max-width: 991.98px) {


  .vh-responsive-hero.vh-responsive-hero--tablet{ display: block; }


}


@media (max-width: 599.98px) {


  .vh-responsive-hero.vh-responsive-hero--mobile{ display: block; }


}





/* Homepage service checklist icons inherit the active imported accent rather


   than Bootstrap's fixed success green utility. */


body.home .vh-services-band .service-card .vh-service-card__check-icon,
body.home .vh-services-grid .service-card .vh-service-card__check-icon{


  color: var(--vh-accent-text, var(--vh-link, var(--vh-btn-primary-bg, #9fa90b)));


}