/******/
/*** GLOBAL ***/
/******/

nav a, li {
	text-decoration: none;
  	font-optical-sizing: auto;
}

nav ul, footer ul {
	padding-inline-start: 0;
	list-style-type: none;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav ul li {
	padding: 0 1.5rem;
}

nav #menu-main-menu-left li:first-child {
	padding-left: 0;
}

nav #menu-main-menu-right li:last-child {
	padding-right: 0;
	padding-left: 0;
}


footer ul {
	padding-inline-start: 0!important;
}

footer ul li {
	padding-right: 0;
	margin-block-start: 0rem;
}

#menu-footer-menu {
	margin-block-start: 1.25rem;
}

.global-nav .logo {
	width: 12.9375rem;
	height: 6.0625rem;
	background-size: contain;
	background-repeat: no-repeat;
}

.global-nav .menu {
	display: flex;
	justify-content: space-between;
}

.global-nav .current-menu-item a {
	color: var(--color-gold) !important;
}

.global-nav {
	background-color: var(--color-cream);
	.navigation__links {
		background-color: var(--color-cream);
	}
	a {
		color: var(--color-purple);
	}
	.navigation__logo .logo {
		background-image: url('/wp-content/themes/colony-park/assets/images/nav/header-logo.svg');
	}
	.navigation__button span {
		background-color: var(--color-purple);
	}
}

.global-nav:has(+ .main .intro.background-blue) {
	background-color: var(--color-blue);
	.navigation__links {
		background-color: var(--color-blue);
	}
	.current-menu-item a {
		color: var(--color-terracota) !important;
	}
}

.global-nav:has(+ .main .intro.background-green) {
	background-color: var(--color-green);
	.navigation__links {
		background-color: var(--color-green);
	}
	a {
		color: var(--color-cream);
	}
	.navigation__logo .logo {
		background-image: url('/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg');
	}
	.navigation__button span {
		background-color: var(--color-cream);
	}
	
	.menu-item.search-icon > a:after {
		background-image: url('/wp-content/themes/colony-park/assets/images/search-yellow.svg');
	}

}

.global-nav:has(+ .main .intro.background-purple) {
	background-color: var(--color-purple) !important;
	.navigation__links {
		background-color: var(--color-purple) !important;
	}
	a {
		color: var(--color-cream) !important;
	}
	.navigation__logo .logo {
		background-image: url('/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg') !important;
	}
	.navigation__button span {
		background-color: var(--color-cream) !important;
	}
	
	.current-menu-item a {
		color: var(--color-gold) !important;
	}
	
	.menu-item.search-icon > a:after {
		background-image: url('/wp-content/themes/colony-park/assets/images/search-yellow.svg');
	}
	
}


@media screen and ( min-width: 48rem ) {
	.global-nav.active {
		background-color: var(--color-purple) !important;
		.navigation__links {
			background-color: var(--color-purple) !important;
		}
		a {
			color: var(--color-cream) !important;
		}
		.navigation__logo .logo {
			background-image: url('/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg') !important;
		}
		.navigation__button span {
			background-color: var(--color-cream) !important;
		}

		.current-menu-item a {
			color: var(--color-gold) !important;
		}

		.menu-item.search-icon > a:after {
			background-image: url('/wp-content/themes/colony-park/assets/images/search-yellow.svg');
		}

	}
	
}

@media screen and ( max-width: 47.935rem ) {
	.global-nav {
		.navigation__links {
			background-color: var(--color-purple) !important;
		}
		a {
			color: var(--color-cream) !important;
		}

		.current-menu-item a {
			color: var(--color-gold) !important;
		}


	}
	
}