body.sticky-menu-active header.newHeader .header-body {
        background: rgba(52,51,59,.8);
        border-bottom: 0
    }
[off-canvas] {
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: #34333b;
    color: #ffffff;
    -webkit-overflow-scrolling: touch
}
church .custom-post-event .post-event-date span.day {
  min-width: 2.2ch;
  text-align: center;
  font-weight: 600;

}
.body>#footer {
    background: #0e3970;
    border-top: 4px solid #0e0e0e;
    font-size: .9em;
    margin-top: 0px;
    padding: 70px 0 0;
    position: relative;
    clear: both
}
/* Next sale banner logo overlapping top edge */
.next-sale-banner {
    position: relative;
    overflow: visible;
}

.next-sale-banner::before {
    content: "";
    position: absolute;
    top: -40px; /* how far it overlaps into row above */
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    background: url("/Portals/0/anmal2b.svg") no-repeat center center;
    background-size: contain;
    z-index: 2;
}
.thumb-info .thumb-info-title {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: rgba(14,57,112,.9);
    bottom: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%
}
#footer .event span,#footer .event a {
    color: #ffffff !important
}
/* Base button style */
.btn-responsive-nav.btn-inverse {
  background-color: #0e3970;      /* your chosen colour */
  color: #fff;
}

/* When Bootstrap toggles aria-expanded, keep same background */
.btn-responsive-nav.btn-inverse[aria-expanded="true"],
.btn-responsive-nav.btn-inverse[aria-expanded="false"] {
  background-color: #0e3970;
  color: #fff;
}
.btn-responsive-nav.btn-inverse.active {
  background-color: #0e3970;
  color: #fff;
}

/* Map flush above footer: remove white space between map and footer */
.body .main {
  padding-bottom: 0;
}
#BottomPaneFull,
#BottomPaneFull .row,
#BottomPaneFull .container {
  margin-bottom: 0;
  padding-bottom: 0;
}
.body .main .section:last-of-type,
.body .main > .container:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Partner logos + Website by: row on mobile, Newline logo centered */
@media (max-width: 991px) {
  .content-grid,
  #footer .content-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px;
  }
  .content-grid .content-grid-row.row,
  #footer .content-grid .content-grid-row.row {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .content-grid .content-grid-row .content-grid-item,
  #footer .content-grid .content-grid-row .content-grid-item {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 50% !important;
  }
  .content-grid .content-grid-row .content-grid-item img,
  .content-grid .mt-xl img,
  #footer .content-grid .mt-xl img {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
  }
  .content-grid .mt-xl,
  #footer .content-grid .mt-xl,
  #footer .mt-xl {
    flex: 1 1 100% !important;
    margin-top: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  .content-grid .mt-xl p,
  #footer .content-grid .mt-xl p,
  #footer .mt-xl p {
    margin: 0 !important;
    text-align: center !important;
  }
  .content-grid .mt-xl img,
  #footer .content-grid .mt-xl img,
  #footer .mt-xl img {
    float: none !important;
    display: inline-block !important;
  }
  /* Fallback: center Newline logo by image src/alt wherever it sits in footer */
  #footer img[src*="website_by"],
  #footer img[src*="Newline"],
  #footer img[alt*="Newline"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ===== Fixed mobile header & full-height overlay nav ===== */
@media (max-width: 991px) {

  /* Kill slidebars page-shift */
  [canvas="containers"] {
    -webkit-transform: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* ---- Fixed header bar (compact) ---- */
  header .header-body {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    background: #0e3970 !important;
    border-bottom: none !important;
    padding: 5px 12px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.sticky-menu-active header .header-body,
  body.sticky-menu-deactive header .header-body {
    position: fixed !important;
    top: 0 !important;
    background: #0e3970 !important;
    overflow: visible !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* Push page content below the fixed header */
  header { min-height: 44px; }

  /* Logo compact — lock size so sticky JS can't animate it */
  header .logo img {
    max-height: 32px !important;
    height: auto !important;
    width: auto !important;
    top: 0 !important;
    position: relative !important;
    transition: none !important;
  }

  /* Hide utility rows */
  header .header-nav-top,
  header .header-body .header-top,
  header .header-body .search,
  header .header-body .social-icons,
  header .header-body .mini-search,
  header .header-body .search-block,
  header .header-body .header-row.header-nav,
  header .header-body .nav-bar-primary {
    display: none !important;
  }

  /* Menu button: absolutely positioned to the right edge of header */
  header .btn-responsive-nav {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    z-index: 1031 !important;
    display: block !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    font-size: 18px;
    line-height: 1;
    padding: 4px 8px;
  }

  /* Hide the collapse wrapper left behind in the header */
  header .header-nav-main-effect {
    display: none !important;
  }

  /* ---- Full-screen overlay nav (element moved to <body> by JS) ---- */
  body > #nav-main-collapse {
    display: none;
  }
  body > #nav-main-collapse.mobile-nav-open {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 60px) !important;
    z-index: 9999 !important;
    background: #0e3970 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 15px 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  body > #nav-main-collapse.mobile-nav-open nav,
  body > #nav-main-collapse.mobile-nav-open .nav-main {
    display: block !important;
  }
  body > #nav-main-collapse.mobile-nav-open .nav-main > li {
    display: block !important;
    float: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  body > #nav-main-collapse.mobile-nav-open .nav-main > li > a {
    color: #fff !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block !important;
    background: transparent !important;
  }
  body > #nav-main-collapse.mobile-nav-open .nav-main > li.active > a,
  body > #nav-main-collapse.mobile-nav-open .nav-main > li:hover > a,
  body > #nav-main-collapse.mobile-nav-open .nav-main > li > a:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }
  body > #nav-main-collapse.mobile-nav-open .nav-main ul ul > li > a {
    color: rgba(255, 255, 255, 0.85) !important;
    padding: 10px 20px 10px 35px !important;
    font-size: 13px !important;
    display: block !important;
  }

  /* Menu-open state (no scroll lock since menu is not full-screen) */
}