/* Main nav */
.header .header-announcement-bar-wrapper
{
	width: calc(100% - 2rem);
	margin-left: 1rem;
	margin-top: 1rem;
}
.header .header-announcement-bar-wrapper .header-border,
.header .header-announcement-bar-wrapper .header-dropshadow,
.header .header-announcement-bar-wrapper .header-background-gradient,
.header .header-announcement-bar-wrapper .header-background-solid,
.header .header-announcement-bar-wrapper .header-blur-background
{
	border-radius: 50px;
}

/* Main nav > text decoration of active item */
body:not(.header--menu-open) .header-nav-item--active .header-nav-folder-title-text,
body:not(.header--menu-open) .header-nav-item--active>a:not(.header-nav-folder-title)
{
	background: none;
	text-decoration: none;
}
body:not(.header--menu-open) .header-nav-item
{
	position: relative;
}
body:not(.header--menu-open) .header-nav-item:after
{
	content: "";
	width: 100%;
	height: 4px;
	background-color: #9199b6;
	background-color: #06a2f0;
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	transition: width 0.25s ease-in-out;
	width: 0;
	border-radius: 30px;
}
/* Active page */
body:not(.header--menu-open) .header-nav-item:not(.header-nav-item--folder).header-nav-item--active:after
{
	width: 75%;
}
/* Adjust slightly for submenu parents */
body:not(.header--menu-open) .header-nav-item.header-nav-item--folder.header-nav-item--active:after
{
	width: 75%;
	transform: translateX(-60%);
}
/* Hover state, including the active item */
body:not(.header--menu-open) .header-nav-item:not(.header-nav-item--folder):hover:after,
body:not(.header--menu-open) .header-nav-item:not(.header-nav-item--folder).header-nav-item--active:hover:after
{
	width: 100%;
	transition: width 0.25s ease-in-out;
}
/* Set the starting style and remove the display property */
@starting-style
{
	.header-nav .header-nav-item--folder .header-nav-folder-content
	{
		opacity: 0;
	}
}
/* Header nav folder -- default state */
.header-nav .header-nav-item--folder .header-nav-folder-content
{
	min-width: 125px;
	display: block !important;
	opacity: 0;
	visibility: hidden;
	z-index: -10;
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out 0.5s, z-index 0.25s ease 0.5s;
	transition-behavior: allow-discrete;
}
/* Header nav folder -- hover state */
.header-nav .header-nav-item--folder:hover .header-nav-folder-content
{
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 10;
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
/* Main nav > header-nav-folder-content */
.header-nav-folder-content
{
	border-top: solid 4px #0c96d6;
	margin-top: 0.5rem;
}
.header-nav-folder-content:before
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0c96d6;
}
.header-nav-folder-item
{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
/** Home **/

/* Hero */
#block-3df64e97c6cef0b95e18 h1,
#block-3df64e97c6cef0b95e18 h2
{
	font-size: 10vw;
	text-shadow: 0 0 20px rgba(0,0,0,0.45);
}
@media screen and (min-width: 800px)
{
	#block-3df64e97c6cef0b95e18 h1,
	#block-3df64e97c6cef0b95e18 h2
	{
		font-size: clamp(5vw, 5.5vw, 5rem);
	}
	#block-3df64e97c6cef0b95e18 h2
	{
		margin-top: 4rem;
		font-size: clamp(4vw, 4vw, 4rem);
	}
}

/* City sections on Problem page */
#yui_3_17_2_1_1765316520347_133
{
	border-left: solid 1px rgba(255,255,255,0.3);
}
#yui_3_17_2_1_1765316788441_149
{
	border-top: solid 1px rgba(255,255,255,0.3);
}
