/**
 * CF Calculators Default Theme
 * This file provides default styling that can be overridden by specific themes
 */

 /** #033652 **/

 /** no riptide! **/
.text-riptide {
    color: #033652 !important;
}

/** enforce consistent font family **/
.calculator-ui h3,
.calculator-display nav a:hover,
.calculator-display nav a.active {
    font-family: 'Montserrat', sans-serif !important;
}

/** trigger size and color of icon **/
span.tooltip-container button.tooltip-trigger {
    color: #033652 !important;
    font-size: .75em;
}

/** make the slider thumb background color match the theme **/
.slider::-webkit-slider-thumb {
 background-color: #033652 !important;
}

/** toggle background color **/
.toggle-switch .toggle-slider:before {
    background-color: #033652;
}

/** toggle text color **/
.toggle-switch .toggle-slider-options {
    color: #033652;
}

/** show advanced button color **/
.calculator-ui button.showAdvanced {
    color: #033652;
}

/** remove riptide underline **/
.calculator-display nav a.active {
    border-bottom-color: #033652;
}

/** calculator icon color **/
.calculator-ui h3 span,
.cf-icon-calculator {
    color: #033652;
}

/** result header color **/
.calculator-ui .result h2 {
    color: #033652;
}

/** amortization table header color **/
.amortization-table .amortization-schedule table thead,
.amortization-table .amortization-schedule table th  {
    background-color: #033652;
}

/** midnight default color **/
.input-text-range .label-container .input-value span[class^=cf-icon] {
    color: #033652 !important;
}

/** storm when active */
.input-text-range .label-container .input-value span[class^="cf-icon"].icon-active {
    color: #343841 !important;
}

/**
Change the highlight color
**/
/* modern browsers */
.input-text-range .label-container .input-value *::selection {
    background: #6B758A !important;   /* whatever highlight colour you want */
    color: white !important;
}

/* Firefox ≤ 92 */
.input-text-range .label-container .input-value *::-moz-selection {
    background: #6B758A !important;
    color: white !important;
}

.amortization-table .final-border {
    border-bottom-color: #033652 !important;
}