/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#form-field-date_of_visit::placeholder,
#form-field-time_of_visit::placeholder {
    color: transparent !important
}

.elementor-field-type-date input[type="date"]::before {
    content: attr(placeholder);
    width: 100%;
    position: absolute;
    pointer-events: none;
    text-align: right;
    color: #a1a1a1;
    padding: 10px 15px;
    right: 30px;
    top: -3px
}

}

.elementor-field-type-date input[type="date"]:valid::before,
.elementor-field-type-date input[type="date"]:focus::before {
    display: none
}


#form-field-time_of_visit {
    color: #222
}

#form-field-date_of_visit:valid,
#form-field-time_of_visit:valid {
    color: #222 !important;
}

@media (max-width: 1024px) {
    elementor-287 .elementor-element.elementor-element-3cf9689 {
        --margin-top: -52px !important;
    }
}

/* Show the custom placeholder on mobile/iPad screens (max-width: 1024px) */
@media (max-width: 1024px) {
    .elementor-field-type-date input[type="date"]::before {
        content: attr(placeholder);
        width: 100%;
        position: absolute;
        pointer-events: none;
        text-align: left;
        color: #a1a1a1;
        padding: 10px 15px;
        left: 5px;
        top: -8px;
    }
}

/* Hide the custom placeholder on desktop/laptop screens (min-width: 1025px) */
@media (min-width: 1025px) {
    .elementor-field-type-date input[type="date"]::before {
        display: none;
    }
}