/* The States Publishing House — brand overrides (loaded last).
   Theme colors are the original design; this file only holds rebrand tweaks. */

/* Sticky social buttons recoloured to their real platforms.
   Buttons keep their original classes; only the colours + icon sizing change. */
.fixed-instagrem,
.fixed-instagrem span {
  background-color: #E1306C; /* Instagram */
}
.fixed-facebook,
.fixed-facebook span {
  background-color: #0A66C2; /* LinkedIn */
}
.fixed-gplus,
.fixed-gplus span {
  background-color: #000000; /* X */
}
#fixed-social a i.fab {
  font-size: 18px;
  line-height: 40px;
}

/* ======================================================================
   HOMEPAGE THEME — navy primary (#062963) + red secondary (#B8000A)
   Applied section by section. These selectors are homepage-only.
   ====================================================================== */

/* --- Hero (.main-banner) ---
   Background image recolored to navy; heading/paragraph -> light;
   buttons -> red primary + white outline so they pop on navy. */
.main-banner h1,
.main-banner h1 span {
  color: #ffffff !important;
  text-shadow: none !important;
}
.main-banner p {
  color: #e8ecf4 !important;
}
.banner-btns .blc-btn {
  background-color: #B8000A !important; /* primary CTA -> red */
  color: #ffffff !important;
  border: 1px solid #B8000A !important;
}
.banner-btns .blc-btn:hover {
  background-color: #ffffff !important;
  color: #B8000A !important;
  border-color: #ffffff !important;
}
.banner-btns .bdr-btn {
  background-color: transparent !important; /* secondary -> white outline */
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.banner-btns .bdr-btn:hover {
  background-color: #ffffff !important;
  color: #062963 !important;
}

/* --- Emphasis + button hover (whole theme) --- */
.pri-color,
.pri-color * {
  color: #B8000A !important; /* emphasised words -> red */
}
.theme-btn:hover,
.thm-btn:hover,
.btn-style-two:hover,
.blk-btn:hover {
  background-color: #B8000A !important;
  border-color: #B8000A !important;
}

/* --- Near-black section titles (e.g. "WHY SHOULD YOU CHOOSE...") -> RED --- */
.services-section .sec-title h2,
.services-section .sec-title h2 *,
.chose-sec .sec-title h2,
.chose-sec .sec-title h2 a {
  color: #B8000A !important;
}

/* --- "Need more information" card: black background, white content, red border --- */
.ctm-cta-box .inner-box {
  background-color: #000000 !important;
  border-color: #B8000A !important;
}
.ctm-cta-box .inner-box h6,
.ctm-cta-box .inner-box h6 a,
.ctm-cta-box .inner-box > a {
  color: #ffffff !important;
}

/* --- Service card hover: title stays white --- */
.service-block .inner-box:hover h6,
.service-block .inner-box:hover h6 a {
  color: #ffffff !important;
}

/* --- "Request a Quote" button hover: red fill, white text --- */
.call-to-section .get-quote:hover,
.call-to-section .get-quote:hover .btn-curve {
  background-color: #B8000A !important;
}
.call-to-section .get-quote:hover,
.call-to-section .get-quote:hover .btn-title {
  color: #ffffff !important;
}

/* --- Navy fills/bands: text must be WHITE (red won't show on navy) --- */
.call-to-section h2,
.call-to-section h2 * {
  color: #ffffff !important;
}
.ctm-co-no {              /* stats numbers were #000 on the navy strip */
  color: #ffffff !important;
}

/* --- Solid dark-filled buttons whose label stayed dark -> white labels.
   (Do NOT touch .theme-btn/.btn-style-two labels: they have a white hover-fill
   and rely on dark text.) --- */
.yle-btn,
.blk-btn {
  color: #ffffff !important;
}

/* --- FAQ: open accordion header has a navy background -> white text + icon --- */
.faq_sec_main .accordion-item .accordion-button:not(.collapsed),
.faq_sec_main .accordion-item .accordion-button:not(.collapsed) * {
  color: #ffffff !important;
}
.faq_sec_main .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

/* --- Core-values check markers (light bg) -> navy --- */
.share-list li:before {
  color: #062963 !important;
}

/* ======================================================================
   SERVICE PAGES
   ====================================================================== */

/* --- "WHY CHOOSE US?" .keepbox feature boxes ---
   Navy box by default -> white text + white icons; on hover the box turns
   white, so flip text back to dark and restore the original icon. */
.keepbox .keeptext span,
.keepbox .keeptext p {
  color: #ffffff !important;
}
.keepbox:hover .keeptext span,
.keepbox:hover .keeptext p {
  color: #1c1e22 !important;
}
.keepbox .keepicon img {
  filter: brightness(0) invert(1);
}
.keepbox:hover .keepicon img {
  filter: none;
}

/* --- "OUR ... PROCESS" timeline: the active step pill is navy with dark text --- */
.nav-main-box .nav-tabs .active,
.nav-main-box .nav-tabs .active * {
  color: #ffffff !important;
}

/* Footer logo on the dark footer: show the full-color logo on a small white
   panel so the reversed "States / Publishing" text stays legible. */
#fLogo {
  background: #ffffff;
  padding: 10px 14px;
  border-radius: 8px;
  max-width: 230px;
}

/* Drop the secondary footer logo (tp-white-logo). */
.main-footer .tp-logo {
  display: none !important;
}

/* Drop the James email row (last item in the footer contact list). */
.main-footer .info-widget ul.contact-info li:last-child {
  display: none !important;
}

/* Footer contact icons + "Read more" link: navy reads as muddy blue on the
   dark footer, so use the brand red for clarity. */
.main-footer .info-widget ul li .icon {
  color: #B8000A !important;
}
.main-footer #readMoreLink {
  color: #B8000A !important;
}
.main-footer #readMoreLink:hover {
  color: #ffffff !important;
}

/* "OUR PORTFOLIO" eyebrow heading -> brand red (was navy). */
.our-portfolio-sec h6 {
  color: #B8000A !important;
}