/* 
Theme Name: ONCE Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by the Once Interactive Team.
Author: Once Interactive
Author URI: https://onceinteractive.com
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
*/


/* General */

html,
body {
	overflow-x: hidden;
}

.elementor-button:focus,
button:focus,
a:focus,
input:focus {
	outline: none !important;
}

a,
a:hover button,
button:hover,
a path,
a:hover path,
.elementor-button,
.elementor-button:hover,
a .elementor-icon-list-text,
a .elementor-icon-list-icon i,
a img,
a:hover img {
	transition: all .3s ease-in-out !important;
}


/* ::selection {
    background: #A6CE39;
    color: #FFF;
} */

::placeholder {
	opacity: 1 !important;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	opacity: 1 !important;
}

::-moz-placeholder {
	/* Firefox 19+ */
	opacity: 1 !important;
}

:-ms-input-placeholder {
	/* IE 10+ */
	opacity: 1 !important;
}

:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1 !important;
}

.no-mb,
.no-mb * {
	margin-bottom: 0 !important;
}

.swiper-button a,
.menu-item {
	position: relative;
}
.menu-item .sub-menu {
	background-color: #00000075;
}
.swiper-button a span {
	z-index: 100;
}

.swiper-button a::before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0 0 0 0;
	z-index: 1;
	transition: transform .5s ease;
	transform: scaleX(0);
	transform-origin: bottom right;
	/* background: #ECB910; */
	/* Uncomment this and change the background color for the hover color*/
}

.swiper-button a:hover,
.swiper-button a:focus,
.swiper-button a:active {
	background-color: transparent !important;
}

.swiper-button a:hover::before,
.swiper-button a:active::before,
.swiper-button a:focus::before {
	transform: scaleX(1);
	transform-origin: bottom left;
}

body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a {
	overflow: hidden;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: background-position 275ms ease;
	display: inline !important;
}

body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a *:not(br) {
	display: inline !important;
}

body:not(.is_underline) .swiper-text a {
	text-decoration: none !important;
}

body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:hover,
body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:focus,
body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:active {
	background-position: 0 100%;
	opacity: 1 !important;
}

.fake-background {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

.fake-background-content {
	z-index: 10;
}

.fake-background.overlay+.fake-background-content::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .21);
	z-index: 1;
}

.fake-background.overlay+.fake-background-content>div {
	z-index: 10;
}

.full-img *,
.full-img {
	height: 100% !important;
}

.fit-img,
.fit-img * {
	width: 100% !important;
}

.full-img img,
.fit-img {
	object-fit: cover;
}

.hide-br br,
.hide-br-desktop br {
	display: none;
}

.button-bottom {
	position: absolute !important;
	bottom: 0;
}


/* Uncomment the code below if you want shiny effect on image hover */

.shiny-img .elementor-image a {
	position: relative;
	overflow: hidden;
}

.shiny-img .elementor-image a::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.shiny-img .elementor-image:hover a::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}




/* Only if you have hero arrow */

.down-arrow a {
	animation: opacDown 2s ease-in-out infinite;
}


/************************************** 
***************************************
***************************************

			ADA Plugin

***************************************
***************************************
***************************************/

body .accessability_container .aicon_link {
	bottom: 140px;
	left: -60px;
	padding: 0 !important;
}

body .accessability_container .aicon_link,
body .accessability_container .aicon_link img {
	background: transparent !important;
	padding: 0 !important;
	height: inherit;
	display: block;
}


/* change the "color" for the color that you want, for the moment is based on the elementor text color */
button.close_container {
	line-height: 0 !important;
	background: var(--e-global-color-primary) !important;
	border: 1px solid var(--e-global-color-primary) !important;
	color: var(--e-global-color-text) !important;
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
button.close_container:hover {
	background: transparent !important;
	color: var(--e-global-color-primary) !important;
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
body .accessability_container button.wah-action-button:hover {
	background: var(--e-global-color-primary) !important;
	color: var(--e-global-color-text) !important;
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
body .accessability_container button.wah-action-button {
	background: transparent !important;
	border: 1px solid var(--e-global-color-primary) !important;
	color: var(--e-global-color-primary) !important;
	font-weight: 400 !important;
}

/*************************************************
**************************************************
**************************************************

					Header 

**************************************************
**************************************************
**************************************************/


html .home .elementor-location-header {
	position: absolute;
	width: 100%;
	z-index: 100;
}

/*************************************************
**************************************************

					Home

**************************************************
**************************************************/
.coming-section .coming-logo .elementor-image img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.coming-section .igc-img a:hover {
	transform: scale(1.04);
}

.coming-section .high-line {
	margin-bottom: 0 !important;
}

.coming-section .newsletter-shortcode form .gform_fields {
	display: flex;
	justify-content: center;
	align-content: center;
	grid-column-gap: 0;
}

.coming-section .newsletter-shortcode form .gform_fields #field_2_1 {
	width: 25vw;
}

.coming-section .newsletter-shortcode form .gform_fields #field_2_1 input {
	border-radius: 0;
	background: transparent;
	border: 2px solid #434426;
}

.coming-section .newsletter-shortcode form .gform_fields #field_2_1 input::placeholder {
	font-family: "Montserrat", Sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
}

.coming-section .newsletter-shortcode form .gform_fields #field_submit input {
	font-family: "Roboto", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	background-color: #434426;
	color: #FFF;
	border-radius: 0;
	border: 2px solid #434426;
	width: 8vw;
	padding: 0.45rem 1rem;
}

.coming-section .newsletter-shortcode form .gform_fields #field_submit input:hover {
	color: #FFF;
	background: #000;
	border-color: #000;
}

.coming-section .newsletter-shortcode form .gform_footer {
	padding: 0 !important;
	margin: 0 !important;
}

.coming-section .newsletter-shortcode .gform_validation_errors {
	display: none;
}

.coming-section .newsletter-shortcode form .gform_fields .validation_message {
	position: absolute;
	width: auto;
	background: transparent;
	border: none;
	margin: 0;
	padding: 5px 1px;
}

.coming-section .newsletter-shortcode .gform_confirmation_message {
	color: #434426;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 21px;
}

/*===========================================
==============Front Page=====================
===========================================*/
.front-slider .swiper-slide[data-swiper-slide-index="0"] .swiper-slide-bg {
	background-position: 100% 62% !important;
}

.front-slider-section .front-slider-column .e-swiper-container {
	padding: 0 !important;
}


.visit-text a {
	color: currentcolor;
	transition: color 0.3s ease-in-out;
}

.visit-text a:hover {
	color: #717D59;
}

/* =============================================================================

   							    POP UP STYLES

   ========================================================================== */

.hustle-popup-content .mobile,
.hustle-popup-content .tablet {
	display: none;
}

/* =============================================================================

   							    Menu STYLES

   ========================================================================== */
.menu-tabs .elementor-tabs .elementor-tab-title {
	padding: 18px 20px !important;
    border: 2px solid #000 !important;
    letter-spacing: 4px !important;
    margin: 12px !important;
}
.menu-tabs .elementor-tabs .elementor-tab-title.elementor-active {
	border: 2px solid #717d59 !important;
	background: #717d59;
}
.tab-menu-section .elementor-container::after {
    content: '';
    height: 100%;
    width: 2px;
    background: #717d59;
    position: absolute;
    visibility: visible;
    overflow: visible;
    top: -5px;
    left: 50%;
    transform: translate(-50%);
    margin-top: 0;
}
.tab-menu-section.no-after .elementor-container::after {
	display: none;
}
.tab-menu-section .menu-tiem-tittle {
	margin-bottom: 10px !important;
}
.menu-tiem-tittle .elementor-heading-title {
	display: flex;
    justify-content: space-between;
}
.menu-tiem-tittle .elementor-heading-title .menu-price {
	order: 3;
	color: #000;
    font-size: 20px;
    letter-spacing: 0.9px;
	font-weight: 600;
}
.menu-tiem-tittle .elementor-heading-title::after {
	content: '';
    width: auto;
    height: 2px;
    background: #000;
    position: relative;
    top: 10px;
	flex-grow: 0.9;
}
.download-btns-section .elementor-widget-wrap {
	display: flex !important;
    flex-direction: row;
    justify-content: center;
}
.download-btns-section .elementor-widget-button {
	display: inline-flex;
    width: auto !important;
    margin: 0 20px;
}
/*************************************************
**************************************************
**************************************************

					Forms 

**************************************************
**************************************************
**************************************************/

.gform_wrapper .gform-body .ginput_container {
	position: relative;
}

.gform_wrapper .gform-body .ginput_container input:focus,
.gform_wrapper .gform-body .ginput_container textarea:focus {
	outline: none;
	border: 0;
}

.gform_wrapper .gform-body .ginput_container input~.focus-border:before,
.gform_wrapper .gform-body .ginput_container input~.focus-border:after,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border:before,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--e-global-color-primary);
	transition: 0.3s;
}

.gform_wrapper .gform-body .ginput_container input~.focus-border:after,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border:after {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
}

.gform_wrapper .gform-body .ginput_container input~.focus-border i:before,
.gform_wrapper .gform-body .ginput_container input~.focus-border i:after,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border i:before,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border i:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 0;
	background-color: var(--e-global-color-primary);
	transition: 0.4s;
}

.gform_wrapper .gform-body .ginput_container input~.focus-border i:after,
.gform_wrapper .gform-body .ginput_container textarea~.focus-border i:after {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
}

.gform_wrapper .gform-body .ginput_container input:focus~.focus-border:before,
.gform_wrapper .gform-body .ginput_container input:focus~.focus-border:after,
.gform_wrapper .gform-body .ginput_container textarea:focus~.focus-border:before,
.gform_wrapper .gform-body .ginput_container textarea:focus~.focus-border:after {
	width: 100%;
	transition: 0.3s;
}

.gform_wrapper .gform-body .ginput_container input:focus~.focus-border i:before,
.gform_wrapper .gform-body .ginput_container input:focus~.focus-border i:after,
.gform_wrapper .gform-body .ginput_container textarea:focus~.focus-border i:before,
.gform_wrapper .gform-body .ginput_container textarea:focus~.focus-border i:after {
	height: 100%;
	transition: 0.4s;
}

/*************************************************
**************************************************
**************************************************

					Footer 

**************************************************
**************************************************
**************************************************/
.footer-logo-inner .footer-logo-text p {
	margin-bottom: 0;
}


/* Animations - KeyFrames */

@keyframes opacDown {
	0% {
		transform: translate(0, -20px);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate(0, 20px);
		opacity: 0;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}



/* Media Queries */

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {}

@media (max-width: 1300px) {}

@media (max-width: 1280px) {
	.coming-section .newsletter-shortcode form .gform_fields #field_submit input {
		width: 12vw;
	}
}

@media (max-width: 1200px) {
	.elementor-location-header .elementor-row {
		justify-content: space-between;
	}

	.hustle-ui.hustle-popup .hustle-popup-content {
		max-width: 600px;
	}
}

@media (max-width: 1080px) {}

@media (max-width: 1024px) {
	.coming-section .newsletter-shortcode form .gform_fields #field_submit input {
		width: 15vw;
	}

	.coming-section .newsletter-shortcode form .gform_fields #field_2_1 {
		width: 40vw;
	}
}

@media (max-width: 989px) {
	.hustle-popup-content .tablet {
		display: block;
	}

	.hustle-popup-content .desktop {
		display: none;
	}
}

@media (max-width: 780px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {
	.tab-menu-section .elementor-container::after {
		display: none;
	}
	.tab-menu-section .elementor-column .elementor-widget-wrap {
		padding: 0 !important;
	}
	.hustle-ui.hustle-popup .hustle-popup-content {
		max-width: 88vw;
	}

	.hide-br br {
		display: block;
	}

	.coming-section .newsletter-shortcode form .gform_fields {
		flex-direction: column;
		align-items: center;
	}

	.coming-section .newsletter-shortcode form .gform_fields #field_2_1 {
		width: 50vw;
	}

	.coming-section .newsletter-shortcode form .gform_fields #field_submit input {
		width: 50vw;
	}

	.coming-section .newsletter-shortcode form .gform_fields .validation_message {
		position: inherit;
		line-height: 1em;
		padding: 9px 0 0;
	}
	#h-tabs .elementor-tabs-wrapper {
    	display: flex;
        flex-direction: row;
		flex-wrap: wrap;
    	justify-content: center;
  }
	#h-tabs .elementor-tab-mobile-title {
    	display: none;
  	}
}

@media (max-width: 414px) {

	.coming-section .newsletter-shortcode form .gform_fields #field_2_1 {
		width: 65vw;
	}

	.coming-section .newsletter-shortcode form .gform_fields #field_submit input {
		width: 65vw;
	}
}