:root{
    --subscribe-box-bg-l:#3369FF;
    --subscribe-box-bg-r:#203698;
    --subscribe-box-title-color:#FFDC83;
    --subscribe-placeholder-color: #000;
    --subscribe-box-btn-color:#DBBC6E;    
    --subscribe-box-btn-arrow-color: #fff;
    --subscribe-box-checkbox-text-color: #fff;
    --subscribe-checked-color: #203698;
    }

.shadow_edm{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 8999; display: block;}

/*popup_box_edm*/
.popup_box_edm{ display: none; width: 100%; margin: auto; position: fixed; top: 0; left: 0; z-index: 9999;}
.popup_box_edm a{ text-decoration: none;}
.popup_box_edm .popup_edm{transform: scale(1.5); width: 300px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; background: #eeeced; margin: 0 auto; position: relative; z-index: 9999;}
.popup_box_edm .popup_edm .close_btn_edm{ position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background: url(/20260127063529oe_/https://www.edigest.hk/wp-content/plugins/nmg-email-subscription/images/close_btn.png) no-repeat; font-size: 0 !important;}
.popup_box_edm .popup_edm .btn_box_edm{ text-align: center;}
.popup_box_edm .popup_edm .btn_edm{ width: 150px; height: 50px; line-height: 50px; background: #0bab4b; margin: 0 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; display: inline-block; *display: inline; zoom: 1;}
.popup_box_edm .popup_edm .btn_edm span{ font-size: 24px !important; color: #fff;}
.popup_box_edm .popup_edm .btn2_edm{ background: #666;}
.popup_box_edm .popup_edm .check_in_edm, .popup_box_edm .popup_edm .complete_edm{ text-align: center; margin: 0;}
.popup_box_edm .popup_edm .complete_edm{ margin-left: 16px; }
.popup_box_edm .popup_edm .text_edm{ font-size: 24px; padding: 13px 0; line-height: 30px;}
.popup_box_edm .popup_edm .s_text_edm{ font-size: 15px; color: #666; line-height: 22px;}
.popup_box_edm .popup_edm .s_text_edm a, .popup_box_edm .popup_edm .blue_edm{ color: #0068ff;}
.popup_box_edm .popup_edm .ipt_edm{ width: 100%; height: 32px; border: 1px solid #999; background: #fff; margin: 10px auto 20px;}
.popup_box_edm .popup_edm .ipt_edm input{ width: 100%; height: 30px; line-height: 30px\9; padding: 0 16px; border: 0; background: transparent;}
.popup_box_edm .popup_edm .like_box_edm{ padding: 18px 16px 12px; border-top: 2px solid #909090; border-bottom: 2px solid #909090; margin: 16px auto 20px; font-size: 15px; color: #000;}
.popup_box_edm .popup_edm .like_box_edm ul{list-style:none; margin: 0; padding: 0;}
.popup_box_edm .popup_edm .like_box_edm li{ padding: 10px 0; font-weight: normal;}
.popup_box_edm .popup_edm .img_edm img{ width: 100%; height: 100%; border: 0;}
/*.popup_box_edm .popup1_edm{ padding: 16px 20px;}*/
.popup_box_edm .popup2_edm{ padding: 40px 168px 70px;}
/*.popup_box_edm .popup3_edm{ padding: 60px 148px 70px;}*/
.popup_box_edm .popup4_edm{ padding: 50px 134px 46px;}


/*modify:custom of the image and bg color*/
.popup_box_edm .popup_edm .subscription_content { /*display: inline-block; width: 59.47%; padding: 25px; */}
.popup_box_edm .popup_edm .subscription_content>* { padding: 0; margin: 0; }
.popup_box_edm .popup_edm .subscription_content .text_edm { line-height: 1; margin-bottom: 16px; }
.popup_box_edm .popup_edm .subscription_content .text_edm h3 { margin: 12px 0; }
.popup_box_edm .popup_edm .subscription_content .s_text_edm { color: inherit; }
.popup_box_edm .popup_edm .subscription_content .s_text_edm p { margin-top: 0; }
.popup_box_edm .popup_edm .subscription_content .ipt_edm { margin-bottom: 20px; }
.popup_box_edm .popup_edm .subscription_image { position: absolute; right: 0; top: 0; display: inline-block; width: 40.53%; height: 100%; background-size: cover; background-position: center; }
.popup_box_edm .popup_edm .subscription_image img { position: absolute; margin: 0; top: 50%; right: 0; bottom: 0; left: 0; padding: 25px; transform: translateY(-50%); }
.popup_box_edm .popup_edm .close_btn_edm { width: 24px; height: 24px; background: rgba(0,0,0,.5); color: rgba(0,0,0,0); border-radius: 50%; padding: 5px; top: 10px; right: 10px; }
.popup_box_edm .popup_edm .close_btn_edm:after, .popup_box_edm .popup_edm .close_btn_edm:before { content: ""; display: block; height: 2px; background-color: #fff; position: relative; top: 50%; margin-top: -1px; transform: rotate(45deg); }
.popup_box_edm .popup_edm .close_btn_edm:after { transform: rotate(-45deg); margin-top: -2px; }

@media (max-width: 767px){
    .popup_box_edm { padding-left: 30px; padding-right: 30px; }
    .popup_box_edm .popup_edm {transform: scale(1);  /*width: 100%; */}
    .popup_box_edm .popup_edm .subscription_content { /*display: block; width: 100%; padding: 15px; padding-top: 115px;*/ }
    .popup_box_edm .popup_edm .subscription_image { display: block; width: 100%; height: 100px; top: 0; left: 0; text-align: center; }
    .popup_box_edm .popup_edm .subscription_image img { position: relative; transform: none; top: 0; padding: 0; height: 60px; margin: 20px auto; max-width: 70%; }
    .popup_box_edm .popup_edm .check_in_edm, .popup_box_edm .popup_edm .complete_edm{ text-align: center; width:100%;}
}

@media (min-width: 411px) and (max-width: 767px)  {
    .popup_box_edm { padding-left: 50px; padding-right: 50px; }
}

/* ed subscription css */
.widget-subscribe {width: 100%;background: linear-gradient(90.2deg, var(--subscribe-box-bg-l) 0.17%, var(--subscribe-box-bg-r) 99.83%);border-radius: 30px;text-align: center;margin: 24px auto;padding: 0 0 10px 0;display: none;}
.widget-subscribe h4 { font-size: 24px !important; color: #6DBDDD; display: block; margin: 0 auto; text-align: center; }
.widget-subscribe div { text-align: center; }
.widget-subscribe input {height: 42px;font-size: 16px;line-height: 1;padding: 10px 10px 10px 26px;display: block;border: 1px solid transparent;width: 90%;margin:  4px auto; border-radius: 36px;}
.widget-subscribe input:focus{outline: none;}
.widget-subscribe input:-webkit-autofill,
.widget-subscribe input:-webkit-autofill:hover,
.widget-subscribe input:-webkit-autofill:focus,
.widget-subscribe input:-webkit-autofill:active{
    background-color:#fff;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.widget-subscribe input::-webkit-input-placeholder{color:var(--subscribe-placeholder-color); }
.widget-subscribe button {background: #6DBDDD; color: #fff; border: 1px solid #6DBDDD; margin: 0 auto; font-size: 18px !important; line-height: 1; padding: 12px 32px; border-radius: 6px; }
.widget-subscribe a {line-height:0; display: block;color: var(--subscribe-box-title-color)!important;}
/* ed homepage subscription css */
.widget_widget_for_homepage_subcription{display: none; }

/* more subscription after content css */
.module-subcribe {display: none;text-align: center;}
.module-subcribe .module-wrapper {display: block; margin: 1.7rem auto; width: 100%; max-width: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.module-subcribe .module-middle {padding: 0.4rem 1.7rem;}
.module-subcribe .module-input {padding: 0.75rem; cursor: text; font-size: 14px;}
.module-subcribe .module-input:focus {outline: none;}
.module-subcribe .module-bottom {}
.module-subcribe .module-submit {display: block; cursor: pointer;}
.module-subcribe img {user-select: none;}

/* more subscription popup css */
.more_html_popup{display: block !important;}

/* checkbox-css */
label.checkbox-wrapper.checkbox-block {
    position: relative;
   
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 1.75;
    padding: 8px 0;
    position: relative;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
    font-size: 14px !important;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";

    line-height: unset;
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: 5px 10%;
}

span.ed-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    position: relative;
    
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    flex: 0 0 25px;
}

.checkbox-wrapper.checkbox-block input[type=checkbox],.checkbox-wrapper.checkbox-block input[type=radio]{
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    padding: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    touch-action: manipulation;
}

.ed-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-color: #59d2b2;
    border-radius: 3px;
    border-collapse: separate;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ed-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(
45deg
) scale(0) translate(-50%,-50%);
    -ms-transform: rotate(45deg) scale(0) translate(-50%,-50%);
    transform: rotate(
45deg
) scale(0) translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " ";
}
.checkbox-wrapper :checked + .ed-checkbox-inner::after {
    position: absolute;
    top: 50%;
    left: 21%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid var(--subscribe-checked-color);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(
45deg
) scale(1) translate(-50%, -50%);
    -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(
45deg
) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: " ";
}

.checkbox-block .ed-checkbox + span{
    padding-left: 0;
    padding-right: 0;
    font-size: 14px !important;
    color: var(--subscribe-box-checkbox-text-color);
    text-align: left;
    line-height: 1.5;
    word-break: break-word;
    letter-spacing: 0;
    font-weight: 300;
}
.checkbox-block .ed-checkbox + span a{
    display:inline-block;
    color: var(--subscribe-box-checkbox-text-color) !important;
    font-size: 14px !important;
    line-height: 1;
    text-decoration: underline;
}
/*.checkbox-block .ed-checkbox + span a:hover,.checkbox-block .ed-checkbox + span a:focus,.checkbox-block .ed-checkbox + span a:visited{
 text-decoration: none;
}*/
.ed-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.widget-subscribe h2{
    padding: 40px 0 20px;
    width: 80%;
    margin: 0 auto;
    line-height: 36px;
    color: var(--subscribe-box-title-color)!important;
    font-weight: bold;
}

.widget-subscribe p{
    padding: 10px 0 10px;
    width: 80%;
    margin: 0 auto;
    line-height: 1.6;
    color: var(--subscribe-box-p-text-color);
}
.widget-subscribe p>a{
    color: var(--subscribe-box-p-text-color) !important;
}

.widget-subscribe .input-el {
    background-color: #fff;
    width: 80%;
    margin: 20px auto;
    border-radius: 36px;
    height: 50px;
    display: flex;
}
.widget-subscribe .input-el .subscription-btn {
    height: 44px;
    width: 44px;
    background-color: var(--subscribe-box-btn-color);
    margin: 3px;
    border-radius: 50%;
    display: flex;
    place-content: center;
}
.widget-subscribe .input-el .subscription-btn svg{
    fill: var(--subscribe-box-btn-arrow-color);
    width: 20px;
}
.widget-subscribe .subscription-kv {
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 767px){
    .widget-subscribe{
        padding-left: 0 !important;
    }
    .widget-subscribe h2{
        padding: 35px 0 10px;
        width: 92%;
    }
    .widget-subscribe p{
        padding: 10px 0 10px;
        width: 92%;
    }
    .widget-subscribe .input-el{
        width: 92%;
    }
    label.checkbox-wrapper.checkbox-block{
        padding: 10px 4%;
    }
    .widget-subscribe .subscription-kv {
        width: 92%;
        margin: 0 auto;
    }
}