/* DM Sans + DM Serif Display on EVERY page (5 Oct 2026). An @import only works as the first rule of a stylesheet:
   it used to sit at line 339, so browsers ignored it and pages that did not load the fonts themselves fell back to Arial. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');

/*======
 GLOBAL / UTILITIES
 ======*/

/*Tooltips (fixed selectors)*/
[data-tooltips-element="title"],
[data-tooltips-element="main"],
[data-tooltips-element="tooltip"] {
  background-color: #333 !important;
  color: #fff !important;
  padding: 10px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  font-size: 16px !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
  position: relative !important;
}
[data-tooltips-element="arrow"] {
  display: none !important;






  
}

/*Generic paragraph spacing*/
p {
  padding: 0px 0 !important;
  margin-bottom: 0rem !important;
}

/*Disable underline style from the tooltips library*/
[data-tooltips] {
  border-bottom: 0px dashed #c0c6cf !important;
}

/*Media Viewer sizing on mobile*/
@media (max-width: 768px) {
  .wf-mediabox-frame {
    width: 50% !important;
    height: 80% !important;
    max-width: 90vw !important;
    max-height: 80vh !important;
  }
}

/*======
 COMMUNITY BUILDER / GROUPJIVE
 ======*/

/*Hide buttons in GroupJive (Create / Add Members / Invites)*/
.btn-sm-block.gjButtonNewGroup,
.gJive-add-members-button,
.gjButtonNewInvite,
.gjGroupInvitesEmpty,
.gjGroupInvites {
  display: none !important;
}

/*Hide profile name under image*/
.mb-3.border-bottom.cb-page-header.cbProfileTitle {
  display: none !important;
}

/*======
 LOGIN / AUTH
 ======*/

.mod-login__submit .btn-primary {
  background-color: #004aad !important;
  color: #fff !important;
  border-color: #004aad !important;
}
.mod-login__submit .btn-primary:hover {
  background-color: #dedede !important;
  color: #000 !important;
  border-color: #dedede !important;
}
.mod-login__submit .btn.w-100 {
  width: auto !important;
  display: inline-block !important;
}

/*=== Hide "Create an account" link À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š Joomla-Proof ===*/
#login-form .login-register a,
#login-form p a[href*="registration"],
#login-form a[href*="option=com_users&view=registration"],
.com_users-login .login-register a,
.login-form a[href*="registration"],
a[href*="index.php?option=com_users&view=registration"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/*Extra: Hide the whole paragraph if empty after*/
#login-form p.login-register:empty,
#login-form .login-register:empty {
  display: none !important;
}

/*======
 PAGEBUILDER CK
 ======*/

/*TCK mobile hamburger À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š hidden on desktop, shown on mobile*/
@media (min-width: 768px) {
  .inner .mobileckhambuger_togglerlabel {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .inner .mobileckhambuger_togglerlabel,
  .mobileckhambuger_togglerlabel {
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
    padding: 8px !important;
  }
}

/*======
 À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒ€š€œJOIN FREEÀ™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€ƒ€™Ãƒ€šƒƒâ€š IMAGE
 ======*/

img[alt="Join Free"] {
  width: 220px !important;
  height: calc(220px * 80 / 272) !important; /*keep oval ratio*/
  display: block !important;
  margin-inline: auto !important;
}
@media (max-width: 768px) {
  img[alt="Join Free"] {
    width: 180px !important;
    height: calc(180px * 80 / 272) !important;
  }
}

/*======
 SIDEBAR À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€š MENU STYLING
 ======*/

/*Base container reset*/
.tck-position-sidebar .tck-module,
#sidebar .tck-module {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/*Replace module title text with "Menu" (keep original title hidden)*/
#sidebar .tck-module-title,
.tck-position-sidebar .tck-module-title {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sidebar .tck-module-title::after,
.tck-position-sidebar .tck-module-title::after {
  content: "Menu";
  color: #004aad;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 6px;
  background-color: #f5f7fa;
  padding: 4px 8px;
  border-radius: 4px;
}

/*Force visible À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒ€š€œMenuÀ™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€ƒ€™Ãƒ€šƒƒâ€š label at top of the sidebar block*/
#sidebar .tck-module::before,
.tck-position-sidebar .tck-module::before {
  content: "Menu";
  display: block;
  margin: 0 0 8px 0;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 20px;
  color: #004aad;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #eef3f8;
  border-radius: 4px;
}

/*Base link look*/
#sidebar .tck-module a,
.tck-position-sidebar .tck-module a {
  color: #004aad !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  display: block !important;
  margin: 5px 0 !important;
  transition: color 0.2s ease-in-out !important;
}
#sidebar .tck-module a:hover,
.tck-position-sidebar .tck-module a:hover {
  color: #002d6f !important;
}

/*Remove bullets/indents*/
#sidebar ul,
#sidebar li,
.tck-position-sidebar ul,
.tck-position-sidebar li {
  list-style: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

/*À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒ€š€œAccountÀ™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒƒâ€ƒ€™Ãƒ€šƒƒâ€š header*/
#sidebar .tck-module li > span,
.tck-position-sidebar .tck-module li > span {
  display: block !important;
  margin-top: 14px !important;
  padding-top: 6px !important;
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  border-top: 1px solid #ccd5e0 !important;
}

/*Submenu under Account*/
#sidebar .tck-module li > span + ul,
.tck-position-sidebar .tck-module li > span + ul {
  margin-top: 2px !important;
  padding-left: 16px !important;
}
#sidebar .tck-module li > span + ul a,
.tck-position-sidebar .tck-module li > span + ul a {
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 3px 0 !important;
}

/*======
 TOP UTILITY BAR
 ======*/

.position-utility-right,
#utility-right,
.tck-module.position-utility-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.topbar-ai {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-icon {
  height: 28px;
  width: auto;
  display: block;
}

/*Ask Ire header button (near Back button)*/
.btn-ask-ire {
  border: none !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  background: #3b60d4 !important;
  color: #fff !important;
  transition: background 0.2s !important;
}
.btn-ask-ire:hover {
  background: #304db5 !important;
}

/*Login/Join links*/
.topbar-auth {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 600 !important;
}
.topbar-auth a {
  text-decoration: none;
  color: #333;
}
.topbar-auth a:hover {
  text-decoration: underline;
}
.topbar-auth .sep {
  opacity: 0.5;
}

/*Mobile tweaks*/
@media (max-width: 768px) {
  .ai-icon {
    height: 22px;
  }
  .btn-ask-ire {
    padding: 6px 10px;
    font-size: 14px;
  }
  .topbar-auth .sep {
    display: none;
  }
}
/* /login shows its messages again (AL, 9 Oct 2026): the "membership is required" notice is removed by plg_system_cafreeplan loginMessages() instead. */

.itemid-3434 #sidebar { display: none !important; }
.itemid-3434 #maximenuck197 { display: none !important; }
.itemid-3434 #maincontent { padding-top: 48px; }

/*======
 SUB-PAGE GLOBAL STYLING
 Targets all Joomla article view pages
 ======*/


/*Page background*/
body.com_content.view-article {
  background: #ECEAE3 !important;
  font-family: 'DM Sans', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body.com_content.view-article #wrapper1,
body.com_content.view-article #wrapper {
  background: #ECEAE3 !important;
}

/*Center content column*/
body.com_content.view-article .tck-wrapper,
body.com_content.view-article #sp-component,
body.com_content.view-article .sp-component-content {
  background: #ECEAE3 !important;
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 24px 80px;
}

/*Page title*/
body.com_content.view-article h1.page-header,
body.com_content.view-article .page-header,
body.com_content.view-article h1 {
  font-family: 'DM Serif Display', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #0F6E56 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

/*White card wrapping article body*/
body.com_content.view-article .item-page {
  background: #ffffff;
  border-radius: 16px;
  border: 0.5px solid #E0DFDA;
  padding: 36px 40px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

/*Intro/instruction box À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š first element in article*/
body.com_content.view-article .item-page > p:first-child,
body.com_content.view-article .item-page > div:first-child {
  background: #E1F5EE;
  border: 1px solid #5DCAA5;
  border-radius: 10px;
  padding: 18px 22px;
  font-size: 15px;
  line-height: 1.75;
  color: #1A1A1A;
  margin-bottom: 28px;
}

/*Body text*/
body.com_content.view-article .item-page p {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #5A5955;
  margin-bottom: 16px !important;
}
body.com_content.view-article .item-page h2 {
  font-family: 'DM Serif Display', serif;
  font-size: 22px;
  font-weight: 400;
  color: #1A1A1A;
  margin: 28px 0 12px;
}
body.com_content.view-article .item-page h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1A1A1A;
  margin: 20px 0 8px;
}
body.com_content.view-article .item-page a {
  color: #0F6E56;
  text-underline-offset: 3px;
}
body.com_content.view-article .item-page a:hover {
  color: #085041;
}

/*Accordion rows*/
body.com_content.view-article .item-page .accordion {
  border-radius: 10px;
  overflow: hidden;
  border: 0.5px solid #E0DFDA;
  margin-top: 8px;
}
body.com_content.view-article .item-page .accordion-group,
body.com_content.view-article .item-page .accordion-item {
  border-top: 1px solid #E0DFDA;
  background: #ffffff;
}
body.com_content.view-article .item-page .accordion-group:first-child {
  border-top: none;
}
body.com_content.view-article .item-page .accordion-heading a,
body.com_content.view-article .item-page .accordion-button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  padding: 16px 20px !important;
  background: #ffffff !important;
  display: block !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s;
}
body.com_content.view-article .item-page .accordion-heading a:hover {
  background: #F5F4F0 !important;
  color: #0F6E56 !important;
}
body.com_content.view-article .item-page .accordion-inner {
  padding: 4px 20px 20px;
  font-size: 14px;
  color: #5A5955;
  line-height: 1.75;
  background: #FAFAF8;
}

/*Tables (Tabulizer)*/
body.com_content.view-article .item-page table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-top: 16px;
}
body.com_content.view-article .item-page table th {
  background: #0F6E56;
  color: #E1F5EE;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 10px 14px;
  text-align: left;
}
body.com_content.view-article .item-page table td {
  padding: 10px 14px;
  border-bottom: 1px solid #E0DFDA;
  color: #1A1A1A;
  vertical-align: top;
}
body.com_content.view-article .item-page table tr:last-child td {
  border-bottom: none;
}
body.com_content.view-article .item-page table tr:nth-child(even) td {
  background: #F9F8F5;
}

/*Lists*/
body.com_content.view-article .item-page ul,
body.com_content.view-article .item-page ol {
  padding-left: 20px;
  margin-bottom: 16px;
}
body.com_content.view-article .item-page li {
  font-size: 15px;
  color: #5A5955;
  line-height: 1.75;
  margin-bottom: 6px;
}

/*Hide Joomla article meta (date, author, hits)*/
body.com_content.view-article .article-info,
body.com_content.view-article .article-footer,
body.com_content.view-article dl.article-info {
  display: none !important;
}

/*Footer*/
body.com_content.view-article #sp-footer,
body.com_content.view-article footer {
  background: #ECEAE3 !important;
  border-top: 1px solid #E0DFDA;
}
body.com_content.view-article footer a,
body.com_content.view-article #sp-footer a {
  font-size: 13px;
  color: #5A5955;
  text-decoration: none;
}
body.com_content.view-article footer a:hover,
body.com_content.view-article #sp-footer a:hover {
  color: #0F6E56;
}

/*Mobile*/
@media (max-width: 768px) {
  body.com_content.view-article .item-page {
    padding: 24px 20px;
    border-radius: 12px;
  }
  body.com_content.view-article h1 {
    font-size: 22px !important;
  }
}

/*======
 SUB-PAGE FIXES À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š append after previous block
 ======*/

/*Fix 1: Back button À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š exact selector from inspect*/
.ca-topbar-actions a.btn.btn-primary.btn-back {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background: #E1F5EE !important;
  color: #0F6E56 !important;
  border: 1px solid #5DCAA5 !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.15s !important;
}
.ca-topbar-actions a.btn.btn-primary.btn-back:hover {
  background: #C8EFE0 !important;
  color: #085041 !important;
}

/*Fix 2: Reduce whitespace above Back button*/
body.com_content.view-article #wrapper3 {
  padding-top: 0 !important;
}
body.com_content.view-article .tck-container {
  padding-top: 16px !important;
}
body.com_content.view-article #block6 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/*Fix 3: Exclude PBC pages (home, #1, #2, #3) from gray background*/
body.com_content.view-article.itemid-101,
body.com_content.view-article.itemid-127,
body.com_content.view-article.itemid-161,
body.com_content.view-article.itemid-162 {
  background: #F5F4F0 !important;
}

/*Hide duplicate template logo bar on main pages*/
body.com_content.view-article.itemid-101 #wrapper1,
body.com_content.view-article.itemid-127 #wrapper1,
body.com_content.view-article.itemid-161 #wrapper1,
body.com_content.view-article.itemid-162 #wrapper1 {
  display: none !important;
}

/*======
 NAV À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š logo top-left, links below
 ======*/
.ca-topnav {
  flex-direction: column !important;
  align-items: flex-start !important;
  height: auto !important;
  padding: 10px 40px 8px 283px !important;
  gap: 6px !important;
  max-width: 1200px !important;
  top: 0 !important;
}

/*CHANGED THIS TO 68px TO MATCH STABILIZATION*/
.ca-topnav-spacer {
  height: 68px !important; 
}

.ca-topnav-link,
.ca-topnav-btn {
  font-size: 14px !important;
  white-space: nowrap !important;
}
.ca-topnav-links {
  margin-left: -10px !important;
  width: calc(100% + 280px) !important;
  align-self: flex-start !important;
}

/*=== LOGIN PAGE À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š no nav ===*/
body.pageid-523 .ca-topnav,
body.pageid-523 .ca-topnav-spacer {
  display: none !important;
}
body.pageid-523 #wrapper {
  padding-top: 0 !important;
}
body.pageid-523 .item-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#wrapper1 { display: none !important; }
.ca-topbar-actions { display: none !important; }

/*=== GEN X BOX STYLES ===*/
.ca-genx-box {
  margin-top: 20px;
  padding: 22px 28px;
  background: #f7faf8;
  border: 1px solid #d7e7df;
  border-radius: 18px;
  text-align: center;
}
.ca-genx-box p {
  margin: 0;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  color: #234b43;
}

/*======
 LOGO REPLACEMENT
 ======*/

/*Replace old c-Alliance logo with new cAlliances logo 528*/
.menu-alt .ca-logo-wrap img[alt="cAlliances"] {
  content: url('/images/AI%20Logo%20Images/cAlliance.%20logo%20528.png') !important;
  height: 56px !important;
  width: auto !important;
}

/*Hide "formerly CareerActions.org" tagline under logo*/
.menu-alt .ca-logo-wrap span {
  display: none !important;
}

/*======
 HEADER & CONTENT LAYOUT (replaces old "FINAL STABILIZER")
 ======*/

/*1. Nav header À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š white background, matches content card width*/
#wrapper3 {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  margin-top: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  max-width: 1100px !important;
  border-radius: 0 !important;
}

/*2. Nav inner À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š preserves 332px columns while box matches content card*/
#wrapper3 > .inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  background: transparent !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/*3. Tighten vertical gap between logo row and nav-links row*/
#wrapper3 section#row3,
#wrapper3 section#row3 > .inner,
#wrapper3 .flexiblecolumn {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#wrapper3 #block5,
#wrapper3 #block5 .inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#wrapper3 nav#block6 {
  margin-top: -6px !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

/*Desktop top-nav: even spacing between ALL top-level items (fixes items
 like Account/Briefs running together) + clear active-tab highlight*/
@media (min-width: 768px) {
  #wrapper3 nav#block6 ul.mod-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 26px !important;
    row-gap: 4px !important;
  }
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item {
    margin: 0 !important;
    float: none !important;
  }
  /*Active / current tab: brand green, bold, underlined so it's obvious*/
  #wrapper3 nav#block6 ul.mod-menu > li.current > a,
  #wrapper3 nav#block6 ul.mod-menu > li.active > a {
    color: #0F6E56 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #0F6E56 !important;
    padding-bottom: 2px !important;
  }
  /*Homepage: nav "Home" (item 5265) is a URL link to "/" so Joomla never
 marks it current (the site default is item 101, not in this menu).
 Highlight it via the homepage body class instead.*/
  body.itemid-101 #wrapper3 nav#block6 ul.mod-menu > li.item-5265 > a {
    color: #0F6E56 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #0F6E56 !important;
    padding-bottom: 2px !important;
  }
}

/*3. Main content flows directly under nav*/
#wrapper,
#pbc-container,
.tck-page-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
}

/*Override .tck-wrapper article padding À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š main pages only*/
body.com_content.view-article.itemid-101 #wrapper,
body.com_content.view-article.itemid-127 #wrapper,
body.com_content.view-article.itemid-5267 #wrapper,
body.com_content.view-article.itemid-5269 #wrapper {
  padding-top: 0 !important;
}

/*Home page: shrink #wrapper to match nav (1100px) and remove side gaps
 Base rule sets max-width:780px padding:40px 24px 80px À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š override here*/
body.itemid-101 #wrapper {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

/*Template CSS adds padding:0 20px to #maincontent > .inner À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š strip for home page*/
body.itemid-101 #maincontent > .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*Zero the 16px tck-container top padding on main pages*/
body.com_content.view-article.itemid-101 #wrapper > .inner,
body.com_content.view-article.itemid-127 #wrapper > .inner,
body.com_content.view-article.itemid-5267 #wrapper > .inner,
body.com_content.view-article.itemid-5269 #wrapper > .inner {
  padding-top: 0 !important;
}

/*Collapse empty Joomla message container so it takes no space*/
#system-message-container:empty {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
}

/*Remove top margin on article wrapper and content card*/
body.com_content.view-article.itemid-101 .tck-article,
body.com_content.view-article.itemid-127 .tck-article,
body.com_content.view-article.itemid-5267 .tck-article,
body.com_content.view-article.itemid-5269 .tck-article,
body.com_content.view-article.itemid-101 .item-page,
body.com_content.view-article.itemid-127 .item-page,
body.com_content.view-article.itemid-5267 .item-page,
body.com_content.view-article.itemid-5269 .item-page {
  margin-top: 0 !important;
}

/*Zero any top padding remaining in the center column chain*/
body.com_content.view-article.itemid-101 main#center > .inner,
body.com_content.view-article.itemid-127 main#center > .inner,
body.com_content.view-article.itemid-5267 main#center > .inner,
body.com_content.view-article.itemid-5269 main#center > .inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/*Hide internal article titles on #2 and #3 pages*/
body.com_content.view-article.itemid-5267 .page-header,
body.com_content.view-article.itemid-5267 h1.page-header,
body.com_content.view-article.itemid-5267 h2.page-header,
body.com_content.view-article.itemid-5269 .page-header,
body.com_content.view-article.itemid-5269 h1.page-header,
body.com_content.view-article.itemid-5269 h2.page-header {
  display: none !important;
}

/*Merge nav into content À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š remove faint border and rounded corners at junction*/
body.com_content.view-article.itemid-101 .item-page,
body.com_content.view-article.itemid-127 .item-page,
body.com_content.view-article.itemid-5267 .item-page,
body.com_content.view-article.itemid-5269 .item-page {
  border-top: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/*Hero full-width on home page À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š strip card from item-page so hero bleeds edge-to-edge*/
body.itemid-101 .item-page {
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/*Remove any bleed attempt (no longer needed)*/
body.itemid-101 .item-page .ca-hero {
  border-radius: 0 !important;
  margin: 0 !important;
}

/*2. Merge nav block with page content À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š no gap between them*/
.pbc-row:first-child,
.ca-section:first-child {
  margin-top: 0 !important;
}
.ca-hero {
  margin-top: 0 !important;
  background: #0F6E56 !important;
  padding: 60px 48px !important;
}
body.itemid-5266 .ca-hero { padding-bottom: 32px !important; }

/*3. Global background color for consistency*/
body {
    background-color: #F5F4F0 !important;
}

/*4. Completely disable the old spacer method to prevent double-gaps*/
.ca-topnav-spacer {
    display: none !important;
}

/*Match Home top spacing on #1, #2, #3*/
body.itemid-127,
body.itemid-161,
body.itemid-162 {
    background-color: #F5F4F0 !important;
}

body.itemid-127 #wrapper,
body.itemid-161 #wrapper,
body.itemid-162 #wrapper {
    padding-top: 0 !important;
}

/*Remove nav bottom border/shadow bleed on #1, #2, #3*/
body.itemid-127 .ca-topnav,
body.itemid-161 .ca-topnav,
body.itemid-162 .ca-topnav {
    border-bottom: none !important;
    box-shadow: none !important;
}

/*Hide "please login" alert on main pages*/
body.itemid-127 #system-message-container,
body.itemid-161 #system-message-container,
body.itemid-162 #system-message-container {
    display: none !important;
}

/*Login page À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š tighten gap between heading and form*/
body.pageid-523 .mod-login {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/*Hide "please login" alert on free-plan page*/
body.itemid-5258 #system-message-container {
    display: none !important;
}

/*Free Plan À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š green Sign Up button with visible text*/
body.itemid-5258 .mp-subscribe-btn,
body.itemid-5258 a.mp-subscribe-btn,
body.itemid-5258 .osm-plan-subscribe a,
body.itemid-5258 a[href*="new-subscription"] {
    background-color: #0F6E56 !important;
    color: #ffffff !important;
    border-color: #0F6E56 !important;
    text-decoration: none !important;
}

/*Alliance Plan - Renew button green*/
body.itemid-4029 .btn-primary:not(.back-btn) {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

/*Free Plan - Sign Up button green*/
body.itemid-5200 .btn-primary {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.os-membership-plan .btn-primary {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

/*Back button on User Profile page*/
body.itemid-2502 .os-user-profile-page {
  position: relative;
}

body.itemid-2502 .os-user-profile-page::before {
  content: '\2190 Back';
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  padding: 6px 14px;
  border-radius: 8px;
  background: #2A6EBB;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 16px;
  cursor: pointer;
}

/*OSMembership Sign Up button - GREEN*/
.osm-subscribe-btn,
.osm_subscribe_btn,
a.btn[href*="alliance-member"],
a.btn[href*="subscription"] {
  background-color: #0F6E56 !important;
  border-color: #0F6E56 !important;
  color: #ffffff !important;
}

/*Green action buttons*/
.osm-process-btn,
input[name="osm_subscribe"],
.com_osmembership .btn-primary,
input.btn.btn-primary[type="submit"] {
  background-color: #0F6E56 !important;
  border-color: #0F6E56 !important;
  color: #ffffff !important;
}

/*Green action buttons sitewide*/
.login-button,
input[type="submit"],
button[type="submit"],
.btn-primary:not(.back-btn) {
  background-color: #0F6E56 !important;
  border-color: #0F6E56 !important;
  color: #ffffff !important;
}

/*======
 STICKY NAV À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š main pages only
 Hide on all sub-pages; show only on the 4 main pages.
 ======*/

#wrapper3 { display: none !important; }

body.itemid-101 #wrapper3,
body.itemid-127 #wrapper3,
body.itemid-5267 #wrapper3,
body.itemid-5269 #wrapper3,
body.itemid-5663 #wrapper3,   /* Suggestion page, 1 Oct 2026 */
body.itemid-5665 #wrapper3,   /* Family Updates: Family News, 2 Oct 2026 */
body.itemid-5667 #wrapper3,   /* Family Updates: Family Watch */
body.itemid-5668 #wrapper3,   /* Briefs: Civic Watch */
body.itemid-5669 #wrapper3,   /* Reflections: Faith Watch, 3 Oct 2026 */
body.itemid-5670 #wrapper3,   /* Reflections: Weekly Brief */
body.itemid-5666 #wrapper3,   /* Family Updates: Family Stories */
body.itemid-5317 #wrapper3,   /* Family Updates / Briefs: Encouragement Brief */
body.itemid-2502 #wrapper3 { display: block !important; }

/*User Profile page À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š stretch nav full width*/
body.itemid-2502 #wrapper3 {
  max-width: 100vw !important;
  width: 100vw !important;
  left: 0 !important;
}
body.itemid-2502 #wrapper3 > .inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/*Replace old CareerActions logo on sub-pages*/
body.com_content.view-article img[alt="CareerActions"] {
  content: url('/images/AI%20Logo%20Images/_cAlliance%20logo%201.png') !important;
  height: 48px !important;
  width: auto !important;
}

/*======
 MOBILE NAV À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š full fix (June 2026)
 ======*/

@media (max-width: 767px) {

  /*1. Nav wrapper: full-width, not capped at 1100px*/
  #wrapper3 {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  #wrapper3 > .inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  /*2. Logo row: logo left, hamburger right, no two-column split*/
  #wrapper3 section#row3,
  #wrapper3 #row3 > .inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  /*3. Logo: smaller on mobile*/
  .menu-alt .ca-logo-wrap img[alt="cAlliances"] {
    height: 40px !important;
  }

  /*4. Shrink block6 nav-link margin top (was -6px from desktop rule)*/
  #wrapper3 nav#block6 {
    margin-top: 0 !important;
    width: 100% !important;
  }

  /*5. Nav links: vertical list, full-width tap targets*/
  #wrapper3 nav#block6 ul,
  #wrapper3 nav#block6 .nav,
  #wrapper3 nav#block6 .moduletable ul {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
  }
  #wrapper3 nav#block6 ul li,
  #wrapper3 nav#block6 .nav li {
    width: 100% !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  #wrapper3 nav#block6 ul li a,
  #wrapper3 nav#block6 .nav li a {
    display: block !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
  }
  #wrapper3 nav#block6 ul li a:hover,
  #wrapper3 nav#block6 .nav li a:hover {
    background: #f5f4f0 !important;
    color: #0F6E56 !important;
  }

  /*6. Hide desktop-only utility/clutter blocks on mobile*/
  #block8,
  #block2,
  #block7 {
    display: none !important;
  }

  /*7. Override any TCK hide-on-phone classes that hide block6*/
  #block6.tck-hide-phone,
  #block6.hidden-phone,
  #block6[class*="hide-phone"] {
    display: block !important;
  }

  /*8. Override TCK hide on wrapper columns that contain the logo/hamburger*/
  #row3column1.tck-hide-phone,
  #row3column1.hidden-phone {
    display: block !important;
    flex: 1 !important;
  }
}

/*======
 HOME PAGE À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š HERO & TYPOGRAPHY
 (Home page: body.itemid-101 / page ID 30)
 ======*/

/*1. Hero text: white base (eyebrow, h1, paragraph all start white)*/
.ca-hero,
.ca-hero * {
  color: #ffffff;
}

/*2. Hero eyebrow À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š light teal, small caps*/
.ca-hero .ca-eyebrow,
.ca-hero p.ca-eyebrow,
.ca-hero span.ca-eyebrow {
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #9FE1CB !important;
}

/*3. Hero h1 À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š large, white*/
.ca-hero h1 {
  font-size: 2.4rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

/*4. Hero body paragraph À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š near-white*/
.ca-hero p:not(.ca-eyebrow) {
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.85) !important;
}

/*5. Match content column width to nav on home page*/
body.itemid-101 .sp-component-content {
  max-width: 1100px !important;
}
body.itemid-101 main#center > .inner {
  max-width: 100% !important;
  width: 100% !important;
}

/*6. "Is this you?" section À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š h2 typography*/
body.itemid-101 .item-page h2 {
  font-size: 2rem !important;
  color: #0A1628 !important;
}

/*7. Body checklist text À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š larger, darker*/
body.itemid-101 .item-page p,
body.itemid-101 .item-page li {
  font-size: 17px !important;
  color: #2C2C2A !important;
  line-height: 1.75 !important;
}

/*8. Hero overrides win À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š these come after the general .item-page rules above*/
body.itemid-101 .ca-hero h1 {
  font-size: 2.4rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
body.itemid-101 .ca-hero .ca-eyebrow,
body.itemid-101 .ca-hero p.ca-eyebrow {
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #9FE1CB !important;
}
body.itemid-101 .ca-hero p:not(.ca-eyebrow) {
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.85) !important;
}

/*9. Homepage mobile À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š full-width content, no beige side gaps*/
@media (max-width: 900px) {
  body.itemid-101 .tck-container,
  body.itemid-101 .tck-row,
  body.itemid-101 .flexiblecolumn,
  body.itemid-101 .sp-component,
  body.itemid-101 .sp-component-content,
  body.itemid-101 #maincontent,
  body.itemid-101 #maincontent > .inner,
  body.itemid-101 .tck-wrapper,
  body.itemid-101 #wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
}

/*======
 HOMEPAGE MOBILE FULL-WIDTH FIX (768px)
 Overrides all 1100px constraints on body.itemid-101 for mobile.
 Must be last in file À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š wins by cascade order over bare desktop rules
 (line 742: body.itemid-101 #wrapper and line 1138: main#center > .inner).
 Does NOT touch #wrapper3 (nav stays as-is, handled above).
 ======*/
@media (max-width: 768px) {
  body.itemid-101 #wrapper,
  body.itemid-101 #wrapper > .inner,
  body.itemid-101 #maincontent,
  body.itemid-101 #maincontent > .inner,
  body.itemid-101 main#center > .inner,
  body.itemid-101 .sp-component,
  body.itemid-101 .sp-component-content,
  body.itemid-101 .tck-container,
  body.itemid-101 .tck-container-fluid,
  body.itemid-101 .tck-wrapper,
  body.itemid-101 .tck-row,
  body.itemid-101 .flexiblecolumn {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
  }
}

/*======
 HOMEPAGE FULL-WIDTH FIX (itemid-101)
 Removes white gap above hero and wrapper padding constraints
 ======*/

/*Strip top padding and white background from the .inner content wrapper*/
.itemid-101 #center > .inner {
  padding-top: 0 !important;
  background: transparent !important;
}

/*Remove side padding so hero can span full container width*/
.itemid-101 #center > .inner,
.itemid-101 #maincontent > .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*Strip article wrapper margin/padding*/
.itemid-101 .tck-article,
.itemid-101 .tck-article-body {
  padding: 0 !important;
  margin: 0 !important;
}

/*Hide any residual empty paragraph before the PBC block*/
.itemid-101 .tck-article-body > p:first-child:empty,
.itemid-101 .tck-article-body > p:first-of-type:empty {
  display: none !important;
  margin: 0 !important;
}

/*======
 HOME À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š SUBSCRIBE BUTTON SPACING
 Remove white gap between hero and Subscribe button;
 add breathing room below it to match Your Alliance button layout.
 ======*/
body.itemid-101 .ca-white-gap { display: none !important; }

body.itemid-101 img[src*="Subscribe"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 48px !important;
}

/*======
 HOME À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š LAYER CARDS (How it works)
 Stack vertically; alternate white / light-green so each card is distinct.
 ======*/

body.itemid-101 .ca-layer-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.itemid-101 .ca-layer-card {
  border-radius: 16px !important;
  padding: 32px 40px !important;
  border: 1px solid #D4E8DF !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

/*Uniform per-section cards (less busy) — cards contrast their section bg:
 green section (.ca-section-alt) -> white cards; white section (.ca-section) -> green cards*/
body.itemid-101 .ca-section-alt .ca-layer-card {
  background: #ffffff !important;   /*How it works (green section) -> white layers*/
}
body.itemid-101 .ca-section .ca-layer-card {
  background: #E8F5EF !important;   /*Alliance (white section) -> green benefits*/
}
body.itemid-101 .ca-cause-card {
  background: #ffffff !important;   /*What cause (green section) -> all white causes*/
}

/*Home page: card titles use the green serif style
 (matches the "What cause won't let go of you?" heading)*/
body.itemid-101 .ca-layer-card h3,
body.itemid-101 .ca-cause-title {
  font-family: 'DM Serif Display', serif !important;
  color: #0F6E56 !important;
  font-weight: 400 !important;
}

/*Home page: section titles in .ca-section-alt ("Alliance + KnowledgeBase +
 Culture", "Alliance") -> match the green h1 titles (font, color, size).
 NB: the CTA is .ca-cta (not .ca-section) so it stays white.*/
body.itemid-101 .ca-section h2,
body.itemid-101 .ca-section-alt h2 {
  font-family: 'DM Serif Display', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #0F6E56 !important;
  text-align: center !important;
}

/*Home: force the Alliance ("New Organization Model") block white
 (its section is .ca-section; this guarantees no parent green bleeds through)*/
body.itemid-101 #ID1782742132912 .ca-section {
  background: #ffffff !important;
}

/*======
 CULTURE PAGE: uniform white-card sections (matches Home "Is this you?")
 ======*/
/*Evergreen Actions: whole panel green (override the section's opaque
 var(--bg-alt)) so the label/title/subtitle sit on green; white cards inside*/
body.itemid-5269 #row_ID1778178618348 > .inner,
body.itemid-5269 #row_ID1778178618348 .ca-section-alt {
  background: #E8F4EF !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.itemid-5269 .ca-action-list .ca-action {
  background: #ffffff !important;
}

/*Alliance Culture section -> label row + accordion row form ONE white card*/
body.itemid-5269 #row_ID1782940404667 > .inner {
  background: #ffffff !important;
  border: 1px solid #D4E8DF !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
  padding: 26px 30px 6px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
  margin-bottom: 0 !important;
}
body.itemid-5269 #row_ID1782937969953 > .inner {
  background: #ffffff !important;
  border: 1px solid #D4E8DF !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
  padding: 6px 30px 26px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
  margin-top: 0 !important;
}

/*Culture page: "Sunday Reflection" section -> light-green card*/
body.itemid-5269 #row_ID1778781862147 > .inner {
  background: #E8F4EF !important;
  border: 1px solid #D4E8DF !important;
  border-radius: 14px !important;
  padding: 26px 30px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

/*======
 SECTION-LABEL STANDARD (matches Home "Is this you?" .ca-section-label)
 16px, weight 500, green, left, sentence-case, sits top-left of section
 ======*/
.ca-section-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #0F6E56;
  letter-spacing: 0.09em;
  text-transform: none;
  margin-bottom: 16px;
  text-align: left;
}
/*Culture page: normalize its existing labels to the standard*/
body.itemid-5269 .ca-label,
body.itemid-5269 .ca-eyebrow {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0F6E56 !important;
  letter-spacing: 0.09em !important;
  text-transform: none !important;
  text-align: left !important;
  margin-bottom: 16px !important;
}
/*Culture page: the two old inline 18pt bold headings
 ("Alliance Culture", "Sunday Reflection") -> match the standard*/
body.itemid-5269 span[style*="18pt"] {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0F6E56 !important;
  letter-spacing: 0.09em !important;
  text-transform: none !important;
}

/*======
 CTA SECTION À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š FORCE WHITE TEXT
 ======*/
section.ca-cta {
  background: #0F6E56 !important;
  padding: 60px 48px !important;
}
section.ca-cta * { color: #ffffff !important; }
section.ca-cta h2 { color: #ffffff !important; }
section.ca-cta p { color: #ffffff !important; }
section.ca-cta div { color: #ffffff !important; }

/*======
 BUTTON TEXT COLOR FIXES
 ======*/
.ca-btn-primary { color: #0F6E56 !important; }
.ca-btn-ghost { color: #ffffff !important; }

/*Sunday Reflection button (light-background pages)*/
.ca-btn-reflection {
  display: inline-block;
  background: #0F6E56 !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none !important;
  border: none;
  transition: background 0.18s, transform 0.18s;
}
.ca-btn-reflection:hover {
  background: #0C5A47 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
section.ca-hero .ca-btn-ghost { color: #ffffff !important; }
section.ca-cta .ca-btn-ghost { color: #ffffff !important; }
body.com_content .item-page section.ca-hero a,
body.com_content .item-page section.ca-cta a { color: #ffffff !important; }
body.com_content .item-page section.ca-hero a.ca-btn-primary,
body.com_content .item-page section.ca-cta a.ca-btn-primary { color: #0F6E56 !important; }

/*======
 HERO INNER À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š override PBC inline style (max-width: 660px)
 ======*/
.ca-hero-inner {
  max-width: 900px !important;
}

body.itemid-101 .ca-hero h1 {
  font-size: 2.6rem !important;
  line-height: 1.2 !important;
}

/*Match section card indent to hero card*/
.ca-section,
.ca-section-alt {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

/*Override PBC inline style: .ca-checks { max-width: 580px }*/
.ca-checks {
  max-width: 100% !important;
}

/*Override PBC inline style: .ca-footnote { max-width: 480px }*/
.ca-footnote {
  max-width: 100% !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--text) !important;
  text-align: center !important;
}

/*======
 CONTENT CONTAINER WIDTH À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š 1100px
 95% applied once at the TCK container only À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š prevents compounding
 across nested PBC layout divs.
 ======*/
#wrapper > .inner.tck-container {
  max-width: 1100px !important;
  width: 95% !important;
}

/*Inner structural elements fill the container À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š no compounding*/
#maincontent,
#maincontent > .inner,
main#center,
main#center > .inner {
  max-width: 100% !important;
  width: 100% !important;
}

/*Override 780px sub-page constraint on all four main pages*/
body.itemid-101 .tck-wrapper,
body.itemid-127 .tck-wrapper,
body.itemid-5267 .tck-wrapper,
body.itemid-5269 .tck-wrapper,
body.itemid-101 #sp-component,
body.itemid-127 #sp-component,
body.itemid-5267 #sp-component,
body.itemid-5269 #sp-component,
body.itemid-101 .sp-component-content,
body.itemid-127 .sp-component-content,
body.itemid-5267 .sp-component-content,
body.itemid-5269 .sp-component-content {
  max-width: 1100px !important;
}

/*======
 INTERIOR PAGES (#1, #2, #3) À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š FULL-WIDTH CONTENT
 Hides any sidebar columns and expands center content to 1100px.
 Note: itemid-5269 = #3 Alliance (NOT 5268).
 itemid-5266 = Your Alliance, 5267 = Brief Updates, 5269 = Positive Culture
 ======*/
body.itemid-127 #sidebar,
body.itemid-127 #sp-left,
body.itemid-127 #sp-right,
body.itemid-127 .sp-columns,
body.itemid-5266 #sidebar,
body.itemid-5266 #sp-left,
body.itemid-5266 #sp-right,
body.itemid-5266 .sp-columns,
body.itemid-5267 #sidebar,
body.itemid-5267 #sp-left,
body.itemid-5267 #sp-right,
body.itemid-5267 .sp-columns,
body.itemid-5269 #sidebar,
body.itemid-5269 #sp-left,
body.itemid-5269 #sp-right,
body.itemid-5269 .sp-columns {
  display: none !important;
}

body.itemid-127 #sp-component,
body.itemid-5266 #sp-component,
body.itemid-5267 #sp-component,
body.itemid-5269 #sp-component,
body.itemid-127 .sp-component-content,
body.itemid-5266 .sp-component-content,
body.itemid-5267 .sp-component-content,
body.itemid-5269 .sp-component-content {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/*======
 INNER MAIN PAGES À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š FULL-WIDTH HERO (match Home)
 Strips the outer article card and container padding so PBC sections
 fill edge-to-edge, just like body.itemid-101.
 ======*/

/*Show sticky nav on Your Alliance*/
body.itemid-5266 #wrapper3 { display: block !important; }

/*Background À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š match body*/
body.itemid-5266 { background-color: #F5F4F0 !important; }
body.itemid-5266 #wrapper1 { display: none !important; }
body.itemid-5266 #wrapper { padding-top: 0 !important; }
body.itemid-5266 #wrapper > .inner { padding-top: 0 !important; }

/*Zero all container padding so PBC blocks fill edge-to-edge*/
body.itemid-5266 .sp-component-content,
body.itemid-5267 .sp-component-content,
body.itemid-5269 .sp-component-content {
  padding: 0 !important;
  background: transparent !important;
}

body.itemid-5266 #maincontent > .inner,
body.itemid-5267 #maincontent > .inner,
body.itemid-5269 #maincontent > .inner,
body.itemid-5266 main#center > .inner,
body.itemid-5267 main#center > .inner,
body.itemid-5269 main#center > .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

/*Strip .item-page white card À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š PBC sections handle their own backgrounds*/
body.itemid-5266 .item-page,
body.itemid-5267 .item-page,
body.itemid-5269 .item-page {
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

/*Zero article wrapper margin/padding*/
body.itemid-5266 .tck-article,
body.itemid-5266 .tck-article-body,
body.itemid-5267 .tck-article,
body.itemid-5267 .tck-article-body,
body.itemid-5269 .tck-article,
body.itemid-5269 .tck-article-body {
  padding: 0 !important;
  margin-top: 0 !important;
}

/*Strip #wrapper left/right padding (template default) + set center to 100% width*/
body.itemid-5266 #wrapper,
body.itemid-5267 #wrapper,
body.itemid-5269 #wrapper {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

body.itemid-5266 main#center > .inner,
body.itemid-5267 main#center > .inner,
body.itemid-5269 main#center > .inner {
  max-width: 100% !important;
  width: 100% !important;
}

/*Hide article title on Your Alliance (admin name leaks through)*/
body.itemid-5266 h2.tck-article-title,
body.itemid-5266 .tck-article-title,
body.itemid-5266 .page-header,
body.itemid-5266 h1.page-header,
body.itemid-5266 h2.page-header {
  display: none !important;
}

/*======
 YOUR ALLIANCE À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š MEMBERSHIP GATE
 Template PHP checks hal1_osmembership_subscribers for plan_id=14 (Build Alliance).
 Adds body.has-alliance when user has an active subscription.
 Row IDs are from PBC page 98 (stable unless rows are deleted/re-created).
 ======*/

/*Default (non-members): hide workspace heading À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š Start button stays visible*/
body.itemid-5266 #row_ID1778811466196 [data-type="text"] {
  display: none !important;
}

/*Default (non-members): hide only the actual workspace module row.
 The collapsible (What an Alliance Is), CTA, and examples remain visible
 as teaser content to help fence-sitters decide to join.*/
body.itemid-5266 #row_ID1778806484196 {
  display: none !important;
}

/*Alliance members: reveal workspace heading*/
body.has-alliance.itemid-5266 #row_ID1778811466196 [data-type="text"] {
  display: block !important;
}

/*Alliance members: reveal the workspace module*/
body.has-alliance.itemid-5266 #row_ID1778806484196 {
  display: block !important;
}

/*Alliance members: hide Start button*/
body.has-alliance.itemid-5266 #row_ID1778811466196 [data-type="image"] {
  display: none !important;
}

/*======
 YOUR ALLIANCE À™Ãƒâ€ƒƒ€š€žƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€šƒ€™Ãƒ€šƒƒâ€šƒ€™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒ€šƒƒâ€š EXAMPLE CARDS
 Light green card behind each of the 3 alliance examples,
 matching the cause-card style on the Home page.
 Industry Alliances is in the same row as the "Examples" heading,
 so target it by its specific cktype ID.
 ======*/





/*Hide "Ready to start your Alliance?" CTA on Your Alliance page*/
body.itemid-5266 .ca-cta-mid {
  display: none !important;
}


/*=== Alliance example cards (Your Alliance page) À™Ãƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒƒâ€ƒƒâ€šƒ€™Ãƒâ€šƒƒ€šƒâ€šƒƒâ€š matches Home LAYER card format ===*/
.ca-layer-card { background: #ffffff; border: 1px solid #D2D0C8; border-radius: 14px; padding: 26px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.ca-layer-num { font-size: 14px; font-weight: 500; color: #0F6E56; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 12px; }
.ca-layer-card h3 { font-size: 18px; font-weight: 500; color: #111111; margin-bottom: 10px; }
.ca-layer-card p { font-size: 16px; color: #3F3F3B; line-height: 1.65; margin-bottom: 10px; }
.ca-layer-card ul { font-size: 16px; color: #3F3F3B; line-height: 1.65; margin: 0 0 10px 0; padding-left: 20px; }
.ca-layer-card li { margin-bottom: 4px; }

/*=== Alliance examples section € .ca--label and heading to match Home page style ===*/
.ca--label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #3F3F3B;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
}

/*=== Your Alliance € Examples of Alliances section: matches Home LAYER card layout ===*/

/*Hide empty gray strip rows*/
body.itemid-5266 #row_ID1778804945397,
body.itemid-5266 #row_ID1780105757154 { display: none !important; }

/*Rows: continuous green background, zero gaps between them*/
body.itemid-5266 #row_ID1779579873520,
body.itemid-5266 #row_ID1779580021844,
body.itemid-5266 #row_ID1779580223592 {
  background: #E8F4EF !important;
  border-top: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/*First row: top breathing room; last row: bottom breathing room*/
body.itemid-5266 #row_ID1779579873520 { padding-top: 32px !important; }
body.itemid-5266 #row_ID1779580223592 { padding-bottom: 32px !important; }

/*Block inner divs: green fill, no gaps*/
body.itemid-5266 #block_ID1779579873520 > .inner,
body.itemid-5266 #block_ID1779580021844 > .inner,
body.itemid-5266 #block_ID1779580346700 > .inner {
  background: #E8F4EF !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*cktext.inner: green with 48px side padding = wide green margin on each side of white card*/
body.itemid-5266 #block_ID1779579873520 .cktext.inner,
body.itemid-5266 #block_ID1779580021844 .cktext.inner,
body.itemid-5266 #block_ID1779580346700 .cktext.inner {
  background: #E8F4EF !important;
  padding: 16px 48px !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/*Alliance page: section titles green like Home*/
body.itemid-5266 .ca-h2 {
  color: #0F6E56 !important;
}
/*Culture page: section titles green like Home*/
body.itemid-5269 .ca-h2 {
  color: #0F6E56 !important;
}
/*KnowledgeBase page: section titles green like Home*/
body.itemid-5267 .ca-h2 {
  color: #0F6E56 !important;
}
/*Alliance page: 2nd pane ("What History Keeps Teaching") light green background*/
body.itemid-5266 #section-history {
  background: #E8F4EF !important;
}

/*Button row: 24px gap matching Home page section spacing*/
body.itemid-5266 #row_ID1778811466196 { padding: 0 !important; margin: 0 !important; }

/*Section heading h2 (Industry + Generations + Causes)*/
body.itemid-5266 #ID1779579883353 h2 {
  font-size: 26px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 0;
  line-height: 1.3;
}

/*=== CSS-only tooltip (Page Builder CK) ===*/
.ck-tooltip { position: relative; display: inline-block; cursor: help; border-bottom: 1px dashed rgba(0,0,0,0.35); }
.ck-tooltip::after { content: attr(title); position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%); background: rgba(20,20,20,0.9); color: #fff; padding: 7px 12px; border-radius: 5px; font-size: 13px; font-weight: normal; line-height: 1.5; width: 260px; white-space: normal; text-align: center; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity 0.2s ease; }
.ck-tooltip:hover::after { opacity: 1; }

/*Collapsible sections (ca-collapsible pattern)*/
.ca-collapsible { border-bottom: 1px solid var(--border); background: var(--white); }
.ca-collapse-header { display: flex; align-items: center; justify-content: space-between; padding: 22px 48px; cursor: pointer; user-select: none; }
.ca-collapse-header:hover { background: #FAFAF8; }
.ca-collapse-title { font-size: 12px; font-weight: 500; color: var(--muted); text-transform: uppercase; letter-spacing: 0.09em; }
.ca-collapse-toggle { font-size: 12px; color: var(--teal); font-weight: 500; display: flex; align-items: center; gap: 6px; }
.ca-collapse-toggle svg { width: 14px; height: 14px; transition: transform 0.25s; }
.ca-collapse-toggle.collapsed svg { transform: rotate(-90deg); }
.ca-collapse-body { padding: 4px 48px 44px; overflow: hidden; transition: max-height 0.4s ease, opacity 0.35s ease; }
.ca-collapse-body.hidden { max-height: 0 !important; opacity: 0; padding-top: 0; padding-bottom: 0; pointer-events: none; }

/*======
 MOBILE (<=767px): trim forced card/panel side padding so content uses more
 of the narrow screen width (added 2026-07-05)
 ======*/
@media (max-width: 767px) {
  /*Home page cards*/
  body.itemid-101 .ca-layer-card { padding: 22px 18px !important; }
  body.itemid-101 .ca-cause-card { padding: 22px 18px !important; }
  /*Culture: Alliance-Culture card (label row + accordion row)*/
  body.itemid-5269 #row_ID1782940404667 > .inner { padding: 20px 16px 4px !important; }
  body.itemid-5269 #row_ID1782937969953 > .inner { padding: 4px 16px 20px !important; }
  /*Culture: Sunday Reflection card*/
  body.itemid-5269 #row_ID1778781862147 > .inner { padding: 20px 16px !important; }
}

/*======
 KNOWLEDGEBASE (itemid-5267) — apply site standard + cleanup (2026-07-06)
 ======*/
/*Mid-section eyebrow label -> 16px green standard (was old 11px uppercase)*/
body.itemid-5267 .ca-label {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0F6E56 !important;
  letter-spacing: 0.09em !important;
  text-align: left !important;
  margin-bottom: 16px !important;
}
/*Hide broken/empty placeholder images in the brief-directory icon grid*/
body.itemid-5267 img[src="/"],
body.itemid-5267 img[src=""],
body.itemid-5267 img:not([src]) {
  display: none !important;
}
/*Hide leftover "." spacer paragraphs in the directory label row*/
body.itemid-5267 #row_ID1781639682165 p[style*="text-align: right"] {
  display: none !important;
}
/*Brief-directory labels -> dark green to match the Alliance/Home link format
 (icons are the links; labels styled to read as part of the directory)*/
body.itemid-5267 #row_ID1781639682165 .cktext p,
body.itemid-5267 #row_ID1781639682165 .cktext span,
body.itemid-5267 #row_ID1781639682165 .cktext strong {
  color: #0F6E56 !important;
}
/*Tighten vertical space in the top (hero) and bottom (CTA) green boxes*/
body.itemid-5267 .ca-hero {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
body.itemid-5267 section.ca-cta {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/*Culture hero eyebrow ("YOUR CULTURE") — the itemid-5269 section-label rule
 painted it dark-green (#0F6E56) which is invisible on the dark-green hero.
 Override for the HERO context only: light-teal + centered, matching the KB hero.*/
body.itemid-5269 .ca-hero .ca-eyebrow {
  color: #9FE1CB !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 14px !important;
}

/*======
 CULTURE PAGE (itemid-5269) — Hero background restore 2026-07-26
 PBCK page 108 hero CSS was set to background:var(--bg) but the h1
 has inline color:#ffffff !important — white text on near-white = invisible.
 Restore dark-green background so all hero text is readable.
 ======*/
body.itemid-5269 .ca-hero {
  background: #0F6E56 !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
  border-bottom: none !important;
}
body.itemid-5269 .ca-hero p {
  color: rgba(255,255,255,0.85) !important;
  max-width: 580px !important;
}

/*Hide auto-generated Joomla article title on interior PBCK pages*/
body.itemid-5266 .page-header,
body.itemid-5267 .page-header,
body.itemid-5269 .page-header {
  display: none !important;
}

/*Culture page hero h1 - white on dark green background*/
body.itemid-5269 .ca-hero h1 {
  color: #ffffff !important;
}
/*Footer menu — display links in one row*/
footer ul,
#footer ul,
.tck-position-footer ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

footer li,
#footer li,
.tck-position-footer li {
    display: inline-block !important;
}

/*---- cAlliances: footer menu in a row ---- added 19 Sep 2026 ======
 The four footer links are a mod_menu in position footer-menu. Scoped to
 .footer-menu ul.mod-menu so the mod-custom code blocks sharing that
 position are untouched. !important because the list otherwise stacks.*/
.footer-menu ul.mod-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 30px;
    margin: 0 0 14px;
    padding: 22px 0 26px;
    list-style: none;
}
.footer-menu ul.mod-menu > li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
    width: auto;
}
.footer-menu ul.mod-menu > li > a {
    display: inline-block;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: #0F6E56;
    text-decoration: none;
    white-space: nowrap;
    padding: 2px 0;
}
.footer-menu ul.mod-menu > li > a:hover,
.footer-menu ul.mod-menu > li > a:focus {
    text-decoration: underline;
}
@media (max-width: 480px) {
    .footer-menu ul.mod-menu { gap: 8px 18px; }
    .footer-menu ul.mod-menu > li > a { font-size: 13px; }
}

/* ---- cAlliances: hidden Alliance ID field ---- added 20 Sep 2026 ----------------
   Membership Pro field 36 is pre-filled by plg_system_caallianceprefill and
   read by plan 14's provisioning to tell a founder from an invitee. It must
   keep rendering and submitting, so it is hidden here rather than switched
   off. The :has() rules catch the label and wrapper MP draws around it. */
.ca-hidden-field { display: none !important; }
.control-group:has(> .ca-hidden-field),
.control-group:has(.ca-hidden-field),
.controls:has(> .ca-hidden-field),
div:has(> input.ca-hidden-field) > label { display: none !important; }

/* My Account: hide the second, read-only Email row - the username row above already shows it (27 Sep 2026) */
#profile-page #field_email { display: none !important; }

/* Invitation join page: Mobile # and Professional Profile are optional and added later on My Account - hidden here, still submitted (27 Sep 2026) */
body.itemid-3263 #field_phone,
body.itemid-3263 #field_yourprofessionalprofile { display: none !important; }

/* Alliance page, all types (Al, 3 Oct 2026): the old Examples of Alliances rows are empty now - their pale-teal fill showed as a blank strip above the footer. */
body.itemid-5266 #row_ID1779579873520,
body.itemid-5266 #row_ID1779580021844,
body.itemid-5266 #row_ID1779580223592 { display: none !important; }


/* Bottom Back button, all alliance types (Al, 4 Oct 2026): ca-back-bottom.js (inlined by plg_system_cafamily) repeats
   the page's own top Back at the bottom left of member pages taller than about two screens. The button keeps the top
   one's label and look; these rules only place it. */
#center > .ca-back-bottom {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  clear: both;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 32px 0 24px !important;
  padding: 0 !important;
  text-align: left !important;
}
#center > .ca-back-bottom[hidden] { display: none !important; }


/* Briefs on phones (Al, 4 Oct 2026): the Constant Contact email HTML in the Startups and Encouragement Briefs keeps the
   email's fixed 620px "shell" table, which made the whole page 699px wide on a phone (sideways scrolling). Let its
   tables shrink to the screen. Scoped to .ca-brief, the wrapper the brief generators add. */
@media (max-width: 767px) {
  #center .ca-brief table,
  #center .ca-brief td { max-width: 100% !important; box-sizing: border-box !important; }
  #center .ca-brief table.shell_width-row,
  #center .ca-brief table[style*="width"] { width: 100% !important; }
  #center .ca-brief img { max-width: 100% !important; height: auto !important; }
}

/* Meetings page "About our meetings" box, privacy link and founder settings on phones (Al, 4 Oct 2026): the page card
   already has padding, so drop the box's own side gutter and keep the text column readable. */
@media (max-width: 767px) {
  #center .ca-meetings-about { padding: 0 !important; margin-top: 20px !important; }
  #center .ca-meetings-about > div { padding: 14px 14px !important; }
  #center .ca-privacy-link,
  #center .ca-privacy-link + div { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Industry and Profession are for Industry alliances (Al, 4 Oct 2026): plg_system_cafamily sets html.ca-no-industry
   on the join page of a Family/Civic/Faith invitation and on the Build Alliance form while another type is chosen. */
html.ca-no-industry #field_industry,
html.ca-no-industry #field_profession { display: none !important; }

/* A cancelled invitation (alliance_invites.php, 4 Oct 2026): the join page shows the message, not the form. */
html.ca-invite-cancelled #center form { display: none !important; }

/* Text boxes that grow as you type (family_plan.php quarterly assessment comment, 4 Oct 2026). */
textarea.ca-autogrow { min-height: 8.5em; overflow-y: hidden; resize: vertical; }

/* Notes + Research & resources on Family Plan stages (alliance_research.php, 5 Oct 2026) */
.ca-res { font-family: 'DM Sans', sans-serif; color: #1a1a1a; }
.ca-res-card { background: #fff; border: 1px solid #d6e6df; border-radius: 12px; padding: 16px 18px; margin: 14px 0 0; }
.ca-res-h { font-family: 'DM Sans', sans-serif !important; font-size: 19px !important; font-weight: 700 !important; color: #0f6e56 !important; line-height: 1.3 !important; margin: 0 0 6px !important; }
.ca-res-meta { font-size: 13px !important; line-height: 1.5 !important; color: #6b6b6b !important; margin: 4px 0 0 !important; }
.ca-res-notice { background: #e9f7f3; border: 1px solid #9fd8c6; border-radius: 8px; padding: 10px 14px; margin: 14px 0 0; font-size: 14px; }
.ca-res-form { margin: 10px 0 4px; }
.ca-res-form textarea, .ca-res-form input[type=text], .ca-res-form input[inputmode=url] { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d2d0c8; border-radius: 8px; font-family: inherit; font-size: 15px; line-height: 1.55; background: #fff; margin: 4px 0 0; }
.ca-res-form textarea.ca-autogrow { min-height: 4.5em; }
.ca-res-label { display: block; font-size: 13px; font-weight: 600; margin: 10px 0 0; }
.ca-res-opt { font-weight: 400; color: #6b6b6b; }
.ca-res-btn { display: inline-block; border: none; padding: 9px 16px; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; margin: 8px 8px 0 0; background: #0F6E56 !important; color: #fff !important; }
.ca-res-add { margin: 12px 0 4px; }
.ca-res-add summary { cursor: pointer; font-size: 14px; font-weight: 600; color: #0F6E56; }
.ca-res-item { border-top: 1px solid #ebeae4; padding: 12px 0 2px; margin: 12px 0 0; }
.ca-res-text, .ca-res-answer { font-size: 15px; line-height: 1.6; }
.ca-res-title, .ca-res-q { font-size: 15px; font-weight: 600; margin: 0 0 4px; }
.ca-res-title a, .ca-res-sources a { color: #2A6EBB; text-decoration: underline; text-underline-offset: 2px; }
.ca-res-cite { font-size: 11px; color: #6b6b6b; margin-left: 1px; }
.ca-res-sources { font-size: 13px; line-height: 1.5; margin: 8px 0 0; padding-left: 22px; }
.ca-res-host { color: #888780; }
.ca-res-del { display: inline; margin: 0 0 0 10px; }
.ca-res-del button { background: none !important; border: none; padding: 0; color: #a33 !important; font-size: 13px; cursor: pointer; text-decoration: underline; }

/* Top menu: every top-level item identical on every page and every alliance kind (Al, 5 Oct 2026).
   "Family Updates", "My Account", "Briefs", "Reflections" are menu HEADINGS (span.nav-header), which had no menu
   styling of their own and took each page's body font and size. The current item is marked by colour, underline and
   a faux-bold text-shadow instead of font-weight 700, so its width never changes and Logout / Suggest never move. */
@media (min-width: 768px) {
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item:not(.item-5663) > a,
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item:not(.item-5663) > span.nav-header {
    display: inline-block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #777777 !important;
    padding: 15px 7px 13px !important;          /* the template's own spacing (15px 7px, margins 2px / 10px) */
    margin: 2px 10px 0 2px !important;
    border-top: 0 !important;
    border-bottom: 2px solid transparent !important;
    text-shadow: none !important;
    cursor: pointer;
  }
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item:not(.item-5663) > a:hover,
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item:not(.item-5663):hover > span.nav-header {
    color: #0F6E56 !important;
    border-top: 4px solid #1d8d7e !important;   /* the template's hover bar, height kept */
    padding-top: 11px !important;
  }
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item.current:not(.item-5663) > a,
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item.active:not(.item-5663) > a,
  #wrapper3 nav#block6 ul.mod-menu > li.nav-item.active:not(.item-5663) > span.nav-header,
  body.itemid-101 #wrapper3 nav#block6 ul.mod-menu > li.nav-item.item-5265 > a {
    color: #0F6E56 !important;
    font-weight: 400 !important;
    border-bottom: 2px solid #0F6E56 !important;
    text-shadow: 0 0 0.6px #0F6E56, 0 0 0.6px #0F6E56 !important;
    padding: 15px 7px 13px !important;   /* overrides the older current-tab / homepage rules' 2px bottom padding */
  }
}
@media (max-width: 767px) {
  #wrapper3 nav#block6 ul li > span.nav-header,
  #wrapper3 nav#block6 .nav li > span.nav-header {
    display: block !important;
    padding: 12px 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #1a1a1a !important;
  }
  #wrapper3 nav#block6 ul li a,
  #wrapper3 nav#block6 .nav li a { font-family: 'DM Sans', sans-serif !important; line-height: 1.5 !important; }
}


/* Alliance page resource tiles (PBCK 98/120/122/124, 5 Oct 2026): each tile = icon + its label, so they stay together
   on phones; the icon area has one fixed height so the labels line up on desktop whatever the icon's size. */
#row_ID1782916931227 .blockck .imageck, #row_ID1785958256052 .blockck .imageck, #row_ID1785958256052 .blockck .moduleck {
  height: 132px; display: flex; align-items: center; justify-content: center;
}
#row_ID1782916931227 .blockck .cktext p, #row_ID1785958256052 .blockck .cktext p { margin: 6px 0 18px !important; }

/* Manage Group Members, Family / Civic / Faith alliances (4 Oct 2026): Industry, Profession and Professional Profile columns. */
table .ca-hide-col { display: none !important; }

/* Welcome tour (welcome_tour.php, 4 Oct 2026): opens once for a new invitee on the Alliance page; "Take the welcome tour" reopens it. */
.ca-tour-launch { max-width: 900px; margin: 8px auto 28px; padding: 0 16px; text-align: center; }
.ca-tour-open { background: #fff !important; color: #0F6E56 !important; border: 1.5px solid #0F6E56 !important; border-radius: 999px !important; padding: 8px 18px !important; font: 600 15px/1.3 'DM Sans', sans-serif !important; cursor: pointer; }
.ca-tour-open:hover, .ca-tour-open:focus-visible { background: #EAF7F1 !important; }
.ca-tour { position: fixed; inset: 0; z-index: 10000; background: rgba(20, 32, 28, 0.55); display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.ca-tour[hidden] { display: none !important; }
html.ca-tour-on, html.ca-tour-on body { overflow: hidden; }
.ca-tour-panel { background: #fff; color: #1a1a1a; width: 100%; max-width: 520px; max-height: calc(100% - 32px); overflow-y: auto; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,0.25); padding: 26px 26px 18px; box-sizing: border-box; font-family: 'DM Sans', sans-serif; text-align: left; }
.ca-tour-step { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #0F6E56; margin: 0 0 6px; }
.ca-tour-title { font-family: 'DM Serif Display', serif !important; font-size: 26px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #0f6e56 !important; margin: 0 0 12px !important; text-align: left !important; }
.ca-tour-body { font-size: 16px; line-height: 1.6; color: #2b2b28; }
.ca-tour-body p { margin: 0 0 10px; }
.ca-tour-body a { color: #0F6E56; font-weight: 600; }
.ca-tour-challenge { margin: 4px 0 10px; padding: 10px 14px; background: #E1F5EE; border-left: 3px solid #5DCAA5; border-radius: 0 8px 8px 0; font-size: 15px; color: #1a1a1a; }
.ca-tour-link { display: inline-block; margin-top: 2px; text-decoration: none; }
.ca-tour-first-label { margin: 14px 0 6px !important; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6b6b; }
.ca-tour-first { display: inline-block; background: #0F6E56; color: #fff !important; border-radius: 10px; padding: 10px 16px; text-decoration: none; font-weight: 600; }
.ca-tour-dots { display: flex; gap: 6px; justify-content: center; margin: 16px 0 12px; }
.ca-tour-dots span { width: 8px; height: 8px; border-radius: 50%; background: #d6e6df; }
.ca-tour-dots span.on { background: #0F6E56; }
.ca-tour-nav { display: flex; align-items: center; gap: 8px; }
.ca-tour-gap { flex: 1; }
.ca-tour-nav button { border-radius: 8px !important; padding: 9px 16px !important; font: 600 15px/1.2 'DM Sans', sans-serif !important; cursor: pointer; }
.ca-tour-skip { background: none !important; border: none !important; color: #6b6b6b !important; padding-left: 0 !important; }
.ca-tour-back { background: #fff !important; color: #0F6E56 !important; border: 1px solid #0F6E56 !important; }
.ca-tour-next { background: #0F6E56 !important; color: #fff !important; border: 1px solid #0F6E56 !important; min-width: 84px; }
.ca-tour-nav button:focus-visible, .ca-tour-open:focus-visible { outline: 3px solid #5DCAA5; outline-offset: 2px; }
.ca-tour-back[hidden] { display: none !important; }
@media (max-width: 767px) {
  .ca-tour { align-items: flex-end; padding: 0; }
  .ca-tour-panel { max-width: none; max-height: 88%; border-radius: 16px 16px 0 0; padding: 22px 18px 16px; }
  .ca-tour-title { font-size: 23px !important; }
}
@media (prefers-reduced-motion: no-preference) { .ca-tour-panel { animation: ca-tour-in 0.18s ease-out; } }
@keyframes ca-tour-in { from { transform: translateY(12px); opacity: 0.6; } to { transform: none; opacity: 1; } }

/* Email Invite page on phones (4 Oct 2026): the form's 70-column boxes made the page 645px wide. Let them fit the screen. */
@media (max-width: 767px) {
  body.itemid-3208 #adminForm textarea,
  body.itemid-3208 #adminForm input[type="text"],
  body.itemid-3208 #adminForm select { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  body.itemid-3208 #adminForm .controls,
  body.itemid-3208 #adminForm .control-group { max-width: 100% !important; min-width: 0 !important; }
}
#center > .ca-back-bottom > * { max-width: 100%; box-sizing: border-box; }
@media (max-width: 767px) {
  #center > .ca-back-bottom { margin: 24px 0 20px !important; }
  #center > .ca-back-bottom > * { touch-action: manipulation; }
}
/* Hero h1 stays white on article pages: beats "body.com_content.view-article h1" (teal) above. Al, 5 Oct 2026 */
body.com_content.view-article .ca-hero h1 { color: #ffffff !important; }
/* Family Alliance page (PBCK 120), Al 5 Oct 2026: Our Family Plan + Ready Kit (from {alliance_family_tools}) sit in the same white ca-section band and
   light-green panel as "Why this works"; the cards fill the panel's inner width (the edges of the Why cards) and use the Why card style. */
body.itemid-5266 .ca-section .ca-family-tools { max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.itemid-5266 .ca-section .ca-plan-feature,
body.itemid-5266 .ca-section .ca-readykit-card { background: #ffffff !important; border: 1px solid #d5e2dc !important; border-radius: 14px !important; padding: 24px !important; box-shadow: none !important; }
body.itemid-5266 .ca-section .ca-readykit-card { margin-top: 16px !important; }
/* Alliance pages, all four kinds (Al, 5 Oct 2026): "Why this works" is the Culture page's "How we want to be together" panel.
   Same markup and classes as PBCK 121 (ca-section / ca-p / ca-culture-grid / ca-support-card); the Culture page defines those in its
   own Page Builder style block, so the Alliance page (itemid 5266) gets the same values here. */
body.itemid-5266 .ca-section { padding-top: 64px; padding-bottom: 64px; background: #ffffff; font-size: 14px; line-height: 24px; color: #000000; }
body.itemid-5266 .ca-culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 900px; margin: 0 auto; }
body.itemid-5266 .ca-support-card { grid-column: 3; }
@media (max-width: 800px) {
  body.itemid-5266 .ca-culture-grid { grid-template-columns: 1fr; }
  body.itemid-5266 .ca-support-card { grid-column: auto; }
}
/* A retired alliance's invitation link (cafamily, 6 Oct 2026): only the "no longer active" notice, none of the invitation */
html.ca-invite-retired #osm-join-group-page { display: none !important; }

/* ===== Faith showcase page /faith (7 Oct 2026) - public, unlisted, noindex. Same look as the home page (PBCK 102). ===== */
.ca-faith { font-family: 'DM Sans', sans-serif; color: #111111; font-size: 18px; line-height: 1.7; }
.ca-faith * { box-sizing: border-box; }
.ca-faith-hero { background: #0F6E56 !important; color: #ffffff; padding: 60px 48px 64px; position: relative; overflow: hidden; }
.ca-faith-hero::before { content: ''; position: absolute; top: -140px; right: -140px; width: 520px; height: 520px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.06); pointer-events: none; }
.ca-faith-hero::after { content: ''; position: absolute; top: -70px; right: -70px; width: 340px; height: 340px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.06); pointer-events: none; }
.ca-faith-hero-inner { max-width: 760px; position: relative; z-index: 1; }
.ca-faith-eyebrow { font-size: 13px; font-weight: 500; color: #9FE1CB; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 18px; }
.ca-faith .ca-faith-hero h1, .ca-faith .ca-faith-hero h2 { font-family: 'DM Serif Display', serif !important; font-weight: 400 !important; color: #ffffff !important; line-height: 1.2 !important; margin: 0 0 22px !important; }
.ca-faith .ca-faith-hero h1 { font-size: 42px !important; }
.ca-faith .ca-faith-hero h2 { font-size: 32px !important; }
.ca-faith .ca-faith-hero p { font-size: 18px !important; line-height: 1.75 !important; color: rgba(255,255,255,0.88) !important; margin: 0 0 30px !important; max-width: 640px; }
.ca-faith-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.ca-faith a.ca-faith-btn { display: inline-flex; align-items: center; justify-content: center; font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 500; padding: 14px 26px; border-radius: 10px; text-decoration: none !important; line-height: 1.3; transition: background 0.18s, transform 0.18s; }
.ca-faith a.ca-faith-btn-light { background: #ffffff; color: #085041 !important; border: 1.5px solid #ffffff; }
.ca-faith a.ca-faith-btn-light:hover { background: #EAF7F1; transform: translateY(-1px); }
.ca-faith a.ca-faith-btn-outline { background: transparent; color: #ffffff !important; border: 1.5px solid rgba(255,255,255,0.7); }
.ca-faith a.ca-faith-btn-outline:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }
.ca-faith-section { background: #ffffff; padding: 64px 48px; }
.ca-faith-alt { background: #E8F4EF; }
.ca-faith-label { font-size: 16px; font-weight: 500; color: #0F6E56; letter-spacing: 0.09em; margin-bottom: 10px; }
.ca-faith .ca-faith-section h2 { font-family: 'DM Serif Display', serif !important; font-size: 28px !important; font-weight: 400 !important; color: #0F6E56 !important; text-align: center; line-height: 1.3 !important; margin: 0 0 32px !important; }
.ca-faith-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.ca-faith-card { background: #ffffff; border: 1px solid #D2D0C8; border-radius: 12px; padding: 26px 28px; }
.ca-faith-num { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #0F6E56; margin-bottom: 6px; }
.ca-faith .ca-faith-card h3 { font-family: 'DM Serif Display', serif !important; font-size: 19px !important; font-weight: 400 !important; color: #0F6E56 !important; line-height: 1.3 !important; margin: 0 0 10px !important; }
.ca-faith .ca-faith-card p { font-size: 16px !important; line-height: 1.7 !important; color: #2C2C2A !important; margin: 0 !important; }
.ca-faith-checks { list-style: none; padding: 0 !important; margin: 0 auto !important; max-width: 760px; background: #E8F5EF; border: 1px solid #D4E8DF; border-radius: 16px; padding: 30px 36px !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
.ca-faith-checks li { position: relative; padding-left: 38px; margin: 0 0 18px; font-size: 17px; line-height: 1.65; color: #111111; }
.ca-faith-checks li:last-child { margin-bottom: 0; }
.ca-faith-checks li::before { content: '\2713'; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; background: #EAF7F1; border: 1.5px solid #5DCAA5; color: #0F6E56; font-size: 12px; line-height: 21px; text-align: center; }
.ca-faith .ca-faith-note { text-align: center; font-size: 15px !important; color: #3F3F3B !important; margin: -18px auto 28px !important; max-width: 640px; }
.ca-faith-shots { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; align-items: start; }
.ca-faith-shot { margin: 0; background: #ffffff; border: 1px solid #D4E8DF; border-radius: 14px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.ca-faith-shot-wide { grid-column: 1 / -1; }
.ca-faith-shot img { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid #ECEAE3; }
.ca-faith-shot figcaption { font-size: 15px; line-height: 1.6; color: #3F3F3B; margin-top: 12px; }
.ca-faith-shot figcaption strong { color: #0F6E56; font-weight: 600; }
.ca-faith-cta { padding: 56px 48px; }
@media (max-width: 760px) {
  .ca-faith-hero, .ca-faith-cta { padding: 40px 20px 44px; }
  .ca-faith .ca-faith-hero h1 { font-size: 31px !important; }
  .ca-faith .ca-faith-hero h2 { font-size: 26px !important; }
  .ca-faith .ca-faith-hero p { font-size: 17px !important; }
  .ca-faith-actions { flex-direction: column; }
  .ca-faith a.ca-faith-btn { width: 100%; }
  .ca-faith-section { padding: 44px 16px; }
  .ca-faith-cards, .ca-faith-shots { grid-template-columns: 1fr; gap: 14px; }
  .ca-faith-card { padding: 22px 20px; }
  .ca-faith-checks { padding: 22px 18px !important; }
  .ca-faith-checks li { font-size: 16px; }
}

/* /faith layout (7 Oct 2026): full width like the home page (the body.itemid-101 rules above), not the 780px article card. */
body.com_content.view-article.itemid-5675 { background: #F5F4F0 !important; }
body.itemid-5675 #wrapper { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: transparent !important; }
body.itemid-5675 #wrapper > .inner, body.itemid-5675 .tck-container { max-width: 1100px !important; margin: 0 auto !important; padding-top: 0 !important; }
body.itemid-5675 main#center > .inner, body.itemid-5675 #maincontent > .inner { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin-top: 0 !important; background: transparent !important; }
body.itemid-5675 .item-page { background: transparent !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 40px !important; }
body.itemid-5675 .tck-article, body.itemid-5675 .tck-article-body { padding: 0 !important; margin-top: 0 !important; }
body.itemid-5675 .tck-article-body > p:first-child:empty { display: none !important; }
body.itemid-5675 #maincontent .ca-faith-hero h1, body.itemid-5675 #maincontent .ca-faith-hero h2 { font-family: 'DM Serif Display', serif !important; color: #ffffff !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: left !important; margin: 0 0 22px !important; }
body.itemid-5675 #maincontent .ca-faith-hero h1 { font-size: 42px !important; }
body.itemid-5675 #maincontent .ca-faith-hero h2 { font-size: 32px !important; }
body.itemid-5675 #maincontent .ca-faith-hero p { color: rgba(255,255,255,0.88) !important; font-size: 18px !important; }
body.itemid-5675 #maincontent .ca-faith-section h2 { font-family: 'DM Serif Display', serif !important; font-size: 28px !important; color: #0F6E56 !important; text-align: center !important; font-weight: 400 !important; }
@media (max-width: 768px) {
  body.itemid-5675 #wrapper, body.itemid-5675 #wrapper > .inner, body.itemid-5675 .tck-container, body.itemid-5675 #maincontent, body.itemid-5675 #maincontent > .inner, body.itemid-5675 main#center > .inner { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; float: none !important; }
  body.itemid-5675 #maincontent .ca-faith-hero h1 { font-size: 31px !important; }
  body.itemid-5675 #maincontent .ca-faith-hero h2 { font-size: 26px !important; }
  body.itemid-5675 #maincontent .ca-faith-hero p { font-size: 17px !important; }
}
/* /faith shows the site header (logo + menu) like the home page (7 Oct 2026). */
body.itemid-5675 #wrapper3 { display: block !important; }

/* /faith for church leaders (7 Oct 2026): buttons under the hero like the home page's Join button; single-column cards. */
.ca-faith-actions-band { justify-content: center; padding: 22px 16px; background: transparent; }
.ca-faith a.ca-faith-btn-dark { background: #0F6E56; color: #ffffff !important; border: 1.5px solid #0F6E56; }
.ca-faith a.ca-faith-btn-dark:hover { background: #085041; transform: translateY(-1px); }
.ca-faith a.ca-faith-btn-outline-dark { background: #ffffff; color: #0F6E56 !important; border: 1.5px solid #0F6E56; }
.ca-faith a.ca-faith-btn-outline-dark:hover { background: #EAF7F1; transform: translateY(-1px); }
.ca-faith-cards-one { grid-template-columns: 1fr; max-width: 860px; margin: 0 auto; }
.ca-faith-cards-one .ca-faith-card { padding: 28px 34px; }
body.itemid-5675 #maincontent .ca-faith-hero h1 { margin-bottom: 0 !important; }
@media (max-width: 760px) { .ca-faith-actions-band { padding: 18px 16px; } .ca-faith-cards-one .ca-faith-card { padding: 22px 20px; } }
/* KnowledgeBase for Faith alliances = church leadership teams (7 Oct 2026): the standard page without Emerging Industries and Emerging Companies. */
.ca-kb-faithlead .blockck:has(a[href="/major-emerging-industries"]), .ca-kb-faithlead .blockck:has(a[href*="searchable-database-of-startups"]) { display: none !important; }
.ca-kb-faithlead .ca-kb-faith { margin-top: 28px !important; }

/* /faith = PBCK 127 "Home - (Faith)" (7 Oct 2026): the home page's own body.itemid-101 rules, repeated for item 5675. */
body.itemid-5675 .item-page .ca-hero { border-radius: 0 !important; margin: 0 !important; }
body.itemid-5675 #maincontent .ca-hero h1 { font-family: 'DM Serif Display', serif !important; font-size: 2.6rem !important; line-height: 1.2 !important; font-weight: 600 !important; color: #ffffff !important; }
body.itemid-5675 .ca-hero .ca-eyebrow { font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #9FE1CB !important; }
body.itemid-5675 .ca-hero .ca-faith-actions { margin-top: 26px; }
body.itemid-5675 .ca-hero .ca-faith a.ca-faith-btn-light { background: #ffffff !important; color: #085041 !important; }
body.itemid-5675 .ca-hero .ca-faith a.ca-faith-btn-outline { color: #ffffff !important; border-color: rgba(255,255,255,0.7) !important; }
body.itemid-5675 .ca-white-gap { display: none !important; }
body.itemid-5675 .ca-layer-grid { display: flex !important; flex-direction: column !important; gap: 20px !important; }
body.itemid-5675 .ca-layer-card { border-radius: 16px !important; padding: 32px 40px !important; border: 1px solid #D4E8DF !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important; }
body.itemid-5675 .ca-section-alt .ca-layer-card { background: #ffffff !important; }
body.itemid-5675 .ca-section .ca-layer-card { background: #E8F5EF !important; }
body.itemid-5675 .ca-cause-card { background: #ffffff !important; }
body.itemid-5675 .ca-layer-card h3, body.itemid-5675 .ca-cause-title { font-family: 'DM Serif Display', serif !important; color: #0F6E56 !important; font-weight: 400 !important; }
body.itemid-5675 .ca-layer-card p, body.itemid-5675 .ca-cause-body { font-size: 17px !important; color: #2C2C2A !important; line-height: 1.75 !important; }
body.itemid-5675 .ca-section h1, body.itemid-5675 .ca-section-alt h1, body.itemid-5675 .ca-section h2, body.itemid-5675 .ca-section-alt h2 { font-family: 'DM Serif Display', serif !important; font-size: 28px !important; font-weight: 400 !important; color: #0F6E56 !important; text-align: center !important; }
@media (max-width: 900px) {
  body.itemid-5675 .tck-container, body.itemid-5675 .tck-row, body.itemid-5675 .flexiblecolumn, body.itemid-5675 #maincontent, body.itemid-5675 #maincontent > .inner, body.itemid-5675 .tck-wrapper, body.itemid-5675 #wrapper { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; }
}
@media (max-width: 767px) {
  body.itemid-5675 .ca-layer-card, body.itemid-5675 .ca-cause-card { padding: 22px 18px !important; }
  body.itemid-5675 .ca-section, body.itemid-5675 .ca-section-alt { padding-left: 16px !important; padding-right: 16px !important; }
  body.itemid-5675 .ca-hero { padding: 40px 20px 44px !important; }
  body.itemid-5675 #maincontent .ca-hero h1 { font-size: 2rem !important; }
  body.itemid-5675 .ca-hero .ca-faith-actions { flex-direction: column; }
  body.itemid-5675 .ca-hero .ca-faith a.ca-faith-btn { width: 100%; }
}
/* Faith KnowledgeBase (PBCK 126, 7 Oct 2026): the underscore divider line no longer pushes phones sideways. (PBCK 97 has the same line.) */
.pagebuilderck126 span[data-mce-style*="22, 145, 121"] { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; }

/* /faith church concept v2 (8 Oct 2026, AL's approved wording): subhead, closing line and body text. */
body.itemid-5675 .ca-hero p.ca-faith-subhead { font-size: 19px !important; line-height: 1.65 !important; color: rgba(255,255,255,0.92) !important; margin: 0 0 22px !important; max-width: 760px; }
body.itemid-5675 .ca-hero .ca-checklist { margin: 0 0 8px !important; }
body.itemid-5675 .ca-faith-closing { max-width: 820px; margin: 28px auto 0 !important; text-align: center; font-size: 18px !important; line-height: 1.7 !important; color: #0F6E56 !important; font-weight: 500; }
.ca-faith .ca-faith-body { max-width: 760px; margin: 0 auto 14px !important; font-size: 17px !important; line-height: 1.7 !important; color: #2C2C2A !important; text-align: center; }
.ca-faith .ca-faith-link a { color: #0F6E56 !important; font-weight: 600; }
/* Culture (Faith) page 125 list uses the Alliance page's check style */
.pagebuilderck125 .ca-check { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.pagebuilderck125 .ca-check-dot { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #0F6E56; flex-shrink: 0; margin-top: 4px; display: flex; align-items: center; justify-content: center; background: #fff; }
.pagebuilderck125 .ca-check-dot svg { width: 11px; height: 11px; }
.pagebuilderck125 .ca-check p { font-size: 17px; line-height: 1.65; color: #111111; margin: 0; }
/* Culture (Faith) PBCK 125, 8 Oct 2026: the Sunday Reflection row is empty since AL's new culture copy; hide it on this page only. */
.pagebuilderck125 #row_ID1778781862147 { display: none !important; }

/* Faith site restructure (8 Oct 2026, AL): visitors via /faith see only Home and Login (cafamily adds body.ca-faith-visitor). */
body.ca-faith-visitor li.item-5266, body.ca-faith-visitor li.item-5267, body.ca-faith-visitor li.item-5269 { display: none !important; }
/* /faith: two columns (How it runs), plain list, thumbnails */
.ca-faith .ca-faith-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 980px; margin: 0 auto; }
.ca-faith .ca-faith-col { background: #ffffff; border: 1px solid #D4E8DF; border-radius: 14px; padding: 24px 26px; }
.ca-faith .ca-faith-col h3 { font-family: 'DM Serif Display', serif !important; font-size: 20px !important; font-weight: 400 !important; color: #0F6E56 !important; margin: 0 0 12px !important; }
.ca-faith .ca-faith-list { margin: 0 0 0 20px !important; padding: 0 !important; }
.ca-faith .ca-faith-list li { font-size: 16px !important; line-height: 1.65 !important; color: #2C2C2A !important; margin: 0 0 10px !important; }
.ca-faith .ca-faith-thumbs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 900px; margin: 0 auto; }
.ca-faith .ca-faith-thumb { margin: 0; background: #ffffff; border: 1px solid #D4E8DF; border-radius: 12px; padding: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.ca-faith .ca-faith-thumb img { display: block; width: 100%; height: 240px; object-fit: cover; object-position: top center; border: 1px solid #D2D0C8; border-radius: 6px; }
.ca-faith .ca-faith-thumb figcaption { font-size: 14px; line-height: 1.55; color: #3F3F3B; margin-top: 10px; }
.ca-faith .ca-faith-thumb figcaption strong { color: #0F6E56; }
@media (max-width: 760px) { .ca-faith .ca-faith-cols, .ca-faith .ca-faith-thumbs { grid-template-columns: 1fr; } .ca-faith .ca-faith-thumb img { height: 220px; } }
/* Faith members' Alliance page (PBCK 124): short intro above the tools */
.pagebuilderck124 .ca-faith-member-intro { max-width: 760px; margin: 18px auto 6px; text-align: center; }
.pagebuilderck124 .ca-faith-member-intro p { font-size: 17px; line-height: 1.65; color: #2C2C2A; margin: 0; }
/* Faith members' Briefs page (PBCK 126): links to the three briefs */
.pagebuilderck126 .ca-faith-brieflinks { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto 30px; max-width: 900px; }
.pagebuilderck126 .ca-faith-brieflinks a { display: inline-block; background: #EAF7F1; border: 1px solid #9fd8c6; color: #0F6E56 !important; border-radius: 10px; padding: 10px 18px; font-weight: 600; font-size: 15px; text-decoration: none !important; }
/* Faith Briefs page (PBCK 126): no topic tiles for Faith members (AL, 8 Oct 2026); these row ids are shared with main page 97, so scoped to 126 */
.pagebuilderck126 #row_ID1783961420773, .pagebuilderck126 #row_ID1781638771063, .pagebuilderck126 #row_ID1781639682165 { display: none !important; }
/* ===== /faith "Ask a question" panel + sample pages (AL, 9 Oct 2026) [ca-ask-v1] ===== */
html.ca-ask-open { overflow: hidden; }
.ca-ask[hidden] { display: none !important; }
.ca-ask { position: fixed; inset: 0; z-index: 10050; background: rgba(20, 32, 28, 0.55); display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; font-family: 'DM Sans', sans-serif; }
.ca-ask-box { position: relative; background: #ffffff; border-radius: 16px; width: 100%; max-width: 560px; max-height: calc(100vh - 32px); display: flex; flex-direction: column; padding: 24px 24px 16px; box-sizing: border-box; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); color: #1a1a1a; text-align: left; }
.ca-ask-box h2 { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: 26px; color: #0F6E56; margin: 0 36px 2px 0; line-height: 1.2; text-align: left; }
.ca-ask-sub { font-size: 14px; color: #5f5f5a; margin: 0 0 12px; }
.ca-ask-close { position: absolute; top: 10px; right: 12px; background: none !important; border: none !important; font-size: 30px; line-height: 1; color: #3F3F3B !important; cursor: pointer; padding: 4px 8px; }
.ca-ask-log { flex: 1 1 auto; overflow-y: auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; margin: 0 0 10px; }
.ca-ask-msg { border-radius: 12px; padding: 10px 14px; font-size: 15px; line-height: 1.55; max-width: 92%; }
.ca-ask-msg p { margin: 0 0 8px; }
.ca-ask-msg p:last-child { margin: 0; }
.ca-ask-me { align-self: flex-end; background: #0F6E56; color: #ffffff; }
.ca-ask-ai { align-self: flex-start; background: #EAF7F1; color: #1a1a1a; }
.ca-ask-wait { color: #5f5f5a; font-style: italic; }
.ca-ask-err { background: #fdecea; }
.ca-ask-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.ca-ask-chips[hidden] { display: none; }
.ca-ask-chip { background: #ffffff !important; color: #0F6E56 !important; border: 1.5px solid #0F6E56 !important; border-radius: 999px !important; padding: 7px 14px !important; font: 500 14px/1.3 'DM Sans', sans-serif !important; cursor: pointer; }
.ca-ask-chip:hover, .ca-ask-chip:focus-visible { background: #EAF7F1 !important; }
.ca-ask-form { display: flex; gap: 8px; align-items: flex-end; margin: 0; }
.ca-ask-form textarea, .ca-ask-handoff input, .ca-ask-handoff textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cfd8d3; border-radius: 10px; font: 15px/1.45 'DM Sans', sans-serif; background: #ffffff; color: #1a1a1a; resize: vertical; }
.ca-ask-form textarea { flex: 1 1 auto; }
.ca-ask-send { background: #0F6E56 !important; color: #ffffff !important; border: none !important; border-radius: 10px !important; padding: 10px 18px !important; font: 600 15px/1.3 'DM Sans', sans-serif !important; cursor: pointer; white-space: nowrap; }
.ca-ask-send:hover { background: #0C5A47 !important; }
.ca-ask-send:disabled { opacity: 0.6; cursor: default; }
.ca-ask .ca-ask-hp, .ca-ask .ca-ask-hp2, .ca-ask .ca-ask-sr { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden; }
.ca-ask-human { font-size: 14px; margin: 10px 0 0; }
.ca-ask-human a { color: #0F6E56 !important; font-weight: 600; }
.ca-ask-handoff { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 0; border-top: 1px solid #e3e9e6; padding-top: 10px; }
.ca-ask-handoff[hidden] { display: none; }
.ca-ask-handoff label { font-size: 13px; color: #3F3F3B; display: flex; flex-direction: column; gap: 4px; margin: 0; }
.ca-ask-handoff .ca-ask-send { align-self: flex-start; }
.ca-ask-note { font-size: 14px; color: #0F6E56; margin: 0; min-height: 1em; }
@media (max-width: 600px) {
  .ca-ask { padding: 0; align-items: stretch; }
  .ca-ask-box { max-width: none; max-height: none; height: 100%; border-radius: 0; padding: 20px 16px 12px; }
}
/* /faith: the "See sample pages" link */
.ca-faith .ca-faith-samples { text-align: center; margin: 28px auto 0; }
/* /faith-samples */
.ca-faith-samples-page { max-width: 1000px; margin: 0 auto; padding: 24px 16px 40px; font-family: 'DM Sans', sans-serif; color: #1a1a1a; box-sizing: border-box; }
.ca-faith-samples-page h1 { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: 34px; color: #0F6E56; margin: 18px 0 8px; }
.ca-faith-samples-note { color: #3F3F3B; font-size: 16px; margin: 0 0 24px; }
.ca-faith-samples-back { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: #ffffff !important; text-decoration: none !important; padding: 6px 14px; border-radius: 8px; background: #0F6E56 !important; }
.ca-faith-samples-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ca-faith-samples-grid figure { margin: 0; background: #ffffff; border: 1px solid #d6e6df; border-radius: 14px; padding: 12px; }
.ca-faith-samples-grid img { width: 100%; height: auto; display: block; border-radius: 8px; border: 1px solid #e3e9e6; }
.ca-faith-samples-grid figcaption { font-size: 15px; line-height: 1.55; color: #3F3F3B; margin: 10px 4px 2px; }
.ca-faith-samples-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 32px 0 0; }
.ca-faith-samples-btn { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; padding: 14px 26px; border-radius: 10px; text-decoration: none !important; background: #0F6E56 !important; color: #ffffff !important; border: 1.5px solid #0F6E56; }
.ca-faith-samples-btn-outline { background: #ffffff !important; color: #0F6E56 !important; }
@media (max-width: 700px) { .ca-faith-samples-grid { grid-template-columns: 1fr; } }
/* [faith-month-v1] /faith-samples "A month in your Church Alliance" (AL, 12 Oct 2026; preview until AL's OK) */
/* Phones: the template's nested padding left the page 233px of a 390px screen. Pages with this layout get the front doors' full-width rules ([ca-land-v1]). */
@media (max-width: 900px) {
  body:has(.ca-faith-month) .tck-container, body:has(.ca-faith-month) .tck-row, body:has(.ca-faith-month) .flexiblecolumn, body:has(.ca-faith-month) #maincontent, body:has(.ca-faith-month) #maincontent > .inner, body:has(.ca-faith-month) .tck-wrapper, body:has(.ca-faith-month) #wrapper, body:has(.ca-faith-month) #wrapper > .inner, body:has(.ca-faith-month) main#center > .inner { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; box-sizing: border-box !important; }
  body:has(.ca-faith-month) .item-page, body:has(.ca-faith-month) .tck-article, body:has(.ca-faith-month) .tck-article-body { padding-left: 0 !important; padding-right: 0 !important; border-radius: 0 !important; }
}
html body .item-page .ca-faith-month .ca-month-main h2 { font-family: 'DM Sans', sans-serif !important; font-size: 20px !important; font-weight: 700 !important; color: #0F6E56 !important; text-align: left !important; margin: 4px 0 4px !important; line-height: 1.3 !important; }
html body .item-page .ca-faith-month .ca-month-cap { font-size: 16px !important; color: #3F3F3B !important; text-align: left !important; }
html body .item-page .ca-faith-month .ca-month-ex p, html body .item-page .ca-faith-month .ca-month-ex li { font-size: 16px !important; line-height: 1.6 !important; color: #2C2C2A !important; text-align: left !important; }
html body .item-page .ca-faith-month .ca-month-ex ul { list-style: disc !important; }
html body .item-page .ca-faith-month .ca-month-title { font-family: 'DM Serif Display', serif !important; font-size: 26px !important; line-height: 1.25 !important; color: #1a1a1a !important; text-align: left !important; margin: 10px 0 20px !important; }
html body .item-page .ca-faith-month .ca-month-ex p { margin: 0 0 6px !important; }
html body .item-page .ca-faith-month .ca-month-ex ul { margin: 0 0 8px !important; padding-left: 20px !important; }
html body .item-page .ca-faith-month .ca-month-ex li { margin: 0 0 4px !important; }
.ca-faith-month { max-width: 760px !important; }
.ca-faith-month .ca-month-title { font-family: 'DM Serif Display', serif; font-size: 26px; line-height: 1.25; color: #1a1a1a; margin: 8px 0 18px; }
.ca-faith-month .ca-month-steps { list-style: none; margin: 0; padding: 0; }
.ca-faith-month .ca-month-step { display: flex; gap: 16px; margin: 0 0 26px; padding: 0; }
.ca-faith-month .ca-month-num { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #0F6E56; color: #fff; font-weight: 700; font-size: 17px; display: flex; align-items: center; justify-content: center; margin-top: 2px; }
.ca-faith-month .ca-month-main { flex: 1; min-width: 0; }
.ca-faith-month .ca-month-main h2 { font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 700; color: #0F6E56; margin: 4px 0 4px; line-height: 1.3; }
.ca-faith-month .ca-month-cap { font-size: 16px; line-height: 1.55; color: #3F3F3B; margin: 0 0 12px; }
.ca-faith-month .ca-month-ex { background: #ffffff; border: 1px solid #d6e6df; border-radius: 14px; padding: 16px 18px; font-size: 16px; line-height: 1.6; color: #2C2C2A; }
.ca-faith-month .ca-month-ex p { margin: 0 0 8px; }
.ca-faith-month .ca-month-ex ul { margin: 0 0 10px; padding-left: 20px; }
.ca-faith-month .ca-month-ex li { margin: 0 0 6px; }
.ca-faith-month .ca-month-ex-title { font-weight: 700; color: #0F6E56; }
.ca-faith-month .ca-month-ex-h { font-weight: 700; color: #1a1a1a; margin-top: 6px !important; }
.ca-faith-month .ca-month-ex-q { font-style: italic; color: #3F3F3B; }
.ca-faith-month .ca-month-src { color: #6b6b66; font-size: 14px; }
.ca-faith-month .ca-month-msg { border: 1px solid #e3e9e6; border-radius: 12px; padding: 10px 14px; margin: 0 0 10px; }
.ca-faith-month .ca-month-notice { background: #fdf6ea; border-color: #ecd9b4; }
.ca-faith-month .ca-month-msg-tag { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7a5a17; margin: 0 0 4px !important; }
.ca-faith-month .ca-month-msg-who { font-weight: 700; margin: 0 0 2px !important; }
.ca-faith-month .ca-month-noai { font-weight: 500; font-size: 13px; color: #7a5a17; margin-left: 6px; }
.ca-faith-month .ca-month-reply { border-left: 3px solid #d6e6df; padding: 2px 0 0 12px; margin: 6px 0 2px; }
.ca-faith-month .ca-month-more { margin: 10px 0 0; font-size: 15px; }
.ca-faith-month .ca-month-more a { color: #0F6E56 !important; font-weight: 600; text-decoration: underline; display: inline-block; padding: 10px 0; }
@media (max-width: 600px) {
  html body .ca-faith-month .ca-month-steps { padding: 0 !important; margin: 0 !important; }
  html body .ca-faith-month .ca-month-ex ul { padding-left: 18px !important; }
  .ca-faith-month .ca-month-step { gap: 10px; }
  .ca-faith-month .ca-month-num { width: 30px; height: 30px; font-size: 15px; }
  .ca-faith-month .ca-month-ex { padding: 14px 14px; }
  .ca-faith-month .ca-month-title { font-size: 23px; }
}
/* ===== end [ca-ask-v1] ===== */
/* /faith Ask a question: the note under the chat box (AL, 9 Oct 2026) [ca-ask-v2] */
.ca-ask-privacy { font-size: 12px; line-height: 1.45; color: #6b6b66; margin: 6px 0 0; }
/* Login fields (AL, 9 Oct 2026) [login-icons-v1]: the template doesn't load Joomla's icon font, so the boxes beside the
   email and password fields were blank. The person and show/hide-password icons are drawn here in the site's teal. */
.mod-login .input-group .input-group-text, .mod-login .input-group .input-password-toggle { background: #ffffff !important; border: 1px solid #cfd8d3 !important; color: #0F6E56 !important; display: flex; align-items: center; justify-content: center; min-width: 46px; box-shadow: none !important; }
.mod-login .input-group .input-password-toggle { cursor: pointer; }
.mod-login .input-group .input-password-toggle:hover, .mod-login .input-group .input-password-toggle:focus-visible { background: #EAF7F1 !important; }
.mod-login .input-group .icon-user, .mod-login .input-group .icon-eye, .mod-login .input-group .icon-eye-slash { display: inline-block; width: 20px; height: 20px; background-color: #0F6E56; -webkit-mask: var(--ca-ico) center / contain no-repeat; mask: var(--ca-ico) center / contain no-repeat; }
.mod-login .input-group .icon-user::before, .mod-login .input-group .icon-eye::before, .mod-login .input-group .icon-eye-slash::before { content: none !important; }
.mod-login .input-group .icon-user { --ca-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5'/%3E%3C/svg%3E"); }
.mod-login .input-group .icon-eye { --ca-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.mod-login .input-group .icon-eye-slash { --ca-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E"); }
/* Reset password + Forgot username pages, styled like /login (AL, 9 Oct 2026) [reset-pages-v1] */
body.view-reset .com-users-reset, body.view-reset .com-users-reset-confirm, body.view-reset .com-users-reset-complete, body.view-remind .com-users-remind { max-width: 560px; margin: 24px auto 40px; background: #ffffff; border: 1px solid #e3e1da; border-radius: 16px; padding: 32px 36px; box-sizing: border-box; font-family: 'DM Sans', sans-serif; color: #1a1a1a; }
body.view-reset .ca-card-head, body.view-remind .ca-card-head { text-align: center; margin: 0 0 18px; }
body.view-reset .ca-card-logo, body.view-remind .ca-card-logo { height: 48px; width: auto; display: inline-block; margin: 0 0 14px; }
body.view-reset .ca-card-title, body.view-remind .ca-card-title { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: 30px; color: #0F6E56; margin: 0; line-height: 1.2; }
body.view-reset legend, body.view-remind legend { font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.6; color: #3F3F3B; border: 0; margin: 0 0 18px; padding: 0; float: none; width: 100%; }
body.view-reset .control-label label, body.view-remind .control-label label { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500; color: #3F3F3B; margin: 0 0 4px; }
body.view-reset .control-group, body.view-remind .control-group { margin: 0 0 14px; }
body.view-reset .form-control, body.view-remind .form-control { border: 1px solid #cfd8d3; border-radius: 10px; padding: 10px 12px; font: 16px/1.4 'DM Sans', sans-serif; width: 100%; box-sizing: border-box; }
body.view-reset .well, body.view-remind .well { background: none; border: 0; box-shadow: none; padding: 0; margin: 0; }
body.view-reset .btn-primary, body.view-remind .btn-primary { background: #0F6E56 !important; border-color: #0F6E56 !important; color: #ffffff !important; border-radius: 10px !important; padding: 11px 22px !important; font: 600 16px/1.3 'DM Sans', sans-serif !important; }
body.view-reset .btn-primary:hover, body.view-remind .btn-primary:hover { background: #0C5A47 !important; }
body.view-reset .ca-hp, body.view-remind .ca-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden; }
body.view-reset #system-message-container, body.view-remind #system-message-container { max-width: 560px; margin: 16px auto 0; }
/* the show/hide-password eye on "Choose a new password", like /login */
body.view-reset .input-group .input-password-toggle { background: #ffffff !important; border: 1px solid #cfd8d3 !important; display: flex; align-items: center; justify-content: center; min-width: 46px; box-shadow: none !important; cursor: pointer; }
body.view-reset .input-group .input-password-toggle:hover { background: #EAF7F1 !important; }
body.view-reset .input-group .icon-eye, body.view-reset .input-group .icon-eye-slash { display: inline-block; width: 20px; height: 20px; background-color: #0F6E56; -webkit-mask: var(--ca-ico) center / contain no-repeat; mask: var(--ca-ico) center / contain no-repeat; }
body.view-reset .input-group .icon-eye::before, body.view-reset .input-group .icon-eye-slash::before { content: none !important; }
body.view-reset .input-group .icon-eye { --ca-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
body.view-reset .input-group .icon-eye-slash { --ca-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E"); }
@media (max-width: 600px) {
  body.view-reset .com-users-reset, body.view-reset .com-users-reset-confirm, body.view-reset .com-users-reset-complete, body.view-remind .com-users-remind { margin: 16px 12px 32px; padding: 24px 18px; }
  body.view-reset .ca-card-title, body.view-remind .ca-card-title { font-size: 26px; }
}
/* Reset pages: keep the show/hide-password button on the same row as its field (AL, 9 Oct 2026) [reset-pages-v2] */
body.view-reset .input-group { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; }
body.view-reset .input-group .form-control { flex: 1 1 auto; width: 1%; min-width: 0; border-radius: 10px 0 0 10px; }
body.view-reset .input-group .input-password-toggle { border-radius: 0 10px 10px 0 !important; border-left: 0 !important; }

/* [cookie-bar-v1] Web357 cookie notice bar (.cpnb-outer) - AL 9 Oct 2026 */
/* The bar steps aside while the /faith "Ask a question" box is open; it comes back when the box closes. */
html.ca-ask-open .cpnb-outer { display: none !important; }
/* Room at the bottom while the bar shows, so the last links scroll clear of it. The plugin removes the bar on Accept. */
body:has(.cpnb-outer) { padding-bottom: 64px; }
@media (max-width: 767px) {
  body:has(.cpnb-outer) { padding-bottom: 100px; }
  /* Compact on phones: smaller text, the two buttons side by side. */
  .cpnb-outer .cpnb-inner { padding: 10px 14px !important; }
  .cpnb-outer .cpnb-message { font-size: 12px !important; line-height: 1.4 !important; margin: 0 0 8px !important; text-align: center; }
  .cpnb-outer .cpnb-buttons { display: flex !important; gap: 10px; justify-content: center; }
  .cpnb-outer .cpnb-button { display: block !important; flex: 1 1 0; float: none !important; width: auto !important; margin: 0 !important; padding: 6px 8px !important; line-height: 20px !important; font-size: 13px !important; text-align: center; }
  .cpnb-outer .cpnb-clear-both { display: none !important; }
  /* The plugin's slide-in grows the bar to 192px first; on phones it just fades in. */
  .cpnb-outer.cpnb-warningBox-show-fade-in { animation-name: ca-cpnb-in !important; }
}
@keyframes ca-cpnb-in { from { opacity: 0; } to { opacity: 1; } }

/* [faith124-tools-v1] Faith Alliance page (PBCK 124 only): everyone sees the "Tools" heading where visitors saw the Build your Alliance button - AL 10 Oct 2026 */
body.itemid-5266 .pagebuilderck124 #row_ID1778811466196 #ID1780075198914 { display: none !important; }
body.itemid-5266 .pagebuilderck124 #row_ID1778811466196 #ID1781639994480 { display: block !important; }

/* [ca-others-v1] "Other people you could do this with" strip - /faith now, the landing pages in Stage 3 (AL, 10 Oct 2026) */
.ca-others { max-width: 1040px; margin: 8px auto 36px; padding: 28px 20px 8px; border-top: 1px solid #d6e6df; font-family: 'DM Sans', sans-serif; text-align: center; }
.ca-others h2 { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: 26px; margin: 0 0 18px; }
.ca-others-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; gap: 14px; }   /* two cards since Family left the public site (AL, 14 Oct 2026) */
.ca-others-card { display: flex; flex-direction: column; gap: 6px; text-align: left; background: #fff; border: 1px solid #d6e6df; border-radius: 14px; padding: 18px 20px; text-decoration: none !important; color: #1A1A1A; transition: border-color .15s, box-shadow .15s; }
.ca-others-card:hover { border-color: #0F6E56; box-shadow: 0 4px 14px rgba(15,110,86,.12); }
.ca-others-k { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #0F6E56; }
.ca-others-t { font-size: 16px; line-height: 1.5; color: #2C2C2A; }
.ca-others-go { margin-top: auto; font-size: 14px; font-weight: 600; color: #0F6E56; }
@media (max-width: 767px) { .ca-others-grid { grid-template-columns: 1fr; } .ca-others h2 { font-size: 22px; } }
/* [ca-others-hidden] removed 10 Oct 2026: /family, /industry and /community are live (Stage 3). */
/* [ca-hub-menu] Home hub (AL, 10 Oct 2026): visitors see only Login in the header menu. Members reach the hub only through the footer's "Explore cAlliances" (/?hub=1, 12 Oct 2026) and keep their own menu there (body.ca-hub-member). */
body.itemid-101:not(.ca-hub-member) li.item-5265, body.itemid-101:not(.ca-hub-member) li.item-5266, body.itemid-101:not(.ca-hub-member) li.item-5267, body.itemid-101:not(.ca-hub-member) li.item-5269 { display: none !important; }
/* [ca-land-menu] /family /industry /community: visitors see Home (the hub) and Login only (AL, 10 Oct 2026). /faith does the same through body.ca-faith-visitor. */
body.ca-landing-visitor li.item-5266, body.ca-landing-visitor li.item-5267, body.ca-landing-visitor li.item-5269 { display: none !important; }
/* [ca-land-price] Build Alliance price line above "Create My Alliance" on /family /industry /community (AL, 12 Oct 2026). */
html body .item-page .ca-land .ca-land-price { font-size: 15px !important; line-height: 1.5 !important; color: #3F3F3B !important; text-align: center; margin: 18px auto 10px !important; max-width: 680px; }
html body .item-page .ca-land .ca-hub-hero .ca-land-price { color: #E1F5EE !important; }
html body .item-page .ca-land .ca-land-price + .ca-land-actions { margin-top: 0 !important; }
/* [faith-tap-v1] /faith on phones: about 44px to tap the privacy link, See sample pages, the footer links and the logo, without moving anything (AL, 11 Oct 2026). */
@media (max-width: 767px) {
  body.itemid-5675 a[href$="b-privacy-policy#church-alliances"], body.itemid-5675 a[href$="/faith-samples"] { padding-top: 12px !important; padding-bottom: 12px !important; }
  body.itemid-5675 li.item-3557 > a, body.itemid-5675 li.item-349 > a, body.itemid-5675 li.item-170 > a, body.itemid-5675 li.item-1714 > a { display: inline-block !important; padding-top: 11px !important; padding-bottom: 11px !important; margin-top: -11px !important; margin-bottom: -11px !important; }
  body.itemid-5675 a.ca-logo-home { display: inline-block; line-height: 0; }
}

/* [ca-venn-v1] Hub three-circle diagram, PREVIEW only (AL, 11 Oct 2026) - not on the live hub until approved. */
html body .item-page .ca-venn { margin: 4px auto 22px; }
html body .item-page .ca-venn-svg { display: block; width: 100%; height: auto; }
html body .item-page .ca-venn-hero { max-width: 440px; }
html body .item-page .ca-venn-below { max-width: 500px; margin: 0 auto 34px; }
@media (max-width: 767px) {
  html body .item-page .ca-venn-hero, html body .item-page .ca-venn-below { max-width: 100%; }
}

/* [ca-venn-phone-v1] Hub diagram on phones (AL, 11 Oct 2026): a phone drawing at ~75% width with 15px+ labels, tighter spacing,
   and the hero paragraph shown just below the hero instead of inside it. Desktop unchanged. */
html body .item-page .ca-venn-mob, html body .item-page .ca-hub-lede-mob { display: none; }
@media (max-width: 767px) {
  html body .item-page .ca-venn-desk { display: none; }
  html body .item-page .ca-venn-mob { display: block; }
  html body .item-page .ca-venn-hero { width: 75vw; max-width: 75vw; margin: 2px auto 0; }
  html body .item-page .ca-hub-sub { margin-bottom: 10px !important; }
  html body .item-page .ca-hub-hero { padding-bottom: 24px !important; margin-bottom: 0 !important; }
  html body .item-page .ca-hub-lede-desk { display: none; }
  html body .item-page .ca-hub-lede-mob { display: block; font-size: 17px !important; line-height: 1.65 !important; color: #2C2C2A !important; text-align: center; margin: 0 !important; padding: 20px 22px 24px !important; }
}

/* [su-ai-v1] Startups table: the small "AI" tag next to the industry and the "AI-driven only" filter (AL, 13 Oct 2026) */
.ca-ai-tag { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.4; color: #ffffff; background: #0F6E56; border-radius: 4px; padding: 0 5px; margin-left: 4px; vertical-align: 1px; letter-spacing: .03em; }
.ca-ai-only { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 8px; font-size: 15px; color: #1a1a1a; cursor: pointer; }
.ca-ai-only input { width: 18px; height: 18px; margin: 0; }

/* [ca-res-file-v1] Family Plan file uploads (AL, 11 Oct 2026) */
.ca-res-form input[type=file] { display: block; width: 100%; max-width: 100%; margin: 6px 0 4px; font-size: 15px; }
.ca-res-check { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #3F3F3B; margin: 4px 0 12px; cursor: pointer; }
.ca-res-check input { width: 18px; height: 18px; margin: 0; flex: none; }
.ca-res-file .ca-res-title a { font-weight: 600; }
/* [ca-hub-v3] calliances.org hub for visitors (site structure option C, Stage 2 - AL, 10 Oct 2026). Markup: article 745. Prefix beats the article-page h1/p rules. */
html body .item-page .ca-hub { max-width: none; margin: 0; padding: 0 0 24px; font-family: 'DM Sans', sans-serif; color: #1A1A1A; text-align: center; }
html body .item-page .ca-hub-hero { background: #0F6E56; padding: 60px 48px; margin: 0 0 40px; }
html body .item-page .ca-hub-eyebrow { font-size: 13px !important; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #9FE1CB !important; margin: 0 0 16px !important; }
html body .item-page .ca-hub h1 { font-family: 'DM Serif Display', serif !important; font-weight: 600 !important; font-size: 41.6px !important; line-height: 1.2 !important; color: #fff !important; margin: 0 auto 14px !important; max-width: 860px; }
html body .item-page .ca-hub-sub { font-family: 'DM Serif Display', serif !important; font-size: 24px !important; line-height: 1.35 !important; color: #9FE1CB !important; margin: 0 auto 18px !important; }
html body .item-page .ca-hub-lede { font-size: 19px !important; line-height: 1.65 !important; color: rgba(255,255,255,.92) !important; max-width: 760px; margin: 0 auto !important; }
html body .item-page .ca-hub-body { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
html body .item-page .ca-hub h2 { font-family: 'DM Serif Display', serif !important; font-weight: 400 !important; font-size: 30px !important; color: #0F6E56 !important; margin: 0 0 20px !important; }
html body .item-page .ca-hub-who { padding: 0 0 36px; }
html body .item-page .ca-hub-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }   /* three cards since Family left the public site (AL, 14 Oct 2026) */
html body .item-page .ca-hub-card { display: flex; flex-direction: column; gap: 8px; text-align: left; background: #fff; border: 1px solid #d6e6df; border-radius: 16px; padding: 22px 24px; text-decoration: none !important; color: #1A1A1A !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
html body .item-page .ca-hub-card:hover, html body .item-page .ca-hub-card:focus-visible { border-color: #0F6E56; box-shadow: 0 6px 18px rgba(15,110,86,.14); transform: translateY(-1px); }
html body .item-page .ca-hub-k { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #0F6E56; }
html body .item-page .ca-hub-t { font-size: 18px; line-height: 1.5; color: #2C2C2A; }
html body .item-page .ca-hub-go { margin-top: auto; padding-top: 6px; font-size: 15px; font-weight: 600; color: #0F6E56; }
html body .item-page .ca-hub-cycle { padding: 30px 0 10px; border-top: 1px solid #d6e6df; }
html body .item-page .ca-hub-steps { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 10px; }
html body .item-page .ca-hub-steps li { display: flex; flex-direction: column; gap: 6px; text-align: left; background: #f6faf8; border: 1px solid #d6e6df; border-radius: 14px; padding: 18px 20px; margin: 0 !important; font-size: 15px !important; }
html body .item-page .ca-hub-steps li.ca-hub-arrow { background: none; border: 0; padding: 0; justify-content: center; font-size: 26px !important; color: #0F6E56 !important; }
html body .item-page .ca-hub-steps strong { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: 22px; color: #0F6E56; }
html body .item-page .ca-hub-steps li > span { font-size: 15px; line-height: 1.55; color: #3F3F3B; }
html body .item-page .ca-hub-repeat { margin: 12px 0 0 !important; padding: 12px 16px; background: #e9f7f3; border-radius: 12px; font-size: 16px !important; color: #1A1A1A !important; }
html body .item-page .ca-hub-repeat span { color: #0F6E56; font-size: 20px; font-weight: 700; }
html body .item-page .ca-hub-repeat strong { color: #0F6E56; }
html body .item-page .ca-hub-login { margin: 26px 0 0 !important; font-size: 16px !important; color: #3F3F3B !important; }
html body .item-page .ca-hub-login a { color: #0F6E56 !important; font-weight: 600; }
@media (max-width: 767px) {
  html body .item-page .ca-hub-hero { padding: 40px 20px 44px; margin-bottom: 28px; }
  html body .item-page .ca-hub h1 { font-size: 32px !important; }
  html body .item-page .ca-hub-sub { font-size: 20px !important; }
  html body .item-page .ca-hub-lede { font-size: 17px !important; }
  html body .item-page .ca-hub h2 { font-size: 24px !important; }
  html body .item-page .ca-hub-cards { grid-template-columns: 1fr; }
  html body .item-page .ca-hub-steps { grid-template-columns: 1fr; gap: 6px; }
  html body .item-page .ca-hub-steps li.ca-hub-arrow { font-size: 0 !important; line-height: 1; padding: 2px 0; align-items: center; }
  html body .item-page .ca-hub-steps li.ca-hub-arrow::after { content: "↓"; font-size: 26px; color: #0F6E56; }
}

/* [ca-land-v1] /family /industry /community landing pages (site structure option C, Stage 3 - AL, 10 Oct 2026). cafamily adds body.ca-landing.
   Layout: the same full-width rules as /faith (body.itemid-5675 above). Content reuses the hub's [ca-hub-v3] styles. */
body.com_content.view-article.ca-landing { background: #F5F4F0 !important; }
body.ca-landing #wrapper { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: transparent !important; }
body.ca-landing #wrapper > .inner, body.ca-landing .tck-container { max-width: 1100px !important; margin: 0 auto !important; padding-top: 0 !important; }
body.ca-landing main#center > .inner, body.ca-landing #maincontent > .inner { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin-top: 0 !important; background: transparent !important; }
body.ca-landing .item-page { background: transparent !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 40px !important; }
body.ca-landing .tck-article, body.ca-landing .tck-article-body { padding: 0 !important; margin-top: 0 !important; }
body.ca-landing .tck-article-body > p:first-child:empty { display: none !important; }
body.ca-landing #wrapper3 { display: block !important; }
@media (max-width: 900px) {
  body.ca-landing .tck-container, body.ca-landing .tck-row, body.ca-landing .flexiblecolumn, body.ca-landing #maincontent, body.ca-landing #maincontent > .inner, body.ca-landing .tck-wrapper, body.ca-landing #wrapper, body.ca-landing #wrapper > .inner, body.ca-landing main#center > .inner { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; box-sizing: border-box !important; }
}
html body .item-page .ca-land-actions { margin: 26px 0 0 !important; }
html body .item-page .ca-land-btn { display: inline-block; background: #fff; color: #085041 !important; font-weight: 600; font-size: 16px; padding: 13px 26px; border-radius: 10px; text-decoration: none !important; }
html body .item-page .ca-land-btn:hover { background: #E8F5EF; }
html body .item-page .ca-land-cta .ca-land-btn { background: #0F6E56; color: #fff !important; }
html body .item-page .ca-land-cta .ca-land-btn:hover { background: #085041; }
html body .item-page .ca-land-cta { padding: 34px 0 6px; border-top: 1px solid #d6e6df; }
html body .item-page .ca-land-intro { font-size: 18px !important; line-height: 1.7 !important; color: #0F6E56 !important; font-weight: 500; margin: 0 auto 30px !important; }
html body .item-page .ca-land-sec { padding: 6px 0 30px; }
html body .item-page .ca-land-p { font-size: 17px !important; line-height: 1.7 !important; color: #2C2C2A !important; max-width: 760px; margin: 0 auto 14px !important; }
html body .item-page .ca-land-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; text-align: left; }
html body .item-page .ca-land-habits { grid-template-columns: repeat(3, 1fr); }
html body .item-page .ca-land-point { background: #fff; border: 1px solid #d6e6df; border-radius: 14px; padding: 20px 22px; }
html body .item-page .ca-land-point h3 { font-family: 'DM Serif Display', serif !important; font-weight: 400 !important; font-size: 21px !important; color: #0F6E56 !important; margin: 0 0 8px !important; }
html body .item-page .ca-land-point p { font-size: 15px !important; line-height: 1.6 !important; color: #3F3F3B !important; margin: 0 !important; }
html body .item-page .ca-land-list { list-style: none !important; max-width: 720px; margin: 10px auto 14px !important; padding: 0 !important; text-align: left; }
html body .item-page .ca-land-list li { position: relative; padding: 8px 0 8px 30px !important; font-size: 17px !important; line-height: 1.6 !important; color: #2C2C2A !important; border-bottom: 1px solid #e6efea; margin: 0 !important; }
html body .item-page .ca-land-list li::before { content: "✓"; position: absolute; left: 4px; top: 8px; color: #0F6E56; font-weight: 700; }
html body .item-page .ca-land-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 6px 0 0 !important; }
html body .item-page .ca-land-chips span { background: #E8F5EF; color: #0F6E56; border: 1px solid #c9e6da; border-radius: 999px; padding: 8px 16px; font-size: 15px; font-weight: 600; }
html body .item-page .ca-land .ca-others { border-top: 1px solid #d6e6df; margin-top: 30px; padding-left: 0; padding-right: 0; }
@media (max-width: 767px) {
  html body .item-page .ca-land-points, html body .item-page .ca-land-habits { grid-template-columns: 1fr; }
  html body .item-page .ca-land-btn { display: block; text-align: center; }
  html body .item-page .ca-land-intro { font-size: 17px !important; }
}

/* [ca-hub-joy] 18 Oct 2026: the line under the hub cycle - same values as the hub body text (.ca-hub-lede-mob) */
.ca-hub-joy { font-size: 17px !important; line-height: 1.65 !important; color: #2C2C2A !important; text-align: center; max-width: 760px; margin: 22px auto 0 !important; }

/* [family-walk-A4] 18 Oct 2026: the 5 Family Plan stages on one row on desktop; odd card counts centre cleanly
   (Culture "How we want to be together", Family KnowledgeBase); one column on phones. */
@media (min-width: 761px) { .fpl-stages > a { flex: 1 1 0 !important; min-width: 0 !important; } }
.ca-culture-grid, .ca-kb-cards { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 16px; }
.ca-culture-grid > *, .ca-kb-cards > * { flex: 0 1 calc((100% - 32px) / 3); box-sizing: border-box; grid-column: auto !important; }
@media (max-width: 760px) { .ca-culture-grid > *, .ca-kb-cards > * { flex-basis: 100%; } }

/* [ca-account-v1] 18 Oct 2026: My Account (Membership Pro profile page) in the site's card style (Family walkthrough B3). Every type of member. */
body.view-profile #osm-profile-page { font-family: 'DM Sans', sans-serif; color: #1A1A1A; max-width: 980px; margin: 0 auto; }
body.view-profile #osm-profile-page h1.osm-page-title { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; color: #0F6E56; text-align: center; font-size: 34px; line-height: 1.2; margin: 10px 0 22px; }
body.view-profile #osm-profile-page joomla-tab { background: #fff; border: 1px solid #d6e6df !important; border-radius: 14px; box-shadow: none !important; overflow: hidden; }
body.view-profile #osm-profile-page joomla-tab > div[role="tablist"] { background: #f4f9f6 !important; border-bottom: 1px solid #d6e6df !important; padding: 10px 12px 0; display: flex; flex-wrap: wrap; gap: 6px; box-shadow: none !important; }
body.view-profile #osm-profile-page joomla-tab > div[role="tablist"] button[role="tab"] { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; color: #0F6E56 !important; background: #fff !important; border: 1px solid #9fd8c6 !important; border-bottom: none !important; border-radius: 10px 10px 0 0; padding: 9px 16px; box-shadow: none !important; }
body.view-profile #osm-profile-page joomla-tab > div[role="tablist"] button[role="tab"][aria-selected="true"] { background: #0F6E56 !important; color: #fff !important; border-color: #0F6E56 !important; }
body.view-profile #osm-profile-page joomla-tab > div[role="tablist"] button[role="tab"]::after { display: none !important; }
body.view-profile #osm-profile-page joomla-tab-element { padding: 22px 24px; font-size: 15px; background: #fff; }
body.view-profile #osm-profile-page table { width: 100%; border-collapse: separate !important; border-spacing: 0; border: 1px solid #d6e6df !important; border-radius: 10px; overflow: hidden; font-size: 14px; }
body.view-profile #osm-profile-page table th { background: #eaf7f1 !important; color: #0F6E56; font-weight: 700; text-align: left; padding: 10px 12px; border: none !important; border-bottom: 1px solid #d6e6df !important; }
body.view-profile #osm-profile-page table td { background: #fff !important; padding: 10px 12px; border: none !important; border-top: 1px solid #eef3f0 !important; color: #1A1A1A; }
body.view-profile #osm-profile-page table tr:first-child td { border-top: none !important; }
/* [ca-account-v1c] the form's 80px left margin squeezed the card on phones; password eye buttons in the site's outline style */
body.view-profile #osm-profile-page #osm_form { margin-left: 0 !important; margin-right: 0 !important; }
body.view-profile #osm-profile-page .input-password-toggle { background: #fff !important; border: 1px solid #d2d0c8 !important; border-left: none !important; color: #0F6E56 !important; border-radius: 0 8px 8px 0 !important; }
@media (max-width: 760px) { body.view-profile #osm-profile-page table thead { display: none; } body.view-profile #osm-profile-page table, body.view-profile #osm-profile-page table tbody, body.view-profile #osm-profile-page table tr, body.view-profile #osm-profile-page table td { display: block; width: auto !important; } body.view-profile #osm-profile-page table tr { border-top: 1px solid #eef3f0; padding: 8px 0; } body.view-profile #osm-profile-page table tr:first-child { border-top: none; } body.view-profile #osm-profile-page table td { border: none !important; padding: 3px 12px; overflow-wrap: anywhere; } }
/* [ca-account-v1b] no Bootstrap striping or hover shading */
body.view-profile #osm-profile-page table > :not(caption) > * > * { box-shadow: none !important; --bs-table-accent-bg: transparent !important; --bs-table-bg-state: transparent !important; --bs-table-striped-bg: transparent !important; }
body.view-profile #osm-profile-page a { color: #0F6E56; }
body.view-profile #osm-profile-page .form-control-label, body.view-profile #osm-profile-page .form-control-label label { font-weight: 600; font-size: 14px; color: #3F3F3B; }
body.view-profile #osm-profile-page .form-control, body.view-profile #osm-profile-page select { border: 1px solid #d2d0c8; border-radius: 8px; font-family: 'DM Sans', sans-serif; font-size: 15px; padding: 9px 12px; }
body.view-profile #osm-profile-page .btn-primary { background: #0F6E56 !important; border-color: #0F6E56 !important; color: #fff !important; border-radius: 8px; font-weight: 600; padding: 10px 22px; }
@media (max-width: 760px) {
  body.view-profile #osm-profile-page h1.osm-page-title { font-size: 28px; }
  body.view-profile #osm-profile-page joomla-tab-element { padding: 14px; }
  body.view-profile #osm-profile-page table { display: block; overflow-x: auto; }
}
/* [ca-fh-v1] 18 Oct 2026: the Family Alliance page in the /community layout (family_home.php; Family walkthrough B1). Builds on [ca-land-v1]. */
html body .item-page .ca-fh .ca-fh-for { font-family: 'DM Serif Display', serif !important; font-size: 22px !important; line-height: 1.3 !important; color: #E1F5EE !important; margin: 0 auto 14px !important; }
html body .item-page .ca-fh .ca-fh-btn-outline { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.85); margin-left: 8px; }
html body .item-page .ca-fh .ca-fh-btn-outline:hover { background: rgba(255,255,255,.12) !important; }
html body .item-page .ca-fh .ca-fh-invite { font-size: 15px !important; line-height: 1.6 !important; color: #0F6E56 !important; font-weight: 500; margin: 0 auto 24px !important; }
html body .item-page .ca-fh .ca-fh-card { max-width: 720px; margin: 10px auto 24px; background: #fff; border: 1px solid #d6e6df; border-radius: 14px; padding: 20px 24px; text-align: left; }
html body .item-page .ca-fh .ca-fh-card-h { font-family: 'DM Serif Display', serif !important; font-weight: 400 !important; font-size: 24px !important; line-height: 1.25 !important; color: #0F6E56 !important; margin: 0 0 8px !important; }
/* [ca-fh-v1b] card headings sit left, like their text */
html body .item-page .ca-fh .ca-fh-card .ca-fh-card-h, html body .item-page .ca-fh .ca-fh-week .ca-fh-card-h { text-align: left !important; }
html body .item-page .ca-fh .ca-fh-card-p { font-size: 16px !important; line-height: 1.6 !important; color: #2C2C2A !important; margin: 0 0 14px !important; }
html body .item-page .ca-fh .ca-fh-card-actions { margin: 0 !important; }
html body .item-page .ca-fh .ca-fh-btn { background: #0F6E56; color: #fff; border: none; border-radius: 8px; padding: 10px 20px; font-weight: 600; font-size: 15px; cursor: pointer; font-family: inherit; }
html body .item-page .ca-fh .ca-fh-skip { margin-left: 14px; font-size: 14px; color: #3F3F3B !important; }
html body .item-page .ca-fh .ca-fh-cards .ca-family-tools { padding: 0 0 26px !important; text-align: left; }
html body .item-page .ca-fh .ca-fh-chips a { background: #E8F5EF; color: #0F6E56 !important; border: 1px solid #c9e6da; border-radius: 999px; padding: 8px 16px; font-size: 15px; font-weight: 600; text-decoration: none !important; }
html body .item-page .ca-fh .ca-fh-chips a:hover { background: #d7efe4; }
html body .item-page .ca-fh .ca-fh-link { color: #0F6E56 !important; font-weight: 600; }
html body .item-page .ca-fh .ca-fh-privacy { max-width: 1040px; margin: 0 auto; padding: 0 20px; text-align: left; }
@media (max-width: 760px) { html body .item-page .ca-fh .ca-fh-btn-outline { margin: 10px 0 0; } html body .item-page .ca-fh .ca-fh-card { padding: 16px 18px; } }
/* [ca-hm-v1] 19 Oct 2026: the merged home page, article 745 since Prompt 28 (built as preview 751): the old home's mission line and Join button in the hub hero,
   "Is this you?" and "Why alliances work". Builds on [ca-hub-v3] + [ca-land-v1]. */
html body .item-page .ca-hm .ca-hm-mission { font-size: 18px !important; line-height: 1.65 !important; font-weight: 500; color: #fff !important; max-width: 760px; margin: 22px auto 0 !important; }
html body .item-page .ca-hm .ca-hm-mob { display: none; }
html body .item-page .ca-hm .ca-hm-sub { margin-bottom: 4px !important; }
html body .item-page .ca-hm .ca-hm-isyou { padding-top: 4px; }
html body .item-page .ca-hm .ca-hm-why { border-top: 1px solid #d6e6df; margin-top: 26px; padding-top: 30px; }
html body .item-page .ca-hm .ca-hm-eyebrow { font-size: 12px !important; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #0F6E56 !important; margin: 0 0 8px !important; }
html body .item-page .ca-hm .ca-hm-cta { border-top: none; padding-top: 6px; }
@media (max-width: 767px) {
  html body .item-page .ca-hm .ca-hm-desk { display: none; }
  html body .item-page .ca-hm .ca-hm-mob { display: block; padding: 0 22px 28px; }
  html body .item-page .ca-hm .ca-hm-mob .ca-hm-mission { color: #0F6E56 !important; font-size: 17px !important; margin: 0 auto !important; }
  html body .item-page .ca-hm .ca-hm-mob .ca-land-btn { background: #0F6E56; color: #fff !important; }
}
/* [ca-hm-member] 19 Oct 2026 (AL, Prompt 29): signed-in members on the home page (cafamily adds body.ca-hub-member via "Explore cAlliances")
   don't see the two "Join cAlliances - it's free" buttons or "Already a member? Log in". Visitors still see all three. */
body.ca-hub-member .item-page .ca-hm .ca-land-actions, body.ca-hub-member .item-page .ca-hm .ca-hm-cta, body.ca-hub-member .item-page .ca-hm .ca-hub-login { display: none !important; }

/* [ca-hm-divider] 19 Oct 2026 (AL): the same thin line between "Is this you?" and "Who will you face..." as the ones above the cycle and "Why alliances work" (1px #d6e6df, content width; ~55px above, ~30px below). Home page only (.ca-hm). */
html body .item-page .ca-hm .ca-hm-isyou + .ca-hub-who { border-top: 1px solid #d6e6df; margin-top: 12px; padding-top: 30px; }

/* [ca-hm-panel] 19 Oct 2026 (AL, Prompt 33): Learn / Decide and act / Review and adjust, the Repeat bar and the joy line as one framed panel
   "How your alliance works" (h2 styled like "Who will you face..."). The panel's frame replaces the thin line that sat above the cycle. Home page only. */
html body .item-page .ca-hm .ca-hub-cycle.ca-hm-panel { background: #fff; border: 1px solid #d6e6df; border-radius: 18px; padding: 28px 28px 22px; margin: 4px 0 8px; }
html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy { margin-bottom: 0 !important; }
@media (max-width: 767px) { html body .item-page .ca-hm .ca-hub-cycle.ca-hm-panel { padding: 22px 16px 18px; } }

/* [ca-start-v1] 19 Oct 2026 (AL, Prompt 36): "Start your alliance" page - home page cards, with room above the heading. */
html body .item-page .ca-start { padding-top: 44px; }
@media (max-width: 767px) { html body .item-page .ca-start { padding-top: 28px; } }

/* [ca-menu-current-phone] 19 Oct 2026 (AL, Prompt 38): in the phone menu the current top-level item (Home on the hub, Alliance on the Alliance
   and Start-your-alliance pages, ...) shows in brand green and bold, as the desktop tab does. Top-level items only; Suggest keeps its pill. */
@media (max-width: 767px) { #wrapper3 nav#block6 ul.mod-menu > li.current:not(.item-5663) > a, #wrapper3 nav#block6 ul.mod-menu > li.active:not(.item-5663) > a { color: #0F6E56 !important; font-weight: 700 !important; } }

/* [ca-start-welcome] 19 Oct 2026 (AL, Prompt 39): one-time welcome above "Who will you face..." for a new free member arriving from the sign-up. */
html body .item-page .ca-start .ca-start-welcome { font-size: 19px !important; line-height: 1.55 !important; font-weight: 600; color: #0F6E56 !important; text-align: center; max-width: 760px; margin: 0 auto 18px !important; }
@media (max-width: 767px) { html body .item-page .ca-start .ca-start-welcome { font-size: 17px !important; padding: 0 16px; } }

/* [ca-land-noprice] 20 Oct 2026 (AL, Prompt 40): /community has no price line, so its bottom Join button starts the section - no doubled gap. */
html body .item-page .ca-land .ca-land-cta > .ca-land-actions:first-child { margin-top: 0 !important; }

/* [ca-faith-create] 20 Oct 2026 (AL, Prompt 40): the /faith hero's "Create My Alliance" uses the front doors' .ca-land-btn; the faith hero colours its links white, so restore the button's own green text. */
html body .item-page .ca-hero a.ca-land-btn, html body .item-page .ca-hero a.ca-land-btn:visited { color: #085041 !important; text-decoration: none !important; }
html body .item-page .ca-hero a.ca-land-btn:hover { background: #E8F5EF !important; color: #085041 !important; }

/* [ca-hm-joyquote] 20 Oct 2026 (AL, Prompt 45): the joy line inside "How your alliance works" as a pull quote - the headings' serif and green,
   italic, centred, with a short thin green rule above and below. Home page panel only; wording unchanged. */
html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy {
  font-family: 'DM Serif Display', Georgia, serif !important; font-style: italic; font-weight: 400 !important;
  font-size: 24px !important; line-height: 1.45 !important; color: #0F6E56 !important; text-align: center;
  max-width: 680px; margin: 30px auto 4px !important; padding: 0 8px; text-wrap: balance;
}
html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy::before, html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy::after {
  content: ""; display: block; width: 64px; height: 1px; background: #0F6E56; opacity: .55; margin: 0 auto 18px;
}
html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy::after { margin: 18px auto 0; }
@media (max-width: 767px) {
  html body .item-page .ca-hm .ca-hm-panel .ca-hub-joy { font-size: 20px !important; margin-top: 24px !important; padding: 0 2px; }
}
/* [ca-hm-mission-label] 20 Oct 2026 (AL, Prompt 46): "OUR MISSION" label (the hero eyebrow's own class) above the mission line, a thin light rule
   above it, and the sentence a little larger and semi-bold. Desktop: inside the green hero, in white tones. Phones: below the hero, in green tones. */
html body .item-page .ca-hm .ca-hm-desk { max-width: 760px; margin: 26px auto 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .28); }
html body .item-page .ca-hm .ca-hm-mission-label { margin: 0 0 10px !important; }
html body .item-page .ca-hm .ca-hm-desk .ca-hm-mission { font-size: 21px !important; font-weight: 600 !important; margin-top: 0 !important; }
@media (max-width: 767px) {
  html body .item-page .ca-hm .ca-hm-mob { border-top: 1px solid #d6e6df; margin: 4px 22px 0; padding: 20px 0 28px; }
  html body .item-page .ca-hm .ca-hm-mob .ca-hm-mission-label { color: #0F6E56 !important; }
  html body .item-page .ca-hm .ca-hm-mob .ca-hm-mission { font-size: 18.5px !important; font-weight: 600 !important; }
}
/* [ca-faith-p47] 20 Oct 2026 (AL, Prompt 47): /faith bottom band - "Create My Alliance" filled green beside the outlined "Ask a question" (the hero's pair, on the light band);
   "See sample pages" now sits inside the privacy band, just under the privacy link. */
html body .item-page .ca-faith-actions-band a.ca-faith-create-solid { background: #0F6E56 !important; color: #ffffff !important; text-decoration: none !important; }
html body .item-page .ca-faith-actions-band a.ca-faith-create-solid:hover { background: #085041 !important; color: #ffffff !important; }
html body .item-page .ca-faith .ca-faith-samples-in { margin-top: 10px !important; }

/* [ca-signup-v1] 20 Oct 2026 (AL, Prompt 50): Membership Pro sign-up forms (free plan, Build Alliance, Church Alliance, renewals) in the plan pages'
   look - logo + Back at the top of a white rounded card, serif green heading, site inputs and a green button. Only body.ca-signup (cafamily signupForm). */
body.ca-signup #osm-signup-page { max-width: 700px; margin: 24px auto 40px !important; background: #ffffff; border: 1px solid #e0dfda; border-radius: 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, .04); padding: 36px 40px !important; box-sizing: border-box; font-family: 'DM Sans', sans-serif; color: #1a1a1a; }
body.ca-signup .ca-signup-head { margin: 0 0 22px; }
body.ca-signup .ca-signup-head img { height: 48px; width: auto; display: block; margin: 0 0 16px; }
body.ca-signup a.ca-signup-back { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: #ffffff !important; text-decoration: none !important; padding: 6px 14px; border-radius: 8px; background: #2A6EBB; font-family: 'DM Sans', sans-serif; }
body.ca-signup #osm-signup-page h1.osm-page-title { font-family: 'DM Serif Display', serif !important; font-weight: 400 !important; color: #0F6E56 !important; font-size: 30px !important; line-height: 1.2 !important; margin: 0 0 24px !important; text-align: left; }
body.ca-signup #osm-signup-page .form-group { margin: 0 0 16px !important; }
body.ca-signup #osm-signup-page .form-control-label, body.ca-signup #osm-signup-page .form-control-label label { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 14px; color: #3F3F3B; }
body.ca-signup #osm-signup-page input.form-control, body.ca-signup #osm-signup-page select, body.ca-signup #osm-signup-page textarea { font-family: 'DM Sans', sans-serif; font-size: 15px; border: 1px solid #d2d0c8; border-radius: 8px; padding: 10px 12px; box-shadow: none; background-color: #ffffff; }
body.ca-signup #osm-signup-page input.form-control:focus, body.ca-signup #osm-signup-page select:focus, body.ca-signup #osm-signup-page textarea:focus { border-color: #0F6E56; box-shadow: 0 0 0 3px rgba(15, 110, 86, .15); outline: none; }
body.ca-signup #osm-signup-page #btn-submit { background: #0F6E56 !important; border: 0 !important; color: #ffffff !important; border-radius: 10px !important; padding: 13px 26px !important; font-family: 'DM Sans', sans-serif; font-size: 16px !important; font-weight: 600 !important; cursor: pointer; }
body.ca-signup #osm-signup-page #btn-submit:hover { background: #085041 !important; }
body.ca-signup #osm-signup-page #btn-submit[disabled] { opacity: .6; }
@media (max-width: 767px) {
  body.ca-signup #osm-signup-page { margin: 16px auto 32px !important; padding: 24px 20px !important; border-radius: 12px; }
  body.ca-signup #osm-signup-page h1.osm-page-title { font-size: 26px !important; }
  body.ca-signup #osm-signup-page #btn-submit { width: 100%; }
}
/* [ca-signup-v1b] 20 Oct 2026 (AL, Prompt 50): sign-up form layout fixes - one Back (the card's; module 427's older Back to /login is hidden on
   these forms only), logo above the heading, every label above its field at full card width, outline-style password buttons. */
body.ca-signup #mod-custom427 { display: none !important; }
body.ca-signup .ca-signup-head img { float: none !important; display: block !important; }
body.ca-signup #osm-signup-page h1.osm-page-title { clear: both; }
body.ca-signup #os_form { margin: 0 !important; width: auto !important; max-width: none !important; }
body.ca-signup #os_form .form-group, body.ca-signup #os_form .form-actions { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
body.ca-signup #os_form .form-control-label, body.ca-signup #os_form .controls, body.ca-signup #os_form .eb-form-control, body.ca-signup #os_form .form-group > [class*="col-md-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; }
body.ca-signup #os_form .form-control-label { margin-bottom: 6px !important; }
body.ca-signup #os_form .input-password-toggle { background: #ffffff !important; border: 1px solid #d2d0c8 !important; border-left: none !important; color: #0F6E56 !important; border-radius: 0 8px 8px 0 !important; }
/* [ca-p51] 20 Oct 2026 (AL, Prompt 51)
   1) Plan pages on phones (/alliance-plan 5259, /church-alliance-plan 5683, /free-plan 5258): the same full-width card as the sign-up forms -
      drop the article pages' extra 24px side padding and the plan articles' own 24px inner padding. Phones up to 480px only; desktop unchanged.
   2) Password show/hide buttons (Joomla's passwordview.js swaps .icon-eye / .icon-eye-slash): the site never loads an icon font, so the buttons
      looked empty. Only these two glyphs, from Joomla's bundled Font Awesome (media/vendor), and only inside .input-password-toggle; no other icon changes. */
@media (max-width: 480px) {
  body.itemid-5259 #wrapper, body.itemid-5683 #wrapper, body.itemid-5258 #wrapper { padding-left: 0 !important; padding-right: 0 !important; }
  body.itemid-5259 .item-page [itemprop="articleBody"] > div, body.itemid-5683 .item-page [itemprop="articleBody"] > div, body.itemid-5258 .item-page [itemprop="articleBody"] > div { padding-left: 0 !important; padding-right: 0 !important; }
}
@font-face { font-family: 'ca-fa-solid'; src: url('/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: block; }
.input-password-toggle .icon-eye::before, .input-password-toggle .icon-eye-slash::before { font-family: 'ca-fa-solid' !important; font-weight: 900; font-style: normal; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; }
.input-password-toggle .icon-eye::before { content: "\f06e"; }
.input-password-toggle .icon-eye-slash::before { content: "\f070"; }
.input-password-toggle { color: #0F6E56 !important; min-width: 44px; justify-content: center; }
/* [ca-faith-ministry] 21 Oct 2026 (AL, explicit OK): /faith ministry line above the bottom buttons - the page's body text (17px, 1.75, #2C2C2A), centred; "About us" in the "See sample pages" link style. */
html body .item-page .ca-faith-ministry { font-family: 'DM Sans', sans-serif; font-size: 17px !important; line-height: 1.75 !important; color: #2C2C2A !important; font-weight: 400; text-align: center; max-width: 760px; margin: 28px auto 6px !important; padding: 0 16px; }
html body .item-page .ca-faith-ministry a { color: #0F6E56 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

/* [ca-faith-ministry-b] keep the ministry line off the screen edges */
html body .item-page .ca-faith-ministry { box-sizing: border-box; padding-left: 20px !important; padding-right: 20px !important; }

/* [ca-hm-top] 22 Oct 2026 (AL, Prompt 56): "OUR MISSION" and the mission sentence at the top of the green hero, in place of the old
   "The new organization for the AI era" label (desktop and phones). The Join buttons stay below the hero paragraph, now without the thin line above them. */
html body .item-page .ca-hm .ca-hm-top { max-width: 700px; margin: 0 auto 40px; text-align: center; }
html body .item-page .ca-hm .ca-hm-top .ca-hm-mission-label { color: #9FE1CB !important; margin: 0 0 12px !important; text-align: center; }
html body .item-page .ca-hm .ca-hm-top .ca-hm-mission { font-size: 20px !important; line-height: 1.55 !important; font-weight: 600 !important; color: #ffffff !important; text-align: center; max-width: 680px; margin: 0 auto !important; text-wrap: balance; }
html body .item-page .ca-hm .ca-hm-desk.ca-hm-joinonly { border-top: none; padding-top: 0; }
body.ca-hub-member .item-page .ca-hm .ca-hm-joinonly { display: none !important; }
@media (max-width: 767px) {
  html body .item-page .ca-hm .ca-hm-top { margin: 0 auto 30px; padding: 0 2px; }
  html body .item-page .ca-hm .ca-hm-top .ca-hm-mission { font-size: 17.5px !important; line-height: 1.55 !important; color: #ffffff !important; }
  html body .item-page .ca-hm .ca-hm-top .ca-hm-mission-label { color: #9FE1CB !important; }
  html body .item-page .ca-hm .ca-hm-mob.ca-hm-joinonly { border-top: none; padding-top: 4px; }
}