/* 
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_fields_1 .gfield {
   margin-bottom: 0px;
    float: left;
    clear: none;
    width: 33.3%;
    padding:0 16px 16px 0;
    margin: 0;
}
#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;}

.booking-form-bar .pp-gravity-form .gform_wrapper .gform_footer {
		margin-top: -112px !important;
}

/*Desktop*/
@media only screen and (min-width: 900px){    
	.booking-form-bar .gform_legacy_markup_wrapper .gform_body {
		width: 70%!important;
	}
	.booking-form-bar .ginput_container_consent * {float:left;text-align:left;margin-right:20px;}
	.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 .pp-gravity-form .gform_wrapper .gform_footer {
		margin: 0;
		padding: 0;
		width: 30%;
		float: right;
		margin-top: -103px;
	}
}

div.ginput_container.ginput_container_consent > .gfield_consent_label {
	max-width: 430px;
}


/*Mobile*/
@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 */
	#gform_fields_1 .gfield {width: 100%;padding: 0 0px 16px 0;	}
	#field_1_5 input[type="checkbox"] {float:left;}
	#field_1_5  .gfield_consent_label {margin-top:-20px;margin-left:20px;line-height:1.5em;}

}

/*Tablet*/
@media only screen and (max-width: 1000px) {
  
.gform_footer.top_label {
	position: absolute;
	right: 0;transform: translateY(260%);
}

form#gform_1 {position: relative;
}

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

.st0 {
    stroke: #FFFFFF!important;
}

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

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;
}
}