/* footer */

.footer-pre { 
  background-color:white;
}

.footer-main { background-color:var(--cty-brand-teal); color:var(--cty-brand-navy); padding:3rem 0; }

.footer-logo { width:100%; max-width:200px; margin:0.5rem auto; }
.footer-logo-logo { margin-bottom:0.5rem; }

.footer-address { font-size:0.85rem; margin:0 0 1rem 0; font-weight:450; }
.footer-address a { color:inherit; }
.footer-address a:hover { color:inherit; }

.footer-headline { font-size:1.2rem; font-weight:700; margin-top:1rem; margin-bottom:1rem; text-wrap:balance; }

.btn-brand-footer { 
  background-color:var(--cty-brand-orange); 
  border:0;  
  color:white; 
  color:#073D5F;
  font-size:0.8rem; line-height:2rem; text-transform:none; letter-spacing:0rem; font-weight:700;
  border-radius:20px; 
  margin: 0; 
  padding: 0 1rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
  border-radius:20px; /* all as pills */
}
.btn-brand-footer:hover {  
  background-color:var(--cty-brand-orange); 
  color:white; 
  color:#073D5F;
  text-decoration:none; 
}

.footer-social { display:block; text-wrap:balance; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:20px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:var(--footer-button-text); background-color:var(--footer-button-bg); border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:var(--footer-button-text-hover); background-color:var(--footer-button-bg-hover); }

.footer-links { width:100%; }
.footer-links ul { padding:0; margin:0; list-style:none; margin-top:2rem; }
.footer-links ul li { padding:0; margin:0; list-style:none; font-weight:700; margin-bottom:8px; font-size:1.2rem; }
.footer-links ul li a { text-decoration:none; }
.footer-links ul li a:hover { text-decoration:none; }

.footer-legal { background-color:var(--cty-brand-navy); color:white; padding:2.5rem 0; }
.footer-legal p { color:inherit; margin:0; font-size:1rem; }
.footer-legal a { color:inherit; }
.footer-legal a:hover { color:inherit; }

.footer-legal-links { margin-top:1rem; font-size:0.9rem; }
.footer-legal-links a { display:inline-block; padding:0 0.5rem; }

@media screen and (min-width: 992px) {
  .footer-main { padding:2rem 0; }
  
  .footer-logo { margin:0.5rem 0; }
  .footer-address { margin:0; }

  .footer-social a { margin:0 0 0 1rem; }

  .footer-legal { padding:1.5rem 0; }
  .footer-legal-links { margin:0; }
  .footer-legal-p p {  font-size:0.9rem; }
  .footer-legal-links a { padding:0 0 0 1rem; }

  .footer-links ul { margin-top:0; }
  .footer-links ul li { font-size:1.1rem; }


  .bg-half-shimmer { background: linear-gradient(90deg,#fdf9f6 0%, #fdf9f6 65%, #ebf9f9 65%, #ebf9f9 100%); }
 


}


.frond-hold { position:relative; overflow:hidden; }

.footer-pre-left-frond {
  position:absolute; width:199px; height:128px; top:-40px; left:0;
  background: url('https://ctycms.com/fl-delray-beach/footer-frond-top-left.svg') top left no-repeat;
  z-index:1;
}
.footer-pre-top-frond { position:absolute; }
.footer-pre-side-frond { position:absolute; width:400px; height:350px; bottom:-270px; right:50%; margin-right:-240px;
  background: url('https://ctycms.com/fl-delray-beach/side-frond-800x700.svg') center center no-repeat;
  background-size:contain;
  z-index:1;
}

@media screen and (min-width: 992px) {
  .footer-pre-left-frond { width:199px; height:128px; top:0; left:0; }
  .footer-pre-top-frond { position:absolute; width:800px; height:700px; top:-500px; right:-300px; 
    background: url('https://ctycms.com/fl-delray-beach/side-frond-800x700.svg') center center no-repeat;
    background-size:contain;
    z-index:1;
  }
  .footer-pre-side-frond {  width:800px; height:700px; bottom:-550px; right:33%; margin-right:-400px; }
}

.footer-sponsors-premier { margin-top:1rem; }
.footer-sponsors-village { margin-bottom:1rem; }

.dr-sponsor-logos { margin:0; }
.dr-logo { display:inline-block; margin:0; background-color:transparent; outline:0px dotted pink; }
.dr-logo span { display:block; border:0px solid #eee; }
.dr-logo a { display:block; transition: all 400ms ease; border:0px solid #eee; }
.dr-logo a:hover { border-color:#bbb; }
.dr-logo-img { width:120px; height:80px; border:16px solid transparent; background-position:center center; background-size:contain; background-repeat:no-repeat; }

.footer-sponsors-premier { 
  .dr-logo-img { width:170px; height:120px; }
}
.footer-sponsors-village { 
  .dr-logo-img { width:140px; height:120px; }
}
.footer-sponsors-member { 
  .dr-logo-img { width:160px; height:120px; }
}