@charset "utf-8";
/* CSS Document */

#faf-finance-calc {border: 2px solid #242245;}


#faf-finance-calc .ffc-toggle {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;width: 100%;flex-flow: row nowrap;align-items: center;padding: 16px;background: #242245;color: #fff;}
#faf-finance-calc .ffc-toggle h3 {margin: 0 16px 0 0;}
#faf-finance-calc .ffc-toggle p {margin: 0;}
#faf-finance-calc .ffc-toggle span {margin: 0 0 0 auto;background: #90c742;color: #fff;padding: 8px;border-radius: 100%;}
#faf-finance-calc .ffc-toggle.active span {transform: rotate(180deg);}


#faf-finance-calc .ffc-amount {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 32px;grid-gap: 32px;justify-content: space-between;border-bottom: 1px solid #dfdfdf;}

#faf-finance-calc .ffc-amount .ffc-budget {width: 50%;}
#faf-finance-calc .ffc-amount .ffc-budget h3 {margin: 0 0 16px 0;font-size: 16px;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type {align-items: center;padding: 4px 8px;border: 1px solid #dfdfdf;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type label {padding: 4px 8px;font-family: 'citrfontbold';color: #242245;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type input {background: transparent;border: none;border-radius: 0;padding: 0;font-family: 'citrfontbold';color: #242245;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type span {font-size: 12px;margin: 0;color: #ccc;font-family: 'citrfontbold';cursor: pointer;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type span + span {margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dfdfdf;}
#faf-finance-calc .ffc-amount .ffc-budget .ffc-type span.active {color: #242245;}

#faf-finance-calc .ffc-amount .ffc-variables {width: 50%;}
#faf-finance-calc .ffc-amount .ffc-variables h3 {margin: 0 0 16px 1px;font-size: 16px;width: 100%;display: block;}
#faf-finance-calc .ffc-amount .ffc-variables h3 span {margin: 0;float: right;font-size: 12px;padding: 4px 8px;background: #90c742;color: #fff;position: relative;top: -1px;}

#faf-finance-calc .ffc-amount .ffc-variables .ffc-opts {justify-content: space-evenly;flex-grow: 2;width: 100%;}
#faf-finance-calc .ffc-amount .ffc-variables .ffc-opts span {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-grow: 1;justify-content: center;text-align: center;cursor: pointer;padding: 16px;align-items: center;background: #efefef;border-bottom: 4px solid #90c742;font-family: 'citrfontbold';color: #90c742;outline: 2px solid #ffffff;}
#faf-finance-calc .ffc-amount .ffc-variables .ffc-opts span.active {background: #90c742;color: #fff;border-color: #90c742;}
#faf-finance-calc .ffc-amount .ffc-variables .ffc-opts span.na {color: #ccc !important;opacity: .5 !important;border-color: #d8d8d8 !important;}


#faf-finance-calc .ffc-display {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 32px;justify-content: space-around;flex-flow: row nowrap;grid-gap: 32px;}

#faf-finance-calc .ffc-display div {width: calc(100% / 3);text-align: center;}
#faf-finance-calc .ffc-display div + div {border-left: 1px solid #dfdfdf;}

#faf-finance-calc .ffc-display .ffc-msg {display: none;}
#faf-finance-calc .ffc-display .ffc-msg.active {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;width: calc( (100% / 3) * 2 );align-items: center;}
#faf-finance-calc .ffc-display .ffc-msg.active ~ :is(.ffc-payments-monthly, .ffc-total) {display: none;}
#faf-finance-calc .ffc-display .ffc-msg h3 {font-size: 18px;grid-gap: 2px;}
#faf-finance-calc .ffc-display .ffc-msg h3 span { color: #90c742; }


#faf-finance-calc .ffc-display .ffc-payments-monthly {border-left: none;}

#faf-finance-calc .ffc-display p {margin: 0 0 8px 0;}
#faf-finance-calc .ffc-display h3 {margin: 0;font-size: 24px;}

#faf-finance-calc .ffc-display .ffc-payments-monthly p {}
#faf-finance-calc .ffc-display .ffc-payments-monthly h3 {}
#faf-finance-calc .ffc-display .ffc-payments-monthly h3 span {}

#faf-finance-calc .ffc-display .ffc-total {}
#faf-finance-calc .ffc-display .ffc-total p {}
#faf-finance-calc .ffc-display .ffc-total h3 {}
#faf-finance-calc .ffc-display .ffc-total h3 span {}

#faf-finance-calc .ffc-display .ffc-rate {}
#faf-finance-calc .ffc-display .ffc-rate p {}
#faf-finance-calc .ffc-display .ffc-rate h3 {color: #90c742;}
#faf-finance-calc .ffc-display .ffc-rate h3 span {}

#faf-finance-calc .ffc-cta {padding: 32px;border-top: 1px solid #dfdfdf;justify-content: space-between;align-items: center;}
#faf-finance-calc .ffc-cta img {
    height: 100%;
}
#faf-finance-calc .ffc-cta a {}

#faf-finance-calc .ffc-terms {padding: 32px; background: #f4f4f4; font-size: 10px;}