.mobile-custom-nav {
	background-color: white;
}

.custom-header-navigation {
	position: relative;
	color: var(--dark-gray);

}
.custom-header-navigation .main-url {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #d1d3d6;
	padding: 8.5px 5px 6.5px 11px;
}

.custom-header-navigation .main-url a {
	color: var(--dark-gray);
    font-size: 18px;
    letter-spacing: 0.02em;
    padding: 0 6px;
    font-weight: 600;
	white-space: nowrap;
}

.custom-header-navigation .main-url a:hover {
	color: inherit;
}

.custom-header-navigation .main-url .button {
	font-size: 14px;
	padding: 0 15px;
	color: var(--navy-blue);
}

.custom-header-navigation .main-url .button i {
	transition: transform 300ms cubic-bezier(0,0,0.3,1);
}

.custom-header-navigation .main-url.open .button i {
	transform: rotate(-180deg);
}

.custom-header-navigation ul {
	display: none;
}

.custom-header-navigation ul li {
	line-height: 16px;
	border-bottom: 1px solid #d1d3d6;
	padding: 12px 0 11.5px 40px;
}

.custom-header-navigation ul li a{
	color: var(--navy-blue);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}

@media (min-width: 64em) {
	.custom-header-navigation .main-url {
		border-bottom: none;
		padding: 7.5px 0px
	}

	.custom-header-navigation .main-url a {
	    padding: 0 5.6px;
	}

	.custom-header-navigation .main-url a:hover {
		color: inherit;
	}

	.custom-header-navigation ul {
		opacity: 0;
		display: block;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 100%;
	    background-color: white;
	    border: 1px solid #959595;
	    -webkit-transition: opacity 300ms ease;
	    -moz-transition: opacity 300ms ease;
	    -o-transition: opacity 300ms ease;
	    transition: opacity 300ms ease;
	    min-width: 160px;
	    padding: 15px 15px 20px 23px;
	    pointer-events: none;
	}

	.custom-header-navigation ul::before {
		content: "";
		position: absolute;
		width: 19px;
		height: 9px;
		left: 50%;
		top: -9px;
		transform: translateX(-50%);
		background-image: url(https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/lansing/nav_triangle_34d3751b-282a-415a-b7a1-68f883b734b3.png);
	}

	.custom-header-navigation:hover ul {
		opacity: 1;
		pointer-events: all;
		z-index: 2;
	}

	.custom-header-navigation ul li {
		border-bottom: 0;
		padding: 6.5px 0;
	}

	.custom-header-navigation .button {
		display: none;
	}
}