header .sub-container { color:#fff; background:#546776 url(../images/header.jpg) 0 0 no-repeat; height:90px!important; }
header { background:#546776; background-color:#546776; }
header h2.logo a { width:620px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#546776; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!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:#d2cfbe; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#475362!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 { background:#546776; color:#fff!important; }



.sf-menu li.active-trail a { color:#fff; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362; text-decoration:none!important; }*/
.sf-menu li ul li a { color:#475362; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #546776; }
.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:8px!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:#02263D; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #02263D; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#546776; color:#fff; font-size: .90em!important; }
.tbstriped tr td { background:#fff; font-size: .95em!important; }
.tbstriped thead td { color:#fff; background-color:#C8C028; }
.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%; }


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



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


@media screen and (min-width:652px) and (max-width:1242px) {
.home-info {width: 75%;}
.home-info .info { width: 72%; }

}
li.active-trail a{
     background-color: #546776!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: #546776!important; color: #fff!important; }

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

/* Nav fix */ 
/* 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:#475362!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#546776; color:#fff!important; }
/* #main-menu-menu-link-content1c8083f1-5918-417b-9207-91122f3d54d6, #main-menu-menu-link-content0e329dfa-3c32-49f8-80d4-95376a6f0aff, #main-menu-menu-link-contenta7586316-2f96-405f-b1c0-641bb28b8d77, #main-menu-menu-link-content7dafa8d2-9e77-4f3c-9bf5-f39bb030c172 { display:inline-block; vertical-align:middle; line-height:42px; } */

.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:#475362!important; }




#hero-box {
    width: calc(100% + 2em);
    background: url(/dafs/procurementservices/themes/procurement/images/procurement-services2.jpg) no-repeat center center;
    margin-left: -1em;
    padding: 60px 0;
    margin-top: -31px;
}
#hero-box p {
	line-height: 125%!important;
    font-size: 3em;
	font-weight: 300;
	font-family: 'Merriweather', serif;
}
#intro {
    margin: 30px auto;
    width: 65%;
    color: #fff;
    text-align: center;
    padding: 5px 55px 10px;
}
#intro h1 {
    text-transform: uppercase;
    font-size: 3.0em;
}
.roundbutton, .roundbutton:visited {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.01);
    text-decoration: none;
    font-weight: 400;
    line-height: 1;
    padding: 0.5em 0.7em !important;
}
.whiteoutline.roundbutton {
    color: #fff;
    border: 1px solid #fff!important;
    text-shadow: none !important;
    font-weight: 500 !important;
}

#hero-box-two {
    width: calc(100% + 2em);
    background: #E3E3E3;
    margin-left: -1em;
    padding: 0px 0 30px 0;
	margin-bottom: -20px;
}

#home-news { width:calc(100% + 2em); background-color:#b9c7d2; margin-left:-1em; }
.newscol1, .newscol3 { width:20%; float:left; }
.newscol1 { margin-right:3%; }
.newscol2 { width:48%; float:left; margin-right:3%; }
.newscol2 ul.plain li { margin-bottom:5px; }
.newscol1 h3 { text-align:right; text-transform:uppercase; font-size:1.8em; line-height:1em; margin:15px 0; width:60%; float:right; }
.newscol2 ul { list-style:none; margin:12px 0; padding-left:0; }

#home-row1 {
    margin-top: 30px;
}
#home-row2 { clear:both; margin-top:40px;}
#home-row3 { clear:both; margin-top:40px;}
.box1, .box2, .box3 { float:left; width:30%; background:#fff; border: 1px solid #eeeeee; }
.box1, .box2 { margin-right:4.5%;}
.box1 h3, .box2 h3, .box3 h3 { margin:0; }
.box1 p, .box2 p, .box3 p { margin:10px; }
.homebox{
	    min-height: 60px;
}
.homebox h3 a {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:20px; padding-bottom:20px; text-decoration: none; background:#fff; transition: 0.4s; font-size:0.875em;
}
.homebox h3 a:hover {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:20px; padding-bottom:20px; text-decoration: none; background: #FFDEC5; transition: 0.4s;font-size:0.875em;
}
.homeboxone h3 a {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:43px; padding-bottom:44px; text-decoration: none; background:#fff; transition: 0.4s;font-size:0.875em;
}
.homeboxone h3 a:hover {
	display:block; color:#000!important; text-align:center; height:100%; width:100%; margin:0; padding-top:43px; padding-bottom:44px; text-decoration: none; background: #FFDEC5; transition: 0.4s;font-size:0.875em;
}

a.roundbutton { color:#fff!important; }
a.whiteoutline:hover { background-color:rgba(0, 0, 0, .3);  }

.statewide_message p, th, td, .crumb_trail, .header_nav_search ul#vtopnav {
    font-size: .90em!important;
}

.callout {
	text-align: center;
	padding: 35px 0px 0px 0px;
}
.btnctn{
	width:80%;
	-webkit-align-content: center;
    align-content: center;
	text-align: center;
	margin: auto;
	padding-bottom: 30px;
}

.roundbuttonn, .roundbuttonn:visited {
    border-radius: 8px;
        background-color: #b85e14;
    color: #fff;
    padding: 20px 50px!important;
    text-decoration: none;
    font-weight: 400;
    line-height: 1; 
	margin-top: 10px;
}
.roundbuttonn:hover {
	background-color: #9E5111;
}
a.roundbuttonn { color:#fff!important; }
.pspace{
	margin-top: 30px;
}
.hlinks{
font-size: 2.5em;	
}
.sf-menu li ul li { text-align:left!important; }

.homebox i {
	display:block; color:#b85e14!important; text-align:center; margin:0;  padding-bottom:20px; text-decoration: none; font-size:3.0em;
}
.fas {
	font-size: 3.0em; color:#b85e14!important; padding-bottom:30px;
}
/*
#main-menu-link-content1027b29a-faff-464e-9c85-e57f4c0c236b {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-content3bfbc3b8-ac73-4b26-a879-05d734b95bf8 {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contente0fb29b6-021b-44eb-99c4-7fcaf247cbc0 {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contentfa8f86cf-c5a5-425f-86c7-e4d88f8491cd {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-menu-link-contentfa8f86cf-c5a5-425f-86c7-e4d88f8491cd {display:inline-block; vertical-align:middle;line-height: 42px;}
#main-standardfront-page {display:inline-block; vertical-align:middle;line-height: 42px;} */


/* Homepage */

.herobox { width:calc(100% + 2em); height:250px; padding-top:100px; margin:-10px 0 0 -1em; background:#fff url(/budget/themes/budget/images/herobg.jpg) center 40% no-repeat; background-size:cover; }
.herobox p { width:80%;  display:block; margin:0 auto; text-align:center; 	line-height: 125%!important; font-size: 1.7em!important; font-weight: 300!important; font-family: 'Merriweather', serif!important; color:#fff; }

.page-node-type-home-page #content h2 { padding-bottom:3px; border-bottom:1px solid #c8c8c8; color:#546776; font-size:1.8em; }

ul.checklist { list-style:none; padding:0; }
ul.checklist li { margin-bottom:10px; background:#fff url(../images/check.jpg) left center no-repeat; padding-left:25px; font-size:1em; }

.inquiries { border:1px solid #546776; padding:0 15px; }

img.resp-img {
    max-width: 100%;
}