@charset "utf-8";
/**
 * Christian Concepts for Kids: Members Area restyle (Sep 2026)
 * Matches the public site's colors and fonts, and marks this as the Members Area.
 * Everything here overrides theme.css; delete this block to go back to the old look.
 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap");

body, html { height: 100%; }

:root{
  --cck-green:#2c5f4e; --cck-green-dark:#1e4336;
  --cck-cream:#f8f4eb; --cck-cream-dark:#efe8d8;
  --cck-gold:#c9a227; --cck-gold-light:#e8d48b;
  --cck-navy:#1e4d6b; --cck-text:#2d2a26; --cck-text-soft:#5c564e;
  --cck-radius:16px;
}

/* Page */
html body, html body.am-logged-in, html body.am-logged-out {
  background: var(--cck-cream) !important;
  color: var(--cck-text);
  font-family: "Source Sans 3", Helvetica, Arial, sans-serif !important;
  font-size: 17px;
}
body .am-layout, body .am-body, body .am-body-content-wrapper, body .am-main,
body .am-body-content, body .cc4k-wrapper { background: transparent !important; box-shadow:none !important; border:0 !important; }
body .am-main { max-width: 1160px; }

/* Members banner above the header */
body .am-layout::before{
  content: "\2726  You're in the Members Area of Christian Concepts for Kids  \2726";
  display:block; text-align:center; padding:8px 12px;
  background: var(--cck-green-dark); color: var(--cck-gold-light);
  font: 500 14px/1.3 "Source Sans 3", sans-serif; letter-spacing:.04em;
}

/* Header */
body .am-header{
  background: var(--cck-green) !important; background-image:none !important;
  border-bottom: 4px solid var(--cck-gold) !important; box-shadow:none !important;
}
body .am-header-content-wrapper, body .am-header-content{ background:transparent !important; border:0 !important; }
body .am-header-content{ display:flex; align-items:center; gap:22px; padding:14px 16px !important; }
body .am-header-content-logo{ max-height:72px; width:auto; }
body .am-header-content-content{ display:flex; align-items:center; }
body .am-header-content-content::before{
  content:"\1F512  Members Area"; display:inline-block;
  background: var(--cck-gold); color: var(--cck-green-dark);
  font: 700 13px/1 "Source Sans 3", sans-serif; letter-spacing:.12em; text-transform:uppercase;
  padding:9px 16px; border-radius:999px;
}
body .am-header-line{ display:none !important; }

/* Headings */
body h1, body h2, body h3, body .cc4k-custom-title, body .cc4k-page-header,
body .cc4k-sidebar-heading, body .element-title, body .am-form legend {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--cck-green-dark); letter-spacing:0;
}
body .cc4k-custom-title{ font-weight:700; }
body .cc4k-custom-title .cc4k-custom-title_pop{ color: var(--cck-gold) !important; }

/* Links */
body a{ color: var(--cck-green); }
body a:hover{ color: var(--cck-green-dark); }
body .cc4k-content-block-text a, body .medium-8 p a{ font-weight:600; text-decoration-color: var(--cck-gold); text-underline-offset:3px; }

/* Buttons */
body .button, body .cc4k-cta-button, body .cc4k-small-button, body .cc4k-large-button,
body .cc4k-members-login a, body input[type=submit], body button, body .am-c-quick-search input[type=submit]{
  background: var(--cck-green) !important; background-image:none !important;
  color:#fff !important; border:0 !important; border-radius:999px !important;
  font-family:"Source Sans 3", sans-serif !important; font-weight:700 !important; text-shadow:none !important;
  padding:9px 18px !important; box-shadow:none !important;
}
body .cc4k-members-login{ background:transparent !important; border:0 !important; }
body .cc4k-members-login.green a, body .button-green, body .cc4k-pricing-table-green-background .button{
  background: var(--cck-gold) !important; color: var(--cck-green-dark) !important;
}
body .button:hover, body .cc4k-members-login a:hover, body input[type=submit]:hover{ filter:brightness(1.08); }

/* Content cards and section headers */
body .cc4k-content-block, body .cc4k-sidebar-container, body .cc4k-pricing-table-column,
body .am-form, body .am-block, body .am-info {
  background:#fff !important; border:0 !important; border-radius: var(--cck-radius) !important;
  box-shadow: 0 3px 12px rgba(30,67,54,.08) !important; overflow:hidden;
}
body .cc4k-content-block{ padding-bottom:18px; }
body .cc4k-content-block img, body .cc4k-page-header-picture-container img{ border-radius:12px; }
body .cc4k-content-block-header-container{
  background: var(--cck-green) !important; background-image:none !important;
  border-radius: 12px !important; box-shadow:none !important;
}
body .cc4k-content-block-header{
  font-family:"Cormorant Garamond", serif !important; font-size:24px !important;
  color:#fff !important; text-shadow:none !important;
}
body .cc4k-sidebar-container{ padding:22px !important; }
body .cc4k-sidebar-divider{ border-color: var(--cck-cream-dark) !important; background: var(--cck-cream-dark) !important; height:2px; }
body .cc4k-page-header-container{ border-bottom: 3px solid var(--cck-gold); margin-bottom:18px; }

/* Pricing */
body .cc4k-pricing-table-gray-background{ background: var(--cck-cream-dark) !important; }
body .cc4k-pricing-table-green-background{ background: var(--cck-green) !important; }
body .cc4k-pricing-table-value-container.emphasize{ background: var(--cck-gold) !important; }
body .cc4k-pricing-table-value{ color: var(--cck-green-dark) !important; }

/* Forms */
body input[type=text], body input[type=password], body input[type=email], body select, body textarea{
  border:1px solid var(--cck-cream-dark) !important; border-radius:10px !important; padding:9px 12px !important;
  background:#fff !important; font-family:"Source Sans 3", sans-serif !important;
}
body input:focus, body select:focus, body textarea:focus{ outline:2px solid var(--cck-gold-light); border-color: var(--cck-gold) !important; }

/* Member menu tabs */
body .am-tabs, body ul.am-tabs{ border:0 !important; background:transparent !important; }
body .am-tabs li a{ background: #fff !important; color: var(--cck-green) !important; border-radius:999px !important; border:0 !important; margin:0 6px 6px 0; font-weight:600; }
body .am-tabs li.active a, body .am-tabs li a:hover{ background: var(--cck-green) !important; color:#fff !important; }

/* Footer */
body .am-footer{ background: var(--cck-green-dark) !important; background-image:none !important; border-top: 4px solid var(--cck-gold); }
body .am-footer-content-wrapper, body .am-footer-content{ background: transparent !important; border:0 !important; }
body .am-footer, body .am-footer a, body .am-footer-text{ color: var(--cck-cream) !important; }
body .am-credits, body .am-credits a{ color: var(--cck-text-soft) !important; }

/* Refinements */
body p, body li, body h4, body h5, body label, body .cc4k-pricing-table-item, body .cc4k-content-block-text,
body .cc4k-benefits-testimonial, body .cc4k-content-block-text p { font-family:"Source Sans 3", sans-serif !important; }
body .cc4k-benefits-testimonial p{ font-style:italic; color: var(--cck-text-soft); }
body .medium-8 p a, body .cc4k-content-block-text a, body .am-body a:not(.button):not(.cc4k-pricing-table-button){ color: var(--cck-green) !important; }
body .cc4k-page-header-container{ background:transparent !important; box-shadow:none !important; border-bottom:3px solid var(--cck-gold) !important; }
body .cc4k-page-header{ background:transparent !important; color: var(--cck-green-dark) !important; font-size:40px !important; font-weight:700 !important; text-align:left !important; padding:0 0 8px !important; margin:0 !important; }
body .cc4k-secondary-nav{ background:#fff !important; border:0 !important; border-radius:999px !important; display:inline-block; padding:8px 18px !important; box-shadow:0 2px 8px rgba(30,67,54,.06); }
body .medium-8 h3{ font-size:24px !important; }

/* Pricing table cleanup */
body .cc4k-pricing-table-column *{ border-color: var(--cck-cream-dark) !important; }
body .cc4k-pricing-table-header-container{ background:#fff !important; border-top:0 !important; padding:16px 0 6px !important; }
body .cc4k-pricing-table-header, body .cc4k-pricing-table-header_green{ color: var(--cck-green-dark) !important; font-size:28px !important; font-weight:700 !important; }
body .cc4k-pricing-table-price{ font-family:"Source Sans 3", sans-serif !important; font-weight:700 !important; font-size:22px !important; color: var(--cck-green-dark) !important; }
body .cc4k-pricing-table-price-container.cc4k-pricing-table-green-background .cc4k-pricing-table-price{ color:#fff !important; }
body .cc4k-pricing-table-value-container.empty{ height:34px; background:transparent !important; border:0 !important; }
body .cc4k-pricing-table-value-container.emphasize{ height:34px; display:flex; align-items:center; justify-content:center; }
body .cc4k-pricing-table-item{ font-size:16px !important; color: var(--cck-text) !important; }

/* Footer sits at the bottom of short pages */
body .am-footer{ position:static !important; width:100% !important; max-width:none !important; margin-top:40px; }
body .am-credits{ padding:10px 0; }
body .cc4k-members-login a, body .am-body a.button, body a.cc4k-pricing-table-button{ color:#fff !important; }
body .cc4k-members-login.green a, body a.button-green{ color: var(--cck-green-dark) !important; }
body .am-footer, body .am-footer-content, body .am-footer-content-wrapper{ height:auto !important; min-height:0 !important; }
body .am-footer-content{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:18px 16px !important; }
body .am-credits{ order:3; width:100%; text-align:center; padding:8px 0 0; }
body .am-credits, body .am-credits a{ color: rgba(248,244,235,.6) !important; font-size:12px; }
html body .am-body .cc4k-members-login a:not(.x):not(.y), html body .am-body a.button:not(.x):not(.y), html body .am-body a.cc4k-pricing-table-button:not(.x){ color:#fff !important; }
html body .am-body .cc4k-members-login.green a:not(.x):not(.y), html body .am-body a.button-green:not(.x):not(.y){ color: var(--cck-green-dark) !important; }
html body .am-footer .am-credits a:not(.x){ color: rgba(248,244,235,.75) !important; }
html body .am-body a.cc4k-cta-button:not(.x):not(.y), html body .am-body a.cc4k-small-button:not(.x):not(.y), html body .am-body a.cc4k-large-button:not(.x):not(.y){ color:#fff !important; text-decoration:none !important; }
html body .am-body .cc4k-members-login a, html body .am-body a.button{ text-decoration:none !important; }