/* =====================================
   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: #659f9f !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;
}


/* ============================================
   GLOBAL FIX: Prevent header overlap on ALL pages
   ============================================ */


/* Push all page content below fixed/sticky header */
body,
.WaLayoutContainer,
.WaContentContainer,
.WaPageBody {
    padding-top: 60px !important;
}


/* Ensure header stays above content visually */
header,
.WaGadgetMenu,
.WaGadgetNavigationBar {
    position: relative;
    z-index: 9999;
}






/* ============================================
   ABA AUSTRALIA - CONTENT WIDTH NAVIGATION BAR
   ============================================ */


/* Match navigation bar to website content width */
.WaGadgetMenuHorizontal {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;


    border-top: 2px solid #efefef !important;
    border-bottom: 2px solid #efefef !important;


    background-color: #ffffff !important;
}


/* Keep navigation links centred */
.WaGadgetMenuHorizontal .menuInner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}


/* Preserve menu layout */
.WaGadgetMenuHorizontal ul.firstLevel {
    box-sizing: border-box !important;
}


/* Mobile responsiveness */
@media (max-width: 768px) {
    .WaGadgetMenuHorizontal {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        left: auto !important;
    }
}


/* Centre main navigation options across the menu bar */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}


/* Keep main menu items evenly spaced */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
    float: none !important;
}


/* Keep dropdown options left-aligned */
.WaGadgetMenuHorizontal .menuInner ul ul,
.WaGadgetMenuHorizontal .menuInner ul ul li,
.WaGadgetMenuHorizontal .menuInner ul ul li a {
    text-align: left !important;
}


/* ============================================
   ABA AUSTRALIA - FULL WIDTH PAGE CONTENT
   ============================================ */


/* Expand main page containers */
.WaLayoutContainer,
.WaContentContainer,
.WaPageBody,
.WaPlaceHolder,
.WaPlaceHolderContent {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* Allow content sections to use the available width */
.WaContentContainer .container,
.WaPageBody .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* Maintain consistent spacing at page edges */
.WaContentContainer,
.WaPageBody {
    padding-left: 30px !important;
    padding-right: 30px !important;
}


/* Mobile spacing */
@media (max-width: 768px) {
    .WaContentContainer,
    .WaPageBody {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/* Reduce main navigation menu font size */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    font-size: 15px !important;
}


/* ============================================
   ABA AUSTRALIA - NAVIGATION MENU FORMATTING
   ============================================ */


/* ============================================
   REMOVE MAIN MENU DROPDOWN TRIANGLES
   ============================================ */


.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a > span:after {
    display: none !important;
    content: none !important;
    border: none !important;
}


/* ============================================
   MATCH DROPDOWN FONT SIZE TO MAIN MENU
   ============================================ */


/* Main navigation */
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a {
    font-size: 15px !important;
}


/* Dropdown navigation */
.WaGadgetMenuHorizontal ul.secondLevel > li > .item > a,
.WaGadgetMenuHorizontal ul.secondLevel > li > .item > a > span {
    font-size: 15px !important;
}


/* Match dropdown font size to main navigation */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul ul > li > .item > a {
    font-size: 15px !important;
}


/* Increase spacing between main navigation sections */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    padding-left: 16px !important;
    padding-right: 16px !important;
}


/* Fit navigation borders to the menu items */
.WaGadgetMenuHorizontal {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-top: 2px solid #efefef !important;
    border-bottom: 2px solid #efefef !important;
}


/* Keep menu items in one horizontal row */
.WaGadgetMenuHorizontal ul.firstLevel {
    display: flex !important;
    justify-content: center !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Remove borders above and below navigation menu */
.WaGadgetMenuHorizontal {
    border-top: none !important;
    border-bottom: none !important;
}


.WaGadgetMenuHorizontal .menuInner {
    border-top: none !important;
    border-bottom: none !important;
}


/* Increase main navigation font size */
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a > span {
    font-size: 17px !important;
}


/* Keep dropdown font size unchanged */
.WaGadgetMenuHorizontal ul.secondLevel > li > .item > a,
.WaGadgetMenuHorizontal ul.secondLevel > li > .item > a > span {
    font-size: 15px !important;
}


/* ============================================
   ABA AUSTRALIA - GLOBAL WEBSITE TYPOGRAPHY
   ============================================ */


/* Load Lato font */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800;900&display=swap');


/* Main website font */
body,
.WaLayoutContainer,
.WaContentContainer,
.WaPageBody,
.WaGadget,
.WaGadget p,
.WaGadget li,
.WaGadget td,
.WaGadget th,
.WaGadget label,
.WaGadget input,
.WaGadget select,
.WaGadget textarea,
.WaGadget button {
    font-family: 'Lato', sans-serif !important;
}


/* Headings */
h1, h2, h3, h4, h5, h6,
.WaContentContainer h1,
.WaContentContainer h2,
.WaContentContainer h3,
.WaGadget h1,
.WaGadget h2,
.WaGadget h3 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 800 !important;
}


/* Main navigation */
.WaGadgetMenuHorizontal {
    font-family: 'Lato', sans-serif !important;
}


/* ============================================
   ABA AUSTRALIA - HEADER SEARCH & MEMBER ICON
   ============================================ */


:root {
    --aba-icon-blue: #3D6579;
    --aba-icon-light: #EAF1F4;
}


/* ============================================
   ABA AUSTRALIA - MINIMAL SEARCH BAR
   ============================================ */


/* Remove excessive shadows and outlines */
.WaGadgetSiteSearch * {
    box-shadow: none;
}


/* Member login icon - remove bright background */
.WaGadgetLoginForm .loginLink,
.WaGadgetLoginForm .loginLink a {
    background: transparent !important;
    color: var(--aba-icon-blue) !important;
    border: none !important;
    box-shadow: none !important;
}


/* Member icon */
.WaGadgetLoginForm svg,
.WaGadgetLoginForm .icon {
    color: var(--aba-icon-blue) !important;
    fill: var(--aba-icon-blue) !important;
}


/* Subtle hover effects */
.WaGadgetSiteSearch .searchBox button:hover,
.WaGadgetSiteSearch .searchBox .button:hover {
    background: #2F5265 !important;
}


.WaGadgetLoginForm .loginLink:hover {
    opacity: 0.75;
}


/* ABA AUSTRALIA - SEARCH FIELD */
input.searchBoxField {
    width: 100% !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #3D6579 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #3D6579 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}


/* Search field when selected */
input.searchBoxField:focus {
    border-color: #3D6579 !important;
    box-shadow: 0 0 0 2px rgba(61,101,121,0.10) !important;
}

/* Add spacing between the mobile header and page content */
@media screen and (max-width: 768px) {
    #id_Header1 {
        padding-top: 55px !important;
    }
}

/* Change active mobile menu item to site teal */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a > span {
    color: #659f9f !important;
}



/* ============================================
   ABA AUSTRALIA - SWITCH TO MOBILE HEADER
   At narrower desktop and split-screen widths
   ============================================ */

@media screen and (max-width: 1600px) {

    /* Hide the complete desktop header layout */
    #id_iIPIcEY {
        display: none !important;
    }

    /* Display the mobile header panel */
    .WaGadgetMobilePanel {
        display: block !important;
        width: 100% !important;
    }

}


/* ============================================
   ABA AUSTRALIA - MOBILE LOGO AND SEARCH
   ============================================ */

@media screen and (max-width: 768px) {

    /* Restore the header layout */
    #id_iIPIcEY {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 15px 15px 20px !important;
        box-sizing: border-box !important;
    }

    /* Hide desktop navigation */
    #id_svVLY2a {
        display: none !important;
    }

    /* Hide duplicate desktop member icon */
    #id_MoBw3nY {
        display: none !important;
    }

    /* Display association logo */
    #id_ySJhfMZ {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #id_ySJhfMZ img {
        max-width: 190px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* Display mobile search bar */
    #id_3ZXJ3NL {
        display: block !important;
        width: 100% !important;
        max-width: 400px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #id_3ZXJ3NL input.searchBoxField {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

}