html {-webkit-box-sizing: border-box;box-sizing: border-box;}
body { line-height:1.5; background:#fefefe; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
h1, h2 {font-family: 'Merriweather', Georgia, serif !important;} 
h3, h4, h5, h6, .sliver h2, 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) !important;}
h2,h3,h4 			{margin: 1.5rem 0 1rem 0;}
h2 					{color:rgb(51, 80, 129) !important; font-size: 1.5rem !important;}
h3 					{font-size: 1.25rem !important;color:#333;}
h4.large 			{font-size:1.125em !important;}
#maincontent1 p,#maincontent1 ul,#maincontent1 ol {margin: 0 0 1rem 0;}

h1+h2,h2+h3 {margin-top: 0 !important;}

*, *:before, *:after 			{-webkit-box-sizing: inherit;box-sizing: inherit;}
.row                     		{width:100%;box-sizing: border-box;clear:both;}
	.columns.links				{margin-bottom:1em !important;}
.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 */
.mainnav 						{margin-left:1rem;}
#maincontent1 img 				{max-width:100%;height:auto;}
#container.overwrap 			{background-color: #f5f5f5;}
	@media only screen and (max-width: 480px) {
		#container.overwrap 		{background-color: #fff;}
	}

/* styles for right sidebar */
aside 				{border: 1px solid #D9D9D9;border-radius: 5px;margin-top:2rem;background-color: #ececec;}
aside h3 			{padding: .25rem 1rem;margin-top: 0;background: rgb(58, 103, 146);color: #fff !important;}
aside ul 			{padding: 0 1rem; list-style-type: none;margin-left:0;}
aside li 			{margin-bottom:.5rem;}
aside img 			{max-width:100%;height:auto;}

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

/* image styles */
#maincontent1 img 	{max-width:100%;height:auto;}

header 					{background-color: rgb(58,103,146);height:100px !important;padding-top: 4px;}
header .sub-container 	{color:#fff; background-color:transparent; background-image:url(../images/header.svg);/*background-size: contain */;background-repeat: no-repeat !important; background-position: 2% 0%;height:90px !important; margin-top:5px; }
header h2.logo a 		{width:300px !important; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
	@media only screen and (min-width: 670px) {
		header h2.logo a	{ width:528px !important; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
	}
	@media (max-width: 651px) {
/* 
		header h2.logo a {color:transparent !important;width:auto; }
		header h2.logo {text-indent: 0 !important;}
		header h2.logo a:visited { }
 */
		header .sub-container {background-size: 70%;background-position-x: .5em;background-position-y: .5em;}
		.sub-container {min-width: 0 !important; padding-bottom: 6px;}
	}

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

/* styling for top right */
#vtopnav, #vtopnav a { color: #fff !important; }
ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

.home-info {display:flex;max-width: 80em;margin: auto;padding: 0 .9375em 10px .9375em;gap:1rem;}
	@media (max-width: 651px) {
	.home-info {flex-direction:column;}
	#maincontent2r {width: auto;}
}

footer { background:rgb(58, 103, 146); color:#fff;}
footer h3, footer h4 {color: #fff !important;}
.footer_column a:link, .footer_column a:visited {color: #fff!important; }
	@media (max-width: 451px) {
		footer {text-align:center;}
	}
	@media (min-width: 652px) {
		footer {margin-top:2em!important; }
	}
footer .footer_column .contextual-links li a { color:#000!important; } 
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}

.flex-row 				{display:flex;flex-direction:column;margin:2em 0 1em 0;}
.flex-row img 			{max-width:100%; height:auto;display:block;}
.flex-cell 				{flex: 1 1 300px; padding: 0 .75em;margin-bottom:1em;}
.flex-cell li 			{margin-bottom:.5em;}
.flex-border 			{padding: 16px;border: 1px solid #e7e9ec;border-radius: 5px;}
.flex-cell h3 			{margin-top: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 3em 0;border-top: 1px solid rgb(195, 195, 195);padding:1em 0 0 0;}
		.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;border-left: 1px solid rgb(195, 195, 195);margin-bottom:0;}
		.flex-cell:first-child {border-left: none;padding-left: 0;}
		.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;}
	}
	@media only screen and (max-width: 650px) {
		.flex-cell  {flex:1 !important;padding: 0;}
	}
	
/* Do not touch! */.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }/* */

/* 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; }
.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:rgb(58,103,146); }
a.sf-depth-1,a.sf-depth-2,a.sf-depth-3 {background-color:rgba(58,103,146,1); color:#fff;}
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover {background-color:rgb(68, 91, 122) !important; color:#fff;	transition: all .5s;}
a.sf-depth-4 {background-color:rgba(58,103,146,8); color:#fff;}
a.sf-depth-4:hover {background-color:rgb(68, 91, 122) !important; color:#fff;	transition: all .5s;}
a.sf-depth-4:hover {z-index: 101;}
a.is-active.sf-depth-1.menuparent.sf-with-ul {background-color:rgb(88, 123, 159) !important;}
li.active-trail .sf-depth-1.menuparent {background-color:rgb(88, 123, 159) !important;}
/* 
a.is-active.sf-depth-1, a.is-active.sf-depth-2, a.is-active.sf-depth-3, a.is-active.sf-depth-4 {background-color:rgba(58, 103, 146,.8) !important; color:#000;}
 */
nav.megamenu ul.sf-menu li ul li ul { display:block !important; }
.active-trail.sf-depth-1 {background-color:rgb(88, 123, 159) !important}
.sf-accordion-toggle {text-align:center;}
.sf-accordion-toggle a {color:#fff;}

/* 
li.active-trail.sf-depth-1.menuparent a.sf-depth-1.menuparent.sf-with-ul {background-color:rgba(58, 103, 146,.8) !important; color:#000;}
 */
	@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:rgba(75,102,143,1) !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 */


/* @end */

/* 
@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%;}
}
 */

/* 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;}

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

.primary_cta,.primary_cta:visited,button.primary_cta,button.primary_cta:visited {margin: 1em auto;text-align:center;background-color:rgba(240,9,9,1);font-weight: 700 !important;color: #fff !important;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(240, 9, 9,.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;}

.tertiary_cta,.tertiary_cta:visited,button.tertiary_cta,button.tertiary_cta:visited {margin: 1em auto;background-color:rgba(58, 103, 146,1) !important;font-weight: 700 !important;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;}
	.tertiary_cta:hover,button.tertiary_cta:hover {background-color:rgba(58, 103, 146,.8);color:#fff;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.125em;}
	.secondary_cta,.secondary_cta:visited,a.home_cta,a.home_cta:visited {padding: 12px 12px;font-size:1.125em;}
	.tertiary_cta,.tertiary_cta:visited,a.tertiary_cta:visited {padding: 12px 12px;font-size:1.125em;}
	}
	@media only screen and (max-width: 670px) {
		#maincontent1 {padding:0 16px !important;}
	}
	@media (min-width: 652px) {
		#maincontent1 {	padding-bottom:0!important; }
	}	

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

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

/* ckEditor accordion styles */
.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: 0 15px 0 16px !important;border-bottom: none !important;}

/* tbstriped */
.tbstriped {width:100% !important;}
.tbstriped tbody td:first-child {border-left:0;}
.tbstriped thead td {background:rgb(58, 103, 146) !important;}
.tbstriped p {margin:0;}
.tbstriped tr td {font-size: .925em;}

/* form styles */
#search-block-form,#search-block-form2 {border-radius:5px;position:relative;}
#edit-submit 		{border-radius:3px !important; margin: 4px;}
#edit-keys2 		{width:84%;padding:6px 4px;font-size:1.125em;}
.header_nav_search 	{width:33%!important; }
#search-block-form 	{display: flex;justify-content: space-between;clear: both; -webkit-appearance: none !important; font-size: 1em; font-weight: bold; position: relative; width: 97%; background: #fff; color: #000; float: right;border: 1px solid rgb(232,224,215); }
#search-block-form input[type="search"] {-webkit-appearance: none !important}
input.edit-submit 	{font-size:.8em; }
.topsearch 			{border:none; height:31px; margin-left:5px; width:240px; }
.js-form-type-search		{width:300px;}
#inpage-search-block-form 	{clear: both; -webkit-appearance: none !important; font-size: 1em; font-weight: bold; position: relative; width: 70%; background: #fff; color: #000;border: 1px solid rgb(232,224,215);margin-bottom:2em; }
#inpage-search-block-form input[type="search"] {-webkit-appearance: none !important}
	@media only screen and (max-width: 819px) {
		.header_nav_search { float:left!important; text-align:left; 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:#fff!important; }
		a#superfish-main-toggle span { text-decoration:none;}
		#sectionnav { display:none; }
		#block-mainmenu { position:static; }
	}

/* feedback form styles */
.form-item-attorney-name,
.webform-radios-other--wrapper {margin-bottom: 1rem;}
input.form-text,input.form-date, input[type=email], input[type=tel] {font-size: 1rem !important;padding: 4px;}
#edit-comments-complaints-questions {width:100%; font-size: 1rem; padding: 4px;}
.form-actions.webform-actions.js-form-wrapper.form-wrapper {text-align:center;}

/* helpers */
.responsive	{max-width:100%; height:auto;}
.caption 	{display:block;}
.center 	{text-align:center;margin:0 auto;}
.left 		{text-align:left;}
.right 		{text-align:right;}
.rounded {border-radius:4px;font-size:.925em;font-style:italic;}
img.align-right { margin-left:15px; }
.clear { clear:both; }
figure figcaption { font-size:.9em; font-style:italic; }
.visually-hidden {display:none;}
a.alert {display:inline-block; padding:1em 1.5em; background-color:rgb(250, 241, 190);border-radius:5px;}
ul.plain li {margin-bottom:1em;}
dl.faq dt {font-weight:bold;}
dl.faq dd {margin-left:0;margin-bottom: 1.5rem;}
div.bg-silver {padding:1rem;}

/* 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 {clear:both;width:auto!important; border:none; margin:2em 12px 12px 12px!important; }
	.footer_column { float: none; width: auto; }
	footer_column h3, footer_column h4 {padding-top: 1rem !important;}
	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;}
}

/* to delete */
/* 
.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;}
	}
 */

#block-mcils-members { z-index:5!important; }

/***************************

Job Posting styles

****************************/



/* responsive (mobile friendly) rows and columns

    DO NOT edit the sections, groups, cols and spans, unless you know what you are doing :)

*/



.section {clear: both;padding: 0px;margin: 0px;}

.col {display: block;float:left;margin: .5% 0 .5% 1.3%;}

.col:first-child { margin-left: 0; }



.group:before,.group:after {content:"";display:table;}

.group:after {clear:both;}

.group { zoom:1; /* For IE 6/7 */}

                                              

.span_6_of_6 {width: 100%;}



.span_5_of_6 {width: 83.11%;}



.span_4_of_6 {width: 66.23%}



.span_3_of_6 {width: 49.35%;}



.span_2_of_6 {width: 32.46%;}



.span_1_of_6 {width: 15.58%;}



/***************************

editable job listing styles 

****************************/



/* job listing row */

.joblisting {background: #f1f1f1;padding: 1.25%;margin-bottom: 1%}

.joblisting:hover {background:#e8f2fc;cursor: pointer; }

.joblisting h3, .joblisting p {color: #333;padding:0;margin: 0;margin-bottom: .75%}

.joblisting p {font-size: 1em}

.joblisting h3 {font-size: 1.2em;margin-bottom: .25%}



/*apply button*/

.joblisting .button {display: inline-block;margin: 5px 0;padding: 10px 20px;font: 1.333em/0.094em Arial, Helvetica, sans-seriffont-size: 1.333em;line-height: 1.8;appearance: none;box-shadow: none; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 2px solid #fff;text-align: center; background: #305785;color: #fff !important; text-decoration: none;}

.joblisting .button:hover {background: #3F6F9E;color: #fff }



/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */



@media screen and (max-width:799px) {

.col {margin-top: 0;margin-left:0}

.back {text-align:center}

}	

	



@media screen and (max-width:799px) {

.span_6_of_6 {width: 100%;}

.span_5_of_6 {width: 100%;}

.span_4_of_6 {width: 100%;}

.span_3_of_6 {width: 100%;}

.span_2_of_6 {width: 100%;}

.span_1_of_6 {width: 100%;}

}