/* citylight social grid */

.faux-grid { width:100%; background-color:var(--cms-purple-dark); color:white; }

.faux-square {
  display:block;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:0px solid white;
  border-top:0px solid white;
}

.citylight-social-square { width: 50%; padding-bottom : 50%; }
@media all and (min-width: 768px) { .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; } }
@media all and (min-width: 992px) { .citylight-social-square { width: 20%; padding-bottom : 20%; } .citylight-social-square-6 { display:none; } }

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:white; font-size:22px; line-height:22px; }
@media all and (min-width: 768px) { 
   .citylight-social-square-icon { bottom:16%; left:16%; font-size:28px; line-height:28px; }
}







/* footer */






:root {
  --footer-button-text: white;
  --footer-button-bg: var(--cms-purple);
  --footer-button-text-hover: white;
  --footer-button-bg-hover: var(--cms-purple-dark);
}

.footer-main { background-color:white; color:var(--cms-purple); padding:2rem 0; }

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

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

.footer-headline { font-family: 'ballinger-condensed', sans-serif; font-weight:800; text-transform:uppercase; font-size:1.3rem; margin-top:1rem; margin-bottom:0.5rem; }
.footer-subscribe { margin-bottom:1rem; }
.btn-brand-footer { 
  background-color:var(--footer-button-bg); 
  border:0;  
  color:var(--footer-button-text); 
  font-size:16px; line-height:30px; text-transform:none; letter-spacing:0.020rem; 
  border-radius:20px; 
  margin: 0; 
  padding: 0px 12px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-brand-footer:hover {  
  background-color:var(--footer-button-bg-hover); 
  color:var(--footer-button-text-hover);  
  text-decoration:none; 
}

.footer-social { display:block; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; 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-break { background-color:var(--footer-bg-legal);  }
.footer-break-line { border-top:1px solid var(--cms-purple); opacity:0.5; }

.footer-legal { background-color:var(--cms-purple-dark); color:white; padding:2rem 0; }
.footer-legal p { color:inherit; margin:0; font-size:0.85rem; }
.footer-legal a { color:inherit; }
.footer-legal a:hover { color:inherit; }

.footer-legal-links { margin-top:1rem; font-size:0.85rem; }
.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:1rem 0 1rem 0; }
  .footer-legal-links { margin:0; }
  .footer-legal-links a { padding:0 0 0 1rem; }

}