/* ==================================================================
   THE FOOTER — what ux.css does not already say

   Almost every rule the footer needs is already in ux.css, written for
   the class names this module prints: .af-foot, .af-foot__col,
   .af-foot__title, .af-fact, .af-foot__brand, .af-foot__strapline,
   .af-foot__trust, .af-foot__map, .af-foot__tel, .af-foot__social. Those
   are deliberately unchanged, so the footer that was designed there is
   the footer that renders here.

   What is left is the small print at the very bottom and the copy
   button's two states. Both used to be styled through markup the page
   builder generated - "section.elementor-top-section:last-of-type" - and
   that markup no longer exists, so the rules are restated here against
   markup this theme owns.

   This file loads after ux.css.
   ================================================================== */

/* ---- the strip at the very bottom ----

   Measured on the builder's version before the change: a 1px #6CBB6F
   line above it, 20px of air on each side of a 15px line in 78% white,
   centred. Reproduced exactly - only the wrapper it hangs on is
   different, and the line no longer wraps onto two rows, because it is
   no longer squeezed into a flex column 661px wide. */
footer.footer .af-foot__bottom{
  border-top:1px solid #6cbb6f;
  padding:20px 0;
}

footer.footer .af-foot__bottom p{
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.5!important;
  text-align:center!important;
  color:rgba(255,255,255,.78)!important;
}

@media (max-width:640px){
  footer.footer .af-foot__bottom{padding:16px 0}
}

/* ---- the mark ----

   The builder wrapped the image in .elementor-widget, which carries a
   20px bottom margin, and the brand row is a flex box centring its
   items: the mark therefore sat 10px above the line beside it. There is
   no widget wrapper now, so the two are level. line-height:0 keeps the
   inline SVG from adding a text descender under itself. */
footer.footer .af-foot-logo{
  display:block;
  line-height:0;
}

/* ---- the copy button, in two states ----

   The button carries both glyphs and the stylesheet shows one at a time.
   Neither is footer content - no word of the footer is behind them - and
   the alternative was a script writing SVG into the page, which is the
   thing this module exists to stop doing.

   .is-done also picks up the white-on-green colours ux.css already gives
   it; only the glyph swap is new. */
footer.footer .af-fact__copy .af-fact__ok{display:none}
footer.footer .af-fact__copy.is-done .af-fact__ico{display:none}
footer.footer .af-fact__copy.is-done .af-fact__ok{display:block}

/* ---- the policy links ----

   The list is printed by wp_nav_menu now rather than lifted out of an
   XStore widget, so the widget wrappers ux.css had to flatten - the
   centred .menu-element, .menu-bottom-menu-container - are simply not
   there. Those rules still match nothing and cost nothing. What they
   were undoing is stated positively here instead, so the column is
   correct on its own terms rather than by cancellation. */
footer.footer .af-foot__col--links ul.menu{
  margin:0;
  padding:0;
  list-style:none;
  text-align:left;
}

footer.footer .af-foot__col--links ul.menu li{
  margin:0;
  padding:0;
  list-style:none;
}

/* ---- the social link ----

   XStore's own .et-follow-buttons draws the icon from the theme's icon
   font; it is laid out by ux.css. The one thing that came from the page
   builder's generated stylesheet was the 10px on either side of the
   anchor, which centred a single icon inside a column. It starts at the
   column's edge, with the words above it. */
footer.footer .af-foot__social .et-follow-buttons a{
  margin:0;
}