/* ---------- footer ---------- */
/* Elementor's percentage widths plus gaps added up to more than 100%, so the
   fourth column wrapped and the headings collided. A grid sidesteps the maths. */
.pp-footer .pp-fgrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));   /* 3 since the form column left (26.09) */
  gap:32px 28px;
  align-items:start;
}
.pp-footer .pp-fgrid > .e-con,
.pp-footer .pp-fgrid > .elementor-element{
  width:auto !important;
  max-width:none !important;
}

@media (max-width:1024px){
  .pp-footer .pp-fgrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:600px){
  .pp-footer .pp-fgrid{grid-template-columns:1fr; gap:28px}
}

/* links: white by default, gold on hover and when active */
.pp-footer a{
  color:#F3EDE1;
  text-decoration:none;
  transition:color .3s;
}
.pp-footer a:hover,
.pp-footer a:focus-visible,
.pp-footer a:active,
.pp-footer .elementor-nav-menu a:hover,
.pp-footer .elementor-nav-menu a:focus,
.pp-footer .elementor-nav-menu .current-menu-item > a{
  color:#E3C98B;
}
.pp-footer a:focus-visible{outline:2px solid #E3C98B; outline-offset:3px}

/* the menu widget colours its own links, so it needs the same treatment */
.pp-footer .elementor-nav-menu a{color:#F3EDE1}

.pp-footer h3{margin-bottom:6px}
.pp-footer p{margin:0 0 4px}

/* site menu in two columns so the column is not so long (Galit, 26.09) */
.pp-footer .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu{display:block!important;columns:2;column-gap:36px}
.pp-footer .elementor-widget-nav-menu .elementor-nav-menu > li{break-inside:avoid;display:block}
@media (max-width:600px){.pp-footer .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu{column-gap:20px}}