/* footer */

:root {
  --footer-line:#8a9a94;
}

/* pearlgram */

.pearlgram { width:100%; background:var(--cms-merlot); }

.pearlgram-row { width:100%; display:flex; }
.pearlgram-follow { 
  width:100%; 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color:white;
}
.pearlgram-follow a { text-decoration:none; }
.pearlgram-follow a:hover { text-decoration:none; }

.pearlgram-follow-box { 
  padding: 60px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pearlgram-icon { font-size:46px; line-height:1;  margin-bottom:10px;  }
.pearlgram-headline { font-weight:800; font-size:1.5rem; line-height:1.1; margin-bottom:10px; text-align:center; letter-spacing:0.050rem; text-wrap:balance; }
.pearlgram-handle { font-family: 'avenir-next-lt-pro', sans-serif; font-weight:500; font-size:1rem; line-height:1.1; letter-spacing:0.010rem; text-wrap:balance; }

.pearlgram-cell { width:50%; aspect-ratio: 4/5; }

.pearlgram-img { 
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center; 
}

.pearlgram-image { 
  width:100%; 
  aspect-ratio:4/5; 
  background-size:cover; background-position:center center; 
  box-shadow: inset 0 0 60px rgba(0,0,0,0.45);
}

/*.pearlgram { border-top:2px solid var(--cms-white); border-left:2px solid var(--cms-white); }
.pearlgram-cell,.pearlgram-follow { border-bottom:2px solid var(--cms-white); border-right:2px solid var(--cms-white); }*/

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


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

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

.footer-address { font-size:0.95rem; line-height:1.8; margin:0 0 1rem 0; }
.footer-address span.address-break { color: #385349; }
.footer-address a { color:inherit; text-decoration-color: rgba(255, 255, 255, 0.85); }
.footer-address a:hover { color:inherit; }

.footer-headline { font-size:1.3rem; }

.footer-social { display:block; margin:1rem 0; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:1.2rem; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; 
  border:0px solid var(--footer-line);
}
.footer-social a { text-decoration:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { border-color:white; }


.footer-portal { margin:2.5rem 0; }

.btn-brand-footer { 
  background-color:#385349; 
  border:0;  
  color:white; 
  font-size:16px; line-height:36px; text-transform:none; letter-spacing:0.010rem; 
  border-radius:20px; 
  margin: 0; 
  padding: 0px 16px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-brand-footer:hover {  
  background-color:#385349; 
  color:white;  
  text-decoration:none; 
}

.footer-break {  background-color:var(--cms-green); color:white; }
.footer-break-line { border-top:1px solid var(--footer-line); }

.footer-legal { background-color:var(--cms-green); color:white; padding:2rem 0; font-family: 'source-serif-4', serif; }
.footer-legal p { color:inherit; margin:0.15rem 0; font-size:1rem; }
.footer-legal a { color:inherit; text-decoration-color: rgba(255, 255, 255, 0.5); }
.footer-legal a:hover { color:inherit; }

.footer-legal-links { margin-top:1rem; font-size:1rem; }
.footer-legal-links a { display:inline-block; padding:0 0.5rem; text-decoration-color: rgba(255, 255, 255, 0.85); }

@media screen and (min-width: 992px) {
  .footer-main { padding-top:3rem; padding-bottom:1.25rem; }
  
  .footer-logo { margin:0 0 1rem 0; }
  .footer-address { margin:0; font-size:0.9rem; line-height:1.5; }

  .footer-portal { margin:1.25rem 0 0.5rem 0; }

  .footer-headline { margin-bottom:0.5rem; }
  .footer-social { display:block; margin:0; }
  .footer-social a { margin:0 0 0 1rem; }

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

}