:root{
      --accent: #006B54; /* change to your accent color */
      --accent-2: #A7C4A0;
      --bg: #F7F7F5;
      --serif: 'Playfair Display', serif;
      --sans: 'Inter', system-ui, sans-serif;
      margin: 0;
    padding: 0;
    overflow-x: hidden !important;
    }
        
	.accent {color:var(--accent) !important;
	}
	p a {color:var(--accent) !important;}
    body{font-family:var(--sans); background:var(--bg); color:#222}

    /* NAV */
    .brand-name{font-family:var(--serif); font-size:1.5rem; line-height:1}
    .brand-sub{font-size:.75rem; opacity:.85}
    .navbar-nav .nav-link{padding-right:1rem}
	/* Active link */
a.nav-link.active {

  color: var(--accent) !important;
    text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: 0.5em;
  text-decoration-thickness: 1px;
}
.dropdown-item.active {
    color: #fff !important;
    background-color: #006B54 !important;
}
    /* HERO */
    .hero {min-height:70vh; overflow:hidden}
    .hero-left, .hero-right{min-height:70vh}
    .hero-left{background-position:center; background-size:cover}
    .hero-right{
      background-position:center; background-size:cover; position:relative; display:flex; align-items:center; justify-content:center;
    }
    .hero-overlay{position:absolute; inset:0; background-size:cover;}
    .hero-panel{position:relative; z-index:2; max-width:40vw; padding:2rem; background:rgba(255,255,255,0.85); border-radius:8px}
    .eyebrow{font-size:.85rem; text-transform:uppercase; letter-spacing:1px; color:var(--accent)}


    /* Accent banner */
    .accent-banner{background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:white; padding:1.25rem}
	
	.fab {
		color: var(--accent)!important;
	}
	.footer.fab {
		color: #C9A646 !important;
	}
	
	/* HERO BASE */
.hero {
  min-height: 80vh;
}

.hero-row {
  min-height: 80vh;
}
.hero-left {
  background-image: url('../img/house.jpg');
  background-size: cover;
  background-position: center;
}

.hero-right {
  background-image: url('../img/house-section-2.jpg');
  background-size: cover;
  background-position: center;
}

.hero-right {
  position: relative;
  display: flex;
  align-items: center;   /* vertical centering */
}

.hero-right > .container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;   /* center hero-panel */
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(10,10,10,0.45),
    rgba(10,10,10,0.95)
  );
  z-index: 1;
    padding: 5rem;
}

.hero-panel {
  position: relative;
  z-index: 2;
  padding: 5rem;

}



/* BUTTON */
.hero .btn-primary {
  background: var(--accent);
  border: none;
}
.inner-hero {
  position: relative;
  min-height: 45vh;           /* allows growth */
  display: flex;
  align-items: center;
  padding: 4rem 0;            /* creates safe vertical space */
  overflow: hidden;
}

/* Background image */
.inner-hero-bg {
  position: absolute;
  inset: 0;
  background: url('../img/house.jpg') center / cover no-repeat;
  z-index: 1;
}

/* Overlay */
.inner-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.45),
    rgba(0,0,0,0.75)
  );
  z-index: 2;
}

/* Content panel */
.inner-hero-content {
  position: relative;
  z-index: 3;
  max-width: 900px;
  opacity: 0.95;
}



    /* Listings cards */
    .listings .card-img-wrap{padding:12px; background:var(--accent); display:inline-block}
    .listings .card-img-inner{background:white;padding:8px}
    .listings .card-img-inner img{display:block; width:100%; height:200px; object-fit:cover; border:6px solid white}

    /* Two-column stat list */
    .stats-list li{margin-bottom:.75rem}

    /* Testimonials */
    .testimonials{padding:2rem 0}

    /* FAQ */
    .faq .card{border:none}

    /* Footer */
    footer{color:white}
    .footer-name{font-family:var(--serif); font-size:1.25rem}

    /* Decorative separator for footer name */
    .name-sep{display:flex; align-items:center; gap:1rem}
    .name-sep::before, .name-sep::after{content:''; flex:1; height:1px; background:rgba(255,255,255,0.25)}

    /* Responsive tweaks */
    @media (max-width:991.98px){
      .hero-left, .hero-right{min-height:50vh}
      .hero-panel{background:rgba(255,255,255,0.95)}
    }
	 .btn-primary{background:var(--accent); border:var(--accent) !important;}
	.btn-primary:hover{
		background: #fff !important; 
		color: var(--accent) !important;
		border:var(--accent) !important;
	}
	.btn-outline-primary{
	border-color:var(--accent); color:var(--accent)
	}
	.btn-outline-primary:hover{
		background: var(--accent) !important;
		color: #fff !important;
	}
	
	.accordion-button:not(.collapsed){
		background-color:#A7C4A0;
		box-shadow: #006B54;
}
	
	.accordion-button:not(.collapsed):focus {
   box-shadow: 0 0 0 2px var(--accent-2) !important;
  border-color: transparent !important;
  color: var(--accent);
  font-weight: bold;
}
	.stats-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.stats-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 14px;
  font-size: 1rem;
  line-height: 1.4;
}

.stats-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: linear-gradient(135deg, #4CAF50, #8DE38A); /* soft green gradient */
}

.stats-list span {
  font-weight: 700;
  color: #2F6F3F; /* darker green for emphasis */
}
@media (max-width: 991px) {

  /* Hide left image panel */
  .hero-left {
    display: none;
  }

  /* Use left image as the hero background */
  .hero-right {
    background-image: url('../img/house.jpg');
      width: 100% !important;  /* full width */
    min-height: auto;
    padding: 1.5rem 0;
  }

  /* Remove any forced row height */
  .hero,
  .hero-row {
    min-height: auto;
  }

  /* Ensure content is readable */
  .hero-panel {
    max-width: 100%;
    padding: 2rem;
  }
}