.et-widget-newsletter {
    // Background
    &.bg-fullsize,
    &.bg-boxed .container {
        background-color: $colorNeutral1;
        color: color-yiq($colorNeutral1);

        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    &.bg-boxed,
    &.bg-fullsize {
        @include media-breakpoint-only(xs) {
            padding: 0 $grid-gutter-width / 2;
        }
    }

    // Content
    .et-newsletter-content {
        padding: $grid-gutter-width;
        margin: 0;

        @include media-breakpoint-up(sm) {
            padding: rem(30px) rem(50px);
        }

        @include media-breakpoint-up(lg) {
            padding: rem(30px) rem(96px);
        }

        @include media-breakpoint-up(xl) {
            padding: rem(30px) rem(90px);
        }

        .form-control {
            box-shadow: 0 3px 6px $colorBoxShadow;
        }

        .newsletter-email-wrapper {
            margin-bottom: rem(20px);

            @include media-breakpoint-up(sm) {
                margin-bottom: rem(30px);
            }

            .input-group,
            .form-control {
                height: 48px;
            }
        }
        form:last-child {
            .newsletter-email-wrapper {
                margin-bottom: 0;
            }
        }
    }

    // Backdrop
    .et-has-backdrop {
        .et-newsletter-content {
            border-radius: $border-radius;
            background-color: $colorBackdrop;
            color: color-yiq($colorBackdrop);
            margin: $grid-gutter-width / 2;

            @include media-breakpoint-up(sm) {
                margin: rem(50px) - rem($grid-gutter-width / 2) 0;
            }

            @include media-breakpoint-up(lg) {
                margin: rem(40px) - rem($grid-gutter-width / 2) 0;
            }
        }
    }

    // Alignments
    .et-align-horizontal-center {
        justify-content: center;
    }

    .et-align-horizontal-left {
        justify-content: flex-start;

        @include media-breakpoint-up(md) {
            padding-left: 2.5%;
        }

        @include media-breakpoint-up(lg) {
            padding-left: 5%;
        }
        &.et-image-position-left,
        &.et-image-position-right {
            padding-left: 0;
        }
    }

    .et-align-horizontal-right {
        justify-content: flex-end;

        @include media-breakpoint-up(md) {
            padding-right: 2.5%;
        }

        @include media-breakpoint-up(lg) {
            padding-right: 5%;
        }
        &.et-image-position-left,
        &.et-image-position-right {
            padding-right: 0;
        }
    }

    .et-align-horizontal-fullWidth {
        &.et-image-position-left,
        &.et-image-position-right {
            .et-newsletter-content {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }

    .et-image-position-right {
        .et-newsletter-image-container {
            order: 2;
        }
    }

    .et-newsletter-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .et-align-vertical-top {
        .et-newsletter-content-wrapper,
        .et-newsletter-image-container {
            display: flex;
            align-items: flex-start;
        }
    }
    .et-align-vertical-center {
        .et-newsletter-content-wrapper,
        .et-newsletter-image-container {
            display: flex;
            align-items: center;
        }
    }
    .et-align-vertical-bottom {
        .et-newsletter-content-wrapper,
        .et-newsletter-image-container {
            display: flex;
            align-items: flex-end;
        }
    }
}