@font-face {
	font-family: 'MADE Sunflower';
	src: url('../fonts/made_sunflower-webfont.woff2') format('woff2'),
		 url('../fonts/made_sunflower-webfont.woff') format('woff');
	src: url('/themes/pcritp/css/fonts/made_sunflower-webfont.woff2') format('woff2'),
		 url('/themes/pcritp/css/fonts/made_sunflower-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
 


*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;}
body { background:#fefefe; font-family: "Spartan", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.sliver h2 { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
header h2.logo {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
h1+h2,h2+h3 {margin-top:0 !important;}
h1,h2,h3,h4,h5,h6 {letter-spacing: 0 !important;color:rgb(60,60,60);}
h2,h3,h4 {margin: 1.5rem 0 1rem 0;}
h1 {color:#3879AD; font-size: 2em !important; font-family: 'MADE Sunflower', serif; font-weight: 800;}
h2 {color:#3879AD; font-size: 1.5rem !important; font-family: 'Spartan', sans-serif; font-weight: 800;}
h3 {color:#3879AD; font-size: 1.25rem !important;font-family: 'Spartan', sans-serif; font-weight: 800;}
h4.large {font-size:1.125em !important;}
#maincontent1 p,#maincontent1 ul,#maincontent1 ol {margin: 0 0 1rem 0;}
footer .sub-container h2 { color: var(--color-silver); }

.row                     		{width:100%;box-sizing: border-box;clear:both;}
footer .container 				{padding-top:0;}
.clearfix::after 				{content: "";clear: both;display: table;}
.sub-container 					{position:relative;}
#container,#content 			{min-width:20em !important;}/* override values from state agency template to make site fully fluid */
.responsive,aside img 			{max-width:100%;}
#maincontent1 p, #maincontent1 ul, #maincontent1 ol, #maincontent1 li {font-family: 'Spartan', sans-serif;}
#maincontent2 p, #maincontent2 ul, #maincontent2 ol, #maincontent2 li {font-family: 'Spartan', sans-serif;}
#maincontent3 p, #maincontent3 ul, #maincontent3 ol, #maincontent3 li {font-family: 'Spartan', sans-serif;}
#maincontent1 img {max-width:100%;height: auto;}

/* site search area in upper right */
.header_nav_search { width:33%!important; }
#search-block-form { clear: both; -webkit-appearance: none !important; font-size: 1em; font-weight: bold; position: relative; width: 97%; background: #fff; color: #000; float: right;display:flex;border: 1px solid #3879AD; }
#search-block-form,#search-block-form2 {position:relative;}
#search-block-form input[type="search"] {-webkit-appearance: none !important;     font-family: 'Spartan', sans-serif;}
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }
.form-item {flex:1 1 300px;}

.bodywrap {max-width:80em;margin:0 auto;padding: 0 2rem;}
	.bodywrap img {max-width:100%;height:auto;width:100%}
@media only screen and (max-width: 670px) {
	 .bodywrap {padding:0 1rem;}
}

.searchbutton input[type="submit"] {
    background:#3879AD!important;
    border:#3879AD!important;
    color: #fff !important;
    margin: 0 !important;
    border-radius: 3px !important;
    height: 25px;
    position: absolute;
    right: 3px;
    text-transform: uppercase;
    top: 3px;
    font-size: .875em !important;
    font-weight: bold;
	cursor: pointer;
line-height:.8;}


@media only screen and (max-width: 819px) {
	.header_nav_search { float:left!important; text-align:left; background-color:#3879AD!important; padding:0; width:100%!important;margin-right:0;  }
	.header_search { margin:0 10px 10px; float:left; width:90%; }
	.search_button { right:4px; }
	#search-block-form { float:none; margin:0 0 12px 7px;z-index: 101; }
	.header_nav_search ul#vtopnav {	position:static; width:auto; display:block; float:left; background-color:transparent; margin:12px 5px 12px; color: var(--color-white) !important; }
	.header_nav_search .vtopnav a { color:var(--color-white) !important; }
	a#superfish-main-toggle span { display:block; width:100%; font-weight:bold; margin-top:8px; margin-left: 0; color: var(--color-white) !important; }
	a#superfish-main-toggle  { text-decoration:none;}
	#sectionnav { display:none; }
	#block-mainmenu { position:static; }

}

/* 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 .sf-depth-1 a {  display:inline-block; vertical-align:middle; line-height:40px; } */
.sf-menu a, 
.sf-menu a:link, 
.sf-menu li ul li a  { color:#fff!important; text-decoration:none!important; letter-spacing: 0 !important; text-transform: uppercase; font-family: "Spartan"; font-weight: bold; }
.sf-menu li { text-align:center; }
.sf-menu ul { border-top:1px solid #ececec; }
.sf-menu ul li {border-bottom:1px solid #ececec; }
/* 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:#fff; }
/* 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:#fff; }
ul.sf-menu .sf-sub-indicator::after {content:''!important;position:absolute!important;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-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;border-image-source: none;border-image-slice: 100%;border-image-width: 1;border-image-outset: 0;border-image-repeat: stretch stretch;color:#fff;}
ul.sf-menu .sf-sub-indicator { right:25px;color:#fff;opacity: 1 !important; }
ul.sf-menu.menu ul {margin-top: 8px !important;}
ul.sf-menu.menu ul ul {margin-top: -1px !important;}
/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2,li.sf-depth-3,li.sf-depth-4 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
/* colors for superfish are defined here */ 
nav#top-nav, nav#top-nav ul.sf-menu/* , .sf-menu li */ { background-color:#C15233; }
a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4 {background-color:#C15233; color:#fff;}
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {background-color:#A1442B !important; color:#fff;	transition: all .5s;}
a.is-active.sf-depth-1.menuparent.sf-with-ul, a.is-active.sf-depth-1.menuparent, a.is-active.sf-depth-1 {background-color:#A1442B!important;}
nav.megamenu ul.sf-menu li ul li ul { display:block !important; }
	@media only screen and (max-width: 818px) {
		nav.megamenu ul.sf-menu li ul li ul { display:block!important; }
		a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 {background-color:#3879AD!important;}
		a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {background-color:rgba(75,102,143,.7) !important}
		a.sf-depth-1:visited, a.sf-depth-2:visited, a.sf-depth-3:visited, a.sf-depth-4:visited {background-color:rgba(75,102,143,1) !important}
	}
/* end superfish styles */

/* Grid for devices larger than 550px */
@media (min-width: 780px) {
	main{padding-right:0!important}
	}

/* hero styling - like on covid19 site */
.hero						{width:100%;text-align:center;height:500px;position:relative;background-size: cover;
    background-image: url("../images/hero67.jpg");}
	.hero:before			{content:"";position:absolute;left:0;right:0;top:0;bottom:0;}
	.hero .container		{height:100%;position:relative;    margin: -10px;}
	.hero .hero-content	    {    width: auto;    max-width: 80%;
    margin: 0 auto;display:table;height:auto;z-index:1;padding:0px 30px;background-color:rgba(255, 255, 255, 0.8);;color:#333;text-align:center;border-radius:5px;    position: relative;
    top: 30%;}
	.hero .hero-content h2  {text-align:left;color:#fff!important;padding:0;font-size:1.5em;font-weight:700;margin-bottom:1em}
	.hero .hero-content p	{text-align:left;font-size:.925em!important;}
	h1.index				{color:#fff !important;margin-left:20px;text-transform:none!important;margin-bottom:.5em}
@media (max-width: 651px) {
.hero {
	background-image: url("../images/hero67.jpg");
	height: 100%;
    margin: 20px 0px;
    padding: 20px 0px;
	} 
.hero .container		{height:100%;position:relative;padding: 20px 0px;    margin: -10px;}
	.sf-description { text-align: left;   }
	.hero .hero-content	    { max-width: 80%; }
	footer {  padding-top: 20px; margin-top: 20px!important;}
	.menuparent {text-align: left;}
	.sf-no-children {text-align: left!important;}
	#vtopnav a {color: var(--color-white)!important;    text-decoration: underline!important;}
	a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 {background-color:#3879AD!important;}
}



.container:after,.row:after,.row-w:after,.u-cf,clear{content:"";display:table;clear:both}






/* Color definitions */
.white 			{color:#fff;}
.blue 			{color:rgb(58, 103, 146);}
.tan 			{color:rgb(217,203,158)}
.lightyellow 	{color:rgb(251, 255, 218)}
.darkgray 		{color:rgb(55,65,64);}
.lightgray 		{color:rgb(189, 195, 199)}
.green 			{color:rgb(62, 107, 72);}
.aqua 			{color:rgb(70, 107, 114);}
.red 			{color:rgb(206, 62, 62)}

/* Background color definitions */
.bg-silver			{background-color:#ececec;}
.bg-blue 			{background-color:rgb(58, 103, 146);}
	.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue ul,.bg-blue p 					{color:#fff !important;}
	.bg-blue a {color:#ececec !important;} .bg-blue a:visited {color:#ececec !important;} .bg-blue a:hover {color:#fff !important;}
.bg-tan 			{background-color:rgba(235, 235, 235,.7);}
.bg-lightyellow	{background-color:rgb(251, 255, 218)}
.bg-darkgray 		{background-color:rgb(55,65,64);}
	.bg-darkgray h2,.bg-darkgray h3,.bg-darkgray h4,.bg-darkgray ul,.bg-darkgray p {color:#fff !important;}
	.bg-darkgray a {color:#ececec !important;} .bg-darkgray a:visited {color:#ececec !important;} .bg-darkgray a:hover {color:#fff !important;}
.bg-lightgray 		{background-color:rgb(189, 195, 199)}
.bg-green 			{background-color: rgb(62, 107, 72);}
	.bg-green h2,.bg-green h3,.bg-green h4,.bg-green ul,.bg-green p 				{color:#fff !important;}
.bg-aqua 			{background-color: rgb(70, 107, 114);}
	.bg-aqua h2,.bg-aqua h3,.bg-aqua h4,.bg-aqua ul,.bg-aqua p 					{color:#fff !important;}
div.bg-blue,div.bg-tan,div.bg-silver,div.bg-lightyellow,div.bg-darkgray,div.bg-lightgray,.div.bg-green, div.bg-aqua,div.bg-green,div.bg-red {padding:1em;}
.bg-red 			{background-color:rgb(206, 62, 62);}
	.bg-red h2,.bg-red h3,.bg-red h4,.bg-red ul,.bg-red p 					{color:#fff !important;}
.rounded {border-radius:4px;font-size:.925em;font-style:italic;}

.caption {display:block;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

header { background:#fff;}

/* 
header .sub-container { color:#fff; background:#fff url("../images/header.jpg") 0 0 no-repeat; height:90px!important; }
header { background:#fff; background-color:#fff; }
header h2.logo a { width:300px !important; }
	@media only screen and (min-width: 670px) {
	header h2.logo a { width:400px !important; }
	}
 */

#vtopnav a {color: var(--color-white); text-decoration: underline;}
ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {content: none;}
/*header .sub-container { color:#fff; background-color:transparent; background-image:url(../images/header.svg);background-size: contain;background-repeat: no-repeat !important; background-position: 0% 0%;height:90px !important; }*/

@media (max-width: 651px) {
	header { background:#fff !important; }
	header h2.logo {}
	header h2.logo a {color:transparent !important;width:auto; }
    header h2.logo {text-indent: 0 !important;}
	header h2.logo a:visited { }
	.sub-container { /* width:100%!important; min-width:0!important; */ }
	.sub-container {min-width: 0 !important;}
}

@media (max-width: 451px) {
	header { background:#fff;}
	header h2.logo {}
	header h2.logo a {color:transparent !important;width:auto; }
    header h2.logo {text-indent: 0 !important;}
	header h2.logo a:visited { }
}

footer { background:#806753; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important; }

@media (max-width: 451px) {
	footer {text-align:center;}
}

.bicentennial {background-color:#fff;border-radius:4px;text-align:center;}
.bicentennial img {max-width:200px;padding:6px;}
@media (max-width: 651px) {
.bicentennial {text-align:center;}
.bicentennial img {max-width:120px;}
}
/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }
/* */

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* @end */
ul.plain li {margin-bottom:1em;}
.visually-hidden {display:none;}

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

footer .footer_column .contextual-links li a { color:#000!important; } 
footer h3 {color:#fff !important;}
footer#footer {margin:0;}
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}

img.align-right { margin-left:15px; }
.clear { clear:both; }
aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }

/* styling for primary and secondary calls to action */

.primary_cta,.primary_cta:visited,button.primary_cta,button.primary_cta:visited {margin: 1em auto;background-color:rgba(56, 121, 173, 1);font-weight: 700 !important;font-size: 1.25em;color: #fff !important;text-align: center;padding: 12px 12px; width: auto;height: auto;border: none;border-radius: 4px;text-decoration:none;display:inline-block;-webkit-font-smoothing: antialiased;}
	.primary_cta:hover,button.primary_cta:hover {background-color:rgba(56, 121, 173,.8);color:#fff;transition: background-color .5s ease-out;}
.secondary_cta,.secondary_cta:visited {background-color:rgb(235, 236, 236);font-weight: 700;font-size: 1em;color:rgb(58, 103, 146) !important;text-align: center;padding: 12px 12px; width: auto;height: auto;border: 2px solid rgb(58, 103, 146);border-radius: 4px;text-decoration:none;white-space: nowrap;line-height: 3.2em /*for better wrapping*/;margin:0 auto;}
	.secondary_cta:hover {background-color:rgba(235, 236, 236,.8);color:#fff;transition: background-color .5s ease-out;}
div.home_cta,div.home_cta:visited {display:inline-block;width:9em;background-color:#fff;font-weight: 700;font-size: 1.25em;color:rgba(246,146,30,1);text-align: center;padding: 12px 24px; border: 1px solid rgba(246,146,30,1);border-radius: 4px;text-decoration:none;}
	div.home_cta:hover {background-color:#fff;color:rgba(246,146,30,.7);border: 1px solid rgba(246,146,30,.7);transition: background-color .5s ease-out;}
		@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:1em;margin-top:0;}
		}

a.alert {display:inline-block; padding:1em 1.5em; background-color:rgb(250, 241, 190);border-radius:5px;}


@media only screen and (max-width: 670px) {
	#maincontent1 {padding:0 16px !important;}
}

@media (min-width: 652px) {
	#maincontent1 {	padding-bottom:0!important; }
	footer {margin-top:2em!important; }
}	

/* containers for label and input */
legend {font-weight:bold;width:auto;}

.sliver,.sub-container {min-width:320px;}	
	
/* Social Media icons in footer */
ul.social-media li {background-repeat:no-repeat;background-size: 24px;background-position: 0px;}
li.facebook {background-image:url(../../mpuc%20-%20Copy/images/facebook.svg) !important;}
li.twitter {background-image:url(../../mpuc%20-%20Copy/images/twitter.svg) !important;}
li.linkedin {background-image:url(../../mpuc%20-%20Copy/images/linkedin.svg) !important;}
li.blog { }
li.youtube {background-image:url(../../mpuc%20-%20Copy/images/youtube.svg) !important;}
li.vimeo {background-image:url(../../mpuc%20-%20Copy/images/vimeo.svg) !important; }
li.instagram { background-image:url(../../mpuc%20-%20Copy/images/instagram.svg) !important;}
li.flickr { }
li.govdelivery {background-image:url(../../mpuc%20-%20Copy/images/govdelivery.svg) !important;}

.ckeditor-accordion-container > dl {border: none;}
.ckeditor-accordion-container > dl dt {margin-bottom:4px;}
.ckeditor-accordion-container > dl dt > a {background-color: rgb(69, 103, 142) !important;border-bottom: none !important;text-decoration:none !important;}
.ckeditor-accordion-container > dl {}
.ckeditor-accordion-container > dl dd {padding: 8px 15px 0 16px !important;border-bottom: none !important;}

#DataTables_Table_0_filter {float:left;margin-left:2rem !important;}
#DataTables_Table_0_filter .dataTables_filter input[type="search"] {padding:4px !important;font-size:1em;}
.dataTables_length {margin-right:2rem;}
.tbstriped {width:100% !important;}
.tbstriped tbody td:first-child {border-left:0;}

/* tbstriped table #527A89 */

.tbstriped tr th { background-color:#C15233; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#C15233; }
.tbstriped tbody tr.zebra td { background:#eee; }

.tbstriped0 tbody tr th,#tbstriped tbody tr th,#tbstriped2 tbody tr th,#tbstriped3 tbody tr th { background-color:#0764A8; color:#fff;}
.tbstriped0 tr td,#tbstriped tr td,#tbstriped2 tr td,#tbstriped3 tr td { background:#fff; }
.tbstriped0 thead td,#tbstriped thead td,#tbstriped2 thead td,#tbstriped3 thead td { color:#fff; background-color:#C8C028;}
.tbstriped0 tbody tr.even td,#tbstriped tbody tr.even td,#tbstriped2 tbody tr.even td,#tbstriped3 tbody tr.even td { background:#eee; }
.tbstriped0 tbody tr.selected td,#tbstriped tbody tr.selected td,#tbstriped2 tbody tr.selected td,#tbstriped3 tbody tr.selected td { background:#3d80df; color:#fff; }
.tbstriped0 tbody tr.ruled td,#tbstriped tbody tr.ruled td,#tbstriped2 tbody tr.ruled td,#tbstriped3 tbody tr.ruled td { color:#000; background-color:#C6E3FF; }
head:first-child+body .tbstriped tr.ruled td { background-color:#C6E3FF; }

.datatable { margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse;overflow-y: hidden; }
.datatable caption { text-align:left; }
.datatable tr th { font-size:.85em; text-align:left; padding:3px 8px; }
.datatable th { border:1px solid #d9d9d9; border-collapse:collapse; }
.datatable tr td { font-size:.85em; padding:3px 8px; }
.datatable thead td { font-weight:bold; border-bottom:1px solid #d9d9d9; border-collapse:collapse;background:rgb(58, 103, 146);color:#fff; }
.datatable tbody td { border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-collapse:collapse; }
.datatable tbody td:first-child { border-left:none;}

/* rarely used tweaks */
.js-pager__items li {display:inline-block;text-align:center;}
.pager__item a {text-align: center;margin: 0 auto;padding: 6px 10px;border: 1px solid #ececec;border-radius: 3px;}
.views-field-changed {font-style:italic;}
.visually-hidden {display:none !important;}

/* This container class will allow a table to scroll horizontally on smaller screens. */
.hscroll {overflow-x: auto; /* Horizontal */}
.m-top-1 {margin-top:1rem !important;}
.m-bottom-1 {margin-top:1rem !important;}
.m-top-2 {margin-top:2rem !important;}
.m-bottom-2 {margin-top:2rem !important;}
.allcaps {text-transform:uppercase;}
.roundphotos {width:240px;border-radius:50%;margin:0 auto;box-shadow: 10px 10px 11px -3px rgba(232,229,232,1);}


/* Cards (boxes) */

.card { border:1px solid #e0e0e0; border-radius:5px; padding-bottom:15px;margin-bottom: 15px; }
.bt-green { border-top:5px solid #C15233; }
.bt-blue { border-top:5px solid #3879AD; }
.card h2, .card h3 { margin-top:15px; border-bottom:1px solid #e0e0e0; text-align:center; padding-bottom:15px; margin-bottom:15px; }
.card h2 a:link, .card h2 a:visited { text-decoration:none!important; }
.card p { margin:0 15px 15px!important; }
.card ul { margin:auto 15px; padding-left:15px; }
.card p.more { margin-top:15px; float:left; }
.card p.more a { margin-left:15px; font-style:italic; }


/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; background-color:#eee; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox h3, h3.sidebarheadline { color:#fff!important; background-color:#3879AD; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #3879AD; margin-left:7px; margin-right:7px; }
.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; }
aside .sidebarbox:first-child { margin-top:31px; }



.flex-row 				{display:flex;flex-direction:column;margin:1em 0 1em 0;}
.flex-row img 			{max-width:100%;display:block;}
.flex-cell 				{flex: 1 1 300px; padding: 0 .75em;margin-bottom:1em;}
.flex-cell li 			{margin:.5em;/*list-style-type: none; padding-left:0;margin-left:0; */}
.flex-border 			{padding: 16px;border: 1px solid #e7e9ec;border-radius: 5px;}
.flex-cell h3 			{margin-top:0;}	
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.tanbox .flex-cell 	{border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-bottom:1em;padding: 1em;}
	.button-row .flex-cell {border-left:none;margin-bottom:1em;padding: 1em 0 0 0;}
	@media (max-width: 650px) {
	.flex-row 			{display:flex;flex-direction:column;margin:0;}
	}
	@media (min-width: 651px) {
	.flex-row 			{flex-direction:row;margin:1em 0 1em 0;padding:1em 0 0 0;}
	.bg-tan .flex-row {margin:1em 0 0 0 !important;}
	.flex-cell:first-child 	{ flex: 1;margin-left:0;padding-left:1rem;border-left: none;}
	.flex-cell:last-child 	{ flex: 1;margin-right:0;}
	.flex-cell 			{ flex: 1; padding: 0 .75em;margin-bottom:0;}
	.flex-cell:first-child {border-left: none;}
	.flex-cell h2,.flex-cell p,.flex-cell h3,.flex-cell ul {margin:1em 0 .5em 0;}
	.flex-cell > h2:first-child {margin-top:0 !important;;}
	.flex-cell p,.flex-cell ul {margin:0 0 1em 0;}
	.flex-cell > h2:first-child,.flex-cell > h3:first-child		{margin-top:0 !important;}
	.tanbox .flex-row {border-top: none;}
	.tanbox.tight .flex-row {margin-bottom:0;}
	.tanbox .flex-cell {border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-right:1.25em;margin-bottom:0;}
	.tanbox .flex-cell:last-child {margin-right:0;}
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.button-row .flex-cell {border:none; margin-right:0;margin-bottom:0;}
	.button-row .flex-cell:last-child {margin-right:0;}
	.buttons {text-align:center;}
	}
	@media only screen and (max-width: 670px) {
	.flex-cell  {flex:1 !important}
}

/* Do not change these-they're from sphone.css */
@media (max-width: 651px) {
	body { margin:0; padding:0; background:none!important; position:relative;}
	.offscreen, .statewide_message, #sliver_container { display:none; }
	h1 { margin:4px 0 10px 0; }
	* html header {	zoom:1; }/* clearfix */
	#content { width:auto!important; padding:0; margin-top:0; min-width:0!important; height:auto;}
	.crumb_trail { display:none; }
	#maincontent1 {	clear:both; float:none; width:auto!important; min-width:0; padding:0 !important; margin:20px 12px 0 12px; }
	aside { width:auto!important; border:none; margin:2em 12px 12px 12px!important; }
	.footer_column { float: none; width: auto; }
	footer .footer_column:first-child { float: none; width: auto; min-width: 0; margin:0 1em; }
	footer .footer_column:last-child { float: none; width: auto; min-width: 0; margin:0 1em; text-align:left; }
	#maincontent3 { width:100%; }
	}
.commish-photo{
	padding: 0px 10px 10px 10px;
}

ul.sf-menu a, ul.sf-menu span.nolink {padding:1em;}

/* styles for webforms */
/* containers for label and input */
fieldset {margin-bottom: 25px;}
.webform-submission-form 		{}
.webform-submission-child-support-questions-form {}
.js-form-item 					{display:flex;flex-direction:column;}
.js-form-item label				{font-size:.925em;display: block;}
.js-form-item input[type=text],.js-form-item input[type=textarea],.js-form-item input[type=tel],.js-form-item input[type=email],.js-form-item input[type=url] {flex-direction:column;display: block;box-sizing: border-box;width: 100%;height: 2.4375rem;margin: 0 0 1rem;padding: .5rem;border: 1px solid #cacaca;border-radius: 3px;background-color: #fefefe;box-shadow: inset 0 1px 2px rgba(10,10,10,.1);font-size: 1rem;color: #0a0a0a;transition: box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.js-form-item.js-form-type-radio {display:flex;flex-direction:row;}
legend 							{font-weight:bold;}
.form-textarea 					{flex-direction:column;display: block;box-sizing: border-box;width: 100%;height: 250px;margin: 0 0 1rem;padding: .5rem;}
.form-actions.webform-actions 	{text-align: center !important;margin:0 auto;}
.js-form-item input[type=submit]{-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:1.375em !important;border-radius:5px;border:1px solid #ececec;margin: 0 auto;}
#search-block-form,#search-block-form2 {position:relative;}
#block-dhhs-search2 {width:50%;}
#edit-message- {font-family: "Arial",sans-serif !important; height: 180px;font-size:1em;}
#edit-submit {border-radius:3px !important;}
#edit-actions-submit {border-radius:3px !important;padding:20px!important;margin-bottom:60px!important;line-height: 1px!important;}
#edit-keys2 {width:84%;padding:6px 4px;font-size:1.125em;}

li#main-menu-link-content0cd706c7-83a7-4912-bab1-1a13a5608a00,li#main-menu-link-contentafcc1328-5a78-433c-95e7-455a42e271a5 { line-height: 38px!important; }

#sectionnav ul li ul li ul li ul {
    display: block!important;
    margin-left: 5px!important;
}

/* Maine electricity help page */
.help-hero 
	{width:100%;text-align:center;height:550px;position:relative;background-size: cover;
    background-image: url(/mpuc/themes/mpuc/images/help-hero.jpg);}
	.help-hero:before			{content:"";position:absolute;left:0;right:0;top:0;bottom:0;}
	.help-hero .container		{height:100%;position:relative;    margin: -10px;}
	.help-hero .hero-content	    {    width: auto;    max-width: 65%;
    margin: 10px;display:table;height:auto;z-index:1;padding:0px 30px;background-color:rgba(0, 0, 0, 0.65);color:#fff;text-align:left;border-radius:5px;    position: relative;
    top: 55%;}
	.help-hero .hero-content h1  {text-align:left;color:#fff!important;padding:0;font-size:30px;font-weight:700;}
	.help-hero .hero-content p	{text-align:left;font-size:.925em!important;}
.help-row {height: 400px;}
.sh {
	background: #3879AD;
	color:#fff;
	width:50%;    display: inline-block;
    float: left;
	padding: 40px;
	height:100%;
}
.sh h2 {
	color:#fff!important;
	    font-size: 2.5em!important;
}
.sh p {
	 font-size: 1.2em;
}
.nfa {
	background:#C15233;
	color:#fff;
	width:50%;
	    display: inline-block;
    float: left;
	padding: 40px;
	height:100%;
}

.nfa h2 {
	color:#fff!important;
	 font-size: 2.5em!important;
}
.nfa p {
	 font-size: 1.2em;
}
.utryi {
	background:#1B5B2E;
	color:#fff;
	padding: 40px;
	width:100%;
	display: block;
}
.utryi h2 {
	color:#fff!important;
	 font-size: 2.5em!important;
}
.utryi-box {
		margin:0 auto;
	width:58%;
}
.utryi p {
	color:#fff!important;
	text-align: left;
	font-size: 1.2em;
}
.yb {
	background: #FFCC00;
	color:#202020;
	padding:30px 20px 20px;
}
.yb p {
	font-size:1.4em;
	text-align: center;
}

a.help-button {
	background: #fff!important;
	border-radius: 3px;
	color:#3879AD;
	padding: 10px 15px;
	display: inline-block;
    font-weight: bold;
    text-decoration: none;
}
@media (max-width: 900px) {
	.utryi-box, .sh, .nfa {width:100%;}
	.help-hero 
	{width:100%;text-align:center;height:550px;position:relative;background-size: cover;
    background-image: url(/mpuc/themes/mpuc/images/help-hero2.jpg);}
	}


div#criticalinfo {display:none;}

html {scroll-behavior: smooth;}

div.test1, div.test1 label {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.container-image  {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80em;
  height: 80em;
}
.container-image  [class*='item'] {
  width: 33%;
  height: 33%;
  border: 1px solid transparent;
  background: url() center center/cover no-repeat;
  transition: all 0.5s ease-in-out;
  z-index: 0;
}
.container-image [class*='item']:hover {
  border: 1px solid white;
  z-index: 1;
}
.container-image  [class*='item']:nth-of-type(1) {
  top: 0;
  left: 0;
}
.container-image  [class*='item']:nth-of-type(2) {
  top: 0;
  left: 33%;
}
.container-image  [class*='item']:nth-of-type(3) {
  top: 0;
  left: 66%;
}
.container-image  [class*='item']:nth-of-type(4) {
  top: 33%;
  left: 0;
}
.container-image  [class*='item']:nth-of-type(5) {
  top: 33%;
  left: 33%;
}
.container-image  [class*='item']:nth-of-type(6) {
  top: 33%;
  left: 66%;
}
.container-image  [class*='item']:nth-of-type(7) {
  top: 66%;
  left: 0;
}
.container-image  [class*='item']:nth-of-type(8) {
  top: 66%;
  left: 33%;
}
.container-image  [class*='item']:nth-of-type(9) {
  top: 66%;
  left: 66%;
}
.container-image  input {
  display: none;
}
.container-image  input:checked + [class*='item'] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}


.newsimage img 		{margin: 0 auto;}
.bodywrap.newsimage {text-align:center;}
.stories-header 	{height: 220px;background-color: rgb(127, 127, 127);position:relative;}
.stories-header p 	{text-align: center;position: relative;top: 100px;color: #fff;font-size: 3.75rem;font-weight: bold;}
.page-node-type-article .article .bodywrap {max-width:58rem;}
.page-node-type-article .article .bodywrap.newsimage {max-width: 80rem;}
.page-node-type-article #maincontent {margin: 0 auto 0 auto;}
.page-node-type-article .article h1 {text-align: center;
    font-size: 2em !important;
    font-family: 'Spartan',sans-serif;
    font-weight: 800;color:#000;}
.page-node-type-article #maincontent p.date {font-size:.75rem;}

blockquote {background:#3879AD;color:#fff!important;font-size:2em;font-family: 'Spartan', sans-serif; font-weight: 800;padding:30px 20px;margin:0 auto;}

.callout-box {background:#3879AD;color:#fff!important;font-size:2.5em!important;font-family: 'Spartan', sans-serif; font-weight: 800;padding:30px 20px;margin-bottom: 30px;text-align: center;}





.med-green 	{background-color: #349a76 /* rgb(77, 148, 114) */		}
.med-blue 	{background-color: #0f80e8 /* rgba(53, 101, 221,.8) */	}
.med-red 	{background-color: rgb(210, 101, 76)		}
.med-yellow {background-color: #f4c82e /* rgb(234, 199, 83) */		}
.med-aqua 	{background-color:rgb(86, 150, 198)		}

.data-cards {display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 3rem 0;}
.paragraph--type--data-cards h2 {font-size:1rem !important; margin-bottom:2px; }
h2 + .data-cards {margin-top:2px !important;;}
.data-card {flex: 1 1 240px;/* margin:0 1em 1em 0; padding:0 .75em;*/text-align:center;height:230px;}
.data-card div {display: grid;justify-content: center;align-content: center;height: 160px;}
.data-card p {margin:.5rem 0 0 0 !important;font-size:.925em !important; color:#000; font-weight:bold;}
.data-card h3 {margin: 2rem 0 1rem 0;font-family: 'Work Sans',"helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif;font-size:2rem;color:#000;}
.data-card h3 span {font-size:1.125rem;}
.data-cards a, .actioncol .data-card a  {text-decoration:none; color:#000 !important;}
.data-cards a:hover {}
.short.paragraph--type--data-cards .data-cards .data-card {height:160px;}
.short.paragraph--type--data-cards .data-card h3 {margin: 0 0 1rem 0;}
	.actioncol .data-card {margin-bottom: 1rem;height:160px;}
	.actioncol .data-card h3 {margin: 1rem 0 1rem 0;}

.card-row { display: -ms-flexbox; display: -webkit-box; display: flex; gap:1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin-right: -15px; margin-left: -15px;  */margin-bottom: 1rem; }
.card-box { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; width: 100%; position: relative;/*  padding-right: 8px; padding-left: 8px;  */}
.card-box a {color:#000 !important;}
.card { position: relative; display: -ms-flexbox; display: -webkit-box; 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-color: #fff; background-clip: border-box; /* border: 1px solid rgba(0,0,0,.125); border-radius: .25rem;  */}
.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: 1rem; }
.card-body { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; }
.card p { margin-top:1rem !important; }
.card h2, .card p { /* padding: 0 .75rem;  */}
.card h2 { font-size:1rem;margin-top: 1rem;text-transform:uppercase; color:#000; line-height: 1.3; margin-top: 0; margin-bottom: 2px; }
.card .card-body>p:last-child { margin-bottom: 0; }
.card-box a {text-decoration:none;color:#000;}
.card-box a:hover {}
.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!important;}
	@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;}
	}

.mini-card-wrap {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mini-card {display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem;margin-bottom:1rem;padding-top: 1rem;border-top: solid 1px #000;}
.mini-image {margin-right:1rem;-ms-flex-preferred-size:20%;flex-basis:20%;margin-top: 5px;}
.mini-image img {max-width:100%;height:auto;margin:-.5rem 0 -.7rem -.5rem;}
.mini-card h3 {margin: 0 0 .5rem 0 !important; color:#3879AD !important;font-family:"Spartan", sans-serif;font-weight:bold;}
.mini-card h3 a {color:#3879AD !important;}
.mini-card p {color:#000 !important;}
.mini-text {-ms-flex-preferred-size:80%;flex-basis:80%;}
.mini-text p, .mini-text li {font-size:1rem!important;}
.mini-text p {margin:0 0 .5rem 0 !important;}
.mini-text p a {font-family:"Spartan", sans-serif;}
.mini-text p.read-more {font-size:.75rem !important;}
#maincontent .mini-text p.outlet,#maincontent .mini-text p.date {font-size:.75rem!important;}
#maincontent .mini-text p.date {font-family:"Spartan", sans-serif !important;}
.mini-card-wrap.action-list .mini-card .mini-image {margin-right:1rem;-ms-flex-preferred-size:30%;flex-basis:30%;}
.mini-card-wrap.action-list .mini-card .mini-text {-ms-flex-preferred-size:70%;flex-basis:70%;}
.action-list .mini-text p {margin-top:1rem !important;}
.mini-card-wrap.news-list .mini-card .mini-image {margin-right:1rem;-ms-flex-preferred-size:30%;flex-basis:30%;}
.mini-card-wrap.news-list .mini-card .mini-text {-ms-flex-preferred-size:70%;flex-basis:70%;}
/* 
.news-list .mini-text p {margin-top:1rem !important;}
 */
.news-list .mini-text h3,.news-list .mini-text p {}
	@media (min-width: 780px) {
		  .mini-card-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
			.mini-card {-webkit-box-flex:1;-ms-flex:1;flex:1;}
			.mini-card:last-child {margin-right:0;}
	}

/* --------------------
CARDS ON TAKING ACTION PAGE 
-------------------- */
.action-row {display:flex;gap:1rem;margin:2rem 0 2rem 0;}
.action-row img {max-width:100%;height:auto;}
.actioncol {flex: 1 1 240px;}
.action-box h2 {font-size: 1.125rem;margin: 0 0 2rem 0;font-weight:bold;}
@media only screen and (max-width: 670px) {
	 .action-row {flex-direction:column;}
}