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

/* Footer css */
a{
	transition: all 0.3s ease-in-out !important;
}
.elementor-widget-button .elementor-button{
	background-color: #F2FF00;
}
.simple-btn a{
	display: block;
	width:fit-content;
	color:#F2FF00;
	text-decoration-color:rgba(255 0 0 / 0%);
}
.simple-btn a::after {
    content: '';    
    width: 50px;
	display: block;
    height: 2px;
    background: #fff;
    transition: width .3s;
}

.simple-btn a:hover::after {
    width: 100%;
	background: #F2FF00;
}
.ft-menu{
	    border-top: 2px solid #242519;
	border-bottom: 2px solid #242519;
}
.custom-hfe-side .hfe-flyout-wrapper .hfe-side.hfe-flyout-left{
	width:100%;
	display: block;
	left: 0;
}
.btn-white a:hover{
	border-color:#F2FF00 !important;
}
.hero-sec{
	position:relative;	
}
.hero-sec:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	background: linear-gradient(180deg, #00000000 0%, rgb(0 0 0 / 92%) 100%);
	width:100%;
	height:260px;
}
.hero-social .elementor-social-icons-wrapper{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px !important;
}
.review-sec .ti-footer{
	display:none;
}
.review-sec .ti-widget.ti-goog .ti-widget-container .ti-name{
	font-size:20px;
}
.review-sec .ti-widget.ti-goog .ti-widget-container .ti-date{
font-size: 16px !important;
line-height: 22px;
}
.review-sec .ti-widget .source-Google .ti-star.f{
	filter: brightness(0) saturate(100%) invert(86%) sepia(79%) saturate(3723%) hue-rotate(9deg) brightness(109%) contrast(103%);
}
.custom-hfe-side .hfe-nav-menu-icon{
	padding: 0;
}
.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{
	display:flex;
}
.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{
	display:inline-block;
}
.custom-hfe-side .hfe-flyout-content{
	    max-width: 1360px;
    margin: 0 auto;
	position:relative;    
}

.custom-hfe-side .hfe-flyout-content nav a{
	display:inline-block;
}
.custom-hfe-side .hfe-side {
    margin-top: 115px;
	background-color:#000;
	transition: 0.5s ease-in-out;
	transform: translateY(calc(-100vh - 115px));

}
.body-active .custom-hfe-side .hfe-side{
	transform: translateY(0vh);
}
.custom-hfe-side .hfe-flyout-overlay{
	    top: 180px;
}
/* .body-active{
	overflow: hidden;
} */
.body-active .custom-header{
	background-color: #000;
	    position: fixed;
    top: 32px;
	    width: 100%;
}
.logged-in.body-active .custom-header{
    top: 32px !important;
}
.hfe-flyout-trigger{
	outline: none;
}
.body-active .hfe-flyout-trigger{
    background: url(https://manazest.com.au/wp-content/uploads/2024/07/close-icon2.svg) no-repeat;
    width: 52px;
	    background-size: 70%;
    background-position: center;
}
.body-active .hfe-flyout-trigger .hfe-nav-menu-icon svg{
width: 0 !important;
}
.hfe-flyout-overlay,.hfe-flyout-close{
	display: none !important;
}
/* .body-active .hfe-flyout-overlay{
	display: block !important;
} */

@media (max-width:767px){
.hero-social .elementor-social-icons-wrapper{
	    flex-direction: row;
}
}