.custom-footer-block{
    margin-top: 150px;
    padding-block: 2rem;
    background-color: var(--wp--preset--color--lrdv-red);
    .footer-background-images{
        display: none;
    }

    .footer-content{
        position: relative;
        max-width: var(--wp--style--global--content-size);
        margin-inline: auto;
        display: grid;
        color: white;
        a{
            color: inherit;
            text-decoration: none;
            &:hover{
                transition: .3s all;
                text-decoration: underline;
            }
        }

        .footer-scroll{
            display: none;
        }

        .footer-section-title{
            margin-top: 0;
            margin-bottom: 0;
        }
    }

    .footer-section{
        &.footer-link-section{
            font-size: var(--wp--preset--font-size--small);
            text-align: center;
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid var(--wp--preset--color--lrdv-cream);
            .footer-logo{
                margin-bottom: 1rem;;
                img{
                    max-height: 140px;
                    width: auto;
                }
            }
            .footer-nav-1{
                width: 100%;
                .footer-social-icons{
                    display: flex;
                    gap: 1rem;
                    align-items: center;
                    justify-content: center;
                    padding-bottom: 2rem;
                    border-bottom: 1px solid var(--wp--preset--color--lrdv-cream);
                    margin-bottom: 2rem;
                }

                .footer-nav-1-links{
                    .footer-section-title{
                        margin-bottom: 0.5rem;
                    }
                }
            }

            .footer-nav-2{
                .footer-nav-links{
                    list-style: none;
                    padding: 0;
                    li{
                        margin-bottom: 0.5rem;
                    }
                }
            }   
        }
        &.footer-newsletter-section{
            justify-self: center;
            justify-items: center;
            text-align: center;
            .footer-newsletter{
                .footer-brand-name{
                    font-size: var(--wp--preset--font-size--large);
                    margin-block: 0;
                }
                .footer-newsletter-text{
                    margin-top: 0.125rem;
                    font-size: var(--wp--preset--font-size--small)
                }

                .footer-form-group{
                    margin-block: 2rem;
                    input{
                        padding: 0.5rem 1rem;
                        border-radius: 6px;
                        outline: none;
                        border: none;
                        margin-right: 0.5rem;
                    }
                    button{
                        background-color: var(--wp--preset--color--lrdv-dark);
                        color: white;
                        height: 100%;
                        padding: 0.5rem 0.5rem;
                        border-radius: 6px;
                        border: none;
                    }
                }

                .footer-locations{
                    display: flex;
                    gap: 0.25rem 2rem;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: wrap;
                    .footer-location{
                        display: flex;
                        align-items: center;
                    }
                }
            }
        }
    }
    

}

@media (min-width: 768px){
    .custom-footer-block{
        .footer-section{
            &.footer-link-section{
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                place-content: center;
                justify-items: center;
                .footer-nav-1{
                    display: grid;
                    .footer-social-icons{
                        order: 10;
                        border-bottom: initial;
                    }
                }
            }
        }
    }
}


@media (min-width: 992px){
    .custom-footer-block{

        .footer-content{
            grid-template-columns: 1fr 1fr;
            column-gap: 3rem;

            .footer-scroll{
                display: initial;
                position: absolute;
                bottom: 100%;
                z-index: 10;
                right: 3rem;
                img{
                    width: 300px;
                }

                svg{
                    position: absolute;
                    bottom: 100%;
                    display: none;
                }
            }
        }


        .footer-section{
            &.footer-link-section{
                order: -1;
                column-gap: 1.5rem;
                text-align: initial;
                margin-top: initial;
                padding-top: initial;
                border-top: initial;
                .footer-nav-1{
                    .footer-social-icons{
                        justify-content: start;
                    }
                }
            }

            &.footer-newsletter-section{
                text-align: initial;
            }
        }
    }
}