/**
* Theme Name:        avanam-wooti
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-wooti
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

	
 
/* Застосування шрифту Montserrat до форми Contact Form 7 */
.wpcf7-form {
    font-family: 'Montserrat', sans-serif;
}

.wpcf7-form label,
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form button {
    font-family: 'Montserrat', sans-serif;
}


.form-submit #submit,
.wpcf7-submit {
    font-size: 14px;
    letter-spacing: -0.006em;
    border-radius: 14px;
}


.form-submit #submit:hover,
.wpcf7-submit:hover,
.post-password-form input[type="submit"]:hover {
    background-color: var(--btn-hover-color) !important;
    color: #fff;
}



/* Стилі для заголовків форми */
.wpcf7-form label {
    font-weight: 600; /* Напівжирний */
    font-size: 16px;
}

/* Стилі для полів введення */
.wpcf7-form input,
.wpcf7-form textarea {
    font-weight: 400; /* Звичайний */
    font-size: 14px;
}

/* Стилі для кнопки */
.wpcf7-form input[type="submit"] {
    font-weight: 700; /* Жирний */
    font-size: 16px;
}

/* Зміна стилів для плейсхолдерів у формі */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder,
.wpcf7-form select::placeholder {
    color: white; /* Білий колір тексту */
    font-weight: bold; /* Жирний шрифт */
    opacity: 1; /* Повна непрозорість (щоб колір був яскравим) */
}

/* Якщо потрібно змінити стилі для тексту в полях введення */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    color: white; /* Білий колір тексту */
    font-weight: bold; /* Жирний шрифт */
}

/* Жирний шрифт для слів "Дедлайн" та "Повідомлення" */
.wpcf7-form label[for="deadline"],
.wpcf7-form label[for="your-message"] {
    font-weight: bold; /* Жирний шрифт */
    color: white; /* Білий колір тексту */
}

/* Загальні стилі для всіх елементів форми */
.wpcf7-form label {
    font-weight: bold; /* Жирний шрифт */
    color: white; /* Білий колір тексту */
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
    color: white; /* Білий колір тексту */
    font-weight: bold; /* Жирний шрифт */
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: white; /* Білий колір тексту */
    font-weight: bold; /* Жирний шрифт */
    opacity: 1; /* Повна непрозорість */
}



.wpcf7-form label,
.wpcf7-form textarea,
.wpcf7-form input {
    min-width: 100%;
    max-width: 100%;
}

.wpcf7-form input {
    padding: 1rem 22px;
    font-size: 16px;
    letter-spacing: -0.011em;
}

.wpcf7-form textarea {
    padding: 22px;
    font-size: 16px;
    letter-spacing: -0.011em;
}

.wpcf7-form .theme-contact-form h6 {
    margin: 0 0 2rem 0;
    font-weight: bold;
    font-family: inherit;
}

.wpcf7-form input.wpcf7-submit {
    min-width: unset;
    padding: 0.8125em 3.4375em;
}

.wpcf7-form .theme-contact-form h1 {
    text-align: center;
    margin-bottom: 3rem;
}

.wpcf7-not-valid-tip {
    margin-top: 0.5rem;
    margin-left: 1rem;
}

.wpcf7 form .wpcf7-response-output {
    padding: 1rem;
    border-radius: 1.125rem;
    border-width: 1px;
    text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--primary-color);
    background: #fff;
    color: var(--primary-color);
    font-weight: 600;
}

.mcf-submit {
    text-align: right;
}

.wpcf7-form .theme-contact-form .mcf-submit {
    text-align: right;
    margin-top: 1.5rem;
}

.wpcf7 .ajax-loader {
    margin: 12px;
    float: left;
}

.wpcf7-form-control-wrap {
    display: grid;
    margin-top: 5px;
}


#site-content.nav-black-desktop .wpcf7-form label {
    color: #1a1a1a;
}