/* Homepage "How Can We Help?" search band ([genesis_search_bar],
   inc/genesis-search.php; design SearchBar-Home.pdf). The search box and
   results window are the shared component (genesis-search.css); this file
   only lays out the band and the pill variant (.gm-search--band). */

.gm-search-band {
    position: relative;
    z-index: 5; /* the results window overlaps the hero below */
    background: #EFF5FF;
    padding: 56px 0;
}
.gm-search-band__inner {
    /* same content box as the header (.gm-hdr__inner), so the band lines
       up with the page margins */
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: minmax(0, 416px) minmax(0, 1fr);
    align-items: center;
}
.gm-search-band__intro { padding-right: 40px; }
/* img-prefixed: Elementor's .elementor img { height: auto } outranks a
   bare class */
.gm-search-band img.gm-search-band__logo {
    display: block;
    height: 72px;
    width: auto;
    margin: 0 0 18px;
}
/* .gm-search-band-prefixed: the Elementor kit h2 rule loads later */
.gm-search-band h2.gm-search-band__title {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #284D9A;
}
.gm-search-band p.gm-search-band__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #334155;
}
.gm-search-band__find {
    border-left: 1px solid #D5DEEC;
    padding: 18px 0 18px 40px;
}
.gm-search-band__eyebrow {
    display: block;
    margin: 0 0 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #284D9A;
}
.gm-search-band p.gm-search-band__hint {
    margin: 14px 0 0;
    font-size: 13px;
    color: #64748B;
}

/* ---------- pill variant of the shared search box ---------- */
.gm-search--band .gm-search__box {
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    padding: 9px 9px 9px 24px;
    gap: 14px;
    box-shadow: 0 10px 30px rgba(40, 77, 154, .10);
}
.gm-search--band.gm-search--open .gm-search__box,
.gm-search--band .gm-search__box:focus-within {
    border-color: #284D9A;
    box-shadow: 0 10px 30px rgba(40, 77, 154, .14), 0 0 0 4px rgba(40, 77, 154, .09);
}
.gm-search--band { --gm-search-ic: 22px; }
.gm-search--band .gm-search__input { font-size: 16.5px; }
.gm-search--band .gm-search__input::placeholder { color: #64748B; }
/* Search button: the shared .genesis-btn pill, sized to the design.
   Prefixed for specificity over the theme/kit button resets. */
.gm-search--band .gm-search__box .gm-search__go {
    flex: 0 0 auto;
    justify-content: center;
    min-width: 136px;
    padding: 17px 28px;
    border: 0;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 991px) {
    .gm-search-band { padding: 40px 0; }
    .gm-search-band__inner { grid-template-columns: 1fr; row-gap: 26px; }
    .gm-search-band__intro { padding-right: 0; text-align: center; }
    .gm-search-band img.gm-search-band__logo { margin: 0 auto 14px; height: 60px; }
    .gm-search-band__find { border-left: 0; padding: 0; }
}
@media (max-width: 767px) {
    .gm-search-band__inner { padding: 0 14px; } /* header gutter at this width */
}
@media (max-width: 575px) {
    .gm-search-band h2.gm-search-band__title { font-size: 26px; }
    .gm-search--band .gm-search__box { padding: 6px 6px 6px 16px; gap: 10px; }
    .gm-search--band .gm-search__box .gm-search__go { min-width: 0; padding: 13px 18px; font-size: 15px; }
}