@charset "utf-8";
/* CSS Document */

/* phone up to portrait */
@media only screen
and (max-width: 767px) {

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table {
        display: block;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead {
        display: block !important;
        width: 100% !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row {
        display: block;
        float: left;
        width: 100%;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row th {
        width: 100%;
        display: block;
        border-bottom: solid 1px #fff !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr {
        border: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) br {
        display: none;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) {
        background: #0D3E5C;
        color: #fff;
        text-align: center;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:empty {
        padding: 0;
        border-bottom: solid 1px #fff !important;
    }



    .get-involved .row.title-split-row .btn {
        min-width: 124px;
    }

    .hero-new-style.hero-new-plain .row.breadcrumbs-row #breadcrumbs ol {
        flex-wrap: wrap;
    }

    .call-out-bar .become-a-member-bar,
    .become-a-member .become-a-member-bar {
        flex-direction: column;
        padding: 22px 26px 26px;
        text-align: center;
        gap: 11px;
    }

    .call-out-bar .become-a-member-bar .title,
    .become-a-member .become-a-member-bar .title {
        font-size: 20px;
        line-height: 25px;
    }

    .call-out-bar .become-a-member-bar .btn,
    .become-a-member .become-a-member-bar .btn {
        min-width: 124px;
    }

    .call-out-bar .become-a-member-bar .shape-bg,
    .become-a-member .become-a-member-bar .shape-bg {
        position: absolute;
        right: -196px;
        top: -27px;
        z-index: 1;
        height: auto;
    }

    .flexible-row-block.testimonial-block-new .quote-content.content {
        font-size: 18px;
        line-height: 32px;
    }

    .mission-block-container.full-width-version .row.mission-ctas .mission-block-cta .icon-container {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .standard-post.about-page-sub .flexible-article-fields .flexible-row-block.button-block-container {
        row-gap: 10px;
    }

    .flexible-row-block.card-blocks .ways-to-participate-cta .content,
    .mission-block-container.full-width-version .row.mission-ctas .mission-block-cta .right-content-block .content {
        font-size: 14px;
        line-height: 24px;
    }

    .flexible-row-block.events-section .row.view-all-button-row {
        margin-top: 20px;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block table tbody tr td a.btn {
        width: 100%;
        margin: 5px 0;
    }

}

/* small tablets / iphone X and up landscape */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table {
        display: block;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead {
        display: block !important;
        width: 100% !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row {
        display: block;
        float: left;
        width: 100%;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row th {
        width: 100%;
        display: block;
        border-bottom: solid 1px #fff !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr {
        border: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) br {
        display: none;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) {
        background: #0D3E5C;
        color: #fff;
        text-align: center;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:empty {
        padding: 0;
        border-bottom: solid 1px #fff !important;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post {
        padding-right: 0;
        padding-left: 75px;
        display: block !important;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .post-inner-content {
        border-left: none;
        padding-left: 0;
        min-height: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .date-block {
        width: 60px;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .post-inner-content h3,
    .flexible-row-block.events-section .event-stack-post.archive-event-post .post-inner-content h4 {
        font-size: 16px;
        line-height: 26px;
        margin-top: -6px;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .date-block span.month {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 5px;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .date-block span.day {
        font-size: 35px;
        line-height: 1;
    }

    .flexible-row-block.events-section .event-stack-post.archive-event-post .event-side-data {
        min-width: 0px;
        max-width: none;
        float: left;
        width: 100%;
        margin: 15px 0 0 0;
        padding-bottom: 0px;
    }

    .flexible-row-block.logos-section-list .row.associate-logos-container .main-logos .inner-main-logos > div {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .wtp-section.ways-table-section .ways-table-block {
        display: none;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-desktop {
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block table thead {
        display: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table {
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-desktop {
        display: block !important;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-mobiles {
        display: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody,
    .wtp-section.ways-table-section .ways-table-block table tbody tr,
    .wtp-section.ways-table-section .ways-table-block table tbody tr td{
        float: left;
        width: 100% !important;
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr {
        background: #FFFFFF;
        border: 1px solid #E7E9EA;
        box-shadow: 0px 0px 12px rgb(13 62 92 / 8%);
        border-radius: 10px;
        margin: 0 0 30px 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name span.heading {
        max-width: 75%;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name span.t-value {
        margin-left: auto;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td {
        border: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.head {
        font-weight: 600;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons > a {
        margin: 0 10px 0 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons > a:last-of-type {
        margin: 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr:last-of-type {
        margin: 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons {
        display: flex !important;
        justify-content: center;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td .btn {
        width: 100%;
        font-size: 14px;
        height: auto;
        padding: 10px;
    }

}

/* small screens and ipad pro portrait */
@media only screen
and (min-width : 992px)
and (max-width : 1200px) {

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table {
        display: block;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead {
        display: block !important;
        width: 100% !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row {
        display: block;
        float: left;
        width: 100%;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table thead tr.top-row th {
        width: 100%;
        display: block;
        border-bottom: solid 1px #fff !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr {
        border: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none !important;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) br {
        display: none;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:nth-child(1) {
        background: #0D3E5C;
        color: #fff;
        text-align: center;
    }

    .flexible-row-block.wtp-section.ways-table-section .ways-table-block.assoc-cat-table tbody tr td:empty {
        padding: 0;
        border-bottom: solid 1px #fff !important;
    }

    .header .top-nav ul li {
        margin-right: 10px;
        padding-right: 10px;
    }

    .wtp-section.ways-table-section .ways-table-block {
        display: none;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-desktop {
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block table thead {
        display: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table {
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-desktop {
        display: block !important;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .wtp-section.ways-table-section .ways-table-block.hidden-mobiles {
        display: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody,
    .wtp-section.ways-table-section .ways-table-block table tbody tr,
    .wtp-section.ways-table-section .ways-table-block table tbody tr td{
        float: left;
        width: 100% !important;
        display: block !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr {
        background: #FFFFFF;
        border: 1px solid #E7E9EA;
        box-shadow: 0px 0px 12px rgb(13 62 92 / 8%);
        border-radius: 10px;
        margin: 0 0 30px 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name span.heading {
        max-width: 75%;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.t-name span.t-value {
        margin-left: auto;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td {
        border: none !important;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.head {
        font-weight: 600;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons > a {
        margin: 0 10px 0 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons > a:last-of-type {
        margin: 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr:last-of-type {
        margin: 0;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td.double-buttons {
        display: flex !important;
        justify-content: center;
    }

    .wtp-section.ways-table-section .ways-table-block table tbody tr td .btn {
        width: 100%;
        font-size: 14px;
        height: auto;
        padding: 10px;
    }

    .header .main-header-section .menu-main-menu-container ul.menu > li.button_style_menu_item > a {
        padding: 9px 19px;
    }

}