/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - IMPORTS & FONTS
//  -------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Jersey+10&display=swap');


/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - FRONTEND MAIN CONTENT
//  -------------------------------------------------------------- */
#ad-webdev-newsletter { width:100%; position:relative; display:block; box-sizing:border-box; }

/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - FRONTEND SUBSCRIBE FORMS
//  -------------------------------------------------------------- */

#ad-webdev-newsletter .subscribe { width:100%; display:block; margin:20px 0 0 0; }
#ad-webdev-newsletter .subscribe * { margin:0; padding:0; }
#ad-webdev-newsletter .subscribe input { background-color:#eaeaea; border:0; box-sizing:border-box; width:calc(50% - 10px); height:50px; font-size:20px; float:left; padding:0px 16px 0 16px; margin-bottom:20px; border-radius:6px; }
#ad-webdev-newsletter .subscribe input:nth-child(even) { margin-right:10px; }
#ad-webdev-newsletter .subscribe input:nth-child(odd) { margin-left:10px; }
#ad-webdev-newsletter .subscribe input:focus, #ad-webdev-newsletter .subscribe input:focus-visible { outline:none !important; }
#ad-webdev-newsletter .subscribe input::placeholder { font-size:20px; color:#717171; transition: all 0.3s ease; }
#ad-webdev-newsletter .subscribe .subscribe-email { width:calc(40% - 10px); margin-bottom:0; }
#ad-webdev-newsletter .subscribe .subscribe-captcha { width:calc(20% - 20px); margin-right:10px; margin-bottom:0; }
#ad-webdev-newsletter .subscribe .subscribe-captcha-output { float:left; width:calc(20% - 20px); margin-right:20px; margin-bottom:0; background:#8b8b8b; box-sizing:border-box; height:50px; overflow:hidden; border-radius:6px; cursor:none !important; }
#ad-webdev-newsletter .subscribe .subscribe-captcha-output div { width:100%; height:100%; display:flex; align-items:center; padding-top:1px; justify-content:center; font-size:3em; line-height:0; color:#eaeaea; font-family: "Jersey 10", sans-serif; font-weight: 400; font-style: normal; }
#ad-webdev-newsletter .subscribe button { border:2px solid transparent; height:50px; width:20%; border-radius:6px; background-color:#2a369c; padding:0 14px; color:#fefefe; transition:all 0.3s ease; font-size:16px; font-weight:bold; cursor:pointer; text-transform:uppercase; }
#ad-webdev-newsletter .subscribe button:hover { border-color:#2a369c; background-color:transparent; color:#2a369c; }
@media screen and (max-width: 1000px) {
    #ad-webdev-newsletter .subscribe .subscribe-email { width:calc(35% - 10px); }
    #ad-webdev-newsletter .subscribe .subscribe-captcha { width:calc(25% - 20px); }
}
@media screen and (max-width: 850px) {
    #ad-webdev-newsletter .subscribe input { width:100%; margin-bottom:12px; }
    #ad-webdev-newsletter .subscribe .subscribe-email { width:100%; }
    #ad-webdev-newsletter .subscribe .subscribe-captcha { margin-top:12px; width:calc(60% - 10px); }
    #ad-webdev-newsletter .subscribe .subscribe-captcha-output { width:40%; margin-right:0; margin-top:12px; }
    #ad-webdev-newsletter .subscribe input:nth-child(even) { margin-right:0; }
    #ad-webdev-newsletter .subscribe input:nth-child(odd) { margin-left:0; }
    #ad-webdev-newsletter .subscribe button { width:40%; margin-top:12px; }
}

/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - FRONTEND UNSUBSCRIBE FORMS
//  -------------------------------------------------------------- */
#ad-webdev-newsletter .unsubscribe { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main { max-width:460px; width:100%; padding:16px; box-sizing:border-box;background-color:#e1e1e1; border-radius:10px; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main input { background-color:#fff; border:0; box-sizing:border-box; width:100%; height:42px; font-size:20px; float:left; padding:0px 12px 0 12px; margin-bottom:12px; border-radius:6px; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main input:focus,
#ad-webdev-newsletter .unsubscribe .unsubscribe-main input:focus-visible { outline:none !important; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main input::placeholder { font-size:20px; color:#717171; transition: all 0.3s ease; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main button { border:2px solid transparent; height:42px; border-radius:6px; background-color:#2a369c; padding:0 14px; color:#fefefe; transition:all 0.3s ease; font-size:16px; font-weight:bold; cursor:pointer; text-transform:uppercase; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main button:hover { border-color:#2a369c; background-color:transparent; color:#2a369c; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main .unsubscribe-email { margin-top:16px; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-captcha-output { width:100%; margin-bottom:12px; background:#8b8b8b; box-sizing:border-box; height:42px; overflow:hidden; border-radius:6px; cursor:none !important; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-captcha-output div { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:2.8em; line-height:0; color:#eaeaea; font-family: "Jersey 10", sans-serif; font-weight: 400; font-style: normal; }
#ad-webdev-newsletter .unsubscribe .unsubscribe-main .unsubscribe-description { font-size:16px; line-height:20px; color:#000; margin:0; padding:0; }


/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - FRONTEND CONVALIDER FORMS
//  -------------------------------------------------------------- */
#ad-webdev-newsletter .convalider { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#ad-webdev-newsletter .convalider .convalider-main { max-width:600px; width:100%; padding:20px; box-sizing:border-box;background-color:#e1e1e1; border-radius:13px; }
#ad-webdev-newsletter .convalider .convalider-main .convalider-title { color:#0e0e0e; padding:0; margin:0; font-weight:bold; text-transform:uppercase; }
#ad-webdev-newsletter .convalider .convalider-main .convalider-text { font-size:14px; line-height:20px; color:#0e0e0e; padding:0; margin:18px 0 0 0; }
#ad-webdev-newsletter .convalider .convalider-main .convalider-data { font-size:14px; line-height:20px; color:#0e0e0e; padding:0; margin:18px 0 0 0;  }
#ad-webdev-newsletter .convalider .convalider-main a { color:#b22222; font-weight:bold; }
#ad-webdev-newsletter .convalider .convalider-main a:hover { text-decoration:underline; }

/*  -----------------------------------------------------------------
//  >>  WDNEWSLETTER CSS - FRONTEND ALERT MODAL
//  -------------------------------------------------------------- */
#ad-webdev-newsletter .modal { width:100%; display:block; height:auto; transition:all 0.3s ease; border-radius:6px; }
#ad-webdev-newsletter .modal.modal-hide { height:0 !important; overflow:hidden; }
#ad-webdev-newsletter .modal .modal-content { width:100%; padding:10px; border: 1px solid transparent; border-radius:8px; margin:16px 0 0 0; box-sizing:border-box; font-size:15px; line-height:18px; font-weight:500; }
#ad-webdev-newsletter .modal.modal-success { background-color:#219500; color:#fefefe; }
#ad-webdev-newsletter .modal.modal-warning { background-color:#ffd900; color:#0e0e0e; }
#ad-webdev-newsletter .modal.modal-error { background-color:#ff1c1c; color:#fefefe; }