/* =========================================================
   SHARED WORKAFELLA FOOTER - CITY PAGE COMPATIBILITY FIX
   Keeps city page CSS from overriding home-footerarea.php
========================================================= */

/* Footer upper area */
.rs-footer.style1{
  background:#e5e5e5 !important;
  background-size:cover !important;
  color:#161515 !important;
}

.rs-footer.style1 .footer-top{
  padding:20px 0 20px !important;
  background:#e5e5e5 !important;
}

.rs-footer.style1 .footer-top .footer-title{
  font-size:1.1rem !important;
  line-height:30px !important;
  font-weight:700 !important;
  color:#424242 !important;
  letter-spacing:0 !important;
  position:relative !important;
  margin-top:15px !important;
  margin-bottom:20px !important;
  text-transform:uppercase !important;
  padding-bottom:5px !important;
}

.rs-footer.style1 .footer-top .footer-title:after{
  content:"" !important;
  width:45px !important;
  height:2px !important;
  background:#ffcc00 !important;
  position:absolute !important;
  bottom:-4px !important;
  left:0 !important;
  right:auto !important;
  margin:0 !important;
}

.rs-footer.style1 .footer-top .site-map li{
  margin-bottom:15px !important;
}

.rs-footer.style1 .footer-top .site-map li a{
  font-size:15px !important;
  color:#161515 !important;
  text-decoration:none !important;
}

/* Make sure the network section does not inherit city-page white cards */
.rs-footer.style1 a{
  color:#161515;
}

/* Footer bottom = exact black strip used on homepage */
.rs-footer.style1 .footer-bottom{
  padding:10px 0 !important;
  background:#000 !important;
  color:#fff !important;
}

.rs-footer.style1 .footer-bottom,
.rs-footer.style1 .footer-bottom .container,
.rs-footer.style1 .footer-bottom .row{
  background:#000 !important;
}

.rs-footer.style1 .footer-bottom .copyright p{
  margin:0 !important;
  color:#fff !important;
  font-size:12px !important;
}

.rs-footer.style1 .footer-bottom .copyright a,
.rs-footer.style1 .footer-bottom a{
  color:#fff !important;
}

.rs-footer.style1 .footer-bottom .copy-right-menu{
  margin:0 !important;
  padding:0 !important;
}

.rs-footer.style1 .footer-bottom .copy-right-menu li{
  display:inline-block !important;
  position:relative !important;
  padding:0 15px !important;
  margin:0 !important;
}

.rs-footer.style1 .footer-bottom .copy-right-menu li a{
  color:#fff !important;
  font-size:1.2rem !important;
  line-height:1 !important;
}

.rs-footer.style1 .footer-bottom .copy-right-menu li a i{
  color:#fff !important;
}

/* Contact details in footer bottom */
.rs-footer.style1 .footer-bottom li,
.rs-footer.style1 .footer-bottom em,
.rs-footer.style1 .footer-bottom span,
.rs-footer.style1 .footer-bottom strong{
  color:#fff !important;
}

.rs-footer.style1 .footer-bottom .copy-right-menu li:before{
  background:transparent !important;
}

/* Preserve proper footer alignment */
.rs-footer.style1 .footer-bottom .y-middle{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}

.rs-footer.style1 .footer-bottom .text-right{
  text-align:right !important;
}

/* Footer is outside the city wrapper: do not inherit page typography spacing */
.rs-footer.style1 h1,
.rs-footer.style1 h2,
.rs-footer.style1 h3,
.rs-footer.style1 h4,
.rs-footer.style1 h5,
.rs-footer.style1 p,
.rs-footer.style1 ul,
.rs-footer.style1 li{
  letter-spacing:normal;
}

/* Desktop footer contact/social alignment */
@media(min-width:768px){
  .rs-footer.style1 .footer-bottom .copyright{
    display:flex;
    align-items:center;
  }
  .rs-footer.style1 .footer-bottom .copy-right-menu{
    display:flex;
    justify-content:flex-end;
    align-items:center;
  }
}

/* Mobile footer */
@media(max-width:767px){
  .rs-footer.style1 .footer-bottom{
    padding:16px 0 !important;
  }

  .rs-footer.style1 .footer-bottom .copyright,
  .rs-footer.style1 .footer-bottom .text-right{
    text-align:center !important;
    justify-content:center !important;
  }

  .rs-footer.style1 .footer-bottom .copy-right-menu{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    margin-top:10px !important;
  }

  .rs-footer.style1 .footer-bottom .copy-right-menu li{
    padding:0 10px !important;
  }
}


/* =========================================================
   FOOTER BOTTOM - HARD RESET
   Matches the working Workafella homepage footer even when
   footer wrapper/class nesting differs between includes.
========================================================= */

/* The shared footer include uses .footer-bottom. Do not require
   a particular parent class here. */
.footer-bottom{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:14px 0 !important;
  margin:0 !important;
  background:#000 !important;
  background-color:#000 !important;
  color:#fff !important;
}

.footer-bottom > .container,
.footer-bottom .container,
.footer-bottom .container-fluid,
.footer-bottom .row,
.footer-bottom [class*="col-"]{
  background:#000 !important;
  background-color:#000 !important;
}

.footer-bottom .row{
  min-height:0 !important;
  height:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-items:center !important;
}

/* Remove accidental large spacing inherited from the city page/theme */
.footer-bottom ul,
.footer-bottom ol{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.footer-bottom p{
  margin-top:0 !important;
  margin-bottom:0 !important;
  color:#fff !important;
}

.footer-bottom a,
.footer-bottom a:hover,
.footer-bottom a:focus,
.footer-bottom i,
.footer-bottom span,
.footer-bottom strong,
.footer-bottom em,
.footer-bottom li{
  color:#fff !important;
}

/* Contact information */
.footer-bottom .copyright,
.footer-bottom .copyright p,
.footer-bottom .copyright a{
  color:#fff !important;
  background:transparent !important;
}

.footer-bottom .copyright{
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Social icon row */
.footer-bottom .copy-right-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.footer-bottom .copy-right-menu li{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 12px !important;
  background:transparent !important;
}

.footer-bottom .copy-right-menu li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  color:#fff !important;
  background:transparent !important;
  font-size:1.2rem !important;
  line-height:1 !important;
}

.footer-bottom .copy-right-menu li a i{
  color:#fff !important;
  margin:0 !important;
}

/* Hide pseudo elements that can create unwanted visual spacing */
.footer-bottom .copy-right-menu li:before,
.footer-bottom .copy-right-menu li:after{
  background:transparent !important;
}

/* Generic Workafella footer contact class safety */
.footer-bottom .call-mail,
.footer-bottom .call-mail ul,
.footer-bottom .call-mail li{
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  color:#fff !important;
}

/* If the copyright is rendered as a separate row inside the same footer,
   it must remain black rather than reverting to body white. */
footer .footer-bottom,
.rs-footer .footer-bottom,
.rs-footer.style1 .footer-bottom{
  background:#000 !important;
  background-color:#000 !important;
}

/* Desktop */
@media(min-width:768px){
  .footer-bottom{
    padding:16px 0 !important;
  }

  .footer-bottom .y-middle{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
  }

  .footer-bottom .text-right{
    text-align:right !important;
  }
}

/* Mobile */
@media(max-width:767px){
  .footer-bottom{
    padding:18px 0 !important;
  }

  .footer-bottom .copyright,
  .footer-bottom .text-right{
    text-align:center !important;
  }

  .footer-bottom .copy-right-menu{
    justify-content:center !important;
    margin-top:10px !important;
  }

  .footer-bottom .copy-right-menu li{
    padding:0 9px !important;
  }
}
