/* MSA Connect club search. Bootstrap 5.3.8 CSS must be loaded by the host page. */
#msa-connect-club-widget #msa-open-club-search{background:#15563e;border-color:#15563e;box-shadow:0 5px 16px #123d352e}
#msa-connect-club-widget #msa-open-club-search:hover,#msa-connect-club-widget #msa-open-club-search:focus-visible{background:#0c3c2b;border-color:#0c3c2b}
#msa-connect-club-widget #msa-open-club-search:focus-visible,#msa-connect-club-widget #msa-close-club-search:focus-visible{outline:3px solid #91d4a7;outline-offset:3px}
#msa-connect-club-widget .msa-club-modal[hidden]{display:none!important}
#msa-connect-club-widget .msa-club-modal{position:fixed;inset:0;z-index:2147483000;background:#081c19b8;padding:clamp(.5rem,2vw,1.25rem);display:flex;align-items:center;justify-content:center}
#msa-connect-club-widget .msa-club-modal-panel{width:min(100%,1200px);height:min(92vh,900px);background:#f5f8f6;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #0005}
#msa-connect-club-widget .msa-club-modal-bar{min-height:52px;display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 16px;background:#123d35;color:white}
#msa-connect-club-widget .msa-search{max-width:1140px;width:100%;min-height:0;overflow:auto;color:#18302e}
#msa-connect-club-widget .search-hero{background:linear-gradient(130deg,#0c302b,#20624d);color:#fff;border-radius:1.5rem;padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 18px 45px #153e3225}
#msa-connect-club-widget .eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700;color:#aad9bc}
#msa-connect-club-widget .search-box{background:#fff;border-radius:1rem;padding:.4rem;display:flex;align-items:center;gap:.4rem;box-shadow:0 10px 30px #001e1928}
#msa-connect-club-widget .search-box input{border:0;outline:0;min-width:0;padding:.7rem .8rem;flex:1}
#msa-connect-club-widget .search-box:focus-within{outline:3px solid #a4dfbd}
#msa-connect-club-widget .search-icon{padding-left:.8rem;color:#4c7865}
#msa-connect-club-widget .clear-btn{border:0;background:transparent;color:#315b4d;padding:.5rem}
#msa-connect-club-widget .quick-chip{border:1px solid #b7d8c6;background:#ffffff15;color:#fff;border-radius:100px;padding:.38rem .85rem}
#msa-connect-club-widget .quick-chip:hover,#msa-connect-club-widget .quick-chip:focus{background:#fff;color:#123d35}
#msa-connect-club-widget .club-card{background:#fff;border:1px solid #e0eae4;border-radius:1rem;padding:1.25rem;height:100%;box-shadow:0 3px 14px #1242350b}
#msa-connect-club-widget .town-label{font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#357653}
#msa-connect-club-widget .club-card h3{font-size:1.2rem;margin:.4rem 0 .55rem}
#msa-connect-club-widget .detail{color:#53665e;font-size:.9rem;overflow-wrap:anywhere}
#msa-connect-club-widget .btn-club{border-color:#24684d;color:#15563e}
#msa-connect-club-widget .btn-club:hover{background:#15563e;color:#fff}
#msa-connect-club-widget .small-note{font-size:.86rem;color:#53665e}
@media(max-width:600px){#msa-connect-club-widget .msa-club-modal{padding:0}#msa-connect-club-widget .msa-club-modal-panel{width:100%;height:100dvh;border-radius:0}}