/* custom.css */
/* Spacing utilities */
.section-pad { padding: 80px 0; }
.section-pad-sm { padding: 48px 0; }

/* Card + icon consistency */
.svc-card .sppb-addon-content { background:#fff; border:1px solid #eee; border-radius:14px; padding:24px; transition:.2s ease-in-out; }
.svc-card:hover .sppb-addon-content { box-shadow:0 10px 30px rgba(0,0,0,.08); transform:translateY(-2px); }
.sppb-addon.sppb-addon-feature .sppb-media .sppb-icon { width:64px; height:64px; line-height:64px; border-radius:12px; background:#f5f7fb; }

/* Buttons */
.btn-primary, .sppb-btn-primary { border-radius:10px; padding:12px 20px; font-weight:600; }
.btn-ghost { background:transparent; border:1px solid rgba(255,255,255,.8); color:#fff; }

/* Hero text contrast */
.hero-overlay .sppb-row-overlay { background:rgba(0,0,0,.4) !important; }

/* Testimonials */
.testi .sppb-addon-testimonial .sppb-testimonial-pro { border-radius:14px; }

/* FAQ */
.sppb-panel-default>.sppb-panel-heading { background:#f8fafc; }

/* Images */
img.rounded { border-radius:14px; }

.nav-collapse.opened {
  background-color: #08325f !important;
}

/* Center logo on phone devices */
@media (max-width: 767px) {
  .logo-container {
    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;      /* vertical */
    height: 100vh;            /* full viewport height */
    text-align: center;
  }

  .logo-container img {
    max-width: 80%;   /* responsive size */
    height: auto;
  }
}





//new gpt code
@media (min-width: 992px){
  .sp-megamenu-parent > li + li > a{
    position:relative;
    background-image: linear-gradient(#fff,#fff);
    background-repeat: no-repeat;
    background-size: 1px 60%;     /* line thickness × height */
    background-position: 0 50%;   /* left edge, vertically centered */
  }
}


@media (min-width: 992px){
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > ul > li,
  .sp-megamenu-parent .sp-dropdown .sp-mega-group .sp-mega-group-child > li{
    position:relative;
  }
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > ul > li:not(:last-child)::after,
  .sp-megamenu-parent .sp-dropdown .sp-mega-group .sp-mega-group-child > li:not(:last-child)::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#fff;
  }
}

/* ===== EASTERNONTARIOWEBDESIGN.CA — MOBILE WHITE DIVIDERS (NUKE MODE) ===== 

/* ===== EASTERNONTARIOWEBDESIGN.CA — MOBILE WHITE DIVIDERS (NUKE MODE) ===== */
/* Works for Helix off-canvas + Joomla core mobile markup, all submenu levels */
/* 0) Make sure the off-canvas can actually show the lines */
.offcanvas-menu,
.offcanvas-menu .offcanvas-inner,
.offcanvas-menu .mod-menu,
.offcanvas-menu .mod-menu__sub{
  background:#08325e !important;
  overflow:visible !important;
}



/* draw a hard white rule before every item after the first */
.offcanvas-menu .mod-menu > * + *{
  border-top:1px solid #fff !important;
}

/* 2) ALL SUBMENUS (any depth) */
.offcanvas-menu .mod-menu__sub > *,
.offcanvas-menu .menu-child > *,
.offcanvas-menu .nav-child > *{
  position:relative !important;
  border:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}
.offcanvas-menu .mod-menu__sub > * + *,
.offcanvas-menu .menu-child > * + *,
.offcanvas-menu .nav-child > * + *{
  border-top:1px solid #fff !important;
}



/* Optional polish: keep anchors above the hairline so hover bg doesn't hide it */