/* 11/7/2024 */
.main-page-dimensions {
    display: flex;
    width: 1440px;
    flex-direction: column;
    align-items: flex-start;
}

body {
    /*border: 1px solid black;*/
}

.government_banner {
    display: flex;
    padding: 0px var(--gov-banner-gov-banner-margins-text-area-right, 24px) 0px var(--gov-banner-gov-banner-margins-text-area-left, 24px);
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.in-page-main-content-layout {
    display: flex;
    max-width: var(--template-content-max-width, 736px);
    padding: var(--template-content-margin-vertical, 64px) 0px var(--template-content-margin-vertical, 64px) var(--template-content-margins-left, 16px);
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.wrapper {
    display: flex;
    /*padding: 0px var(--template-page-margins-right, 24px) 0px var(--template-page-margins-left, 24px);*/
    flex-direction: column;
    /*align-items: center;*/
    align-self: stretch;
    background: url(<path-to-image>) lightgray 0% 0% / 10.000000149011612px 10.000000149011612px repeat, var(--high-contrast-backgrounds-drupal-white-background, #FFF);
    flex-wrap: wrap;
    gap: 0.5rem;
    max-width: auto;
    margin: 0 auto;
}

.wrapper_ar {
    display: flex;
    /*padding: 0px var(--template-page-margins-right, 24px) 0px var(--template-page-margins-left, 24px);*/
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    
}

.template-max-width {
    display: flex;
    max-width: 1280px;
    flex-direction: column;
    /*align-items: center;*/
    /*align-self: stretch;*/
    margin: 0px 24px;
}

.breadcrumbs {
    display: flex;
    padding: 16px 16px 16px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.contentwrapper {
    display: flex;
    padding: 0px var(--template-content-margins-right, 16px) 0px var(--template-content-margins-left, 16px);
    align-items: flex-start;
    align-self: stretch;
    max-width: auto;
    margin: 0 auto;
}

.content-wrapper_ar {
    display: flex;
    padding: 0px var(--template-content-margins-right, 16px) 0px var(--template-content-margins-left, 16px);
    align-items: flex-start;
    align-self: stretch;
}

.ssa-ar-outer-content-margins {
    margin: 0px 130px 0px 130px;
}

.usa-ssa-ar-side-navigation {
    display: flex;
    width: 230px;
    padding-right: 16px;
    align-items: flex-start;
    align-self: stretch;
}

.ssa-ar-side-navigation {
    display: flex;
    width: 15.375rem;
    padding-right: 1rem;
    align-items: flex-start;
    align-self: stretch;
}

.usa-ssa-section {
    display: flex;
    padding: 64px 16px 64px 0px;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.app-rep-act-on-claim {
    color: #005ea2;
    padding-bottom: 16px;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
}

p {
    color: #1c1d1f;
    padding: 2px 0px 10px 0px !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    margin: 0px;
}

.usa-accordion__content > p {
    margin-top: 0px !important;
}

.app-rep-sub-text {
    color: var(--disabled-typography-text, #1C1D1F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.16px; /* 162% */
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.a_hyperlink {
    color: var(--element-state-typography-hyperlink-blue, #005EA2);
    text-decoration: underline;
}

a:visited, a:hover {
    color: #54278f;
}

.component-instance {
    display: flex;
    padding: 2px 0px 10px 0px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    
}

.usa-cards-footer-links {
    display: flex;
    padding: 12px 0px 10px 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.usa-prose {
    font-family: 'Public Sans';
}

#h1-heading {
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.h1-heading-frame {
    display: flex;
    padding: 10px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.h1-heading {
    color: var(--high-contrast-typography-headers-h1, #112F4E);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 62.4px; /* 130% */
    margin: 10px 0px;
}

h2 {
    color: #1c1d1f;
    padding: 28px 0px 4px 0px;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    margin: 0px;
}

.h2-heading {
    align-self: stretch;
    color: var(--high-contrast-typography-headers-h2, #1C1D1F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 44.2px; /* 130% */
}

.h3-heading {
    color: var(--high-contrast-typography-headers-h3, #1C1D1F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.2px; /* 130% */
}

.h4-heading {
    align-self: stretch;
    color: var(--element-state-components-accordion-h4-accordion, #005EA2);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 145.455% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.h5-heading {
    align-self: stretch;
    color: var(--high-contrast-typography-headers-h5, #0B4778);

    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px; /* 130% */
}

h5 {
    font-family: 'Public Sans' !important;
    font-size: 20px !important;
    color: #0b4778 !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    padding: 24px 0px 4px 0px !important;
    margin: 0px !important;
}

a {
    color: #005ea2;
    padding: 2px 0px 10px 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    text-decoration: underline;
}

.para-body-text {
    color: var(--disabled-typography-text, #1C1D1F);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.16px; /* 162% */
}

.highlight-text-span {
    color: var(--theme-primary-blue-60v, #005EA2);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.usa-card-group {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    gap: 18px;
    
    /*align-self: stretch;*/
}

.grid-container {
    padding: 0px;
}
.grid-row {
    margin-bottom: 20px;
    margin: 16px -8px;
}

.usa-card__heading {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    display: flex;
    padding-bottom: 10px;
    flex-direction: row;
    /*padding: 16px;*/
    /*align-items: flex-start;*/
    /*align-self: stretch;*/
}

.usa-card__body {
    /*padding: 32px;*/
}

.usa-card__container {
    color: #1b1b1b;
    background-color: #fff;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    border-width: 2px;
    border-color: #e6e6e6;
    border-style: solid;
    display: flex;
    height: 100%;
    flex-direction: column;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    border-radius: .25rem;
    /*min-height: 383px;*/
}

.card {
    display: flex;
    padding: 16px;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 4px; /* 4px rounded corners */
    align-items: flex-start;
    flex: 1 0 0;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
}

.card-area {
    /*display: flex;*/
    padding: 8px 0px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 18px;
    align-self: stretch;
    flex-wrap: wrap;
    list-style-type: none;
}

.ar-card {
    display: flex;
    min-width: 340px;
    /*min-height: 383px;*/
    padding: 32px 32px 22px 32px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 4px;
    border: 1px solid #C6CACE;
    flex-wrap: wrap;
}

.card-margin {
    padding: 16px 16px 16px 16px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.latest-news-frame {
    display: flex;
    padding: 48px 0px 4px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.latest-news-footnote {
    flex: 1 0 0;
    color: var(--element-state-typography-hyperlink-blue, #005EA2);
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.16px; /* 162% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.usa-breadcrumb__list-item:not(:last-child)::after {
    height: 24px;
    width: 24px;
    mask-size: contain;
}

.usa-breadcrumb__list {
    padding: unset;
    
}

.usa-breadcrumb__list {
    padding: unset;
    margin: unset;
}

li.usa-breadcrumb__list-item {
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.62;
    padding: 2px 0px;
}
.usa-in-page-nav {
    margin-left: 16px;
}

.usa-in-page-nav-container {
    display: flex;
    gap: 0px;
    padding: 0px;
}

.usa-breadcrumb {
    padding: 1rem;
    margin: 0px 48px;
}

.usa-card__container_ln {
    /*padding: 32px 32px 22px 32px;*/
}

.ssa-card__body {
    padding: 4px 32px 10px 32px;
}

.ssa-card__footer {
    padding: 0px 32px 32px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.usa-cards-footer-links {
    padding: 2px 0px 10px 0px;
}

.ssa-card__body > ul {
    padding: 2px 0px 10px 20px;
    margin: 0px;
}
 

/*.usa-card_latest_news_header {
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;*/
    /*min-height: 190px;*/
    /*padding: 32px 32px 0px 32px;
}*/

.usa-card_latest_news_body {
    padding: 4px 32px 0px 32px;
}

.usa-card_lates_news_footer {
    padding: 4px 32px 22px 32px;
}

.usa-card_latest_news_header_headingh4 {
    align-self: stretch;
    color: var(--high-contrast-typography-hyperlink-blue-baseline, #005EA2);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Public Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 145.455% */
    text-decoration-line: underline;
}

.usa-card_latest_news_header {
    padding: 0px 0px 10px 0px;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.45
}

.usa-card_register_header {
    /*min-height: 108px;*/
    padding: 32px 32px 0px 32px;
}



.usa-card_register_footer {
    padding: 4px 32px 22px 32px;
}


.usa-card_start_claim_header {
    /*min-height: 96px;*/
    padding: 32px 32px 0px 32px;
}

.usa-card_start_claim_body {
    padding: 4px 32px 0px 32px;
}

.usa-card_start_claim_footer {
    padding: 4px 32px 22px 32px;
}


.usa-card_manage_claim_header {
    /*min-height: 94px;*/
    padding: 32px 32px 0px 32px;
}

.usa-card_manage_claim_body {
    padding: 4px 32px 0px 32px;
}

.usa-card_manage_claim_footer {
    padding: 4px 32px 22px 32px;
}


.usa-card_tax_info_header {
    /*min-height: 125px;*/
    padding: 32px 32px 0px 32px;
}

.usa-card_tax_info_body {
    padding: 4px 32px 0px 32px;
}

.usa-card_tax_info_footer {
    padding: 4px 32px 22px 32px;
}


.header-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    
}

.latestnews_h2_heading {
    display: flex;
    padding: 48px 0px 4px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.styleguide-content {
    padding-left: 1rem;
    /*padding-right: 1rem;*/
    margin-bottom: 3rem;
    max-width: 87.5rem;
    position: relative;
}

.container-return-to-top {
    display: flex;
    padding: 0px var(--nav-bar-nav-bar-margins-right, 24px) 32px var(--nav-bar-nav-bar-margins-left, 24px);
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
}

.return-to-top {
    display: flex;
    margin: 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.usa-in-page-nav__nav {
    padding-left: 0px;
}