/* =============================================================================
   FOOTER STYLES - ProCom Academy
   ============================================================================= */

#footer {
  background-color: var(--secondary);
  color: var(--light);
  padding: 60px 0 30px;
}

#footer h4 {
  color: var(--light);
  margin-bottom: 20px;
}

#footer ul { list-style: none; padding: 0; margin: 0; }
#footer ul li { margin-bottom: 8px; }

#footer a {
  color: var(--tertiary);
  text-decoration: none;
  transition: color 0.3s ease;
}

#footer a:hover {
  color: var(--primary);
  text-decoration: none;
}

#footer .footer-logo {
  max-width: 200px;
  margin-bottom: 20px;
}

.footer-reveal { position: relative; z-index: 1; }

@media (min-width: 992px) {
  #footer .row { flex-wrap: nowrap; }
}