/* target only the Products menu in the 3rd footer region */
.footer-3 .menu--products ul.nav {
  list-style: none;   /* kill the bullets */
  margin: 0;          /* reset any Bootstrap margins */
  padding: 0;         /* reset Bootstrap padding */
  display: block;     /* treat it like a normal list */
}

.footer-3 .menu--products ul.nav li.nav-item {
  display: list-item; /* stack vertically */
  margin: 0 0 0.5rem; /* add a little space between items */
}

.footer-3 .menu--products ul.nav li.nav-item a.nav-link {
  padding: 0;                /* remove the extra nav‐link padding */
  color: inherit;            /* match your footer link color */
  text-decoration: none;     /* same as your Support links */
  display: inline-block;     /* flow inline, but respect your margins */
}

/* if you want hover states to match too: */
.footer-3 .menu--products ul.nav li.nav-item a.nav-link:hover {
  text-decoration: underline;
}


/* Footer-1: tighten up and space out social-icon list */
.footer-1 ul.social-icon {
  display: flex !important;
  justify-content: flex-start !important;  /* left-align them */
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;      /* remove any outer margins */
  padding: 0 !important;     /* remove any indenting */
}

.footer-1 ul.social-icon li {
  margin: 0 1rem 0 0 !important;  /* 1rem space to the right */
}

.footer-1 ul.social-icon li:last-child {
  margin-right: 0 !important;
}

.footer-1 ul.social-icon li a {
  display: inline-block !important;
  padding: 0 !important;    /* remove any internal padding */
}




/* ───────────────────────────────────────────────────────────────
   Footer-4 (Region “Footer Fourth”): reset SUPPORT menu to a plain vertical list
─────────────────────────────────────────────────────────────── */

/* target the nav.menu--support block exactly */
.region-footer-fourth nav.menu--support > ul,
.footer-4 nav.menu--support > ul {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* stack items and add spacing */
.region-footer-fourth nav.menu--support li,
.footer-4 nav.menu--support li {
  display: list-item !important;
  margin: 0 0 0.5rem !important;
}

/* normalize the links */
.region-footer-fourth nav.menu--support a,
.footer-4 nav.menu--support a {
  display: inline-block !important;
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}
.region-footer-fourth nav.menu--support a:hover,
.footer-4 nav.menu--support a:hover {
  text-decoration: underline !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-xlg {
	margin-bottom: 100px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

@media (max-width: 991px) {
  /*
   * Global mobile logo sizing.
   */
  #header-1.header.active .navbar-brand.cl-logo img,
  #header-1.header.active #block-webdrips-branding img,
  header.header.active .navbar-brand.cl-logo img,
  header.header.active #block-webdrips-branding img {
    width: 105px !important;
    max-width: 105px !important;
    height: auto !important;
    max-height: none !important;
  }

  /*
   * Restore mobile menu plus/minus icons.
   * Asset Injector CSS needs absolute paths, not ../assets paths.
   */
  .header-1-menu .navbar-nav .nav-link.has-submenu::after {
    content: "" !important;
    margin-right: 30px !important;
    background-image: url("/themes/custom/classic_pro/assets/img/Icons/Svg/plus-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    background-position: center !important;
    position: absolute !important;
    right: 0 !important;
    top: 26px !important;
    width: 12px !important;
    height: 12px !important;
    display: block !important;
  }

  .header-1-menu .navbar-nav .nav-link.show::after {
    content: "" !important;
    margin-right: 30px !important;
    background-image: url("/themes/custom/classic_pro/assets/img/Icons/Svg/minus-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    background-position: center !important;
    position: absolute !important;
    right: 0 !important;
    top: 30px !important;
    width: 12px !important;
    height: 12px !important;
    display: block !important;
  }

  /*
   * Services page only:
   * Disable the node-specific decorative pseudo-image that is unique to /services.
   */
  .page-node-82 .block-system-main-block > .content::before {
    content: none !important;
    display: none !important;
  }

  /*
   * Services page only:
   * Remove the inline banner image on mobile and use a simple dark banner.
   * Do not add margin-top; the theme already accounts for the header with padding.
   */
  .page-node-82 .page-banner,
  .page-services .page-banner {
    background-image: none !important;
    background-color: #1b1c21 !important;
  }

  .page-node-82 .page-banner::before,
  .page-services .page-banner::before {
    display: none !important;
  }

  /*
   * Services page only:
   * Hide only the carousel track, not the parent view/footer/button.
   */
  .page-node-82 .other-projects .image-sliding.owl-carousel,
  .page-node-82 .other-projects .owl-stage-outer,
  .page-node-82 .other-projects .owl-stage,
  .page-node-82 .other-projects .owl-nav,
  .page-node-82 .other-projects .owl-dots,
  .page-services .other-projects .image-sliding.owl-carousel,
  .page-services .other-projects .owl-stage-outer,
  .page-services .other-projects .owl-stage,
  .page-services .other-projects .owl-nav,
  .page-services .other-projects .owl-dots {
    display: none !important;
  }

  .page-node-82 .other-projects footer,
  .page-node-82 .other-projects footer p,
  .page-node-82 .other-projects footer .btn,
  .page-services .other-projects footer,
  .page-services .other-projects footer p,
  .page-services .other-projects footer .btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .page-node-82 .other-projects footer,
  .page-services .other-projects footer {
    margin-top: 20px !important;
    text-align: center !important;
  }

  /*
   * Defensive clipping for the services page only.
   */
  body.page-node-82,
  body.page-services,
  .page-node-82 #page-wrapper,
  .page-node-82 #page,
  .page-node-82 #main,
  .page-services #page-wrapper,
  .page-services #page,
  .page-services #main {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}