.header-flexrow .auth-join-pill, .header-flexrow .auth-split, .header-flexrow .hdr-pill,
#sbMobInfo, #sbMobInfo *{ font-family:'ProximaNova Regular',"Helvetica Neue",Arial,sans-serif !important; }
.header-flexrow .auth-join-pill{ font-size:17px !important; letter-spacing:.01em !important; }
.header-flexrow .auth-join-pill .user-ico{ width:18px; height:18px; }
.header-flexrow .auth-split a{ font-size:17px !important; letter-spacing:.01em !important; }
/* zoom-out/in location pill (e.g. "Palm Beach County" on delraybeach.life), 2026-10-19 user ask: taller, and the
   oval must not touch the words. Was 30px tall with 4px/10px padding and a 10px radius around 17px text. */
.header-flexrow .hdr-pill{ font-size:17px !important; height:42px !important; padding:0 20px !important; border-radius:21px !important; gap:8px !important; box-sizing:border-box !important; white-space:nowrap; }
@media (max-width:767px){
  .header-flexrow .auth-join-wrap, .header-flexrow .auth-split{ height:44px !important; }
  .header-flexrow .auth-join-pill{ font-size:22px !important; height:44px !important; padding:0 16px !important; gap:7px !important; }
  .header-flexrow .auth-join-pill .user-ico{ width:22px; height:22px; }
  .header-flexrow .auth-split a{ font-size:21px !important; padding:0 14px !important; }
  .header-flexrow .hdr-pill{ font-size:20px !important; height:46px !important; padding:0 22px !important; border-radius:23px !important; }
}
/* ---- AYS homepage v2 header (inc/ays_home_v2.asp, roofers/plumbers/movers; 2026-10-04 "do the same
   for the AYS homepage header"). Was Arial: desktop nav 14px, buttons 16px, phone menu links 16px.
   Same font as every other header; nav + buttons 17px (= CP rows / header controls, desktop), phone
   menu links 17px (the v2 page is a true-width responsive layout, initial-scale=1). The SVG wordmark
   (brand logo) and the rest of the page are untouched. Scoped by header.ah2-header so it outranks
   css/sites/ays-home-v2.css on specificity. ---- */
.ah2 header.ah2-header .ah2-nav, .ah2 header.ah2-header .ah2-header-actions .ah2-btn, .ah2 header.ah2-header .ah2-mobile-nav a{
  font-family:'ProximaNova Regular',"Helvetica Neue",Arial,sans-serif; font-weight:700; letter-spacing:.01em; }
.ah2 header.ah2-header .ah2-nav{ font-size:17px; gap:20px; }
.ah2 header.ah2-header .ah2-nav .ah2-caret{ width:12px; height:12px; }
.ah2 header.ah2-header .ah2-header-actions .ah2-btn{ font-size:17px; }
.ah2 header.ah2-header .ah2-mobile-nav a{ font-size:17px; padding:4px 0; }
/* 1081-1240px (desktop nav still shown): the header never fit -- "List Your Business" ran 55px off the
   right edge at 1100px before this change. Narrow the wordmark + gaps so the whole row fits. */
@media (min-width:1081px) and (max-width:1240px){
  .ah2 header.ah2-header .ah2-brand svg{ width:270px; }
  .ah2 header.ah2-header .ah2-header-inner{ gap:12px; }
  .ah2 header.ah2-header .ah2-nav{ gap:14px; }
  .ah2 header.ah2-header .ah2-header-actions{ gap:10px; }
  .ah2 header.ah2-header .ah2-header-actions .ah2-btn{ padding:0 14px; }
}
/* ---- FOOTERS (2026-10-04 "do the same for the footer"). Three footers, three font stacks before:
   inner pages (.fotter-wrp: inc/footer_whiteLayout.asp + the feed's inline copy in dashboard/default.asp)
   Montserrat/Poppins 11px (~6px on a phone's scaled 720px layout) + Arial language picker; homepage
   (.page-footer-block) Helvetica 16/12px; AYS v2 (footer.ah2-footer) Arial 12-14px. Now one font and
   one scale: links + labels 15px, copyright 13px (desktop); phones sized per layout width. Logos /
   SVG wordmarks untouched (img/svg, and SVG text keeps its own font-family attribute). ---- */
.fotter-wrp label, .fotter-wrp a, .fotter-wrp span, .fotter-wrp select, .fotter-wrp .footer_links, .fotter-wrp .footer_law-text,
.page-footer-block, .page-footer-block a, .page-footer-block span, .page-footer-block li,
.ah2 footer.ah2-footer, .ah2 footer.ah2-footer a, .ah2 footer.ah2-footer h3, .ah2 footer.ah2-footer div, .ah2 footer.ah2-footer p{
  font-family:'ProximaNova Regular',"Helvetica Neue",Arial,sans-serif !important; }
.fotter-wrp .footer_links a, .fotter-wrp .footer_links .sep, .fotter-wrp label, .fotter-wrp .footer_slct-wrp a, .fotter-wrp select{ font-size:15px !important; }
.fotter-wrp .footer_law-text, .fotter-wrp .footer_law-text span{ font-size:13px !important; }
.page-footer-block .horizontal-list a{ font-size:15px !important; }
.page-footer-block .footer_law-text{ font-size:13px !important; }
.ah2 footer.ah2-footer .ah2-footer-col a{ font-size:15px; }
.ah2 footer.ah2-footer .ah2-footer-col h3{ font-size:15px; font-weight:700; }
.ah2 footer.ah2-footer .ah2-copy, .ah2 footer.ah2-footer .ah2-powered{ font-size:13px; }
/* Language / Country boxes (2026-10-11 "straighten out these buttons"). The fixed 40px boxes no longer
   fit the 15px type, "Regions" sat under "Worldwide" (<br>), and Google Translate renamed its markup
   (.goog-te-menu-value is gone) so "Select Language" fell onto a clipped second line. Now two matching
   rounded pills on one centre line; Worldwide · Regions inline; translate link styled by structure. */
.fotter-wrp .footer-top{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; height:auto !important; }
.fotter-wrp .footer-top > div{ width:auto !important; float:none !important; }
.fotter-wrp .footer_select-wrp{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.fotter-wrp .footer_select-wrp > div{ display:inline-flex !important; align-items:center; gap:8px; height:44px !important; margin:0 !important;
  padding:0 18px 0 44px !important; min-width:0 !important; box-sizing:border-box; white-space:nowrap; background-color:#fff;
  background-position:16px center !important; border:1px solid #e1e5ea !important; border-radius:22px; transition:border-color .15s, box-shadow .15s; }
.fotter-wrp .footer_select-wrp > div:hover{ border-color:#b9d9ee !important; box-shadow:0 1px 4px rgba(29,149,209,.15); }
.fotter-wrp .footer_select-wrp label{ margin:0 !important; line-height:1 !important; color:#444; }
.fotter-wrp .footer_slct-wrp{ display:inline-flex !important; align-items:center; gap:8px; min-width:0 !important; }
.fotter-wrp .footer_slct-wrp br{ display:none; }
.fotter-wrp .footer_slct-wrp a + br + a::before{ content:"\00B7"; color:#aab2bb; margin-right:8px; display:inline-block; }
.fotter-wrp .footer_slct-wrp a:hover, .fotter-wrp .footer_language-ddl #google_translate_element a:hover span:first-child{ text-decoration:underline; }
.fotter-wrp .footer_language-ddl #google_translate_element{ display:inline-flex !important; align-items:center; margin:0 !important; top:0 !important; text-align:left !important; }
.fotter-wrp .footer_language-ddl .goog-te-gadget, .fotter-wrp .footer_language-ddl .goog-te-gadget-simple{ display:inline-flex !important; align-items:center;
  background:none !important; border:0 !important; padding:0 !important; margin:0 !important; line-height:1 !important; }
.fotter-wrp .footer_language-ddl .goog-te-gadget-icon, .fotter-wrp .footer_language-ddl #google_translate_element a img,
.fotter-wrp .footer_language-ddl #google_translate_element a span:nth-of-type(2){ display:none !important; }
.fotter-wrp .footer_language-ddl #google_translate_element a{ display:inline-flex !important; align-items:center; gap:6px; color:#1d95d1; text-decoration:none; }
.fotter-wrp .footer_language-ddl #google_translate_element a span:first-child{ color:#1d95d1; font-size:15px !important; }
.fotter-wrp .footer_language-ddl #google_translate_element a span:last-child{ color:#9aa3ad !important; font-size:10px !important; border:0 !important; width:auto !important; height:auto !important; top:0 !important; }
@media (max-width:767px){
  /* inner pages lay out at ~720px and scale down: 20px ~= 11px on the glass */
  .fotter-wrp .footer_links a, .fotter-wrp .footer_links .sep, .fotter-wrp label, .fotter-wrp .footer_slct-wrp a, .fotter-wrp select{ font-size:20px !important; }
  .fotter-wrp .footer_law-text, .fotter-wrp .footer_law-text span{ font-size:18px !important; }
  /* the larger labels wrap the Language/Country boxes under the logo -- keep them off the link rows */
  .fotter-wrp .footer_select-wrp{ margin-top:8px; margin-bottom:14px; }
  .fotter-wrp .footer_select-wrp > div{ height:52px !important; }
  .fotter-wrp .footer_language-ddl #google_translate_element a span:first-child{ font-size:20px !important; }
  /* homepage phone layout ~487px (initial-scale 0.8) */
  .page-footer-block .footer_law-text{ font-size:12px !important; }
}