/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1728519870
Updated: 2024-10-10 00:24:30

*/

/* Custom Header Start */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

#mega-menu-wrap-custom-menu-location #mega-menu-custom-menu-location > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	display: flex;
	align-items: center;
	font-weight: 500 !important;
}

#mega-menu-wrap-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu {
	margin-top: 40px !important; 
}

#custom-header li.global-dropdown-menu.mega-toggle-on > a.mega-menu-link > svg > g > circle,
#custom-header li.global-dropdown-menu.mega-toggle-on > a.mega-menu-link > svg > g > line,
#custom-header li.global-dropdown-menu.mega-toggle-on > a.mega-menu-link > svg > g > path,
#custom-header li.global-dropdown-menu > a.mega-menu-link:hover > svg > g > circle,
#custom-header li.global-dropdown-menu > a.mega-menu-link:hover > svg > g > line,
#custom-header li.global-dropdown-menu > a.mega-menu-link:hover > svg > g > path{
	stroke: #54BBFF;
}
.mega-menu-wrap {
	background: transparent !important;
}

#mega-menu-wrap-custom-menu-location #mega-menu-custom-menu-location > li.mega-menu-megamenu.mega-menu-item {
	margin-right: 30px;
}

/* General Styles */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  font: normal normal 500 16px/17px Monument Grotesk;
}

.mega-menu-item .container, .mega-menu-item .container-col-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-family: 'Agrandir', sans-serif;
  color: #001C3A;
  font-size: 1rem;
  gap: 2rem;
}

.mega-menu-item .container-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

/* Heading Styles */
.mega-menu-item h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: 'Tomorrow', sans-serif;
  color: #001C3A;
}

#custom-header .elementor-widget-wp-widget-maxmegamenu {
	width: fit-content;
}

/* Overview Section */
.overview {
  padding-right: 1.5rem;
  border-right: 1px solid #EFEFEF;
}

.overview p {
  margin-bottom: 0.5rem;
  font-weight: 400;
  max-width: 540px;
}

.overview a {
  font-family: 'Tomorrow', sans-serif;
  color: #54BBFF;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: color 0.3s;
}

.overview a:hover {
  color: #54BBFF;
}

.overview a img {
  transition: transform 0.2s;
}

.overview a:hover img {
  transform: translateX(0.25rem);
}

/* General List Section */
.content-list {
  padding-left: 3.3125rem;
}

.content-list ul {
  list-style-type: disc;
  padding-left: 1.25rem;
  color: #54BBFF;
  font-weight: 400;
}

.content-list li {
  margin-bottom: 0.5rem;
}

.content-list a {
  color: #54BBFF;
}

.content-list > ul > li::marker {
  color: #001C3A;
  font-size: 28px;
}

/* Specific Adjustments for 3-Column Layout */
.container-col-3 .content-list{
  padding-left: 20px;
}
.container-col-3 h2{
  font-weight: 600;
}

.container-col-3 .border-none {
  border-left: none;
  padding-left: 0;
}

.container-col-3 li {
  margin-left: 10px;
}

.hidden-menu {
	display: none !important;
}

/* Custom Top Header */
.custom-top-header ul {
  list-style-type: disc;
  padding-left: 2rem;
  padding-top: 0.5rem;
  color: #54BBFF;
  font-weight: 400;
}

.custom-top-header > ul > li::marker {
  color: #001C3A;
  font-size: 20px;
}

.custom-top-header span {
  font: normal normal bold 18px/20px Monument Grotesk;
  color: #000000;
  margin: 0;
}

.custom-top-header a {
  font: normal normal normal 16px/35px Roboto;
  color: #54BBFF;
}

/* Custom Button */
.custom-rotating-arrow-button:hover .elementor-button-icon {
	transform: rotate(315deg);
}

/* Header Media Queries */
@media (min-width: 1025px) and (max-width: 1171px) { 
	#custom-header {
		column-gap: 30px;
	}
	.hfe-site-logo {
		width: 220px;
	}
}
@media (max-width: 1024px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column 		> ul.mega-sub-menu > li.mega-menu-item {
		padding: 0px 8px 15px 8px;
	}
	#mega-menu-menu-1 {
		margin-top: 40px !important;
	}
	#mega-menu-wrap-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu {
		margin-top: 0 !important; 
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-inner,
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-inner::after{
		background-color: #001C3A;
	}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
		box-shadow: none;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
		margin-bottom: 20px;
	}
	.mega-menu-item .container, .mega-menu-item .container-col-3 {
	  grid-template-columns: repeat(1, 1fr);
	}
	.mega-menu-item .container-col-3 {
	  grid-template-columns: repeat(3, 1fr);
	}
	.mega-menu-item h2 {
	  font-size: 16pt;
	}
	.content-list {
	  border-left: none;
	  padding-left: 0;
	}
	.overview p, .overview a, .content-list a {
	  font-size: 14pt;
	}
	#custom-header li.hidden-menu.mega-toggle-on > a.mega-menu-link > svg > g > circle,
	#custom-header li.hidden-menu.mega-toggle-on > a.mega-menu-link > svg > g > line,
	#custom-header li.hidden-menu.mega-toggle-on > a.mega-menu-link > svg > g > path{
		stroke: #54BBFF;
	}
	.hidden-menu {
		display: block !important;
	}
}

@media (max-width: 768px) { 
	.top-header {
		display: none;
	}
	.hidden-menu {
		display: block !important;
	}
	.mega-menu-item .container-col-3 {
	  grid-template-columns: repeat(1, 1fr);
	  gap: 1rem;
	}
	.container-col-3 .content-list{
	  padding-left: 0;
	}
	.container-col-3 li {
	  margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { 
		font-size: 14pt;
	}
}


@media only screen and (max-width: 350px) {
	#custom-header {
		column-gap: 20px;
	}
}

@media only screen and (max-width: 320px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { 
		font-size: 13pt;
	}
}
/* Custom Header End */