/**** Custom Responsive Styles ****/

@media (min-width: 2500px) {


    .call-to-action {
        max-width: 1800px;
    }

    #landing-cards {
        max-width: 2100px;
    }
}

@media (min-width: 1850px) and (max-width: 2499px) {

    .call-to-action {
        max-width: 1450px;
    }

    #landing-cards {
        max-width: 1800px;
    }
}


@media (min-width: 1600px) and (max-width: 1849px) {
    .call-to-action {
        max-width: 1200px;
    }

    #landing-cards {
        max-width: 1200px;
    }
}

@media (max-width: 1800px) {
    /*.hero-gradient > div {*/
    /*    background: linear-gradient(90deg, #ffffff52, #f0edea5c);*/
    /*}*/
    .map_page-buttons {
        /*top: 17%;*/
        /*left: 8%;*/
    }

    .map_page-buttons .home-page-buttons a {
        /*font-size: 0.95rem;*/
        height: 40px;
        /*padding: unset;*/
        /*width: 260px;*/
    }

    .map-btn {
        width: 23%;
    }

    .map-btn .custom-filter-input {
        font-size: 1rem;
    }

    .map_page-buttons .home-page-buttons > div {
        margin: 0.2rem 0;
    }
}

@media (max-width: 1400px) {
    /*.hero-gradient > div {*/
    /*    background: linear-gradient(90deg, #ffffff52, #f0edea5c);*/
    /*}*/


}
@media (max-width: 1200px) {
    .home-div .home-page-buttons {
        width: 90%;
    }
    .org-programs-info.three-cols div.program-div {
        width: 330px;
    }
    .org-programs-info.three-cols div.program-div:last-child {
        width: 670px;
        margin-left: 0;
    }
    .org-programs-info.two-cols div.program-div {
        width: 325px;
    }
    #program-icons .cards > div.card-icon {
        min-width: 218px;
    }
    #program-icons .cards > div.card-icon.two-cards {
        margin: unset;
         min-width: 315px;
     }

}
@media (max-height: 1190px) {
    .page-buttons a {
        padding: 1.25rem 0.5rem 1.35rem;
    }
}
@media (max-height: 1024px) {
    /*.home-div > div {*/
    /*    padding: 2rem 0 0;*/
    /*}*/
    .map_page-buttons {
        top: 5%;
        left: 3vw;
    }
}


@media (max-height: 875px) {
    .map_page-buttons {
        /*top: 8vh;*/
        left: 8vw;
    }
    .map_page-buttons .home-page-buttons > div {
        margin: 0.15rem 0;
    }
}

@media (max-width: 1450px) {
    .map_page-buttons {
    }
    .map-btn {
        width: 32%;
    }
}

@media (max-width: 1350px) {

    /*.extra-content {*/
    /*    width: 50%;*/
    /*}*/


    /*.landing-card:hover .extra-content {*/
    /*    left: -25%;*/
    /*}*/

    /*.landing-card:hover > div:not(.extra-content) {*/
    /*    left: 25%;*/
    /*}*/
    /*.landing-card:hover > div:not(.extra-content) .card-content span {*/
    /*    !* position: relative; *!*/
    /*    left: -25%;*/
    /*}*/


}

@media (max-width: 1150px) {
    .map-btn {
        width: 44%;
    }
}

@media (max-width: 992px) {
    .org-programs-info .program-div {
        margin-left: 0;
        width: auto;
    }
    .location-details-view button.map-view-btn {
        margin: unset;
    }
    #page_map_search .location-details-view .container {
        width: unset;
    }
    #page_map_search div.display-flex h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
    }
    #search-buttons > div > h1 span {
        font-size: 1rem;
        margin-top: 0.6rem;
        padding: 0 1.25rem;
    }
    #page_detailed_view .container {
        width: unset !important;
    }
    .org-programs-info .program-div:last-child {
        width: unset;
        margin: 0.25rem 0.25rem 0.25rem 0;
    }
    .org-programs-info.three-cols div.program-div {
        width: 670px;
    }
    .org-programs-info.three-cols div.program-div:last-child {
        /*width: 670px;*/
        margin-left: 0;
    }
    #program-icons .cards > div.card-icon {
        /*min-width: 186px;*/
    }
    #client_footer .footer-col:first-child {
        padding: 0;
    }
    #client_footer ol {
        padding: 0;
        text-align: end;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #client_footer .link-lists-content ol {
        /*display: flex;*/
        margin-bottom: 4px;
        padding-inline-start: 0;
    }
    #client_footer .link-lists-content li {
        align-self: end;
        border-right: unset;
        line-height: 2;
    }
}

@media (max-width: 1000px) {

    #hero {
        max-height: 350px;
    }
    .hero-image > img {
        max-height: 350px;
    }

    .call-to-action {
        flex-direction: column;
    }

}
@media (max-width: 970px) {
    #program-icons .cards > div.card-icon {
        min-width: 260px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
.lb-right-scroll-panel {
overflow:auto;
width:681px;
}
.logbook-details-section{
width:938px;
}
}

@media (max-aspect-ratio: 7/2) and (min-aspect-ratio: 8/5) and (min-aspect-ratio: 7/4) {
    #map-search {
        display: flex;
        flex-direction: column;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons > div {
        margin: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 1rem 0 0.15rem;
    }
    .map-btn {
        /*width: 49%;*/
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
        width: 250px;
        display: flex;
        line-height: 1;
    }
    .map_page-buttons .home-page-buttons a {
        height: 55px;
        margin-bottom: 3px;
    }
}

/*  Nest Hub Max */
@media (max-width: 1280px) and (max-height: 820px) {
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
}


/*  Nest Hub */
@media (max-width: 1024px) and (max-height: 600px) {
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
}

@media (max-width: 1000px) {
    #oppMap > div:nth-child(3) {
        width: 125% !important;
    }
    .pet-image {
        top: -8rem;
        right: -6rem;
    }
    .pet-image img.attach-item-thumbnail {
        max-height: 150px;
        max-width: 150px;
    }

    #landing-cards {
        flex-direction: column;
        align-items: center;
    }

    .landing-card {
        max-width: 600px;
    }
    .hero-title > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background: #FFFFFF66;
        /*filter: blur(10px);*/
        z-index: -1;
    }

    .home-div .hero-title h1 {
        margin: 2rem auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:461px;
    }
    .logbook-details-section{
        width:718px;
    }
}

@media (max-width: 955px) {
    .map-btn .custom-filter-input {
        font-size: 94%;
        /* padding: 0.5rem 1rem; */
        white-space: nowrap;
    }
    .map_page-buttons .home-page-buttons a {
        font-size: 95%;
        padding: 5%;
    }
    .map_page-buttons .home-page-buttons {
        /*padding: 0;*/
    }
    .map_page-buttons .home-page-buttons > div {
        margin: 0.15rem 0;
    }
    .map_page-buttons > div {
        /*margin: 0.75rem 0.2rem;*/
    }
    /*
    .org-programs-info.two-cols div.program-div {
        max-width: 275px;
    }
    */
}


@media (max-width: 920px) {


    /*#landing-cards {*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*}*/

    /*.landing-card {*/
    /*    max-width: 600px;*/
    /*}*/

    /*.extra-content {*/
    /*    width: 100%;*/
    /*}*/

    /*.extra-content-button {*/
    /*    display: revert;*/
    /*}*/

    /*#landing-cards:has(.landing-card:hover) .landing-card:not(:hover) {*/
    /*    filter: opacity(1);*/
    /*}*/

    /*.landing-card:hover > div:not(.extra-content) .card-content span {*/
    /*    !* position: relative; *!*/
    /*    left: 0%;*/
    /*    z-index: 1;*/
    /*    box-shadow: none;*/
    /*}*/

    /*.landing-card:hover .extra-content {*/
    /*    left: 0%;*/
    /*}*/

    /*.landing-card:hover > div:not(.extra-content) {*/
    /*    left: 0%;*/
    /*}*/

    /*.landing-card > div:has(~ .extra-content) {*/
    /*    opacity: 1;*/
    /*    visibility: visible;*/
    /*    transition: opacity;*/
    /*}*/

    /*.landing-card > div:has(~ .extra-content.active) {*/
    /*    visibility: hidden;*/
    /*    opacity: 0*/
    /*}*/
}

@media (max-width: 892px) {
    #program-icons .cards > div.card-icon {
        min-width: 260px;
        margin: 0.15rem 0.25rem;
    }
    .home-div .hero-title h1 {
        font-size: 2.5rem;
        width: 93%;
    }
}
@media (max-width: 815px) {
    .home-div .home-page-buttons {
        margin: unset;
        width: 97%;
    }
    .home-div .home-page-buttons a {
        height: 65px;
        width: 290px;
        font-size: 1rem;
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 240px;
    }
    /*
    .org-programs-info.two-cols div.program-div {
        max-width: 250px;
    }
    */
}
@media (max-width: 785px) {
    #program-icons .cards > div.card-icon {
        min-width: 240px;
        margin: 0.15rem;
    }
    .home-div .hero-title h1 {
        font-size: 2.5rem;
        width: 93%;
    }
}

@media (max-width: 767px) {
    #page_map_search h1 {
        font-size: 2.2rem;
        /*text-align: center;*/
    }
    #oppMap > div:nth-child(3) {
        width: unset !important;
    }
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons a {
        padding: 0.85rem;
        /* justify-content: flex-start; */
        /* width: max-content; */
        width: 284px;
        font-size: 95%;
        white-space: nowrap;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
    #opp_details_body div.container > div > div.title-block {
        flex-direction: column-reverse;
        text-align: center;
        margin-top: 0.5rem;
    }
    #page_map_search .org-title, #page_map_search .opp-details-opp-title {
        line-height: 1;
    }
    #page_detailed_view .opp-details-opp-title {
        margin: 0.5rem;
    }
    #opp_details_body .map-view-btn {
        font-size: 0.9rem;
        margin: 0;
    }
    #program-icons .cards > div.card-icon {
        min-width: 205px;
    }
    #page_map_search .service-area_div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    /*
    .org-programs-info.two-cols div.program-div {
        max-width: 400px;
    }
    */
    #program-icons .cards {
        /*justify-content: space-between;*/
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 338px;
    }
    .lb-right-scroll-panel {
        overflow:auto;
        width:256px;
    }
    .logbook-details-section{
        width:auto;
    }
    .hidden-xs {
        display:none;
    }
    .tab-content > .block-imp {
        display:block !important;
    }
    .tab-content > .in-imp {
        opacity:1 !important;
        visibility: visible !important;
    }
    .pagename{
        margin-bottom:30px;
    }
}
@media (max-width: 735px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 300px;
    }
}
/*
@media (max-width: 725px) {
    .org-programs-info.two-cols div.program-div {
        max-width: 300px;
    }
}
*/
@media (max-width: 705px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 268px;
    }
}
@media (max-width: 690px) {
    #program-icons .cards > div.card-icon {
        min-width: 265px;
    }
}
@media (max-width: 670px) {
    .hero-video .wistia_responsive_wrapper {
        height: auto !important;
        top: 0 !important;
        width: 95% !important;
        margin: 0 auto !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .map-btn {
        width: 66%;
        text-align: center;
    }
    /*
    .org-programs-info.two-cols div.program-div {
        max-width: unset;
        width: 100px;
    }
    */
    #client_footer ol {
        margin-left: 0;
    }
    .home-div .hero-video {
        width: 94%;
    }
    .home-div .hero-video > div.wistia_responsive_padding {
        width: initial;
        padding: 53% 0 0 !important;
    }
    .home-div .home-page-buttons > div {
        margin: 0.15rem 0.35rem;
    }
    .home-div .home-page-buttons a {
        font-size: 1.15rem;
        width: 400px;
    }
}
@media (max-width: 630px) {
    .hero-video .wistia_responsive_wrapper {
        width: 92% !important;
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 249px;
    }
}
@media (max-width: 612px) {
    .home-div .hero-title h1 {
        font-size: 2.25rem;
        margin-bottom: 1rem;
        width: 95%;
    }
    .hero-video .wistia_responsive_wrapper {
        /*width: 84% !important;*/
    }
    .map_page-buttons .home-page-buttons a   {
        width: 400px;
    }
    #program-icons .cards > div.card-icon {
        min-width: 240px;
    }
}
@media (max-width: 590px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 220px;
    }
}
@media (max-width: 580px) {
    #page_map_search h1 {
        font-size: 1.8rem;
    }
    .map-btn {
        width: 86%;
    }
    .home-div .hero-title h1 {
        font-size: 2rem;
    }
    .home-div .home-page-buttons a {
        font-size: 1rem;
        width: 300px;
    }
    .pet-image {
        top: 6rem;
        left: 1.25rem;
    }
    .pet-image img.attach-item-thumbnail {
        max-height: 180px;
        max-width: 180px;
    }
    #dashboard_faf_list > div > div.ng-scope > div > dynamic-form > form > div > div > div:nth-child(2) > div.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty > div {
        margin-top: 8rem;
    }
    #page_family_members h4 {

    }
}
@media (max-width: 550px) {
    #program-icons .cards > div.card-icon {
        min-width: 230px;
    }
}
@media (max-width: 535px) {
    .footer-flex {
        justify-content: center;
    }

    #client_footer .link-lists-content ol {
        margin-top: 2rem;
    }

    #client_footer .link-lists-content li {
        align-self: unset;
        text-align: center;
    }

    #client_footer copyright p {
        justify-content: center;
        text-align: center;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 200px;
    }


    .call-to-action .mission-statement-text-2.active {
        max-height: 1000px;
    }

    div:has(> #landing-cards) {
        padding: 3rem 1rem;
    }

    div:has(> .call-to-action) {
        padding: 3rem 1rem;
        background: #FFFFFF;
    }
}
@media (max-width: 502px) {
    #program-icons .cards > div.card-icon {
        min-width: 190px;
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 215px;
    }
}
@media (max-width: 486px) {
    /*.home-div > div {*/
    /*    padding: 1rem 0 0;*/
    /*}*/
    .home-div .hero-title h1 {
        font-size: 1.8rem;
    }
    .map-btn,
    .map_page-buttons .home-page-buttons a {
        width: 100vw;
    }
    .map-btn .custom-filter-input {
        padding: 0.5rem;
    }
    .hdr_nav_link{
        width:33.33%;
        min-width:auto !important;
        height:60px;
    }
    #hdr_nav_links{
        float:none;
    }
    #hdr_logo_container{
        display:block;
        background:#333;
        text-align:center;
        float:none;
    }
    #hdr_logo{
        display:inline-block;
        height:32px;
    }
    #logged_vol_header_nav .hdr_nav_link{
        min-width:auto;
        padding:6px;
        float:right;
    }
    #logged_vol_header_nav #hdr_primary_msg{
        padding: 6px 10px 6px 0;
        text-align: right;
        width:65%;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 182px;
    }
    .pagename{
        margin-bottom:20px;
    }
    .history-div {
        width: 100% !important;
    }
    .mce-toolbar{
        display:none !important;
    }
    .social {
        width: 43px;
        display: block;
        margin-left: 0px;
        margin-right: 2px;
    }
}
@media (max-width: 460px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 175px
    }
}
@media (max-width: 434px) {
    #page_map_search .location-details-view .container {
        padding: 0;
    }
    #program-icons .cards {
        justify-content: space-between;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 160px;
    }
}
@media (max-width: 390px) {
    #page_detailed_view .opp-details-opp-title {
        font-size: 1.8rem;
    }
    #program-icons .cards {
        justify-content: center;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width:260px;
    }
}