/* footer */

:root {
  --footer-color:white;
  --footer-bg-main:var(--cms-navy); 
  --footer-bg-legal:var(--cms-navy);
  --footer-button-text: white;
  --footer-button-bg: var(--cms-blue);
  --footer-button-text-hover: white;
  --footer-button-bg-hover: var(--cms-blue);
}

/* fivegram */

.fivegram { width:100%; background-color:var(--cms-orange-md); color:var(--cms-navy); }
.fivegram-row { width:100%; display:block; }
.fivegram-cell { width:50%; float:left; }
.fivegram-cell5 { display:none; }
.fivegram-img { width:100%; padding-bottom: 133%; background-size:cover; background-position:center center; }

@media all and (min-width: 992px) {
  .fivegram-cell { width:20%; }
  .fivegram-cell5 { display:block; }
}


/* fauxgram */

.fauxgram { width:100%; background-color:var(--cms-orange-md); color:var(--cms-navy); }

.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:var(--cms-navy); }
.fauxgram-follow a:hover { color:var(--cms-navy); text-decoration:none; }
.fauxgram-follow a div { width:100%; text-align:center; }

.fauxgram-icon { font-size:46px; line-height:1;  margin-bottom:0.75rem;  }
.fauxgram-headline { 
  font-family: 'bodoni-moda', sans-serif;
  font-style:italic;
  font-size:1.8rem; 
  line-height:1.2; 
  margin-bottom:0.75rem;  
}
.fauxgram-handle { 
  font-weight:500; 
  font-size:0.8rem; 
  line-height:1.2; 
}

.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%; }
}


/* bird */

.bird-line {
  display: flex;
  align-items: center;
  width:100%;
  max-width:1040px;
  margin:1rem auto;
}
.bird-horizon {
  flex: 1;
  border-top:1px solid white;
}
.bird-bird {
  width: 100px;
  height:60px;
  flex-shrink: 0;
  background:url('https://ctycms.com/ca-sausalito/bird-400x300-white.svg') center center no-repeat;
  background-size: 80px 60px;
}

.blue-bird-line {
  display: flex;
  align-items: center;
  width:100%;
  max-width:1040px;
  margin:1rem auto;
}
.blue-bird-horizon {
  flex: 1;
  border-top:1px solid var(--cms-navy);
}
.blue-bird-bird {
  width: 100px;
  height:60px;
  flex-shrink: 0;
  background:url('https://ctycms.com/ca-sausalito/bird-400x300-blue.svg') center center no-repeat;
  background-size: 80px 60px;
}



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

.footer-logo { width:100%; max-width:120px; 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-weight:500;
  font-size:0.8rem; 
  text-transform:uppercase;
  letter-spacing:0.100rem;
  margin-top:1rem; 
  margin-bottom:0.5rem; 
}

.footer-headline-lg2 { 
  font-family: "bodoni-moda", sans-serif;
  font-style:italic;
  font-size:1.6rem; 
  margin-bottom:0.5rem;
}



.footer-subscribe { margin-bottom:1.5rem; }

.btn-brand-footer { 
  background-color:rgba(255,255,255,1); 
  border:0;  
  color:var(--cms-navy); 
  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:rgba(255,255,255,0.85); 
  color:var(--cms-navy);  
  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(--cms-navy); background-color:rgba(255,255,255,1); border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:var(--cms-navy); background-color:rgba(255,255,255,0.85); }

.footer-break { background-color:var(--footer-bg-legal);  }
.footer-break-line { border-top:1px solid var(--footer-color); opacity:0.5; }

.footer-legal { background-color:var(--footer-bg-legal); color:var(--footer-color); padding: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.9rem;  font-size:0.8rem; }
.footer-legal-links a { display:inline-block; padding:0 0.5rem; }

@media screen and (min-width: 992px) {
  .footer-legal { padding:1.5rem 0; }
  .footer-legal-links { margin:0; }
  .footer-legal-links a { padding:0 0 0 1rem; }
}