/*!
Theme Name: Vertex - 2026
Template: kadence
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Vertex Automation header logo */
.site-branding .custom-logo.svg-logo-image {
    display: block;
    height: 50px;
    max-width: 100%;
}

/* cf7 */

/* Contact Form 7 layout */
.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

/* Remove default paragraph spacing */
.contact-form-grid p {
    margin: 0;
}

/* Form fields */
.contact-form-grid .form-field {
    min-width: 0;
}

.contact-form-grid .form-field-full,
.contact-form-grid .form-field-submit {
    grid-column: 1 / -1;
}

/* Inputs and message field */
.contact-form-grid input[type="text"],
.contact-form-grid input[type="email"],
.contact-form-grid input[type="tel"],
.contact-form-grid textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
    color: #333;
    font: inherit;
    font-size: 16px;
}

/* Match the screenshot's field heights */
.contact-form-grid input[type="text"],
.contact-form-grid input[type="email"],
.contact-form-grid input[type="tel"] {
    height: 42px;
}

.contact-form-grid textarea {
    height: 42px;
    min-height: 42px;
    resize: vertical;
}

/* Placeholder colour */
.contact-form-grid input::placeholder,
.contact-form-grid textarea::placeholder {
    color: #858585;
    opacity: 1;
}

/* Submit button */
.contact-form-grid .form-field-submit input[type="submit"] {
    display: inline-block;
    min-width: 100px;
    height: 44px;
    padding: 0 28px;
    border: 0;
    border-radius: 30px;
    background: #fff;
    color: #192044;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s ease,
                color .2s ease;
}

.contact-form-grid .form-field-submit input[type="submit"]:hover {
    background: #192044;
    color: #fff;
}
	.purplegrad {background-image: linear-gradient(90deg,var(--global-palette1) 45%,var(--global-palette5) 45%);}
/* Mobile layout */
@media (max-width: 600px) {
    .contact-form-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contact-form-grid .form-field-full,
    .contact-form-grid .form-field-submit {
        grid-column: 1;
    }
	.purplegrad { background:none;}
}
/* Tablet layout */
@media (max-width: 767px) {

	.purplegrad { background:none;}
}