/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 11 2026 | 09:27:23 */
/* ==================================================== */
/* Ninja Forms 3-Column Layout Fix (FindLaw Migration)  */
/* ==================================================== */

@media only screen and (min-width: 980px) {
    /* 1. Turn the form into a 3-column grid */
    .nf-form-content nf-fields-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        align-items: end; /* Aligns the bottom row items nicely */
    }

    /* 2. Force the Message (Textarea) box to span all 3 columns */
    .nf-form-content nf-field:has(textarea) {
        grid-column: 1 / -1;
    }

    /* 3. Position the bottom row elements */
    
    /* Disclaimer Link (HTML block) */
    .nf-form-content nf-field:has(.nf-html) {
        grid-column: 1 / 2;
        padding-bottom: 15px; /* Aligns it visually with the button */
    }

    /* Checkbox */
    .nf-form-content nf-field:has(input[type="checkbox"]) {
        grid-column: 2 / 3;
        justify-self: center;
    }

    /* Submit Button */
    .nf-form-content nf-field:has(.submit-wrap) {
        grid-column: 3 / 4;
        width: 100%;
    }

    /* 4. Style the submit button to match the live site's blue branding */
    .nf-form-content .submit-wrap input[type="button"] {
        width: 100%;
        background-color: #304269 !important; /* The client's specific dark blue */
        color: #ffffff !important;
        padding: 15px 20px !important;
        font-size: 18px;
        font-weight: bold;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

    .nf-form-content .submit-wrap input[type="button"]:hover {
        background-color: #91bed4 !important; /* The client's hover blue */
        color: #000000 !important;
    }
}