/* Data privacy map ----------------------------------------------> */

#bannerContentInner
{	
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
}

#innerBannerContent
{
	max-width: 686px;
	margin: 0 0 0 5.5vw;
}

#innerBannerContentLinks a
{
	display: inline-block;
	position: relative;
	margin-right: max(8px, 1.5vw);
	padding: 12px 0 8px 0;
	border-top: 1px solid var(--magenta);
	/*color: var(--medium-gray);*/
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	transition: color 250ms ease-in-out;
}

#innerBannerContentLinks a:is(:hover, :focus)
{
	/*background-color: var(--magenta);*/
	color: #fff;
}

#innerBannerContentLinks a:is(:hover, :focus)::before 
{
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 0%;
	background: var(--magenta);
	animation: fillUp 250ms ease-in-out forwards;
}

#content
{
	max-width: unset;
}

#dataUpperContent
{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 100%;
	max-width: 1534px;
	margin: 0 auto;
}

#dataUpperContentRight
{
	align-self: flex-start;
	width: 100%;
	max-width: 477px;
	margin-top: 20px;
	padding: min(30px, 3vw);
	background: var(--lime-green);
	box-sizing: border-box;
	color: var(--magenta);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
}

#dataUpperContentRight strong,
#dataUpperContentRight b
{
	display: block;
	color: #000;
	text-transform: uppercase;
}

.data-privacy #content
{
	padding-top: 0;
}

.data-privacy-region-state #content
{
	padding: 0;
}

@media (min-width: 920px)
{
	#dataUpperContent
	{
		flex-direction: row;
		gap: max(98px, 8vw);
	}
}

#privacyMap
{
	position: relative;
	background: #0080A2;
	padding: 50px 0 20px;
	margin: 40px 0px;
}

body.data-privacy-region-state #privacyMap
{
	display: none;
}

body.data-privacy-region-state #dataPrivacyStateWrapper
{
	position: relative;
	background: #0080A2;
	padding: 50px 0px;
}

body.data-privacy-region-state #footer
{
	margin-top: 0;
}

body.data-privacy-region-state #mainContent
{
	margin-bottom: 0;
	padding-bottom: 0;
}

body.data-privacy-region-state #content
{
	margin-bottom: 0;
}

#mapAltNav
{
	display: block;
	position: relative;
	z-index: 50;
	max-width: 1054px;
	margin: 1em 0 40px 0;
}

#mapAltNav button
{
	/* button reset */
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	color: inherit;
	font: inherit;
	text-transform: inherit;
	text-align: inherit;
	line-height: inherit;

	/* Corrects font smoothing for webkit */
	-webkit-font-smoothing: inherit;
	/* Corrects inability to style clickable `input` types in iOS */
	-webkit-appearance: none;
	/* end button reset */

	width: 100%;

	/* appease IE11 */
	min-height: 52px;

	margin: 0;
	padding: 10px 7px 10px 18px;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 0;
	box-sizing: border-box;
	color: #233F73;
	font-size: 20px;
	line-height: 1.8;
	vertical-align: top;
}

#mapAltNav button::after
{
	content: '';
	display: block;
	position: absolute;
	top: 1.2em;
	right: .75em;
	width: 12px;
	height: 7px;
	background: url('../i/select-arrow.svg') center no-repeat; /* data-uri */
}

#mapAltNav > ul
{
	position: absolute;
	min-width: 100%;
	box-sizing: border-box;

	background: white;
	margin: 0;
	padding: 1em;

	max-height: min(50vh, 600px);
	overflow: auto;
}

#mapAltNav > ul ul
{
	margin-left: 1em;
}

#privacyMap svg
{
	margin-top: 20px;
}
#privacyMap svg path
{
	fill: #939FBF;
	stroke: white;
	stroke-width: 0.3px;
}

#privacyMap svg a path
{
	fill: #1C3159;
}

#privacyMap svg .st0,
#privacyMap svg .st1
{
	/*stroke: inherit !important;*/
}

#privacyMap svg a:is(:hover, :focus) path
{
	fill: var(--magenta);
}

#privacyMap svg #text path
{
	stroke: none;
	fill: white;
}

#privacyMap svg #text path
{
	pointer-events: none;
}

/* hide territories for now */
#privacyMap svg :is(#text-AS, #text-MP, #text-PR, #text-GU, #text-VI) path
{
	fill: #E2F8FD;
	stroke: #D6D6D6;
}

#privacyMap .selectedState path
{
	pointer-events: none;
	fill: #000;
	position: absolute;
	top: 0;
	left: 0;
}

.data-privacy #tabLinks
{
	border: 0;
	text-align: left;
	margin: .5em 0 2em 0;
}

.data-privacy #tabLinks::before
{
	content: none;
}

.data-privacy #tabLinks a
{
	color: #233F73;
	text-transform: none;
	padding: 8px 20px;
	margin: 0 3px 3px 0;
	background: #C4EBF5;
	font-weight: 400;
}

.data-privacy #tabLinks a.current,
.data-privacy #tabLinks a:is(:hover, :focus)
{
	background: #E2F8FD;
	border-color: transparent;
}

.data-privacy #tabLinks a.current:after	
{
	display: none;
}

#dataPrivacyState
{
	display: flex;
	position: relative;
	column-gap: 50px;
	padding: 43px 26px;
}

@media (max-width: 1024px)
{
	#dataPrivacyState
	{
		flex-direction: row;
		display: block;

		/*padding: 10px 0 40px;*/
	}
}


	#dataPrivacyState
	{
		background: white;
	}

	#dataPrivacyState:before
	{
		background: #d6d6d6
	}


#dataPrivacyState h2:not(.expandableHeading, .sectionTitle)
{
	margin-top: -8px !important;
	padding-top: 0px;
	font-size: 1.9em;
	margin-bottom: 10px;
}

#dataPrivacyState h3
{
	color: #02687a;
	margin: 0.8em 0 .5em;

	font-family: 'TradeGothic', Helvetica, Arial, sans-serif;
	font-weight: 900;
}

#dpmSidebar
{
	flex: 0 0 300px;

	display: flex;
	flex-direction: column;
	gap: 10px;
}

#dpmStateInfo
{
	flex-grow: 1;
}
#dpmSidebar > a
{
	display: block;
	padding: 16px 20px;
	background: #1C3159;
	font-family: 'TradeGothic', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 18px;
	color: white;
	text-align: center;
}

#dpmSidebar > a:is(:hover, :focus)
{
	background: var(--light-blue);
}

#dpmSidebar .hotline
{
	font-family: 'TradeGothic', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 17px;
	color: var(--magenta);
	margin: 5px 0 .5em;
}

#dpmSidebar .hotline strong,
#dpmSidebar .hotline b
{
	color: black;
}

#dpmSidebar .hotline span
{
	color: var(--dark-gray);
}

#dpmSidebar svg
{
	height: 350px;
	width: 100%;
	padding: 50px;
	box-sizing: border-box;
}

@media (max-width: 900px)
{
	#dpmSidebar svg
	{
		height: 200px;
		padding: 20px;
	}
}

#dpmSidebar svg path
{
	fill: #008FB5;
	stroke: #008FB5;
	stroke-width: 0;
}

.dpmSocialIcons a
{
	display: block;
	margin-top: -10px;
	padding: 10px 20px;
	background: #C4EBF5;
	font-family: 'TradeGothic', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 18px;
	color: #233F73;
	text-align: center;
}

.dpmSocialIcons a:is(:hover, :focus)
{
	background: var(--dark-blue);
	color: #fff;
}

.lowerStaticText
{
	width: 100%;
	max-width: 1036px;
	margin: 0 auto 2em auto;
}

@media (max-width: 849px)
{
	#banner
	{
		height: auto;
		margin-bottom: 2em;
		background: var(--navy-blue);
	}

	#bannerContent
	{
		position: relative;
		height: auto;
	}

	#bannerContentInner
	{
		position: relative;
		height: auto;
	}
	
	#bannerImage
	{
		position: absolute;
		width: 100vw;
		height: 100%;
	}
}

@media (max-width: 1349px)
{
	#banner,
	#bannerImage::after,
	#bannerImage > picture > img
	{
		min-height: 460px;
	}
}

@media (max-width: 501px)
{
	#banner,
	#bannerImage::after,
	#bannerImage > picture > img
	{
		min-height: 600px;
	}
}