footer {
   
    background-color: var(--grey-40-percent);
}

    footer .block__newsletter {
        background-color: var(--blue);
        height: 410px;
        position: relative;
    }

        footer .block__newsletter .container {
            height: 100%;
        }

            footer .block__newsletter .container:after {
                content: "";
                position: absolute;
                display: block;
                width: 521px;
                height: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-image: url('/images/newsletter.svg');
                top: 0px;
                right: 0px;
            }


        footer .block__newsletter h3 {
            font-style: normal;
            font-weight: 500;
            font-size: 30px;
            color: var(--yellow);
            padding-top: 96px;
            padding-bottom: 8px;
            margin: 0px;
            z-index: 10;
            position: relative;
        }

        footer .block__newsletter .subtitle {
            font-family: var(--font-family-text);
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            color: var(--white);
            z-index: 10;
            position: relative;
        }

        footer .block__newsletter .form {
            margin-top: 80px;
            position: relative;
        }

            footer .block__newsletter .form input[type=email] {
                font-family: var(--font-family-text);
                color: var(--purple);
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                background-color: var(--grey);
                padding-left: 22px;
                padding-top: 20px;
                padding-bottom: 16px;
                width: 568px;
                border: none;
                z-index: 10;
                position: relative;
            }

                footer .block__newsletter .form input[type=email]::placeholder {
                    color: var(--placeholder);
                    opacity: 1;
                }

            footer .block__newsletter .form form {
                display: inline-block;
                position: relative;
            }

            footer .block__newsletter .form .button {
                position: absolute;
                right: 60px;
                margin-top: 0px;
                right: -25px;
                z-index: 10;
            }

           

            footer .block__newsletter .form .error-message {
                display: none;
                color: var(--white);
                margin-top: 10px;
                z-index: 10;
                position: relative;
            }


        footer .block__newsletter .after {
            display: none;
            padding-bottom: 40px;
        }


@supports (-webkit-hyphens:none) {
    footer .block__newsletter .form .button {
        margin-top: 2px;
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        footer .block__newsletter .form .button {
            margin-top: 2px;
        }
    }
}

footer .block__newsletter .form .button.purple:after {
    background-image: url('/images/email - lila.svg');
    width: 20px;
}

footer .block__newsletter .form .button.purple:hover:after {
    background-image: url('/images/email - purple.svg');
}

footer .block__newsletter .form .loading {
    position: absolute;
    right: 60px;
    margin-top: 0px;
    right: -25px;
    z-index: 10;
    height: 24px;
    top: 0px;
    display: none;
}

    footer .block__newsletter .form .loading span {
        opacity: 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
    }

    footer .block__newsletter .form .loading img {
        position: absolute;
        margin: auto;
        left: 0px;
        right: 0px;
    }


    footer .block__newsletter .form .loading:after {
        background-image: url('/images/email - lila.svg');
        width: 20px;
    }




footer .block__newsletter .newsletter-img img {
    width: 276px;
    height: 351px;
    position: absolute;
    bottom: 0px;
    right: 106px;
    z-index: 10;
}



footer .block__footer {
    background-color: var(--purple);
}


    footer .block__footer .submenu-wrapper {
        padding-top: 80px;
    }

        footer .block__footer .submenu-wrapper .submenu {
            display: inline-block;
            vertical-align: top;
            min-width: 295px;
        }

            footer .block__footer .submenu-wrapper .submenu h5 {
                font-style: normal;
                font-weight: 700;
                font-size: 20px;
                letter-spacing: 0.2px;
                color: var(--lila);
                margin: 0px;
                padding: 0px;
                margin-bottom: 48px;
            }

            footer .block__footer .submenu-wrapper .submenu ul {
                margin: 0px;
                padding: 0px;
            }

                footer .block__footer .submenu-wrapper .submenu ul li {
                    list-style: none;
                    margin-bottom: 30px;
                }

                    footer .block__footer .submenu-wrapper .submenu ul li a {
                        font-family: var(--font-family-text);
                        list-style-image: none;
                        font-style: normal;
                        font-weight: 400;
                        font-size: 18px;
                        letter-spacing: 0.25px;
                        color: var(--white);
                        text-decoration: none;
                    }

            footer .block__footer .submenu-wrapper .submenu .socials a {
                display: inline-block;
                vertical-align: top;
                width: 54px;
                height: 54px;
                background-color: var(--white);
                border-radius: 100%;
                position: relative;
                margin-right: 14px;
            }

                footer .block__footer .submenu-wrapper .submenu .socials a:hover {
                    background-color: var(--lila);
                }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social:after {
                content: "";
                position: absolute;
                display: block;
                background-size: cover;
                background-repeat: no-repeat;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--facebook:after {
                width: 12px;
                height: 22px;
                background-image: url('/images/social-fb.svg');
                top: 15px;
                left: 20px;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--instagram:after {
                width: 22px;
                height: 22px;
                background-image: url('/images/social-insta.svg');
                top: 15px;
                left: 15.5px;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--twitter:after {
                width: 27px;
                height: 22px;
                background-image: url('/images/social-twitter.svg');
                top: 16px;
                left: 13.5px;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--email:after {
                width: 24px;
                height: 18px;
                background-image: url('/images/social-mail.svg');
                top: 18px;
                left: 15px;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--youtube:after {
                width: 24px;
                height: 24px;
                background-image: url('/images/social-youtube.svg');
                top: 15px;
                left: 15px;
            }

            footer .block__footer .submenu-wrapper .submenu .socials .nav__social--linkedin:after {
                width: 22px;
                height: 23px;
                background-image: url('/images/social-linkedin.svg');
                top: 14px;
                left: 16px;
            }


    footer .block__footer .logos {
        margin-top: 125px;
        position: relative;
        height: 250px;
        display: inline-block;
        width: 100%;
    }

        footer .block__footer .logos img {
            width: 100%;
        }

        footer .block__footer .logos .rotterdam-festivals {
            width: 277px;
            bottom: 74px;
            position: absolute;
        }


        footer .block__footer .logos .uitagenda {
            position: absolute;
            right: 195px;
            bottom: 109px;
            width: 176px;
        }

        footer .block__footer .logos .rotterdam-make-it-happen {
            position: absolute;
            right: 45px;
            bottom: 109px;
        }

    footer .block__footer .no-logos {
        padding-bottom: 80px;
    }

.sustainable-deals footer .block__footer {
    background-color: var(--dark-green);
}
.sustainable-deals footer .uitagenda,
.sustainable-deals footer .rotterdam-make-it-happen {
    display: none;
}

    @media (max-width: 1205px) {
        footer .block__footer .submenu-wrapper .submenu {
        min-width: 281px;
    }
}

@media (max-width: 1165px) {
  

    footer .block__footer .submenu-wrapper .submenu {
        min-width: 240px;
    }
}


@media (max-width: 1070px) {
    footer .block__newsletter .newsletter-img img {
        right: 30px;
    }
}

@media (max-width: 1024px) {
    footer .block__footer .logos {
        margin-top: 56px;
        height: 130px;
    }

        footer .block__footer .logos .rotterdam-festivals {
            width: 150px;
            bottom: 30px;
            position: absolute;
        }

        footer .block__footer .logos .uitagenda {
            right: 30px;
            bottom: 84px;
            width: 83px;
        }

        footer .block__footer .logos .rotterdam-make-it-happen {
            right: 30px;
            bottom: 40px;
            width: 83px;
        }
}


@media (max-width: 1000px) {
   

    footer .block__footer .submenu-wrapper .submenu {
        min-width: 215px;
    }
}


@media (max-width: 990px) {
    footer .block__newsletter .newsletter-img img {
        display: none;
    }
}



@media (max-width: 710px) {
    footer .block__footer .submenu-wrapper .submenu {
        min-width: calc(50% - 5px);
    }
}

@media (max-width: 610px) {
    footer .block__footer .submenu-wrapper .submenu {
        min-width: 100%;
    }

    footer .block__footer .submenu-wrapper {
        padding-top: 00px;
    }

        footer .block__footer .submenu-wrapper .submenu h5 {
            margin-bottom: 16px;
            line-height: 26px;
            padding-top: 40px;
            font-size: 16px;
        }

        footer .block__footer .submenu-wrapper .submenu ul li {
            margin-bottom: 16px;
        }

            footer .block__footer .submenu-wrapper .submenu ul li a {
                font-size: 16px;
                letter-spacing: 0.25px;
            }

    footer .block__footer .no-logos {
        padding-bottom: 40px;
    }
}

@media (max-width: 680px) {
    footer .block__newsletter .form input[type=email] {
        width: calc(100% - 75px);
    }

    footer .block__newsletter .form form {
        width: 100%;
    }

    footer .block__newsletter .form .button {
        right: 0px;
    }


}

@media (max-width: 580px) {
    footer .block__newsletter .container:after {
        width: 100%;
    }

    footer .block__newsletter {
        background-color: var(--blue);
        height: auto;
        position: relative;
    }

        footer .block__newsletter h3 {
            font-size: 22px;
            padding-top: 40px;
            padding-bottom: 8px;
            line-height: 26px;
        }

        footer .block__newsletter .subtitle {
            font-size: 16px;
            line-height: 27px;
            letter-spacing: 0.25px;
        }

        footer .block__newsletter .form {
            margin-top: 40px;
            padding-bottom: 50px;
        }

            footer .block__newsletter .form input[type="email"] {
                font-size: 14px;
                padding-left: 13px;
                padding-top: 13px;
                padding-bottom: 12px;
            }

            footer .block__newsletter .form .button {
                padding: 9px 24px;
                padding-right: 64px;
            }

                footer .block__newsletter .form .button.purple:after {
                    top: 12px;
                    height: 16px;
                }

        footer .block__newsletter .container:after {
            background-position: center;
        }

        footer .block__newsletter .form .error-message {
            font-size: 14px;
            line-height: 27px;
            letter-spacing: 0.25px;
        }
}

@media (max-width: 475px) {
    footer .block__newsletter .form .button {
        padding-right: 18px;
        width: 0px;
        overflow: hidden;
        text-indent: -9999px;
    }

        footer .block__newsletter .form .button.purple::after {
            right: 10px;
        }

        footer .block__newsletter .form .button.loading::after {
            display: none;
        }

        footer .block__newsletter .form input[type="email"] {
            width: calc(100% - 33px);
        }


    @supports (-webkit-hyphens:none) {
        footer .block__newsletter .form .button {
            margin-top: 2px;
            height: 44px !important;
            width: 44px !important;
            padding: 0px !important;
            right: -6px !important;
        }

            footer .block__newsletter .form .button.purple::after {
                right: 12px !important;
            }

    }

    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) and (stroke-color:transparent) {
            footer .block__newsletter .form .button {
                margin-top: 2px;
                height: 44px !important;
                width: 44px !important;
                padding: 0px !important;
                right: -6px !important;
            }

                footer .block__newsletter .form .button.purple::after {
                    right: 12px !important;
                }
        }
    }
}

@media (max-width: 375px) {

    footer .block__footer .submenu-wrapper .submenu .socials a {
        margin-right: 5px;
    }

    footer .block__footer .logos .uitagenda {
        right: 0px;
    }

    footer .block__footer .logos .rotterdam-make-it-happen {
        right: 0px;
    }
}