/* YouthSkilledTrades.com — Logo styles (The Ascent) */

.site-nav a.logo {
  display: flex; align-items: center; text-decoration: none;
  font-size: 0 !important; color: transparent !important;
}
.site-nav a.logo img {
  display: block; height: 36px; width: auto; max-width: 240px;
}
.footer-brand a.logo {
  display: inline-flex; align-items: center; text-decoration: none;
  font-size: 0 !important; color: transparent !important;
}
.footer-brand a.logo img {
  display: block; height: 30px; width: auto; max-width: 200px;
}
.site-nav a.logo img, .footer-brand a.logo img {
  animation: logoFade .35s ease forwards; opacity: 0; animation-delay: .05s;
}
@keyframes logoFade { to { opacity: 1; } }
@media (max-width: 600px) {
  .site-nav a.logo img { height: 28px; }
  .footer-brand a.logo img { height: 24px; }
}