footer {
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
        /* Display/Large/: Bold */
        font-family: var(--title-1-primary-large-bold-family);
        font-size: var(--title-1-primary-large-bold-size-rem);
        font-style: var(--title-1-primary-large-bold-style);
        font-weight: var(--title-1-primary-large-bold-weight);
        line-height: var(--title-1-primary-large-bold-line-height-rem);

        & strong,
        & b {
            font-weight: var(--title-1-primary-large-bold-weight);
        }
    
    }
    & .hbspt-form {
        & input {
            margin-bottom: 1rem;
            margin-top: 1rem;
        }
        & .field > label {
            display: none;

        }
    }

    .footer-social-group>p {
        line-height: 1;
        margin-top: 0;
    }

    .footer-social-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: .5rem;
    }

    .footer-social-group>p>a {
        display: block;
        line-height: 1;
        font-size: 0;
        transform-origin: center;
        transition: transform 0.3s;
    }
    .footer-social-group>p>a:hover {
        transform: scale(1.08);
    }
    .wp-block-firsttracks-page-section.is-section-footer-desktop {
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-right: 5rem;
        padding-left: 5rem;
        --font-family: var(--label-1-secondary-small-regular-family);
        --font-size: var(--label-1-secondary-small-regular-size-rem);
        --font-style: var(--label-1-secondary-small-regular-style);
        --font-weight: var(--label-1-secondary-small-regular-weight);
        --line-height: var(--label-1-secondary-small-regular-line-height-rem);

        & strong,
        & b {
            --font-weight: var(--label-1-secondary-small-bold-weight);
        }



        & .hs-form-field {
            margin-bottom: 1rem;
        }
        & .hs-form-field label span {
            display: none;
        }

        & h1,
        & h2,
        & h3,
        & h4,
        & h5,
        & h6,
        & .wp-block-heading {
            --font-family: var(--title-3-primary-large-bold-family);
            --font-size: var(--title-3-primary-large-bold-size-rem);
            --font-style: var(--title-3-primary-large-bold-style);
            --font-weight: var(--title-3-primary-large-bold-weight);
            --line-height: var(--title-3-primary-large-bold-line-height-rem);

            &:first-child {
                --font-family: var(--title-1-primary-large-bold-family);
                --font-size: var(--title-1-primary-large-bold-size-rem);
                --font-style: var(--title-1-primary-large-bold-style);
                --font-weight: var(--title-1-primary-large-bold-weight);
                --line-height: var(--title-1-primary-large-bold-line-height-rem);
                margin-bottom: 2rem;
            }
        }

        & > .wp-block-columns {
            --block-gap: 2rem;

            @media screen and (min-width: 1401px) {
                --block-gap: 16.75rem;
            }

            & .wp-block-group.is-layout-grid {
                --block-gap: 0;
            }
            & .wp-block-group.is-vertical {
                --block-gap: 1rem;

                & .wp-block-paragraph {
                    --block-gap: 0.5rem;
                }
            }
        }

        & .wp-block-separator {
            --block-gap: 2rem;
            margin-bottom: 2rem;
            opacity: 0.25;
            border-top: 1px solid;
            background: var(--white, #FFF);
        }

        & .wp-block-list {
            gap: 1rem;
            display: flex;
            flex-direction: column;

            & li {
                display: block;
            }
        }

        /* Desktop Footer Navigation */
        & h4.wp-block-heading, 
        & h4.wp-block-heading:first-child {
            font-family: var(--label-1-secondary-small-bold-family);
            font-size: var(--label-1-secondary-small-bold-size-rem);
            font-weight: var(--label-1-secondary-small-bold-weight);
            line-height: var(--label-1-secondary-small-bold-line-height-rem);
            margin-bottom: 0;
        }
        & ul.wp-block-navigation {
            gap: 1rem;
            font-weight: var(--label-1-secondary-small-regular-weight);
        }
    }

    .wp-block-firsttracks-page-section.is-section-footer-mobile {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        --block-gap: 1rem;

        @media screen and (min-width: 481px) {
            padding-top: 5rem;
            padding-bottom: 5rem;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }

        & .wp-block-social-links {
            --block-gap: 0.5rem;
        }
    
        & .wp-block-details summary {
            font-family: var(--label-1-secondary-small-bold-family);
            font-size: var(--label-1-secondary-small-bold-size-rem);
            line-height: var(--title-2-secondary-small-bold-line-height-rem);
            font-weight: var(--title-2-secondary-small-bold-weight);
        }

        @media screen and (min-width: 768px) {
            padding-top: 5rem;
            padding-bottom: 5rem;    
            --block-gap: 2rem;    
        }

        & .wp-block-ftm-copyright-date-block,
        & .wp-block-navigation .wp-block-navigation-item {
            font-family: var(--label-2-secondary-small-regular-family);
            font-size: var(--label-2-secondary-small-regular-size-rem);
            font-style: var(--label-2-secondary-small-regular-style);
            font-weight: var(--label-2-secondary-small-regular-weight);
            line-height: var(--label-2-secondary-small-regular-line-height-rem);

            & a {
                font-weight: var(--label-2-secondary-small-regular-weight);
            }
        }

        /* Mobile Navigation */

        & h4.wp-block-heading, 
        & h4.wp-block-heading:first-child {
            display: none;
            visibility: hidden;
        }

        & details p {
            font-family: var(--label-2-secondary-small-bold-family);
            font-size: var(--label-2-secondary-small-bold-size-rem);
            font-style: var(--label-2-secondary-small-bold-style);
            font-weight: var(--label-2-secondary-small-bold-weight);
            line-height: var(--label-2-secondary-small-bold-line-height-rem);
        
            & a {
                font-weight: var(--label-2-secondary-small-regular-weight);
            }
        }

        & details > .wp-block-group {
            --block-gap: 1rem;
        }

        & details > .wp-block-group, 
        & details > .wp-block-group > .wp-block-group,
        & details .wp-block-navigation {
            padding-left: 0;
            padding-right: 0;

        }
        & details .wp-block-navigation {
            margin-top: 0.5rem;
            gap: 0.5rem;
        }

        & details > .wp-block-group > .wp-block-group p {
            margin-block-start: 0.5rem;
        }

    }
}

.is-layout-flex > .footer-hs-form .hs-form-frame {
    margin: -1em -2.5em;
    width: calc(200% - 1em);
}