/*
Theme Name:  BrokersConnect
Author:      Sean Gallagher
Description: Official event theme for Brokers Connect — a one-day summit for bankers and mortgage brokers.
Version:     1.0.0
License:     GNU General Public License v2 or later
Text Domain: Brokers Connect
*/

/* --- Application Form Container --- */
.custom-application-form {
    background-color: #1a1e24; /* Dark slate background */
    padding: 40px;
    border: 1px solid #2a2e37;
    font-family: 'Inter', sans-serif; /* Adjust to your site's mono/sans font */
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* --- Layout & Responsiveness --- */
.custom-application-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 25px;
}

.custom-application-form .form-group {
    flex: 1;
    min-width: 250px; /* Forces fields to stack on small screens */
    display: flex;
    flex-direction: column;
}

/* Forces the bottom row to take up half space on desktop */
.custom-application-form .form-group.half-width {
    flex: 0 0 calc(50% - 15px); 
}

@media (max-width: 768px) {
    .custom-application-form .form-group.half-width {
        flex: 1 1 100%; /* Stacks phone number field on mobile */
    }
}

/* --- Labels & Inputs --- */
.custom-application-form label {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 10px;
    color: #ffffff;
	float: left
}

.custom-application-form input[type="text"],
.custom-application-form input[type="email"],
.custom-application-form input[type="tel"] {
    background-color: #0f1217; /* Darker input background */
    border: 1px solid #2a2e37;
    color: #ffffff;
    padding: 15px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.custom-application-form input:focus {
    border-color: #d1b564; /* Highlights gold on click */
    outline: none;
}

/* --- Disclaimer Text --- */
.custom-application-form .form-disclaimer p {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin-bottom: 30px;
    font-family: 'Inter', sans-serif; 
}

/* --- Submit Button --- */
.custom-application-form .form-submit-btn input[type="submit"] {
    background-color: #d1b564; /* Gold/Mustard color */
    color: #0f1217;
    border: none;
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    font-family: inherit;
	border-radius: 8px;
}

.custom-application-form .form-submit-btn input[type="submit"]:hover {
    opacity: 0.85;
}

/* Removes CF7 default br tags */
.custom-application-form br {
    display: none;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
	margin-top:10px	
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #dc3232;}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #7ed957;
	background-color: #7ed957;
	border: 0;
	color: #0d1117;
	font-weight: bold
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 1em;
    padding: 0.8em 1em;
    border: 2px solid #00a0d2;
	font-size: 0.9em;
}