/* prefooter */

.footer-subscribe {
  background-color:var(--cms-camel);
  color:white;
  width:100%;
  padding:3rem 0rem;
  text-align:center;
}

.footer-subscribe-cta {
  font-weight:400;
  font-size: 22px;
  line-height:1.5;
}
.footer-subscribe-link {
  margin-top:1rem;
}

@media all and (min-width: 992px) {
  .footer-subscribe { padding:2rem 1rem; }
  .footer-subscribe-cta, .footer-subscribe-link { font-size: 24px; display:inline-block; margin:0; vertical-align:middle; }
  .footer-subscribe-link { padding-left:12px; }
}

.btn-brand-subscribe { 
  background-color:white; 
  border:0; 
  color:var(--cms-camel); 
  font-size:0.8rem; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem;  
  margin: 0; 
  padding: .5rem 1rem; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
  border-radius:4px;
}
.btn-brand-subscribe:hover { 
  background-color:white; 
  color:var(--cms-camel); 
  text-decoration:none; 
}



/* prefooter arts */

.footer-arts {
  background-color:var(--cms-navy);
  color:white;
  width:100%;
  padding:3rem 0rem;
  text-align:center;
}

.footer-arts-social { display:block; }
.footer-arts-social a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:33px; border-radius:50%; text-align:center; margin:0 4px; }
.footer-arts-social a { text-decoration:none; color:var(--cms-navy); background-color:white; border:2px solid white; transition: all 0.15s linear 0s; }
.footer-arts-social a:hover { color:var(--cms-navy); background-color:white; border-color:white; }
.footer-arts-social span.footer-arts-social-hashtag { display:block; font-size:0.9rem; line-height:50px; }


@media all and (min-width: 992px) {
  .footer-arts { padding:2rem 1rem; }
  .footer-arts-social span.footer-arts-social-hashtag { display:inline-block; font-size:0.9rem; line-height:1; vertical-align:middle; padding-left:10px; }
}



/* footer */


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

.footer-tagline { 
  text-wrap:balance;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
} 


.footer-social { display:block; margin-top:2rem; }
.footer-social a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:33px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:white; background-color:transparent; border:2px solid white; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:var(--cms-footer-black); background-color:white; border-color:white; }
.footer-social span.footer-social-hashtag { display:block; font-size:0.8rem; line-height:50px; }

ul.footer-links { margin:0; padding:0; list-style:none; }
ul.footer-links li { font-size:0.9rem; font-weight:500; margin:0.4rem 0 0 0; padding:0; list-style:none; }
ul.footer-links li a { text-decoration-color: var(--cms-footer-gray); }

.footer-address { margin-top:1rem; }
.footer-address p { font-size:0.9rem; margin:0; }
.footer-address a { color:inherit; text-decoration-color: var(--cms-footer-gray); }
.footer-address a:hover { color:inherit; }



.footer-break { display:none; background-color:var(--cms-footer-black);  }
.footer-break-line { border-top:1px solid white; opacity:0.15; }

.footer-legal { background-color:var(--cms-footer-black); color:var(--cms-footer-gray); padding:0 0 2rem 0; }
.footer-legal p { color:inherit; margin:0; font-size:0.8rem; }
.footer-legal a { color:inherit; }
.footer-legal a:hover { color:inherit; }

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

@media screen and (min-width: 992px) {
  .footer-main { padding:3rem 0 1rem 0; }
  .footer-tagline { font-size:1.8rem; }
  .footer-social { margin-top:1rem; }
  .footer-social a { margin:0 12px 0 0; }
  .footer-social span.footer-social-hashtag { display:inline-block; font-size:0.8rem; line-height:1; vertical-align:middle; }
  
  ul.footer-links li { font-size:0.8rem; }

  .footer-address { margin:0; }


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