/*
 BenefitDesk Footer Exact Homepage Match v1
 Purpose: make every inner-page footer use the same layout and presentation as the homepage.
 Scope: footer only.
*/

.footer{
  background:#071d31 !important;
  color:#cad3dc !important;
  padding:42px 0 24px !important;
  margin-top:42px;
}
.footer > .wrap{
  width:min(calc(100% - 32px),1180px) !important;
  margin-inline:auto !important;
}
.footer .footgrid{
  display:grid !important;
  grid-template-columns:1.3fr repeat(3,1fr) !important;
  gap:28px !important;
  padding:0 !important;
}
.footer .footgrid > div{
  min-width:0;
}
.footer h2,
.footer h3{
  color:#fff !important;
  -webkit-text-fill-color:currentColor !important;
}
.footer h2{
  margin:0 0 14px !important;
}
.footer h3{
  font-size:1rem !important;
  margin:0 0 10px !important;
}
.footer .footgrid a{
  display:block !important;
  width:max-content;
  max-width:100%;
  color:#cad3dc !important;
  -webkit-text-fill-color:currentColor !important;
  margin:7px 0 !important;
  font-size:.91rem !important;
  line-height:1.45 !important;
  text-decoration:none;
}
.footer .footgrid a:hover{
  color:#fff !important;
}
.footer p{
  color:#b7c2ce !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:.9rem !important;
}
.footer .legal{
  margin-top:30px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  font-size:.78rem !important;
  color:#9cabb9 !important;
  -webkit-text-fill-color:currentColor !important;
}
.footer .legal strong{
  color:#dbe4ec !important;
}
.footer .copyright{
  display:flex !important;
  justify-content:space-between !important;
  gap:15px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
  font-size:.8rem !important;
  color:#9cabb9 !important;
  -webkit-text-fill-color:currentColor !important;
}
.footer .copyright a{
  display:inline !important;
  color:#cad3dc !important;
  margin:0 !important;
  font-size:inherit !important;
}
@media(max-width:980px){
  .footer .footgrid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}
@media(max-width:640px){
  .footer > .wrap{
    width:min(calc(100% - 24px),1180px) !important;
  }
  .footer .footgrid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
}