/* ==========================================================================
  layout.css – All page layout styles
========================================================================== */

/* Root variables */
:root {
  --secondary: #FBFBFB;
}

/* Header and nav */
header .elementor-widget-theme-site-logo img {
	max-height: 50px;
	max-width: 180px;
}

header .mobile-logo img {
	max-width: 150px;
	max-height: 50px;
}

header div.top-banner.fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	justify-content: center;
	z-index: 5;
	background-color: var(--secondary);
	border-bottom: 2px solid var(--secondary);
	transition: 0s;
	padding: 10px;
}

header div.top-banner.fixed-nav > div {
	max-width: 1140px;
	padding: 0;
}

header .cta-block:first-of-type {
	margin-bottom: 20px;
}

/* Footer Bar */
footer p {
	margin: 0;
}

/* Elementor Nav Menu */
nav.elementor-nav-menu__container li.menu-item > a.elementor-item-active,
nav.elementor-nav-menu__container li.menu-item > a:hover {
	background-color: inherit;
	color: inherit;
}

ul.elementor-nav-menu--dropdown a,
ul.elementor-nav-menu a,
div.elementor-menu-toggle {
	color: unset;
}

/* =========================
  Mobile Overrides
========================= */
@media (max-width: 767px) {
	/* Menu */
	nav.elementor-nav-menu--dropdown {
		background-color: transparent;
	}

	.header-btns .elementor-button-icon + .elementor-button-text {
		display: none;
	}
	
	.elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown ul {
		height: 100vh;
		z-index: 2;
	}

	.elementor-nav-menu--dropdown .elementor-item,
	.elementor-nav-menu--dropdown .elementor-item.highlighted {
		padding-left: 0;
		font-size: 15px;
		background-color: transparent;
	}

	ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown {
		height: fit-content;
	}

	.mobile-icon-only .elementor-button-text,
	header div.top-banner div.elementor-menu-toggle.elementor-active::before {
		display: none;
	}

	.elementor-nav-menu > .cta-block {
		margin-bottom: 10px;
	}

	.elementor-nav-menu > .cta-block .elementor-widget-button {
		width: 100%;
	}

	.elementor-nav-menu > .cta-block .elementor-widget-button > a {
		justify-content: center;
	}
	
	/* Top banner */
	header div.top-banner.fixed-nav {
		flex-direction: row-reverse;
		flex-wrap: nowrap;
	}

	header div.top-banner.fixed-nav .mobile-icon-only {
		margin-right: 10px;
	}

	header .elementor-widget-button > a.elementor-button  {
		padding: 10px;
		margin: 0;
	}

	header .top-banner > div > div.elementor-element.elementor-nav-menu--dropdown-mobile {
		width: 100%;
	}

	header div.top-banner.fixed-nav #mobile-nav-ctas {
		justify-content: start;
	}

	header div.top-banner div.elementor-menu-toggle {
		font-size: 16px;
		font-weight: var(--e-global-typography-primary-font-weight);
		font-family: var(--e-global-typography-primary-font-family), Sans-serif;
		line-height: 1;
		padding: 10px;
		background-color: var(--wp--preset--color--white);
	}

	header div.top-banner div.elementor-menu-toggle::before {
		display: block;
		font-size: 16px;
		content: "Menu";
		margin-right: 10px;
	}
}

/* =========================
  Desktop Overrides
========================= */
@media (min-width: 1024px) {
	form .elementor-container > .elementor-col-50:first-of-type {
		margin-right: 10px;
	}
}
