/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/




/* -----------------------------------------------------

GRAVITY FORMS BOOKING FORM 

-------------------------------------------------------*/

/*General*/
.gform_wrapper {margin:0;}
.gform_wrapper input {border: solid 1px #ffffff;}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, 
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, 
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle {padding-top:0px!important;}

/*Vertical*/
.booking-form-bar #gform_fields_1 .gfield {
   margin-bottom: 0px;
    float: left;
    clear: none;
    width: 33.3%;
    padding:0 16px 16px 0;
    margin: 0;
}
 .booking-form-vertical #gform_fields_1 .gfield {
   margin-bottom: 0px;
    float: none;
    clear: left;
    width: 100%;
    padding:0 0px 16px 0;
    margin: 0;
}
 .booking-form-vertical .gform_legacy_markup_wrapper div.ginput_container_name span {
    display: block!important;
    width: 100%!important;
    margin-top: 20px;
}
 .booking-form-vertical .gform_wrapper .gform_footer {
    margin-top: 10px;
}

#field_1_1 input, 
#field_1_2 input, 
#field_1_3 input {width:100%;margin: 0;}

/*Form Description*/
#field_1_5 {width:100%!important;text-align:center;font-size:12px;}
#field_1_5 .gfield_description,
#field_1_5  .gfield_consent_label {margin-top:-8px;margin-left:10px;}

.gform_wrapper .gform_validation_errors {border:none!important;}
.gform_wrapper div.validation_error {
    border: 2px solid #ffffff!important;
}
.gform_wrapper li.gfield.gfield_error  {background:none!important;border:none!important; text-align:left!important; }
.gform_wrapper .gfield_validation_message,
.gform_wrapper .gform_validation_errors>h2 {color: #ffffff!important;}


/*Desktop*/
@media only screen and (min-width: 900px){

	/*Horizontal*/
	.booking-form-bar {}
	.booking-form-bar #field_1_5 .gfield_description, 
	.booking-form-bar #field_1_5 .gfield_consent_label {
    	margin-top: -16px!important;
    	margin-left: 30px!important;
	}
	.booking-form-bar .gform_legacy_markup_wrapper .gform_body {width: 75%!important;padding-left:16px;margin-top:-20px;}
	.booking-form-bar .gform_footer input[type="submit"] {width:100%!important;} 
	.booking-form-bar .pp-gravity-form .gform_wrapper .gform_footer {margin-top: 8px;width: 25%;float: left;clear: none;}
	.booking-form-bar .pp-gravity-form .gform_validation_error .gform_footer {margin-top: 12px;}
	.booking-form-bar .ginput_container_consent * {float:left;text-align:left;margin-right:20px;} 
	
}

/*Mobile*/

@media only screen and (max-width: 641px) {
.gform_legacy_markup_wrapper .ginput_container span:not(.ginput_price) {
    margin-bottom: 0px!important;}
}
@media only screen and (max-width: 900px) {
  
	.elementor-58 .elementor-element.elementor-element-aad9c40 { background: #C5CD4D;} /*to style the form BG differently on mobie devices */
	.booking-form-bar .gfield {width: 100%!important;padding: 0 0px 0px 0!important;}
	.booking-form-bar input[type="checkbox"] {float:left;}
	.booking-form-bar input[type="submit"] {margin-top:10px!important;}
}

/*Popup*/
#gform_fields_2 .gfield {width: 100%;padding: 0 0px 16px 0;	}
#field_2_5 .gfield_description {padding-top: 0px;border: 0;overflow-y: visible;padding:0;}



/* -----------------------------------------------------

HEADER SECTION

-------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
	#contact-info .elementor-icon-list-items .elementor-icon-list-icon i {font-size: 25px!important;}
	#contact-info .elementor-icon-list-items .elementor-icon-list-text {display:none;}
}


/* -----------------------------------------------------

HERO SECTION

-------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
	.hero-content > .elementor-widget-wrap {background-color:transparent!important;}
}


/* -----------------------------------------------------

USP BANNER

-------------------------------------------------------*/

.usp-banner .elementor-icon i {color:#ffffff!important;}

/*Mobile*/
@media only screen and (max-width: 1024px) {
	.usp-banner .elementor-icon i {font-size: 20px;}
	.usp-banner .elementor-icon-box-description {display: none!important;}
}


/* -----------------------------------------------------

PRICE BANNER

-------------------------------------------------------*/
.price-banner .elementor-icon i, .elementor-icon svg {
    width: 1em;
    height: auto;
    position: relative;
    display: block;
}


/* -----------------------------------------------------

VIDEO

-------------------------------------------------------*/
video-thumb {max-width:400px;}


/* -----------------------------------------------------

BEFORE & AFTER

-------------------------------------------------------*/
.uael-before-after-slider .twentytwenty-overlay {
    background-color: transparent!important; 
}


/* -----------------------------------------------------

TESTIMONIALS

-------------------------------------------------------*/

.elementor-swiper-button .eicon-chevron-left {margin-left:-20px;}
.elementor-swiper-button .eicon-chevron-right {margin-right:-20px;}

/*Moile*/
@media only screen and (max-width: 1000px){
    
.elementor-testimonial--layout-image_left .elementor-testimonial, .elementor-testimonial--layout-image_right .elementor-testimonial {
 
    display: block!important;
}

.elementor-testimonial__footer {
    padding-left: 0px!important;
    padding-top:60px;
}
}

/* -----------------------------------------------------

FOOTER

-------------------------------------------------------*/
/*Moile*/
@media only screen and (max-width: 1000px){
#contact-details {
    width:100%;

}
}