/*------------------------------------------------------------------
[Search Form > Overlay]
-------------------------------------------------------------------*/
#wpex-searchform-overlay {
    color: #fff;
    text-align: center;

    .wpex-inner {
        font-size: 32px;
    }

    input[type="search"] {
        width: 100%;
        float: none;
        border: 0;
        outline: 0;
        background: none;
        color: inherit;
        height: auto;
        line-height: normal;
        font-size: inherit;
        font-weight: 300;
        padding: 0 30px 20px 0;
        border-bottom: 3px solid rgba(255,255,255,.2);
        text-align: left;
    }

    input[type="submit"],
    button.submit,
    .searchform-submit,
    .woocommerce-product-search button {
        display: none;
    }

    .wpex-title {
        display: none;
    }

    .fa-search {
        position: absolute;
        right: 30px;
        top: 50%;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        margin-top: -35px;
        color: rgba( 255, 255, 255, .3 );
    }

}

@media screen and (max-width: 600px) {
    #wpex-searchform-overlay .wpex-inner {
        font-size: 20px;
    }
}
@media screen and (max-width: 400px) {
	#wpex-searchform-overlay .wpex-inner {
        font-size: 14px;
    }
}