/* Formulaires */
.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7 form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.wpcf7 br {
    display: none;
}

.wpcf7 .form-col-1 input:not(.wpcf7-submit) {
    width: 100%;
}

.wpcf7 .form-col-1 p {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-end;
}

.wpcf7 .form-col-2 p {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
    color: var(--noir);
    border: 0px;
    border-bottom: 1px solid var(--principale);
    width: 100%;
    font-family: "Montserrat", sans-serif !important;
}

.wpcf7 button,
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
    width: fit-content;
    background-color: var(--principale) !important;
    font-family: "Montserrat", sans-serif !important;
}

.wpcf7 button:hover,
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover {
    background-color: var(--accent) !important;
}

/* --------------- RESPONSIVE --------------- */

@media screen and (max-width: 1480px) {}

@media screen and (max-width: 1270px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 600px) {}

@media screen and (max-width: 450px) {}