/*/home/cge3ug2m0ta7/public_html/evokeimpact.com.au/css/form.css*/
/* =========================================================   SUBSCRIBE SECTION  ========================================================= */

/* FORM LOADING STATE */
#evoke-subscribe-form{
    position:relative;
    transition:opacity .3s ease;
}

#evoke-subscribe-form.is-loading{
    opacity:.55;
    pointer-events:none;
}

/* Loader Overlay */
#evoke-subscribe-form.is-loading::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:28px;
    height:28px;
    margin-top:-14px;
    margin-left:-14px;
    border:3px solid rgba(180,87,45,.25);
    border-top-color:#b4572d;
    border-radius:50%;
    animation:evokeSpin .7s linear infinite;
    z-index:5;
}

@keyframes evokeSpin{
    to{
        transform:rotate(360deg);
    }
}


.evoke-subscribe{
    background:#fff;
    padding:120px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.evoke-subscribe__inner{
    width:100%;
    max-width:900px;
}

/* TOP SMALL TITLE */
.subscribe-label{
       color: #99461f;
    font-size: 28pt;
    letter-spacing: 25px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: 'Avotica regular';
    font-weight: 300 !important;
}

/* MAIN HEADING */
.subscribe-heading{
    font-size:88px;
    line-height:0.95;
    color:#000;
    font-weight:400;
    margin-bottom:40px;
    font-family:'Cormorant Garamond', serif;
}

/* DESCRIPTION */
.subscribe-description{
    color:#b4572d;
    font-size:18pt;
    line-height:1.5;
    max-width:700px;
    margin:0 auto 55px;
    font-family:'Avotica Regular';
}

/* RECEIVE SIGNAL */
.subscribe-signal{
       color: #b4572d;
    font-size: 37px;
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 28px;
    font-family: 'Avotica regular';

}


/* =========================================================
   FORM
========================================================= */

#evoke-subscribe-form{
   display: flex;
    align-items: center;
    border: 1.5px solid #bdb4a7;
    border-radius: 60px;
    overflow: hidden;
    background: #f9f6f1;
    max-width: 1045px;
    margin: 0 auto;
    height: 100px;
}

#evoke-subscribe-form:focus-within{
    box-shadow:0 0 0 3px rgba(180,87,45,.12);
}

.evoke-email{
    flex:1;
    height:100%;
    border:none;
    outline:none;
    background:transparent;
    padding:0 36px;
    font-size:28px;
    color:#777;
    font-family:'Avotica Regular';
}

.evoke-email::placeholder{
    color:#9d9d9d;
}

.evoke-btn{
    width:383px;
    height:100%;
    border:none;
    background:#b4572d;
    color:#fff;
    font-size:24px;
    letter-spacing:8px;
    text-transform:uppercase;
    cursor:pointer;
    transition:.3s ease;
    border-radius:0 60px 60px 0;
    font-family:'Avotica Medium';
}

.evoke-btn:hover{
    background:#9f4c28;
}


/* =========================================================
   FEEDBACK
========================================================= */

.evoke-feedback{
    margin-top:20px;
    font-size:16px;
    color:#b4572d;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px){

    .evoke-subscribe{
        padding:90px 25px;
    }

    .subscribe-label{
        font-size:18px;
        letter-spacing:8px;
    }

    .subscribe-heading{
        font-size:62px;
    }

    .subscribe-description{
        font-size:20px;
    }

    .subscribe-signal{
        font-size:18px;
        letter-spacing:6px;
    }

    .evoke-email{
        font-size:20px;
    }

    .evoke-btn{
        width:250px;
        font-size:18px;
        letter-spacing:5px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .evoke-subscribe{
        padding:40px 20px;
                background: rgb(253, 247, 237);
    }

    .subscribe-label{
        font-size:14px;
        letter-spacing:5px;
        margin-bottom:6px;
    }

    .subscribe-heading{
               font-size: 35px;
        line-height: 1;
        margin-bottom: 14px;
    }

    .subscribe-description{
        font-size:16px;
        margin-bottom:35px;
    }

    .subscribe-signal{
              font-size: 18px;
        letter-spacing: 5px;
        margin-bottom: 18px;
    }

    #evoke-subscribe-form{
height: auto;
        border-radius: 22px;
        overflow: hidden;
        max-width: unset !important;
    }

    .evoke-email{
            width: auto !important;
        height:47px;
        font-size:16px;
        padding:0 20px !important;
        text-align:center;
    }

    .evoke-btn{
        width:41%;
        height:47px;
        border-radius:0 !important;
        font-size:16px;
        letter-spacing:4px;
        padding: 13px 20px !important;
    }
    input#evoke-email-input::placeholder {
    font-size: 15px;
}
input#evoke-email-input {
    background: transparent !important;
}
}