/*
Theme Name: WendyFlowers
Theme URI: https://wendyflowers.nl
Author: Eduard Milushi
Author URI: https://github.com/emilushi
Description: The WendyFlowers theme is a light-weight theme that uses full site editing.
Requires at least: 6.4
Tested up to: 6.6.1
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wendyflowers
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news, single page
*/

.wpcf7-form {
    p {
        margin: 0;
    }

    label {
        font-size: 1.2rem;
        font-weight: regular;
        color: var(--wp--preset--color--dark-blue);
        display: block;
        margin-bottom: 5px;
    }

    .wpcf7-form-control-wrap {
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }

    textarea,
    input {
        max-width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 2px solid var(--wp--preset--color--dark-blue);
        border-radius: 5px;
    }

    input[type="submit"] {
        background-color: var(--wp--preset--color--orange);
        border-radius: .33rem;
        border-color: var(--wp--preset--color--orange);
        border-width: 2px;
        color: var(--wp--preset--color--white);
        font-size: var(--wp--preset--font-size--small);
        font-style: normal;
        font-weight: 500;
        line-height: inherit;
        padding-top: 0.6rem;
        padding-right: 1rem;
        padding-bottom: 0.6rem;
        padding-left: 1rem;
        text-decoration: none;

        &:hover {
            background-color: transparent;
            color: var(--wp--preset--color--orange);
        }
    }
}

.wpforms-container {
    margin-top: 0 !important;

    .wpforms-field {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .wpforms-submit-container .wpforms-submit {
        font-family: var(--wp--preset--font-family--allerta);
        font-size: var(--wp--preset--font-size--medium);
        letter-spacing: 0.1px;
        line-height: inherit;
        padding-top: 1rem;
        padding-right: 2.25rem;
        padding-bottom: 1rem;
        padding-left: 2.25rem;
        height: auto;
        text-decoration: none;
        &:hover {
            background: var(--wpforms-button-text-color);
            color: var(--wpforms-button-background-color);
            border-color: var(--wpforms-button-background-color);
        }
    }
}

footer.wp-block-template-part {
    margin-top: 0;
}

footer.wp-block-template-part .wp-block-group .wp-block-separator {
    height: 10px;
}

.wp-block-button__link {

    border: 1px solid var(--wp--preset--color--contrast);

    &:hover {
        background-color: var(--wp--preset--color--accent-4) !important;
        color: var(--wp--preset--color--contrast) !important;
    }
}
