.elementor-16 .elementor-element.elementor-element-0105e92{width:100%;max-width:100%;}.elementor-16 .elementor-element.elementor-element-15f6d63{width:100%;max-width:100%;}.elementor-16 .elementor-element.elementor-element-8111746{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-4e675f1 *//* =========================================================
   STEEL & HARDSCAPE
   CONTACT FORM 7 — DARK / BLACK PREMIUM STYLE
   Designed for Elementor Free + Contact Form 7
   ========================================================= */

/* ---------------------------------------------------------
   FORM ROOT
--------------------------------------------------------- */

.cf7-corporate-form,
.wpcf7 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    color: #ffffff;
}


/* ---------------------------------------------------------
   REMOVE DEFAULT CF7 SPACING
--------------------------------------------------------- */

.cf7-corporate-form form p,
.wpcf7 form p {
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   TWO COLUMN GRID
--------------------------------------------------------- */

.cf7-corporate-form .form-row,
.wpcf7 .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 22px;
}


/* ---------------------------------------------------------
   LABELS
--------------------------------------------------------- */

.cf7-corporate-form label,
.wpcf7 label {
    display: block;
    width: 100%;
    margin: 0 0 22px;

    color: #d7b36a;

    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   FIELD WRAPPER
--------------------------------------------------------- */

.cf7-corporate-form .wpcf7-form-control-wrap,
.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: 9px;
}


/* ---------------------------------------------------------
   INPUTS
--------------------------------------------------------- */

.cf7-corporate-form input[type="text"],
.cf7-corporate-form input[type="email"],
.cf7-corporate-form input[type="tel"],
.cf7-corporate-form input[type="number"],
.cf7-corporate-form input[type="url"],
.cf7-corporate-form select,
.cf7-corporate-form textarea,

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {

    width: 100%;
    min-height: 56px;

    padding: 15px 17px;

    margin: 0;

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 0;

    outline: none;

    background:
        rgba(255,255,255,.055);

    color: #ffffff;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    box-shadow: none;

    appearance: none;
    -webkit-appearance: none;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* ---------------------------------------------------------
   PLACEHOLDER
--------------------------------------------------------- */

.cf7-corporate-form input::placeholder,
.cf7-corporate-form textarea::placeholder,

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {

    color: rgba(255,255,255,.48);
    opacity: 1;
}


/* ---------------------------------------------------------
   HOVER
--------------------------------------------------------- */

.cf7-corporate-form input:hover,
.cf7-corporate-form textarea:hover,
.cf7-corporate-form select:hover,

.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 select:hover {

    background:
        rgba(255,255,255,.085);

    border-color:
        rgba(215,179,106,.42);
}


/* ---------------------------------------------------------
   FOCUS
--------------------------------------------------------- */

.cf7-corporate-form input:focus,
.cf7-corporate-form textarea:focus,
.cf7-corporate-form select:focus,

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {

    background:
        rgba(255,255,255,.10);

    border-color:
        #d7b36a;

    color:
        #ffffff;

    box-shadow:
        0 0 0 3px rgba(215,179,106,.10);

    outline:
        none;
}


/* ---------------------------------------------------------
   SELECT
--------------------------------------------------------- */

.cf7-corporate-form select,
.wpcf7 select {
    color: #ffffff;
    cursor: pointer;
}


/* Makes dropdown option text readable */
.cf7-corporate-form select option,
.wpcf7 select option {
    background: #101c2d;
    color: #ffffff;
}


/* ---------------------------------------------------------
   TEXTAREA
--------------------------------------------------------- */

.cf7-corporate-form textarea,
.wpcf7 textarea {
    min-height: 155px;
    resize: vertical;
}


/* ---------------------------------------------------------
   FULL WIDTH
--------------------------------------------------------- */

.cf7-corporate-form .full-width,
.wpcf7 .full-width {
    grid-column: 1 / -1;
}


/* ---------------------------------------------------------
   SUBMIT AREA
--------------------------------------------------------- */

.cf7-corporate-form .form-submit,
.wpcf7 .form-submit {
    margin-top: 8px;
}


/* ---------------------------------------------------------
   SUBMIT BUTTON
--------------------------------------------------------- */

.cf7-corporate-form input[type="submit"],
.wpcf7 input[type="submit"] {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 190px;
    min-height: 56px;

    padding: 0 32px;

    border: 1px solid #d7b36a;
    border-radius: 0;

    background:
        #d7b36a;

    color:
        #101c2d;

    cursor:
        pointer;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22);

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* ---------------------------------------------------------
   BUTTON HOVER
--------------------------------------------------------- */

.cf7-corporate-form input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {

    background:
        #ffffff;

    border-color:
        #ffffff;

    color:
        #101c2d;

    transform:
        translateY(-2px);

    box-shadow:
        0 16px 35px rgba(0,0,0,.28);
}


/* ---------------------------------------------------------
   BUTTON FOCUS
--------------------------------------------------------- */

.cf7-corporate-form input[type="submit"]:focus-visible,
.wpcf7 input[type="submit"]:focus-visible {

    outline:
        3px solid rgba(215,179,106,.40);

    outline-offset:
        4px;
}


/* ---------------------------------------------------------
   REQUIRED / VALIDATION
--------------------------------------------------------- */

.cf7-corporate-form .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-not-valid-tip {

    display: block;

    margin-top: 6px;

    color: #ffb0a8;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1px;
    text-transform: none;
}


/* ---------------------------------------------------------
   INVALID INPUT
--------------------------------------------------------- */

.cf7-corporate-form input.wpcf7-not-valid,
.cf7-corporate-form textarea.wpcf7-not-valid,
.cf7-corporate-form select.wpcf7-not-valid,

.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {

    border-color:
        #d97870;

    background:
        rgba(190,50,45,.08);

    box-shadow:
        0 0 0 2px rgba(217,120,112,.08);
}


/* ---------------------------------------------------------
   RESPONSE MESSAGE
--------------------------------------------------------- */

.cf7-corporate-form .wpcf7-response-output,
.wpcf7 .wpcf7-response-output {

    margin:
        22px 0 0 !important;

    padding:
        15px 18px !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    background:
        rgba(255,255,255,.06);

    color:
        rgba(255,255,255,.82);

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.6;
}


/* ---------------------------------------------------------
   SUCCESS
--------------------------------------------------------- */

.cf7-corporate-form form.sent .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {

    border-color:
        rgba(215,179,106,.70) !important;

    background:
        rgba(185,138,58,.10);

    color:
        #f4dfb0;
}


/* ---------------------------------------------------------
   ERROR
--------------------------------------------------------- */

.cf7-corporate-form form.invalid .wpcf7-response-output,
.cf7-corporate-form form.failed .wpcf7-response-output,

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {

    border-color:
        rgba(217,120,112,.65) !important;

    background:
        rgba(190,50,45,.08);

    color:
        #ffc1ba;
}


/* ---------------------------------------------------------
   SPINNER
--------------------------------------------------------- */

.cf7-corporate-form .wpcf7-spinner,
.wpcf7 .wpcf7-spinner {
    margin: 0 0 0 12px;
}


/* ---------------------------------------------------------
   CHECKBOX / ACCEPTANCE
--------------------------------------------------------- */

.cf7-corporate-form input[type="checkbox"],
.wpcf7 input[type="checkbox"] {

    width:
        auto;

    min-height:
        auto;

    margin:
        0 8px 0 0;

    accent-color:
        #d7b36a;
}


/* Acceptance text */
.cf7-corporate-form .wpcf7-acceptance,
.wpcf7 .wpcf7-acceptance {

    color:
        rgba(255,255,255,.62);

    font-size:
        11px;

    line-height:
        1.6;
}


/* ---------------------------------------------------------
   OPTIONAL DIVIDER
--------------------------------------------------------- */

.cf7-corporate-form .form-divider,
.wpcf7 .form-divider {

    width:
        100%;

    height:
        1px;

    margin:
        5px 0 28px;

    background:
        rgba(255,255,255,.10);
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 700px) {

    .cf7-corporate-form .form-row,
    .wpcf7 .form-row {

        grid-template-columns:
            1fr;

        gap:
            0;

    }


    .cf7-corporate-form .full-width,
    .wpcf7 .full-width {

        grid-column:
            auto;

    }


    .cf7-corporate-form input[type="submit"],
    .wpcf7 input[type="submit"] {

        width:
            100%;

        min-width:
            0;

    }


    .cf7-corporate-form label,
    .wpcf7 label {

        margin-bottom:
            18px;

    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {

    .cf7-corporate-form input[type="text"],
    .cf7-corporate-form input[type="email"],
    .cf7-corporate-form input[type="tel"],
    .cf7-corporate-form select,
    .cf7-corporate-form textarea,

    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"],
    .wpcf7 select,
    .wpcf7 textarea {

        min-height:
            53px;

        padding:
            13px 14px;

        font-size:
            14px;

    }

}


/* ---------------------------------------------------------
   REDUCED MOTION
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .cf7-corporate-form *,
    .wpcf7 * {

        transition:
            none !important;

    }

}/* End custom CSS */