/* HOME (569) – Who We Are / Our Mission (H1) */
body.page-id-569 .siteorigin-widget-tinymce.textwidget h1 {
  font-family: 'Maiden Orange', sans-serif !important;
  letter-spacing: 1.75px;
}

/* HOME (569) – Experience line ONLY (top text widget) */
body.page-id-569 #pg-569-0 .siteorigin-widget-tinymce.textwidget h3 {
  font-family: 'Cookie', cursive !important;
  color: #dabc74 !important;
  font-size: 30px !important;
  letter-spacing: 3px !important;
  font-weight: 600 !important;
  text-shadow:
    1px 1px 0 rgba(0,0,0,.85),
    2px 2px 2px rgba(0,0,0,.40);
}

body.page-id-569 #pg-569-0 .siteorigin-widget-tinymce.textwidget h2{
  font-family: 'Orelega One', serif !important;
  font-size: 36px;
}

/* Home readable body text */
body.page-id-569 .siteorigin-widget-tinymce.textwidget p,
body.page-id-569 .siteorigin-widget-tinymce.textwidget li{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* HOME (569) – We Are statements (H3 in rows 1 & 2) */
body.page-id-569 #pg-569-1 .siteorigin-widget-tinymce.textwidget h3,
body.page-id-569 #pg-569-2 .siteorigin-widget-tinymce.textwidget h3 {
  font-family: 'Vesper Libre', serif !important;
  color: #000;
}

/* HOME (569) – Testimonial text (panel-569-11-0-2) */
body.page-id-569 #panel-569-11-0-2 .siteorigin-widget-tinymce.textwidget p,
body.page-id-569 #panel-569-11-0-2 .siteorigin-widget-tinymce.textwidget li {
  color: #fff !important;
}

/* HOME – Testimonial text: force white */
.panel-widget-style-for-569-11-0-2,
.panel-widget-style-for-569-11-0-2 p,
.panel-widget-style-for-569-11-0-2 .textwidget,
.panel-widget-style-for-569-11-0-2 .textwidget p,
.panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce,
.panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce p {
  color: #fff !important;
}

/* HOME – Testimonial text (extra-specific fallback) */
.home .panel-widget-style-for-569-11-0-2 p { color:#fff !important; }

/* HOME – Testimonial text: override any inner inline colors */
.home .panel-widget-style-for-569-11-0-2,
.home .panel-widget-style-for-569-11-0-2 * {
  color: #fff !important;
}

/* HOME – Testimonial text: final force */
.panel-widget-style-for-569-11-0-2,
.panel-widget-style-for-569-11-0-2 * {
  color: #fff !important;
}

/* Force the specific widget’s tinymce wrapper too */
.home .panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce,
.home .panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce * {
  color: #fff !important;
}

/* =========================================================
   HOME – Testimonial Text (FINAL)
   Must be last in fcs-final-overrides.css
   ========================================================= */
.home .panel-widget-style-for-569-11-0-2,
.home .panel-widget-style-for-569-11-0-2 * {
  color: #fff !important;
}

/* HOME (569) – Testimonial text block: force white */
body.page-id-569 .panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce.textwidget p,
body.page-id-569 .panel-widget-style-for-569-11-0-2 .siteorigin-widget-tinymce.textwidget li {
  color: #fff !important;
}

/* HOME (569) – Testimonial links (force hover to green) */
body.page-id-569 #panel-569-11-0-2 a {
  color: #f6682c !important;   /* default/active */
}

body.page-id-569 #panel-569-11-0-2 a:hover,
body.page-id-569 #panel-569-11-0-2 a:hover *,
body.page-id-569 #panel-569-11-0-2 a:focus,
body.page-id-569 #panel-569-11-0-2 a:focus * {
  color: #99d2ad !important;   /* hover/focus */
}

body.page-id-569 #panel-569-11-0-2 a:visited {
  color: #f6682c !important;
}

/* =========================================================
   HOME (569) – Testimonial link hover (final override)
   ========================================================= */

body.page-id-569 #panel-569-11-0-2 #content-col a:hover,
body.page-id-569 #panel-569-11-0-2 a:hover {
  color: #99d2ad !important;
}

/* =========================================================
   HOME (569) – Owl Carousel H5 Styling
   ========================================================= */

body.page-id-569 .owl-carousel .item h5 {
  font-family: "Times New Roman", Times, serif !important;
  font-style: italic !important;
  text-align: center !important;
  color: #000
}

/* =========================================================
   HOME (569) – Center Owl Carousel Logos
   ========================================================= */

body.page-id-569 .owl-carousel .item img {
  display: block;
  margin: 0 auto;
}

/* =========================================
   HOME: Who We Are / Our Mission section
   ========================================= */

/* Fonts (all devices) */
.home-whoweare-mission h2{
  font-family: "Maiden Orange", cursive !important;
}

.home-whoweare-mission h3,
.home-whoweare-mission h4{
  font-family: "Vesper Libre", serif !important;
}

/* Base spacing tweaks (all devices) */
.home-whoweare-mission h2{
  margin-bottom: 8px !important;  /* closes gap under Who We Are / Our Mission */
}

.home-whoweare-mission h3,
.home-whoweare-mission h4{
  margin-top: 0 !important;       /* closes gap above subheadings */
  margin-bottom: 10px !important;
}

/* Extra tightening ONLY on phone + tablet portrait
   (keeps tablet landscape as-is) */
@media (max-width: 1024px) and (orientation: portrait){
  .home-whoweare-mission .panel-grid-cell{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .home-whoweare-mission h2{
    margin-bottom: 4px !important;
  }

  .home-whoweare-mission h3,
  .home-whoweare-mission h4{
    margin-bottom: 6px !important;
  }

  /* closes space BETWEEN the two top blocks (Who We Are block and Our Mission block) */
  .home-whoweare-mission .panel-grid{
    margin-bottom: 0 !important;
  }
}

.home-whoweare-mission .textwidget h1{
  font-family: "Maiden Orange", cursive !important;
  margin-bottom: 8px !important;
}

#content-col .home-whoweare-mission .textwidget h1{
  font-family: "Maiden Orange", cursive !important;
}

/* =========================================================
   MOBILE ONLY (phones)
   ========================================================= */
@media (max-width: 767px) {

  /* Paragraph tightening */
  #content-col p {
    margin-bottom: 14px;
    line-height: 1.45;
  }

  /* Section heading spacing + typography */
  #content-col h3 {
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.2px;
  }

  /* Callout spacing */
  .fcs-callout {
    padding: 16px;
    margin: 20px 0;
  }

  .fcs-callout p {
    margin-bottom: 10px;
  }

  /* Icon alignment helpers (only if you used <span class="icon">) */
  #content-col h3 .icon {
    margin-right: 6px;
    font-size: 1em;
    line-height: 1;
  }
	
	/* =========================================================
   EMOJI ICON ALIGNMENT IN WIDGET TITLES
   ========================================================= */
#content-col h3.widget-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

#content-col h3.widget-title img.emoji {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}
	
  #content-col h3.widget-title {
    margin-top: 28px !important;
    margin-bottom: 10px !important;
  }

}

/* =========================================================
   SECTION HEADINGS: Schools & Churches
   ========================================================= */
#content-col h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;        /* use 400, 500, or 600 */
  text-transform: none;   /* removes ALL CAPS */
  letter-spacing: 0.3px;  /* optional: subtle polish */
}

/* =========================================================
   REMOVE GREY LINE UNDER H3 IN TEXT WIDGETS
   ========================================================= */
.textwidget h3 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.widget h3 {
  border-bottom: none !important;
}

/* =========================================================
   REMOVE GREY DIVIDER LINE UNDER HEADINGS
   ========================================================= */

/* More global: remove divider styling from widget headings */
.widget-title,
.widget-title::before,
.widget-title::after,
.widget-title span {
  border: 0 !important;
  background: none !important;
}

.widget-title::before,
.widget-title::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   SECTION HEADING SPACING (WIDGET TITLES)
   ========================================================= */
#content-col h3.widget-title {
  margin-top: 36px !important;
  margin-bottom: 14px !important;
  padding-bottom: 0 !important; /* just in case theme adds it */
}

/* =========================================================
   TESTIMONIALS SECTION: white intro text + black card text
   Row class: fcs-testimonials
   ========================================================= */

/* 1) Default for the whole section (dark background) */
.fcs-testimonials,
.fcs-testimonials p,
.fcs-testimonials li,
.fcs-testimonials h1,
.fcs-testimonials h2,
.fcs-testimonials h3,
.fcs-testimonials h4,
.fcs-testimonials h5,
.fcs-testimonials h6 {
  color: #fff !important;
}

/* 2) Override: anything that looks like a testimonial "card" back to black */
.fcs-testimonials .testimonial,
.fcs-testimonials .testimonials,
.fcs-testimonials .testimonial-item,
.fcs-testimonials .testimonial-content,
.fcs-testimonials .testimonial-entry,
.fcs-testimonials .wprevpro_t1,            /* WP Review / WPrev style */
.fcs-testimonials .wprevpro_t1_inner,
.fcs-testimonials .slick-slide,            /* some sliders wrap cards */
.fcs-testimonials blockquote {             /* common testimonial markup */
  color: #000 !important;
}

/* 3) Override paragraphs/links INSIDE cards */
.fcs-testimonials .testimonial p,
.fcs-testimonials .testimonial-item p,
.fcs-testimonials .testimonial-content p,
.fcs-testimonials .testimonial-entry p,
.fcs-testimonials .testimonials p,
.fcs-testimonials blockquote p {
  color: #000 !important;
}

.fcs-testimonials .testimonial a,
.fcs-testimonials .testimonial-item a,
.fcs-testimonials .testimonial-content a,
.fcs-testimonials .testimonial-entry a,
.fcs-testimonials .testimonials a,
.fcs-testimonials blockquote a {
  color: #000 !important;
  text-decoration: underline;
}

/* =========================================================
   TESTIMONIALS: INTRO TEXT (WHITE)
   ========================================================= */
.fcs-testimonials-intro,
.fcs-testimonials-intro p {
  color: #ffffff !important;
}

/* =========================================================
   TESTIMONIALS INTRO: FORCE WHITE TEXT (wins specificity wars)
   ========================================================= */
#content-col .fcs-testimonials .fcs-testimonials-intro,
#content-col .fcs-testimonials .fcs-testimonials-intro * {
  color: #ffffff !important;
}

/* Optional: if there are links in the intro */
#content-col .fcs-testimonials .fcs-testimonials-intro a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* HOME PAGE COMPLETE — styles locked */

/* INNER PAGES — Remove gray bar coming from hero-area under the banner */
.page .hero-area {
  background: #ededbd !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* If theme draws the line via pseudo-elements */
.page .hero-area::before,
.page .hero-area::after {
  content: none !important;
  display: none !important;
}

/* BREADCRUMB — Remove red hover underline on links */
.notice-bar .breadcrumb a:hover,
.notice-bar .breadcrumb a:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* BREADCRUMB — Hover color (apply to the span inside the link) */
.notice-bar .breadcrumb a:hover,
.notice-bar .breadcrumb a:focus,
.notice-bar .breadcrumb a:hover span,
.notice-bar .breadcrumb a:focus span {
  color: #f6682c !important;
}

/* INNER PAGES — Widget titles (Phone, Email, etc.) */
.page h3.widget-title {
  font-family: 'Maiden Orange', serif !important;
  font-weight: 400 !important;
}

/* INNER PAGES — Widget title refinement */
.page h3.widget-title {
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: 0.75px;
  margin-bottom: 0.4em;
}

/* INNER PAGES — Reduce top spacing above widget titles */
.page .widget {
  padding-top: 0 !important;
}

/* INNER PAGES — First SiteOrigin widget title is the section heading */
.page .panel-grid:first-of-type
     .panel-grid-cell:first-of-type
     .so-panel:first-of-type
     h3.widget-title{
  font-family: 'Orelega One', serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.page .widget:first-child {
  margin-top: 0 !important;
}

/* CONTACT — Remove any widget-title icons by default */
.page-id-278 h3.widget-title::before{
  content: "" !important;
  display: none !important;
}

/* CONTACT — Add icon only to the widget that has class fcs-get-in-touch-title */
.page-id-278 .fcs-get-in-touch-title h3.widget-title::before,
.page-id-278 .fcs-get-in-touch-title .widget-title::before,
.page-id-278 .so-panel.fcs-get-in-touch-title h3.widget-title::before,
.page-id-278 .panel-widget-style.fcs-get-in-touch-title h3.widget-title::before,
.page-id-278 .fcs-get-in-touch-title::before{
  content: "💬" !important;
  display: inline-block !important;
  margin-right: 8px !important;
  vertical-align: middle;
  line-height: 1;
}

/* CONTACT — Icon only for “Get in Touch” widget title (exact attribute match) */
.page-id-278 h3.widget-title[title="Get in Touch"]::before{
  content: "💬 ";
  display: inline;
}

/* CONTACT PAGE — Keep embeds inside their widget width (mobile-safe) */
.page-id-278 .so-panel iframe,
.page-id-278 .widget iframe {
  width: 100% !important;
  max-width: 100% !important;
}

/* If something still pushes outside, hide overflow at the panel level */
.page-id-278 .so-panel,
.page-id-278 .widget {
  overflow: hidden;
}

/* CONTACT — Frame form sections consistently */
.page-id-278 .so-panel.widget_custom_html {
  background-color: #f9f6d8; /* soft cream frame */
  padding: 24px 20px 28px;
  border-radius: 6px;
}

/* CONTACT — Form section titles spacing */
.page-id-278 .so-panel.widget_custom_html h3.widget-title {
  margin-top: 0;
  margin-bottom: 14px;
}

/* CONTACT — JotForm iframe inside testimonial panel */
#panel-278-2-1-0 iframe {
  display: block;
  margin-top: 8px;
}

/* CONTACT — Embedded forms behave like native content */
.page-id-278 iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
}