/* Header border */
header,
.header-scroll {
	border: none;
}

/* Menu items */
header nav > #menu-main-menu > li,
.header-scroll nav > #menu-main-menu-1 > li {
	font-size: 1rem;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}

/* Menu item icons */
header nav ul.menu li.menu-item-has-children::after,
.header-scroll nav ul.menu li.menu-item-has-children::after {
	background-image: url("../img/menu-icon-chevron-down.svg");
	background-image: url("/wp-content/uploads/menu-icon-chevron-down.svg");
	background-size: 11px;
	top: 51%;
	width: 11px;
	height: 6px;
	margin-left: 7px;
}

header nav ul.menu li:hover::after,
.header-scroll nav ul.menu li:hover::after {
	top: 44%;
}

/*Menu demo button*/
header nav > #menu-main-menu > .btn-primary-green > a,
.header-scroll nav > #menu-main-menu-1 > .btn-primary-green > a {
	color: #1a1c33;
	letter-spacing: 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}

header nav > #menu-main-menu > .btn-primary-green,
.header-scroll nav > #menu-main-menu-1 > .btn-primary-green {
	background-color: #ff932f !important;
}

header nav > #menu-main-menu > .btn-primary-green:hover,
.header-scroll nav > #menu-main-menu-1 > .btn-primary-green:hover {
	background-color: #e36b05 !important;
}

/* Mega menu border */
.mega-menu {
	border: 1px solid #5c6ae080;
	box-shadow: 0px 8px 14px 0px #5c6ae033;
	border-radius: 6px !important;
	right: 165px !important;
	padding: 40px 20px !important;
	justify-content: flex-start !important;
	width: 815px !important;
}

.mega-menu .menu-heading {
	font-size: 11px !important;
	letter-spacing: 3px !important;
	font-weight: 700 !important;
	color: #1a1c3399 !important;
}

/* Shift `Company` mega menu contents to right side*/
#menu-main-menu > li:nth-child(5) > .mega-menu {
	justify-content: flex-end !important;
	width: auto !important;
}

/*Company menu shortened*/
#menu-main-menu > li:nth-child(5) > .mega-menu .menu-links > li {
	max-width: 250px !important;
}

/* Link hover state */
#footerMainLinks a:not([href="#"]):hover {
	color: #fff !important;
}
#menu-main-menu > li:not(:nth-child(1)) > .mega-menu .menu-links > li:hover {
	background-color: #f7f7f8 !important;
}

/*Reduce space between submenu items*/
#menu-main-menu > li:nth-child(2) > .mega-menu .menu-links > li,
#menu-main-menu > li:nth-child(3) > .mega-menu .menu-links > li,
#menu-main-menu > li:nth-child(5) > .mega-menu .menu-links > li {
	padding: 10px 20px !important;
}

/* Mega Menu hover state reset */
header nav ul.menu li .mega-menu .menu-container ul.menu-links li:hover,
.header-scroll
	nav
	ul.menu
	li
	.mega-menu
	.menu-container
	ul.menu-links
	li:hover {
	background: transparent !important;
}

.mega-menu .sub-menu {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	padding-top: 0 !important;
}

.mega-menu .sub-menu .sub-menu__link {
	padding-bottom: 0 !important;
}

.mega-menu .sub-menu__link a:last-of-type:hover {
	/* background: #f7f7f8 !important; */
	color: black !important;
}

/*Submenu Titles*/
header
	nav
	ul.menu
	li
	.mega-menu
	.menu-container
	ul.menu-links
	li
	.text-container
	.title,
.header-scroll
	nav
	ul.menu
	li
	.mega-menu
	.menu-container
	ul.menu-links
	li
	.text-container
	.title {
	font-family: "Libre Franklin", Times, serif;
	font-weight: 600px;
	font-size: 18px;
	color: #5c6ae0;
}

/*Submenu Items*/
header
	nav
	ul.menu
	li
	.mega-menu
	.menu-container
	ul.menu-links
	li
	.text-container
	.sub-menu__link,
.header-scroll
	nav
	ul.menu
	li
	.mega-menu
	.menu-container
	ul.menu-links
	li
	.text-container
	.sub-menu__link {
	font-weight: 400;
	font-size: 16px;
}

header nav ul.menu li .sub-menu__link a,
.header-scroll nav ul.menu li .sub-menu__link a {
	color: #667080 !important;
}

/* Text styling change, remove icons */
#menu-main-menu > li:nth-child(2) .title,
#menu-main-menu > li:nth-child(3) .title,
#menu-main-menu > li:nth-child(5) .title {
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #667080 !important;
}

#menu-main-menu > li:nth-child(2) .icon-container,
#menu-main-menu > li:nth-child(3) .icon-container {
	display: none;
}

.mega-menu {
	cursor: default;
}

/* Respnsive Overrides */
@media only screen and (max-width: 1260px) {
	header nav ul.menu li,
	.header-scroll nav ul.menu li {
		margin: 0 10px -40px;
	}
}

@media only screen and (max-width: 1190px) {
	header nav > #menu-main-menu > .btn-primary-green a,
	.header-scroll nav > #menu-main-menu-1 > .btn-primary-green a {
		font-size: 12px !important;
		padding: 0 10px !important;
	}

	header nav > #menu-main-menu > li,
	.header-scroll nav > #menu-main-menu-1 > li {
		letter-spacing: 1px !important;
	}
}

@media only screen and (max-width: 1020px) {
	.mega-menu {
		right: 138px !important;
	}
}