/*  Sets styles for all buttons   */
/* -----------------------------  */

/* Modal form * Write Us * : #wpforms-680 */
/* Modal form * Request a call * : #wpforms-681 */
/* Form * Subscribe (Digest / Search) * : #wpforms-682 */
/* Form * Subscribe (Footer) * : #wpforms-685 */

button:hover {
    cursor: pointer;
}

.c_btn,
.c_btn:active,
.c_btn:focus {
    display: block;
    width: 230px;
    height: 45px;
    border-radius: 25px;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
}

.c_btn_w,
.c_btn_w:active,
.c_btn_w:focus {
    /* margin-top: 30px; */
    background-color: white;
    margin: 70px auto;
}

.c_btn_w:hover {
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 10px 20px var(--eco-grey);
}

form .c_btn_w,
form .c_btn_w:active {
    margin-top: 150px;
}

@media only screen and (max-width: 450px) {

    form .c_btn_w,
    form .c_btn_w:active {
        margin-top: 40%;
    }
}

@media only screen and (min-width: 450px) and (max-width: 600px) {

    form .c_btn_w,
    form .c_btn_w:active {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {

    form .c_btn_w,
    form .c_btn_w:active {
        margin-top: 30px;
    }
}

footer .c_btn_w,
footer .c_btn_w:active {
    box-shadow: 0 5px 10px var(--eco-d-green);
}

.o_header_info .c_btn_w {
    box-shadow: 0 5px 10px var(--eco-d-green);
}

footer .c_btn_w:hover,
.o_header_info .c_btn_w:hover {
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 10px 20px var(--eco-d-green);
}

.c_btn_g,
.c_btn_g_search {
    background-color: var(--eco-green);
}

.c_btn_g_search:active {
    background-color: var(--eco-green);
    box-shadow: 0 5px 10px var(--eco-black);
    margin: 40px 0 0 10%;
}

.c_btn_g:active {
    margin: 40px auto 0 auto;
    background-color: var(--eco-green);
    box-shadow: 0 5px 10px var(--eco-black);
    /* outline: none; */
}

.c_btn_g:hover,
.c_btn_g_search:hover {
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 10px 20px var(--eco-d-grey);
}

.c_btn_footer,
.c_btn_footer:active,
.c_form_footer .wpforms-submit {
    margin: 15px 0 !important;
    display: block !important;
    width: 180px !important;
    height: 35px !important;
    border-radius: 25px !important;
    text-align: center !important;
    padding: 5px !important;
    cursor: pointer !important;
    color: var(--eco-d-green) !important;
    background-color: white !important;
    /* box-shadow: 0 5px 10px var(--eco-grey) !important; */
}

/* WP From plugin button styles */

.c_form_modal .wpforms-submit,
.c_form_wrap .wpforms-submit {
    display: block !important;
    width: 230px !important;
    height: 45px !important;
    border-radius: 25px !important;
    text-align: center !important;
    padding: 15px !important;
    cursor: pointer;
    margin: 40px auto 0 auto !important;
    background-color: var(--eco-green) !important;
    box-shadow: 0 1px 3px var(--eco-d-grey) !important;
    border: none !important;
}

/* Footer * Subscribe * WP From  */
#wpforms-submit-685 {
    box-shadow: none !important;
}

.wpforms-submit:active {
    margin-top: 30px;
    background-color: white;
    box-shadow: 0 3px 25px var(--eco-grey);
    margin: 40px auto 0 auto;
    background-color: var(--eco-green);
    box-shadow: 0 3px 25px var(--eco-d-grey);
}