/* custom css for theme header */
:root {
    /* Font Family */
    --primary-font-family: 'Montserrat', sans-serif;

    /* Font Sizes */
    --headeing_level1-font-size: 32px;
    --heading_level2-font-size: 24px;
    --paragraph-font-size: 16px;
    --footer-menu-font-size: 16px;

    /* Colors */
    --primary-primary-color: #005EA2;
    --secondary-color: #ff9900;
    --usa-banner-color: #1B1B1B;
    --navigation-bg-color: #0C0587;
    --heading_level1_color: #3b3b38;
    --Brick-Red: #9B1E0F;
    --footer-primary-color: #E2C654;
    --footer-secondary-color: #F9F4DD;
    --footer-nav-color: #1B1B1B;
}

main {
    background: transparent;
}

main p {
    max-width: 100%;
}

:where(li, dd, figcaption) {
    max-width: 100%;
}

main p>a {
    color: #0C0587;
}


.usa-prose h1 {
    color: var(--gray-9);
}

#main-content {
    padding-bottom: 0px;
}


/* typography */

body {
    font-family: var(--primary-font-family);
    background: #fff;
}

*:focus {
    outline: 2px solid #2491ff !important;
}

.screen-reader-text:focus{
    clip: auto!important;
    background-color: #ddd;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 10px!important;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* modification the max-width of container */
.usa-header .usa-navbar,
.usa-header .usa-nav__inner,
.usa-footer .grid-container,
.usa-section .grid-container {
    max-width: 74.5rem;
}

.header-banner-section .grid-container {
    max-width: 76rem;
}

.form__container .grid-container {
    max-width: 76rem;
}

/* theme attribute css */

.usa-banner {
    background: var(--usa-banner-color);
}

.usa-banner .usa-banner__header p,
.usa-banner .usa-banner__header button>span,
.usa-banner .usa-banner__content p {
    color: #fff;
}

.usa-header {
    background-color: #fff;
}

.usa-search input[class='usa-input'] {
    background-color: #fff;
}

/* to remove line / space after top nav*/
/* make header sticky */
.usa-banner,
.usa-header {
    position: sticky;
    top: 0;
    z-index: 999;

}
.usa-header::after {
    display: none;
}


.usa-search button[type='submit'] {
    background-color: #0C0587;
}

.usa-banner__button::after {
    background-color: #fff !important;
}

/* css for header for non-front page */
.header-banner-section {
    background-color: #F7F7F7;
    padding: 24px;
}

.usa-breadcrumb {
    background-color: #F7F7F7;
}

.usa-breadcrumb .usa-breadcrumb__list-item .usa-breadcrumb__link {
    font-family: var(--primary-font-family);
    color: #005EA2;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.usa-breadcrumb .usa-breadcrumb__list-item .usa-breadcrumb__link span {
    text-decoration: none;
}

.usa-breadcrumb .usa-breadcrumb__list-item span {
    font-family: var(--primary-font-family);
    color: #1B1B1B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.usa-breadcrumb .usa-breadcrumb__list-item span.current {
    color: #AD0065;
}

/* end of breadcrumbs css for desktop */

.page_header_title {
    margin-top: 0px;
}

.page_header_title h3 {
    color: #EC008C;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.62;
    max-inline-size: 100%;
}

.page_header_title h3 span {
    color: #3B3B38;
    border-bottom: 3px solid #EC008C;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.62;
    padding: 0px !important;
}

/* navigation css system */

.usa-menu-btn {
    background: #0C0587;
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
}

nav.usa-nav,
.usa-nav__submenu {
    background: var(--navigation-bg-color);
    width: 200px;
    word-wrap: break-word;
}

.usa-nav__primary button[aria-expanded=true] {
    background: var(--navigation-bg-color) !important;
}

nav.usa-nav ul.usa-nav__primary li.usa-nav__primary-item a,
/* regular menu item */
nav.usa-nav ul.usa-nav__primary li.menu-item-has-children button>span {
    font-family: var(--primary-font-family);
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.62;
}

nav.usa-nav .usa-nav__submenu li {
    padding-left: 13px;
}

nav.usa-nav ul.usa-nav__primary button[aria-expanded=false]:hover {
    color: #fff;
}

.usa-nav__primary button[aria-expanded=false] span::after {
    top: 22px;
}

.usa-nav__secondary {
    bottom: 7.8rem;
    align-items: initial;
    padding: 0px 16px;
}

.usa-search input[class='usa-input'],
.usa-search button[type='submit'] {
    height: 44px;
    margin-top: 1rem;
}

.usa-search input[class='usa-input'] {
    border-radius: 5px 0px 0px 5px;
}

.usa-search input[class='usa-input']::placeholder {
    font-family: var(--primary-font-family);
    color: #59595D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.usa-nav__primary>.usa-nav__primary-item {
    padding: 0px;
    margin: 0px 10px;
}

.usa-nav__primary-item.current-menu-item a>span, .usa-nav__primary-item .current-menu-item a>span {
	color: #fff;
	font-weight:700 !important;
}

.usa-nav .current-menu-parent>button>span{
	font-weight:700 !important;
}
.usa-nav__primary-item .current-menu-item a{
	margin-left:-5px !important;
}

.current-menu-item>a {
    margin: 0px;
}



.mobile-logo {
    display: none;
}



/* additional menu properties */
.usa-nav__primary button[aria-expanded=false]:hover span::after {
    background-color: #fff;
}


.usa-nav__primary button[aria-expanded=true] span::after {
    background-color: #fff;
}

.usa-nav__primary button[aria-expanded=false] span::after {
    background-color: #fff;
}

.usa-nav__primary .current-menu-item{
	background-color: #ad0065;
}






/* need to work on style of highlighting of menu items */

/* end of navigation css */
/* top alert box css */
.usa-alert {
    border-left: 0;
}

.usa-alert--info .usa-alert__body,
.usa-alert,
.usa-alert__body {
    background-color: var(--footer-secondary-color);
}

.usa-alert .usa-alert__text {
    font-family: var(--primary-font-family);
    color: #3B3B38;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    max-width: 100%;
}

.dismiss-button-container {
    position: absolute;
    right: 0;
    top: 7px;
}

#alert-box {
    background-color: #3B3B38;
    border: none;
    border-radius: 50%;
    color: #fff;


}

/* css for hero section  */

.usa-hero {
    background: none;
    position: relative;
    border-top: none !important;
}


.usa-hero img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 646px;
}

.overlay_text {
    position: absolute;
    background: linear-gradient(90deg, rgba(173, 0, 101, 0.90) 43.96%, rgba(173, 0, 101, 0.00) 77.56%);

    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay_text_0 {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
}

.overlay_text h3 {
    font-family: var(--primary-font-family);
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    text-indent: unset;
}

/* css end for hero section */

/*start of list bullet -s*/


/*end of list bullet -s/

/*start of nwbc accordion section - s*/
.nwbc_accordion .elementor-accordion-item {
    border: 4px solid var(--Blue, #0C0587) !important;
    margin: 48px 0px;
}


.nwbc_accordion .elementor-accordion-title {
    outline: none;
}

/*end of nwbc accordion section -s*/
/* start of wave decoration */
.decoration {
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}

/* Style for the top-left image using ::before */
.decoration.red_yellow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/red_yellow.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Style for the bottom-right image using ::after */
.decoration.red_yellow::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/red_yellow.png');
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}

/* Style for the top-left image using ::before */
.decoration.blue_yellow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/blue_yellow.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Style for the bottom-right image using ::after */
.decoration.blue_yellow::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/blue_yellow.png');
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}

/* Style for the top-left image using ::before */
.decoration.blue_red::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/blue_red.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Style for the bottom-right image using ::after */
.decoration.blue_red::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/blue_red.png');
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}



/* Style for the top-left image using ::before */
.decoration.red_blue::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/red_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}


/* Style for the bottom_right image using ::before */

.decoration.red_blue::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 244px;
    width: 49px;
    background-image: url('../images/wave_decoration/red_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}

/* end of wave decoration */


/* 404 page */
.page_not_found p {
    font-family: var(--primary-font-family);
    font-size: 16px;
    line-height: 1.62;
}

.page_not_found p a {
    font-family: var(--primary-font-family);
    color: #0C0587 !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.62;
    text-decoration: underline;
}

.page_not_found ul {
    padding-left: 0px;
}

.page_not_found li {
    list-style: none;
    padding: 8px 18px;

}

.page_not_found .text-base {
    font-family: var(--primary-font-family);
}


/* research&data template css */

#research_container .posts-cards h2.usa-card__heading {
    padding-top: 0px;
    height: 100px;
}

/* policy recommendation template css */

.policy_template .usa-accordion__content {
    color: #3b3b3b;
}

.policy_template:not(:first-child) {
    margin-top: 48px;
}

.policy_template .usa-accordion__heading {
    max-inline-size: none;
    border: 4px solid #0C0587;
}

.policy_template .usa-accordion__button {
    /* need to change this */
    color: #FFF;
    background-color: #0C0587;
    /* ******** */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    font-family: var(--primary-font-family);

    background-image: url("../dist/img/usa-icons-bg/remove--white.svg");
}

.policy_template .usa-accordion__button[aria-expanded=false],
.policy_template .usa-accordion__button[aria-expanded=false]:hover {
    background-image: url("../dist/img/usa-icons-bg/add--white.svg");
}

.policy_template .usa-accordion__content {
    padding: 16px;
    border: 4px solid #0C0587;
}

.preivous_year .usa-accordion__content,
.preivous_year .usa-accordion__heading {
    border: 2px solid rgba(59, 59, 56, 0.50);
}

.policy_template .usa-accordion__content p,
.policy_template .usa-accordion__content ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    font-family: var(--primary-font-family);
    max-width: 100%;
}

/* research&data page -s */
#research-search-form .usa-label,
#research-search-form .usa-button,
#research-search-form .usa-select,
#research-search-form #search-keywords {
    font-size: 16px;
}

.search-container h3.search-title {
    font-size: 22px;
    margin: 0px;
    text-indent: 0px;
}

.search-container #search-info {
    font-size: 16px;
    margin: 0px;
    text-indent: 0px;
}

.search-container .posts-cards h2.usa-card__heading {
    font-size: 22px;
    padding-top: 0px;
    height: 100px !important;
}

.search-container .posts-cards .usa-card__footer a.usa-button {
    font-size: 16px;
}

.search-container .posts-cards .usa-card__footer p.posts_tags span {
    font-size: 14px;
}

.search-container .card-info span.post-category {
    font-size: 14px;
}

.search-container .card-info div {
    height: 1.62rem !important;
}


/* extra css for accordion on policy recommendation page */
.accordion-blue .policy_template .usa-accordion__button {
    background-color: #fff;
    color: #3B3B38;
    border: 2px solid rgba(59, 59, 56, 0.50);
    background-image: url("../dist/img/usa-icons/remove.svg");
}

.accordion-blue .usa-accordion__button[aria-expanded=false],
.accordion-blue .usa-accordion__button[aria-expanded=false]:hover {
    background-image: url("../dist/img/usa-icons/add.svg");
}

.accordion-blue .policy_template .usa-accordion {
    border: none;
}

/* start of image side border decoration */
.img_decor_left {
    border-left: 2px solid;
    position: relative;
}

.img_decor_left::before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: -12px;
    width: calc(100% + 20px);
    height: 2px;
}

.img_decor_left img {
    margin-left: 8px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}


.img_decor_right {
    border-right: 2px solid;
    position: relative;
    border-color: #AD0065;
}

.img_decor_right::before {
    content: "";
    position: absolute;
    bottom: 12px;
    right: -12px;
    width: calc(100% + 20px);
    height: 2px;
    background-color: #AD0065;
}

.img_decor_right img {
    margin-right: 0px;
    padding-right: 8px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.pink_border {
    border-color: #AD0065;
}

.pink_border::before {
    background-color: #AD0065;
}

.yellow_border {
    border-color: #D9B42A;
}

.yellow_border::before {
    background-color: #D9B42A;
}

/* end of image side border decoration */

/* start of css of member/staff page */

.members-wrapper .usa-card__image {
    position: relative;
}

.members-wrapper .usa-card__body {
    position: absolute;
    bottom: -2rem;
    width: 90%;
}

.members-wrapper a {
    outline: none !important;
}

.members-wrapper .usa-card__heading {
    color: #fff;
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    border-radius: 10px;
    background: #BA006E;
    padding: 12px;

    display: flex;
    justify-content: center;
}

.member-details h1.member_heading_title {
    color: #3B3B38;
    font-family: var(--primary-font-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    border-bottom: 4px solid #EC008C;
    padding-bottom: 3px;
    margin: 24px auto;
}


figcaption.member-subtitle {
    color: #3B3B38;
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    margin-bottom: 30px;
}

.bg-heading-staff {
    background: #0C0587 !important;
}

.member-details {
    padding-bottom: 3rem;
    padding-top: 3rem;
    padding-left: 50px;
    padding-right: 50px;
}

.member-details p {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    color: #3B3B38;
}

.member-details p a {
    color: #0C0587 !important;
    font-weight: 700;
    text-decoration: underline !important;
}

.member_details_body h4.member_heading_title {
    display: flex;
    justify-content: center;
}

/*start of Staff and Member Page */

.members-wrapper .usa-card__image img {
    display: block;
    width: 310px;
    margin: auto;
    padding: 0px 10px;
}


.members-wrapper .usa-card {
    display: flex;
    justify-content: center !important
}

.members-wrapper .member-subtitle {
    width: 310px !important;
    display: flex;
    justify-content: center;
    --step-indent: 0px;
    position: absolute;
}

/*end of Staff and Member Page */

/*start of full width details page */

.posts-details h3.usa-heading-2 {
    font-size: 22px;
    line-height: 1.62;
    font-weight: 700;
    max-width: 100%;
    margin: auto;
    text-indent: 0px;
}

.posts-details figure {
    margin: 20px;
}

.posts-details .usa-content h3>strong {
    font-size: 22px;
    line-height: 1.62;
}

.posts-details .podcast iframe {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
}

/*end of event details page */

#search-event-results .usa-card__container {
    border-radius: 4px;
    border: 1px solid var(--Light-Gray, #59595D);
}

.form__container {
    background: #25408F;
    padding: 40px 0;
}

.form__container .usa-form {
    max-width: 100%;
}

.form__container .usa-form label {
    font-family: var(--primary-font-family);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
}

.form__container .usa-form input[type="search"] {
    background: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    max-width: 90%;
    height: 2.5rem;
    margin-top: 0.5rem;
}

.form__container .usa-form input[type="search"]::placeholder {
    font-family: var(--primary-font-family);
}

/* search icon 'x' placement */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    color:#000 !important;
}
input[type=search]:focus::-webkit-search-cancel-button,
input[type=search]:hover::-webkit-search-cancel-button{
    color:#000 !important;
}

.form__container .usa-form select {
    display: flex;
    max-width: 90%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    /* text style */
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
}

.form__container .usa-form button.usa-button {
    font-family: var(--primary-font-family);
    background: #d4017e;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 4px;
    padding: 12px 20px;
}

.members-wrapper:focus,
.members-wrapper:focus-within {
    outline: 2px solid #2491ff !important;
}

.elementor-accordion-title:focus {
    outline: 2px solid #2491ff !important;
}

/* event search container css */
.search-container h3.search-title {
    font-family: var(--primary-font-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    color: #1B1B1B;
}

.search-container h3.search-numbers {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    color: #1B1B1B;
}

/* css for pagination */
.usa-pagination {
    border-radius: 10px;
}

.usa-pagination .usa-pagination__item {
    align-items: center;
}

.usa-pagination .usa-pagination__item .current {
    background: #3B3B38;
    color: #fff;
    padding: 12px;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.62;
    border-radius: 4px;
}

.usa-pagination .usa-pagination__item a.page-numbers:not(.usa-pagination__next-page, .usa-pagination__previous-page) {
    border: 1px solid var(--base-base-lighter, #DFE1E2);
    border-radius: 4px;
    padding: 12px;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.62;
    color: #0C0587;
}

.usa-pagination .usa-pagination__link-text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.62;
    color: #0C0587;
}

/* end of pagination css */

.posts-cards h2.usa-card__heading {
    color: var(--heading_level1_color);
    font-family: var(--primary-font-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    padding-top: 16px;
    height: 88px;
}

.posts-cards .posts_tags {
    margin-top: 16px;
}

.posts-cards .posts_tags span,
.posts-details .posts_tags span {
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    color: #0C0587;
}

.posts-cards .post_dates {
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    color: #1B1B1B;
}

.posts-cards .usa-card__container {
    border: 1px solid var(--Light-Gray, #59595D);
}

.posts-cards .usa-card__footer a.usa-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 20px;
    gap: 10px;
    background: #0C0587;
    /* text style */
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    font-family: var(--primary-font-family);
}

.posts-cards .card-info {
    background: #59595D;
    padding: 0px 1.4rem;
}

.posts-cards .card-info span {
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    color: #fff;
}

.posts-cards p {
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    color: #3B3B38;
}

.posts-details {
    padding: 30px;
}

.posts-details .usa-image,
.posts-details .usa-image a {
    height: 30em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.posts-details .usa-image a img,
.posts-details .usa-image img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    object-fit: contain;
}

.posts-details .news-logo {
    height: 100%;
    width: 100%;
}

.posts-details .news-logo img {
    width: 24rem;
    aspect-ratio: 4;
}

.us_census_card .usa-card__header {
    padding-top: 46px;
}

.usa-content ul:not(.usa-accordion):not(.usa-accordion--bordered) {
    max-width: 100%;
}

.usa-content ul:not(.usa-accordion):not(.usa-accordion--bordered) li a {
    font-family: var(--primary-font-family);
    color: #0C0587 !important;
    font-weight: 700;
    text-decoration: underline;
}

.posts-details p,
.posts-details img {
    max-width: 100%;
    font-family: var(--primary-font-family);
}


.posts-details p>a {
    font-family: var(--primary-font-family);
    color: #0C0587 !important;
    font-weight: 700;
}

.posts-details blockquote {
    max-inline-size: 100%;
}

.posts-details blockquote p {
    max-width: 100%;
}

.posts-details h6,
.posts-details h4,
.posts-details h5 {
    font-size: var(--paragraph-font-size);
    color: var(--Gray);
    font-family: var(--primary-font-family);
    font-weight: 400;
    max-inline-size: 100%;
}

.posts-details h1 {
    font-family: var(--primary-font-family);
    color: #1b1b1b;
    max-inline-size: 100%;
}


/* reports css begins... */
.report_cards {
    border-radius: 4px;
    border: 1px solid #59595D;
}

.report_cards .usa-card__footer {
    padding: 24px;
}

.report-details img {
    max-width: 80%;
}

.report-details p {
    margin-top: var(--size-3);
    max-width: 100%;
}

.report_cards .usa-button,
.download-button {
    font-family: var(--primary-font-family);
    padding: 12px 20px;
    border-radius: 4px;
    background: var(--Blue, #0C0587);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
}

.download-button:hover {
    background: var(--Blue, #0C0587);
}

.usa-button {
    font-family: var(--primary-font-family);
    border-radius: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
}

.view-button {
    border-radius: 4px;
    background: var(--Dark-Pink, #AD0065);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    color: #fff;
    font-family: var(--primary-font-family);

}

.view-button:hover {
    background: var(--Dark-Pink, #AD0065);
}

/* end of reports css... */

/* footer css */
.usa-footer {
    background-color: rgba(89, 89, 93, 0.05);
}

.usa-footer .usa-footer__primary-section .grid-container {
    padding-left: 0;
    padding-right: 0;
}

footer {
    padding: 0;
    background: none;
}

footer .usa-footer__primary-section {
    background: var(--footer-primary-color);
}

.usa-footer__return-to-top a,
.usa-footer__return-to-top a:visited {
    color: #fff;
    text-decoration: none;
}

.usa-footer__primary-section ul li.usa-footer__primary-content a {
    font-family: var(--primary-font-family);
    color: var(--footer-nav-color);
    font-size: var(--footer-menu-font-size);
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    text-decoration-line: none;
}

h4.usa-footer__primary-link {
    color: var(--gray-9);
}

.usa-footer__nav ul {
    list-style: none;
    padding-left: 0;
}

.usa-footer__nav ul li {
    padding-left: 1.5rem;
}

.usa-footer__nav ul li a {
    text-decoration: none;
}

.usa-footer__secondary-section {
    background: var(--footer-secondary-color);
}

.usa-footer__return-to-top a {
    color: #0C0587 !important;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
}

/* footer social media link */
.usa-footer__social-links h3 {
    font-family: var(--primary-font-family);
    color: var(--footer-nav-color);
    font-size: var(--footer-menu-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    margin-top: 12px;
}

.usa-footer__social-links .usa-social-link {
    background: transparent;
    margin-top: 0px;
}

.usa-footer__social-links .usa-social-link:hover {
    background: none;
}

.usa-footer__social-links .usa-social-link img.usa-social-link__icon {
    margin: 7px;
    max-width: 24px;
    max-height: 24px;
}

.usa-footer__logo .usa-card__img {
    background: none;
    max-width: 227px;
    margin-left: 1.4rem;
}

.usa-footer__social-links {
    padding-bottom: 0px;
}


/* general css for editor level */

/*start of text-block*/
.text-block {
    color: #3B3B38;
}

.text-block p {
    font-family: var(--primary-font-family);
    font-size: 16px;
    line-height: 1.62;
}

.text-block p a,
.text-block li a {
    font-family: var(--primary-font-family);
    color: #0C0587 !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.62;
    text-decoration: underline;
}

.text-block ul {
    padding-left: 0px;
}

.text-block ul li {
    font-size: 16px;
    line-height: 1.62;
    list-style: none;
    padding: 8px 18px;
}

.text-block ul>li::before {
    content: '\25CF';
    color: #0C0587;
    margin-left: -18px;
}

.text-block ul>li>ul>li::before {
    content: '\27A4';
}

.text-block ul>li>ul>li>ul>li::before {
    content: '\25A0';
}

.text-block ul>li>ul>li>ul>li>ul>li::before {
    content: '\2B25';
}

.text-block.blue_bg a {
    text-decoration: underline;
}

.text-block.blue_bg li>a {
    color: #fff !important;
}

.text-block.blue_bg ul>li::before {
    color: white;
}

.text-block h4,
.text-block h5 {
    line-height: 1.62;
}

.text-block figure a {
    font-family: var(--primary-font-family);
    color: #0C0587 !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.62;
    text-decoration: underline;
}

.text-block figure td {
    font-size: 16px;
    line-height: 1.62;
}


/* notable legislation CMS css */
.legislation-posts {
    border-radius: 10px;
    border-top: 6px solid #0C0587;
    background: #FFF;
    padding: 40px;
    margin-bottom: 36px;
}

.legislation-posts .legislation-content {
    margin-left: 24px;
}

.legislation-posts .priority_info {
    width: 82px;
    height: 82px;
    background: #AD0065;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.legislation-posts h3.post_title {
    color: #3B3B38;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    position: relative;
    display: inline-block;


    margin: 0;
    text-indent: 0;
    max-width: 100%;
}

.legislation-posts h3.post_title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 3px solid #D9B42A;
}

.legislation-posts p {
    color: #3B3B38;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.text-block ul li:before {
    padding-right: 10px;
}

/*end of text-block*/

/* start of external link logo after a tag */
.external_link_logo .elementor-icon-box-title ::after {
    content: url("../images/launch_white.png");
    width: 16px;
    height: 16px;
}

/* end of external link logo after a tag */

/* additional css from customize */


/*Home Page*/
.home_awe_image {
    border-left: 2px solid #D9B42A;
    border-bottom: 2px solid #D9B42A;
}


/*Member and Staff Page CSS*/


/* SERP PAGE CSS START */
.search-query {
    font-size: 32px;
    color: #3B3B38;
    font-family: var(--primary-font-family);
    font-weight: 700;
    line-height: 1.62;
    max-width: 100%;
}

.search-results-page {
    margin: 0;
    padding: 40px 0px;
}

.search-results-page .result-item {
    list-style: none;
}

.search-results-page .result-item h3 a {
    font-family: var(--primary-font-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.62;
    color: #1B1B1B;
    text-decoration: underline;
}

.search-results-page .result-item h3 a::before {
    content: url("../assets/uswds/img/usa-icons/navigate_far_next.svg");
    display: inline-block;
}

.search-results-page .result-item p {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    color: #3B3B38;
}

/* end of SERP page css */

/* start of new accordion css */
.nwbc_accordion_new :where(details){
	background:#fff;
}
.nwbc_accordion_new .e-n-accordion-item-title{
	margin:0px;
}

.nwbc_accordion_new .e-n-accordion-item{
	border-style:solid;
	border-width:4px;
	padding:0px;
	border-radius:0px;
	border-color: #0c0587;
}

/* end of faq page new accordion css */



/*media query for mobile */
@media only screen and (max-width: 639px) {

    .page_header_title h3,
    .page_header_title h3 span {
        font-size: 22px;
    }

    .header-banner-section {
        padding: 20px;
    }

    .page_header_title {
        margin-top: 0;
    }

    /* header changes */
    .usa-header {
        padding: 8px 23px;
    }

    .usa-logo {
        margin-left: 0;
    }

    .usa-logo img {
        max-width: 70%;
    }

    .usa-menu-btn {
        border-radius: 4px;
        font-family: var(--primary-font-family);
    }

    /* navigation css start */
    .usa-navbar {
        border-bottom: none;
    }

    .usa-nav__submenu {
        background: #fff;

    }

    nav.usa-nav {
        width: 80%;
        max-width: 500px;
        border-left: solid 1px transparent;
        background: #fff !important;
        padding: 16px;
    }

    .usa-nav__primary>.usa-nav__primary-item {
        padding: 5px 0px;
        color: #3B3B38;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.62;
        font-family: var(--primary-font-family);

    }

    nav.usa-nav li {
        border-top: 1px solid #A9AEB1;
    }

    nav.usa-nav ul.usa-nav__primary li.menu-item-has-children button>span,
    nav.usa-nav ul li a>span {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.62;
        color: #3B3B38;
    }

    nav.usa-nav ul.usa-nav__primary li button[aria-expanded=true] {

        background: #fff !important;
        margin-bottom: 5px;
        padding: 8px 0px;

    }
    #menu-header-top-navigation .menu-item a:hover, #menu-header-top-navigation .menu-item button:hover{
		background-color:transparent !important;
	}

    nav.usa-nav ul.usa-nav__primary li button[aria-expanded=true]>span {
        padding-left: 0px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.62;
    }


    .usa-nav__primary button[aria-expanded=false]:hover span::after,
    .usa-nav__primary button[aria-expanded=true] span::after {
        background-color: #2C2C2C;
    }

    nav.usa-nav .usa-nav__primary button:focus {
        outline: none;
    }

    nav.usa-nav .usa-nav__primary button[aria-expanded=false] {
        background-color: #fff;
        padding: 8px 0px;
    }

    .usa-nav__primary button[aria-expanded=false] span::after {
        top: 10px;
        background-color: #2C2C2C;
    }

    .usa-nav__primary a:not(.usa-button) {
        padding: 8px 6px;
    }

    .usa-nav__submenu a:not(.usa-button) {
        padding-left: 2rem;
    }

    /* close button */
    /* .usa-nav__close {
        margin: 0rem -1rem 0rem auto;
    } */

    .usa-nav__submenu {
        max-width: 100%;
    }

    .usa-nav__submenu>li {
        padding: 8px 0px;
    }

    .mobile-logo {
        display: block;
    }

    /* search box */
    .usa-nav__secondary .usa-search {
        margin-top: 32px !important;
    }

    .usa-search input[class='usa-input'] {
        border-radius: 0;
    }

    /* change the icon  */
    .usa-nav__primary button[aria-expanded=false] span::after {
        -webkit-mask-image: url('../assets/uswds/img/usa-icons/expand_more.svg');
        mask-image: url('../assets/uswds/img/usa-icons/expand_more.svg');
        ;
    }

    .usa-nav__primary button[aria-expanded=true] span::after {
        -webkit-mask-image: url('../assets/uswds/img/usa-icons/expand_less.svg');
        mask-image: url('../assets/uswds/img/usa-icons/expand_less.svg');
        ;
    }

    /* apply border to last item on mobile */

    /* border for last child */
    .usa-nav__primary>.usa-nav__primary-item:last-child {
        border-bottom: 1px solid #A9AEB1;
    }

    /* end of mobile menu */

    .usa-footer__social-links {
        padding: 1rem 0.6rem;
    }

    .usa-footer__logo .usa-card__img {
        margin-left: 0;
    }


    /* end of nav css */
    /*mobile start of Staff and Member Page*/
    .members-wrapper .usa-card__body {
        width: 100%;
    }

    .members-wrapper .usa-card__heading {
        font-size: 12px !important;
    }


    .members-wrapper {
        margin: 15px 0px;
    }

    /*mobile end of Staff and Member Page*/

    .nwbc-breadcrumbs {
        display: none;
    }

    .report_cards .usa-button,
    .download-button,
    .view-button {
        font-size: 13px;
    }

    .report-details .download-button {
        width: 99%;
    }

    .report-details .view-button {
        width: 87%;
    }

    .report-details .usa-image {
        text-align: center;
    }

    /* event page forms */
    .form__container .usa-form select {
        max-width: 100%;
    }

    .form__container .usa-form input[type="text"] {
        max-width: 100%;
    }
    .form__container .usa-form button.usa-button{
        width: auto;
    }


    /*start of text-block*/
    .text-block p,
    .text-block p a,
    .text-block li a,
    .text-block li {
        font-size: 13px;
    }

    .text-block ul li {
        font-size: 13px;
        padding: 4px 18px;
    }

    /*end of text-block*/

    /*start of nwbc accordion section - s*/
    .nwbc_accordion .elementor-accordion-item {
        margin: 24px 0px;
    }

    /*end of nwbc accordion section - s*/

    /* start of wave decoration */

    .decoration.red_yellow::before,
    .decoration.red_yellow::after {
        background-image: url("../images/wave_decoration/red_yellow_m.png");
        width: 160px;
        height: 32px;
    }

    .decoration.blue_yellow::after,
    .decoration.blue_yellow::before {
        background-image: url("../images/wave_decoration/blue_yellow_m.png");
        width: 160px;
        height: 32px;
    }

    .decoration.blue_red::after,
    .decoration.blue_red::before {
        background-image: url("../images/wave_decoration/blue_red_m.png");
        width: 160px;
        height: 32px;
    }

    .decoration.red_blue::after,
    .decoration.red_blue::before {
        background-image: url("../images/wave_decoration/red_blue_m.png");
        width: 160px;
        height: 32px;
    }

    /* end of wave decoration */

    /* forms related css */
    .form__container {
        padding: 40px 20px;
    }

    /* footer menu */
    .usa-footer__primary-section ul li.usa-footer__primary-content a {
        font-size: 13px;
        line-height: 1.62;
    }

    .usa-footer__social-links h3 {
        font-size: 13px;
        line-height: 1.62;
    }

    .usa-footer a,
    .usa-footer h3 {
        font-size: 13px !important;
    }

    /* policy recommendation template */
    .policy_template .usa-accordion__button {
        font-size: 13px;
        padding: 14px;
    }

    .policy_template .usa-accordion__content p,
    .policy_template .usa-accordion__content ul li {
        font-size: 13px;
    }

    /* full width tempalte layout css for events, research&data and news */
    .posts-details h3.usa-heading-2 {
        font-size: 15px;
    }

    .posts-details .usa-content h3>strong {
        font-size: 15px;
    }

    .posts-details h2 {
        font-size: 15px;
    }

    .posts-details h6,
    .posts-details h4,
    .posts-details h5 {
        font-size: 13px;
    }

    .posts-details p {
        font-size: 13px;
    }

    .posts-details h1 {
        color: #1b1b1b;
        max-inline-size: 100%;
    }

    .posts-details iframe {
        width: 100%;
        height: 100%;
    }

    .posts-details .usa-button {
        padding: 1rem;
        font-size: 12px;
    }

    .posts-details .usa-image {
        height: auto;
    }

    .additional-butons .usa-button {
        margin-top: 10px;
    }

    /* research & data page */
    #research-search-form .usa-label,
    #research-search-form .usa-button,
    #research-search-form .usa-select,
    #research-search-form #search-keywords {
        font-size: 13px;
    }

    .search-container h3.search-title {
        font-size: 15px;
    }

    .search-container #search-info {
        font-size: 13px;
    }

    .search-container .posts-cards h2.usa-card__heading {
        font-size: 15px;
    }

    .search-container .posts-cards .usa-card__footer a.usa-button {
        font-size: 13px;
    }

    .search-container .posts-cards .usa-card__footer p.posts_tags span {
        font-size: 12px;
    }

    .search-container .card-info span.post-category {
        font-size: 12px;
    }

    .text-block figure a {
        font-size: 13px;
    }

    .text-block figure td {
        font-size: 13px;
    }

    /* search containers */
    .search-container h3.search-numbers {
        margin-left: 0;
        text-indent: 0;
        float: left;
    }

    /* legislation template */
    .legislation-posts {
        padding: 24px;
    }

    .legislation-posts .legislation-index {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
    }

    .legislation-posts h3.post_title,
    .legislation-posts p {
        font-size: 13px;
    }

    .legislation-posts h3.post_title::before {
        width: 80%;
    }

    .legislation-posts .priority_info {
        font-size: 15px;
        width: 64px;
        height: 64px;
        padding: 20px;
    }

    /* start others */
    .member-details,
    .decoration {
        padding-left: 14px;
        padding-right: 14px;
    }

    /* end others */

    /* pagination */
    .usa-pagination .usa-pagination__item{
        margin:0px !important;
        padding-inline-start: 0rem !important;
    }

}



@media only screen and (min-width: 640px) and (max-width: 1023px) {

    /* mobile navigation */
    .usa-navbar .usa-logo img {
        max-width: 180px;
    }
    .usa-pagination .usa-pagination__item{
        margin-left:0px !important;
    }

    .usa-navbar {
        border: 0px;
    }

    .usa-header {
        padding: 8px 23px;
    }

    .usa-menu-btn {
        border-radius: 4px;
    }

    nav.usa-nav {
        width: 50%;
    }

    .usa-nav.is-visible {
        background: #fff;
    }

    .usa-nav.is-visible span,
    .usa-nav.is-visible span::after {
        color: #3b3b3b !important;
    }

    .usa-nav__primary button[aria-expanded=false] span::after {
        background-color: #3b3b3b !important;
        margin-top: -12px !important;
    }

    .usa-nav__primary button[aria-expanded=true] span::after {
        background-color: #3b3b3b !important;

    }

    .usa-nav__primary button[aria-expanded=true],
    .usa-nav__primary .usa-nav__submenu {
        background: #fff !important;
    }

    .usa-nav__submenu {
        width: 100%;
    }

    #menu-header-top-navigation .current-menu-item span {
        color: #fff !important;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.62;
    }


    #menu-header-top-navigation .current-menu-item.usa-nav__primary-item a {
        padding: 8px;
    }
    nav.usa-nav ul.usa-nav__primary li button[aria-expanded=true]{
		border-style:none;
	}
	nav.usa-nav ul.usa-nav__primary li button[aria-expanded=true]>span{
		padding:0px;
		color:#3B3B38;
		font-weight:400px !important;
	}

	#menu-header-top-navigation .menu-item a:hover, #menu-header-top-navigation .menu-item button:hover{
		background-color:transparent !important;
	}


    #menu-header-top-navigation .usa-nav__primary-item button {
        padding: 8px 16px;
    }

    nav.usa-nav .usa-nav__submenu li {
        padding: 0px;
    }

    .mobile-logo {
        display: block;
    }

    /* Your CSS rules for tablets in portrait mode */
    .usa-logo img {
        max-width: 270px;
    }

    /* start of members page */
    .members-wrapper {
        margin: 15px 0px;
    }

    .member-subtitle {
        position: static;
    }

    .members-wrapper .usa-card__heading {
        font-size: 12px !important;
    }

    /* end of members page */

    .page_header_title h3,
    .page_header_title h3 span {
        font-size: 32px;
    }

    .text-block p,
    .text-block p a,
    .text-block li a,
    .text-block li {
        font-size: 15px !important;
    }

    .usa-footer a,
    .usa-footer h3 {
        font-size: 15px !important;
    }

    /* start report details page */
    .report-details .usa-image {
        width: 50%;
        margin: auto !important;
    }

    .report-details .usa-image img {
        max-width: 100%;
    }

    /* end of  report details page */
    /* start of event details */
    .posts-details .usa-heading-2 {
        font-size: 17px;
    }

    .posts-details .usa-content h3>strong {
        font-size: 17px;
    }

    /* end of event details */

    /* search containers */
    .search-container h3.search-numbers {
        margin-left: 0;
        text-indent: 0;
        float: left;
    }

    .legislation-posts .legislation-index {
        margin-left: 24px;
        margin-bottom: 16px;
    }

    .report_cards .usa-button,
    .download-button {
        font-size: 13px;
    }

    .report-details .view-button {
        font-size: 13px;

    }

    /* research & data page */
    #research-search-form .usa-label,
    #research-search-form .usa-button,
    #research-search-form .usa-select,
    #research-search-form #search-keywords {
        font-size: 15px;
    }

    .search-container h3.search-title {
        font-size: 17px;

    }

    .search-container #search-info {
        font-size: 15px;
    }

    .search-container .posts-cards h2.usa-card__heading {
        font-size: 17px;
    }

    .search-container .posts-cards .usa-card__footer a.usa-button {
        font-size: 15px;
    }

    .search-container .posts-cards .usa-card__footer p.posts_tags span {
        font-size: 12px;
    }

    .search-container .card-info span.post-category {
        font-size: 12px;
    }

    /* 	research and details */
    .additional-butons a {
        font-size: 13px;
    }

    .text-block figure a {
        font-size: 15px;
    }

    .text-block figure td {
        font-size: 15px;
    }


}

@media only screen and (max-width: 56.25em) and (orientation: landscape) {

    /* CSS rules for mobile devices in landscape mode */
}


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

    /* Your CSS rules for tablets in portrait mode */
    .form__container .usa-form input[type="text"],
    .form__container .usa-form select {
        max-width: 100%;
    }

    .decoration.blue_yellow::before,
    .decoration.blue_yellow::after {
        height: 160px;
    }

    .search-container h3.search-title {
        text-indent: 0;
        margin-left: 0;
    }

    .posts-details img {
        max-width: 90%;
    }


}

@media only screen and (min-width: 64em) and (max-width: 90.9375em) and (orientation: landscape) {

    /* Your CSS rules for tablets in landscape mode */
    .decoration.blue_yellow::before,
    .decoration.blue_yellow::after {
        height: 160px;
    }

    .search-container h3.search-title {
        margin-left: 0;
        text-indent: 0;
        margin-bottom: 10px;
    }
}