/* ============ START CUSTOM FOOTER V5 ============ */
#app #view-footer #footer-f1 {
    padding: 0;
    position: relative;
    isolation: isolate;
    text-align: center;

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--custom-footer-v5-bg-image, url("https://cmsv2-shared-assets.apptegy.net/Global/Images/Universal/generic-image.jpg")) no-repeat center 130px;
        background-size: cover;
        opacity: 0.2;
    }

    .logo-wrapper,
    .apptegy-copyright,
    h2 {
        display: none;
    }

    .row {
        flex-direction: column;
    }

    .footer-column-main {
        min-width: 100%;
        box-sizing: border-box;
        padding: 55px 24px;
        background: var(--bg-color);

        p {
            padding: 0;

            span {
                display: inline-block;
                position: relative;
                padding-inline: 30px;
                font-size: 18px;
                line-height: 1.1;

                a {
                    text-decoration: none;
                }

                a:hover {
                    text-decoration: underline;
                }

                &:not(:last-child)::after {
                    content: "";
                    position: absolute;
                    right: -4px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 7px;
                    height: 7px;
                    background: var(--separator-color);
                    border-radius: 50%;
                }
            }
        }
    }

    .footer-columns {
        padding: 80px 30px;

        ul {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;

            a {
                display: inline-block;
                padding: 8px 20px;
                font-size: 19px;
                border-radius: 4px;
                border: 2px solid var(--custom-footer-v5-btn-border-color, var(--primary-color-contrast));
                transition: all .35s ease-in-out;

                &:hover {
                    transform: translateY(-10px);
                }
            }
        }
    }

    .footer-column-last {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        padding-bottom: 80px;

        .footer-social-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            gap: 10px;
            margin-bottom: 10px;
            order: -1;

            a {
                display: block;
                margin-bottom: 0;
                transition: all .35s ease-in-out;

                &:hover {
                    opacity: 0.9;
                }
            }

            img {
                width: 40px;
            }
        }
    }
}


@media only screen and (max-width: 1024px) {
    #app #view-footer #footer-f1 {
        &::after {
            background-position-y: 100px;
        }

        .footer-column-main {
            padding-block: 40px;

            & p span {
                display: block;
                font-size: 16px;
                padding-inline: 20px;
                padding: 10px;

                &:not(:last-child)::after {
                    display: none;
                }
            }
        }

        .footer-columns {
            padding: 40px 20px;
            box-sizing: border-box;

            & ul a {
                font-size: 15px;
            }
        }

        .footer-column-last {
            padding-bottom: 40px;

            & .footer-social-links img {
                width: 27px;
            }
        }
    }
}

/* ============ END CUSTOM FOOTER V5 ============ */