/* 
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 */
.site__header {
    position: fixed;
    width: 100%;
    z-index: 11;
}
.site__header.stickyHeader {
    background: #FFF !important;
    backdrop-filter: blur(4px);
}
.site__header.stickyHeader .site__logo {
    filter: brightness(0.25);
}
.site__header.stickyHeader .elementor-nav-menu li a{
    color: #322E2E !important;
}
 .site__header.stickyHeader .elementor-nav-menu li a span svg path{
     fill: #322E2E !important;
}
.site__header nav ul li ul.sub-menu{
    width: 12.434vw!important;
}
.site__header nav ul li ul.sub-menu{
    padding: 1.323vw 0 !important;
}
.site__header nav ul li ul.sub-menu li{
	display: flex;
}
.site__header nav ul li ul.sub-menu li a{
    border-radius: 0 !important;
    padding: 0.794vw 0.794vw !important;
	border: none !important;
	flex: 0;
    white-space: nowrap;
}
.site__header nav ul li ul.sub-menu li a:after{
    content: '';
    position: absolute;
    border-bottom: 3px solid #c1a75a;
    bottom: 0;
    left: 5px;
    width: 100%;
    opacity: 0;
}
.site__header nav ul li ul.sub-menu li a:hover::after{
	opacity: 1;
}

/* Custom Button Styling */
.custom-black-btn a span.elementor-button-content-wrapper,
.custom-white-btn a span.elementor-button-content-wrapper{
    align-items: center;
}
.custom-black-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg,
.custom-white-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg{
    width: 38px;
    height: 38px;
}
.custom-black-btn a, .custom-white-btn a{
    overflow: hidden !important;
    position: relative
}
.custom-black-btn a::before,
.custom-white-btn a::before{
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 45px;
  height: 45px;
  background: #322e2e;
  border-radius: 50%;
  z-index: 1;
  transition: transform .5s ease-in-out;
}
.custom-black-btn a::before{
  background: #322e2e;
}
.custom-white-btn a::before{
   background: #fff;
}
.custom-black-btn a:hover::before,.custom-white-btn a:hover::before {
  transform: translateY(-50%) scale(10);
}
.custom-black-btn a span.elementor-button-content-wrapper span.elementor-button-text,
.custom-white-btn a span.elementor-button-content-wrapper span.elementor-button-text{
  transition: color .5s ease-in-out;
  z-index: 1;
}
.custom-black-btn a span.elementor-button-content-wrapper span.elementor-button-icon,
.custom-white-btn a span.elementor-button-content-wrapper span.elementor-button-icon{
  z-index: 1;
}
.custom-black-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg g path,
.custom-white-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg g path{
  transition: all .5s ease !important;  
}
.custom-black-btn a:hover span.elementor-button-content-wrapper span.elementor-button-icon svg g path,
.custom-white-btn a:hover span.elementor-button-content-wrapper span.elementor-button-icon svg g path{
   fill: #fff !important;
}

.custom-black-btn a:hover span.elementor-button-content-wrapper span.elementor-button-text{
  color: #fff !important;
}
.custom-white-btn a:hover span.elementor-button-content-wrapper span.elementor-button-text{
  color: #322e2e !important;
}
/* HOME PAGE SECTOR STYLING */
.sector-image img {
    transition: 0.8s ease !important;
}
.sector-boxes:hover .sector-image img, .sector-boxes:hover .sector-image:after {
    transform: scale(1.35) !important;
}
.sector-boxes:hover .sector-cta {
    bottom: 40px !important;
    width: 80% !important;
    transform: translateX(10%) !important;
}
.sector-boxes:hover .sector-cta a {
    color: #FFF !important;
    background: #322E2E !important;
}
.sector-boxes:hover .sector-cta a .elementor-button-icon {
    filter: brightness(0) invert(1) !important;
}
@media (min-width: 0px) and (max-width: 480px) {
	.mobile-menu nav{
		padding: 0px 10px !important;
	}
	.mobile-menu nav ul{
    	padding: 20px 24px;
		background-color: #FCFCFC !important;
		border-radius: 8px !important;
	}
	.mobile-menu nav ul a.has-submenu{
		display: flex;
		justify-content: space-between;
	}
	.mobile-menu nav ul li ul.sub-menu{
		width: 100% !important;
		padding-left: 20px !important;
	}
	.mobile-menu nav ul li ul.sub-menu li{
		border-bottom: 0 !important;
	}
	.mobile-menu nav ul li ul.sub-menu li a::before{
		content: none !important;
	}
	.sector-boxes:hover .sector-image img, .sector-boxes:hover .sector-image:after{
		transform: scale(1.1) !important;
	}
	.sector-boxes:hover .sector-cta {
		bottom: 70px !important;
        width: 80% !important;
        transform: translateX(10%);
        left: 0px !important;
	}
	.custom-black-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg, .custom-white-btn a span.elementor-button-content-wrapper span.elementor-button-icon svg{
		width: 30px;
    	height: 30px;
	}
}