/* =====================================
   ABA AUSTRALIA - UPDATED WILD APRICOT CSS
   Updated with new color scheme and improved specificity
   Color Scheme:
   - Primary Blue: #5d8398 (headings, emphasis)
   - Teal: #659f9f (buttons, icons, accents)
   - Light Blue/Gray: #d6e2e9 (borders, backgrounds)
   - Cream: #fffcf7 (section backgrounds)
   - Text Gray: #444444 (body text)
===================================== */


/* =====================================
   GLOBAL TYPOGRAPHY & BODY
===================================== */

.WaGadget p,
.contentBlockContainer p {
    margin-top: 0;
    line-height: 1.5em;
}

body#idContent,
#bodyTable {
    background-color: #ffffff !important;
}

.WaGadget [class*='EditableArea'] ol,
.contentBlockContainer ol {
    margin: 1em 0 1em 24px;
    padding: 0 0 0 10px;
}

.WaGadget .h1,
.WaGadget h1,
.WaGadget .gadgetStyleNone H1,
.WaGadget .h2,
.WaGadget h2,
.WaGadget .gadgetStyleNone H2,
.WaGadget .h3,
.WaGadget h3,
.WaGadget .h4,
.WaGadget h4,
.WaGadget .h5,
.WaGadget h5,
.contentBlockContainer h1,
.contentBlockContainer h2,
.contentBlockContainer h3,
.contentBlockContainer h4,
.contentBlockContainer h5 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.WaGadget .h2,
.WaGadget h2,
.WaGadget .gadgetStyleNone H2,
.WaGadget .gadgetStyle002 H2,
.WaGadget .gadgetStyle001 H2,
.contentBlockContainer h2 {
    text-transform: uppercase;
    margin-bottom: 0.3em;
}

.WaGadget H1:not(.promo),
.WaGadget .gadgetStyleNone H1:not(.promo),
.contentBlockContainer h1:not(.promo) {
    font-size: 1.50em;
    font-weight: normal;
    color: #5d8398;
}

.WaGadget H3,
.WaGadget .gadgetStyleNone H3,
.contentBlockContainer h3 {
    font-size: 1.30em !important;
    font-weight: normal !important;
    color: #5d8398 !important;
}

.WaGadget H4:not(.gadgetTitleH4),
.WaGadget .gadgetStyleNone H4:not(.gadgetTitleH4),
.contentBlockContainer h4:not(.gadgetTitleH4) {
    font-size: 1.30em !important;
    font-weight: normal !important;
    color: #444444 !important;
}

.WaGadget H5,
.WaGadget .gadgetStyleNone H5,
.contentBlockContainer h5 {
    font-size: 1.0em !important;
    color: #659f9f !important;
}

.WaGadget .title-heading,
.contentBlockContainer .title-heading {
    border-bottom: solid 2px #659f9f;
    margin-bottom: 36px;
    padding: 0;
    line-height: 1.3em;
}

.WaGadget .fieldSubContainer {
    font-size: 1em;
}

/* =====================================
   RESPONSIVE MEDIA
===================================== */

.WaGadget .video-responsive,
.contentBlockContainer .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.WaGadget .video-responsive iframe,
.contentBlockContainer .video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.WaGadget .camera_wrap {
    position: relative;
    z-index: 0;
    float: left;
    display: none;
    width: 100%;
    background: #ffffff;
}

/* =====================================
   GENERAL BUTTONS
===================================== */

.WaGadget .functionalButton,
.WaGadget .generalFieldsContainer input.typeButton,
.WaGadget .generalFieldsContainer input[type=submit],
.WaGadget .navigationOuterContainer input.nextButton,
.WaGadget .navigationOuterContainer input.typeButton,
.WaGadget .navigationOuterContainer input[type=submit] {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #659f9f;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0 12px;
}

.WaGadget .navigationOuterContainer input.nextButton,
.WaGadget .navigationOuterContainer input.typeButton,
.WaGadget .navigationOuterContainer input[type=submit] {
    border-radius: 0 16px;
    margin: 0 10px 10px 0;
    background: #659f9f;
}

.WaGadget .functionalButton:hover,
.WaGadget .generalFieldsContainer input.typeButton:hover,
.WaGadget .generalFieldsContainer input[type=submit]:hover,
.WaGadget .navigationOuterContainer input.nextButton:hover,
.WaGadget .navigationOuterContainer input.typeButton:hover,
.WaGadget .navigationOuterContainer input[type=submit]:hover {
    background: #4d7e7e;
    color: white;
}

.WaGadget a.buttonStyle001,
.WaGadget a:link.buttonStyle001 {
    position: relative;
    display: inline-block;
    min-width: 60px;
    margin: 0;
    padding: 14px 18px;
    border-radius: 0 12px;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.22;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background: #659f9f;
}

.WaGadget a.stylizedButton.buttonStyle001:hover {
    background-color: #4d7e7e;
}

.WaGadget a.buttonStyle002,
.WaGadget a:link.buttonStyle002 {
    position: relative;
    display: inline-block;
    min-width: 60px;
    margin: 0;
    padding: 12px 16px;
    background: #ffffff;
    color: #659f9f;
    border: solid 2px #659f9f;
    border-radius: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.22;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}

.WaGadget a.stylizedButton.buttonStyle002:hover {
    background-color: #659f9f;
    color: white;
}

.WaGadget a.buttonStyle008,
.WaGadget a:link.buttonStyle008 {
    padding: 12px 16px;
    border: 2px solid white !important;
    border-radius: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px !important;
}

.WaGadget .buttonw {
    background: none;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 25px !important;
    font-weight: bold;
    line-height: 1;
    text-decoration: none !important;
    padding: 8px 20px;
    color: #fff;
}

.WaGadget .buttonb {
    background: none;
    border: 2px solid #444444;
    color: #444444;
    border-radius: 0;
    font-size: 25px !important;
    text-decoration: none !important;
    font-weight: bold;
    line-height: 1;
    padding: 8px 20px;
}

.WaGadget a.buttonw:hover,
.WaGadget a.buttonb:hover {
    color: #659f9f !important;
    border-color: #659f9f !important;
}

/* =====================================
   LOGIN / PROFILE / FORM BUTTONS
===================================== */

.WaGadgetLoginForm .loginButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    min-width: 60px;
    margin: 0;
    padding: 10px 14px;
    background: #659f9f;
    border: 0;
    border-radius: 0 12px;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.22;
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton,
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background: #659f9f;
    color: white;
    border-radius: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.WaGadgetLoginForm .loginButton:hover,
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background: #4d7e7e;
    color: white;
}

.WaGadgetLoginForm .authenticated .loginPanel a,
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout {
    color: #5d8398;
    text-decoration: none;
}

.WaGadgetLoginForm .authenticated .loginPanel a:hover,
.WaGadgetLoginForm .authenticated .loginPanel .loginBoxLogout:hover {
    color: #659f9f;
    text-decoration: none;
}

.WaGadgetUnsubscribeFromEmails form input[type=submit],
.WaGadgetTermsOfUse .login-role-actions input[type='submit'] {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #659f9f;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 10px;
    border-radius: 0 12px;
}

.WaGadgetUnsubscribeFromEmails form input[type=submit]:hover,
.WaGadgetTermsOfUse .login-role-actions input[type='submit']:hover {
    background: #4d7e7e;
    color: white;
}

/* =====================================
   EVENT / BLOG / STORE / FORUM BUTTONS
===================================== */

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton,
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton,
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton,
.forumPanelOuterContainer .forumPanelContainer input.typeButton,
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton,
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit],
.WaGadgetBlogStateAddPost .boxFooterOuterContainer input,
.WaGadgetBlogStateEditPost .boxFooterOuterContainer input,
.WaGadgetContactProfileStatePhotoGallery #idMemberPhotoAlbumContainer #idPhotoAlbumHeaderContainer .buttonsInTitleContainer input.typeButton,
.WaGadgetContactProfileStatePhotoGallery .emptyGalleryPanelInnerDiv .addAlbumButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #659f9f;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0 12px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover,
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover,
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover,
.forumPanelOuterContainer .forumPanelContainer input.typeButton:hover,
.WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover,
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:hover,
.WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover,
.WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover,
.WaGadgetContactProfileStatePhotoGallery #idMemberPhotoAlbumContainer #idPhotoAlbumHeaderContainer .buttonsInTitleContainer input.typeButton:hover,
.WaGadgetContactProfileStatePhotoGallery .emptyGalleryPanelInnerDiv .addAlbumButton:hover {
    background: #4d7e7e;
    color: white;
}

.WaGadgetContactProfileStatePhotoGallery #idMemberPhotoAlbumContainer #idPhotoAlbumHeaderContainer .buttonsInTitleContainer input.typeButton {
    margin-left: 10px;
}

.forumPanelOuterContainer .forumPanelContainer input.typeButton {
    margin: 0 20px 0 0;
}

.WaGadgetBlog .controlPanel .toggleButton {
    position: relative;
    z-index: 5;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #659f9f;
    color: white;
    vertical-align: top;
    cursor: pointer;
    border-radius: 0 12px;
}

.WaGadgetBlog .controlPanel .toggleButton:hover {
    background: #4d7e7e;
    color: white;
}

/* =====================================
   NAVIGATION - DESKTOP
===================================== */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    position: relative;
    display: block;
    height: 26px;
    padding: 10px 13px 10px;
    background: inherit;
    color: #444444;
    font: normal 18px/26px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a {
    color: #444444;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item:hover > a {
    color: #659f9f;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
    color: #444444;
    font: normal 16px/21px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    white-space: nowrap;
    text-align: left;
    text-transform: capitalize;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a {
    background: #659f9f;
    color: white;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item > a {
    color: #5d8398;
}

/* =====================================
   NAVIGATION - MOBILE
===================================== */

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #659f9f;
    color: white;
    margin-bottom: 4px;
}

.WaGadgetMobilePanel .mobilePanel .menuInner {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 40000;
    display: none;
    font: 18px/1em -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-transform: capitalize;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a {
    color: #5d8398;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: 0;
    color: #ffffff;
}

/* =====================================
   BLOG / SOCIAL / STORE / FOOTER
===================================== */

.WaGadgetRecentBlogPosts.gadgetStyleNone ul li .author a,
.WaGadgetRecentBlogPosts.gadgetStyleNone ul li .author span,
.WaGadgetForumUpdates.gadgetStyleNone ul li .author span,
.WaGadgetForumUpdates.gadgetStyleNone ul li .author a {
    color: #659f9f;
}

.WaGadgetBlog a {
    font-size: 24px !important;
}

.WaGadgetEventsStateList h3.sectionTitle,
.WaGadgetEventsStateCalendar .sectionTitle {
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #5d8398;
    font-size: 1.4em;
    line-height: 1.167;
    text-transform: uppercase;
    float: left;
    margin: 0 10px 0 0;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item,
.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list .OnlineStoreCatalog_list_item_outOfStock {
    position: relative;
    display: inline-block;
    width: 210px;
    margin: 0 10px 40px 10px;
    padding: 0;
    list-style: none outside;
    vertical-align: top;
    border-top: #659f9f solid 10px;
}

.WaGadgetOnlineStoreCatalog .OnlineStoreCatalog_list {
    position: relative;
    margin: 0;
    padding: 0;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
    background: #fffcf7;
    color: #5d8398;
}

.WaGadget .foot-links ul li {
    background: url(https://afbaa.wildapricot.org/resources/Pictures/footer-path.png) no-repeat left 5px;
    padding-bottom: 20px;
    margin-bottom: 0;
    padding-left: 40px;
}

.WaGadget .foot-links ul li a {
    color: #fff !important;
    font-size: 18px;
    line-height: 26px;
    text-decoration: none !important;
}

.zonePlace.zoneFooter2 {
    background: #444444 !important;
}

#idFooterPoweredByContainer {
    height: 25px !important;
    text-align: center !important;
    padding-bottom: 20px !important;
}

/* =====================================
   LOGIN LINK / HOVER TABLES / MISC
===================================== */

.WaGadget a#id_MoBw3nY_loginLink {
    background: #659f9f !important;
    color: #fff;
    border-radius: 0 12px;
}

.WaGadget .genericListTable tr.hover td,
.WaGadget .membersTable tr.hover td {
    color: #444444;
    background-color: #d6e2e9;
    cursor: pointer;
}

.WaGadget .wa-authenticateLoginLink .authenticateLoginText {
    padding-left: 5px;
    color: #ffffff;
    border-radius: 0 12px;
}

/* =====================================
   POSSIBLY ACTIVE CUSTOM COMPONENTS
   Review before removing
===================================== */

@media screen and (min-width: 1200px) {
    .WaGadget .two-col-left:before {
        background: url(https://afbaa.wildapricot.org/resources/Pictures/leaf-image.png) no-repeat;
        content: "";
        height: 108px;
        width: 108px;
        position: absolute;
        bottom: -30px;
        left: 500px;
        z-index: 999;
    }

    .WaGadget .two-col-right:before {
        background: url(https://afbaa.wildapricot.org/resources/Pictures/leaf-image.png) no-repeat;
        content: "";
        height: 108px;
        width: 108px;
        position: absolute;
        bottom: -30px;
        right: -30px;
        z-index: 999;
    }
}

.WaGadget .tech-slideshow {
    height: 150px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.WaGadget .mover-1 {
    height: 150px;
    width: 10000px;
    position: absolute;
    overflow-x: hidden;
    top: 0;
    left: 0;
    animation: moveSlideshow 50s linear infinite;
}

.WaGadget .mover-1 img {
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    margin: 0;
}

@keyframes moveSlideshow {
    100% {
        transform: translateX(-4400px);
    }
}

/* =====================================
   PAGE-SPECIFIC RULES TO REVIEW
   Remove if pages no longer exist
===================================== */

#PAGEID_18113 li ol {
    margin-bottom: 22px !important;
}

@media only all and (max-width: 480px) {
    #PAGEID_18113 ol li {
        font-size: 15.4px !important;
    }

    #PAGEID_18113 ol li p font {
        font-size: 15.4px !important;
    }

    #PAGEID_18155 table.contStyleExcSimpleTable td a:link.buttonStyle008 {
        font-size: 17px !important;
    }
}

@media only all and (max-width: 620px) {
    #PAGEID_18155 table.contStyleExcSimpleTable td {
        float: left;
        width: 98%;
    }

    #PAGEID_18155 table.contStyleExcSimpleTable td a:link.buttonStyle008 {
        padding: 12px 0;
        width: 100%;
    }

    #PAGEID_18155 table.contStyleExcSimpleTable,
    #PAGEID_18155 table.contStyleExcSimpleTable tbody,
    #PAGEID_18155 table.contStyleExcSimpleTable tbody tr {
        display: block;
    }
}

/* ============================================
   ABA AUSTRALIA - MEMBER DIRECTORY STYLING
   Paste this into Wild Apricot Custom CSS
   ============================================ */

/* HERO SECTION - Add above the member directory widget */
.WaGadget .memberDirectoryContainer::before {
    content: "Find Your Specialist";
    display: block;
    background: linear-gradient(to right, #5d8398, #659f9f);
    color: white;
    padding: 60px 20px;
    border-radius: 16px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
}

/* CONTAINER STYLING */
.WaGadget .memberDirectoryContainer {
    background: linear-gradient(to bottom right, #fffcf7, #ffffff, #d6e2e9);
    padding: 40px 20px;
    border-radius: 16px;
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* SEARCH FORM STYLING */
.WaGadget .memberDirectorySearchForm,
.WaGadget .advancedSearch {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    margin-bottom: 32px;
}

/* FORM FIELD LAYOUT */
.WaGadget .memberDirectorySearchForm table,
.WaGadget .advancedSearch table {
    width: 100%;
    border: none !important;
}

.WaGadget .memberDirectorySearchForm tr,
.WaGadget .advancedSearch tr {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 16px;
    margin-bottom: 16px;
    align-items: center;
}

.WaGadget .memberDirectorySearchForm td,
.WaGadget .advancedSearch td {
    border: none !important;
    padding: 0 !important;
}

/* LABELS */
.WaGadget .memberDirectorySearchForm td:first-child,
.WaGadget .advancedSearch td:first-child {
    font-weight: 600;
    color: #444444;
    font-size: 0.875rem;
    text-align: right;
    padding-right: 16px !important;
}

/* INPUT FIELDS & DROPDOWNS */
.WaGadget .memberDirectorySearchForm input[type="text"],
.WaGadget .memberDirectorySearchForm select,
.WaGadget .advancedSearch input[type="text"],
.WaGadget .advancedSearch select {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid #d6e2e9;
    border-radius: 8px;
    outline: none;
    font-size: 1rem;
    background: white;
    transition: border-color 0.3s;
}

.WaGadget .memberDirectorySearchForm input[type="text"]:focus,
.WaGadget .memberDirectorySearchForm select:focus,
.WaGadget .advancedSearch input[type="text"]:focus,
.WaGadget .advancedSearch select:focus {
    border-color: #659f9f;
    box-shadow: 0 0 0 3px rgba(101, 159, 159, 0.1);
}

/* SEARCH BUTTON */
.WaGadget .memberDirectorySearchForm input[type="submit"],
.WaGadget .advancedSearch input[type="submit"],
.WaGadget .memberDirectorySearchForm button,
.WaGadget .advancedSearch button {
    background: #659f9f !important;
    color: white !important;
    border: none !important;
    padding: 12px 32px !important;
    border-radius: 8px !important;
    cursor: pointer;
    font-weight: 600 !important;
    font-size: 1rem !important;
    transition: background 0.3s;
    margin-top: 16px;
}

.WaGadget .memberDirectorySearchForm input[type="submit"]:hover,
.WaGadget .advancedSearch input[type="submit"]:hover,
.WaGadget .memberDirectorySearchForm button:hover,
.WaGadget .advancedSearch button:hover {
    background: #4d7e7e !important;
}

/* "GO TO SIMPLE SEARCH" LINK */
.WaGadget .memberDirectorySearchForm a,
.WaGadget .advancedSearch a {
    color: #5d8398;
    text-decoration: none;
    font-weight: 600;
    margin-left: 16px;
}

.WaGadget .memberDirectorySearchForm a:hover,
.WaGadget .advancedSearch a:hover {
    text-decoration: underline;
}

/* ============================================
   RESULTS SECTION - CARD GRID LAYOUT
   ============================================ */

/* RESULTS CONTAINER */
.WaGadget .searchResults,
.WaGadget .memberDirectoryResults {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

/* INDIVIDUAL MEMBER CARDS */
.WaGadget .searchResult,
.WaGadget .memberDirectoryItem,
.WaGadget .contactDetails {
    background: white !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    padding: 24px !important;
    transition: all 0.3s;
    cursor: pointer;
    border: 1px solid #d6e2e9 !important;
    display: block !important;
}

.WaGadget .searchResult:hover,
.WaGadget .memberDirectoryItem:hover,
.WaGadget .contactDetails:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
    border-color: #659f9f !important;
    transform: translateY(-2px);
}

/* MEMBER NAME */
.WaGadget .searchResult .name,
.WaGadget .memberDirectoryItem .name,
.WaGadget .contactDetails .name,
.WaGadget .searchResult h3,
.WaGadget .memberDirectoryItem h3,
.WaGadget .contactDetails h3 {
    font-size: 1.25rem !important;
    font-weight: bold !important;
    color: #444444 !important;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
}

/* JOB TITLE */
.WaGadget .searchResult .jobTitle,
.WaGadget .memberDirectoryItem .jobTitle,
.WaGadget .contactDetails .jobTitle {
    color: #5d8398 !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    margin-bottom: 12px !important;
    display: block;
}

/* FIELD LABELS */
.WaGadget .searchResult .fieldLabel,
.WaGadget .memberDirectoryItem .fieldLabel,
.WaGadget .contactDetails .fieldLabel {
    font-weight: 600 !important;
    color: #444444 !important;
    font-size: 0.75rem !important;
    margin-bottom: 4px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* FIELD VALUES */
.WaGadget .searchResult .fieldValue,
.WaGadget .memberDirectoryItem .fieldValue,
.WaGadget .contactDetails .fieldValue {
    color: #6b7280 !important;
    font-size: 0.875rem !important;
    margin-bottom: 12px !important;
    display: block;
}

/* STATE/TERRITORY */
.WaGadget .searchResult .state,
.WaGadget .memberDirectoryItem .state,
.WaGadget .contactDetails .state {
    color: #6b7280 !important;
    font-size: 0.875rem !important;
    margin-bottom: 12px !important;
}

.WaGadget .searchResult .state::before,
.WaGadget .memberDirectoryItem .state::before,
.WaGadget .contactDetails .state::before {
    content: "📍 ";
}

/* BADGES (for certifications, membership type, etc.) */
.WaGadget .searchResult .badge,
.WaGadget .memberDirectoryItem .badge,
.WaGadget .contactDetails .badge,
.WaGadget .searchResult .certification,
.WaGadget .memberDirectoryItem .certification,
.WaGadget .contactDetails .certification {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    background: #d6e2e9 !important;
    color: #5d8398 !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}

/* BACB CERTIFICATION BADGE */
.WaGadget .searchResult .bacbCert,
.WaGadget .memberDirectoryItem .bacbCert,
.WaGadget .contactDetails .bacbCert {
    background: #d6e2e9 !important;
    color: #5d8398 !important;
}

.WaGadget .searchResult .bacbCert::before,
.WaGadget .memberDirectoryItem .bacbCert::before,
.WaGadget .contactDetails .bacbCert::before {
    content: "🏆 ";
}

/* MEMBERSHIP TYPE */
.WaGadget .searchResult .membership,
.WaGadget .memberDirectoryItem .membership,
.WaGadget .contactDetails .membership {
    background: #fffcf7 !important;
    color: #444444 !important;
}

/* NDIS REGISTRATION */
.WaGadget .searchResult .ndis,
.WaGadget .memberDirectoryItem .ndis,
.WaGadget .contactDetails .ndis {
    background: #d1fae5 !important;
    color: #065f46 !important;
}

.WaGadget .searchResult .ndis::before,
.WaGadget .memberDirectoryItem .ndis::before,
.WaGadget .contactDetails .ndis::before {
    content: "✓ ";
}

/* SUPERVISION */
.WaGadget .searchResult .supervision,
.WaGadget .memberDirectoryItem .supervision,
.WaGadget .contactDetails .supervision {
    background: #e9d5ff !important;
    color: #6b21a8 !important;
}

.WaGadget .searchResult .supervision::before,
.WaGadget .memberDirectoryItem .supervision::before,
.WaGadget .contactDetails .supervision::before {
    content: "👥 ";
}

/* REFERRALS */
.WaGadget .searchResult .referrals,
.WaGadget .memberDirectoryItem .referrals,
.WaGadget .contactDetails .referrals {
    background: #d6e2e9 !important;
    color: #5d8398 !important;
}

.WaGadget .searchResult .referrals::before,
.WaGadget .memberDirectoryItem .referrals::before,
.WaGadget .contactDetails .referrals::before {
    content: "✓ ";
}

/* EXPERTISE TAGS */
.WaGadget .searchResult .expertise,
.WaGadget .memberDirectoryItem .expertise,
.WaGadget .contactDetails .expertise {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #d6e2e9 !important;
}

.WaGadget .searchResult .expertise .tag,
.WaGadget .memberDirectoryItem .expertise .tag,
.WaGadget .contactDetails .expertise .tag {
    display: inline-block;
    background: #fffcf7 !important;
    color: #444444 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    margin-right: 4px !important;
    margin-bottom: 4px !important;
}

/* QUALIFICATION TEXT */
.WaGadget .searchResult .qualification,
.WaGadget .memberDirectoryItem .qualification,
.WaGadget .contactDetails .qualification {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    margin-bottom: 8px !important;
    font-style: italic;
}

/* REMOVE TABLE LAYOUT FROM RESULTS */
.WaGadget .searchResults table,
.WaGadget .memberDirectoryResults table {
    display: block !important;
}

.WaGadget .searchResults tr,
.WaGadget .memberDirectoryResults tr {
    display: grid !important;
    grid-template-columns: 1fr !important;
}

.WaGadget .searchResults td,
.WaGadget .memberDirectoryResults td {
    display: block !important;
    border: none !important;
}

/* RESULTS COUNT */
.WaGadget .resultsCount,
.WaGadget .searchResultsCount {
    color: #444444;
    font-size: 1rem;
    margin: 24px 0;
    text-align: center;
}

.WaGadget .resultsCount strong,
.WaGadget .searchResultsCount strong {
    color: #5d8398;
    font-size: 1.25rem;
}

/* NO RESULTS MESSAGE */
.WaGadget .noResults,
.WaGadget .noSearchResults {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
}

.WaGadget .noResults::before,
.WaGadget .noSearchResults::before {
    content: "🔍";
    display: block;
    font-size: 4rem;
    margin-bottom: 16px;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .WaGadget .memberDirectoryContainer::before {
        font-size: 2rem;
        padding: 40px 20px;
    }

    .WaGadget .memberDirectorySearchForm tr,
    .WaGadget .advancedSearch tr {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .WaGadget .memberDirectorySearchForm td:first-child,
    .WaGadget .advancedSearch td:first-child {
        text-align: left;
        padding-right: 0 !important;
    }

    .WaGadget .searchResults,
    .WaGadget .memberDirectoryResults {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   WILD APRICOT SPECIFIC OVERRIDES
   ============================================ */

/* Remove Wild Apricot default borders */
.WaGadget table,
.WaGadget tr,
.WaGadget td {
    border: none !important;
}

/* Override Wild Apricot's default padding */
.WaGadget .memberDirectorySearchForm td,
.WaGadget .advancedSearch td {
    padding: 0 !important;
}

/* Fix Wild Apricot's default button styling */
.WaGadget input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Ensure proper spacing in Wild Apricot context */
.WaGadget .memberDirectoryContainer {
    max-width: 1200px;
    margin: 0 auto;
}

/* ============================================
   SEARCH BAR - INLINE BUTTON STYLE WITH FAKE BUTTON
   Creates visual teal button inside search field
   ============================================ */

/* Container */
#id_G1iqUXI,
#id_G1iqUXI .searchBoxOuter,
#id_G1iqUXI .searchBox {
    position: relative !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 20px auto !important;
    display: block !important;
}

/* Search input field */
#id_G1iqUXI .searchBoxField,
#id_G1iqUXI input.searchBoxField,
#id_G1iqUXI input[type="text"],
#id_G1iqUXI input[type="search"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 140px 16px 24px !important;
    margin: 0 !important;
    border: 2px solid #d6e2e9 !important;
    border-radius: 12px !important;
    background: white !important;
    background-color: white !important;
    background-image: none !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #444444 !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
}

/* Input focus state */
#id_G1iqUXI .searchBoxField:focus,
#id_G1iqUXI input[type="text"]:focus,
#id_G1iqUXI input[type="search"]:focus {
    border-color: #659f9f !important;
    box-shadow: 0 4px 16px rgba(101, 159, 159, 0.15) !important;
    background-image: none !important;
}

/* REMOVE MAGNIFYING GLASS ICON */
/* Hide background image icon */
#id_G1iqUXI .searchBoxField::before,
#id_G1iqUXI .searchBoxField::after,
#id_G1iqUXI input::before,
#id_G1iqUXI input::after {
    display: none !important;
    content: none !important;
}

/* Hide any icon elements */
#id_G1iqUXI .searchBoxIcon,
#id_G1iqUXI .searchIcon,
#id_G1iqUXI i[class*="fa-search"],
#id_G1iqUXI i[class*="search"],
#id_G1iqUXI span[class*="icon"] {
    display: none !important;
    visibility: hidden !important;
}

/* Remove any background images on the search box container */
#id_G1iqUXI .searchBox::before {
    display: none !important;
    content: none !important;
}

/* CREATE FAKE TEAL BUTTON using CSS ::after */
#id_G1iqUXI .searchBox::after {
    content: "Search" !important;
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 12px 28px !important;
    background: #659f9f !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 5 !important;
    pointer-events: none !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* Optional: Make the fake button interactive looking on hover */
#id_G1iqUXI .searchBox:hover::after {
    background: #4d7e7e !important;
}

/* Hide any real submit button if it exists */
#id_G1iqUXI input[type="submit"],
#id_G1iqUXI button[type="submit"],
#id_G1iqUXI .searchBoxButton {
    display: none !important;
}

/* Placeholder styling */
#id_G1iqUXI input::placeholder {
    color: #9ca3af !important;
    font-style: italic !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    #id_G1iqUXI,
    #id_G1iqUXI .searchBoxOuter,
    #id_G1iqUXI .searchBox {
        max-width: 100% !important;
        margin: 20px 16px !important;
    }
    
    #id_G1iqUXI .searchBoxField,
    #id_G1iqUXI input[type="text"] {
        padding: 14px 120px 14px 20px !important;
        font-size: 14px !important;
    }
    
    #id_G1iqUXI .searchBox::after {
        padding: 10px 20px !important;
        font-size: 13px !important;
        right: 4px !important;
    }
    
/* FORCE REMOVE MAGNIFYING GLASS ICON - Higher specificity */
.WaGadgetSiteSearch#id_G1iqUXI .searchBoxField,
#id_G1iqUXI.WaGadgetSiteSearch .searchBoxField,
.WaGadgetSiteSearch #id_G1iqUXI input.searchBoxField {
    background-image: none !important;
    background: white !important;
    padding-left: 24px !important;
}

/* Also target the parent container */
#id_G1iqUXI.WaGadgetSiteSearch .searchBox,
.WaGadgetSiteSearch#id_G1iqUXI .searchBox {
    background-image: none !important;
}

/* Remove any background on the outer container */
#id_G1iqUXI.WaGadgetSiteSearch,
.WaGadgetSiteSearch#id_G1iqUXI {
    background-image: none !important;
}
}