/* BEGIN STATIC CSS ---------------------------------------------> */

.newsroom .subNavList,
.resources ul.subNavList
{
	display: flex;
	width: 100%;
}

.newsroom ul.subNavList li:last-child,
.resources ul.subNavList li:last-child
{
	margin: 0 0 0 auto;
	width: 212px;
}

.newsroom ul.subNavList li:last-child a::after,
.resources ul.subNavList li:last-child a::after
{
	content: '';
	background: url('../i/icon-signup.svg')left center no-repeat;
	position: relative;
	top: -5px;
	margin: 0 0 0 20px;
	width: 27px;
	height: 27px;
}

.newsroom ul.subNavList li:last-child a:hover::after,
.newsroom ul.subNavList li:last-child a:focus::after,
.resources ul.subNavList li:last-child a:hover::after,
.resources ul.subNavList li:last-child a:focus::after
{
	opacity: 0.7;
}

@media (max-width: 1024px)
{	
	.newsroom .subNavList,
	.resources ul.subNavList
	{
		display: block;
		width: auto;
	}

	.newsroom ul.subNavList li:last-child,
	.resources ul.subNavList li:last-child
	{
		margin: inherit;
		width: auto;
	}

	.newsroom ul.subNavList li:last-child a::after,
	.resources ul.subNavList li:last-child a::after
	{
		display: none;
	}
}

body#careers-overview #aboveContent
{
	position: relative;
	z-index: 20;
	width: 100%;
	max-width: 1400px;
	margin: max(-105px, min(-20px, -8vw)) auto 0px auto;
	padding: 2.25rem max(20px, min(5vw, 60px));
	background: #ffffff;
	box-sizing: border-box;
}

body#careers-overview #aboveContent::before
{
	display: none !important;
}

body#careers-overview #content
{
	margin-top: 2rem;
	padding: 0px;
	background: none;
}

body#careers-overview #mainContent
{
	padding: 1rem 0 1rem 0;
}

body.careers #lowerContent .lowerStaticText
{
	padding-top: max(18px, min(6vw, 80px));
}

body.careers #lowerContent .lowerStaticText h2
{
	font-weight: 500;
}

body.careers .lowerStaticText table
{
	width: calc(100% + 30px) !important;
	margin-left: -30px;
	border-spacing: 30px;
}

body.careers .lowerStaticText table tr td
{
	width: 33.33% !important;
	padding: 40px;
}

body.careers .lowerStaticText table tr td h3
{
	margin-top: 0px;
	padding-top: 0px;
	color: #D22630;
	font-size: 0.80rem;
	font-weight: 500;
	text-transform: uppercase;
}

/* hide the two blank cells on the end on this page only */
body#careers-overview.careers .lowerStaticText table tr:last-child td:last-child,
body#careers-overview.careers .lowerStaticText table tr:last-child td:nth-last-child(2)
{
	display: none;
}

#tileNav
{
	width: calc(100% + 80px);
	margin: 0 0 0 -40px;
}

#tileNav > ul
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#tileNav > ul > li
{
	width: calc(33.33% - 12px);
	margin: 0 0 0 0px;
	background: #ffffff;
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
}

#tileNav > ul > li .title
{
	padding: 32px 10px;
	line-height: 1.2;
}

#tileNav > ul > li a
{
	display: block;
	position: relative;
	width: 100%;
}

#tileNav > ul > li .image
{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#tileNav > ul > li:not(:first-child) a .image img
{
	display: block;
	position: relative;
	width: 100%;
	
	transform: scale(1.15);
	transition: transform 350ms ease;
}

#tileNav > ul > li:not(:first-child):hover a:not(.sp_class) .image img,
#tileNav > ul > li:not(:first-child):focus-within a:not(.sp_class) .image img,
#tileNav > ul > li:not(:first-child) a:focus:not(.sp_class) .image img
{
	transform: scale(1);
}

#tileNav > ul > li:first-child
{
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 20px 0;
	background: none;
	font-size: 1.7rem;
	text-transform: none;
}

#tileNav > ul > li:first-child .title
{
	margin-bottom: 30px;
}

#tileNav > ul > li:first-child a .image
{
	display: none;
}

/*
#newsroom-media ul.subNavList,
#resources-subscribe ul.subNavList,
#resources-automotive ul.subNavList,
#resources-coronavirus ul.subNavList
{
	display: flex;
	width: 100%;
}
*/

#resources-subscribe form input#submit
{
	background: #D22630;
}

/*#newsroom-media ul.subNavList li:last-child,
#resources-subscribe ul.subNavList li:last-child,
#resources-automotive ul.subNavList li:last-child,
#resources-coronavirus ul.subNavList li:last-child
{
	margin: 0 0 0 auto;
	width: 212px;
}
*/

#newsroom-media ul.subNavList li:last-child a::after,
#resources-subscribe ul.subNavList li:last-child a::after,
#resources-automotive ul.subNavList li:last-child a::after,
#resources-coronavirus ul.subNavList li:last-child a::after
{
	content: '';
	background: url('../i/icon-signup.svg')left center no-repeat;
    position: relative;
    top: -5px;
	margin: 0 0 0 20px;
	width: 27px;
	height: 27px;
}

#resources-coronavirus main > div.expandableContent > p
{
	display: inline-block;
	font-size: 16px;
	color: #d22630;
	text-transform: uppercase;
	margin-right: 7px;
}

#resources-coronavirus main > div.expandableContent > p a
{
	color: #333;
	text-transform: none;
	font-size: 19px;
}

#resources-coronavirus main > div.expandableContent > p a:hover,
#resources-coronavirus main > div.expandableContent > p a:focus
{
	color: #D22630;
	text-transform: none;
	font-size: 19px;
}

@media (max-width: 1349px)
{
	#tileNav
	{
		width: calc(100% + 44px);
		margin: 0 0 0 -22px;
	}
}

@media (max-width: 1024px)
{
	body.careers .lowerStaticText table
	{
		border-spacing: 0px;
	}
	
	body.careers .lowerStaticText table tr td
	{
		display: block;
		width: calc(100% - 60px) !important;
		border-bottom: 30px solid #ffffff;
	}
}
	
@media (max-width: 919px)
{
	#tileNav
	{
		width: 100%;
		margin: 0 0 0 0px;
	}
}

@media (max-width: 479px)
{
	body.careers .lowerStaticText table tr td
	{
		width: calc(100% - 60px) !important;
	}
}

@media (max-width: 479px)
{
	#tileNav > ul
	{
		display: block;
	}

	#tileNav > ul > li,
	#tileNav > ul > li:first-child
	{
		width: 100%;
		margin-bottom: 14px;
	}
}

@media (min-width: 1350px)
{
	/* news spots have waypoint animation at this window size */
	#tileNav > ul > li:nth-child(n+2)
	{
		opacity: 0;
		margin-top: 50px;
		transition: opacity 425ms ease-in, margin-top 500ms ease-in;
	}

	#tileNav > ul > li:nth-child(3)
	{
		transition-delay: 200ms;
	}

	#tileNav > ul > li:nth-child(4)
	{
		transition-delay: 350ms;
	}

	#tileNav.tileNavSlideIn > ul > li
	{
		opacity: 1;
		margin-top: 0;
		cursor: pointer;
	}
}

/* END STATIC CSS -----------------------------------------------> */