.elementor-1966 .elementor-element.elementor-element-e6f5bb5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-1966 .elementor-element.elementor-element-e6f5bb5:not(.elementor-motion-effects-element-type-background), .elementor-1966 .elementor-element.elementor-element-e6f5bb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #004B3B 50%, #003D30 100%);}.elementor-1966 .elementor-element.elementor-element-4538182{padding:0px 0px 40px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1966 .elementor-element.elementor-element-e6f5bb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1966 .elementor-element.elementor-element-4538182{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-1966 .elementor-element.elementor-element-e6f5bb5{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-4538182 *//* ==============================
   GLOBAL FOOTER WRAPPER
============================== */
.ll-footer {
    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: "Century-Gothic-std", sans-serif;
    color: #ffffff;
    font-weight:300;
    font-size: 14px;
}

/* ==============================
   TOP ROW (ICONS + LOGO)
============================== */
/* TOP ROW: left | centered logo | right */
.ll-footer-top{
  max-width: 1600px;     /* controls layout width on ultra-wide screens */
  margin: 0 auto;
  padding: 0px 14.8em;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: 1fr 140px 1fr;  /* logo is fixed 140px */
  align-items: center;
  padding-bottom:0px;
}

/* LEFT ICON GROUP */
.ll-footer-left-icons{
  grid-column: 1;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 2px;             /* spacing between FB + IG */
  padding-bottom: 2em;
  padding-left:1.5em;
}

/* CENTER LOGO */
.ll-footer-logo{
  grid-column: 2;
  justify-self: center;
}
.ll-footer-logo img{
  width: 140px;
  height: 140px;
  display: block;
}

/* RIGHT ICON GROUP */
.ll-footer-right-icons{
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 2px;             /* spacing between housing + ADA */
  padding-bottom: 2em;
}

/* Optional: make anchor not add weird spacing */
.ll-footer-top .ll-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.ll-footer-top svg{
  display: block;
}


/* ==============================
   BOTTOM ROW (TEXT)
============================== */
.ll-footer-bottom {
    margin-top: -3em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Bottom left: aligns under left icon group */
.ll-bottom-left {
    flex: 1;
    text-align: right;
    padding-right: 20.5em; /* Matches icon spacing */
    white-space: nowrap;
}

/* Center spacer (same width as logo) */
.ll-bottom-spacer {
    width: 100px;
    flex: 0 0 100px;
}

/* Bottom right: aligns under right icon group */
.ll-bottom-right {
    flex: 1;
    padding-left: 0em; /* Matches icon spacing */
    white-space: nowrap;
}

/* ==============================
   LINKS
============================== */
.ll-bottom-right a {
    color: #ffffff;
    text-decoration: none;
}

.ll-bottom-right a {
    position: relative;
    text-decoration: none; /* disable browser underline */
}

.ll-bottom-right a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;      /* space BELOW the underline */
    width: 100%;
    height: 3px;       /* underline thickness */
    background-color: #ffffff; /* underline color */
}


/* ==============================
   RESPONSIVE — TABLET & MOBILE
============================== */
@media (max-width: 1370px) {

    .ll-footer-top {
        flex-direction: column;
        gap: 20px;
          grid-template-columns: 1fr 190px 1fr;  
    }

 .ll-footer-bottom{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 26px !important;     /* space between the 2 lines */
    margin-top: 2em !important;
  }

  .ll-bottom-left,
  .ll-bottom-right{
    padding: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    text-indent: 0 !important;
  }

  .ll-bottom-spacer{
    display: none !important;
  }
}
.ll-footer-right-icons {
    display: flex;
    justify-content: flex-start!important; /* push icons to the right */
    align-items: flex-start;
    gap: 80px; /* space between icons */
  
}
.ll-footer-left-icons {
    display: flex;
    justify-content: flex-end!important;
    align-items: center;
    gap: 80px;
}




@media (max-width: 1070px) {

  .ll-footer-left-icons,
  .ll-footer-right-icons {
    grid-area: icons !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
    margin: 2.1em !important;
    padding: 0 !important;
  }
   .ll-footer-top{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-areas:
      "logo logo logo logo"
      "fb ig house ada" !important;
    justify-items: center !important;
    align-items: center !important;
    row-gap: 26px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  /* 2) Center logo on its own row */
  .ll-footer-logo{
    grid-area: logo !important;
    justify-self: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  /* 3) Flatten both icon wrappers so their <a> children can sit in the grid */
  .ll-footer-left-icons,
  .ll-footer-right-icons{
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 4) Place each icon into the correct grid area (ORDER FIX) */
  .ll-footer-left-icons  a:nth-child(1){ grid-area: fb !important; }    /* Facebook */
  .ll-footer-left-icons  a:nth-child(2){ grid-area: ig !important; }    /* Instagram */
  .ll-footer-right-icons a:nth-child(1){ grid-area: house !important; } /* Equal Housing */
  .ll-footer-right-icons a:nth-child(2){ grid-area: ada !important; }   /* Accessibility */

  /* 5) Prevent shrinking + make icons consistent */
  .ll-footer-top .ll-icon{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
  }

  .ll-footer-top .ll-icon svg{
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;   /* stops ADA shrinking */
    display: block !important;
  }

  /* OPTIONAL: if you want ADA a little wider but same height */
  .ll-footer-right-icons a:nth-child(2) svg{
    width: 56px !important;
    height: 40px !important;
  }
}

/* ==========================================
   FIX: Letter-spacing shifting bottom row
   (Use grid instead of padding hacks)
========================================== */

/* 1) Apply letter-spacing ONLY to bottom text */
.ll-bottom-left,
.ll-bottom-right{
  letter-spacing: 2px;
}

/* 2) STOP using padding-based alignment (this is what causes drift) */
.ll-bottom-left{ padding-right: 0 !important; }
.ll-bottom-right{ padding-left: 0 !important; }

/* 3) Make bottom row a stable 3-column grid */
.ll-footer-bottom{
  display: grid;
  grid-template-columns: 1fr 140px 1fr !important; /* center = logo width */
  align-items: center;
  justify-items: center;
  gap: 8em;
}

/* left text aligns right, right text aligns left */
.ll-bottom-left{
  justify-self: end !important;
  text-align: right !important;
  white-space: nowrap;
  text-indent: -6em;  /* adjust this value */
}
.ll-bottom-right{
  justify-self: start !important;
  text-align: left !important;
  white-space: nowrap;
}

/* spacer matches logo width */
.ll-bottom-spacer{
  width: 140px !important;
  flex: 0 0 140px !important;
}

/* 4) Tablet/mobile bottom stack stays same */
@media (max-width: 1170px){
  .ll-footer-bottom{
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    text-align: center !important;
  }
  .ll-bottom-left,
  .ll-bottom-right{
    text-align: center !important;
    justify-self: auto !important;
    white-space: normal !important;
  }
  .ll-bottom-spacer{ display: none !important; }
}

/* QUICK FIX: stop horizontal scroll caused by footer */
html, body { 
  overflow-x: clip;
}

@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden; }
}

/* FOOTER — ADD SPACE BETWEEN BOTTOM-RIGHT MENU ITEMS */
.ll-footer .ll-bottom-right a {
    margin-right: 7px;
    margin-left: 7px;
}

/* Remove extra space after the LAST link */
.ll-footer .ll-bottom-right a:last-child {
    margin-right: 0;
}

/* Remove left spacing on the FIRST link */
.ll-footer .ll-bottom-right a:first-child {
    margin-left: 0;
}/* End custom CSS */