//main: "../stylesheet.scss"
.wysiwyg ul.gform_fields { margin:0px; }

.gform_wrapper {
    * { margin:0px; padding:0px; } // reset margin and padding on all elements

    .modal & {
        padding: 30px 10px !important;
    }
}
#main-container .gform_wrapper { @include outer-container; max-width:100% !important; margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px;

    ul { list-style-type: none; }

    li.gfield { @include span-columns(12); @include omega(); margin-bottom:15px !important; margin-top:0px !important;
        &.col06 { @include span-columns(6); }
        &.col04 { @include span-columns(4); }
        &.col03 { @include span-columns(3); }
        &.col02 { @include span-columns(2); }
        &.col06, &.col04, &.col03, &.col02 { clear:none !important;
            @include media($tablet) { @include span-columns(12); @include omega(); }
            &.bl { @include omega(); }
        }

        &:last-child { margin-bottom: 0 !important; }

        &:not(.gfield_visibility_hidden) { position:relative; }
    }

    .gform_heading { width:100% !important; padding:0px !important; margin:0px !important;
        h3.gform_title { @include font($policeprincipale, 26px, $regular, $text, none, 0px 0px 20px 0px, 32px); }
        .gform_description { display:block; @include font($policeprincipale, 16px, $regular, $text, none, 0px 0px 20px 0px, 24px); }
    }

    .validation_message { display:none !important; }
    .validation_error { display:none !important; width:100% !important; font-family:$policeprincipale; text-align:center; border:1px solid #790000 !important; background:#FFDFE0; }

    .gfield_required { color:$contrast !important; }

    .gfield:not(.cancel-down-effect) {
        .gfield_label { position:absolute; left: 26px; top: 17px; font-size:18px; color:#000; font-weight:$bold; padding:0px !important; margin:0px !important; @include transition(all 0.3s);
            &.active { left:25px; top:7px; font-size:14px; color:#797774; font-weight:$light !important; @include transition(all 0.3s); }
        }
    }
    .gfield_error { background:none !important; border:none !important; }
    .ginput_container { margin:0px !important; max-width:100% !important;
        .fields { font-size:18px; width:100% !important; color:#000; font-weight:$bold; background:#fff; border:1px solid $borders; height:56px; @include border-radius(8px); @include appearance(none); }
        input[type="text"],
        input[type="email"] { padding:15px 20px 0px 20px !important; @include placeholder(#808285,normal); @extend .fields;
            &:focus { outline:none; border-color:$primary; }
        }
        select { background:#fff url(../img/select.png) no-repeat calc(100% - 15px) center; padding:15px 40px 0px 20px !important; @include placeholder(#808285,normal); @extend .fields;
            &:focus { outline:none; border-color:$primary; }
        }
        textarea { padding:20px !important; @include appearance(none); @include placeholder(#808285,normal); @extend .fields;
            &:focus { outline:none; border-color:$primary; }
        }
    }

    .gfield_checkbox {
        // VAR
        $w: 16px;
        $check-w: 8px;
        // var

        input {
            display: none;
        }
        label {
            cursor: pointer;
            position: relative;
            margin: 0;
            padding-left: $w + 10px;
            font-weight: 400 !important;

            &:before,
            &:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                @include transform(translateY(-50%));
                @include transition( all 0.3s );
            }

            &:before {
                width: $w;
                height: $w;
                border: 2px solid $primary;
                background: white;
            }

            &:after {
                opacity: 0;
                left: $w / 2 - $check-w / 2;
                width: $check-w;
                height: $check-w;
                background: $primary;
                @include border-radius(100%);

                @at-root input:checked + label:after { opacity: 1 !important; }
            }

            &:hover {
                &:before {
                    background: lighten($primary, 45);
                }
            }
        }
    }

    .smalltext { font-size:15px; line-height:22px; color:$text; padding:20px 0px 30px 0px; border-bottom:1px solid $borders;
        span { color:$contrast; }
    }

    .notifier { display:block; width:100% !important; @include font($policeprincipale, 13px, $regular, #808285, none, 0px 0px 0px 0px, 24px); font-style:italic;
        span { color:$primary; }
    }

    .gform_button { @include font($policeprincipale, 13px, $bold, #fff, uppercase, 0px, 13px); padding:14px 20px; display:inline-block; @include border-radius(0px);
        background:$primary;
        &:hover { background:lighten($primary, 5%); }
        &:active { background:darken($primary, 5%); }
    }

    .gform_footer { margin:20px 0px 0px 0px !important; padding:0px !important; }
}
aside .gform_wrapper { margin-top:0px !important; padding-top:0px !important; border-top:none !important; }