/*
 * PetClinic unique homepage style layer.
 * Loaded only on front page.
 */


.home .hero-section {
  min-height: 68vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 96px 20px;
  background: radial-gradient(circle at 18% 15%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 48%),
              linear-gradient(130deg, #0f3f3b 0%, #136a58 45%, #20a37d 100%);
}

.home .hero-section::before {
  background: linear-gradient(180deg, rgba(5, 14, 12, .58) 0%, rgba(5, 14, 12, .44) 45%, rgba(5, 14, 12, .5) 100%);
}

.home .hero-content h1 {
  color: #fff6dc;
  text-shadow: 0 4px 18px rgba(0,0,0,.35);
}

.home .regd,
.home .tagline {
  color: #f0f6ee;
}

.home .cta-button {
  background: #f6c945;
  color: #213328;
}

.home .cta-alt {
  background: rgba(12, 31, 24, .85);
  border-color: #f6c945;
  color: #f6c945;
}

.home .section-dark {
  background: linear-gradient(180deg, #f4f7f2 0%, #e9efe7 100%);
}

.home .section-olive {
  background: linear-gradient(180deg, #eaf3f0 0%, #e0ece9 100%);
}

.home .section-title {
  color: #174b41;
}

.home .section-sub,
.home .split-grid p,
.home .card p,
.home .post-meta,
.home .gallery-kicker {
  color: #2f5d4f;
}

.home #services .card,
.home #breeds .card,
.home #testimonials .card,
.home #gallery .gallery-item {
  background: #ffffff;
  border: 1px solid #d9e7df;
  box-shadow: 0 8px 28px rgba(30, 76, 58, .08);
}

.home #about .about-content-card,
.home #about .about-media-card {
  border: 0;
  box-shadow: none;
  background: transparent;
}

.home #services .card h3,
.home #breeds .card h3,
.home #testimonials .card h3,
.home #features .feature-card h3 {
  color: #135d4f;
}

.home #features {
  background: #f2f7f6;
}

.home #features .feature-icon-shell {
  border-color: #cedbe7;
  background: rgba(255,255,255,.72);
}

.home #gallery {
  background: #edf2ef;
}

.home .gallery-head-line {
  background: #f6c945;
}

.home #contact .contact-card,
.home #contact .contact-details-card,
.home #contact .contact-map-card {
  background: #ffffff;
  border: 1px solid #d9e7df;
  box-shadow: 0 8px 24px rgba(30, 76, 58, .08);
}

.home #contact .contact-field,
.home #contact textarea {
  background: #f8fbfa;
  border-color: #c6dbd2;
  color: #22443a;
}

.home #contact p,
.home #contact strong {
  color: #214d40;
}