/* Talk to Arya: logo in header and footer. The logo has dark navy lettering, so the header sits on white. */

/* Inner pages (blog, articles) */
.tta-top { background: #FFFFFF; border-bottom: 1px solid #E2DFD6; }
.tta-logo { display: inline-flex; align-items: center; }
.tta-logo img { height: 44px; width: auto; display: block; }
.tta-nav a { color: #4A5361; }
.tta-nav a:hover { color: #121A26; }
.tta-nav a.tta-btn-o { color: #121A26; border-color: #C8A46E; }
.tta-nav a.tta-btn-o:hover { color: #121A26; background: rgba(200,164,110,.18); }
.tta-hero { border-top: 0; }

/* Homepage header */
.cc .topbar { background: #FFFFFF; border-bottom: 1px solid #E2DFD6; }
.cc .topbar .header { border-bottom: 0; }
.cc .topbar .brand { display: inline-flex; align-items: center; }
.cc .topbar .brand img { height: 44px; width: auto; display: block; }
.cc .topbar .nav a.link { color: #4A5361; }
.cc .topbar .nav a.link:hover { color: #121A26; }
.cc .topbar .btn-outline { color: #121A26; }
.cc .topbar .btn-outline:hover { color: #121A26; background: rgba(200,164,110,.18); }

/* Footer: logo on a white plate, since the footer is dark */
.logo-plate { display: inline-flex; background: #FFFFFF; padding: 10px 16px; border-radius: 2px; }
.logo-plate img { height: 52px; width: auto; display: block; }
.cc .footer-brand, .tta-foot-brand { flex: 0 0 100%; margin-bottom: 8px; }

@media (max-width: 720px) {
  .tta-logo img, .cc .topbar .brand img { height: 34px; }
  .logo-plate img { height: 44px; }
}