/* ONE footer for every page. Every size is set here explicitly,
   so the footer looks exactly the same on the home page and all inner pages. */

.foot-wrap{box-sizing:border-box;margin-top:48px}
.foot{
  box-sizing:border-box;background:#064130;color:#C6E0D3;padding:30px 16px 40px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14.5px;line-height:1.55;letter-spacing:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
  padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));
}
.foot *{box-sizing:border-box}
.foot a{color:#fff;text-decoration:none}
.foot p{margin:0}
.foot ul{list-style:none;margin:0;padding:0}
.f-grid{display:grid;gap:26px}
.f-logo{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px;line-height:0}
.f-logo img{display:block;height:30px;width:auto}
.f-brand p{margin-top:12px}
.foot .f-h{margin:0 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8FD9B6}
.f-nap{font-style:normal;display:grid}
.f-nap a,.f-hrs{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:9px 0}
.f-nap a+a{border-top:1px solid rgba(255,255,255,.1)}
.f-nap svg,.f-hrs svg,.f-dir svg{width:19px;height:19px;flex:none;color:#74D3AA;margin-top:2px}
.f-nap span,.f-hrs span{min-width:0;overflow-wrap:anywhere}
.f-nap small,.f-hrs small{display:block;font-size:13px;color:#9CC4B2}
.f-hrs b{display:block;color:#fff;font-size:17px;font-weight:700}
.f-dir{display:inline-flex;align-items:center;gap:8px;margin-top:8px;min-height:44px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.1);font-weight:700}
.f-dir svg{margin-top:0}
.f-links a{display:flex;align-items:center;min-height:40px;color:#E6F3EC}
.f-bot{margin-top:26px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#9CC4B2}
.fnav{display:flex;flex-wrap:wrap;gap:0 18px}
.fnav a{display:flex;align-items:center;min-height:44px;color:#DDEFE6}
.f-bot p{margin-top:4px}
@media (hover:hover){
  .f-nap a:hover span,.fnav a:hover,.f-links a:hover{text-decoration:underline}
  .f-dir:hover{background:rgba(255,255,255,.18)}
}
@media (max-width:359px){.foot{padding-left:12px;padding-right:12px}}

/* laptops and desktops: the rounded green card, lined up with the page content */
@media (min-width:900px){
  .foot-wrap{padding:0 24px 48px}
  .foot{max-width:1160px;margin:0 auto;border-radius:26px;padding:40px 44px 26px;font-size:15px}
  .f-grid{grid-template-columns:1.15fr 1.35fr 1fr 1fr;gap:40px}
  .f-bot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
  .f-bot p{margin-top:0}
}