/**
 *
 *	1. Newsletter style 1

 	2. Newsletter style 2
 *
 */



/*----------  1. Newsletter global style  ----------*/
button.btn.sc-newsletter-btn {
    z-index: 1;
    overflow: hidden;
    position: relative;
}
button.btn.sc-newsletter-btn:before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    pointer-events: none;
    z-index: -1;
    background-color: rgba(0,0,0,0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    left: -140px;
    bottom: -160px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: scale(0) translate(0,0);
    -moz-transform: scale(0) translate(0,0);
    -ms-transform: scale(0) translate(0,0);
    -o-transform: scale(0) translate(0,0);
    transform: scale(0) translate(0,0);
}

button.btn.sc-newsletter-btn:hover:before {
    -webkit-transform: scale(1) translate(100px,0);
    -moz-transform: scale(1) translate(100px,0);
    -ms-transform: scale(1) translate(100px,0);
    -o-transform: scale(1) translate(100px,0);
    transform: scale(1) translate(100px,0);
}

/*----------  1. Newsletter style 1  ----------*/
.slz-shortcode-send-mail .sc-newsletter-content .form-control,
.slz-shortcode-send-mail2 .slz-input-group .form-control {
    height: 40px;
    background: #f3f3f3;
    padding: 0 20px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #202427;
}

.slz-shortcode-send-mail .sc-newsletter-content .btn,
.slz-shortcode-send-mail2 .btn {
    background: #f13e4b;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 10px 33px 10px 20px;
    position: relative;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

button.btn.main-color.sc-newsletter-btn:after {
    content: "\f105 ";
    position: absolute;
    right: 0;
    font-family: "FontAwesome";
    margin-right: 20px;
    padding-top: 2px;
}

.entry-content .sc_newsletter .slz-title-shortcode {
    color: #202427;
}

.entry-content .sc_newsletter .sc-newslettter-des {
    margin-bottom: 25px;
}



/*----------  2. Newsletter style 2  ----------*/

.slz-shortcode-send-mail2 .slz-input-group {
    border: none;
}

.slz-shortcode-send-mail2 .input-group-button {
    padding-left: 20px;
}

span.fa-arrow-right:before {
    content: "";
}

.slz-shortcode-send-mail2 .btn > .btn-text {
    position: relative;
}

.slz-shortcode-send-mail2 .btn > .btn-text + .btn-icon {
	margin: 0; 
}

.slz-shortcode-send-mail2 .btn > .btn-text:before{
	content: "\f105 ";
    position: absolute;
    right: 0;
    font-family: "FontAwesome";
    margin-right: -13px;
    padding-top: 2px;
}

@media screen and (max-width: 480px) {
    .slz-shortcode-send-mail2 .slz-input-group {
        display: block;
    }
    .slz-shortcode-send-mail2 .input-group-button {
        display: block;
        width: auto;
        padding-left: 0;
    }
    .slz-shortcode-send-mail2 .slz-input-group .form-control {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
}