/*
// CSS Classes below can be populated and changed to modify your calculator deployment.
// IMPORTANT: Do Not Modify the KJE.css file! The KJE.css file is replaced during the update process.
// All CSS customization must be done in this file (you can override KJE.css classes).
//
// For information on customizing this file please see:
// https://www.dinkytown.net/money/V3customize.html
*/

/* Fix z-index — calculator sticky bar must not overlap site header */
#KJECalcTop {
    z-index: 40 !important;
}

/* CMS toolbar adds 48px — override the inline top value KJE.js sets */
.ccm-toolbar-visible #KJECalcTop {
    top: 164px !important;
}

/* Fix z-index conflicts with CMS toolbar */
#KJEAllContent .KJEButtonIsScrolling {z-index: unset;}
#KJECommandButtons {padding-top: 14px;}
#KJEAllContent .KJEButtonIsFixed {top: 137px !important; z-index: unset;}
.ccm-toolbar-visible #KJEAllContent .KJEButtonIsFixed {top: 185px !important; z-index: unset;}

/* Font sizing */
#KJEAllContent .KJECommandButton, #KJEAllContent .KJEMoreButton {font-size: 1rem;}
.KJEInputContainer input[type="text"].KJEInputModern, input.KJEMenuInputItem[type="text"], .KJEInputContainer select.KJEDropBoxModern, .KJEInputContainer input.KJEInputModern:not([type="checkbox"]):not([type="radio"]) {font-size: 16px;}
#KJECalculatorTable, #KJEDefinitions, #KJEDefinitions p {
    font-size: 1rem;
}
#KJEDefinitionsDL td, #KJEDefinitionsDL th, #KJEDefinitionsDL ul, #KJEDefinitionsDL li, #KJEDefinitionsDL ol, #KJEReport th, #KJEReport td, #KJEReport ul, #KJEReport li, #KJEReport ol {
    font-size: 1rem;
    line-height: 1.2rem;
}
body.KJEBody table, body.KJEBody td, body.KJEBody ul, body.KJEBody ol, body.KJEBody dd, body.KJEBody dl, body.KJEBody p, body.KJEBody br, body.KJEBody dt, body.KJEBody, #KJEAllContent table, #KJEAllContent td, #KJEAllContent ul, #KJEAllContent ol, #KJEAllContent dd, #KJEAllContent dl, #KJEAllContent p, #KJEAllContent br, #KJEAllContent dt, #KJEAllContent th, body.KJEBody th {
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.2rem;
}
h2.KJEDefinitionsHeader {padding-top: 15px;}

@media (max-width: 991px) {
    #KJEAllContent .KJEButtonIsFixed {top: 90px !important; z-index: unset;}
    .ccm-toolbar-visible #KJEAllContent .KJEButtonIsFixed {top: 138px !important; z-index: unset;}
}

/* NESB Brand Colors - Buttons (use #KJEAllContent for specificity over KJE.css) */
#KJEAllContent .KJECommandButton,
#KJEAllContent .KJEMoreButton,
#KJEAllContent input.KJEMenuButton[type=button] {
    background-color: #006241 !important;
    border-color: #006241 !important;
    color: #FFFFFF !important;
    border-radius: 36px;
    font-family: "foco", sans-serif;
    font-weight: 700;
}

#KJEAllContent .KJECommandButton:hover,
#KJEAllContent .KJEMoreButton:hover,
#KJEAllContent .KJECommandButton:active,
#KJEAllContent .KJEMoreButton:active,
#KJEAllContent input.KJEMenuButton[type=button]:hover,
#KJEAllContent input.KJEMenuButton[type=button]:active {
    background-color: #003B18 !important;
    border-color: #003B18 !important;
}

#KJEAllContent .KJECommandButton:focus,
#KJEAllContent .KJEMoreButton:focus,
#KJEAllContent input.KJEMenuButton[type=button]:focus {
    background-color: #003B18 !important;
    border-color: #003B18 !important;
    box-shadow: 0 0 5px 0px #003B18 inset !important;
    outline: 2px dashed #003B18 !important;
}

/* NESB Brand Colors - Links */
#KJEAllContent a {
    color: #006241;
}

#KJEAllContent a:hover,
#KJEAllContent a:focus {
    color: #61A60E;
    outline: none;
}

/* NESB Brand Colors - Slider Thumb (dot) */
.KJEInputContainer input[type=range]::-webkit-slider-thumb,
.KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    background: #006241 !important;
    border-color: #006241 !important;
}

.KJEInputContainer input[type=range]:active::-webkit-slider-thumb {
    background: #61A60E !important;
    border-color: #61A60E !important;
}

.KJEInputContainer input[type=range]::-moz-range-thumb,
.KJEInputContainer input[type=range]:active::-moz-range-thumb {
    background: #006241 !important;
    border-color: #006241 !important;
}

.KJEInputContainer input[type=range]:active::-moz-range-thumb {
    background: #61A60E !important;
    border-color: #61A60E !important;
}

.KJEInputContainer input[type=range]::-ms-thumb,
.KJEInputContainer input[type=range]:active::-ms-thumb {
    background: #006241 !important;
    border-color: #006241 !important;
}

.KJEInputContainer input[type=range]:active::-ms-thumb {
    background: #61A60E !important;
    border-color: #61A60E !important;
}

/* NESB Brand Colors - Slider Track Fill */
.KJEInputContainer input[type=range]::-webkit-slider-runnable-track,
.KJEInputContainer input[type=range]:active::-webkit-slider-runnable-track {
    background-image: linear-gradient(
        90deg,
        #61A60E var(--webkitProgressPercent),
        #BBBBBB var(--webkitProgressPercent)
    ) !important;
}

input[type="range"]::-moz-range-progress {
    background-color: #61A60E !important;
}

.KJEInputContainer input[type=range]::-ms-fill-lower,
.KJEInputContainer input[type=range]:active::-ms-fill-lower,
.KJEInputContainer input[type=range]::-ms-fill-upper,
.KJEInputContainer input[type=range]:active::-ms-fill-upper {
    background: #61A60E !important;
}

/* NESB Font Family */
#KJEAllContent,
#KJEAllContent input,
#KJEAllContent select,
#KJEAllContent textarea,
#KJEAllContent .KJEFontTitle {
    font-family: "foco", sans-serif;
}

/**CUSTOMCSS**/