/* =========================================================
   FCS — Yellow Pencil Legacy CSS (archived & cleaned over time)
   Created: 2026-02-06
   Purpose: Preserve useful YP rules while migrating to clean CSS
   Notes: Avoid page-id/grid-id rules when possible; prefer template classes
   ========================================================= */

/*
=================================================
FCS SITE CSS
Clean rebuild from Yellow Pencil
Date: Feb 2026

RULES:
• Do not style via page-id
• Use .school-page for school templates
• Global links = orange + green hover
=================================================
*/

/* =========================================================
   GLOBAL (cleaned from Yellow Pencil)
   ========================================================= */

/* Footer + HTML widget text colors */
#menu-footer-menu .menu-item > a,
.site-footer .widget p,
.custom-html-widget address span,
.custom-html-widget emailaddress a strong {
  color: #ededbd;
}

/* If you truly use custom tags like <emailaddress> and <phone> */
emailaddress > strong:first-child,
phone > strong:first-child {
  color: #dabc74;
}

/* Notice bar + breadcrumb */
.notice-bar {
  color: #dabc74;
  background-color: #dabc74;
}

.notice-bar ol {
  display: inline-block;
}

.breadcrumb span .post {
  color: #fcf6e3 !important;
  font-style: normal;
  font-weight: 500;
  text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}

.breadcrumb .home span {
  font-weight: 500 !important;
  color: #000;
}

/* Tabs / details area */
#detailstab .angles li,
#detailstab p {
  color: #000;
}

.angles li a {
  font-weight: 500;
}

/* Headings in content column */
#content-col h1,
#content-col h2 {
  color: #000;
 }

#content-col h2 {
  font-size: 30px;
}

/* Labels */
#content-col .label-primary {
  color: #000;
  font-size: 16px !important;
  padding: 10px;
}

/* Social share: keep icons black; remove unwanted backgrounds */
.share-buttons-bc a {
  background-color: transparent !important;
}

.share-buttons-bc .facebook-share a,
.share-buttons-bc .twitter-share a,
.share-buttons-bc .google-share a,
.share-buttons-bc .tumblr-share a,
.share-buttons-bc .pinterest-share a,
.share-buttons-bc .reddit-share a,
.share-buttons-bc .linkedin-share a,
.share-buttons-bc .email-share a {
  color: #000 !important;
  background-color: transparent !important;
}

.tumblr-share a i,
.pinterest-share a i,
.reddit-share a i,
.linkedin-share a i,
.email-share a i {
  color: #000;
  background-color: transparent;
}

/* If this offset is truly needed, keep it; otherwise remove */
#content-col .social-share-bar {
  transform: translateX(-7px);
}

/* =========================================================
   GLOBAL LINK STATES
   ========================================================= */

#content-col a:not(.fcs-btn):hover {
  color: #99d2ad;
}

#content-col a:not(.fcs-btn):active,
#content-col a:not(.fcs-btn):focus,
#content-col a:not(.fcs-btn):visited {
  color: #f6682c;
}

/* =========================================================
   GLOBAL: Breadcrumb bar
   ========================================================= */
.notice-bar {
  background-color: #dabc74;
}

.breadcrumb span .post { color:#fcf6e3 !important; ... }

.notice-bar .breadcrumb,
.notice-bar .breadcrumb a,
.notice-bar .breadcrumb span,
.notice-bar .breadcrumb li {
  font-size: 14px;
}

.notice-bar .breadcrumb a {
  color: #000;
  transition: color 0.2s ease;
}

.notice-bar .breadcrumb a:hover {
  color: #99d2ad;
}

.notice-bar .breadcrumb a:visited,
.notice-bar .breadcrumb a:active,
.notice-bar .breadcrumb a:focus {
  color: #f6682c;
}

/* =========================================================
   GLOBAL: Content link states (scoped)
   Sitewide behavior: orange default + green hover
   ========================================================= */

#content-col a:not(.fcs-btn):not([href^="tel:"]) {
  color: #f6682c;              /* default = orange */
  transition: color 0.2s ease;
}

#content-col a:not(.fcs-btn):not([href^="tel:"]):hover {
  color: #99d2ad;              /* hover = green */
}

#content-col a:not(.fcs-btn):not([href^="tel:"]):visited,
#content-col a:not(.fcs-btn):not([href^="tel:"]):active,
#content-col a:not(.fcs-btn):not([href^="tel:"]):focus {
  color: #f6682c;              /* visited/active/focus = orange */
}

/* =========================================================
   SCHOOL PAGES: Base Template
   ========================================================= */

/* Tabs widget (SiteOrigin Tabs) */
.school-page .so-widget-tabs-widget .tab-content .active,
.school-page .so-widget-tabs-widget .tab-content .active p {
  color: #000;
}

.school-page .so-widget-tabs-widget .nav-tabs .active a,
.school-page .so-widget-tabs-widget .nav-tabs li a {
  font-weight: 600;
}

/* Captions */
.school-page .caption .caption-table span {
  color: #ecf0f1;
  font-style: normal;
  text-shadow:
    rgb(0,0,0) 0 1px 1px,
    rgb(0,0,0) 0 -1px 1px,
    rgb(0,0,0) 1px 0 1px,
    rgb(0,0,0) -1px 0 1px;
}

/* Basic link style (only if you use it intentionally) */
.school-page a.basic-link {
  color: #070707;
  text-shadow: none;
  text-transform: capitalize;
  font-weight: 400;
  font-style: italic;
}

.school-page a.basic-link::after {
  content: none !important;
}

/* Headline typography — move here ONLY if you want it on all school pages */
.school-page .so-widget-sow-headline h1 {
  letter-spacing: 3px;
  font-size: 34px !important;
}

.school-page .so-widget-sow-headline h3 {
  font-size: 22px !important;
}

.school-page .so-widget-sow-headline h2 {
  font-size: 34px !important;
}

/*  "Home" Page                                   */
/*-----------------------------------------------*/

/* HOME: captions */
body.page-id-569 .caption-table span {
  text-shadow:
    rgb(0,0,0) 0 1px 1px,
    rgb(0,0,0) 0 -1px 1px,
    rgb(0,0,0) 1px 0 1px,
    rgb(0,0,0) -1px 0 1px;
}

/* HOME: caption text color where needed */
body.page-id-569 #pg-569-4 .caption-table span {
  color: #ffffff;
}

/* HOME: carousel */
body.page-id-569 .owl-theme div h5 {
  }

body.page-id-569 .owl-theme .active a {
  background-color: transparent !important;
}

body.page-id-569 .owl-theme .active h5 {
  text-align: left;
  font-size: 16px;
}

/*-----------------------------------------------*/
/*  "Open Houses" Page                           */
/*-----------------------------------------------*/

/* Open Houses: event grid typography + colors */
body.page-id-309 .events-iso-grid .grid-item .date,
body.page-id-309 .events-iso-grid .grid-item .month,
body.page-id-309 .events-iso-grid .month span,
body.page-id-309 .events-iso-grid .grid-item-meta div {
  color: #000;
}

/* Open Houses: event title font */
body.page-id-309 .events-iso-grid h3 a {
  background-color: transparent !important;
  }

/* Open Houses: share buttons (consolidated) */
body.page-id-309 .share-buttons-bc a {
  background-color: transparent !important;
}

body.page-id-309 .share-buttons-bc a,
body.page-id-309 .share-buttons-bc a i {
  color: #000 !important;
}

/* Open Houses: page header spacing (keep only real properties) */
body.page-id-309 .page-header div span {
  margin-right: 0;
  padding: 20px !important;
  letter-spacing: 1.3px;
  word-spacing: 1.5px;
}

/* Open Houses: headline widget */
body.page-id-309 .so-widget-sow-headline h3 {
  font-weight: 600;
  font-size: 24px;
}

/* Optional: only keep this if you can see it doing something helpful */
body.page-id-309 #pg-309-0 .post-content p a {
  padding-left: 10px;
}

/* =========================================================
   GLOBAL: Link states (single source of truth)
   Orange default + Green hover
   Place near bottom of CSS (after page sections is ok)
   ========================================================= */

/* Content links (exclude buttons + tel links handled below) */
#content-col a:not(.fcs-btn):not([href^="tel:"]) {
  color: #f6682c;                /* default orange */
  transition: color 0.2s ease;
}

#content-col a:not(.fcs-btn):not([href^="tel:"]):hover {
  color: #99d2ad;                /* hover green */
}

#content-col a:not(.fcs-btn):not([href^="tel:"]):visited,
#content-col a:not(.fcs-btn):not([href^="tel:"]):active,
#content-col a:not(.fcs-btn):not([href^="tel:"]):focus {
  color: #f6682c;                /* stay orange */
}

/* Telephone links */
#content-col a[href^="tel:"] {
  color: #f6682c;
  transition: color 0.2s ease;
}

#content-col a[href^="tel:"]:hover {
  color: #99d2ad;
}

#content-col a[href^="tel:"]:active,
#content-col a[href^="tel:"]:focus {
  color: #f6682c;
}

/* =========================================================
   SCHOOL PAGES: Link hover override
   (Fixes stubborn school-page text links not turning green)
   ========================================================= */

/* Default + visited/active/focus */
#content-col .post-content a:not(.fcs-btn):not([href^="tel:"]) {
  color: #f6682c;
  transition: color 0.2s ease;
}

#content-col .post-content a:not(.fcs-btn):not([href^="tel:"]):visited,
#content-col .post-content a:not(.fcs-btn):not([href^="tel:"]):active,
#content-col .post-content a:not(.fcs-btn):not([href^="tel:"]):focus {
  color: #f6682c;
}

/* Hover */
#content-col .post-content a:not(.fcs-btn):not([href^="tel:"]):hover {
  color: #99d2ad;
}