/* =========================================================
   ARC FOOTER (No-conflict) — arc-footer.v2.css
   Scope: ONLY #footer so it won’t fight other site styles.

   What this fixes:
   - Theme CSS often forces white boxes on footer elements via
     .widget, .latest-posts article, and (on this page) .location-item.
   - Your footer HTML uses <div class="location-item mb-15"> for
     each location. The theme likely styles .location-item with a
     white background, so you see big white rectangles.

   How it fixes it:
   - Makes all footer containers/widgets transparent.
   - Overrides footer-only .location-item to be a clean “card” that
     matches the teal background (no white fill).
   ========================================================= */

/* Footer base */
#footer.footer{
  background:#0099a8 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Keep footer layout wrappers transparent (themes sometimes paint them) */
#footer .container,
#footer .container-fluid,
#footer .row,
#footer [class*="col-"]{
  background:transparent !important;
}

/* Remove theme widget boxes */
#footer .widget,
#footer .widget.dark{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
}

#footer .widget *,
#footer .widget.dark *{
  box-shadow:none !important;
}

/* Headings */
#footer .widget-title{
  color:#ffffff !important;
  font-weight:700;
  letter-spacing:.2px;
  margin:0 0 12px 0 !important;
}

/* Remove theme underline bars if present */
#footer .widget-title.line-bottom-theme-colored-2,
#footer .widget-title.line-bottom-theme-colored-2:before,
#footer .widget-title.line-bottom-theme-colored-2:after{
  background:transparent !important;
  border:0 !important;
}

/* Body text */
#footer,
#footer p,
#footer li,
#footer address,
#footer span,
#footer small{
  color:rgba(255,255,255,.95) !important;
}

#footer address{ line-height:1.6; }

/* Links */
#footer a{ color:#ffffff !important; text-decoration:none; }
#footer a:hover,
#footer a:focus{ color:#f9e79f !important; text-decoration:underline; }

/* Social icons — prevent white circles/boxes */
#footer .styled-icons a,
#footer .styled-icons a i{ color:#ffffff !important; }

#footer .styled-icons.icon-circled a,
#footer .styled-icons.icon-circled a i{
  border-color:rgba(255,255,255,.55) !important;
}

#footer .styled-icons.icon-circled a{
  background:transparent !important;
}

#footer .styled-icons.icon-circled a:hover{
  background:rgba(255,255,255,.12) !important;
  text-decoration:none;
}

/* ARC Dialysis Pages list (latest-posts) — prevent article tiles/boxes */
#footer .latest-posts,
#footer .latest-posts article,
#footer .latest-posts .post,
#footer .latest-posts .media-post,
#footer .latest-posts .post-right{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#footer .latest-posts article{
  padding:0 !important;
  margin:0 0 8px 0 !important;
}

#footer .latest-posts .post-title{
  margin:0 !important;
  font-size:14px;
  font-weight:600;
}

/* =========================================================
   THE BIG WHITE BOX FIX (footer locations)
   =========================================================
   Theme CSS is almost certainly applying something like:
     .location-item { background:#fff; padding:15px; ... }
   Your footer locations are exactly those .location-item blocks.
   We override them ONLY inside #footer.
*/
#footer .location-item{
  background:rgba(255,255,255,.10) !important; /* subtle card; not white */
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  margin-bottom:14px !important;
}

#footer .location-item h6{
  margin:0 0 6px 0 !important;
  line-height:1.25;
}

#footer .location-item h6 a{
  color:#ffffff !important;
  font-weight:700;
  text-decoration:none;
}

#footer .location-item h6 a:hover{
  color:#f9e79f !important;
  text-decoration:underline;
}

#footer .location-item address{
  color:rgba(255,255,255,.95) !important;
  font-size:12px !important;
  margin:0 !important;
}

#footer .location-item address a{
  color:rgba(255,255,255,.95) !important;
}

#footer .location-item address a:hover{
  color:#f9e79f !important;
}

/* Prevent any inner elements from carrying a white background */
#footer .location-item *{
  background:transparent !important;
}

/* Buttons in footer */
#footer .btn,
#footer .btn:visited{
  background:transparent !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:999px !important;
  padding:7px 14px !important;
  box-shadow:none !important;
}

#footer .btn:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.8) !important;
  text-decoration:none !important;
}

/* Spacing helpers — keep theme utilities from adding odd blocks */
#footer .pt-90{ padding-top:60px !important; }
#footer .pb-60{ padding-bottom:40px !important; }

/* Bottom copyright bar */
#footer .container-fluid.p-20{
  background:#007a87 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Responsive */
@media (max-width:991px){
  #footer .widget,
  #footer .widget.dark{ text-align:center; }
  #footer address{ text-align:center !important; }
  #footer .styled-icons{ display:flex; justify-content:center; }
}

@media (max-width:767px){
  #footer .pt-90{ padding-top:40px !important; }
  #footer .pb-60{ padding-bottom:30px !important; }
  #footer .widget-title{ font-size:16px; }
  #footer p,
  #footer address{ font-size:13px; }
}