@media only screen {
	.links-dropdown {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 75px;
	}

	.links-dropdown .title {
		position: relative;
		display: flex;
		align-items: center;
		margin-bottom: var(--space-3);
		padding-right: var(--space-4);
		font-family: var(--font-bold);
		font-size: var(--text-sm);
		text-transform: uppercase;
		line-height: var(--leading-less);
		color: var(--primary-dark);
	}

	.links-dropdown .links .menu-toggle {
		position: absolute;
		right: 0;
		top: 9px;
		width: 25px;
		cursor: pointer;
	}

	.links-dropdown .links .menu-toggle i {
		color: var(--highlight);
		transform-origin: center;
		transition: transform 300ms cubic-bezier(0,0,0.3,1);
	}

	.links-dropdown.open .links .menu-toggle i {
		transform: rotate(180deg);
	}

	.links-dropdown .link-container {
		display: flex;
	}

	.links-dropdown .links {
		position: relative;
		align-items: center;
		display: flex;
		overflow: hidden;
		background-color: var(--primary-dark);
		z-index: 2;
	}
	
	.links-dropdown.page-content .links {
		width: calc(100vw - 40px);
		max-width: 360px;
		height: var(--space-10);
		padding-left: var(--space-6);
	}

	.links-dropdown.page-content.open .links {
		padding-bottom: 5px;
	}

	.links-dropdown.open .links {
		height: auto;
		padding-bottom: 15px;
	}

	.links-dropdown .links .link {
		display: none;
		text-transform: uppercase;
		align-items: center;
	}

	.links-dropdown .links .link.active {
		display: block;
	}

	.links-dropdown.page-content .links .link {
		height: var(--space-10);
		color: var(--primary-light);
		font-family: var(--font-bold);
		text-decoration: underline;
	}

	.links-dropdown.open .links .link {
		display: flex;
	}

	.links-dropdown .links .link a {
		color: inherit;
	}

	.links-dropdown.page-content .links .link:nth-child(2) {
		display: flex;
	}

	.links-dropdown.page-content .resources-for {
		display: none;
	}

	/* header styles */
	.links-dropdown.links .resources-for {
		display: none;
	}

	.links-dropdown.top-nav .title {
		justify-content: flex-end;
		width: 143px;
		padding-right: 8px;
		font-family: var(--font-body);
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		color: var(--primary-light);
	}

	.links-dropdown.top-nav .links .menu-toggle {
		right: -7px;
		top: 4px;
		width: 24px;
	}

	.links-dropdown.top-nav .link-container {
		position: relative;
		height: fit-content;
	}

	.links-dropdown.top-nav .links {
		width: 225px;
		padding: 5px 0 5px var(--space-3);
	}

	.links-dropdown.top-nav .links .link {
		height: var(--space-6);
		font-family: var(--font-bold);
		font-size: 13px;
		text-decoration: none;
	}

	/* mobile nav styles */
	.mobile-nav .links-dropdown {
		margin-left: var(--space-13);
	}

	.mobile-nav .links-dropdown .title {
		margin-top: var(--space-3);
		margin-bottom: 0;
		font-family: var(--font-body);
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
		color: var(--primary-dark);
	}
	
	.mobile-nav .links-dropdown .links {
		display: block;
		height: auto;
		width: 100%;;
		padding-left: 0;
		background-color: transparent;
	}

	.mobile-nav .links-dropdown .links .menu-toggle {
		display: none;
	}

	.mobile-nav .links-dropdown .links .link {
		display: flex;
		margin-top: var(--space-2);
		margin-bottom: var(--space-2);
		padding: var(--space-2) var(--space-1) var(--space-2) 15px;
		color: var(--primary-dark);
		background-color: var(--primary-light);
		border: 1px solid var(--gray-500);
		box-shadow: var(--shadow-md);
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 12px;
		line-height: var(--leading-tight);
		text-decoration: none;
	}

	.mobile-nav .links-dropdown .links .link:nth-child(1),
	.mobile-nav .links-dropdown .links .resources-for {
		display: none;
	}
}

@media only screen and (min-width: 1200px) {
	.links-dropdown.page-content,
	.links-dropdown.top-nav {
		height: var(--space-10);
		flex-direction: row;
		align-items: flex-start;
	}

	.links-dropdown.page-content {
		justify-content: space-between;
		max-width: 440px;
	}

	.links-dropdown.top-nav {
		top: 3px;
	}

	.links-dropdown.top-nav .title {
		display: none;
	}
	
	.links-dropdown.top-nav .resources-for {
		display: block;
	}

	.links-dropdown.top-nav.link-path .resources-for {
		display: none;
	}

	.links-dropdown.top-nav .links .link:nth-child(1) {
		display: flex;
	}

	.links-dropdown.page-content .title {
		top: 12px;
		margin-right: 0;
	}

	.links-dropdown.page-content .link-container {
		position: absolute;
		right: 0;
	}

	.links-dropdown.page-content .links {
		max-width: 280px;
	}

	.links-dropdown.top-nav .links {
		outline: 2px solid var(--primary-light);
	}

	.links-dropdown .links .resources-for {
		font-family: var(--font-bold);
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.links-dropdown.link-path .links {
		padding: 5px 0 0 var(--space-3);
	}
}

@media (min-width: 1800px) {
	.links-dropdown.top-nav .title {
		font-size: 14px;
	}
}