.wFormContainer,
.wForm .inputWrapper {
    width: 100%;
}

.wFormContainer .wForm {
    background: transparent;
    padding: 0;
    margin: 0 !important;
}

.wFormFooter + .supportInfo,
.wFormFooter {
  display: none;
}

.wForm form {
    padding: 0 !important;
}

.wForm form > div.oneField {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

input#M-tfa_1880, input[id^="M-tfa_1880["],
input#F-tfa_1880, input[id^="F-tfa_1880["],
input#tfa_1880, input[id^="tfa_1880["] {
    width: 100% !important;
}

#M-tfa_1880, *[id^="M-tfa_1880["],
#F-tfa_1880, *[id^="F-tfa_1880["],
#tfa_1880, *[id^="tfa_1880["],
.wForm form > .inputWrapper input[type="email"] {
    height: 46px !important;
    padding: 0 12px !important;
}

#tfa_1880,
*[id^="tfa_1880["] {
    width: 474px !important;
}

#tfa_1880-D,
*[id^="tfa_1880["][class~="field-container-D"] {
    width: auto !important;
}

#tfa_1880-L,
label[id^="tfa_1880["] {
    width: 84px !important;
    min-width: 0;
}

.wFormContainer, .wForm .inputWrapper,
.wFormContainer .wForm .inputWrapper input[type="text"],
.wFormContainer .wForm .inputWrapper input[type="email"] {
    width: 100%;
    height: 100% !important;
}

.wFormContainer .actions {
    margin: 0;
    padding: 0;
    border: 0;
}

.wFormContainer .actions .primaryAction {
    margin: 0;
    height: 100%;
    font-family: Lato, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-size: 18px;
    min-width: 90px !important;
}

/* Modal Specifics */

lbj-header[sticky] lbj-popover lbj-button button {
    line-height: 2;
}

lbj-popover .wForm form:has(>.errFld) {
    margin-bottom: 24px;
}
lbj-popover .wForm form .label {
    display: none;
}

/* Footer Specifics */
lbj-footer .wFormContainer .actions .primaryAction {
    height: 46px !important;
}

lbj-footer .wFormContainer .label {
    display: none;
}

lbj-footer .wFormContainer,
lbj-footer .wForm .inputWrapper,
lbj-footer .wFormContainer .wForm .inputWrapper input[type="text"] {
    height: initial !important;
}


/* Classes to be applied to modified elements */
.fa-sticky-actions {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    display: flex;
    position: sticky;
    grid-column: 1 / 3;
    align-items: center;
    justify-content: center;
}

/* **********************************************
    START OF FA NEWSLETTER CONTAINER
********************************************** */

.thank-you-message:not(.hidden) {
    display: flex;
    min-height: 400px;
    flex-direction: column;
    justify-content: center;
}

.fa-newsletter .wFormContainer {
    /**** VARS ****/
    --gap-x1: 4px;
    --gap-x2: 8px;
    --gap-x3: 12px;
    --gap-x4: 16px;
    --gap-x5: 20px;
    --gap-x6: 24px;
    --gap-x7: 32px;
    --gap-x8: 40px;
    --gap-x12: 48px;
    --gap-x13: 52px;
    --gap-x15: 60px;
    --gray--lightest: #F5F5F5;
    --gray--neutral-darker: #696969;
    --gray--neutral-darkest: #353535;
    --yellow-primary: #FDBF11;
    --font-sans-form: Lato, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    max-width: min(100%, 1160px) !important;
    /******** MAIN TITLES ********/
    /******** MAIN FORM ********/
}

.fa-newsletter .wFormContainer h3 {
    margin: 0;
    line-height: 122.222%;
    text-transform: initial;
    font-weight: 600 !important;
    font-size: 2.25rem !important;
    font-family: var(--font-sans-form) !important;
}

/* Hiding default header from form */
.fa-newsletter .wFormContainer > .wFormHeader,
.fa-newsletter .wFormContainer form > .htmlSection:has(> .htmlContent *:is(b)) {
    display: none;
}

/* Styling main input field */
.fa-newsletter .wFormContainer form > .oneField {
    margin: 0 !important;
}

.fa-newsletter .wFormContainer form > .oneField .errMsg {
    text-align: center;
}

.fa-newsletter .wFormContainer form > .oneField .inputWrapper {
    /* Auto layout */
    display: block;
    flex-direction: row;
    align-items: center;
    padding: 32px;
    margin: 0 auto;
    max-width: 755px;
    background: #FFFFFF;
    border-bottom: 4px solid var(--yellow-primary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.fa-newsletter .wFormContainer form > .oneField .inputWrapper input {
    height: 46px !important;
    font-style: normal;
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    border-color: var(--gray--neutral-darker) !important;
    color: var(--gray--neutral-darker) !important;
}

.fa-newsletter .oneField .label span {
    font-family: var(--font-sans-form) !important;
}

.fa-newsletter .wFormContainer .htmlSection:has(> .htmlContent lbj-title) {
    margin: 4em 0 0;
}

.fa-newsletter .wFormContainer form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: var(--gap-x6) var(--gap-x7);
    /******** TITLE ROW FOR NEWSLETTER ITEM ********/
    /******** INDIVIDUAL NEWSLETTER CARD :: INNER TEXT ********/
}

.fa-newsletter .wFormContainer form input[type=checkbox] {
    width: var(--gap-x5);
    aspect-ratio: 1;
}

.fa-newsletter .wFormContainer form label {
    margin: 0 !important;
}

.fa-newsletter .wFormContainer form > .htmlSection {
    padding: 0 !important;
    border: 0 !important;
}

.fa-newsletter .wFormContainer form > div {
    grid-column: span 2;
    /* TOP BOX CONTAINING CHECKBOXES (2-col) */
    /* INDIVIDUAL NEWSLETTER CARD */
}

.fa-newsletter .wFormContainer form > div.section.group {
    background: var(--gray--lightest);
}

.fa-newsletter .wFormContainer form > div.section.column.group {
    grid-column: span 2;
    padding: var(--gap-x12) !important;
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout {
    width: 100%;
    /* checkbox with label */
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout div {
    padding: 0 !important;
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tbody,
.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tr {
    display: flex;
    gap: var(--gap-x4);
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tr {
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tr {
        flex-direction: row;
    }
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tr td {
    flex: 1 1 0;
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout tbody {
    flex-flow: column;
}

.fa-newsletter .wFormContainer form > div.section.column.group .columnLayout .oneChoice {
    display: flex;
    gap: var(--gap-x4);
}

.fa-newsletter .wFormContainer form > div.section.group:not(.column) {
    grid-column: span 2;
    display: flex;
    flex-flow: column;
    gap: var(--gap-x2);
}

@media screen and (min-width: 768px) {
    .fa-newsletter .wFormContainer form > div.section.group:not(.column) {
        grid-column: span 1;
    }
}

.fa-newsletter .wFormContainer form > div.section.group:not(.column) .matrixLayout {
    /******** INNER TEXT ITEM ********/
}

.fa-newsletter .wFormContainer form > div.section.group:not(.column) .matrixLayout ~ div {
    padding: 0 var(--gap-x13) 0;
}

.fa-newsletter .wFormContainer form > div.section.group:not(.column) .matrixLayout ~ div:last-of-type {
    padding-bottom: var(--gap-x6);
    /* optically add extra space */
    margin-top: var(--gap-x1);
}

.fa-newsletter .wFormContainer form .matrixLayout {
    display: flex;
    flex-flow: row-reverse;
    margin: 0 !important;
    padding: var(--gap-x6) var(--gap-x4) 0;
    gap: var(--gap-x4);
    align-items: baseline;
    /* used as bimonthly, weekly, etc label */
}

.fa-newsletter .wFormContainer form .matrixLayout .htmlSection,
.fa-newsletter .wFormContainer form .matrixLayout tr,
.fa-newsletter .wFormContainer form .matrixLayout td,
.fa-newsletter .wFormContainer form .matrixLayout th,
.fa-newsletter .wFormContainer form .matrixLayout label {
    padding: 0 !important;
    border: 0 !important;
}

.fa-newsletter .wFormContainer form .matrixLayout tbody,
.fa-newsletter .wFormContainer form .matrixLayout tr {
    flex: 1 1 auto;
}

.fa-newsletter .wFormContainer form .matrixLayout tr {
    display: flex;
    flex-direction: row-reverse;
    background-color: unset !important;
    column-gap: var(--gap-x4);
    align-items: start;
}

.fa-newsletter .wFormContainer form .matrixLayout th {
    flex: auto;
    min-width: unset;
}

.fa-newsletter .wFormContainer form .matrixLayout thead {
    flex: 1 0 auto;
    border: 0;
}

.fa-newsletter .wFormContainer form .matrixLayout thead th {
    font-size: 0.875rem;
    font-style: italic;
    text-align: right;
    min-width: unset !important;
    font-weight: 400;
    line-height: 150%;
}

.fa-newsletter .wFormContainer table.matrixLayout thead tr.headerRow th {
    color: var(--gray--neutral-darker) !important;
    font-family: var(--font-sans-form)
}

.fa-newsletter .wFormContainer form .matrixLayout tr:empty,
.fa-newsletter .wFormContainer form .matrixLayout td:empty,
.fa-newsletter .wFormContainer form .matrixLayout th:empty,
.fa-newsletter .wFormContainer form .matrixLayout p:empty,
.fa-newsletter .wFormContainer form .matrixLayout label:empty {
    display: none;
}

.fa-newsletter .wFormContainer form .matrixLayout th.headerCol {
    /* optical vertical shift */
    top: -0.32em;
    height: initial;
    position: relative;
}

.fa-newsletter .wFormContainer form .matrixLayout th.headerCol label {
    font-size: 1.5rem;
    line-height: 133.333%;
    font-family: 'futura-pt';
}

.fa-newsletter .wFormContainer form .newsletter-item-details-description,
.fa-newsletter .wFormContainer form .newsletter-item-details-eyebrow {
    font-size: 0.875rem;
    line-height: 1.5;
}

.fa-newsletter .wFormContainer form .newsletter-item-details-description {
    color: var(--gray--neutral-darkest);
}

.fa-newsletter .wFormContainer form .htmlSection:has(.newsletter-item-details-description) {
    margin: 0;
}

.fa-newsletter .wFormContainer form .newsletter-item-details-eyebrow {
    text-transform: uppercase;
    color: var(--gray--neutral-darker);
}

.fa-newsletter .wFormContainer form .htmlSection:has(.newsletter-item-details-eyebrow) {
    margin: 0;
}

.fa-newsletter .actions {
    bottom: 0;
    display: flex;
    margin-top: 40px;
    position: sticky;
    justify-content: center;
    padding: 20px 0 !important;
}




