/*
Theme Name: Air Supply Child Theme
Theme URI: https://air-supply.themerex.net/
Description: Air Supply is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.15.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: air conditioning, air supply, construction, handyman, heating, home, maintenance, plumbing, renovation, repair, services, online store, window cleaning, windows & doors, heating & cooling
Text Domain: air-supply
Template: air-supply
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* =========================================================
   Header - client version: full-width dark-blue bar,
   logo + menu aligned to the page content width,
   white menu, no search. Desktop only (>=1025px).
   ========================================================= */
@media (min-width: 1025px) {
	.top_panel_custom .elementor-element.elementor-element-ede4678 {
		background: #0b2a4a !important;
	}

	.top_panel_custom .elementor-element.elementor-element-ede4678 > .elementor-container {
		max-width: 1170px;
		min-height: 77px;
		margin: 0 auto;
		padding: 0 15px;
	}

	/* Logo column: no own background, natural width */
	.top_panel_custom .elementor-element.elementor-element-f32bce3 {
		width: auto !important;
		flex: 0 0 auto;
	}

	.top_panel_custom .elementor-element.elementor-element-f32bce3,
	.top_panel_custom .elementor-element.elementor-element-f32bce3 > .elementor-widget-wrap {
		background: transparent !important;
	}

	.top_panel_custom .elementor-element.elementor-element-f32bce3 > .elementor-widget-wrap,
	.top_panel_custom .elementor-element.elementor-element-abee2a4 > .elementor-widget-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.top_panel_custom .elementor-element.elementor-element-42b9a75 {
		padding-left: 0;
	}

	.top_panel_custom .elementor-element.elementor-element-42b9a75 .logo_image {
		width: 340px !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
	}

	.top_panel_custom .elementor-element.elementor-element-abee2a4 {
		width: auto !important;
		flex: 1 1 auto;
	}

	/* Remove search */
	.top_panel_custom .elementor-element.elementor-element-a157972 {
		display: none !important;
	}

	/* Menu: white, compact */
	.top_panel_custom .sc_layouts_menu_nav > li > a {
		padding-left: 8px;
		padding-right: 8px;
		color: #fff !important;
		font-size: 13px;
	}

	/* Hover + active page: white text with a white underline */
	.top_panel_custom .sc_layouts_menu_nav > li > a:hover,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-item > a,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-ancestor > a,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-parent > a,
	.top_panel_custom .sc_layouts_menu_nav > li.current_page_item > a,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-item > a > span,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-ancestor > a > span,
	.top_panel_custom .sc_layouts_menu_nav > li > a:hover > span {
		color: #fff !important;
	}

	.top_panel_custom .sc_layouts_menu_nav > li > a {
		position: relative;
	}

	.top_panel_custom .sc_layouts_menu_nav > li > a::after {
		content: "";
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: -6px;
		height: 2px;
		background: #fff !important;
		background-color: #fff !important;
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .25s ease;
	}

	.top_panel_custom .sc_layouts_menu_nav > li > a:hover::after,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-item > a::after,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-ancestor > a::after,
	.top_panel_custom .sc_layouts_menu_nav > li.current-menu-parent > a::after,
	.top_panel_custom .sc_layouts_menu_nav > li.current_page_item > a::after {
		transform: scaleX(1);
	}

	/* Grid icon white, with space after the menu */
	.top_panel_custom .elementor-element.elementor-element-a00ab0b {
		margin-left: 70px;
	}

	.top_panel_custom .elementor-element.elementor-element-a00ab0b svg * {
		stroke: #fff !important;
	}
}

/* Mobile menu panel: client logo */
.menu_mobile .sc_layouts_logo img,
.menu_mobile .logo_image {
	width: 50px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
}