/* 
Theme Name: Hello Elementor 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
*/

/* ---- Utilities ----*/

.lh-0{
	line-height: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.p-last-mb-0 p:last-of-type{
	margin-bottom: 0 !important;
}
.min-width .elementor-button{
	width: 200px;
	max-width: 100%;
}

/* ---- Header ---- */
.header-pri{
	&.elementor-sticky--effects{
		background: #fff;
	}
}
.menu-pri{
	& .sub-arrow{
		margin-block-start: 0;
		margin-block-end: 0;
		padding-top: 3px;
		padding-bottom: 0;
		padding-inline-start: 0;
		padding-inline-end: 0;
		transform: rotate(0deg);
		transition: 0.05s;
		@media(max-width: 991px){
			transition: 0.3s;
		}
	}
	& li{
		& a{
			gap: 10px;
			@media(max-width: 991px){
				border-top: 1px solid #E7E7E7;
				background-color: unset !important;
				gap: 20px;
			}
			&.highlighted{
				& .sub-arrow{
					@media(max-width: 991px){
						transform: rotate(180deg);
					}
				}
				@media(max-width: 991px){
					color: #2A3665 !important;
				}
			}
			&:hover,
			&:active,
			&:focus{
				@media(max-width: 991px){
					color: #2A3665 !important;
				}
			}
		}
	}
	& .sub-menu{
		padding: 23px 0px !important;
		@media(max-width: 991px){
			background-color: #0073AE !important;
		}
		& li{
			& a{
				border: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				min-width: 250px;
				@media(max-width: 991px){
					color: #fff !important;
					justify-content: start;
					padding-top: 15px !important;
					padding-bottom: 15px !important;
				}
			}
		}
		& .sub-menu{
			transform: translateY(-15px);
			padding: 15px 0 !important;
			@media(max-width: 991px){
				transform: none;
			}
			& li{
				& a{
					border: 0 !important;
				}
			}
		}
	}
	& .elementor-menu-toggle{
		padding: 0;
		line-height: 0 !important;
		& span.elementor-menu-toggle__icon--close,
		& span.elementor-menu-toggle__icon--open{
			line-height: 0 !important;
		}
		& .elementor-menu-toggle__icon--close{
			font-size: 19px;
			width: 34px;
			text-align: center;
		}
	}
	& nav.elementor-nav-menu--dropdown{
		@media(max-width: 991px){
			background-color: #fff !important;
			padding-top: 30px;
		}
	}
}

/* ---- Homepage header variant ----*/
.home .elementor-location-header:has(.header-pri){
	width: 100%;
	height: 0;
	& .elementor-sticky__spacer{
		/*display: none !important;*/
		opacity: 0 !important;
		height: 0 !important;
		padding: 0 !important;
	}
	& .header-pri{
		background-color: transparent;
		z-index: 1;
		& .logo,
		& .menu-pri .elementor-menu-toggle{
			filter: brightness(0) invert(1);
			transition: 0.3s;
		}
		& .menu-pri .elementor-nav-menu--main > ul:not(.sub-menu) > li > a{
			color: #fff;
		}
		&:hover,
		&.elementor-sticky--effects{
			background-color: #fff;
			& .logo,
			& .menu-pri .elementor-menu-toggle{
				filter: unset;
			}
			& .menu-pri .elementor-nav-menu--main > ul:not(.sub-menu) > li > a{
				color: #0073AE;
			}
		}
	}
}