

.myrealpage-footer .block-container {
    padding-top: var(--fp-top-spacing);
    padding-bottom: var(--fp-bottom-spacing);
    background-color: var(--fp-background-color);
}

.myrealpage-footer .content-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 0.8rem;
}

.myrealpage-footer .content-container .text {
    text-align: right;
    width: 100%;
    color: var(--fp-text-color);
}

.myrealpage-footer .content-container.reverse {
    flex-direction: row-reverse;
}

.myrealpage-footer .content-container.reverse .text {
    text-align: left;
}

.myrealpage-footer .fluid-container {
    padding-left: var(--col-gap-4);
    padding-right: var(--col-gap-4);
}

.block-layout.myrealpage-footer a {
    color: var(--fp-link-text-color, var(--link-color-light, var(--g-accent-color)));
    text-decoration: none;
    transition: all 0.5s ease;
    white-space: nowrap;
}

.block-layout.myrealpage-footer.inverted .text a {
    color: var(--fp-link-text-color, var(--link-color-dark, var(--g-accent-color)));
}

.myrealpage-footer a:hover {
    color: var(--link-color-light, var(--g-accent-color));
}

.myrealpage-footer.inverted a:hover {
    color: var(--link-color-dark, var(--g-invertedaccent-color));
}

.myrealpage-footer {
    color: var(--fp-text-color, var(--text-color));
}

.myrealpage-footer.inverted {
    color: var(--g-inverted-text-color);
}

/* logo */

.myrealpage-footer .mrp-logo {
    width: 10rem;
}

.myrealpage-footer .mrp-logo svg {
    position: relative;
    bottom: -7px;
}


/* SVG logo */

.myrealpage-footer .mrp-logo svg .text {
    fill: var(--text-color);
}

.myrealpage-footer .mrp-logo svg .mark {
    fill: var(--g-accent-color);
}

.myrealpage-footer .mrp-logo svg .my {
    fill: var(--g-inverted-text-color);
}

/* SVG logo inverted */

.myrealpage-footer.inverted .mrp-logo svg .text {
    fill: var(--g-inverted-text-color);
}

.myrealpage-footer.inverted .mrp-logo svg .mark {
    fill: var(--g-inverted-accent-color, var(--g-accent-color));
}

.myrealpage-footer.inverted .mrp-logo svg .my {
    fill: var(--g-inverted-text-color);
}

/* SVG logo Accent BG */

.myrealpage-footer.accent-bg .mrp-logo svg .text {
    fill: var(--g-inverted-text-color);
}

.myrealpage-footer.accent-bg .mrp-logo svg .mark {
    fill: var(--g-inverted-text-color, var(--g-accent-color));
}

.myrealpage-footer.accent-bg .mrp-logo svg .my {
    fill: var(--g-inverted-accent-color);
}

/* bottom line */

.myrealpage-footer .block-container:after {
    content: "";
    display: block;
    background: var(--g-accent-color);
    height: 12px;
    width: 100%;
    position: relative;
}

.myrealpage-footer.inverted .block-container:after {
    background: var(--g-inverted-accent-color, var(--g-accent-color));
}

.myrealpage-footer.accent-bg .block-container:after {
    background: var(--g-inverted-text-color);
}

@media (max-width: 52.5rem) {

    .myrealpage-footer .content-container,
    .myrealpage-footer .content-container.reverse {
        flex-direction: column;
        align-items: flex-start;
    }

    .myrealpage-footer .content-container .text {
        text-align: left;
    }

    .myrealpage-footer .mrp-logo {
        width: 8rem;
        order: 2;
    }

    .myrealpage-footer .content-container.mobile-center,
    .myrealpage-footer .content-container.reverse.mobile-center {
        align-items: center;
    }

    .myrealpage-footer .content-container.mobile-center .text {
        text-align: center;
    }

}

/* layout */

.myrealpage-footer .block-container {
    padding-top: var(--fp-top-spacing);
    padding-bottom: var(--fp-bottom-spacing);
    background-color: var(--fp-background-color);
}

.myrealpage-footer .content-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 0.8rem;
}

.myrealpage-footer .content-container .text {
    text-align: right;
    width: 100%;
    color: var(--fp-text-color);
}

.myrealpage-footer .content-container.reverse {
    flex-direction: row-reverse;
}

.myrealpage-footer .content-container.reverse .text {
    text-align: left;
}

.myrealpage-footer .fluid-container {
    padding-left: var(--col-gap-4);
    padding-right: var(--col-gap-4);
}

.block-layout.myrealpage-footer a {
    color: var(--fp-link-text-color, var(--link-color-light, var(--g-accent-color)));
    text-decoration: none;
    transition: all 0.5s ease;
    white-space: nowrap;
}

.block-layout.myrealpage-footer.inverted .text a {
    color: var(--fp-link-text-color, var(--link-color-dark, var(--g-accent-color)));
}

.myrealpage-footer a:hover {
    color: var(--link-color-light, var(--g-accent-color));
}

.myrealpage-footer.inverted a:hover {
    color: var(--link-color-dark, var(--g-invertedaccent-color));
}

.myrealpage-footer {
    color: var(--fp-text-color, var(--text-color));
}

.myrealpage-footer.inverted {
    color: var(--g-inverted-text-color);
}

/* logo */

.myrealpage-footer .mrp-logo {
    width: 10rem;
}

.myrealpage-footer .mrp-logo svg {
    position: relative;
    bottom: -7px;
}


/* SVG logo */

.myrealpage-footer .mrp-logo svg .text {
    fill: var(--text-color);
}

.myrealpage-footer .mrp-logo svg .mark {
    fill: var(--g-accent-color);
}

.myrealpage-footer .mrp-logo svg .my {
    fill: var(--g-inverted-text-color);
}

/* SVG logo inverted */

.myrealpage-footer.inverted .mrp-logo svg .text {
    fill: var(--g-inverted-text-color);
}

.myrealpage-footer.inverted .mrp-logo svg .mark {
    fill: var(--g-inverted-accent-color, var(--g-accent-color));
}

.myrealpage-footer.inverted .mrp-logo svg .my {
    fill: var(--g-inverted-text-color);
}

/* SVG logo Accent BG */

.myrealpage-footer.accent-bg .mrp-logo svg .text {
    fill: var(--g-inverted-text-color);
}

.myrealpage-footer.accent-bg .mrp-logo svg .mark {
    fill: var(--g-inverted-text-color, var(--g-accent-color));
}

.myrealpage-footer.accent-bg .mrp-logo svg .my {
    fill: var(--g-inverted-accent-color);
}

/* bottom line */

.myrealpage-footer .block-container:after {
    content: "";
    display: block;
    background: var(--g-accent-color);
    height: 12px;
    width: 100%;
    position: relative;
}

.myrealpage-footer.inverted .block-container:after {
    background: var(--g-inverted-accent-color, var(--g-accent-color));
}

.myrealpage-footer.accent-bg .block-container:after {
    background: var(--g-inverted-text-color);
}

@media (max-width: 52.5rem) {

    .myrealpage-footer .content-container,
    .myrealpage-footer .content-container.reverse {
        flex-direction: column;
        align-items: flex-start;
    }

    .myrealpage-footer .content-container .text {
        text-align: left;
    }

    .myrealpage-footer .mrp-logo {
        width: 8rem;
        order: 2;
    }

    .myrealpage-footer .content-container.mobile-center,
    .myrealpage-footer .content-container.reverse.mobile-center {
        align-items: center;
    }

    .myrealpage-footer .content-container.mobile-center .text {
        text-align: center;
    }

}