/* 
Theme Name: ghostwriteit
Author: Zao Core
Template: hello-elementor
Version: 2.0.0
Text Domain: ghostwriteit
*/

/* Add your custom styles here */


/* ===== date input ===== */

input[name="due_date"] {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
}

input[name="due_date"]::-webkit-datetime-edit {
    display: none;
}

input[name="due_date"]::before {
    content: 'gg/mm/aaaa';
    color: #999;
}

/* ===== calendar icon ===== */

.form-icon-date {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23888" viewBox="0 0 24 24"><path d="M7 10h5v5H7z"/><path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/></svg>') center/contain no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 26px;
    pointer-events: none;
    opacity: 0.7;
}

/* ===== CF7 layout ===== */

.cf7-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;

    .column {
        flex: 1;

        label {
            width: 100%;

            input,
            select {
                padding: 8px 10px !important;
                border: 1px solid #ced4da;
                border-radius: 4px;
            }

            input {
                &::placeholder,
                &::-moz-placeholder,
                &::-webkit-input-placeholder {
                    color: #999 !important;
                    opacity: 1;
                }
            }
        }

        input[type="submit"] {
            font-size: 1.1rem;
            padding: 12px 20px;
            border-radius: 10px;
        }
    }

    span.checkbox-lable {
        display: flex;
        margin-bottom: 0;
        color: #000;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.2;

        &::before {
            display: block;
            width: 16px;
            height: 16px;
            margin-right: 8px;
            content: "";
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1N18xMTAxKSI+CjxwYXRoIGQ9Ik03Ljk5OTk2IDE2QzEyLjM2NTQgMTQuMzY2OSAxNS4yNTg2IDEwLjE5NTcgMTUuMjU4NiA1LjUzNDc4VjIuNzA5ODhDMTMuNzYyIDIuNzA5ODggMTIuNTQ4NyAxLjQ5NjYyIDEyLjU0ODcgMEg3Ljk5OTk2SDMuNDUxMjFDMy40NTEyMSAxLjQ5NjYyIDIuMjM3OTYgMi43MDk4OCAwLjc0MTMzMyAyLjcwOTg4VjUuNTM0NzVDMC43NDEzMzMgMTAuMTk1NyAzLjYzNDQ5IDE0LjM2NjkgNy45OTk5NiAxNloiIGZpbGw9IiMxNEE4MDAiLz4KPHBhdGggZD0iTTggMTZDMTIuMzY1NSAxNC4zNjY5IDE1LjI1ODYgMTAuMTk1NyAxNS4yNTg2IDUuNTM0NzhWMi43MDk4OEMxMy43NjIgMi43MDk4OCAxMi41NDg3IDEuNDk2NjIgMTIuNTQ4NyAwSDhDOCAwIDggMTIuNDM3NSA4IDE2WiIgZmlsbD0iIzE0QTgwMCIvPgo8cGF0aCBkPSJNNi45ODg4MyAxMC44MjE0TDQuNTgyNTIgOC40MTUxMUw1LjkwODMzIDcuMDg5MjdMNi45ODg4MyA4LjE2OTc3TDEwLjA5MTcgNS4wNjY4OUwxMS40MTc1IDYuMzkyNzFMNi45ODg4MyAxMC44MjE0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTggOS44MTAyMVY3LjE1ODU4TDEwLjA5MTcgNS4wNjY4OUwxMS40MTc1IDYuMzkyNzFMOCA5LjgxMDIxWiIgZmlsbD0iI0U2RTZFNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1N18xMTAxIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
        }
    }
}


.cf7-row .wpcf7-form-control.wpcf7-acceptance > .wpcf7-list-item {
    margin-left: 0;
}

.flatpickr-mobile {
    cursor: pointer;
}

/* ===== responsive ===== */

@media screen and (max-width: 670px) {
    .cf7-row {
        flex-direction: column;
        gap: 0;
    }

    .column {
        width: 100%;
    }
}