/**
 * Styles for Gravity Forms Custom Enhancements
 */

:root {
    --button-color: #d6c6c6;
    --button-send-color: #24318a;
    --border-color: #404040;
    --border-radius: 10px;
    --border-size: 1px;
    --font-size-default: 18px;
    --font-size-large: 36px;
    --font-weight: 400;
    --font-weight-bold: 700;
    --padding: 20px;
    --padding-amortisation: 55px 20px 20px 20px;
    --margin-bottom: 10px;
    --margin-bottom-large: 20px;
}

.gsection-wrapper .grid__col--1  { grid-column: span 1; }
.gsection-wrapper .grid__col--2  { grid-column: span 2; }
.gsection-wrapper .grid__col--3  { grid-column: span 3; }
.gsection-wrapper .grid__col--4  { grid-column: span 4; }
.gsection-wrapper .grid__col--5  { grid-column: span 5; }
.gsection-wrapper .grid__col--6  { grid-column: span 6; }
.gsection-wrapper .grid__col--7  { grid-column: span 7; }
.gsection-wrapper .grid__col--8  { grid-column: span 8; }
.gsection-wrapper .grid__col--9  { grid-column: span 9; }
.gsection-wrapper .grid__col--10 { grid-column: span 10; }
.gsection-wrapper .grid__col--11 { grid-column: span 11; }
.gsection-wrapper .grid__col--12 { grid-column: span 12; }

.gsection-wrapper {
    grid-column: 1 / -1;
}

.peak-form .gsection-wrapper .gfield.gfield_calculation.peak-form-color-button input.gform-text-input-reset {
    border: var(--border-size) solid var(--button-color);
    border-radius: var(--border-radius);
    background-color: var(--button-color);
}

.peak-form .gsection-wrapper .gfield.gfield_calculation.peak-form-color-transparent input.gform-text-input-reset {
    border: var(--border-size) solid var(--border-color);
    border-radius: var(--border-radius);
    background-color: transparent;
}

.peak-form__border {
    border: var(--border-size) solid var(--border-color);
    border-radius: var(--border-radius);
    padding: var(--padding);
}

.gform_wrapper.gravity-theme .peak-form .gform_footer{
    margin: 0;
    padding: 0;
}
.peak-form .gform_button.button {
    border-radius: var(--border-radius);
    margin-top: 0;
}

.peak-form .gfield--type-number input[aria-describedby]:is( [min], [max] ):in-range ~ .gfield_description {
    display: none;
}

.peak-form .gsection-wrapper .gfield input {
    border: var(--border-size) solid var(--border-color);
    border-radius: var(--border-radius);
}

.peak-form__result p {
    margin: 0;
}
.peak-form__result .peak-form__result-title {
    margin-bottom: var(--margin-bottom);
}

.peak-form .gsection-wrapper .gfield .gfield_label {
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: var(--font-weight);
}

.gform_wrapper.gravity-theme .peak-form .gform_page_footer input {
    cursor: pointer;
}

.gform_wrapper.gravity-theme .peak-form .gfield_label {
    font-size: inherit;
}

.peak-form__result-title {
    font-size: var(--font-size-default);
    font-weight: var(--font-weight);
}

.peak-form__result-value,
.peak-form__result-value * {
    font-size: var(--font-size-large) !important;
    font-weight: var(--font-weight-bold);
}

.section-amortisation-wrapper {
    border-left: var(--border-size) solid var(--border-color);
}

.amortisation {
    padding: var(--padding-amortisation);
}

.amortisation p {
    margin: 0;
}

.amortisation .amortisation__title {
    margin-bottom: var(--margin-bottom-large);
}

.amortisation .amortisation__value{
    margin-bottom: var(--margin-bottom-large);
}

.amortisation__value,
.amortisation__value *{
    font-size: var(--font-size-large) !important;
    font-weight: var(--font-weight-bold);
}

@media (max-width: 768px) {
    .gsection-wrapper .grid__col--8  { grid-column: span 12; }
    .gsection-wrapper .grid__col--4  { grid-column: span 12; }

    .section-wrapper-result .gform_fields .gfield.gfield--width-full.gfield--type-html  {
        grid-column: span 6;
    }

    .amortisation {
        padding: 0;
    }

    .section-amortisation-wrapper {
        border-left: none;
    }
}

@media (max-width: 640px) {

    .gform_wrapper.gravity-theme .section-wrapper-result .gform_fields {
        grid-column-gap: 2%;
    }

    .section-wrapper-result .gform_fields .gfield.gfield--width-full.gfield--type-html  {
        grid-column: span 6;
    }
}

@media (max-width: 460px) {

    .gform_wrapper.gravity-theme .section-wrapper-result .gform_fields {
        grid-column-gap: 0%;
    }

    .section-wrapper-result .gform_fields .gfield.gfield--width-full.gfield--type-html  {
        grid-column: span 12;
    }
}