/* footer */

:root {
  --footer-color:white;
  --footer-bg-main:#052717; 
  --footer-bg-legal:#00aba2;
  --footer-button-text: #052717;
  --footer-button-bg: #d5e03c;
  --footer-button-text-hover: #052717;
  --footer-button-bg-hover: #d5e03c;
}


/* fauxgram */

.fauxgram { width:100%; background-color:var(--footer-bg-main); color:white;  }

.fauxgram-row { width:100%; display:flex; }
.fauxgram-follow { width:100%; }
.fauxgram-follow a { display:flex; width:100%; height:100%; padding:60px 30px; align-items:center; text-decoration:none; color:white; }
.fauxgram-follow a:hover { color:white; text-decoration:none; }
.fauxgram-follow a div { width:100%; text-align:center; }

.fauxgram-icon { font-size:46px; line-height:1;  margin-bottom:0.75rem; color:var(--cty-brand-green); }
.fauxgram-headline { font-weight:700; font-size:1.8rem; line-height:1.2; margin-bottom:0.75rem; text-wrap:balance; font-family: 'Platypi', serif; }
.fauxgram-handle { font-weight:700; font-size:0.9rem; line-height:1.2; text-wrap:balance; }

.fauxgram-cell { width:50%; }
.fauxgram-img { width:100%; padding-bottom: 133%; background-size:cover; background-position:center center; }

@media all and (min-width: 992px) {
  .fauxgram { width:100%; display:flex; }
  .fauxgram-row { width:40%; }
  .fauxgram-follow { width:20%; }
}





.footer-engage { background-color:var(--footer-bg-main); color:var(--footer-color); padding:2rem 0; border-top:4px solid #03595c; border-bottom:4px solid #03595c; border-color:#042d1a; }

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

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






.subscribe-cta { font-weight:700; font-size:20px; line-height:36px; }

.subscribe-a { padding:12px 0 36px 0; }
@media screen and (min-width: 992px) {
  .subscribe-a { padding:0 0 0 16px; }
}
.btn-brand-footer-subscribe { 
  background-color:var(--footer-button-bg); 
  border:0;  
  color:var(--footer-button-text); 
  font-weight:700;
  font-size:14px; 
  line-height:36px; 
  text-transform:none; 
  letter-spacing:0rem; 
  border-radius:20px; 
  margin: 8px 4px; 
  padding: 0px 16px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-brand-footer-subscribe-secondary {
  line-height:30px; 
   padding: 0px 12px; 
}
.btn-brand-footer-subscribe:hover {  
  background-color:white; 
  color:var(--footer-button-text-hover);  
  text-decoration:none; 
}


.footer-social { display:block; }
.footer-social a { display:inline-block; width:36px; height:36px; font-size:18px; line-height:36px; 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:var(--cty-transition-hover);  }
.footer-social a:hover { color:var(--footer-button-text-hover); background-color:white; }

.footer-address { font-size:16px; margin:0 0 1rem 0; }
.footer-address b { font-weight:700; font-size:22px; line-height:36px; }
.footer-address i { font-weight:450; font-size:16px; line-height:36px; }
.footer-address a { color:inherit; }
.footer-address a:hover { color:inherit; }


ul.footer-links { margin:0; padding:0; list-style:none; }
ul.footer-links li { margin:0; padding:6px 0; font-weight:600; font-size:18px; line-height:1.2; }
ul.footer-links li a { text-decoration:none; color:var(--cty-brand-green); transition:var(--cty-transition-hover);   }
ul.footer-links li a:hover { text-decoration:none; color:white; }

.footer-break { background-color:var(--footer-bg-main);  }

.footer-legal { background-color:var(--footer-bg-legal); color:var(--footer-bg-main); padding:2rem 0; }
.footer-legal p { color:inherit; margin:0; font-weight:500; font-size:16px; }
.footer-legal a { color:inherit; }
.footer-legal a:hover { color:inherit; }

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

@media screen and (min-width: 992px) {
  .footer-main { padding-bottom:0rem; }
  
  .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-links a { padding:0 0 0 1rem; }

}