/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

.postcontent ol, .postcontent ul {
  padding-left: calc(var(--bs-gutter-x)* 0.5);
}


/* Custom CSS for styling blog search area */

#blog-search-area {
  z-index: 1;
}

#blog-search-area input[type="text"] {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
}

#blog-search-area .results {
  position: relative;
}

#blog-search-area .results ul.result-list {
  z-index: 1000;
  position: absolute;
  top: 0;
}

#blog-search-area .results ul.result-list li:hover {
  background-color: #ccc;
}

#blog-search-area .results ul.result-list li a:hover {
  color: var(--cnvs-link-color);
}



/* Make carousel controls dark */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(0.6) grayscale(100); /* Dark gray arrow */
  background-size: 100% 100%;
}

/* Position controls closer to text content */
.carousel-control-prev,
.carousel-control-next {
  width: 5%;
  top: 50%;
  transform: translateY(-50%);
}

/* Optional: Add hover effect for clarity */
.carousel-control-prev:hover,
.carousel-control-next:hover {
  filter: invert(0.2) grayscale(0);
}

.entry blockquote p{
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
}


.min-title-height {
  min-height: 3.5rem; /* enough for two lines */
  display: flex;
  align-items: flex-start;
}

.min-title-height h2 {
  font-size: 1.25rem; /* match your design */
  line-height: 1.3;
  margin-bottom: 0;
}

#blog-search-area .results {
  will-change: contents;
}

#blog-search-area .result-list {
  max-height: 60vh;
  overflow-y: auto;
}

/* When jumping to the form, leave room so it doesn't hug the top bar */
#realtor-program-interest {
  scroll-margin-top: 160px; /* tweak to taste */
}

@media (min-width: 992px) {
  #realtor-program-interest { scroll-margin-top: 220px; }
}

#success-stories .visit-site-label {
 color: #202942 !important;
}

/* .menu-item:hover > .menu-link */
.menu-link.button.button-circle.btn.btn-primary.btn-get-started:hover {
  background-color: #225a9e !important;
  border-color: #225a9e !important;
  color: #fff !important;
}