.elementor-kit-5{--e-global-color-primary:#1C2776;--e-global-color-secondary:#0E1C27;--e-global-color-text:#252525;--e-global-color-accent:#4AACB3;--e-global-color-d42e4ff:#F8F5EF;--e-global-color-11afcc9:#EDE7DC;--e-global-color-64b2104:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#FFD700;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 img{border-radius:12px 12px 12px 12px;opacity:1;}.elementor-kit-5 img:hover{opacity:0.95;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{background-color:#FFFFFF;border-radius:1px 1px 1px 1px;padding:14px 14px 14px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   AGBC palette fixes — paste into:
   Elementor → Site Settings → Custom CSS
   (or Appearance → Customize → Additional CSS)
   ========================================================= */

:root{
  --agbc-navy:#1B3A63;
  --agbc-teal:#2CA6BF;
  --agbc-teal-dark:#1A7F94;   /* for small text/links on white (passes contrast) */
  --agbc-cyan:#7FD4E0;
  --agbc-tint:#EAF7F9;
  --agbc-gold:#D9A441;
}

/* ---------- 1. THEME UI: menu button, search icon, links (Astra-style theme) ---------- */
.ast-mobile-menu-buttons .menu-toggle,
.ast-mobile-menu-buttons .ast-mobile-menu-buttons-outline{
  border-color:var(--agbc-navy) !important;
  color:var(--agbc-navy) !important;
}
.ast-mobile-menu-buttons .menu-toggle .ast-mobile-svg,
.ast-header-search .ast-search-icon .astra-search-icon,
.ast-search-icon svg,
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a{
  fill:var(--agbc-navy) !important;
  color:var(--agbc-navy) !important;
}

/* ---------- 2. SCROLL-TO-TOP: smaller, navy, tucked into the corner ---------- */
#ast-scroll-top,
.scroll-to-top,
#scroll-top{
  background:var(--agbc-navy) !important;
  color:#fff !important;
  width:40px !important;
  height:40px !important;
  border-radius:8px !important;
  right:14px !important;
  bottom:14px !important;
  opacity:.9;
}
#ast-scroll-top:hover{ background:var(--agbc-teal-dark) !important; }

/* ---------- 3. SLIDER: darker overlay so white text is readable ---------- */
.elementor-slides .elementor-background-overlay{
  background-color:var(--agbc-navy) !important;
  opacity:.60 !important;
}
.elementor-slides .elementor-slide-heading{
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.elementor-slides .elementor-slide-description{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}
/* keep the slide button clear of the pagination dots */
.elementor-slides .elementor-slide-button{
  margin-bottom:2.2rem !important;
  background:var(--agbc-gold) !important;
  color:var(--agbc-navy) !important;
  border-color:var(--agbc-gold) !important;
  font-weight:600;
}
.elementor-slides .swiper-pagination{ bottom:12px !important; }

/* ---------- 4. BUTTONS ----------
   In Elementor: select the button → Advanced → CSS Classes
   and type  agbc-btn-primary  or  agbc-btn-secondary            */
.agbc-btn-primary .elementor-button,
.agbc-btn-primary.elementor-button{
  background:var(--agbc-gold) !important;
  color:var(--agbc-navy) !important;
  border:2px solid var(--agbc-gold) !important;
  font-weight:600;
}
.agbc-btn-primary .elementor-button:hover{
  background:#c4922f !important;
  border-color:#c4922f !important;
}
.agbc-btn-secondary .elementor-button,
.agbc-btn-secondary.elementor-button{
  background:var(--agbc-navy) !important;
  color:#fff !important;
  border:2px solid var(--agbc-navy) !important;
  font-weight:600;
}
.agbc-btn-secondary .elementor-button:hover{
  background:var(--agbc-teal-dark) !important;
  border-color:var(--agbc-teal-dark) !important;
}

/* ---------- 5. SECTIONS ----------
   Add class  agbc-tint  to any container using the heavy light-blue,
   and  agbc-navy  to any dark container.                          */
.agbc-tint{ background-color:var(--agbc-tint) !important; }
.agbc-navy{ background-color:var(--agbc-navy) !important; color:#fff; }
.agbc-navy h1,.agbc-navy h2,.agbc-navy h3{ color:#fff; }

/* ---------- 6. MOBILE: calm down the nested "Worship With Us" cards ---------- */
@media (max-width:767px){
  .agbc-worship-outer{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
  }
}

/* ---------- 7. TEXT LINKS on white: use the darker teal ---------- */
.elementor-widget-text-editor a,
.elementor-post__read-more{
  color:var(--agbc-teal-dark);
}/* End custom CSS */