/*
|--------------------------------------------------------------------------
| SleepCove Newsletter
|--------------------------------------------------------------------------
*/

/* =========================
   Section
========================= */

.scn-newsletter-section{

    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    background:rgb(226,229,245);

    padding:48px 0;

    margin-top:0 !important;
    margin-bottom:-1px !important;

    position:relative;
    z-index:9;

}

/* =========================
   Remove Elementor / Theme spacing
========================= */

.elementor-widget-shortcode,
.elementor-widget-shortcode > .elementor-widget-container,
.elementor-shortcode{

    margin:0 !important;
    padding:0 !important;

}

.elementor-widget-shortcode:last-child{

    margin-bottom:0 !important;

}

.scn-newsletter-section + footer,
.scn-newsletter-section + .site-footer,
.scn-newsletter-section + .wd-footer{

    margin-top:0 !important;

}

footer,
.site-footer,
.wd-footer{

    margin-top:0 !important;

}

/* =========================
   Container
========================= */

.scn-newsletter-container{

    max-width:1320px;
    width:100%;

    margin:0 auto;

    padding:0 60px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:70px;

}

/* =========================
   Left
========================= */

.scn-newsletter-left{

    flex:1;

}

.scn-newsletter-title{

    margin:0 !important;

    color:rgb(97,65,132) !important;

    font-size:22px !important;

    font-weight:400 !important;

    line-height:1.5 !important;

    letter-spacing:0;

}

/* =========================
   Right
========================= */

.scn-newsletter-right{

    width:560px;

}

/* =========================
   Form
========================= */

.scn-newsletter-form{

    display:flex;

    align-items:center;

    width:100%;

    gap:12px;

    margin:0 !important;

}

/* =========================
   Email
========================= */

.scn-newsletter-form input.scn-newsletter-email{

    flex:1;

    width:auto;

    height:56px !important;

    background:#fff !important;

    border:1.5px solid rgb(97,65,132) !important;

    border-radius:999px !important;

    padding:0 22px !important;

    color:#222 !important;

    font-size:17px !important;

    font-weight:400;

    outline:none !important;

    box-shadow:none !important;

    appearance:none;

}

.scn-newsletter-form input.scn-newsletter-email::placeholder{

    color:#777 !important;

}

.scn-newsletter-form input.scn-newsletter-email:focus{

    border-color:rgb(97,65,132) !important;

    box-shadow:none !important;

}

/* =========================
   Button
========================= */

.scn-newsletter-form button.scn-newsletter-button{

    width:170px !important;

    min-width:170px;

    height:56px !important;

    background:rgb(97,65,132) !important;

    color:#fff !important;

    border:none !important;

    border-radius:999px !important;

    font-size:18px !important;

    font-weight:600 !important;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.25s;

    box-shadow:none !important;

    appearance:none;

}

.scn-newsletter-form button.scn-newsletter-button:hover{

    background:#523572 !important;

}

/* =========================
   Message
========================= */

.scn-newsletter-message{

    margin-top:14px;

    font-size:14px;

}

/* =========================
   Success
========================= */

.scn-newsletter-message.success{

    color:#2e7d32;

    font-weight:600;

}

/* =========================
   Error
========================= */

.scn-newsletter-message.error{

    color:#d32f2f;

    font-weight:600;

}

/* =========================
   Loading
========================= */

.scn-newsletter-button:disabled{

    opacity:.7;

    cursor:not-allowed;

}

/* =========================
   Large Desktop
========================= */

@media(min-width:1400px){

.scn-newsletter-container{

    padding-left:80px;
    padding-right:80px;

}

}

/* =========================
   Tablet
========================= */

@media(max-width:991px){

.scn-newsletter-container{

    flex-direction:column;

    text-align:center;

    gap:28px;

}

.scn-newsletter-right{

    width:100%;

    max-width:620px;

}

}

/* =========================
   Mobile
========================= */

@media(max-width:767px){

.scn-newsletter-section{

    padding:35px 0;

}

.scn-newsletter-container{

    padding:0 22px;

}

.scn-newsletter-title{

    font-size:18px !important;

}

.scn-newsletter-form{

    flex-direction:column;

    gap:15px;

}

.scn-newsletter-form input.scn-newsletter-email{

    flex:none;

    width:100% !important;

    max-width:100%;

    height:54px !important;

}

.scn-newsletter-form button.scn-newsletter-button{

    width:100% !important;

    min-width:100%;

    height:54px !important;

}

}