/* BEM Footer Modern - v1.0.0
   Habillage moderne et dynamique du bas de page d'accueil :
   bloc "Nos agences" / newsletter / reseaux sociaux / pied de page bas.
   CSS + JS uniquement, n'affecte pas le contenu ni le theme natif.
*/

/* =========================================================
   0) Badge icone reutilisable (cercle degrade + icone masque)
   ========================================================= */
body.page-index .bemf-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--bem-green, #65bc46), var(--bem-green-dark, #4a9433)) !important;
  box-shadow: 0 6px 14px rgba(101, 188, 70, .3) !important;
}
body.page-index .bemf-badge::after {
  content: '' !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #fff !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}
body.page-index .bemf-icon-list::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQgNmgxNnYySDR6bTAgNWgxNnYySDR6bTAgNWgxNnYySDR6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQgNmgxNnYySDR6bTAgNWgxNnYySDR6bTAgNWgxNnYySDR6Ii8+PC9zdmc+");
}
body.page-index .bemf-icon-pin::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVBMi41IDIuNSAwIDEgMSAxMiA2LjVhMi41IDIuNSAwIDAgMSAwIDV6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVBMi41IDIuNSAwIDEgMSAxMiA2LjVhMi41IDIuNSAwIDAgMSAwIDV6Ii8+PC9zdmc+");
}
body.page-index .bemf-icon-tag::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxLjQxIDExLjU4bC05LTlDMTIuMDUgMi4yMiAxMS41NSAyIDExIDJINGMtMS4xIDAtMiAuOS0yIDJ2N2MwIC41NS4yMiAxLjA1LjU5IDEuNDFsOSA5Yy4zNi4zNi44Ni41OSAxLjQxLjU5czEuMDUtLjIzIDEuNDEtLjU5bDctN2MuMzctLjM2LjU5LS44Ni41OS0xLjQxcy0uMjMtMS4wNi0uNTktMS40MnpNNS41IDdBMS41IDEuNSAwIDEgMSA1LjUgNGExLjUgMS41IDAgMCAxIDAgM3oiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxLjQxIDExLjU4bC05LTlDMTIuMDUgMi4yMiAxMS41NSAyIDExIDJINGMtMS4xIDAtMiAuOS0yIDJ2N2MwIC41NS4yMiAxLjA1LjU5IDEuNDFsOSA5Yy4zNi4zNi44Ni41OSAxLjQxLjU5czEuMDUtLjIzIDEuNDEtLjU5bDctN2MuMzctLjM2LjU5LS44Ni41OS0xLjQxcy0uMjMtMS4wNi0uNTktMS40MnpNNS41IDdBMS41IDEuNSAwIDEgMSA1LjUgNGExLjUgMS41IDAgMCAxIDAgM3oiLz48L3N2Zz4=");
}
body.page-index .bemf-icon-building::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDdWM0gydjE4aDIwVjdIMTJ6TTYgMTlINHYtMmgydjJ6bTAtNEg0di0yaDJ2MnptMC00SDRWOWgydjJ6bTAtNEg0VjVoMnYyem00IDEySDh2LTJoMnYyem0wLTRIOHYtMmgydjJ6bTAtNEg4VjloMnYyem0wLTRIOFY1aDJ2MnptMTAgMTJoLTh2LTJoMnYtMmgtMnYtMmgydi0yaC0yVjloOHYxMHptLTItOGgtMnYyaDJ2LTJ6bTAgNGgtMnYyaDJ2LTJ6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDdWM0gydjE4aDIwVjdIMTJ6TTYgMTlINHYtMmgydjJ6bTAtNEg0di0yaDJ2MnptMC00SDRWOWgydjJ6bTAtNEg0VjVoMnYyem00IDEySDh2LTJoMnYyem0wLTRIOHYtMmgydjJ6bTAtNEg4VjloMnYyem0wLTRIOFY1aDJ2MnptMTAgMTJoLTh2LTJoMnYtMmgtMnYtMmgydi0yaC0yVjloOHYxMHptLTItOGgtMnYyaDJ2LTJ6bTAgNGgtMnYyaDJ2LTJ6Ii8+PC9zdmc+");
}
body.page-index .bemf-icon-user::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDEyYzIuNyAwIDQuOS0yLjIgNC45LTQuOVMxNC43IDIuMiAxMiAyLjIgNy4xIDQuNCA3LjEgNy4xIDkuMyAxMiAxMiAxMnptMCAyLjVjLTMuMyAwLTkuOCAxLjYtOS44IDQuOVYyMmgxOS42di0yLjZjMC0zLjMtNi41LTQuOS05LjgtNC45eiIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDEyYzIuNyAwIDQuOS0yLjIgNC45LTQuOVMxNC43IDIuMiAxMiAyLjIgNy4xIDQuNCA3LjEgNy4xIDkuMyAxMiAxMiAxMnptMCAyLjVjLTMuMyAwLTkuOCAxLjYtOS44IDQuOVYyMmgxOS42di0yLjZjMC0zLjMtNi41LTQuOS05LjgtNC45eiIvPjwvc3ZnPg==");
}
body.page-index .bemf-icon-info::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
}
body.page-index .bemf-icon-envelope::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCA0bC04IDUtOC01VjZsOCA1IDgtNXYyeiIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCA0bC04IDUtOC01VjZsOCA1IDgtNXYyeiIvPjwvc3ZnPg==");
}
body.page-index .bemf-icon-facebook::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyIDEyYzAtNS41Mi00LjQ4LTEwLTEwLTEwUzIgNi40OCAyIDEyYzAgNC44NCAzLjQ0IDguODcgOCA5LjhWMTVIOHYtM2gyVjkuNUMxMCA3LjU3IDExLjU3IDYgMTMuNSA2SDE2djNoLTJjLS41NSAwLTEgLjQ1LTEgMXYyaDN2M2gtM3Y2Ljk1YzUuMDUtLjUgOS00Ljc2IDktOS45NXoiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyIDEyYzAtNS41Mi00LjQ4LTEwLTEwLTEwUzIgNi40OCAyIDEyYzAgNC44NCAzLjQ0IDguODcgOCA5LjhWMTVIOHYtM2gyVjkuNUMxMCA3LjU3IDExLjU3IDYgMTMuNSA2SDE2djNoLTJjLS41NSAwLTEgLjQ1LTEgMXYyaDN2M2gtM3Y2Ljk1YzUuMDUtLjUgOS00Ljc2IDktOS45NXoiLz48L3N2Zz4=");
}

/* =========================================================
   1) Bloc "Nos agences" (.bem-footer-grid) -> cartes glass
   ========================================================= */
body.page-index .bem-footer-grid {
  gap: 22px !important;
}
body.page-index .bem-footer-col {
  background: rgba(255, 255, 255, .09) !important;
  border-radius: 16px !important;
  padding: 24px 22px !important;
  transition: transform .3s ease, background .3s ease, box-shadow .3s ease, opacity .5s ease !important;
  opacity: 0;
  transform: translateY(18px);
}
body.page-index .bem-footer-col.bemf-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.page-index .bem-footer-col:hover {
  background: rgba(255, 255, 255, .16) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .15) !important;
}
body.page-index .bem-footer-col h4 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .25) !important;
}
body.page-index .bem-footer-col h4::before {
  content: '' !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  background-color: #fff !important;
  opacity: .95 !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}
body.page-index .bem-footer-col[data-bemf-col="nav"] h4::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQgNmgxNnYySDR6bTAgNWgxNnYySDR6bTAgNWgxNnYySDR6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTQgNmgxNnYySDR6bTAgNWgxNnYySDR6bTAgNWgxNnYySDR6Ii8+PC9zdmc+");
}
body.page-index .bem-footer-col[data-bemf-col="boulogne"] h4::before,
body.page-index .bem-footer-col[data-bemf-col="dordives"] h4::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVBMi41IDIuNSAwIDEgMSAxMiA2LjVhMi41IDIuNSAwIDAgMSAwIDV6Ii8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVBMi41IDIuNSAwIDEgMSAxMiA2LjVhMi41IDIuNSAwIDAgMSAwIDV6Ii8+PC9zdmc+");
}
body.page-index .bem-footer-col ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.page-index .bem-footer-col ul li {
  margin-bottom: 9px !important;
}
body.page-index .bem-footer-col ul li a {
  display: inline-block !important;
  transition: padding-left .2s ease, opacity .2s ease !important;
}
body.page-index .bem-footer-col ul li a:hover {
  padding-left: 6px !important;
  opacity: .85 !important;
}
body.page-index .bem-footer-brand {
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
body.page-index .bem-footer-col p {
  line-height: 1.6 !important;
}

/* =========================================================
   2) Newsletter (.block_newsletter) -> carte claire avec icone
   ========================================================= */
body.page-index .block_newsletter {
  padding: 40px 0 !important;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease !important;
}
body.page-index .block_newsletter.bemf-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.page-index .block_newsletter .row {
  background: var(--bem-green-light, #eaf6e4) !important;
  border-radius: 18px !important;
  padding: 28px 30px !important;
  align-items: center !important;
  margin: 0 !important;
}
body.page-index .block_newsletter p.col-md-5 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: var(--bem-black, #1b1f1a) !important;
  margin: 0 0 6px !important;
}
body.page-index .block_newsletter form p {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
  margin: 10px 0 0 !important;
  line-height: 1.5 !important;
}
body.page-index .block_newsletter .input-wrapper {
  display: inline-block !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 10px 8px 0 !important;
  vertical-align: middle !important;
}
body.page-index .block_newsletter input[type="email"] {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(101, 188, 70, .35) !important;
  border-radius: 999px !important;
  padding: 11px 20px !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  background: #fff !important;
}
body.page-index .block_newsletter input[type="email"]:focus {
  outline: none !important;
  border-color: var(--bem-green, #65bc46) !important;
  box-shadow: 0 0 0 3px rgba(101, 188, 70, .2) !important;
}
body.page-index .block_newsletter input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 11px 26px !important;
  background: linear-gradient(135deg, var(--bem-green, #65bc46), var(--bem-green-dark, #4a9433)) !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(101, 188, 70, .3) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
body.page-index .block_newsletter input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(101, 188, 70, .4) !important;
}

/* =========================================================
   3) Reseaux sociaux (.block-social) -> badge rond
   ========================================================= */
body.page-index .block-social {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
body.page-index .block-social ul {
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.page-index .block-social li.facebook a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--bem-green, #65bc46), var(--bem-green-dark, #4a9433)) !important;
  box-shadow: 0 8px 18px rgba(101, 188, 70, .3) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
body.page-index .block-social li.facebook a:hover {
  transform: translateY(-3px) scale(1.06) !important;
  box-shadow: 0 12px 24px rgba(101, 188, 70, .4) !important;
}
body.page-index .block-social li.facebook a::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 20px !important;
  height: 20px !important;
  transform: translate(-50%, -50%) !important;
  background-color: #fff !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyIDEyYzAtNS41Mi00LjQ4LTEwLTEwLTEwUzIgNi40OCAyIDEyYzAgNC44NCAzLjQ0IDguODcgOCA5LjhWMTVIOHYtM2gyVjkuNUMxMCA3LjU3IDExLjU3IDYgMTMuNSA2SDE2djNoLTJjLS41NSAwLTEgLjQ1LTEgMXYyaDN2M2gtM3Y2Ljk1YzUuMDUtLjUgOS00Ljc2IDktOS45NXoiLz48L3N2Zz4=") !important;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyIDEyYzAtNS41Mi00LjQ4LTEwLTEwLTEwUzIgNi40OCAyIDEyYzAgNC44NCAzLjQ0IDguODcgOCA5LjhWMTVIOHYtM2gyVjkuNUMxMCA3LjU3IDExLjU3IDYgMTMuNSA2SDE2djNoLTJjLS41NSAwLTEgLjQ1LTEgMXYyaDN2M2gtM3Y2Ljk1YzUuMDUtLjUgOS00Ljc2IDktOS45NXoiLz48L3N2Zz4=") !important;
}

/* =========================================================
   4) Pied de page bas (.footer-container) -> colonnes modernes
   ========================================================= */
body.page-index .footer-container {
  padding-top: 34px !important;
  padding-bottom: 18px !important;
}
body.page-index .footer-container .links.wrapper,
body.page-index .footer-container .links {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease !important;
}
body.page-index .footer-container .links.bemf-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.page-index .footer-container .h3,
body.page-index .footer-container .title {
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .25) !important;
}
body.page-index .footer-container .bemf-badge {
  vertical-align: middle !important;
  margin-right: 10px !important;
}
body.page-index .footer-container ul.toggle-footer,
body.page-index .footer-container ul.navbar-nav {
  margin: 0 !important;
  padding: 0 !important;
}
body.page-index .footer-container ul.toggle-footer li a,
body.page-index .footer-container ul.navbar-nav li a,
body.page-index .footer-container .links li a {
  display: inline-block !important;
  padding: 3px 0 !important;
  transition: padding-left .2s ease, opacity .2s ease !important;
}
body.page-index .footer-container ul.toggle-footer li a:hover,
body.page-index .footer-container ul.navbar-nav li a:hover,
body.page-index .footer-container .links li a:hover {
  padding-left: 6px !important;
  opacity: .85 !important;
}
body.page-index .footer-container .block-contact p,
body.page-index .footer-container .block-contact div {
  padding: 2px 0 !important;
}
body.page-index .footer-container > .container > .row:last-of-type {
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, .2) !important;
  text-align: center !important;
  font-size: 12.5px !important;
  opacity: .85 !important;
}

/* =========================================================
   5) Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  body.page-index .bem-footer-col,
  body.page-index .block_newsletter,
  body.page-index .footer-container .links,
  body.page-index .footer-container .links.wrapper {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   6) Responsive
   ========================================================= */
@media (max-width: 767px) {
  body.page-index .block-social {
    justify-content: flex-start !important;
    margin-top: 16px !important;
  }
  body.page-index .block_newsletter .row {
    padding: 22px 18px !important;
  }
}