@charset "UTF-8";
/*!
 * Brand: Remsco
 * Loaded when Theme Settings → Child Theme = remsco
 */
:root {
  --color-brand-primary: #FBAB18; /* yellow */
  --color-brand-primary-light: #FFC857; /* lighter yellow (hover) */
}

/* ==========================================================================
   FAQs — yellow headers, lighter yellow hover, centered titles
   ========================================================================== */
.faqs-component .faqs-title {
  text-align: center;
}
.faqs-component .faqs-list .faq-item .faq-summary {
  background-color: var(--color-brand-primary, var(--color-yellow));
  color: var(--color-black);
}
.faqs-component .faqs-list .faq-item .faq-summary:hover, .faqs-component .faqs-list .faq-item .faq-summary:focus, .faqs-component .faqs-list .faq-item .faq-summary:focus-visible {
  background-color: var(--color-brand-primary-light, #FFC857);
  color: var(--color-black);
  border-color: transparent;
  box-shadow: none;
}
.faqs-component.bg-dark-gray .faq-item .faq-summary {
  background-color: var(--color-brand-primary, var(--color-yellow));
  color: var(--color-black) !important;
}
.faqs-component.bg-dark-gray .faq-item .faq-summary:hover, .faqs-component.bg-dark-gray .faq-item .faq-summary:focus, .faqs-component.bg-dark-gray .faq-item .faq-summary:focus-visible {
  background-color: var(--color-brand-primary-light, #FFC857);
  color: var(--color-black) !important;
  border-color: transparent;
  box-shadow: none;
}

/* Projects accordion — match FAQ yellow headers */
.projects-component .projects-list .project-category-item .project-category-summary {
  background-color: var(--color-brand-primary, var(--color-yellow));
  color: var(--color-black);
}
.projects-component .projects-list .project-category-item .project-category-summary:hover, .projects-component .projects-list .project-category-item .project-category-summary:focus, .projects-component .projects-list .project-category-item .project-category-summary:focus-visible {
  background-color: var(--color-brand-primary-light, #FFC857);
  color: var(--color-black);
}
.projects-component .project-text .project-row-title a:hover {
  color: var(--color-brand-primary, var(--color-yellow));
}

/* Project gallery arrows — yellow, flush to photo edges */
.single-project-page .project-slideshow .project-slideshow-nav {
  background-color: var(--color-brand-primary, var(--color-yellow));
}
.single-project-page .project-slideshow .project-slideshow-nav:hover, .single-project-page .project-slideshow .project-slideshow-nav:focus-visible {
  background-color: var(--color-brand-primary-light, #FFC857);
}

/*# sourceMappingURL=remsco.css.map */