header .sub-container { color:#fff; background:#21354C url(../images/header.png) 0 10px no-repeat; height:90px!important; background-size:480px }
header { background:#21354C; background-color:#21354C; }
header h2.logo a { width:490px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#21354C; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important;}

/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }
/* */

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.searchbutton input[type=submit] { background:#5e7b04 none 0 0!important; border: 1px solid #5e7b04!important; color: #fff!important; margin:0!important; border-radius:0!important; height: 25px; position: absolute; right:3px; text-transform: uppercase; top:3px; font-size:.8em!important; line-height:1!important; }

.form-submit { background:#5e7b04 none repeat scroll 0 0!important; border: 1px solid #5e7b04!important; color: #fff!important; margin:0!important; border-radius:5px!important; /*height: 25px;*/ font-size:.8em!important; text-transform: uppercase; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color:#21354C; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#fff!important; text-decoration:none!important; }

.sf-menu li ul li a.sf-depth-2, .sf-menu li ul li.sf-clone-parent a { color:#132335!important; }
.sf-menu li ul li a.sf-depth-2:hover, .sf-menu li ul li.sf-clone-parent a:hover { color:#fff!important; }
.sf-menu li:hover, /*.sf-menu li.sfHover,*/ .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, .sf-menu li.sfHover ul li.sf-depth-2 a:hover { background:#132335; color:#fff!important; }
.sf-menu a:hover, .sf-menu li.sfHover .sf-with-ul, ul.sf-menu li:hover > a, .sf-menu li.sfHover { color:#fff!important; background-color:#132335; }

.sf-menu li.active-trail a { color:#fff!important; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362!important; text-decoration:none!important; } */
.sf-menu li ul li a { color:#132335!important; text-decoration:none!important; }
.sf-menu li ul li a.sf-depth-2, .sf-menu li ul li.sf-clone-parent a, .sf-menu li ul li a.sf-depth-3 { color:#132335!important; }
.sf-menu ul { border-top:5px solid #132335; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }

#main-standardfront-page, #main-menu-link-content4afc5bb6-4341-477c-b630-128179b1becf, #main-menu-link-contentc5f20d9d-d5d7-457c-8bda-7fae9b88ddc5, #main-menu-link-content3d4c82d9-9f26-44fd-a5ba-4317978060d6 { display:inline-block; vertical-align:middle; line-height:42px; }


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

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

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#home nav .hometab.sf-with-ul::after, body#about nav .abouttab.sf-with-ul::after, body#state nav .statetab.sf-with-ul::after, body#municipal nav .municipaltab.sf-with-ul::after, body#subscribers nav .subscriberstab.sf-with-ul::after  { border-top-color:#fff!important; }

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:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/      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;
/*border-top-color: #000;*/ }

ul.sf-menu .sf-sub-indicator { right:25px; }
ul.sf-menu.menu ul { margin-top:34px!important; }
ul.sf-menu .sf-sub-indicator::after a:hover {
    border-top-color:#fff!important; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .hometab, nav .abouttab, nav .statetab, nav .municipaltab, nav .subscriberstab  {  display:inline-block; vertical-align:middle; line-height:40px; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#home nav .hometab, body#about nav .abouttab, body#state nav .statetab, body#municipal nav .municipaltab, body#subscribers nav .subscriberstab  { color:#fff; background-color:#FFF; }

/* Headline for Left Navigation */
#sectionnav h3 { color:#333; background-color:#3c3c3c; }
.sectionbanner { background-color:#f4f5f7; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#21354C; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#21354C; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Forms */
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }

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

/* Search Results page */
.pager__items { list-style:none; padding-top:20px; border-top:1px solid #ccc; }
.pager__items li { display:inline; margin-right:30px; }
.pager__items li:last-child { margin-right:0; }

.header_nav_search { width:33%!important; }
#search-block-form { clear: both; font-size: 1em; font-weight: bold; position: relative; width: 251px; height:31px; background: #fff; color: #000; float: right; }
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }

/* 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; background-color:#132335; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #132335; 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; }

.top {border-bottom: 1px solid #cccccc; padding-bottom: .8em; text-align:right; font-style:italic; clear:both;}
.onthispage { border-left:#B4000F 5px solid; padding:1px 20px; }
.onthispage p { margin-top:5px; }
.onthispage ul { padding-left:15px; margin-bottom:10px; }

/* buttons 
---------------------------------------------- */
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 10px auto; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em ;border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.button-black { background: #444; border: 1px solid #333; color: #fff; }
.button-black:hover { background: #6693AA; color: #fff; }
.button-black:active { background:  #555; color: #fff; }
a.button-black { color:#FFF !important; }

.red { background-color:#B4000F!important; display:inline-block; }
.roundbutton.red:hover { background-color:#9d010e!important; }

#criticalinfo {display: none; }

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;}
footer .footer_column:first-child { width:16%!important; }

li.active-trail a{
     background-color: #132335!important;
  color: #ffffff!important;
}

li.active-trail ul li { background-color:#fff!important; }
li.active-trail ul li a {background-color:#fff!important; color:#132335; }
li.active-trail ul li a:hover {background-color: #132335!important; color: #fff!important; }

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
/*nav.megamenu ul.sf-menu li ul li ul { display:block!important; }*/
#sectionnav ul li ul { border-top:#ddd!important; }

ul.sf-menu ul .sf-sub-indicator::after {
	display: none; }

a.sf-depth-2.menuparent.sf-with-ul { background-color:#fff; color:#343e48!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#343e48; color:#fff!important; }

.sf-menu li.active-trail a, .sf-menu li.active-trail ul li a:hover { color:#fff!important; }
.sf-menu li.active-trail ul li a { color:#343e48!important; }


img.align-right, article.align-right { margin-left:15px; }
img.align-left, article.align-left { margin-right:15px; }
.align-center { text-align:center; }

.clear { clear:both; }

.sidebarbox h3 + img { margin-top:20px; }

.agencytable caption { font-size:.9em; font-style:italic; font-weight:bold; }

.fc table { font-size: 1.2em !important; }

.emergency-alert { visibility: hidden; height:0px;}

aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }

.user-login-form input[type=submit] { line-height:1; }

.contextual-region .contextual .contextual-links a { color:#333!important; height:auto!important; }

hr { border-top:1px solid #ccc; border-bottom:none; }

/* Homepage */
.hero {background-size: cover;background-position: top center;min-height:400px!important;display:block;overflow: hidden;position:relative; width:calc(100% + 2em); margin:-10px 0 0 -1em; border-bottom:5px solid #B4000F; }

.block-alert { background-color:#B4000F; width:calc(100% + 2em); margin-left:-1em; padding:5px 0 10px; }
.block-alert p { margin:0 30px; font-weight:bold; color:#fff; }
.block-alert p a { color:#fff!important; }


.flex-row { display:flex; flex-direction:row; }
/* 
.flex-cell { flex:1; }
 */
.flex-row.commissioners2 {margin-bottom:1em;}
.flex-row.commissioners2 .flex-cell:first-child {margin-right: 1em;}
.flex-row.commissioners2 .flex-cell:last-child {flex-shrink: 1;}
.commissioners2 img {width:150px; height:auto;}

.commissioners2 p:first-child { margin-top: 0; }
.commissioners2 h2:first-child { margin-top:0; }

.core-areas h2, .take-action h2 { color:#416597; }
.core-areas .flex-cell { margin:0 35px; width:25%; }

.take-action { text-align:center; }
.take-action .flex-cell { flex:1; }

.impact-box { width:calc(100% + 2em); margin:0 0 0 -1em; color:#fff; background-color:#132335; padding:20px 0; text-align:center; }
.impact-box .flex-cell { margin:0 20px; flex:1; }
.impact-box a:link, .impact-box a:visited { color:#fff!important; }

.cal-news { margin:30px auto; }
.cal-news .flex-cell { flex:1; margin:0 45px; border:1px solid #ccc; border-top:5px solid #B4000F; border-radius:5px; padding:0 20px; }
.cal-news .flex-cell span.field-content { display:block; margin-bottom:10px; }
.cal-news .flex-cell h3 { font-size:1.5em; color:#416597; margin:10px 0 20px; }
.cal-news .flex-cell time { font-weight:bold; }
.cal-news footer { background:none!important; padding:0; font-style:italic; }

#block-volunteermaine-content .views-row { margin-bottom:50px; }


.newspageheadline h2 { margin-top:5px!important}

.newsitem { margin-bottom:20px; border-bottom:1px solid #ddd; }
.newsitem h2 { margin-top:0; }
.newstype, .newscategories, span.views-label-field-categories, .categorieslink { font-size:.8em; }
.newstype { margin-bottom:0; }
.newscategories { margin-top:0; }

.categorieslink { display:inline; }
.views-field-field-categories { margin-bottom:10px; }
.newsdate { margin-bottom:0; }
h3.newsheadline { margin-top:5px; }

/* Calendar */

.events-table table { font-size:1.3em!important; }

.fc-view-container td, .fc-view-container th, .fc-event {font-size:.825em !important;}
a.fc-day-grid-event:link, a.fc-day-grid-event:visited { color:#fff!important; }



img.resp-img, span.resp-img img, img.align-center { max-width:100%; }

/* Accordion */
.ckeditor-accordion-container > dl { border:1px solid #ddd; }
.ckeditor-accordion-container > dl dt > a { background-color:#EFEFEF!important; border-bottom:1px solid #ddd!important; color:#000!important }
.ckeditor-accordion-container > dl { }
.ckeditor-accordion-container > dl dd { padding:16px 15px 0 16px!important; border-bottom:#ddd!important; }
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after { background-color:#000!important; }



.redcard { flex:1; margin:0 20px; border:1px solid #ccc; border-top:5px solid #B4000F; border-radius:5px; padding:0 20px; }
.redcard:first-child { margin-left:0; }
.redcard:last-child { margin-right:0; }
.redcard h3 { font-size:1.5em; color:#416597; margin:10px 0 20px; }
.redcard ul { margin-left:15px; padding-left:0; }

.commissioners { clear:both; margin-bottom:50px; }
.commissioners img, .commissioners p img  { float:left; margin-right:15px; width:150px }
.commissioners p { float:right; width:calc(100% - 170px); }

/* Forms */
.js-webform-type-fieldset {margin-bottom:1.5em;}
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }
.js-form-type-radio {display:inline-block;margin-right:1em;}
.js-form-type-radio input, .js-form-type-radio label {display:inline-block;}
.js-form-type-radio label {margin-right:1em;}
.js-form-type-checkbox input, .js-form-type-checkbox label {display:inline-block !important;}
.js-form-type-radio label,.js-form-type-checkbox label {margin-left:3px;}
.js-form-item {display:flex;flex-direction:column;}
.js-form-item.js-form-type-checkbox {display:flex;flex-direction:row;}
.js-form-item label {display: block; font-weight:bold; }
.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], .js-form-item input[type=password] {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;}
.js-webform-type-fieldset legend {font-weight:bold;}
.js-form-wrapper legend {margin-top:1em;}
.form-textarea {flex-direction:column;display: block;box-sizing: border-box;width: 100%;height: 4.4375rem;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.2em !important;border-radius:5px;border:1px solid #ececec;margin: 0 auto;}
.js-webform-type-radios,.js-webform-type-checkboxes {margin-bottom:1em;}
legend .fieldset-legend 		{font-weight:bold;}
.fieldset-wrapper legend .fieldset-legend {font-weight:normal;}
.webform-element-description {font-size:.925em;font-style: italic;}

form.user-login-form input[type=text], form.user-login-form input[type=password] { width:30%; } 

#webform-submission-contact-node-81-add-form { width:80%; }

.hide { display:none; }
.author { display:inline; }
.datetime p, .datetime div { display:inline; }

.pub { margin-bottom:20px; border-bottom:1px solid #ddd; }
.pub p:first-child { margin-bottom:0; }
.pub h2 { font-size:1.17em; margin-top:5px; }
.pubcat { font-size:.8em; }

ul.social-list { padding-left:0; }
ul.social-list li.instagram { background-position: 0 -240px; }
ul.social-list li.twitter { background-position: 0 -48px; }
ul.social-list li.facebook { background-position: 0 0; }
ul.social-list li.linkedin { background-position: 0 -96px; }

.serve-maine { text-align:center; }
.serve-maine a { text-decoration:none!important; color:#416597!important; }
.serve-maine a:hover { color:#b4000f!important; }

.card-row
{
	display: flex;
	-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: 15px;
	padding-left: 15px;
}

.card
{
	position: relative;
	display: flex;
	-ms-flex-direction: column;
	-webkitbox-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 .cardfooter,
.card .card-header { padding: 1rem; }

.card-body
{
	-ms-flex: 1 1 auto;
	-webkitbox-flex: 1;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.card .h2
{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;
}

.card h2, .card p { padding: 0 .75rem; }
.card h2 { margin-top: 1rem; }
.card .card-body>p:last-child { marginbottom: 0; }

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

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

.center { text-align: center; }

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

h2.serveinmaineheadline {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
	color:#416597;
	font-size:2.3em;
}

h2.serveinmaineheadline:before,
h2.serveinmaineheadline:after {
    content: '';
    border-top: 2px solid #b4000f;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

h2.serveinmaineheadline:after {
    margin: 0 0 0 20px;
}

.mailconfirmation { font-weight:bold; border:2px solid #b4000f; display:inline-block; padding:2px 15px; }

#block-webform-3 { width:55%; margin-left:21%; }