/* 
 Theme Name:   Child - Hello Elementor
 Theme URI:    
 Description:  
 Author:       Michael Sokiveta
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
.aba-locations {
  text-align: center !important;
}

.aba-locations__title {
  margin-bottom: 0.5em;
  font-size: 40px;
  font-weight: 500;
}

.aba-locations__desc {
  max-width: 700px;
  margin: 0 auto;
  line-height: 32px;
  font-size: 18px;
}

/* State filter row */
.aba-locations__state-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  margin: .75rem 0 .25rem;
}
.aba-locations__state-filter .aba-state-link {
  display: inline-block;
  padding: .4rem .75rem;
  border: 1px solid #ddd;
  border-radius: 9999px;
  text-decoration: none;
  line-height: 1;
  font-size: .95rem;
}
.aba-locations__state-filter .aba-state-link.is-active {
  border-color: #333;
  background: #f3f3f3;
}

/* Search + list */
.aba-locations__search {
  margin: .75rem 0 .5rem;
  text-align: center;
}
.aba-locations__search input[type="search"] {
  width: 100%;
  max-width: 28rem;
  padding: .55rem .75rem;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.aba-locations__results-note {
  margin: .25rem 0 .5rem;
  font-size: .9rem;
  opacity: .8;
  text-align: center;
}
.aba-locations__list {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
.aba-locations__item + .aba-locations__item { margin-top: 0; }
.aba-locations__name { margin: 0 0 .25rem; font-size: 18px; text-align: left; }
.aba-locations__address { margin: 0; text-align: left; }
.aba-locations__address p { margin: 0; }
.aba-locations__no-results {
  margin-top: .5rem;
  text-align: center;
}

/* Layout: two columns (25/75 split) */
.aba-locations__grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 3fr; /* 25/75-ish */
  grid-template-areas: "list map";
  gap: 1.25rem;
  align-items: start;
  margin-top: 0.75rem;
}

.aba-locations__col--list { grid-area: list; }
.aba-locations__col--map  { grid-area: map; }

@media (max-width: 900px) {
  .aba-locations__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "map"
      "list"; /* put the right column (map) on top */
  }
}

/* Desktop: cap left column height and make the list scrollable */
@media (min-width: 901px) {
  .aba-locations__col--list {
    height: 480px;              /* fixed column height */
    display: flex;
    flex-direction: column;
    overflow: hidden;           /* contain the scrolling child */
  }
  .aba-locations__list {
    flex: 1 1 auto;             /* fill the column */
    overflow: auto;             /* scroll just the list */
    padding-right: .25rem;      /* room for scrollbar */
    overscroll-behavior: contain;
  }
}

/* List item hover */
.aba-locations__item {
  background: #fff;
  padding: .75rem .9rem;
  border-radius: 8px;
  transition: background-color .15s ease, box-shadow .15s ease;
  cursor: pointer; /* helpful since the item is clickable */
}

.aba-locations__item:hover {
  background: #e2f8fe;
}

/* Optional: keyboard-friendly highlight when focusing links inside */
.aba-locations__item:focus-within {
  background: #e2f8fe;
  box-shadow: 0 0 0 2px #b8ecfa inset;
}


/* Map */
.aba-locations__map {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 8px;
}


.posts-cat-filter {
  display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin:0 0 .5rem;
}
.posts-cat-filter .filter-link {
  display:inline-block; padding:.4rem .75rem; border:1px solid #ddd;
  border-radius:9999px; text-decoration:none; line-height:1; font-size:.95rem;
}
.posts-cat-filter .filter-link.is-active {
  background:#f3f3f3; border-color:#333;
}

.elementor-widget-text-editor img {
	margin: 50px !important;
}
@media (max-width: 900px) {
	.elementor-widget-text-editor img {
		margin: 20px !important;
	}
}