@charset "UTF-8";

/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Author: Intelligent Mind Labs
Author URI: ...
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Template: astra
Version: 4.6.6
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true
*/

/* --------------------------------------------------------------*/
/*
#ef5aa0: Pink
#5fc8d6: sky blue
#2e1f4e: purple
#00174d: navy
#ffffff: white

#535353: Dark Grey

USE ENQUEE
@import url(http://fonts.googleapis.com/css?family=Archivo+Black); /* Archivo Black 
@import url('fonts/futura_lightregular.css');
@import url('fonts/futura_bkbook.css');
@import url('../moesia-pro/style.css'); /* Linking Parent And Child Style Sheets 
@import url('css/hba-elements.css');
@import url('css/hba-animation.css');
*/

/**
 * Table of Contents
 * 0) General Styles
 *
 * 1) Front Page
 * ----------------------
 * 1.1  - Reset
 * 1.2  - Main Menu
 *   1.2.1 - Menu Buttons
 *   1.2.2 - News Bar
 * 1.3  - Footer
 *   1.3.1 - Contact Info Widget
 *   1.3.2 - Social Widget
 *   1.3.3 - Recent Posts Widget
 *   1.3.4 - Recent Comments / Recent Posts Widgets
 * 1.4  - Services
 * 1.5  - Call To Action
 * 1.5.1- Call To Action (Tile)
 * 1.6  - Floor Plans
 * 1.7  - Developments
 * 1.8  - Social Bar
 * 1.9  - Design Gallery
 * 1.10 - Testimonials
 * 1.11 - Our Projects
 * 1.12 - Latest News
 * 1.13 - Block Quote
 * 1.14 - Trusted Partners
 * 1.15 - Contact Us
 * 1.16 - FAQs
 * 1.17 - HBA Content
 * 1.18 - SiteOrigin Panels
 *
 * 2) Detail Pages
 * ----------------------
 * 2.1  - Header Stripe
 * 2.2  - Latest News
 * 2.3  - Side Widget Panel
 * 2.4  - Error 404 Page
 *
 * 3) Responsive Styles
 * ----------------------
 * 3.1  - Bootstrap col sizes
 * 3.2  - General Responsive Properties
*/


/* Masking Style */
@font-face {
	font-family: Biko;
	/* src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/biko-black.woff"); */
	src: url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
}

header.custom {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
/* 	max-width: 1200px; */
	z-index: 100;
    left: 0;
    top: 0;	

	-moz-transition: all 0.5s ease !important;
	transition: all 0.6s ease !important;
}

header.custom.hide_header {
	transform: translateY(-1200px);
}

header.custom.show_header {
	transform: translateY(0px);
}

header.custom video {
	width: 100%;
}

svg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

svg text {
	/* font-family: Biko, sans-serif; */
	font-family: "Oswald", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 17px;	
}

svg .text3 {
	font-size: 8px;
}

svg rect {
	fill: white;
}

svg>rect {
	-webkit-mask: url(#mask);
	mask: url(#mask);
}



/* ############################################# */


#page {
	/* position: fixed; */
}


#mobile-menu nav {
	left: -120px !important;
	top: 55px !important;
}

/* .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
	width: 130px
} */

/* .menu-item a.hfe-sub-menu-item {
	padding-left: 0px;
} */

.onscroll_header {
	transform: translateY(-120px);
	-moz-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	position: fixed;
	top: 0;
	width: 100%;
}
  
.onscroll_header.show_ittt {
	transform: translateY(0px);
}

/* Main Menu: Project Sub Menu */
.sub-menu:has(#menu-item-2365) {
	width: 290px;
}

/* Mobile Menu */
.eael-simple-menu-container .eael-simple-menu .eael-simple-menu-indicator {
	width: 30px !important;
	height: 30px !important;
}
.eael-simple-menu li span.eael-simple-menu-indicator svg {
	width: 100% !important;
	height: 100% !important;	
}

.elementor-1186 .elementor-element.elementor-element-b692c7e 
.eael-simple-menu li .eael-simple-menu-indicator svg {
	fill: white !important;
}
.elementor-1186 .elementor-element.elementor-element-b692c7e 
.eael-simple-menu li .eael-simple-menu-indicator {
	background-color: #ef5aa0 !important;
	border-color: #ef5aa0 !important;
}

/*
svg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

svg text {
	font-family: Biko, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
}

svg rect {
	fill: white;
}

svg>rect {
	-webkit-mask: url(#mask);
	mask: url(#mask);
}
*/
/* ########################################################################### */
/* Project Tile */
.background-div {
	cursor: pointer;
}
.background-div:hover {
	box-shadow: 4px 2px 10px 0px rgba(0,0,0,0.5);
}
.contact-us-btn .elementor-button-text::before {

	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
	/* content: "\f005"; */
	content: "\f3cd";
	padding-right: 10px;

	/* >> Symbol you want to use: */
    /* content: "\f16c"; */
    /* >> Name of the FA free font (mandatory), e.g.:
               - 'Font Awesome 5 Free' for Regular and Solid symbols;
               - 'Font Awesome 5 Pro' for Regular and Solid symbols (Professional License);
               - 'Font Awesome 5 Brand' for Brands symbols. */
    /* font-family: 'Font Awesome 5 Free'; */
    /* >> Weight of the font (mandatory):
               - 400 for Regular and Brands symbols;
               - 900 for Solid symbols;
               - 300 for Light symbols. */
    /* font-weight: 900; */

    /* >> Optional styling: */
    /* display: inline-block; */
    /* ... */
}

@media (max-width: 1400px) {
	svg .text1 {
		font-size: 10px;
		transform: translate(23px);
	}

	svg .text2 {
		font-size: 10px;
		transform: translate(23px, -5px);
	}

	svg .text3 {
		font-size: 6px;
		transform: translate(23px, -5px);
	}
}

@media (max-width: 768px) {
	svg .text1 {
		font-size: 6px;
		transform: translate(34px);
	}

	svg .text2 {
		font-size: 6px;
		transform: translate(34px, -9px);
	}

	svg .text3 {
		font-size: 4px;
		transform: translate(34px, -9px);
	}

	svg .underline {
		display:none;
	}

	/* Mobile Menu */
	.sub-menu:has(#menu-item-2365) {
		width: initial;
	}
	#menu-main-menu li {		
		border-bottom-style: solid;
		border-bottom-color: #c4c4c4;
		border-bottom-width: 1px;
	}
}

@media (max-width: 500px) {
	svg .text1 {
		font-size: 5px;
		transform: translate(37px);
	}

	svg .text2 {
		font-size: 5px;
		transform: translate(37px, -9px);
	}

	svg .text3 {
		font-size: 3px;
		transform: translate(37px, -9px);
	}

	svg .underline {
		display:none;
	}

	.contact-us-btn .elementor-button.elementor-size-sm {
		padding-left: 10px;
		padding-right: 10px;
	}
}