// theme variables
@import '../variables';

.gap-calculator {
    .c-form {
        margin-top: 2.5rem;
        padding: 2rem 2.5rem;
        box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.1);
        border-top: 0.25rem solid #007a7c;
        border-bottom: 0.25rem solid #007a7c;
        color: $dark;
    }

    .c-form.c-cta {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 2rem 2.5rem;
        display: block;
        color: $dark;
    }

    .c-form p {
        color: #595959;
    }

    .c-form fieldset {
        margin-top: 2rem;
    }

    .calculator-container {
        font-weight: bold;
    }

    .income-title {
        display: none;
    }

    .income-gap {
        font-size: 2.5rem;
        display: block;
        color: #1141b3;
        overflow: hidden;
        max-width: 100%;
        line-height: 1.25;
    }

    .calculator-advice p {
        margin-bottom: 1.5rem;
    }
}