/**********************************************************

    ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
    ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
    █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
    ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
    ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
    ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝

 **********************************************************/

.vanilla-layout.newsletter {
    color: var(--color-white);
    background: url('../img/footer-pattern.jpg') repeat;
}

.laptop .vanilla-layout.newsletter {
    padding: calc(1*var(--vertical-rhythm)) 0;
}

    .newsletter .vanilla-layout-title-title h2 {
        font-family: var(--font-serif);
        color: var(--color-white);
        font-size: 2.4rem;
    }

    .newsletter .vanilla-layout-title-subtitle p {
        color: var(--color-white);
        font-weight: 900;
        font-size: 4.5rem;
        line-height: 4.5rem;
    }

    .newsletter #field_2_1 label {
        display: none;
    }

    .newsletter a {
        color: var(--color-white);
        font-weight: 600;
    }

    .laptop .newsletter .gfield {
        padding: 0 calc(8*var(--grid-gutter));
    }

    .laptop .newsletter .gform_body {
        width: 70%;
        float:  left;
    }

        .newsletter .gform_body input {
            border-radius: 0;
            border:  0.1rem solid var(--color-white);
            color:  var(--color-white);
            background: none;
        }

        .newsletter .gform_footer input {
            border-radius: 0;
            border:  0.1rem solid var(--color-white);
            color:  var(--color-blue);
            background: var(--color-white);
        }

    .newsletter .gform_footer {
        padding: 0 !important;
    }

    .laptop .newsletter .gform_footer {
        width: 30%;
        float:  left;
        clear: none;
        text-align: center;
    }

    .laptop .newsletter .gform_footer input {
        width: 70%;
    }

    .newsletter .vanilla-layout-title-subtitle {
        margin-bottom: 0;
    }

    .newsletter-form_wrapper {
        margin-top: 2rem;
    }

footer {
    color: var(--color-white);
    background: var(--color-blue-dark);
    background-size: cover;
}

    footer .panel {
        z-index: 2;
        position: relative;
        min-height: 40rem;
    }

        .footer-logo  {
            width: 100%;
            text-align: center;
        }

        .footer-logo img {
            max-width: 15rem;
        }

        footer .dog {
            display: none;
        }

        .laptop footer .dog {
            display: inline-block;
            background: url('../img/dog.png') repeat;
            z-index: 1;
            position: absolute;
            bottom: calc(calc(var(--vertical-rhythm) * -1) - 3.5rem);
            right:  5rem;
            width:  27.3rem;
            height: 28rem;
        }

        footer h4 {
            /*background: rgba( var(--white), 0.2);*/
            color: var(--color-white);
            font-weight:  600;
            padding: 0.2rem;
            text-align: left;
        }

        footer a {
            color: var(--color-white);
        }

        footer address p {
            font-size: 1.5rem;
            color: var(--color-white);
            font-family: var(--font-sans-serif);
        }

            footer address h1 ,
            footer address h2 ,
            footer address h3 ,
            footer address h4 ,
            footer address h5 {
                color: var(--color-white);
                font-size: 1.8rem;
                margin-top:  1.5rem;
                font-family: var(--font-sans-serif);
                padding-bottom: 0.3rem;
                font-weight: 600;
            }

            footer address a {
                color: var(--color-white);
                display: inline !important;
            }

        footer .social {
            margin-top: 3rem;
            text-align: center;
            width: 100%;
        }

            footer .social a {
                width:  2.5em;
                height: 2.5em;
                line-height: 2.5em;
                margin: 0 0.5rem;
                border-radius:  50%;
                color: var(--color-blue-dark);
            }

        footer .navigation {
            margin-top: 2.5rem;
        }

        .footer-navigation {
            margin-top: 1.5rem;
        }

            .footer-navigation a {
                font-size:  1.6rem;
                line-height: 160%;
            }

.credits {
    background: var(--color-black);
    color:  var(--color-white);
    font-size: 1.4rem;
    line-height: 120%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.laptop .credits {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 3.5rem;
}

.credits a {
    color:  var(--color-white);
}