/* === Last Cast Dog Co. Navbar Branding === */

.main-nav {
  background-color: #7B3A36 !important;  /* maroon background */
  color: #FAF7F3 !important;              /* light text */
  border-bottom: none;
}

/* link colors inside the nav */
.main-nav a {
  color: #FAF7F3 !important;              /* white text */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.main-nav a:hover,
.main-nav a:focus,
.main-nav .active > a {
  color: #fecf8d !important;              /* beige highlight on hover/active */
}

/* mobile hamburger icon color */
.mobile-nav i {
  color: #FAF7F3 !important;
}


/* === Match Testimonials & CTA Background to Navbar === */

/* Shared maroon section background */
.bg-maroon,
.page-section.bg-maroon,
.small-section.bg-maroon {
  background-color: #7B3A36 !important;  /* same as nav */
  color: #FAF7F3 !important;             /* light text for contrast */
}

/* Adjust heading and paragraph colors for readability */
.bg-maroon h1,
.bg-maroon h2,
.bg-maroon h3,
.bg-maroon h4,
.bg-maroon p {
  color: #FAF7F3 !important;
}

/* Button styling within maroon sections */
.bg-maroon .btn-w {
  border-color: #FAF7F3;
  color: #FAF7F3;
}

.bg-maroon .btn-w:hover,
.bg-maroon .btn-w:focus {
  background-color: #F2C98C;
  color: #7B3A36;
}

/* Optional: subtle texture consistency for testimonials */
.bg-maroon .testimonial {
  color: #FAF7F3;
  font-style: italic;
}

/* === Buttons on Maroon Backgrounds === */
.bg-maroon .btn-w {
  background-color: #F2C98C;   /* beige default background */
  color: #7B3A36;              /* maroon text for contrast */
  border: none;                /* remove white border */
  font-weight: 600;
  transition: all 0.2s ease;
}

.bg-maroon .btn-w:hover,
.bg-maroon .btn-w:focus {
  background-color: #FAF7F3;   /* lighter cream hover */
  color: #7B3A36;              /* keep readable text */
}

/* === Slim Footer === */
.site-footer {
  background-color: #FAF7F3;   /* soft beige */
  color: #7B3A36;             /* maroon text */
  padding: 16px 0;            /* much tighter vertical space */
  font-size: 0.9rem;
  border-top: 2px solid #F2C98C; /* subtle brand accent line */
}

/* Align text nicely and remove excess spacing */
.site-footer p {
  margin: 0;
}

/* footer links */
.footer-link {
  color: #7B3A36;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.footer-link:hover {
  color: #F2C98C;
  border-bottom: 1px solid #F2C98C;
}

/* Rhythm contact icon color fix */
.ci-icon:before {
  background-color: #7B3A36 !important;  /* maroon circle background */
  border-color: #7B3A36 !important;      /* if the template adds a border */
  box-shadow: none !important;           /* remove any dark shadow */
}

.ci-icon i {
  position: relative;                    /* ensure it sits above pseudo-element */
  z-index: 2;
}


/* Hero: logo on brand background */
.hero-logo-section {
  background: linear-gradient(to bottom, #7B3A36 0%, #7B3A36 100%);
  color: #FAF7F3;
  padding: 130px 0 150px;
}

.hero-logo-img {
  max-width: 380px;
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto 1.75rem;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.4));
}

.hero-tagline {
  font-size: 1.1rem;
  max-width: 520px;
  margin: 0 auto 2rem;
  opacity: 0.95;
}

/* mobile tweaks */
@media (max-width: 767.98px) {
  .hero-logo-section {
    padding: 110px 0 120px;
  }

  .hero-tagline {
    font-size: 1rem;
  }
}



/* Training slider visuals */

/* Smaller training slider */
.training-slide-img {
  width: 100%;
  height: 180px;       /* was 260–320px → shrink here */
  object-fit: cover;
  object-position: center;
  display: block;
  filter: brightness(0.95);
}

@media (min-width: 992px) {
  .training-slide-img {
    height: 220px;     /* keeps desktop balanced but still compact */
  }
}