/*
Theme Name: Reach
Description: This is a child theme for Flatsome Theme
Author: Reach Digital
Template: flatsome
Version: 5.0
*/

 /* Slider Button */

.slider-button {
    min-width: 60px;
    width: 60px;
    height: 34px;
    background-color: #1E3F3F;
    border-radius: 25px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1) inset;
}

.sb-circle {
    width: 26px;
    height: 26px;
    background-color: #ebebeb;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 10px, 5px -5px 10px rgba(0, 0, 0, 0.1) inset, -5px 5px 10px #ffffff inset;
            box-shadow: rgba(0, 0, 0, 0.2) -5px 5px 10px, 5px -5px 10px rgba(0, 0, 0, 0.1) inset, -5px 5px 10px #ffffff inset;
}

.calc-selector h3 {
    color: rgba(30, 63, 63, 0.3);
}

.sb-active {
    color: rgba(30, 63, 63, 0.9)!important;
}

 /* Borrow and Mortgage Calculators */
 .calc-table {
	 background-color: #fff;
     padding: 5%!important;
     border: 2px solid #B09E80;
     border-radius: 5px;
	 overflow: hidden;
     -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     display: none;
 }
.form-item {
    margin: 2rem 0 0!important;
}
.form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #B09E80;
}
.prefix {
    font-size: 1.4rem;
    font-weight: 700;
    padding: .5rem .75rem;
}

.prefix svg{
    width: 16px;
    fill: #191d2b;
}

.calcinput {
    border: none!important;
    padding: 0 10px!important;
    margin: 0!important;
    -webkit-box-shadow: unset!important;
            box-shadow: unset!important;
    height: unset!important;
}

.calculator-header {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

#borrow-result-value,
#mortgage-result-value {
    font-size: 5rem;
    font-weight: 900;
    margin: 1rem 0!important;
    color: #B09E80;
    position: relative;
}

.calculator-smalltext {
    font-size: 0.8rem;
    font-weight: 200
}

#result-term-length {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

#result-total-interest,
#result-total-repayment {
    font-size: 1.6rem;
    font-weight: 600;
}

#result-term-length span,
#result-total-interest span,
#result-total-repayment span {
    font-weight: 800;
}
#result-term-length span {
    color: #B09E80;
}