/*
Theme Name: Custom Theme
Author: ZH
Description: Custom Starter Theme CMS Team (Website)
Version: 2.0
License: MIT
Tags: wordpress, html, javascript, sass, css, postcss, webpack, babel, PHP, LD
Text Domain: Custom Theme
*/

/*
This CSS file is needed for WordPress to recognize the theme and display its info.
Please use the ../src/assets/styles/main.scss as an entry point for your SASS code.
*/

.form input.wpcf7-form-control.wpcf7-submit.has-spinner{
    padding: 16px 29px 15px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #eda810;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    width: fit-content;
    color: #222;
}
.form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
    background-color: #222;
    color: white;
}

span.wpcf7-form-control-wrap {
    display: unset;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    right: 0;
    top: 0;
}
span.wpcf7-form-control-wrap {
    position: relative;
}
.wpcf7-response-output {
    margin: 0 !important;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
}


div#es_form_f1-n1,
div#es_form_f1-n1 form {
    display: flex;
    width: 100%;
}
div#es_form_f1-n1 input.es-email {
    padding: 17px;
    border: solid 1px #f1f2f6;
    width: 100%;
    margin-right: 10px;
    background-color: #fff;
}
div#es_form_f1-n1 input[type="submit"] {
    padding: 7px 54.9px 9px 54.9px;
    background-color: #eda810;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 1.5;
}





.menu .bt a:hover{
    color: white;
}
.menu .bt a{
    padding: 15px 63px 16px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #eda810;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222;
}
.menu .bt a:hover{
    background-color: #222;
    color: white;
}





section.sec19 span.wpcf7-form-control-wrap {width: 100%;}
section.sec19 .inputs p {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
}
section.sec19 form.wpcf7-form br {
    display: none;
}
span.wpcf7-list-item {
    margin-left: 0;
}

section.sec19.sect19 span.wpcf7-form-control-wrap {width: 100%;}
section.sec19.sect19 .inputs p {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
}
section.sec19.sect19 form.wpcf7-form br {
    display: none;
}


span.buttons.has-spinner button {
    padding: 15px 63px 16px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #eda810;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222;
}
span.buttons.has-spinner {
    margin: 20px 0;
}

.page-template-Join .head .menu li a, .page-template-Join .head .logo {
    color: #fff;
}

.page-template-Charity .sec9 ul li  a, .page-template-Plan-1 .sec14 a, .page-template-Plan-2 .sec14 a, .page-template-Plan-1 .sec15 a {
    color:blue;
}


section.sec16 p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #333;
}




/*popup*/
.popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:500px;height:700px;z-index:1;}
.pop-inner{background-color:#eda810;width:100%;height:700px;padding:35px;border-radius:10px;}
.closePop{position:absolute;top:-12px;right:0;width:35px;height:35px;background-color:#fff;color:#000;font-size:16px;border-radius:50%;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.pop-inner h4{font-size:15px;font-weight:500;font-weight:normal;color:#fff;text-align:center;padding:20px 0 10px;text-transform:uppercase;}
.pop-inner p{font-size:15px;font-weight:500;font-weight:normal;color:#fff;text-align:center;padding:0 0 60px;text-transform:capitalize;}
.pop-inner p span{color:var(--green-color);font-weight:bolder;font-size:18px;padding-right:10px;}
.pop-inner input,.pop-inner textarea{width:100%;background-color:#fff;border-radius:5px;margin-bottom:15px;padding:15px;resize:unset;}
.pop-inner .sbt{text-align:center;}
.pop-inner button{width:100%;height:50px;border-radius:25px;background-color:#fff;font-size:16px;font-weight:normal;line-height:50px;letter-spacing:normal;color:#26211a;text-align:center;border-radius:5px;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:0.3s ease-in-out;}
.pop-inner button:hover{border:1px solid #fff;background:none;color:#fff;}
.pop-overlay{display:none;}
.pop-overlay:after{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8);z-index:1;}



.popup input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 20px 70px;
    border-radius: 5px;
    background-color: #222;
    color: #fff;
    border: 2px solid #222;
    font-size: 16px;
    font-weight: 800;
    transition: all 0.5s ease-in-out;
    display: block;
    margin: auto;
}
.popup input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    color: #222;
    background-color: transparent;
}









section.sec6_hm.sec6_hmnew {
    padding: 50px;
}
section.sec6_hm.sec6_hmnew input {
    display: block;
    width: 100%;
    border: 1px solid #80808038;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0;
}
section.sec6_hm.sec6_hmnew input[type=submit],
section.sec6_hm.sec6_hmnew button.tml-button {
    padding: 15px 63px 16px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #eda810;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222;
}

p.description.indicator-hint {
    line-height: 25px;
}

section.sec6_hm.sec6_hmnew input[type=submit]:hover {
    background-color: #222;
    color: white;
}
section.sec6_hm.sec6_hmnew h2.hd-lg.log-head {
    font-size: 20px;
    font-weight: 600;
}
section.sec6_hm.sec6_hmnew h2.hd-lg.log-head a {
    text-decoration: underline;
    text-transform: uppercase;
    color: #eda810;
}

section.sec6_hm.sec6_hmnew ul.tml-links {
    display: flex;
    gap: 15px;
}



section.sec6_hm.sec6_hmnew ul.tml-links li a {
    padding: 10px 20px 10px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #eda810;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222;
}

.ResponseMsgBoxSignup span,
.ResponseMsgBoxSignup span,
.ResponseMsgBoxLogin span {
    width: 100%;
    text-align: center;
    background: #80808017;
    text-transform: uppercase;
    font-weight: 600;
    margin: -10px 0 20px 0;
}




.PasswordWrap {
    position: relative;
}
.PasswordWrap > span {
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 25px;
}