//------------------//
// Magsparrow - Lib //
//------------------//
// This library is required for all styles.
// Do not remove this.
$magsparrow-render-styles: false;
@import '../../../web/css/magsparrow-lib';
//------------------//

//
//    Newsletter subscription
//--------------------------------------
.block.newsletter {
    margin-bottom: 40px;
    .form.subscribe {
        display: table;
        width: 100%;
    }
    .fieldset {
        display: table-cell;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }
    .field {
        margin: 0;
        .control {
            // @toDo icon -   @icon-envelope
            &:before {
                position: absolute;
            }
            display: block;
        }
    }
    input {
        padding-left: 35px;
    }
    .title {
        display: none;
    }
    .label {
        @include visually-hidden();
    }
    .actions {
        display: table-cell;
        vertical-align: top;
        width: 1%;
    }
    .action.subscribe {
        margin-left: -1px;
    }
}



//
//    Desktop
//--------------------------------------
@include respond-to('medium') {
    .block.newsletter {
        width: 32%;

        .field {
            .control {
                width: 100%;
            }
            margin-right: 5px;
        }
        .action.subscribe {

        }
    }
}
