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


/*Tables*/

.table-cell-right {text-align:right;}

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

GRAVITY FORMS BOOKING FORM 

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

/*General*/
.gform_wrapper {margin:0;}

@media only screen and (max-width: 767px) {
#intro .elementor-shape-bottom {display:none;}
}


.elementor-widget-wb-before-after-image-slider-elementor {
    max-width: 323px;
    margin: auto;
}
.twentytwenty-container img {

}


@media only screen and (max-width: 767px) {
.elementor-2529 .elementor-element.elementor-element-f9ed2c5 {
    margin-top: -160px;
}
}


.gform_wrapper .gform_validation_errors {border:none!important;}
.gform_wrapper div.validation_error {
    border: 2px solid #ffffff!important;
}
.gform_wrapper .gform_validation_errors,
.gfield_validation_message,
.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 #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;
}

.ginput_container_consent {color: #ffffff!important;font-size:10px;line-height:14px!important;}
.pp-custom-radio-checkbox input[type=checkbox]:checked:before {background:#1a59a9!important;}

#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){

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

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

/* Consent */
.booking-form-bar .ginput_container_consent * {float:left;text-align:left;margin-right:20px;} 
	

}



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

}

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

}
}