.elementor-kit-8{--e-global-color-primary:#152238;--e-global-color-secondary:#C8A45D;--e-global-color-text:#7A7A7A;--e-global-color-accent:#C9A45C;--e-global-color-3aa78f7:#FAF8F4;--e-global-color-e41d09b:#FAF8F3;--e-global-color-6616c3e:#F4F4F2;--e-global-color-78ac05a:#1A1A1A;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-500d8ec-font-family:"Playfair Display";--e-global-typography-500d8ec-font-weight:400;color:#555555;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-family:"Cormorant Garamond", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ==================================================
   ABUNDANCE COMMUNITY HALLS - HOME PAGE
================================================== */

:root {
  --ach-navy: #081b2e;
  --ach-navy-light: #102c46;
  --ach-gold: #c79a3b;
  --ach-gold-dark: #a97922;
  --ach-ivory: #faf7f0;
  --ach-cream: #f5f0e6;
  --ach-white: #ffffff;
  --ach-text: #292929;
  --ach-muted: #6a6a6a;
  --ach-border: #e8e1d5;

  --ach-serif: "Playfair Display", Georgia, serif;
  --ach-sans: "Montserrat", Arial, sans-serif;
}


/* GENERAL */

.ach-home {
  background: var(--ach-white);
  color: var(--ach-text);
  font-family: var(--ach-sans);
  overflow: hidden;
}

.ach-home * {
  box-sizing: border-box;
}

.ach-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.ach-section {
  padding: 95px 0;
}

.ach-home h1,
.ach-home h2,
.ach-home h3 {
  font-family: var(--ach-serif);
  color: var(--ach-navy);
  margin-top: 0;
}

.ach-home h2 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.12;
  margin-bottom: 20px;
}

.ach-home h3 {
  font-size: 21px;
  margin-bottom: 12px;
}

.ach-home p {
  font-size: 16px;
  line-height: 1.8;
}

.ach-section-label,
.ach-eyebrow {
  display: block;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--ach-gold);
  margin-bottom: 18px;
}

.ach-gold-line {
  width: 52px;
  height: 2px;
  background: var(--ach-gold);
  margin: 0 0 25px;
}

.ach-gold-line.centered {
  margin: 0 auto 24px;
}

.ach-section-heading {
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}

.ach-section-heading p {
  color: var(--ach-muted);
}


/* BUTTONS */

.ach-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 25px;
  border-radius: 3px;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-family: var(--ach-sans);
  font-size: 13px;
  font-weight: 700;
  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.ach-btn:hover {
  transform: translateY(-2px);
}

.ach-btn-gold {
  background: var(--ach-gold);
  border: 1px solid var(--ach-gold);
  color: var(--ach-navy) !important;
}

.ach-btn-gold:hover {
  background: var(--ach-gold-dark);
  border-color: var(--ach-gold-dark);
  color: var(--ach-white) !important;
}

.ach-btn-outline {
  border: 1px solid rgba(255,255,255,.8);
  color: var(--ach-white) !important;
  background: rgba(0,0,0,.1);
}

.ach-btn-outline:hover {
  background: var(--ach-white);
  color: var(--ach-navy) !important;
}

.ach-btn-navy {
  background: var(--ach-navy);
  border: 1px solid var(--ach-navy);
  color: var(--ach-white) !important;
}

.ach-btn-navy:hover {
  background: var(--ach-gold);
  border-color: var(--ach-gold);
  color: var(--ach-navy) !important;
}

.ach-btn-light-outline {
  color: var(--ach-white) !important;
  border: 1px solid rgba(255,255,255,.7);
  background: transparent;
}

.ach-btn-light-outline:hover {
  background: var(--ach-white);
  color: var(--ach-navy) !important;
}


/* HERO */

.ach-hero {
  position: relative;
  min-height: 700px;
  display: flex;
  align-items: center;

  /* REPLACE WITH YOUR HERO IMAGE */
  background:
    url("https://abundancecommunityhalls.org/wp-content/uploads/2026/08/Hall1-enhanced-web.jpg.jpg")
    center center / cover no-repeat;
}

.ach-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(4,18,32,.91) 0%,
      rgba(4,18,32,.72) 42%,
      rgba(4,18,32,.26) 100%
    );
}

.ach-hero-content {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ach-hero-content h1 {
  max-width: 720px;
  margin: 0 0 24px;
  color: var(--ach-white);
  font-size: clamp(44px, 6vw, 68px);
  line-height: 1.02;
  font-weight: 600;
}

.ach-hero-content h1 span {
  display: block;
}

.ach-hero-text {
  max-width: 680px;
  margin-bottom: 22px;
  color: rgba(255,255,255,.92);
  font-size: 17px !important;
}

.ach-location {
  color: var(--ach-white);
  font-weight: 600;
  margin-bottom: 28px;
}

.ach-location .ach-icon {
  color: var(--ach-gold);
  margin-right: 7px;
}

.ach-hero-buttons,
.ach-final-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ach-small-note {
  margin-top: 15px;
  color: rgba(255,255,255,.76);
  font-size: 12px !important;
}


/* INTRO */

.ach-intro {
  background: var(--ach-white);
}

.ach-two-col {
  display: grid;
  grid-template-columns: .93fr 1.07fr;
  gap: 65px;
  align-items: center;
}

.ach-content p {
  color: #4d4d4d;
}

.ach-emphasis {
  color: var(--ach-navy) !important;
  font-weight: 700;
}

.ach-image-card {
  position: relative;
}

.ach-image-card::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 75%;
  right: -18px;
  bottom: -18px;
  border: 2px solid var(--ach-gold);
  z-index: 0;
}

.ach-image-card img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
}


/* EVENTS */

.ach-events {
  background: var(--ach-ivory);
}

.ach-event-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-top: 1px solid var(--ach-border);
  border-bottom: 1px solid var(--ach-border);
}

.ach-event-card {
  position: relative;
  padding: 35px 20px;
  text-align: center;
}

.ach-event-card:not(:last-child) {
  border-right: 1px solid var(--ach-border);
}

.ach-event-icon {
  margin-bottom: 18px;
  color: var(--ach-gold);
  font-size: 36px;
}

.ach-event-card h3 {
  font-family: var(--ach-sans);
  font-size: 14px;
  font-weight: 700;
}

.ach-event-card p {
  font-size: 13px;
  line-height: 1.65;
  color: var(--ach-muted);
}


/* IMAGE CTA */

.ach-image-cta {
  position: relative;
  min-height: 470px;
  display: flex;
  align-items: center;

  /* REPLACE IMAGE */
  background:
    url("https://abundancecommunityhalls.org/wp-content/uploads/2026/08/reception.jpg")
    center center / cover no-repeat;
}

.ach-image-cta-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(3,18,31,.88),
      rgba(3,18,31,.56),
      rgba(3,18,31,.18)
    );
}

.ach-image-cta-content {
  position: relative;
  z-index: 2;
}

.ach-image-cta h2 {
  max-width: 620px;
  color: var(--ach-white);
  font-size: clamp(38px, 4.5vw, 56px);
}

.ach-image-cta p {
  max-width: 620px;
  color: rgba(255,255,255,.9);
  margin-bottom: 28px;
}


/* BENEFITS */

.ach-benefits {
  background: var(--ach-white);
}

.ach-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.ach-benefit-card {
  padding: 28px 30px;
  text-align: center;
}

.ach-benefit-card:not(:last-child) {
  border-right: 1px solid var(--ach-border);
}

.ach-benefit-icon {
  margin-bottom: 16px;
  font-size: 33px;
  color: var(--ach-gold);
}

.ach-benefit-card h3 {
  font-family: var(--ach-sans);
  font-size: 15px;
}

.ach-benefit-card p {
  color: var(--ach-muted);
  font-size: 13px;
  line-height: 1.7;
}


/* GALLERY */

.ach-gallery {
  background: var(--ach-ivory);
}

.ach-gallery-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 250px 250px;
  gap: 10px;
}

.ach-gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
}

.ach-gallery-item:first-child {
  grid-row: span 2;
}

.ach-gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.ach-gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8,27,46,0);
  transition: background-color .35s ease;
}

.ach-gallery-item:hover img {
  transform: scale(1.045);
}

.ach-gallery-item:hover::after {
  background: rgba(8,27,46,.18);
}

.ach-center-button {
  margin-top: 35px;
  text-align: center;
}


/* FINAL CTA */

.ach-final-cta {
  padding: 90px 0;
  text-align: center;
  background:
    linear-gradient(
      135deg,
      #071a2c,
      #0e2942
    );
}

.ach-label-light {
  color: var(--ach-gold);
}

.ach-final-cta h2 {
  margin-bottom: 14px;
  color: var(--ach-white);
  font-size: clamp(38px, 5vw, 54px);
}

.ach-final-cta > .ach-container > p {
  max-width: 650px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.82);
}

.ach-final-buttons {
  justify-content: center;
  margin-bottom: 30px;
}

.ach-phone-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
}

.ach-phone-list a,
.ach-email {
  color: var(--ach-white) !important;
  text-decoration: none;
  font-weight: 600;
}

.ach-phone-list span {
  color: var(--ach-gold);
}

.ach-email {
  display: inline-block;
  margin-top: 15px;
}

.ach-note-light {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}


/* TABLET */

@media (max-width: 1024px) {

  .ach-section {
    padding: 70px 0;
  }

  .ach-two-col {
    gap: 40px;
  }

  .ach-event-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ach-event-card {
    border-bottom: 1px solid var(--ach-border);
  }

  .ach-event-card:nth-child(3) {
    border-right: none;
  }

  .ach-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ach-benefit-card:nth-child(2) {
    border-right: none;
  }

  .ach-benefit-card:nth-child(-n+2) {
    border-bottom: 1px solid var(--ach-border);
  }

  .ach-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 330px 220px 220px;
  }

  .ach-gallery-item:first-child {
    grid-column: span 2;
    grid-row: auto;
  }
}


/* MOBILE */

@media (max-width: 767px) {

  .ach-container {
    width: min(100% - 34px, 1180px);
  }

  .ach-section {
    padding: 55px 0;
  }

  .ach-hero {
    min-height: 640px;
    background-position: 60% center;
  }

  .ach-hero-overlay {
    background: rgba(4,18,32,.72);
  }

  .ach-hero-content {
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .ach-hero-content h1 {
    font-size: 42px;
  }

  .ach-hero-text {
    font-size: 15px !important;
  }

  .ach-hero-buttons,
  .ach-final-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .ach-btn {
    width: 100%;
  }

  .ach-two-col {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .ach-image-card img {
    height: 380px;
  }

  .ach-image-card::before {
    right: -10px;
    bottom: -10px;
  }

  .ach-event-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ach-event-card:nth-child(odd) {
    border-right: 1px solid var(--ach-border);
  }

  .ach-event-card:nth-child(even) {
    border-right: none;
  }

  .ach-image-cta {
    min-height: 520px;
  }

  .ach-image-cta-overlay {
    background: rgba(3,18,31,.68);
  }

  .ach-benefit-grid {
    grid-template-columns: 1fr;
  }

  .ach-benefit-card {
    border-right: none !important;
    border-bottom: 1px solid var(--ach-border);
  }

  .ach-benefit-card:last-child {
    border-bottom: none;
  }

  .ach-gallery-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .ach-gallery-item,
  .ach-gallery-item:first-child {
    grid-column: auto;
    grid-row: auto;
    height: 270px;
  }

  .ach-phone-list {
    flex-direction: column;
  }

  .ach-phone-list span {
    display: none;
  }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

  .ach-event-grid {
    grid-template-columns: 1fr;
  }

  .ach-event-card {
    border-right: none !important;
  }

  .ach-home h2 {
    font-size: 34px;
  }

  .ach-hero-content h1 {
    font-size: 37px;
  }

}/* End custom CSS */