/* Newsletter Popup Modal */
/* Custom Dialog */
.customDialog { display:none; }
.customDialog .overlay { position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.7; z-index:1000; text-indent:-9999px; }
.closeModal { width:16px; height:16px; display:inline-block; background-image:url(/wp-content/uploads/2023/06/closePopup_grey.png); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden; }

.newsletterModal { position:fixed; z-index:1001; background-color:#fff; padding:10px; box-sizing:border-box; overflow:auto; box-shadow:0 0 10px #000; }
#newsletterModalWrap { width:820px; }
.newsletterBackground { background-repeat:no-repeat; border:1px solid transparent; position:relative; }
.newsletterBackground .closeModal { position:absolute; top:0; right:0; width:20px; height:20px; color:#fff; line-height:24px; font-size:20px; background-position:2px 3px; }
#newsletterThankYouWrap { display:none; width:450px; }
.newsletterModalContent { width:80%; margin:6% 10%; /*background-color:rgba(255, 255,255, 0.8);*/ background-color:#fff; text-align:center; box-sizing:border-box; padding:15px 15px 5px; font-size:17px; line-height:normal; }
.newsletterModalContent h5 { color:#f08c1c; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-weight:bold; margin:10px 0; }
.newsletterModalContent hr { width:25%; margin:10px auto; border:none; border-top:1px solid #ddd; }
.newsletterModalContent a { color:#202020; text-decoration:underline; }
#ModalSubscribeForm .newsletterSignup { width:80%; margin:15px auto; overflow:auto; }
#ModalSubscribeForm .form-field { display:inline-block; float:left; width:65%; }
#ModalSubscribeForm .form-field input { width:100%; border:1px solid #ddd; border-radius:0; -webkit-appearance:none; font-size:16px; padding:7px 5px; box-sizing:border-box; height: 43px; }
#ModalSubscribeForm .lgBtn { float:left; padding:8px 5px; font-size:16px; line-height:1.7; width:35%; box-sizing:border-box; transition:none; }
#newsletterThankYouWrap a.orangeBtn { font-size:13px; color:#fff; text-align:center; text-decoration:none; width:100%; }
#ModalSubscribeForm .errorMsg { text-align:left; margin:0 0 15px; padding:0 1.5%; }
#ModalSubscribeForm .errorMsg ul { margin:12px 0 12px 25px; }

@media screen and (max-width:800px) {
/* Newsletter Popup Modal*/
#newsletterModalWrap { width:96%; left:2% !important; }
}

@media screen and (max-width:639px){
.visible-phone { display:block !important; }
.inline-phone { display:inline-block !important; }
.hidden-phone { display:none !important; }

/* Newsletter Popup Modal */
#newsletterThankYouWrap { width:96%; left:2% !important; }
#newsletterModalWrap, #newsletterThankYouWrap { background-color:#f08c1c; padding:8px; }
#newsletterModalWrap:not(.iosModal), #newsletterThankYouWrap:not(.iosModal) { top:5px !important; }
.newsletterBackground { background-image:none !important; background-color:#fff; }
.newsletterModalContent { margin:0; width:100%; padding-top: 48px; }
.newsletterModalContent h5 { color:#202020; }
.newsletterModalContent hr { width:40%; }
.newsletterBackground .closeModal { width:48px; height:48px; background-position:center; background-color:transparent; }
#ModalSubscribeForm .newsletterSignup { width:95%; }
#newsletterThankYouWrap a.orangeBtn { margin:5px auto; width:80%; font-size:15px; }	
}

@media screen and (max-width:440px){
#ModalSubscribeForm .form-field { width:60%; }
#ModalSubscribeForm .lgBtn { width:40%; }
}