/* Template CSS File - Add your custom styles here */

/* Colors and header styles should remain in index.html to avoid flicker */

/* Form Section */
.form-section {
    width: 100%;
    margin: 0;
    padding: 0.5rem 0;
}

.form-background {
    background-color: #154983;
    background-image: url('https://res.cloudinary.com/dbtcg826q/image/upload/v1762538664/common/sp-buckets/img/rally-today-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Form button hover */
.form-background button:hover,
.form-background input[type="submit"]:hover,
.form-background .btn:hover {
    background-color: #EA580C !important;
}

/* Steps Section - Step Icons */
.steps-section .step .step-icon {
    background: linear-gradient(135deg, #10497e 0%, #135695 100%);
    color: #ffffff;
}

/* Connect headlines color override */
.steps-main-title,
.step-title {
    color: #F97316 !important;
}

/* Site title logo styling */
.site-title img {
    max-height: 4rem;
    width: auto;
    height: auto;
    display: block;
}

/* Override form container height */
#storefrontloans_apply_form {
    min-height: 400px !important;
}

/* Footer text color override */
.site-footer,
.site-footer *,
.site-footer p,
.site-footer #footer-company,
.site-footer #footer-address,
.site-footer .copyright,
.site-footer .footer-info,
.site-footer .footer-info p {
    color: #ffffff !important;
}

/* Desktop and up */