header .sub-container { color:#fff; background:#1b304f url(../images/header.jpg) 0 0 no-repeat; height:90px!important; }
header { background:#1b304f; background-color:#1b304f; }
header h2.logo a { width:610px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#1b304f; 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:#5f7c06 none 0 0!important; border: 1px solid #5f7c06!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; }

.form-submit { background:#5f7c06 none repeat scroll 0 0!important; border: 1px solid #5f7c06!important; color: #fff!important; margin:0!important; border-radius:0!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:#3b7ba5; }
/*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:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, #main-menu-link-content8d16cc3c-ce56-4a2f-9f17-a1b06762b9da { background:#1b304f; color:#fff!important; }



.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:#1b304f!important; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #3B7BA5; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }


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

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


/*Right Column Box Styles */
.sidebarbox { background-color:#eee; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#1B304F; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #1B304F; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#3B7BA5; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#3B7BA5; }
.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;}

/* @end */

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

/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; }
.sidebarbox h3 { 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; }


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


#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;}

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

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

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }
ul#vtopnav {
    margin: 8px 0;
    padding: 0;
    float: right;
    list-style: 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; }

a.sf-depth-2.menuparent.sf-with-ul { background-color:#fff; color:#1b304f!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#1b304f; 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:#1b304f!important; }

#main-menu-link-content25a126cd-c830-41a1-97f8-d75c09018dbc, #main-menu-link-content8614faa5-cdb8-4276-8821-9e7a278320ad, #main-menu-link-content81ce7c12-4fdb-413e-9cec-4a7130e67426 { display:inline-block; vertical-align:middle; line-height:42px; }

img.align-right { margin-left:15px; }


.clear { clear:both; }

.pdf-viewer { clear:both; width:70%; margin:30px auto; padding:1px 10px 1px 56px; background:#fff url(../images/pdf-icon.png) 10px 10px no-repeat; border:1px solid #ccc; }
aside .pdf-viewer { width:auto!important; }

.top { border-bottom: 1px solid #ccc; padding-bottom: .8em; text-align: right; font-style: italic; clear: both; }

.highlight { padding:0; border:1px solid #214a86; background-color:#E8F3FF; margin-bottom:20px; }
.highlight h2, .highlight h3, .highlight h4, .highlight p { margin:16px!important;}
.highlight h2 { margin:0!important; padding:5px 10px; background-color:#3B7BA5; color:#fff; }
.highlight h3 { color:#214a86; font-size: 20px; }
.highlight h4 { padding-top:10px; }

/* Accordion */
.ui-state-default { border:none; background:none; font-weight:bold; color:#2a53a6; text-decoration:underline; cursor:pointer; }
.ui-state-default:hover { text-decoration:none; }
.ui-state-active { color:#000; }
.ui-accordion-header-icon { display:none; }
.ui-widget-content { background:none; color:#000; border:none; }



/* Landing page */
.twocolboxhome { border-top:1px solid #ccc; margin-top:20px; padding-top:20px; }
.twocolboxhome + .twocolboxhome { border:0; }

.highlight > .twocol1, .highlight > .twocol2 { margin:auto 10px; width:45%; }
ul.checkmark { list-style:none; padding:0; }
ul.checkmark li { margin-bottom:10px; background:#E8F3FF url("../images/check-mark.png") 0 5px no-repeat; padding-left:30px; }
.highlight ul.checkmark { margin:15px 10px; }

hr { border-top:1px solid #ccc; border-bottom:none; }
.datatable td, .datatable th { font-size:100%; }


.hl-list {
    flex: 1 1 320px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    border-top: 5px solid!important;
    border-top-color: #84bc49 !important;
}

.hl-list h2 {
    padding: .5em 1em .5em 16px;
    margin: 0;
    font-size: 1.5em;
    border-bottom: 1px solid #e0e0e0;
    color: #3b7ba5;
}
.bt-5 {
    border-top: 5px solid!important;
        border-top-color: #84bc49!important;
}

hl-list ul {
    margin-left: 0 !important;
    list-style: none;
    padding-left: 16px;
    padding-right: .5em;
}

.hl-list p {
    margin: 1em 1em 1.5em 16px !important;
}
.hl-list h3 {
    margin: 1em 1em 1.5em 16px !important;
}

.w100 {
    width: 100%;
}

/* flexbox code */

.flex-row 				{ display:flex;margin:.5em 0;border-bottom: 1px solid #ececec;padding:1em;}
.flex-row img 			{max-width:100%;display:block;}
.flex-cell 				{ padding: 0 1em;border-left: 1px solid #ececec; width: 100%;}
.flex-cell:first-child 	{ margin-left:0;padding-left:0;border-left: none;}
.flex-cell:last-child 	{ margin-right:0; padding-right:0;}
.flex-cell li 			{ margin-bottom:.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;}	
.flex-cell > h2:first-child {margin-top:0 !important;}
.flex-cell > h2:first-child,.flex-cell > h3:first-child		{margin-top:0 !important;}
	@media only screen and (max-width: 670px) {
	.flex-row  {margin: 1em 0;flex-direction:column;}
	.flex-cell  {flex:1 !important;padding: 0;border-left: none;}
}

table th {text-align: center!important;}

.red-text {color:#ff0000!important;}

html {
  scroll-behavior: smooth;
}

/* Drupal webforms */ 
.webform-submission-form select 			{display: block; font-size: 16px; line-height: 1.3; padding: .3em 1.4em .2em .8em; 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, #ffffff 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:focus 		{box-shadow: 0 0 0 3px -moz-mac-focusring; outline: none;} 
.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: 1em;padding: 6px;border-radius: 4px;} 
.webform-flexbox 							{gap: 1rem;}
.pager 										{text-align:center;}
.pager__items 								{margin: 1rem 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 #ececec;border-radius: 3px;}
.pager__item.is-active a 					{background-color:#ececec;}
.form-required:after 						{content: " *";color:red;}