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


/*
 * Everlasting Rentals Page CSS
 * https://yqgonepage.wpenginepowered.com/everlasting-rentals/
 * */

/* ===== Global helpers ===== */
.br-desktop-none br{ display:none; }

.elementor-widget-icon .elementor-icon-wrapper{ line-height:0; }

.elementor-widget-icon-box .elementor-icon-box-description{ word-break:break-all; }

.elementor-widget-nav-menu nav ul ul li a{
	border-inline-start: none !important;
}

/* ===== Text editor links ===== */
.elementor-widget-text-editor p:last-child{ margin-bottom:0; }

.elementor-widget-text-editor p a,
.elementor-widget-icon-box .elementor-icon-box-description a{	
	color: inherit;
	transition: all 0.3s ease-out;	
}

.elementor-widget-text-editor p a:hover,
.elementor-widget-icon-box .elementor-icon-box-description a:hover{
	text-decoration: underline;
}

/* ===== Buttons ===== */
.elementor-widget-button .elementor-button{
	transition: all 0.3s ease-in-out;
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper{
	align-items: center;
}

.elementor-widget-button .elementor-button .elementor-button-icon{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	background: #404040;
	width: 26px;
	height: 26px;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.elementor-widget-button .elementor-button:hover .elementor-button-icon{
	background: #EEE8D8;
}

.btn-call.elementor-widget-button .elementor-button .elementor-button-icon{
	background: #000000;
} 

.black-btn.elementor-widget-button .elementor-button .elementor-button-icon{
	background: #FFF;
}

.btn-call.elementor-widget-button .elementor-button .elementor-button-icon svg{
	width: 14px;
}

.elementor-widget-button .elementor-button .elementor-button-icon svg{
	width: 6px;
	transition: all 0.3s ease-in-out;
}

.elementor-widget-button .elementor-button:hover .elementor-button-icon svg path{
	fill: #000;
}

.btn-call.elementor-widget-button .elementor-button .elementor-button-icon svg path{
	fill: #FFFFFF;
}

.btn-call.elementor-widget-button .elementor-button:hover .elementor-button-icon svg path{
	fill: #EEE8D8;
}

.black-btn.elementor-widget-button .elementor-button .elementor-button-icon svg path{
	fill: #000;
}

/* ===== Tab Widget ===== */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover,
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:focus{
	border-radius: var(--n-tabs-title-border-radius);
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title{
	transition: all 0.3s ease-in-out;
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon svg path{
	transition: all 0.3s;
}

/* ===== Section titles ===== */
.section-title .elementor-heading-title,
.section-title.white-section .elementor-heading-title,
.section-title.black-section .elementor-heading-title{
	position: relative;
	padding-left: 25px;
	word-break: break-word;
}

.section-title .elementor-heading-title::before{
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 5px;
	height: 45px;
	transform: rotate(20deg);
	background-color: #404040;
}

.section-title.white-section .elementor-heading-title::before{
	background-color: #EEE8D8;
}

.section-title.black-section .elementor-heading-title::before{
	background-color: #000000;
}

/* ===== Responsive helpers + section title tweaks ===== */
@media only screen and (max-width: 991px){
	.br-tablet-none br{ display:none; }

	.mobile-menu{ display:none; }

	.section-title .elementor-heading-title::before{
		height: 35px;
	}
}

@media only screen and (max-width: 767px){
	.br-mobile-none br{ display:none; }

	.mobile-menu{ display:block; }

	.section-title .elementor-heading-title,
	.section-title.white-section .elementor-heading-title,
	.section-title.black-section .elementor-heading-title{
		padding-left: 20px;
	}

	.section-title .elementor-heading-title:before{
		transform: rotate(15deg);
	}
}

/*
 * Header CSS
 */
.header-main{
	transition: all 0.3s ease-in-out;
}

.header-main.elementor-sticky--effects{
	background-color: #0000005E;
	backdrop-filter: blur(30px);
}

.header-main .header-logo img{
	transition: all 0.3s ease-in-out;
}

.header-main.elementor-sticky--effects .header-logo img{
	max-width: 100px;
}

.header-menu .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, 
.header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	transition: all 0.3s ease-in-out;
}

.header-main.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, 
.header-main.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	margin-top: 40px !important;
}

@media only screen and (max-width: 991px){
	.header-main.elementor-sticky--effects .header-logo img{
		max-width: 70px;
	}

	.header-main.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		margin-top: 22px !important;
	}
}

@media only screen and (max-width: 767px){}

/*
 * Footer CSS
 */
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){}

/*
 * Home Page CSS (now global unless class is only used on home)
 */
.magic-bg{ position:relative; }

.magic-bg::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0; 
	background: url("https://yqgonepage.wpenginepowered.com/wp-content/uploads/2024/11/mirror-left-bg.png") no-repeat center center;
	background-size: 100% auto;
	width: 300px;
	height: 475px;
}

.magic-bg > *{ z-index:1; }

.magic-img-1 img{ aspect-ratio:1 / 1.02; object-fit:cover; }
.magic-img-2 img{ aspect-ratio:1 / 0.88; object-fit:cover; }
.magic-img-3 img{ aspect-ratio:1 / 1.06; object-fit:cover; }

.rentals-img-1 img{ aspect-ratio:1 / 1.11; object-fit:cover; }

.gather-laugh .elementor-heading-title{ transform:rotate(16.307deg); }

.packages-image img{ aspect-ratio:1 / 0.94; object-fit:cover; }
.packages-image-2 img{ aspect-ratio:1 / 1.053; object-fit:cover; }

.instagram-section{}

/* Icon box bg */
.everlasting-difference-box .elementor-icon-box-wrapper .elementor-icon {
	background-image: url('https://yqgonepage.wpenginepowered.com/wp-content/uploads/2024/11/everlasting-difference-icon-bg.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 92px auto;
}

.faq-image-section:before{ z-index:1; }

.faq-image img{
	min-height: 500px;
	object-fit: cover;
}

.faq-image-2{ transform: translateY(-50%); }

/* Testimonials */
.google-review .elementor-main-swiper{ padding-bottom:80px !important; }

.google-review .elementor-testimonial{ padding:40px; }

.google-review .elementor-testimonial .elementor-testimonial__header{
	position: relative;
	align-items: center;
	padding-bottom: 50px !important;
}

.google-review .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite{
	gap: 5px;
}

.google-review .elementor-testimonial .elementor-testimonial__header .elementor-star-rating{
	position: absolute;
	bottom: 0;
	left: 0;
}

.google-review .elementor-testimonial .elementor-testimonial__header .elementor-star-rating i{
	font-style: normal;
}

.google-review .swiper-pagination .swiper-pagination-bullet{
	border: 3px solid #FFF;
}

/* Tabs */
.populaer-tab .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon path{
	transition: all 0.3s ease-in-out;
}

.populaer-tab .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-icon path,
.populaer-tab .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-icon path{
	fill: #EEE8D8;
}

@media only screen and (max-width: 991px){
	.magic-bg::after{
		top: 40%;
		width: 200px;
		height: 260px;
	}

	.rentals-img-1 img{ aspect-ratio:1 / 1.4; }

	.packages-image img,
	.packages-image-2 img{ aspect-ratio:1 / 0.9; }	

	.everlasting-difference-box .elementor-icon-box-wrapper .elementor-icon {
		background-size: 78px auto;
	}

	.faq-image img{ min-height:auto; }

	.google-review .elementor-main-swiper{ padding-bottom:60px !important; }

	.google-review .elementor-testimonial{ padding:30px; }

	.google-review .elementor-testimonial .elementor-testimonial__header{
		bottom: -4px;
		padding-bottom: 40px !important;
	}
}

@media only screen and (max-width: 767px){
	.magic-bg::after{ display:none; }

	.instagram-section-gallery .elementor-image-gallery .gallery{
		margin: 0 -20px -30px 0 !important;
	}

	.instagram-section-gallery .elementor-image-gallery .gallery .gallery-item{
		padding: 0 20px 30px 0 !important;
	}

	.google-review .elementor-testimonial{ padding:20px; }
}

/* ===== Gravity Forms global tweaks ===== */
.gform_wrapper .gform_heading { display:none !important; }
form .gform-loader { display:none !important; }

/* Everlasting-rental-booking-form */
.everlasting-rental-booking-form form .gform-body .gform_fields{
	row-gap: 30px !important;
	column-gap: 30px !important;
}

.everlasting-rental-booking-form form .gform-body .gform_fields .gform-grid-row{
	margin-inline: 0px !important;
	column-gap: 30px !important;
}

.everlasting-rental-booking-form form .gform-body .gform_fields .gform-grid-row .gform-grid-col{
	padding-inline: 0px !important;
}

.everlasting-rental-booking-form form .gform-body .ginput_container input,
.everlasting-rental-booking-form form .gform-body .ginput_container textarea,
.everlasting-rental-booking-form form .gform-body .ginput_container select{
	font-family: "DM Sans", Sans-serif;
	font-size: 16px;
	height: 60px;
	background: transparent;
	color: #B9B8B8;
	padding: 10px 30px;
	border: 1px solid #EEE8D8;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	outline: none;
}

.everlasting-rental-booking-form form .gform-body .ginput_container select{
	background-image: url('https://yqgonepage.wpenginepowered.com/wp-content/uploads/2024/11/dropdown-arrow.svg');
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px auto;
}

.everlasting-rental-booking-form .gform-theme--foundation .gfield textarea.medium{
	min-block-size: auto;
}

.everlasting-rental-booking-form form .gform-body .ginput_container textarea{
	height: 125px;
}

.everlasting-rental-booking-form form .gform-body .ginput_container .datepicker{
	width: 100%;
}

.everlasting-rental-booking-form form .gform-body .gfield--input-type-time>.ginput_container{
	height: 60px;
	background: transparent;
	color: #B9B8B8;
	padding: 10px 30px;
	border: 1px solid #EEE8D8;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	outline: none;
	background-image: url('https://yqgonepage.wpenginepowered.com/wp-content/uploads/2024/11/icon-clock.svg');
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px auto;
}

.everlasting-rental-booking-form form .gform-body .gfield--input-type-time .gfield_time_hour input,
.everlasting-rental-booking-form form .gform-body .gfield--input-type-time .gfield_time_minute input{
	height: auto;
	padding: 0;
	border: none;
	box-shadow: none;
}

.everlasting-rental-booking-form form .gform-body .gfield_label{
	color: #EEE8D8;
	font-family: "DM Serif Display", Sans-serif !important;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.everlasting-rental-booking-form form .gfield_checkbox .gfield-choice-input{
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px !important;
	background: transparent;
	border: 0.5px solid #666;
	border-radius: 3px !important;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	padding: 0 !important;
}

.everlasting-rental-booking-form form .gfield_checkbox .gfield-choice-input:before{
	font-size: 12px;
	color: #EEE8D8;
}

.everlasting-rental-booking-form form .gfield_checkbox label{
	color: #B9B8B8;
	font-family: "DM Sans", Sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 0 10px;
}

.everlasting-rental-booking-form form .gform-footer{
	justify-content: center;
}

.everlasting-rental-booking-form form .gform_button{
	color: #404040 !important;
	font-family: "DM Sans", Sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	border-radius: 10px !important;
	background: #FFF !important;
	padding: 20px 30px !important;
	transition: all 0.3s ease-in-out;
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
}

.everlasting-rental-booking-form form .gform_button:focus,
.everlasting-rental-booking-form form .gform_button:hover{
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
}

.everlasting-rental-booking-form form .gform_button:hover{
	background: #404040 !important;
	color: #FFF !important;
}

.everlasting-rental-booking-form .gform_confirmation_wrapper .gform_confirmation_message{
	font-family: "DM Serif Display", Sans-serif !important;
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.5em;
	background: #EEE8D8;
	color: #404040;
	border-radius: 10px;
	padding: 15px;
}

@media only screen and (max-width: 767px){
	.everlasting-rental-booking-form form .gform-body .gform_fields .gform-grid-row,
	.everlasting-rental-booking-form form .gform-body .gform_fields{
		row-gap: 20px !important;
	}

	.everlasting-rental-booking-form form .gform-body .ginput_container input,
	.everlasting-rental-booking-form form .gform-body .ginput_container textarea,
	.everlasting-rental-booking-form form .gform-body .ginput_container select,
	.everlasting-rental-booking-form form .gform-body .gfield--input-type-time>.ginput_container{
		padding: 10px 15px;
		height: 50px;
	}

	.everlasting-rental-booking-form form .gform-body .ginput_container textarea{
		height: 125px;
	}

	.everlasting-rental-booking-form form .gform-body .gfield--input-type-time .gfield_time_hour input,
	.everlasting-rental-booking-form form .gform-body .gfield--input-type-time .gfield_time_minute input{
		line-height: 2em;
	}

	.everlasting-rental-booking-form form .gform-body .ginput_container select{
		line-height: 1.8em;
	}

	.everlasting-rental-booking-form .gform_confirmation_wrapper .gform_confirmation_message{
		font-size: 16px;
		padding: 12px;
	}

	.everlasting-rental-booking-form form .gform_button{
		padding: 18px 30px !important;
	}
}