/**
 * Theme Name: project-sscms v1.515.0
 * Theme URI: git+https://github.com/1debit/project-sscms.git
 * Author: Sharp Notions, LLC
 * Author URI: https://sharpnotions.com
 * Description: Wordpress theme for Chime (project-sscms) [main - 7ebc6e70e]
 * Version: 1.515.0-2025-07-28T16-11-57
 * License: ISC
 * License URI: "http://www.gnu.org/licenses/gpl-2.0.html"
 */
.loan-payoff-calculator .app_container{max-width:715px;width:100%;margin:100px auto;border:solid 2px #333;border-radius:10px;padding:26px 31px 53px 26px;position:relative;z-index:1;background-color:#ffc949;box-sizing:border-box}.loan-payoff-calculator .app_container,.loan-payoff-calculator .app_container a,.loan-payoff-calculator .app_container button,.loan-payoff-calculator .app_container h2,.loan-payoff-calculator .app_container h3,.loan-payoff-calculator .app_container h4,.loan-payoff-calculator .app_container h5,.loan-payoff-calculator .app_container h6,.loan-payoff-calculator .app_container p,.loan-payoff-calculator .app_container span{font-family:"Circular Pro",sans-serif!important}.loan-payoff-calculator .app_container hr{width:100%;height:.7px;border:0;background-color:#333}.loan-payoff-calculator .app_container::after{content:" ";border:solid 2px #333;border-radius:10px;position:absolute;width:100%;height:100%;bottom:5px;right:5px;background-color:#fff;z-index:-1}.loan-payoff-calculator .app_container .app_header{display:flex;align-items:center;gap:40px;border-bottom:1px #333 solid;margin-bottom:36px}.loan-payoff-calculator .app_container .app_header h2{font-size:42px}.loan-payoff-calculator .app_container .app_header img{width:67px;display:block;padding-bottom:19px}.loan-payoff-calculator .app_container .form .fields{position:relative}.loan-payoff-calculator .app_container .form .fields label{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#333;margin-bottom:10px;display:block}.loan-payoff-calculator .app_container .form .fields input{border-radius:50px;font-weight:700;font-size:17px;line-height:150%;color:#333;padding:10px 30px;box-sizing:border-box;width:100%;margin-bottom:20px;border:1px solid #333;transition:.5s all;background-color:#f8f8f8;appearance:none;-moz-appearance:none;-webkit-appearance:none}.loan-payoff-calculator .app_container .form .fields input:hover{border:solid 1px #2de38e}.loan-payoff-calculator .app_container .form .fields input:focus-visible{outline:0;border:solid 1px #2de38e}.loan-payoff-calculator .app_container .form .fields.dollar:after{content:"$";position:absolute;left:15px;bottom:31px;font-weight:700;font-size:17px;line-height:150%;color:#333}.loan-payoff-calculator .app_container .form .fields.months:after,.loan-payoff-calculator .app_container .form .fields.percentage:after{content:"%";position:absolute;right:15px;bottom:31px;font-weight:700;font-size:17px;line-height:150%;color:#333}.loan-payoff-calculator .app_container .form .fields.months:after{content:"Months"}.loan-payoff-calculator .app_container .form form .first-half{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:flex-start}.loan-payoff-calculator .app_container .form form .or{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative}.loan-payoff-calculator .app_container .form form .or p{font-style:normal;font-weight:700;font-size:17px;line-height:150%;color:#333;position:absolute;left:0;right:0;margin:auto;width:fit-content;bottom:30px}.loan-payoff-calculator .app_container .form form>h3{font-size:16px;line-height:150%;margin:36px 0 0}.loan-payoff-calculator .app_container .form form>p{margin:0;font-size:16px;line-height:150%}.loan-payoff-calculator .app_container .form form .second-half{margin-top:20px}.loan-payoff-calculator .app_container .form form #calculate{background:#2de38e;border-radius:50px;padding:10px 40px;display:block;border:#2de38e solid 1px;margin:50px auto 20px;font-style:normal;font-weight:700;font-size:18px;line-height:23px;color:#333;cursor:pointer;max-width:303px;width:100%;transition:.2s all}.loan-payoff-calculator .app_container .form form #calculate:hover{background:#1ec677}.loan-payoff-calculator .app_container .form form #reset{background:0 0;border:0;width:fit-content;margin:auto;display:block;text-decoration:underline;color:#333;font-weight:700;font-size:18px}.loan-payoff-calculator .app_container .form form input.error,.loan-payoff-calculator .app_container .form form.error input{border-color:red;color:red}.loan-payoff-calculator .app_container .form form.error .fields::after{color:red}.loan-payoff-calculator .app_container .form form.error .noerror::after{color:#333}.loan-payoff-calculator .app_container .form form.error #Additional-monthly-payment,.loan-payoff-calculator .app_container .form form.error #Additional-one-time-payment{border:1px solid #333}.loan-payoff-calculator #amortization,.loan-payoff-calculator .app_container .form #additional-payoff-time-input,.loan-payoff-calculator .app_container .form #payoff-time-input{display:none}.loan-payoff-calculator .app_container .form .switch{border-radius:52px;border:1px solid #e7e7e7;background:#e7e7e7;display:grid;grid-template-columns:repeat(2,1fr);position:relative;font-family:"Circular Pro",sans-serif;margin:33px 0 29px}.loan-payoff-calculator .app_container .form .switch img{position:absolute;top:-29px;left:0;cursor:pointer;width:15px}.loan-payoff-calculator .app_container .form .switch img:hover~.tooltip{display:block}.loan-payoff-calculator .app_container .form .switch .tooltip{position:absolute;border:1px solid #4a4a4a;background:#4a4a4a;color:#fff;padding:15px;border-radius:8px;z-index:2;top:-50px;left:40px;display:none}.loan-payoff-calculator .app_container .form .switch .tooltip p{font-size:14px;line-height:120%}.loan-payoff-calculator .app_container .form .switch::before{border-radius:52px;border:1px solid #333;background:#333;content:" ";position:absolute;width:46.4%;height:100%;z-index:0;transition:.2s all;left:0;top:0}.loan-payoff-calculator .app_container .form .switch.active_1::before{transform:translateX(100%);left:7%}@media only screen and (max-width:550px){.loan-payoff-calculator .app_container .form .switch::before{width:50%}.loan-payoff-calculator .app_container .form .switch.active_1::before{transform:translateX(100%);left:0}}.loan-payoff-calculator .app_container .form .switch span{cursor:pointer;position:relative;z-index:1;margin:0;padding:11px 5px;background-color:transparent;border:0;text-align:center;font-size:16px;line-height:150%;color:#ababab;-webkit-user-select:none;user-select:none;transition:.2s all;font-family:"Circular Pro",sans-serif!important;width:100%;display:block;max-width:283px}.loan-payoff-calculator .app_container .form .switch span:last-child{margin-left:auto}.loan-payoff-calculator .app_container .form .switch span.active{color:#fff}.loan-payoff-calculator .app_container .result{text-align:center;display:none}.loan-payoff-calculator .app_container .result p{font-style:normal;font-weight:400;font-size:20px;line-height:123%;text-align:center;color:#333;font-family:"Circular Pro",sans-serif!important}.loan-payoff-calculator .app_container .result>h2{font-size:65px;line-height:103px;text-align:center;color:#333}.loan-payoff-calculator .app_container .result .loan-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.loan-payoff-calculator .app_container .result .loan-info p{font-size:16px}.loan-payoff-calculator .app_container .result .loan-info .time_of_payoff{background-color:#ffc949;padding:10px 20px;border-radius:50px;border:solid 2px #333}.loan-payoff-calculator .app_container .result .loan-info .loan_payoff_date{background-color:#eb9bcd;padding:10px 20px;border-radius:50px;border:solid 2px #333}.loan-payoff-calculator .app_container .result .loan-info h2{font-weight:700;font-size:18px;line-height:32px;text-align:center;color:#333;background-color:#f5f5f5;padding:5px 10px;border-radius:50px}.loan-payoff-calculator .app_container .result .loan_info{display:flex;flex-wrap:wrap;justify-content:center;gap:46px;margin-bottom:46px}.loan-payoff-calculator .app_container .result .loan_info>div{box-sizing:border-box;flex-basis:46%;text-align:center}.loan-payoff-calculator .app_container .result .loan_info p{color:#333;text-align:center;font-size:16px;font-family:Circular;line-height:150%;max-width:220px;padding:5px;border-radius:50px;border:1px solid #000;margin:auto auto 13px}.loan-payoff-calculator .app_container .result .loan_info p.time_of_payoff{background:#ffc949}.loan-payoff-calculator .app_container .result .loan_info p.loan_payoff_date{background:#eb9bcd}.loan-payoff-calculator .app_container .result .loan_info .monthly-loan P{background:#2de38e}.loan-payoff-calculator .app_container .result .chart .result-lone-info h2,.loan-payoff-calculator .app_container .result .loan_info h2{font-size:25px;font-weight:700;line-height:32px;text-align:center;color:#333;background-color:#f5f5f5;padding:15px 10px;border-radius:50px;max-width:252px;width:100%;margin:auto}@media only screen and (max-width:550px){.loan-payoff-calculator .app_container .result .loan_info div{flex-basis:100%}}.loan-payoff-calculator .app_container .result .chart{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;padding:50px 0;gap:46px}.loan-payoff-calculator .app_container .result .chart div#intrest{position:absolute;background:#2de38e;padding:10px;right:0;bottom:30%;z-index:1;border:solid 1px #333;border-radius:50px;font-weight:600}.loan-payoff-calculator .app_container .result .chart div#pie_chart{position:relative}.loan-payoff-calculator .app_container .result .chart div#pie_chart::after{position:absolute;content:" ";background-color:transparent;z-index:2;left:0;height:100%;width:100%;top:0}.loan-payoff-calculator .app_container .result .chart div#principle{position:absolute;top:30%;background:#9dd0fa;padding:10px;border:solid 1px #333;border-radius:50px;font-weight:600;z-index:1}.loan-payoff-calculator .app_container .result .chart #myChart{width:100%!important;height:auto!important;position:relative;z-index:0;transform:scale(.8)}.loan-payoff-calculator .app_container .result .chart .result-lone-info{margin-bottom:40px}.loan-payoff-calculator .app_container .result .chart .result-lone-info:last-child{margin-bottom:0}.loan-payoff-calculator .app_container .result .chart .result-lone-info p{color:#333;text-align:center;font-size:16px;font-family:Circular;line-height:150%;border-radius:50px;max-width:220px;padding:5px;border:solid 1px #333;margin:auto auto 19px}.loan-payoff-calculator .app_container .result .chart .result-lone-info .total_principle_paid{background-color:#2de38e}.loan-payoff-calculator .app_container .result .chart .result-lone-info .total_interest_paid{background-color:#9dd0fa}.loan-payoff-calculator .app_container .result .chart .result-lone-info .total_paid{background-color:#ffc949}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios h3{margin-top:46px;color:#333;text-align:center;font-size:25px;font-weight:700}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios .months{display:flex;gap:35px;margin-top:36px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios .months p{color:#333;text-align:right;font-size:16px;line-height:150%}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul{list-style:none;padding:0 0 0 15px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li{display:flex;gap:50px;margin-bottom:15px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li>p{font-weight:700;font-size:16px;line-height:150%;color:#333;text-align:center;width:25px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li div{width:100%;display:flex;align-items:center;gap:10px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li div span{display:block;height:30px;background-color:red;border-radius:50px;border:solid 1px #333}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li div p{font-weight:700;font-size:16px;line-height:150%;color:#333}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li:nth-child(1) span{background-color:#eb9bcd}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li:nth-child(2) span{background-color:#2de38e}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li:nth-child(3) span{background-color:#ffc949}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li:nth-child(4) span{background-color:#9dd0fa}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li:nth-child(5) span{background-color:#fff}.loan-payoff-calculator .app_container .result #download_amoritization_schedule{background-color:#2de38e;display:block;width:fit-content;padding:10px 40px;margin:50px auto auto;border-radius:50px;border:solid 1px #2de38e;font-weight:700;font-size:18px;line-height:23px;color:#333;text-decoration:none;transition:.2s all}.loan-payoff-calculator .app_container .result #download_amoritization_schedule:hover{background:#1ec677}.loan-payoff-calculator .app_container .result #start_over{background:0 0;border:0;width:fit-content;margin:20px auto auto;display:block;text-decoration:underline;color:#333;font-weight:700;font-size:18px}@media only screen and (max-width:550px){.loan-payoff-calculator .app_container{padding:20px}.loan-payoff-calculator .app_container .app_header h2{font-size:40px;margin-bottom:36px}.loan-payoff-calculator .app_container .form form .first-half,.loan-payoff-calculator .app_container .form form .or{grid-template-columns:1fr;gap:5px}.loan-payoff-calculator .app_container .form form .or p{position:static}.loan-payoff-calculator .app_container .result .chart,.loan-payoff-calculator .app_container .result .loan-info{grid-template-columns:1fr}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li{gap:20px}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li p{margin:0;flex-basis:15%}.loan-payoff-calculator .app_container .result .alternative_payoff_scenarios ul li div span{height:15px}}