/*
 * Compatibility rules removed together with the old header stylesheet reset.
 * Keep them scoped to the affected landing pages and Contact Form 7 forms.
 */

body.page-template-custom_landing img,
body.page-template-custom_power_units img,
body.page-template-control_valves_lang img,
body.page-template-BECOMEADISTRIBUTOR img,
body.page-template-FAQ img {
    max-width: 100%;
    height: auto;
}

.wpcf7,
.wpcf7 *,
.wpcf7 *::before,
.wpcf7 *::after {
    box-sizing: border-box;
}

.wpcf7 :where(input, select, textarea, button) {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.5;
    margin: 0;
}

.wpcf7 :where(
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea
) {
    padding: 3px;
}

:where(.wpcf7) input[type="text"],
:where(.wpcf7) input[type="email"],
:where(.wpcf7) input[type="url"],
:where(.wpcf7) input[type="password"],
:where(.wpcf7) input[type="search"],
:where(.wpcf7) input[type="number"],
:where(.wpcf7) input[type="tel"],
:where(.wpcf7) input[type="range"],
:where(.wpcf7) input[type="date"],
:where(.wpcf7) input[type="month"],
:where(.wpcf7) input[type="week"],
:where(.wpcf7) input[type="time"],
:where(.wpcf7) input[type="datetime"],
:where(.wpcf7) input[type="datetime-local"],
:where(.wpcf7) input[type="color"],
:where(.wpcf7) textarea,
:where(.wpcf7) select {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

:where(.wpcf7) input[type="text"]:focus,
:where(.wpcf7) input[type="email"]:focus,
:where(.wpcf7) input[type="url"]:focus,
:where(.wpcf7) input[type="password"]:focus,
:where(.wpcf7) input[type="search"]:focus,
:where(.wpcf7) input[type="number"]:focus,
:where(.wpcf7) input[type="tel"]:focus,
:where(.wpcf7) input[type="range"]:focus,
:where(.wpcf7) input[type="date"]:focus,
:where(.wpcf7) input[type="month"]:focus,
:where(.wpcf7) input[type="week"]:focus,
:where(.wpcf7) input[type="time"]:focus,
:where(.wpcf7) input[type="datetime"]:focus,
:where(.wpcf7) input[type="datetime-local"]:focus,
:where(.wpcf7) input[type="color"]:focus,
:where(.wpcf7) textarea:focus,
:where(.wpcf7) select:focus {
    color: #111;
}

:where(.wpcf7) textarea {
    width: 100%;
}

:where(.wpcf7) input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    line-height: 1;
}