@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";

.block-landing-form {
    &__image-wrapper {
        img {
            width: 100%;
            border-radius: 20px;
        }
    }

    &__text-wrapper {
        picture {
            img {
                border-radius: 20px;
            }
        }
        ul {
            li {
                @include margin(rem-calc(20 0));
                @include fluid-type(16, 18, 375, $max-container-size);
                color: $secondary;
                font-weight: 400;
                a {
                    display: block;
                    @include fluid-type(16, 18, 375, $max-container-size);
                    color: $secondary;
                    font-weight: 400;

                    &:hover {
                        color: $primary;
                    }
                }
            }
        }
    }

    &__form-wrapper {
        // padding-left: 6.25rem;
        max-width: 89%;

        @include padding-top(rem-calc(20));
        @include padding-bottom(rem-calc(20));

        @include bp($lg, true) {
            max-width: 100%;
            padding-left: 0;
            @include margin-top(rem-calc(2.5rem));
        }
    }

    &__form-wrapper-field {
        @include margin-bottom(rem-calc(2.209rem));
    }

    p {
        font-weight: 400;
        @include margin-bottom(rem-calc(3rem));
    }

    .gfield--type-html {
        @include margin-bottom(rem-calc(0.938rem));
        @include margin-top(rem-calc(0.938rem));
    }

    .gform_wrapper.gravity-theme {
        .gform_fields {
            grid-row-gap: 35px;
        }
    }

    .gform_validation_errors {
        display: none;
    }

    .gform_wrapper.gravity-theme {
        .gfield_error [aria-invalid="true"] {
            border-bottom: 1px solid $error;
            border-top: none;
            border-left: none;
            border-right: none;
        }

        .gfield_validation_message {
            display: none;
        }
    }

    .gform_confirmation_message {
        color: $success;
        font-weight: 700;
        @include padding-bottom(rem-calc(20));
    }
}

.block-landing-form-heading {
    position: relative;
    &__wrapper {
        text-align: center;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
        
        @include bp($lg, true) {
            max-width: 100%;
        }

        @include bp($md, true) {
            @include margin-top(rem-calc(30));
        }

        h1 {
            @include margin-bottom(rem-calc(1.875rem));
        }

        .heading {
            @include margin-bottom(rem-calc(1.875rem));
        }

        p {
            font-weight: 400;
        }
    }
}