/* Global site footer styling — extracted verbatim from assets/css/home.css
   so blog and other pages render the SSI footer identically to the home page.
   Pairs with includes/partials/footer.html. Custom code, no Elementor. */

:root {
  --blue-start: #355ca7;
  --blue-end: #0183d0;
}

.demo-footer-top {
  display:grid; grid-template-columns:1fr 1fr; background:linear-gradient(to right, var(--blue-start) 0%, var(--blue-end) 100%);
  align-items:center;
  padding:2%;
}
.demo-footer-form-col {
  padding: 4% 10% 5% 15%;
  color: #fff;
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.demo-footer-social { display:flex; justify-content:center; gap:40px; padding:6px 0; margin-bottom:3%; }
.demo-footer-social a { font-size:28px; color:#fff; }
.demo-footer-social a:hover { color:#1DC1E6; }
.demo-footer-title { text-align:center; font-family:Georgia,serif; font-size:50px; font-weight:700; line-height:1.2; color:#1DC1E6; margin-top:-2%; margin-bottom:12px; }
.demo-footer-subtitle { text-align:center; font-family:Montserrat,sans-serif; font-size:18px; font-weight:500; line-height:1.3em; color:#fff; margin:0 7% 18px; }
.footer-contact-form { display:flex; flex-direction:column; gap:15px; margin:0; padding:0 2px; }
.footer-contact-form input[type="text"], .footer-contact-form input[type="email"], .footer-contact-form input[type="tel"], .footer-contact-form textarea {
  width:100%; border:1px solid #D7EFFF; border-radius:4px; font-family:'Poppins',sans-serif; font-size:14px; color:#000; padding:10px 12px;
}
.footer-contact-form textarea { height:10em; resize:vertical; }
.footer-contact-form button[type="submit"] {
  width:100%; padding:12px; margin-top:4px; border:none; border-radius:4px; background:linear-gradient(150deg,#186BCC 0%,#19A7C8 100%);
  color:#fff; font-family:'Racing Sans One',sans-serif; font-size:16px; letter-spacing:.5px; cursor:pointer;
}
.footer-form-status { text-align:center; font-family:'Poppins',sans-serif; font-size:14px; margin-top:8px; min-height:1.4em; }
.footer-form-status.success { color:#2ecc71; }
.footer-form-status.error { color:#e74c3c; }
.demo-footer-image-col img { width:100%; height:auto; object-fit:contain; display:block; margin:-20% 0 35%; }
.demo-footer-bottom {
  min-height:350px; display:grid; grid-template-columns:1fr 1fr; align-items:center; border-top:5px solid #66B6D7;
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('/images/uploads/2024/10/home-1.jpg') center top/cover no-repeat;
  color:#fff;
}
.demo-footer-logo { display:flex; justify-content:center; align-items:center; height:100%; }
.demo-footer-logo img { width:65%; }
.demo-footer-links { display:grid; grid-template-columns:1fr 1fr; justify-content:center; align-items:start; }
.demo-footer-links > div { text-align:left; }
.demo-footer-links h4 { font-family:Montserrat,sans-serif; font-size:22px; font-weight:700; color:#1DC1E6; margin:0 0 12px 0; }
.demo-footer-links ul { list-style:none; margin:0; padding:0; }
.demo-footer-links li { margin:14px 0; font-family:Montserrat,sans-serif; font-size:16px; color:#fff; }
.demo-footer-links li:hover { color:#1DC1E6; }

@media (max-width: 767px) {
  .demo-footer-top { grid-template-columns:1fr; padding:10% 0; }
  .demo-footer-form-col { padding: 5% 5%; gap: 30px; display: flex; flex-direction: column; }
  .demo-footer-title { font-size:30px; margin:0; }
  .demo-footer-subtitle { line-height:1.8; margin-top:20px; margin-bottom:0; }
  .demo-footer-social { margin:0; padding:0; }
  .footer-contact-form { margin:0; padding:0; gap:15px; }
  .demo-footer-image-col { padding:5% 5% 15% 8%; }
  .demo-footer-image-col img { margin:0; }
  .demo-footer-bottom { min-height:250px; grid-template-columns:1fr; background-position:top center; background-size:cover; }
  .demo-footer-logo { min-height:220px; background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .9)); }
  .demo-footer-logo img { width:81%; max-width:85%; height:90px; }
  .demo-footer-links { display:none; }
}