/*
Theme Name: DH Twenty Twenty Two Child Theme
Template: twentytwentytwo
Author: Konstantinos Stavrou
Author URI: https://kstavrou.gr/
Description: My first block-based child theme to experiment a bit.
Version: 0.2.1
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dh-twentytwentytwo-ct

*/

/* -----------------------------------------------
 * Limit Navigation Search form width - BEGIN
 * -------------------------------------------- */
header nav form.wp-block-search {
        max-width: calc(100vw - 2em);
}
/* -----------------------------------------------
 * Limit Navigation Search form width - END
 * -------------------------------------------- */

/* -----------------------------------------------
 * HTML forms styling - BEGIN
 * -------------------------------------------- */
form.wpcf7-form {
	max-width: 40em;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
        font-family: inherit;
        font-size: inherit;
        padding: 1px !important;
        margin: 4px 0;
        background-color: rgb(242, 242, 242) !important;
        border: unset !important;
}

form.wpcf7-form input:not([type]),
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="password"],
form.wpcf7-form input[type="search"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="url"],
form.wpcf7-form textarea {
        width: 100%;
        padding: 4px 5px !important;
}

form.wpcf7-form textarea {
        resize: none;
}

form.wpcf7-form label {
/*      font-weight: bold;      */
        color: rgb(51, 51, 51);
}

form.wpcf7-form input[type="submit"] {
        background-color: rgb(51, 51, 51) !important;
        border: unset;
        color: white;
        width: 8em;
        line-height: 2.5em;
/*      font-weight: bold;      */
}

form.wpcf7-form span.wpcf7-form-control-wrap.your-consent span {
        margin: 0 !important;
}

form.wpcf7-form input[type="checkbox"],
form.wpcf7-form input[name="your-consent"] {
        width: 1.1em !important;
        height: 1.1em !important;
        margin: 0 0.5em 0 0;
        padding: 0 !important;
}

form.wpcf7-form input[name="your-consent"] + span {
        margin-left: 0.5em !important;
/*      line-height: 1.5em;     */
}

form.wpcf7-form .wpcf7-response-output {
        color: rgb(51, 51, 51);
        border-width: 1px !important;
	border-color: transparent;
        margin: 0.5em 1em !important;
}

form.wpcf7-form .block-items > .wpcf7-list-item {
        display: block;
}
/* -----------------------------------------------
 * HTML forms styling - END
 * -------------------------------------------- */