.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-dd9f83b *//* ============================================================
   RESPONSIVE FOOTER
   US Philanthropy Circle
============================================================ */

footer{
  background:var(--navy);
  color:#cdd7e6;

  padding:56px 0 30px;
}


/* ============================================================
   FOOTER GRID
============================================================ */

.footer-grid{
  display:grid;

  grid-template-columns:1.6fr 1fr 1fr;

  gap:34px;

  margin-bottom:34px;
}


/* ============================================================
   FOOTER BRAND
============================================================ */

footer .brand-title{
  color:#fff;

  letter-spacing:.06em;

  text-transform:uppercase;
}


/* ============================================================
   FOOTER LINKS
============================================================ */

footer a{
  color:#cdd7e6;

  transition:color .2s ease;
}

footer a:hover{
  color:var(--gold);
}


footer strong{
  display:block;

  margin-bottom:10px;

  color:#fff;

  font-size:.95rem;
}


.footer-links a{
  display:block;

  padding:4px 0;

  font-size:.92rem;

  line-height:1.5;
}


/* ============================================================
   FOOTER BOTTOM
============================================================ */

.footer-bottom{
  padding-top:22px;

  border-top:
    1px solid rgba(255,255,255,.14);

  color:#93a1b8;

  font-size:.8rem;

  line-height:1.6;
}


/* ============================================================
   ALERT
============================================================ */

.alert{
  display:none;

  margin-bottom:16px;

  padding:12px 16px;

  background:
    rgba(198,154,63,.14);

  border:
    1px solid rgba(198,154,63,.4);

  border-radius:10px;

  color:#f0e2c4;

  font-size:.86rem;

  line-height:1.5;
}

.alert.show{
  display:block;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width:900px){

  footer{
    padding:48px 0 28px;
  }

  .footer-grid{
    grid-template-columns:
      1.4fr 1fr;

    gap:30px 26px;
  }

  /*
     If you have 3 columns,
     the final column moves below.
  */

  .footer-grid > div:last-child{
    grid-column:1 / -1;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width:650px){

  footer{
    padding:42px 0 24px;
  }


  .footer-grid{
    grid-template-columns:1fr;

    gap:28px;

    margin-bottom:28px;
  }


  .footer-grid > div:last-child{
    grid-column:auto;
  }


  footer .brand-title{
    font-size:.95rem;

    line-height:1.2;
  }


  footer strong{
    margin-bottom:8px;

    font-size:.9rem;
  }


  .footer-links{
    display:grid;

    gap:2px;
  }


  .footer-links a{
    padding:5px 0;

    font-size:.9rem;
  }


  .footer-bottom{
    padding-top:18px;

    font-size:.76rem;

    line-height:1.65;
  }


  .alert{
    padding:11px 13px;

    font-size:.8rem;
  }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width:400px){

  footer{
    padding:36px 0 22px;
  }


  .footer-grid{
    gap:24px;

    margin-bottom:24px;
  }


  footer .brand-title{
    font-size:.9rem;
  }


  .footer-links a{
    font-size:.86rem;
  }


  .footer-bottom{
    font-size:.73rem;
  }

}


/* ============================================================
   ACCESSIBILITY
============================================================ */

footer a:focus-visible{
  outline:
    3px solid rgba(198,154,63,.55);

  outline-offset:3px;
}/* End custom CSS */