/**
 * Theme Name: Medaillons des Styles
 * Template:   twentytwentyfour
 * Author: Sacree Fabrique
 * Author URI: https://sacreefabrique.fr
 */

body.page-id-8 {
background: url(http://medaillondestyles.fr/wp-content/uploads/2024/09/fond-logo.png) no-repeat 100% 0% #f9f5f3;
} 

.wpcf7 input,
.wpcf7 textarea {
border: 0px;
min-height: 2.2em;
color: color(srgb 0.5481 0.0032 0.062);
padding: 1% 2%;
}



    [type="button"], [type="submit"], [type="reset"]{
        background-color: var(--wp--preset--color--contrast-2);
        border-radius: 100px;
        border-color: var(--wp--preset--color--contrast);
        border-width: 0;
        color: var(--wp--preset--color--base);
        font-family: var(--wp--preset--font-family--poppins);
        font-size: var(--wp--preset--font-size--small) !important;
        font-style: normal;
        font-weight: 500;
        line-height: inherit;
        padding-top: 0.9rem !important;
        padding-right: 2rem !important;
        padding-bottom: 0.9rem !important;
        padding-left: 2rem !important;
        text-decoration: none;
        color: var(--wp--preset--color--base) !important;
    }

    [type="button"]:hover, [type="submit"]:hover, [type="reset"]:hover {
        background-color: var(--wp--preset--color--contrast);
        border-color: var(--wp--preset--color--contrast-2);
        color: var(--wp--preset--color--base);
    }

    type="button"]:focus, [type="submit"]:focus, [type="reset"]:focus {
        background-color: var(--wp--preset--color--contrast-2);
        border-color: var(--wp--preset--color--contrast-2);
        color: var(--wp--preset--color--base);
        outline-color: var(--wp--preset--color--contrast);
        outline-offset: 2px;
    }

    type="button"]:active, [type="submit"]:active, [type="reset"]:active {
        background-color: var(--wp--preset--color--contrast);
        color: var(--wp--preset--color--base);
    }

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: rgba(70, 180, 80, 0.3);

}