@charset "UTF-8";

/* 
BASIC NOTES
WHERE POSSIBLE USE GRID OR FLEXBOX. CONTAINER IDS AND CLASSES SHOULDN'T SET EXPLICIT WIDTH.
LAYOUT SHOULDN'T RELY ON THE MAINCONTENT DIV HAVING UNIQUE NAMES DEPENDING UPON THE PRESENCE OF RIGHT/LEFT COLUMNS
DON'T SET FIXED HEIGHT OR WIDTH UNLESS ABSOLUTELY NECESSARY
*/

/* 
VARIABLES TO SET FONTS AND COLORS - COLORS MAY BE OVERWRITTEN BY COLORS.CSS IN SUBTHEME
 */

:root
{
	--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-serif: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
	--foreground: rgb(22, 22, 22);
	--background: rgb(255, 255, 255);
	--theme-main: rgb(255, 255, 255);
	--theme-secondary: rgb(76, 127, 167);
	--theme-tertiary: rgb(0, 48, 87);
	--color-sf-main: var(--theme-secondary);
	--color-sf-active: var(--color-sf-hover);
	--color-sf-hover: rgb(68, 91, 122);
	--color-black: rgb(0, 0, 0);
	--color-white: rgb(255, 255, 255);
	--color-near-white: rgb(236, 236, 236);
	--color-blue: rgb(58, 103, 146);
	--color-dark-blue: rgb(2, 37, 59);
	--color-silver: var(--color-near-white);
	--color-light-yellow: rgb(251, 255, 218);
	--color-orange: rgb(193, 71, 0);
	--color-brown: rgb(122, 77, 55);
	--color-dark-gray: rgb(55, 65, 64);
	--color-medium-gray: rgb(76,76,76);
	--color-light-gray: rgb(189, 195, 199);
	--color-vlight-gray: var(--color-near-white);
	--color-green: rgb(62, 107, 72);
	--color-bright-green: rgb(132, 188, 73);
	--color-aqua: rgb(70, 107, 114);
	--color-red: rgb(184,45,30);
	--color-link: rgb(58, 79, 156);
	--color-link-visited: rgb(85, 26, 139);
	--color-link-hover: rgb(204, 0, 0);
	--color-table-head: rgba(56, 108, 146, 1);
	--color-alertbox: var(--color-red);
	--color-button-primary-cta: rgba(188, 73, 45,1);
	--color-button-primary-cta-hover: rgb(189, 51, 49,.8);
	--color-button-secondary-cta: rgb(235, 236, 236);
	--color-button-secondary-cta-hover: rgba(235, 236, 236,.8);
	--color-sectionnav-a: var(--color-dark-gray);
	--color-sectionnav-bg: var(--color-near-white);
	--color-sectionnav-border: var(--color-light-gray);
	--color-sectionnav-border-left: var(--color-sf-hover);
	--color-ck-accordion: var(--color-sf-main);
	--color-ck-accordion-hover: var(--color-sf-hover);	
}

html
{
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* this ensures that a scrollbar is always present */
*, *:before, *:after
{
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body
{
	background-color: var(--color-white);
	color: var(--color-black);
	font-family: var(--font-family-sans);
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.4;
}

#mobilenav { display: none; }
a img { border: none; }

/* Skip Nav */

/* 
.skipnav WILL DISPLAY CONTENT ONLY IN SCREEN READERS
 */

.offscreen
{
	position: absolute;
	left: -9999px;
	width: 9000px;
}

.offscreenr, .skip_sliver
{
	position: absolute;
	left: -9999px;
	width: 9000px;
}

/* 
IMPROVED .skipnav
 */

.skipnav
{
	position: relative;
	list-style-type: none;
	z-index: 101;
	margin-top: -2.4rem;
}

.skipnav li { display: inline-block; }

.sr1,.sr2,.sr3,.sr4,.sr5
{
	background: var(--color-vlight-gray);
	height: 30px;
	left: 2px;
	padding: 8px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
}

.sr1:focus,.sr2:focus,.sr3:focus,.sr4:focus,.sr5:focus
{
	background: var(--color-vlight-gray);
	transform: translateY(0%);
	margin-top: 1.2rem;
}

form
{
	margin: 0;
	padding: 0;
}

/* 
THE BASIC LINK STYLES SHOULDN'T BE OVER QUALIFIED--TAKE OFF CONTAINER STYLES FOR BASE STYLING AND ONLY ADD FOR OVERRIDES
 */

a { color: var(--color-link); }
a:visited { color: var(--color-link-visited); }

a:hover
{
	color: var(--color-link-hover);
	text-decoration: none;
}

.sectionnav a,#sectionnav a { text-decoration: none; }
.sectionnav a:hover,#sectionnav a:hover { text-decoration: underline; }

.sectionnav li,#sectionnav li
{
	padding: 0;
	margin: 0;
	width: 100%;
}

.sectionnav li a,#sectionnav li a
{
	display: block;
	height: 1%;
	padding: 9px 12px;
}

.sectionnav li a.current,#sectionnav li a.current { font-weight: normal; }

/* 
BASIC FONT STYLES
 */

/* Headlines */
h1+h2,h2+h3 { margin-top: 0; }

h1,h2,h3,h4,h5,h6
{
	letter-spacing: 0;
	line-height: 1.2;
	color: var(--color-black);
}

h1 { font-size: 2rem; text-wrap: balance; }
h2 { font-size: 1.5rem; text-wrap: balance; }
h3 { font-size: 1.125rem; text-wrap: balance; }
h4.large { font-size: 1.125rem; }
p, ul, ol { margin: 0 0 16px 0; }
ul ul { margin: 0; }
h1.main-title { margin: 21.2px 0 0 0; }
h2,h3,h4 { margin: 24px 0 16px 0; }
header h2,.sliver h2 { font-size: 1.25rem; }
h1:first-of-type { margin: 8px 0 16px 0; }
.footer_column p,.footer_column li, .statewide_message p,th,td,.crumb_trail,.header_nav_search ul#vtopnav { font-size: .925rem; }
.layout__region h2:first-child { margin-top: 0; }
div h2:first-child,div h3:first-child,div h4:first-child { margin-top: 0; }

.statewide_message
{
	background-color: var(--color-red);
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	min-width: 80em;
}

.statewide_message.clearfix > ul, .alert-message h3, .alert-message p
{
	margin: 0;
	padding: 0;
}

.statewide_message h2
{
	margin: 0;
	padding: 5px;
	font-weight: bold;
	float: left;
	color: var(--color-silver);
}

.statewide_message p
{
	float: left;
	display: inline-block;
}

.statewide_message p a
{
	font-weight: bold;
	text-decoration: underline;
}

.statewide_message p a:hover { text-decoration: none; }
.statewide_message p a,.statewide_message p a:visited,.statewide_message p a:hover { color: var(--color-white); }

#alert
{
	list-style-type: none;
	display: inline;
	color: var(--color-white);
}

.last-updated p
{
	margin-top: 16px;
	text-align: right;
	font-size: .825rem;
	font-style: italic;
}

/* new alert box added just under top tabs */
.alertbox
{
	width: 100%;
	padding: 6px 0;
	background-color: var(--color-red);
}

.alertmessage
{
	max-width: 80em;
	margin: 0 auto;
}

.alertmessage p
{
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0 0 0 16px;
	color: var(--color-silver);
}

/* Sliver Start - please do not touch */
#sliver_container
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #02253b;
}

.sliver
{
	padding: 4px 0;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
	background: #02253B;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sliver-links { display: flex; }
.sliver .sliver-links  img { width: 103px; }

.sliver .sliver-links  h2 a
{
	display: block;
	width: 103px;
	height: 32px;
}

.sliver .sliver-links  ul
{
	color: #ccc;
	margin: 5px 0 0 16px;
	padding: 0;
	display: flex;
	gap: 3px;
}

.sliver .sliver-links  ul li
{
	font-size: .875rem;
	margin-left: 0;
	list-style: none;
	display: inline-block;
}

@media only screen and (max-width: 670px)
{
	.sliver .sliver-links ul { margin: 8px 0 0 16px; }
	.sliver .sliver-links ul li { font-size: .75rem; }
}

.sliver a { color: var(--color-silver); }

.sliver a.on .sliver a:visited, .sliver a:hover
{
	color: var(--color-white);
	text-decoration: none;
}

.sliver a.state_search
{
	padding: 0 0 0 15px;
	background: url(//www.maine.gov/awt/templateV3/images/icon_search.png) 0 0 no-repeat;
}

@media only screen and (max-width: 1320px)
{
	.sliver { padding: 4px 16px 4px; }
}

@media only screen and (max-width: 735px)
{
	#google_translate_element, .state_search { display: none; }
}

@media only screen and (max-width: 321px)
{
	.sliver .sliver-links  ul li { font-size: .675rem; }
	.sliver .sliver-links  ul { gap: 1px; }
}

/* End Sliver */
/* Crumb trail */
.crumb_trail
{
	padding: 9.6px 20.8px;
	max-width: 80rem;
	margin: 0 auto;
}

.crumb_trail p { margin: 0; }
.crumb_trail { border-bottom: 1px dotted var(--color-silver); }
.crumb_trail a { color: rgb(85, 85, 85); }

@media only screen and (min-width: 1240px)
{
	.crumb_trail { padding: 9.6px 0; }
}

@media only screen and (max-width: 321px)
{
	.crumb_trail p { font-size: .75rem; }
}

/* 
BASIC CONTAINER LAYOUT
 */

#container
{
	position: relative;
	width: 100%;
}

figure { margin: 16px 0; }

/* Header */
header
{
	position: relative;
	margin: 0;
	padding: 0;
}

header .sub-container
{
	color: var(--theme-main);
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}

header img
{
	width: auto;
	height: 100px;
	cursor: pointer;
}

@media only screen and (max-width: 1320px)
{
	header img { margin: 0 0 0 16px; }
}

@media only screen and (max-width: 923px)
{
	header img { height: 80px; }
}

@media only screen and (max-width: 810px)
{
	header img { height: 65px; }
}

.header-link
{
	flex: 1;
	cursor: pointer;
	display: block;
}

.header_nav_search
{
	text-align: left;
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width: 670px)
{
	header .sub-container
	{
		height: auto;
		flex-direction: column;
		padding-right: 8px;
	}
	
	header img
	{
		width: 97%;
		height: auto;
	}
}

.header_search
{
	border: 1px solid var(--color-vlight-gray);
	background: var(--color-white);
	color: var(--color-black);
	clear: both;
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	width: 251px;
}

.header_nav_search #vtopnav li:after, .vtopnav a, .header_nav_search .vtopnav li:after,
.header_nav_search #vtopnav, .header_nav_search .vtopnav, .header_nav_search #vtopnav a, .header_nav_search .vtopnav a,
#vtopnav a { color: var(--color-black); }

@media only screen and (max-width: 819px)
{
	.header_nav_search #vtopnav, .header_nav_search .vtopnav { background-color: transparent; }
}

.search_area
{
	color: var(--color-medium-gray);
	background: transparent none repeat scroll 0 0;
	border: medium none;
	font-size: 0.75em;
	height: 31px;
	outline: 0 none;
	padding: 0 0 0 10px;
	width: 65.5%;
}

.search_button
{
	border: medium none;
	height: 25px;
	position: absolute;
	right: 3px;
	text-transform: uppercase;
	top: 3px;
}

#search-block-form
{
	border: 1px solid var(--color-silver);
	display: flex;
	justify-content: space-between;
	gap: .5rem;
}

/* site search area in upper right */
#search-block-form,#search-block-form2
{
	border-radius: 5px;
	padding: 1px 2px 2px 2px;
	background-color: var(--color-white);
}

#search-block-form input[type="search"] { -webkit-appearance: none; font-size: .925rem; }
input.edit-submit { font-size: .8rem; }

.topsearch
{
	border: none;
	margin-left: 5px;
	padding: 2px;
}

.vtopnav
{
	margin: 8px 0;
	padding: 0;
	text-align: right;
	/* display: flex;  justify-content: flex-end; */
}

.vtopnav li
{
	margin-left: 0;
	list-style: none;
	padding: 0 2px;
	font-size: .925rem;
	display: inline-block;
}

.vtopnav a {
	text-decoration: none;
	padding-block: 12px; /* fix for small touch targets */
	margin-block: -12px; /* fix for small touch targets */
}

.vtopnav a:hover { text-decoration: underline; }
.vtopnav a.on { text-decoration: none; }
.header_nav_search .vtopnav li:after { content: ' | '; }
.header_nav_search .vtopnav li:last-child::after { display: none; }

@media only screen and (max-width: 819px)
{
	.header_nav_search
	{
		text-align: left;
		padding: 0;
		width: 100%;
		margin-right: 0;
	}
	
	.header_search
	{
		margin: 0 10px 10px;
		width: 90%;
	}
	
	.search_button { right: 4px; }
	
	#search-block-form
	{
		margin: 0 0 12px 7px;
		z-index: 101;
	}
	
	.vtopnav { margin: 0; }
	.header_nav_search #vtopnav, .header_nav_search ul.vtopnav { width: auto; }
}

/* 
for backwards compatibility
 */

#vtopnav
{
	margin: 8px 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

#vtopnav li
{
	margin-left: 0;
	list-style: none;
	padding: 0 2px;
}

#vtopnav a
{
	text-decoration: none;
	color: var(--color-silver);
}

#vtopnav a:hover
{
	text-decoration: underline;
	color: var(--color-silver);
}

#vtopnav a.on
{
	text-decoration: none;
	color: var(--color-silver);
}

.sub-container
{
	margin: 0 auto;
	max-width: 80em;
}

#content
{
	padding: 0 0 32px 0;
	clear: both;
	max-width: 80em;
	margin: 0 auto 0 auto;
}

.content
{
	clear: both;
	margin: 0;
}

#content.main,.content.main
{
	display: flex;
	gap: 2rem;
}

.paragraph .content { padding: 16px 0 0 0; }
.maincontent { width: 100%; }

.maincontent, #maincontent, .maincontent1, #maincontent1, .maincontent2, #maincontent2, .maincontent2r, #maincontent2r, .maincontent3, #maincontent3
{
	flex-basis: auto;
	margin-top: 1rem;
}

@media only screen and (max-width: 1292px)
{
	#content
	{
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

/* 
@media only screen and (max-width: 1320px) {
	 .content.main { margin: 0 16px 0 16px; }
}
*/

.narrow-para
{
	max-width: 48rem;
	margin: 16px auto;
}

.narrow-para .content { padding: 0; }

hr
{
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--color-black);
	border: 0 none;
}

#sectionnav,.sectionnav
{
	margin: 15px 0 0 16px;
	padding: 0 1.16px 0 0;
	flex: 0 0 15rem;
}

#sectionnav h3:first-child,.sectionnav h3:first-child
{
	font-size: 1rem;
	margin-bottom: -16px;
	margin-top: 0;
	padding: 9px 5px 9px 16px;
}

#sectionnav h3,.sectionnav h3
{
	font-size: 1rem;
	margin-bottom: -16px;
	margin-top: -16px;
	padding: 9px 5px 9px 16px;
}

#sectionnav ul,.sectionnav ul
{
	list-style: none;
	padding-left: 0;
}

#sectionnav ul ul,.sectionnav ul ul { margin-bottom: 0; }
#sectionnav ul li ul,.sectionnav ul li ul { border: none; }
#sectionnav ul li ul a,.sectionnav ul li ul a { padding: 7px 12px 7px 26px; }

#sectionnav li ul li:last-child,.sectionnav li ul li:last-child
{
	border: medium none;
	padding-bottom: 0;
}

#sectionnav ul li:last-child,.sectionnav ul li:last-child { border-bottom: none; }
#sectionnav ul li ul li ul li ul,.sectionnav ul li ul li ul li ul { display: none; }
#sectionnav ul li ul li ul a,.sectionnav ul li ul li ul a { padding-left: 40px; }
#sectionnav ul,.sectionnav ul { border: 1px solid var(--color-sectionnav-border); min-width: 12rem; }

#sectionnav li a.current,.sectionnav li a.current
{
	background-color: var(--color-vlight-gray);
	border-left: 6px solid var(--color-black);
}

#sectionnav ul li,.sectionnav ul li { border-bottom: 1px solid var(--color-sectionnav-border); }
#sectionnav li ul li:first-child,.sectionnav li ul li:first-child { border-top: 1px solid var(--color-sectionnav-border); }
#sectionnav li a,.sectionnav li a { border-left: 6px solid var(--color-sectionnav-border-left); }
.sectionnav a,#sectionnav a { color: var(--color-sectionnav-a); }
.sectionnav li a.current,#sectionnav li a.current { background-color: var(--color-vlight-gray); }

@media only screen and (min-width: 1240px)
{
	.sectionnav, #sectionnav
	{
		padding: 0 0 16px 0;
		margin: 15px 0 0 0;
	}
}

@media only screen and (max-width: 1239px)
{
	.sectionnav, #sectionnav
	{
		flex: 0 1 auto;
		padding: 0;
		margin: 15px 0 0 0;
	}
}

aside
{
	margin: 0 0 0 16px;
	padding: 0 0 0 4px;
	flex: 1 0 20%;
}

aside.border
{
	border-radius: 5px;
	margin-top: 28px;
	padding: 0 16px;
}

aside > h2, aside > h3 { margin-top: 0; }
aside.border > h2, aside.border h3 { margin-top: 1rem; }

aside ul
{
	margin-left: 0;
	padding-left: 16px;
}

aside #block-rightcolumn
{
	padding: 16px;
	border-radius: 5px;
	margin-top: 32px;
}

aside #block-rightcolumn h2:first-of-type, aside #block-rightcolumn h3:first-of-type { margin-top: 0; }
aside.border { border: 1px solid var(--color-vlight-gray); }
aside #block-rightcolumn { border: 1px solid var(--color-silver); }

@media only screen and (max-width: 1284px)
{
	aside { margin: 0 12px 0 16px; }
}

@media only screen and (max-width: 670px)
{
	#content.main, .content.main { flex-direction: column; }
	
	aside
	{
		flex: 0 1 auto;
		padding: 0;
		margin: 0 12px 12px 12px;
	}
}

@media only screen and (max-width: 490px)
{
	.sectionnav, #sectionnav { display: none; }
}

.hide-label
{
	font-size: .75em;
	margin: 0;
	padding: 0;
	left: -999px;
	position: absolute;
	color: var(--color-black);
}

/* 
BASIC TABLE STYLES
 */

/* place a div with this class around tables you want to side-scroll  */
.scroll-table { overflow-y: auto; }

td { vertical-align: top; }

/* tbstriped table */
.tbstriped
{
	margin: 16px 0;
	border: none;
	border-collapse: collapse;
}

.tbstriped caption { text-align: left; }

.tbstriped tr th
{
	font-size: .85em;
	text-align: left;
	padding: 3px 8px;
}

.tbstriped th
{
	border: 1px solid var(--color-vlight-gray);
	border-collapse: collapse;
}

.tbstriped tr td
{
	font-size: .85em;
	padding: 3px 8px;
}

.tbstriped thead td
{
	font-weight: bold;
	border-bottom: 1px solid var(--color-vlight-gray);
	border-collapse: collapse;
}

.tbstriped tbody td
{
	border-left: 1px solid var(--color-vlight-gray);
	border-bottom: 1px solid var(--color-vlight-gray);
	border-collapse: collapse;
}

.tbstriped tr th p, .tbstriped tr td p { margin: 0 0 16px 0; }
.tbstriped tr:nth-child(even) { background-color: var(--color-vlight-gray); }
.tbstriped,.datatable { border: none; }
.tbstriped thead td,.datatable thead td { background-color: var(--color-table-head); }

.tbstriped tr th,.datatable th
{
	background-color: var(--color-table-head);
	color: var(--color-white);
	border: 1px solid var(--color-vlight-gray);
}

.tbstriped tr th a, .tbstriped tr th a:visited,.tbstriped tr th a:hover { color: var(--color-silver); }

/* datatable.js table */
.datatable
{
	margin: 16px 0;
	border-collapse: collapse;
	overflow-y: hidden;
}

.datatable caption { text-align: left; }
.datatable th { border-collapse: collapse; }

.datatable thead td
{
	font-weight: bold;
	border-collapse: collapse;
	border-left: 1px solid var(--color-vlight-gray);
	border-bottom: 1px solid var(--color-vlight-gray);
}

.datatable tr th
{
	font-size: .85em;
	text-align: left;
	padding: 3px 8px;
}

.datatable tbody tda:first-child { border-left: none; }

.datatable tr td
{
	font-size: .85em;
	padding: 3px 8px;
}

#DataTables_Table_0_filter
{
	float: left;
	margin-left: 2rem;
}

#DataTables_Table_0_filter .dataTables_filter input[type="search"]
{
	padding: 4px;
	font-size: 1rem;
}

.dataTables_length { margin-right: 2rem; }
.datatable tr th p, .datatable tr td p { margin: 0 0 16px 0; }

/* Columns */

/* 
THIS IS KEPT TO NOT BREAK BACKWARDS COMPATIBILITY
 */

.twocol1
{
	float: left;
	width: 48%;
	margin-right: 3%;
	background-color: transparent;
}

.twocol2
{
	float: left;
	width: 48%;
	background-color: transparent;
}

.threecol1,.threecol2
{
	float: left;
	width: 25%;
	margin-right: 11.4%;
	background-color: transparent;
}

.threecol3
{
	float: left;
	width: 25%;
	background-color: transparent;
}

.fourcol1,.fourcol2,.fourcol3
{
	float: left;
	width: 22.4%;
	margin-right: 3%;
	background-color: transparent;
}

.fourcol4
{
	float: left;
	width: 23%;
	background-color: transparent;
}

.twocol1big
{
	width: 65%;
	float: left;
	margin: 0 32px 0 0;
}

.twocol2small
{
	width: 30%;
	float: left;
}

/* Right Column Sidebar Box */
.sidebarbox
{
	margin: 15px 0 10px;
	padding-bottom: 10px;
}

.sidebarbox h2
{
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

.sidebarbox ul
{
	list-style: none;
	margin: 10px 20px;
	padding: 0;
}

.sidebarbox ul li { margin-bottom: 8px; }
.sidebarbox p { padding: 3px 8px; }
.sidebarbox p.more { font-style: italic; }

/* Meetings */
.location-group { margin: 0; }
.location-group p { display: inline-block; }

/* 
UTILITY CLASSES
 */

.multi-subhead { text-align: center; }
.visually-hidden {
	margin: -1px;
	padding: 0;
	border: 0;
}

.m-top-1 { margin-block-start: 16px; }
.m-bottom-1 { margin-block-end: 16px; }
.m-top-2 { margin-block-start: 32px; }
.m-bottom-2 { margin-block-end: 32px; }
.m-top-3 { margin-block-start: 48px; }
.m-bottom-3 { margin-block-end: 48px; }
.p-top-1 { padding-block-start: 16px; }
.p-bottom-1 { padding-block-end: 16px; }
.p-top-2 { padding-block-start: 32px; }
.p-bottom-2 { padding-block-end: 32px; }
.p-top-3 { padding-block-start: 48px; }
.p-bottom-3 { padding-block-end: 48px; }
.m-left-5 { margin-inline-start: 5rem; }
.allcaps { text-transform: uppercase; }

.roundphoto
{
	width: 240px;
	border-radius: 50%;
	margin: 0 auto;
	box-shadow: 10px 10px 11px -3px rgba(232,229,232,1);
}

.rounded { border-radius: 5px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* Footer */
footer
{
	padding: 16px 0 32px 0;
	clear: both;
	background: rgb(58, 103, 146);
	color: var(--color-white);
}

footer .sub-container
{
	gap: 1.5rem;
	width: auto;
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
}

footer .sub-container > div {
	flex: 1 1 190px;
 }

footer .sub-container p
{
	margin: 0;
	padding: 5px 0;
	font-weight: normal;
	font-size: .925rem;
}

footer .sub-container h2, footer .sub-container h3
{
	color: var(--color-silver);
	margin: 0;
	font-size: 1.25rem;
}

footer .sub-container h4 {
		font-size: 1.125rem;
}

footer .sub-container ul
{
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 0;
}

footer .sub-container li
{
	margin: 0;
	padding: 5px 0;
	font-size: .925rem;
}

footer .sub-container a, footer .sub-container a:visited { color: var(--color-silver); }
footer .sub-container a:hover { text-decoration: none; }
footer .footer_column .contextual-links li a { color: var(--color-black); }

@media only screen and (max-width: 1292px)
{
	footer .sub-container { margin: 0 16px; }
}

@media only screen and (max-width: 670px)
{
	footer { padding: 0 16px; }
	
	footer .sub-container
	{
		flex-direction: column;
	}
	
	footer .sub-container > div {
	flex: 1;
 	}
	
	footer .sub-container h2 { margin-top: 1rem; }
}

@media (max-width: 451px)
{
	footer { text-align: left; }
	footer .sub-container p, footer .sub-container li { font-size: .75rem; }
}

/* Clearfix */
.clearfix:after, .rowwrap:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Accessible Dropdown Navigation */
nav.megamenu ul.sf-menu
{
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

/* 
nav.megamenu ul.sf-menu li ul li ul { display: none; }
 */

.sf-accordion-toggle
{
	padding: 8px 16px;
	text-align: center;
}

.sf-accordion-toggle a
{
	color: var(--color-silver);
	font-weight: bold;
}

/* Section Banner */
#sectionbanner1, #sectionbanner2r
{
	width: auto;
	margin: 15px 0 0;
}

#sectionbanner2, #sectionbanner3 { margin: 15px 0 0 20%; }
.sectionbanner p { margin: 0; }
.sectionbanner + #sectionnav { margin-top: -39px; }
.crumb_trail + #sectionnav { margin-top: 0; }

/* Drupal webforms */
.webform-submission-form select
{
	color: var(--color-medium-grey);
	border: 1px solid #aaa;
	background-color: var(--color-white);
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding: 4.8px 22.4px 3.2px 12.8px;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--background) 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.webform-submission-form select::-ms-expand { display: none; }
.webform-submission-form select:hover { border-color: #888; }

.webform-submission-form select a:focus
{
	outline: none;
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	color: #222;
}

.webform-submission-form select option { font-weight: normal; }

.webform-submission-form input.form-text,
.webform-submission-form input.form-email,
.webform-submission-form input.form-time,
.webform-submission-form input.form-url,
.webform-submission-form input.form-search,
.webform-submission-form input.form-date,
.webform-submission-form input.form-number,
.webform-submission-form input.form-tel,
.webform-submission-form textarea
{
	width: 100%;
	font-size: 1rem;
	padding: 6px;
	border-radius: 4px;
}

.webform-flexbox { gap: 1rem; }

.form-actions { text-align: center; }
.pager { text-align: center; }
.pager__items { margin: 16px auto; }

.pager__items li
{
	display: inline-block;
	text-align: center;
}

.pager__item a
{
	text-align: center;
	margin: 0 auto;
	padding: 6px 10px;
	border: 1px solid var(--color-silver);
	border-radius: 3px;
}

.pager__item.is-active a { background-color: var(--color-silver); }

.form-required:after
{
	content: " *";
	color: red;
}

/* Buttons */
.button, .button:visited
{
	border: 1px solid rgba(0,0,0,0.01);
	color: var(--color-black);
	border-radius: 3px;
	text-decoration: none;
	font-weight: 400;
	line-height: 1;
	padding: 6px 12px;
}

.button:hover
{
	background-color: var(--color-black);
	color: var(--color-white);
}

.button:active { top: 1px; }

.roundbutton, .roundbutton:visited
{
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.01);
	text-decoration: none;
	font-weight: 500;
	line-height: 1;
	padding: 8px 11.2px;
}

.blue.button, .blue.button:visited, .blue.roundbutton, .blue.roundbutton:visited
{
	background-color: var(--color-blue);
	color: var(--color-white);
}

.blue.button:hover, .blue.roundbutton:hover
{
	background-color: var(--color-blue);
	opacity: .9;
	color: var(--color-white);
}

.blueoutline.button, .blueoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-blue);
	border: 1px solid var(--color-blue);
	text-shadow: none;
}

a.blueoutline.button:hover, a.blueoutline.roundbutton:hover { background-color: var(--color-blue); }
.blueoutline.button:visited, .blueoutline.roundbutton:visited { color: var(--color-blue); }

.teal.button, .teal.button:visited, .teal.roundbutton, .teal.roundbutton:visited
{
	background-color: var(--color-teal);
	color: var(--color-white);
}

.teal.button:hover, .teal.roundbutton:hover
{
	background-color: var(--color-teal);
	opacity: .9;
	color: var(--color-white);
}

.tealoutline.button, .tealoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-teal);
	border: 1px solid var(--color-teal);
	text-shadow: none;
}

a.tealoutline.button:hover, a.tealoutline.roundbutton:hover { background-color: var(--color-teal); }
.tealoutline.button:visited, .tealoutline.roundbutton:visited { color: var(--color-teal); }

.green.button, .green.button:visited, .green.roundbutton, .green.roundbutton:visited
{
	background-color: var(--color-green);
	color: var(--color-white);
}

.green.button:hover, .green.roundbutton:hover
{
	background-color: var(--color-green);
	opacity: .9;
	color: var(--color-white);
}

.greenoutline.button, .greenoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-green);
	border: 1px solid var(--color-green);
	text-shadow: none;
}

a.greenoutline.button:hover, a.greenoutline.roundbutton:hover { background-color: var(--color-green); }
.greenoutline.button:visited, .greenoutline.roundbutton:visited { color: var(--color-green); }

.orange.button, .orange.button:visited, .orange.roundbutton, .orange.roundbutton:visited
{
	background-color: var(--color-orange);
	color: var(--color-black);
}

.orange.button:hover, .orange.roundbutton:hover
{
	background-color: var(--color-orange);
	opacity: .9;
	color: var(--color-black);
}

.orangeoutline.button, .orangeoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-orange);
	border: 1px solid var(--color-orange);
	text-shadow: none;
}

a.orangeoutline.button:hover, a.orangeoutline.roundbutton:hover { background-color: var(--color-orange); }
.orangeoutline.button:visited, .orangeoutline.roundbutton:visited { color: var(--color-orange); }

.red.button, .red.button:visited, .red.roundbutton, .red.roundbutton:visited
{
	background-color: var(--color-red);
	color: var(--color-white);
}

.red.button:hover, .red.roundbutton:hover
{
	background-color: var(--color-red);
	opacity: .9;
	color: var(--color-white);
}

.redoutline.button, .redoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-red);
	border: 1px solid var(--color-red);
	text-shadow: none;
}

a.redoutline.button:hover, a.redoutline.roundbutton:hover { background-color: var(--color-red); }
.redoutline.button:visited, .redoutline.roundbutton:visited { color: var(--color-red); }

.brown.button, .brown.button:visited, .brown.roundbutton, .brown.roundbutton:visited
{
	background-color: var(--color-brown);
	color: var(--color-white);
}

.brown.button:hover, .brown.roundbutton:hover
{
	background-color: var(--color-brown);
	opacity: .9;
	color: var(--color-white);
}

.brownoutline.button, .brownoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-brown);
	border: 1px solid var(--color-brown);
	text-shadow: none;
}

a.brownoutline.button:hover, a.brownoutline.roundbutton:hover { background-color: var(--color-brown); }
.brownoutline.button:visited, .brownoutline.roundbutton:visited { color: var(--color-brown); }

.grey.button, .grey.button:visited, .grey.roundbutton, .grey.roundbutton:visited
{
	background-color: var(--color-medium-gray);
	color: var(--color-white);
}

.grey.button:hover, .grey.roundbutton:hover
{
	background-color: var(--color-medium-gray);
	opacity: .9;
	color: var(--color-white);
}

.greyoutline.button, .greyoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-medium-gray);
	border: 1px solid var(--color-medium-gray);
	text-shadow: none;
}

a.greyoutline.button:hover, a.greyoutline.roundbutton:hover { background-color: var(--color-medium-gray); }
.greyoutline.button:visited, .greyoutline.roundbutton:visited { color: var(--color-medium-gray); }

.black.button, .black.button:visited, .black.roundbutton, .black.roundbutton:visited
{
	background-color: var(--color-black);
	color: var(--color-white);
}

.black.button:hover, .black.roundbutton:hover
{
	background-color: var(--color-medium-gray);
	opacity: .9;
	color: var(--color-white);
}

.blackoutline.button, .blackoutline.roundbutton
{
	background-color: var(--color-white);
	color: var(--color-black);
	border: 1px solid var(--color-black);
	text-shadow: none;
}

a.blackoutline.button:hover, a.blackoutline.roundbutton:hover { background-color: var(--color-black); }
.blackoutline.button:visited, .blackoutline.roundbutton:visited { color: var(--color-black); }

/* End Buttons */
/* floated photo styles inserted using ckEditor */
div.responsive img,.responsive,aside img
{
	max-width: 100%;
	height: auto;
}

div.align-right,figure.align-right { margin: 0 0 16px 24px; }
div.align-left,figure.align-left { margin: 0 24px 1rem 0; }
.align-right figcaption,.align-left figcaption { text-align: right; }

@media only screen and (max-width: 768px)
{
	.align-right { float: none; }
	div.align-right, figure.align-right { margin: 0 0 16px 0; }
	.align-left { float: none; }
	div.align-left, figure.align-left { margin: 0 0 16px 0; }
	.align-right figcaption, .align-left figcaption { text-align: left; }
}

.pic500.right,.pic450.right,.pic400.right,.pic350.right,.pic325.right,.pic300.right,.pic275.right,.pic250.right,.pic225.right,.pic200.right,.pic175.right,.pic125 .right
{
	margin: 8px 0 8px 8px;
	float: right;
	max-width: 100%;
	height: auto;
}

.pic500 { width: 500px; }
.pic450 { width: 450px; }
.pic400 { width: 400px; }
.pic350 { width: 350px; }
.pic325 { width: 325px; }
.pic300 { width: 300px; }
.pic275 { width: 275px; }
.pic250 { width: 250px; }
.pic225 { width: 225px; }
.pic200 { width: 200px; }
.pic175 { width: 175px; }
.pic125 { width: 125px; }

.div500.align-right img,.div450.align-right img,.div400.align-right img,.div350.align-right img,.div325.align-right img,.div300.align-right img,.div275.align-right img,.div250.align-right img,.div225.align-right img,.div200.align-right img,.div175.align-right img,.div125.align-right img
{
	margin: 8px 0 8px 8px;
	float: right;
	max-width: 100%;
	height: auto;
}

.pic500 p,.pic450 p,.pic400 p,.pic350 p,.pic325 p,.pic300 p,.pic275 p,.pic250 p,.pic225 p,.pic200 p,.pic175 p,.pic125 p
{
	margin: 0;
	text-align: right;
	font-style: italic;
}

/* Social Media icons in footer */
ul.social-media { list-style: none; }

ul.social-media li
{
	background-image: url(//www.maine.gov/awt/templateV3/images/new-social-media.png);
	background-repeat: no-repeat;
	padding: 9px 0 9px 45px;
}

li.facebook { background-position: 0 -6px; }
li.twitter { background-position: 0 -55px; }
li.linkedin { background-position: 0 -104px; }
li.blog { background-position: 0 -150px; }
li.youtube { background-position: 0 -194px; }
li.instagram { background-position: 0 -244px; }
li.flickr { background-position: 0 -292px; }
li.govdelivery { background-position: 0 -339px; }

/* List styles */
ul.plain
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.plain li { margin-bottom: 1rem; }
ul.plain.tight li { margin-bottom: 0; }
ol.decimal { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }

/* ON-PAGE ANCHOR LINKS - OLD STYLES WAS A UL INSIDE A DIV */

.anchor-list, .anchor-list ul
{
	border-top: 5px solid var(--color-bright-green);
	border-bottom: 5px solid var(--color-bright-green);
	padding: 12px 0;
	display: inline-block;
	margin-inline-start: 1rem;
	list-style: none;
}

.anchor-list li { display: inline-block; }

.anchor-list li a:first-child { display: inline-block; font-weight: bold; }

.anchor-list ul li, .anchor-list li
{
	display: inline;
	margin-block-end: 4px;
}

.anchor-list ul li:after, .anchor-list li:after
{
	content: " | ";
	white-space: pre;
	break-before: avoid;
	color: var(--color-light-gray);
}

.anchor-list li:last-child:after { content: ""; }

/* IMPROVED ON-PAGE ANCHOR LINKS - APPLY CLASS TO UL */
.anchor-list
{
	border-top: 5px solid var(--color-bright-green);
	border-bottom: 5px solid var(--color-bright-green);
	padding-block: 12px;
	display: inline-block;
	margin-inline-start: 0;
	list-style: none;
}

/* sitemap */
ul.sitemap li { margin-block-end: 10px; }

ul.sitemap ul li
{
	margin-block-end: 0;
	list-style: none;
}

/* govdelivery signup form */
.gdsignup
{
	border-radius: 5px;
	border: 1px solid var(--color-vlight-gray);
	padding: 12px 12px 0 12px;
}

.gdsignup h2
{
	font-size: 1.325em;
	margin: 0 0 12px 0;
}

.gdsignup input[type=text]
{
	font-size: 1.125em;
	padding: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	border: 1px solid var(--color-vlight-gray);
}

.gdsignup input[type=submit]
{
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.125em;
	margin-top: 8px;
	display: block;
	background: rgb(68, 102, 142);
	color: var(--color-white);
}

/* ckEditor styling */
.ckeditor-accordion-container > dl { border: none; }
.ckeditor-accordion-container > dl dt { margin-bottom: 4px; }

.ckeditor-accordion-container > dl dt > a
{
	border-bottom: none;
	text-decoration: none;
	background-color: var(--color-ck-accordion);
}

.ckeditor-accordion-container > dl dt > a:hover
{
	background-color: var(--color-ck-accordion-hover);
}

.ckeditor-accordion-container > dl { }

.ckeditor-accordion-container > dl dd
{
	padding: 8px 15px 0 16px;
	border-bottom: none;
}

/* styling for primary and secondary calls to action */
.primary_cta, .add-to-calendar-links a, .secondary_cta
{
	margin: 16px auto;
	font-weight: 700;
	font-size: 1.125em;
	text-align: center;
	padding: 0 12px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	/*for better wrapping*/
	line-height: 2em;
}

.primary_cta,.primary_cta:visited,button.primary_cta,button.primary_cta:visited, .add-to-calendar-links a
{
	color: var(--color-white);
	background-color: var(--color-red);
}

.primary_cta:hover,button.primary_cta:hover, .add-to-calendar-links a
{
	transition: background-color .5s ease-out;
	color: var(--color-near-white);
}

.secondary_cta,.secondary_cta:visited
{
	font-weight: 700;
	background-color: var(--color-button-secondary-cta);
	color: var(--color-table-head);
}

.secondary_cta:hover { transition: background-color .5s ease-out; }


@media only screen and (min-width: 781px)
{
	.primary_cta,.primary_cta:visited,a.home_cta:visited, .secondary_cta,.secondary_cta:visited,a.home_cta,a.home_cta:visited
	{
		padding: 6px 12px;
		font-size: 1.125em;
		margin-top: 0;
	}
}

div.home_cta,div.home_cta:visited
{
	display: inline-block;
	width: 9em;
	font-weight: 700;
	font-size: 1.25em;
	text-align: center;
	padding: 0 12px;
	border-radius: 4px;
	text-decoration: none;
}

div.home_cta:hover { transition: background-color .5s ease-out; }

.home_cta,.home_cta:visited
{
	background-color: var(--color-white);
	color: rgba(246,146,30,1);
	border: 1px solid rgba(246,146,30,1);
}

.home_cta:hover
{
	background-color: var(--color-white);
	color: rgba(246,146,30,.7);
	border: 1px solid rgba(246,146,30,.7);
}

@media only screen and (min-width: 781px)
{
	.primary_cta,.primary_cta:visited,a.home_cta:visited
	{
		padding: 12px 12px;
		font-size: 1.25em;
		margin-top: 0;
	}
	
	.secondary_cta,.secondary_cta:visited,a.home_cta,a.home_cta:visited
	{
		padding: 12px 12px;
		font-size: 1rem;
		margin-top: 0;
	}
}

/* styling for basic grid in content region */
.paragraph--type--multi-column-grid
.grid-basic
{
	width: 100%;
	margin: 16px auto 16px auto;
}

.grid-basic .content
{
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.grid-basic.narrow { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.grid-cell { padding: 0; }

.grid-cell.border
{
	border: 1px solid var(--color-silver);
	border-radius: 4px;
	padding: 0 16px;
}

.grid-cell > h2, .grid-cell > h3, .grid-cell > h4, .grid-cell > ul, .grid-cell > p { margin-top: .5rem; }

/* styling for two unequal column grid */
.one-two-grid,.two-one-grid
{
	width: 100%;
	margin: 32px 0 16px 0;
}

.one-two-grid .content
{
	gap: 1rem;
	grid-template-columns: 1fr 2fr;
	display: grid;
	max-width: 80em;
	margin: 0 auto 0 auto;
}

.two-one-grid .content
{
	gap: 1rem;
	grid-template-columns: 2fr 1fr;
	display: grid;
	max-width: 80em;
	margin: 0 auto 0 auto;
}

.one-two-grid .bg-silver,.two-one-grid .bg-silver,
.one-two-grid .bg-blue,.two-one-grid .bg-blue,
.one-two-grid .bg-light-yellow,.two-one-grid .bg-light-yellow,
.one-two-grid .bg-dark-gray,.two-one-grid .bg-dark-gray,
.one-two-grid .bg-aqua,.two-one-grid .bg-aqua { margin: 16px auto; }

@media (max-width: 800px)
{
	.two-one-grid .content,.one-two-grid .content { grid-template-columns: 1fr; }
	.narrow-para { margin: 16px; }
}

.align-left .narrow-para { margin: 0; }

/* styling for auto flexbox in content region */
/* styling for mobile and basic styling */
.flex-row
{
	display: flex;
	flex-direction: column;
	margin: 32px 0 16px 0;
}

.flex-row.border,
.flex-cell.border { border: 1px solid rgb(195, 195, 195); }

.flex-cell
{
	flex: 1;
	padding: 0 12px 0 0;
}

.flex-cell h3 { margin-top: 0; }

@media (max-width: 650px)
{
	.flex-row
	{
		flex-direction: column;
		margin: 0;
	}
}

/* styling for large displays */

@media (min-width: 651px)
{
	.flex-row
	{
		flex-direction: row;
		margin: 16px 0 16px 0;
		/* padding: 1rem 0 0 0; */
		flex-wrap: wrap;
		gap: 16px;
	}
	
	.flex-cell
	{
		flex: 1 1 300px;
		margin-bottom: 0;
	}
	
	.narrow .flex-cell
	{
		flex: 1 1 200px;
		margin-bottom: 0;
	}
	
	.wide .flex-cell
	{
		flex: 1 1 400px;
		margin-bottom: 0;
	}
	
	.wide .flex-cell
	{
		flex: 1 1 400px;
		margin-bottom: 0;
	}
	
	.wide .flex-cell
	{
		flex: 1 1 400px;
		margin-bottom: 0;
	}
	
	.flex-cell.border
	{
		border-radius: 4px;
		padding: 8px 16px;
	}
	
	.flex-cell h2,.flex-cell p,.flex-cell h3,.flex-cell ul { margin: 16px 0 8px 0; }
	.flex-cell > h2:first-child { margin-top: 0; }
	.flex-cell p,.flex-cell ul { margin: 0 0 16px 0; }
	.flex-cell > h2:first-child,.flex-cell > h3:first-child { margin-top: 0; }
}

/* --------------------
STYLES FOR HOME HERO 
-------------------- */

/* HERO STYLING FOR HERO PARAGRAPHS */
.hero-paragraph
{
	width: 100%;
	text-align: center;
	height: 360px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* margin: 0 0 16px 0; */
}

.hero-paragraph:before
{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.hero-paragraph .container
{
	height: 100%;
	position: relative;
	max-width: 80em;
	margin: 0 auto;
}

.hero-paragraph .hero-content
{
	height: auto;
	z-index: 1;
	padding: 0;
	color: var(--color-black);
	text-align: center;
	border-radius: 0 5px 0 0;
}

.hero-paragraph .hero-content h2
{
	text-align: left;
	color: var(--color-dark-gray);
	padding: 0;
	font-size: 1.5em;
	font-weight: 700;
	margin: 8px 0 0 0;
}

.hero-paragraph .hero-content p
{
	font-size: .925em;
	margin: 8px 0;
}

.paragraph--type--hero-paragraph:first-of-type { margin: 0 0 32px 0; }

@media only screen and (min-width: 460px)
{
	.hero-paragraph .hero-content
	{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
}

@media only screen and (min-width: 520px)
{
	.hero
	{
		height: 400px;
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('/covid19/themes/covid19/images/covid-header2.jpg');
	}
	
	.hero-paragraph .container
	{
		height: 100%;
		position: relative;
		/* margin-top: -32px; */
	}
	
	.hero-paragraph .hero-content
	{
		position: relative;
		width: 90%;
		text-align: left;
		background-color: rgba(255,255,255,.9);
		padding: 0 16px;
	}
	
	.hero-paragraph .hero-content p { font-size: 1rem; }
}

@media only screen and (min-width: 600px)
{
	.hero-paragraph .hero-content
	{
		width: 90%;
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (min-width: 800px)
{
	.hero-paragraph .hero-content { width: 70%; }
}

.jump .maincontent { margin-top: 0; }
.page-node-type-hero-page #maincontent { margin: 0 auto 0 auto; }

/* HERO STYLING FOR HERO CUSTOM BLOCKS */
.jumbotron
{
	height: 400px;
	display: block;
	overflow: hidden;
	position: relative;
}

.jumbotron img
{
	width: 100%;
	height: auto;
}

.hero-wrapper { position: relative; }

.jumbotron-fluid
{
	padding-right: 0;
	padding-left: 0;
	border-radius: 0;
}

.hero
{
	height: 300px;
	width: 100%;
	background-size: cover;
	display: table;
	position: relative;
	background: var(--color-dark-gray) no-repeat;
}

.herotext
{
	width: 60%;
	text-align: left;
	position: absolute;
	margin: 80px auto 16px auto;
	bottom: 0;
	left: 0;
	padding: 16px;
}

.page-node-type-hero-page .herotext { margin: 0 auto 0 auto; }

.herotext p
{
	color: var(--color-silver);
	font-size: 1.125em;
}

.herotext h1,.herotext p.header1
{
	color: var(--color-silver);
	font-family: var(--font-family-serif);
	font-size: 3em;
	font-weight: normal;
	display: inline-block;
	margin: 16px 0 16px 0;
	line-height: 1;
}

.herotext h2
{
	color: var(--color-silver);
	font-size: 2.75em;
	margin: 32px 0 12px 0;
	max-width: 58rem;
}

.herotext { background-color: rgba(0,0,0,.7); }

#maincontent .jumbotron p.photo-credit
{
	color: var(--color-silver);
	background-color: rgb(0,0,0,.6);
}

p.hero-black { color: var(--color-black); }
.hero-wrapper .tagline { filter: drop-shadow(3px 5px 5px rgb(0 0 0 / 0.4)); }
.jumbotron a { color: #333; }
.jumbotron a:visited { color: #333; }
.jumbotron a:hover { color: #666; }

@media only screen and (max-width: 955px)
{
	.herotext { margin: 112px auto 0 auto; }
	.herotext p { font-size: 1rem; }
	
	.herotext h1
	{
		font-size: 2.75rem;
		margin: 5rem auto 16px auto;
	}
	
	.herotext h2
	{
		font-size: 1.75rem;
		margin: 0 0 12px 0;
	}
}

@media only screen and (max-width: 670px)
{
	.herotext h1
	{
		font-size: 2.25rem;
		margin: 0 0 16px 0;
	}
	
	.herotext h2
	{
		font-size: 1.5rem;
		margin: 0;
	}
}

@media only screen and (max-width: 480px)
{
	.herotext
	{
		margin: 0;
		width: 100%;
	}
	
	.herotext h1
	{
		font-size: 2rem;
		margin: 0 0 16px 0;
	}
	
	.herotext h2
	{
		font-size: 1.275rem;
		margin: 0;
	}
}

@media only screen and (max-width: 321px)
{
	.herotext { margin: 0 1rem 0 25%; }
	
	.herotext h1
	{
		font-size: 1.825rem;
		margin: 0 0 16px 0;
	}
	
	.herotext h2
	{
		font-size: 1.125rem;
		margin: 0;
	}
}

.page-node-type-home-page #block-homehero { margin-top: -16px; }

#maincontent .jumbotron p.photo-credit
{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 6px 12px;
	margin: 0;
	font-size: .825rem;
}

p.hero-white,p.hero-black
{
	font-size: 1.125rem;
	line-height: 1.5;
	padding-bottom: 10px;
	font-weight: 600;
}

p.hero-white { color: var(--color-silver); }

.hero-wrapper .tagline
{
	width: 180px;
	height: auto;
	position: absolute;
	z-index: 101;
	left: 120px;
	bottom: -24px;
}

@media only screen and (max-width: 1250px)
{
	.jumbotron { height: 320px; }
	.page-node-type-home .jumbotron { height: 300px; }
}

@media only screen and (max-width: 955px)
{
	.jumbotron { height: 320px; }
	
	.hero-wrapper .tagline
	{
		width: 90px;
		left: 20px;
		bottom: -20px;
	}
}

@media only screen and (max-width: 670px)
{
	.jumbotron { height: 230px; }
}

@media (min-width: 576px)
{
	.hero-wrapper .tagline
	{
		width: 90px;
		left: 20px;
		bottom: -20px;
	}
}

/* SUPERFISH STYLES */
/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav.megamenu ul.sf-menu
{
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.sf-menu a, 
.sf-menu a:link, 
.sf-menu li ul li a { text-decoration: none; }
.sf-menu li { text-align: center; }
.sf-menu .sf-sub-indicator { right: 25px; }

/* 
.sf-menu .sf-sub-indicator::after
{
	content: ''!important;
	position: absolute;
	top: 50%!important;
	right: 7px!important;
	margin-top: -3px!important;
	height: 0!important;
	width: 0!important;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-image-source: none;
	border-image-slice: 100%;
	border-image-width: 1;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
}
 */

.sf-menu.menu li.sf-depth-1 ul { margin-top: 8px; }
.sf-menu.menu ul ul { margin-top: -1px; }

/* Nav fix */
.sf-description
{
	display: block;
	margin-top: 10px;
}

li.sf-depth-2,li.sf-depth-3,li.sf-depth-4 { line-height: 15px; }
.sf-menu li ul li { text-align: left; }
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover { transition: all .5s; }
.megamenu .sf-menu li ul li ul { display: block; }

@media only screen and (max-width: 818px)
{
	.megamenu .sf-menu li ul li ul { display: block; }
}

@media only screen and (max-width: 1120px)
{
	a#superfish-main-toggle span
	{
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
	}
	
	a#superfish-main-toggle
	{
		text-decoration: none;
		text-align: center;
	}
}

/* 
THE COLORS BELOW THE FOLLOWING ARE USED FROM THE COLOR DECLARATION AT THE START OF THIS FILE
--color-silver - LIGHT GRAY
--background - WHITE IN GER MODE/BLACK IN DARK MODE
--color-sf-main - THE MAIN COLOR OF THE NAV BACKGROUND AND TABS
--color-sf-hover - THE COLOR WHEN A TAB IS HOVERED
--color-sf-active - THE SAME AS THE HOVER COLOR
 */

/* COLORS FOR SUPERFISH ARE DEFINED HERE */
.sf-menu ul { border-top: 1px solid var(--color-silver); }
.sf-menu ul li { border-bottom: 1px solid var(--color-silver); }
.sf-menu a,.sf-menu a:link,.sf-menu li ul li a { color: var(--background); text-decoration: none; }

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after
{
	/* do not change this -->*/
	border: 5px solid transparent;
	/* only change this -->*/
	border-top-color: var(--background);
}

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color: var(--background); }

.sf-menu .sf-sub-indicator::after
{
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	color: var(--background);
}

.sf-menu .sf-sub-indicator
{
	color: var(--color-silver);
	opacity: 1;
}

#top-nav, #top-nav .sf-menu { background-color: var(--color-sf-main); }

a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4
{
	background-color: var(--color-sf-main);
	color: var(--background);
}

a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover
{
	background-color: var(--color-sf-hover);
	color: var(--background);
}

a.is-active.sf-depth-1.menuparent.sf-with-ul { background-color: var(--color-sf-active); }
li.active-trail.sf-depth-1.menuparent { background-color: rgba(33,33,33,1); }

@media only screen and (max-width: 818px)
{
	a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 { background-color: var(--color-sf-main); }
	a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover { background-color: var(--color-sf-hover); }
	a.sf-depth-1:visited, a.sf-depth-2:visited, a.sf-depth-3:visited, a.sf-depth-4:visited { background-color: var(--color-sf-main); }
}

@media only screen and (max-width: 1120px)
{
	a#superfish-main-toggle span { color: var(--background); }
}

/* end superfish styles */
/* BEGIN BANNER STYLES */
.banner-message { padding: 16px 0; }

.banner-message div
{
	max-width: 80rem;
	margin: 0 auto;
}

.banner-message p { margin: 0 0 0 16px; }

/* END BANNER STYLES */
/* BEGIN HOME AND JUMP PAGE STYLES */
.jump #block-agencytemplatev4-page-title
{
	max-width: 80em;
	margin: 0 auto 16px auto;
}

.jump .paragraph--type--extra-body
{
	width: 100%;
	margin: 0;
}

.jump .paragraph--type--extra-body .content
{
	max-width: 80em;
	margin: 16px auto;
}

.jump .paragraph--type--multi-column-grid .content
{
	max-width: 80em;
	margin: 16px auto;
}

.jump .flex-row
{
	max-width: 80em;
	margin: 0 auto 16px auto;
}

.jump .paragraph--type--single-column { }

.paragraph--type--multi-column
{
	width: 100%;
	/* margin: 1rem auto 1rem auto; */
}

/* BEGIN MINI-CARD STYLES */
.mini-card-wrap
{
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.mini-card
{
	display: flex;
	padding: 8px;
	margin-bottom: 1rem;
	padding-top: 16px;
}

.mini-image
{
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	margin-top: 5px;
}

.mini-image img
{
	max-width: 100%;
	height: auto;
	margin: -8px 0 -11.2px -8px;
}

.mini-card h2,.mini-card h3 { margin: 0 0 8px 0; }

.mini-text
{
	margin-left: 16px;
}

.mini-text p,.mini-text li { font-size: 1rem; }

.mini-text h2
{
	font-family: var(--font-family-serif);
	margin: 0 0 16px 0;
	font-size: 1rem;
}

.mini-text h2 a { text-decoration: none; }
.mini-text p { margin: 0 0 8px 0; }
.mini-text p.read-more { font-size: .75rem; }
.mini-text p.date { font-style: italic; }
.mini-card { border-top: solid 1px var(--color-black); }
.mini-card h2,.mini-card h3 { color: var(--color-black); }
.mini-card h2 a, .mini-card h3 a { color: var(--color-black); }
.mini-card p { color: var(--color-black); }
#maincontent .mini-text p.outlet,#maincontent .mini-text p.date { font-size: .75rem; }

@media only screen and (max-width: 670px)
{
	.mini-card-wrap { margin-right: 0; }
	
	.mini-card
	{
		flex-direction: column;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	
	.mini-image img { margin: 0; }
	.mini-image { margin-bottom: 16px; }
	
	.mini-text
	{
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-left: 0;
	}
}

/* end mini-card styles */
/* BEGIN CARD STYLES */
.card-row
{
	display: flex;
	gap: 1.5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.card-box
{
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	width: 100%;
	position: relative;
}

.card
{
	position: relative;
	background-color: var(--color-white);
	text-align: center;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
}

.card-box.border
{
	padding: 16px;
	border-radius: 5px;
}

.card .card-img-bottom, .card .card-img-top
{
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
}

.card .card-body, .card .card-footer, .card .card-header { padding: 16px; }

.card-body
{
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 20px;
}

.card p { margin-top: 1rem; }

.card h2
{
	font-size: 1.125rem;
	color: var(--color-black);
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: .5rem;
}

.card .card-body>p:last-child { margin-bottom: 0; }
.card-box a { text-decoration: none; }
.card-box a { color: var(--color-black); }
.card-box.border { border: 1px solid var(--color-silver); }
.bg-silver .card,.bg-tan .card { background-color: transparent; }

.ds-8
{
	overflow: hidden;
	-webkit-transition: .25s box-shadow;
	-o-transition: .25s box-shadow;
	transition: .25s box-shadow;
}

.img-fluid,.card-box img
{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
	padding: 0;
}

@media only screen and (max-width: 670px)
{
	.card-row
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.card-box { margin-bottom: 1rem; }
}

/* end card styles */
/* slick slideshow for home page */
.slideshow { margin-top: -5px; }

.slick-slider
{
	max-width: 750px;
	margin: 16px auto 16px auto;
}

.slick-slider.wide
{
	max-width: 1022px;
	margin: 16px auto 16px auto;
}

.slick-slider img
{
	max-width: 100%;
	height: auto;
}

.slide-container2
{
	display: flex;
	align-items: stretch;
}

.slide-image { flex: 1 1 65%; }

.slide-text
{
	flex: 1 1 35%;
	display: grid;
	place-items: center;
	padding: 12px 12px 12px 16px;
	color: #333;
	background-color: rgba(218, 218, 218,.6);
}

.slide-text h2 { margin-top: 0; }
.slide-text p { font-size: .925rem; }
.slick-slider a { text-decoration: none; }
.slider:not(.slick-initialized) .slide:not(:first-of-type) { display: none; }
.slick-slider a { color: #333; }
.slick-prev:before, .slick-next:before { color: #666; }

@media only screen and (max-width: 670px)
{
	.slideshow { margin-top: 0; }
	.slide-container2 { flex-direction: column; }
	.slide-image { flex: 1 1 100%; }
	
	.slide-text
	{
		flex: 1 1 100%;
		text-align: center;
	}
	
	.slide-body p { margin: 0 32px 16px 32px; }
	.slide-container2 .primary_cta { margin: 0 0 8px 0; }
	
	.slick-prev:before, .slick-next:before
	{
		position: absolute;
		top: 95%;
	}
	
	.slick-prev { left: -12px; }
	.slick-next { right: 18px; }
	.leftcontent { padding-right: 0; }
}

/* end slick slideshow for home page */
/* horizontal bootstrap tabs */
.bootstrap-tabs .nav
{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.bootstrap-tabs .nav > li
{
	position: relative;
	display: block;
}

.bootstrap-tabs .nav > li > a
{
	position: relative;
	display: block;
	padding: 10px 15px;
	border-radius: 5px 5px 0 0;
}

.bootstrap-tabs .nav > li > a:hover, .bootstrap-tabs .nav > li > a:focus
{
	text-decoration: none;
	background-color: #eee;
}

.bootstrap-tabs .nav > li.disabled > a { color: #777; }

.bootstrap-tabs .nav > li.disabled > a:hover, .bootstrap-tabs .nav > li.disabled > a:focus
{
	text-decoration: none;
	cursor: not-allowed;
	color: #777;
	background-color: transparent;
}

.bootstrap-tabs .nav .bootstrap-tabs .nav-divider
{
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
}

.bootstrap-tabs .nav > li > a > img { max-width: none; }
.bootstrap-tabs .nav-tabs { border-bottom: 1px solid #ddd; }

.bootstrap-tabs .nav-tabs:after
{
	content: ' ';
	display: table;
	clear: both;
}

.bootstrap-tabs .nav-tabs > li
{
	float: left;
	position: relative;
	margin-bottom: -1px;
}

.bootstrap-tabs .nav-tabs > li > a
{
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid #e5e5e5;
}

.bootstrap-tabs .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }
.bootstrap-tabs .nav-tabs > li.active { background-color: var(--color-white); }

.bootstrap-tabs .nav-tabs > li.active > a, .bootstrap-tabs .nav-tabs > li.active > a:hover, .bootstrap-tabs .nav-tabs > li.active > a:focus
{
	cursor: default;
	color: #555;
	background: linear-gradient(180deg, rgba(0,0,0,0.0844712885154062) 14%, rgba(255,255,255,1) 70%);
	border: 1px solid #ddd;
	border-bottom-color: var(--color-white);
}

.bootstrap-tabs .nav .open > a, .bootstrap-tabs .nav .open > a:hover, .bootstrap-tabs .nav .open > a:focus
{
	background-color: #eee;
	border-color: #337ab7;
}

.bootstrap-tabs .nav .bootstrap-tabs .nav-divider { background-color: #e5e5e5; }

.tab-content
{
	clear: both;
	margin-top: -1px;
}

.tab-content > .tab-pane { display: none; }

.tab-content > .active
{
	display: block;
	border-top-width: 0;
	border: 1px solid #ddd;
}

.tab-content > .active > .tab-pane-content
{
	min-height: 30px;
	padding: 16px;
}

/* horizontal - vertical tabs */
[role="tablist"]
{
	padding: 0;
	margin: 0;
}

[role="tablist"] li, [role="tablist"] a { display: inline-block; }

[role="tablist"] a
{
	text-decoration: none;
	padding: 8px 16px;
}

[role="tablist"] [aria-selected]
{
	border: 1px solid;
	border-top: 4px solid var(--color-black);
	background: var(--color-white);
	border-bottom: 0;
	position: relative;
	top: 1px;
}

[role="tabpanel"]
{
	border: 1px solid;
	padding: 24px;
}

[role="tabpanel"] * + * { margin-top: 12px; }

[role="tabpanel"] *:focus
{
	outline: none;
	box-shadow: inset 0 0 0 4px lightBlue;
}

@media (max-width: 550px)
{
	[role="tablist"] li, [role="tablist"] a
	{
		display: block;
		position: static;
	}
	
	[role="tablist"] a { border: 1px solid #222; }
	[role="tablist"] li + li a { border-top: 0; }
	[role="tablist"] [aria-selected] { position: static; }
	[role="tablist"] [aria-selected]::after { content: '\0020⬅'; }
	[role="tabpanel"] { border-top: 0; }
}

/* PLEASE DO NOT TOUCH THIS - NEEDS TO STAY HERE */

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm
{
	position: relative;
	z-index: 1;
}

.sm,.sm ul,.sm li
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sm-rtl,.sm-rtl ul,.sm-rtl li
{
	direction: rtl;
	text-align: right;
}

.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6
{
	margin: 0;
	padding: 0;
}

.sm ul { display: none; }
.sm li,.sm a { position: relative; }
.sm a { display: block; }
.sm a.disabled { cursor: not-allowed; }

.sm:after
{
	content: "\00a0";
	display: block;
	height: 0;
	font: 0px/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.sm,.sm *,.sm *:before,.sm *:after
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sf-menu li.sfHover .sf-with-ul { z-index: 9999; }

/* Do not touch! */
.node-preview-container
{
	position: relative;
	width: auto;
}

/* */
/* @end */

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
	.form_header_1
	{
		background-color: #6693AA;
		color: var(--color-white);
		margin: 0 -11px 8px -14px;
		padding: 8px 14px;
		width: 100%;
	}
}

img.align-right { margin-left: 15px; }
.clear { clear: both; }
aside img { max-width: 100%; }

figure figcaption
{
	font-size: .8em;
	font-style: italic;
}

a.alert
{
	display: inline-block;
	padding: 16px 24px;
	border-radius: 5px;
	background-color: var(--color-red);
}

@media only screen and (max-width: 670px)
{
	#maincontent1 { padding: 0 16px; }
	
	#maincontent3
	{
		float: none;
		padding: 10px 16px;
		width: auto;
	}
}

@media (min-width: 652px)
{
	#maincontent1 { padding-bottom: 0; }
}

/* 	PLAIN TEXT PAGE CONTENT TYPE */
body.page-node-type-plain-text-page, .page-node-type-plain-text-page header .sub-container, .page-node-type-plain-text-page footer
{
	background-color: var(--color-white);
	color: var(--color-black);
}

.page-node-type-plain-text-page header
{
	max-width: 52rem;
	margin: 32px auto;
	background-color: var(--color-white);
	border-bottom: 1px solid var(--color-light-gray);
	padding-bottom: 16px;
}

.page-node-type-plain-text-page #container
{
	max-width: 52rem;
	margin: 0 auto;
}

.page-node-type-plain-text-page #container.overwrap { background-color: var(--color-white); }

#block-simplefooter
{
	border-top: 1px solid var(--color-light-gray);
	padding-top: 16px;
	margin-top: 32px;
}

#block-simplefooter p { margin: 0 0 8px 0; }
.page-node-type-plain-text-page div.responsive img { max-width: 550px; }

/* a few overrides for Claro admin theme */
.tabledrag-cell-content .tree { min-height: auto; }
.tabledrag-cell-content { height: auto; }
.tabledrag-cell-content .indentation, [dir="rtl"] .tabledrag-cell-content .indentation { height: auto; }
.layout--threecol-section { }

.layout__region--second
{
	padding-right: 16px;
	padding-left: 16px;
}

/* ALL COLOR DEFINITIONS ARE HERE */
.white { color: var(--color-white); }
.blue { color: var(--color-blue); }
.silver { color: var(--color-silver); }
.light-yellow { color: var(--color-light-yellow); }
.dark-gray { color: var(--color-dark-gray); }
.light-gray { color: var(--color-light-gray); }
.green { color: var(--color-green); }
.aqua { color: var(--color-aqua); }
.red { color: var(--color-red); }

/* Background color definitions */
.bg-silver { background-color: var(--color-silver); }
.bg-blue { background-color: var(--color-blue); }
.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue ul,.bg-blue p { color: var(--color-white); }
.bg-blue a { color: var(--color-silver); }
.bg-blue a:visited { color: var(--color-silver); }
.bg-blue a:hover { color: var(--color-white); }

.bg-light-yellow
{
	background-color: var(--color-light-yellow);
	color: var(--color-black);
}

.bg-dark-gray { background-color: var(--color-dark-gray); }
.bg-dark-gray h2,.bg-dark-gray h3,.bg-dark-gray h4,.bg-dark-gray ul,.bg-dark-gray p { color: var(--color-white); }
.bg-dark-gray a { color: var(--color-silver); }
.bg-dark-gray a:visited { color: var(--color-silver); }
.bg-dark-gray a:hover { color: var(--color-white); }
.bg-light-gray { background-color: var(--color-light-gray); }
.bg-green { background-color: var(--color-green); }
.bg-green h2,.bg-green h3,.bg-green h4,.bg-green ul,.bg-green p { color: var(--color-white); }
.bg-aqua { background-color: var(--color-aqua); }
.bg-aqua h2,.bg-aqua h3,.bg-aqua h4,.bg-aqua ul,.bg-aqua p { color: var(--color-white); }
div.bg-blue,div.bg-silver,div.bg-light-yellow,div.bg-dark-gray,div.bg-light-gray,.div.bg-green, div.bg-aqua,div.bg-green,div.bg-red { padding: 16px; }
.bg-red { background-color: var(--color-red); }
.bg-red h2,.bg-red h3,.bg-red h4,.bg-red ul,.bg-red p { color: var(--color-white); }
.goog-te-gadget-simple .goog-te-menu-value span { color: var(--color-black); }
.node-preview-container { background-color: #ccc; }

/* OVERRIDES */
.bg-aqua + footer,
.bg-blue + footer,
.bg-dark-gray + footer,
.bg-silver + footer,
.bg-bg-light-yellow + footer,
.paragraph--type--hero-paragraph + footer { margin-top: 0; }
.paragraph--type--multi-column h2 { text-align: center; }
.button.js-form-submit.form-submit { line-height: 1.2; }

/* LEGACY CODE */

@media only screen and (max-width: 670px)
{
	.twocol1,.twocol2,.threecol1,.threecol2,.threecol3,.threecol1-2,.threecol2-3, .fourcol1,.fourcol2,.fourcol3,.fourcol4
	{
		float: none;
		width: auto;
		margin: 0;
	}
	
	.homecol1, .homecol2
	{
		float: none;
		width: auto;
		margin: 0;
	}
	
	.twocol1big
	{
		float: none;
		width: 100%;
	}
	
	.twocol2small
	{
		float: none;
		padding-bottom: 10px;
		width: 100%;
	}
}

/* OVERRIDES FOR JUMP PAGE FULL WIDTH LAYOUT - allows for full viewport width */
.page-node-type-jump .paragraph h2 { text-align: left; }

.page-node-type-jump #content, .page-node-type-jump .content
{
	max-width: 100%;
	padding: 0;
}

.page-node-type-jump .paragraph, .page-node-type-jump .paragraph.flex-row
{
	margin: 1rem auto 1rem auto;
	max-width: 80rem;
}

.page-node-type-jump .paragraph.paragraph--type--hero-paragraph { width: 100%; }
.page-node-type-jump .maincontent { margin-top: 0; }

.page-node-type-jump h1, .page-node-type-jump h2
{
	max-width: 80rem;
	margin: 0 auto;
}

.page-node-type-jump .background-silver.paragraph
{
	max-width: 100%;
	border-radius: 0;
	margin: 0 auto;
}

.page-node-type-jump .background-silver.paragraph.card-box { border-radius: 5px; }

.page-node-type-jump .paragraph--type--hero-paragraph
{
	margin-top: 0;
	margin-bottom: 0;
}

.page-node-type-jump .hero-paragraph { margin: 0; }
.page-node-type-jump .background-silver.paragraph--type--extra-body { margin: 0; }

.page-node-type-jump .background-silver.paragraph .narrow-para
{
	max-width: 80rem;
	margin: 0 auto;
}

.page-node-type-jump .paragraph.bg-light-yellow
{
	max-width: unset;
	width: 100%;
	margin: 0 auto 0 auto;
}

.page-node-type-jump .paragraph .bodywrap
{
	margin: 1rem auto 1rem auto;
	max-width: 80rem;
}

.page-node-type-jump .background-silver.paragraph--type--extra-body .content, .page-node-type-jump .paragraph--type--multi-column-grid .content, .page-node-type-jump .paragraph--type--two-unequal-columns .content, .page-node-type-jump .mini-card-wrap .content
{
	max-width: 80rem;
	margin: 0 auto;
}

.page-node-type-jump .paragraph--type--hero-paragraph.paragraph
{
	max-width: unset;
	width: 100%;
}

.page-node-type-jump .hero-paragraph .container { max-width: 100%; }
.page-node-type-jump .grid-basic { margin: 0 auto; }

.page-node-type-jump .bg-dark-gray
{
	margin: 0 auto;
	border-radius: 0;
}

.page-node-type-jump .card-box img { margin-top: 1rem; }
.page-node-type-jump .paragraph--type--image.paragraph { max-width: 100%; }

@media only screen and (max-width: 1320px)
{
	.page-node-type-jump .content.main { margin: 0; }
}

/* FIX FOR SOURCE VIEW IN CKEDITOR5 */
.ck-source-editing-area textarea { overflow: visible; }

/* DARK MODE ADJUSTMENTS */

/* 
@media (prefers-color-scheme: dark) {
    --color-white: 							rgb(22, 22, 22);
    --foreground: 							rgb(255, 255, 255);
    .crumb_trail a 							color: var(--color-silver);
    .header_nav_search #vtopnav li:after, .vtopnav a, .header_nav_search .vtopnav li:after, .header_nav_search #vtopnav, .header_nav_search .vtopnav, .header_nav_search #vtopnav a, .header_nav_search .vtopnav a, #vtopnav a { color: var(--color-black); }
    footer .sub-container p			{ color: var(--color-silver); }
  	.bg-silver 								{ background-color: rgb(22,22,22); }
  	.blue 										{ color: rgb(88,133,176); }
  	.bg-light-yellow 					{ background-color: rgb(54,32,25); }
  	.bg-light-yellow p, .bg-light-yellow h2, .bg-light-yellow li, .bg-silver p, .bg-silver a, footer p, footer a,
  			footer a:visited, sliver li, sliver a, sliver a:visited { color: var(--color-near-white); }
  	.bg-light-yellow a 				{ color: var(--color-near-white); }
  	.bg-light-yellow a:visited	{ color: var(--color-near-white); }
  	.bg-light-yellow a:hover 	{ color: var(--color-near-white); }
	}
    body											{ color: var(--color-silver); }
    a, a:visited, a:hover, .crumb_trail a { color: var(--color-silver); }
  	header 										{ background-color: var(--color-silver)}
  	.alertbox 								{ background-color: rgb(108,32,28)}
  	#search-block-form 				{ border: 1px solid var(--color-white); background-color: var(--color-black); }
  	.vtopnav a, vtopnav a:visited, vtopnav a:hover { color: var(--color-white); }
  	#content,.content 				{ background-color: var(--color-white); }
  	p,li,h1,h2,h3,h4,h5,h6 		{ color: var(--color-silver); }
  	.blue 										{ color: rgb(88,133,176); }
  	.bg-light-yellow 					{ background-color: rgb(54,32,25); }
  	.bg-light-yellow p, .bg-light-yellow h2, .bg-light-yellow li, .bg-silver p, .bg-silver a, footer p, footer a,
  			footer a:visited, sliver li, sliver a, sliver a:visited { color: var(--color-near-white); }
  	.bg-light-yellow a 				{ color: var(--color-near-white); }
  	.bg-light-yellow a:visited	{ color: var(--color-near-white); }
  	.bg-light-yellow a:hover 	{ color: var(--color-near-white); }
  	.herotext 								{ background-color: var(--color-black) ; opacity: 1; z-index: 11; }
  	.herotext p, .herotext h1, .herotext h2 { color: var(--color-vlight-gray); }
  	#sectionnav li a, .sectionnav li a { border-left: 6px solid var(--color-blue); }
  	.sectionnav a, #sectionnav a { color: var(--color-link-visited); }
  	.crumbtrail 							{ background: var(--color-black); }
  	div.image-overlay-block 	{ color: var(--color-silver); }
  	.st7											{ background-color: var(--color-black); }
  	img 											{ filter: brightness(.8) contrast(1.2); }
  	nav#top-nav, nav#top-nav ul.sf-menu, footer,a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4 		{ background-color: rgb(12,37,70); }
  	a.is-active.sf-depth-1.menuparent.sf-with-ul 		{ background-color: rgba(53, 71, 140,.8); }
  	.sf-menu a,.sf-menu a:visited,.sf-menu a:hover { color: var(--color-black); }
}
*/