/* 
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
*/

/* Add your custom styles here */



/* CONTACT US PAGE - Appointment Form */
#appointment-form { color: #fff; }
#appointment-form .flex p { margin: 0; display: flex; column-gap: 10px; flex-wrap: wrap; }
#appointment-form .flex p span {flex: 1 1 23%;  box-sizing: border-box; }
#appointment-form p, #appointment-form .flex { margin: 0; }
#appointment-form .flex p span { width: 100%; }
#appointment-form br { display: none; }
#appointment-form input[type="text"],
#appointment-form input[type="email"],
#appointment-form input[type="date"],
#appointment-form .wpcf7-textarea { border: 0; border-radius: 0; font-size: 15px; height: 60px; display: block; width: 100%; margin-bottom: 10px; background: #FFF; color: #000; padding: 20px; }
#appointment-form .wpcf7-textarea { height: 180px; }
#appointment-form .wpcf7-submit { color: #FFF; padding: 15px 30px; display: block; border: 0; margin: 10px auto 0; }
#appointment-form .wpcf7-list-item { display: block; font-size: 14px; margin: 0; }
#appointment-form .codedropz-upload-inner h3 { font-size: 35px; color: #fff; }
#appointment-form .cd-upload-btn, #appointment-form ~ .wpcf7-response-output, #appointment-form .wpcf7-list-item-label { color: #fff !important; }
#appointment-form .codedropz-upload-inner span { display: block; padding: 10px; }
#appointment-form .codedropz-upload-inner { background: #E49B10; color: #fff; padding: 40px 20px; border-radius: 8px; border: 1px solid white; }
#appointment-form .dnd-upload-counter { color: #fff; left: 0; right: 0; bottom: 30px; text-align: center; }


@media(max-width:1024px){
	#appointment-form .flex p span { flex: 1 1 48%; }
}

@media screen and (max-width: 768px) {
    #appointment-form .flex p { flex-direction: column; }
    #appointment-form .flex p span {flex: 1 1 100%;}
}

@media(max-width:600px){
	#appointment-form .codedropz-upload-inner h3 { font-size: 25px; }
}

/* CONTACT US PAGE */
/* Hide Contact form from footer section */
.page-id-13 #ft-contact-form { display: none !important; }

/* FOOTER - Contact Form */
.form .btn { display: block; margin: 20px auto 0; padding: 20px !important; height: 70px; }
.form textarea { height: 120px; }
span.wpcf7-list-item { margin: 0 0 10px 0; }
span.wpcf7-list-item label { line-height: 160%; }
.form .flex p { display: flex; gap: 10px; margin-bottom: 10px; }
.form label, .form span { color: white !important; width: 100%; }
.form.black label, .form.black span { color: black; }

@media(max-width:600px) {
    .form .flex p { display: block; margin-bottom: 0px; }
    .form input[type='text'] { margin-bottom: 10px; }
}