#id_Header1 {
    background-color: #17324D;
}


/* Collapse the WildApricot search input container by default */
.WaGadgetSiteSearch .idSearchInputContainer {
    width: 0px !important;
    overflow: hidden;
    transition: width 0.4s ease-in-out;
    display: inline-block;
    vertical-align: middle;
}

/* Force the magnifying glass button to stay visible */
.WaGadgetSiteSearch .idSearchButtonContainer {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

/* Expand the search bar when hovering or focusing on the search gadget area */
.WaGadgetSiteSearch:hover .idSearchInputContainer,
.WaGadgetSiteSearch:focus-within .idSearchInputContainer {
    width: 200px !important; /* Adjust this width to match your layout design */
    padding-left: 5px;
}