@font-face {
font-family: 'Merriweather';
src: url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.eot);
src: url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.eot?#iefix) format('embedded-opentype'),
url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.woff2) format('woff2'),
url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.woff) format('woff'),
url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.ttf) format('truetype'),
url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/fonts/Merriweather.svg#Merriweather) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
font-family: Arial, Verdana, sans-serif;
font-size: 17px;
color: #000;
background-color: #8596AA;
}
#page {
margin-top: 20px;
padding: 3px;
background-color: #f2f2f2;
}
* {outline: none !important;}
a:hover {text-decoration: none;}
a,
a:before,
a:after {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease; 
}
p { margin-bottom: 15px;}
.btn {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s; 
}
.btn-contact {
padding: 10px 25px;
background: #808084;
color: #fff;
font-size: 20px; 
margin-top: 15px;
font-family: 'Montserrat-ExtraBold';
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}
.btn-contact:hover {background: #808084; color: #fff;}
.gutter-left-10 {padding-left: 10px;}
.gutter-right-10 {padding-right: 10px;}
svg.icon-search {display: none;} header {
margin-bottom: 1px;
background: #336299 url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/images/MastBG.png) 0 0 repeat-x;
min-height: 70px;
overflow: hidden;
}
#logo-title {
float: left;
margin: 10px;
}
#name-and-slogan {
float: left;
margin: 10px;
}
.site-name {
margin: 0;
padding: 0;
}
.site-name a {color: #fff; font-weight: bold; font-size: 34px; letter-spacing: 0.05px;}
.site-name-small {
font-size: 13px;
color: #eee;
display: block;
margin: 0;
font-style: italic;
font-weight: bold;
text-align: center;
}
.site-slogan {
font-size: 22px;
color: #eee;
display: block;
margin: 0;
padding: 0;
font-style: italic;
font-weight: bold;
} .navbar {background: #005581; padding-top: 0; padding-bottom: 0; z-index: 10;}
.navbar-light .navbar-nav .nav-link {padding-top: 13px; padding-bottom: 13px; border-left: 1px solid #266e94; font-size: 16px; font-family: 'Merriweather-Bold'; color: #fff;}
.navbar-nav li:last-of-type .nav-link {border-right: 1px solid #266e94;}
.navbar-nav > li {margin-bottom: -10px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #fff; background: #004266; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 26px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff; background: #004266; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 26px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {padding: 7px 10px; line-height: 20px;}
@media only screen and (min-width: 992px) {
.main-menu {
background: #2E4A6B; 
z-index: 10;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
#mega-menu-wrap-main-menu {background: none;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
margin: 0;
display: inline-block;
height: auto;
vertical-align: middle;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
text-align: center; padding: 6px 14px !important; line-height: normal !important; height: auto; display: block !important;
font-size: 12px;
border-left: 1px solid #6b8995;
-webkit-transition: all .3s ease !important;
-moz-transition: all .3s ease !important;
transition: all .3s ease !important; 
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-of-type > a.mega-menu-link {
border-right: 1px solid #6b8995;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #336299;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #6b8995;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
background: #336299;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #6b8995;
}
} .home .entry-content {
padding: 4px 16px 16px;
}     #header {
min-height: 70px;
margin-bottom: 3px;
} .section {
float: left;
}
#section1 {
border: 1px solid #ccc;
margin: 4px 0;
}
#section1 .block,
#section2 .block {
padding: 8px;
}
.section.width99 {
width: 100%;
}
.section.width49 {
width: 50%;
}
.section.width33 {
width: 33%;
}
.section.width24 {
width: 25%;
}
.sections {
width: 100%;
}
#middlecontainer {
margin: 0 auto;
}
#sidebar-left, #sidebar-right {
width: 210px;
float:left;
z-index: 2;
position: relative;
}
#sidebar-left .block, #sidebar-right .block {
padding:8px;
margin-bottom:5px;
border: 1px solid #ccc;
}
#main {
float: left;
width:100%;
}
body.sidebar-left #main {
margin-left: -210px;
margin-right: 0;
}
body.sidebar-right #main {
margin-right: -210px;
margin-left: 0;
}
body.sidebars #main {
margin-left: -210px;
margin-right: -210px;
}
body.sidebar-left #squeeze {
margin-left: 210px;
margin-right: 0;
padding-left: 4px;
}
body.sidebar-right #squeeze {
margin-right: 210px;
margin-left: 0;
padding-right: 4px;
}
body.sidebars #squeeze {
margin-left: 210px;
margin-right: 210px;
padding: 0 4px;
}
#squeeze-content {
padding-bottom: 15px;
}
#inner-content {
padding: 4px 16px;
}
.node {
margin: .5em 0 1em 0;
}
.node .content, .comment .content {
margin: .5em 0 .5em 0;
} body {
font-size: 82%;
font-family:  Arial, Verdana, sans-serif;
line-height: 130%;
color: #000;
background-color: #fff;
}
p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
h1, h2, h3, h4, h4 {
padding-bottom: 5px;
margin: 10px 0;
line-height:125%;
}
h1 {
font-size: 160%;
}
h2 {
font-size: 125%; font-weight: bold;
}
h3 { 
font-size: 110%; font-weight: bold;
}
h4 {
font-size:  100%; font-weight: bold;
}
#content-top h2, #content-top h2.title,
#content-bottom h2, #content-bottom h2.title {
font-size:125%;
}
#main h2.title {
font-size: 150%;
}
.title, .title a {
font-weight: bold;
color: #8E6126;
margin: 0 auto;
}
.submitted {
color: #8E6126;
font-size: 0.8em;
}
.links {
color: #8E6126;
}
.links a {
font-weight: bold;
}
.block .title {
margin-bottom: .25em;
}
.box .title {
font-size: 1.1em;
}
.sticky {
padding: .5em;
background-color: #eee;
border: solid 1px #ddd;
} a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#main .block h2.title {
font-size: 125%;
} tr.odd td, tr.even td {
padding: 0.3em;
}
tr.odd {
background: #eee;
}
tr.even {
background: #ccc;
}
tbody {
border: none;
}
fieldset {
border: 1px solid #ccc;
}
pre {
background-color: #eee;
padding: 0.75em 1.5em;
font-size: 12px;
border: 1px solid #ddd;
}
table {
font-size: 1em;
}
.form-item label {
font-size: 1em;
color: #222;
}
.item-list .title {
font-size: 1em;
color: #222;
}
.item-list ul li {
margin:0pt 0pt 0.25em 0;
}
.links {
margin-bottom: 0;
}
.comment .links {
margin-bottom: 0;
}
#help {
font-size: 0.9em;
margin-bottom: 1em;
}
.clr {
clear: both;
} #logo {
vertical-align: middle;
border: 0;
}
#logo img {
float: left;
padding: 0 1em;
border: 0;
padding-top: 15px;
padding-bottom: 15px;
width: 263px;
height: 82px;
}
#logo-title {
float: left;
margin: 10px;
}
#name-and-slogan {
float: left;
margin: 10px;
}
.site-name {
margin: 0;
padding: 0;
font-size: 2.6em;
}
.site-name a:link, .site-name a:visited {
color: #fff;
}
.site-name a:hover {
text-decoration: none;
}
.site-name-small {
font-size: 1.0em;
color: #eee;
display: block;
margin: 0 0 .5em 0;
font-style: italic;
font-weight: bold;
text-align: center;
}
.site-slogan {
font-size: 1.7em;
color: #eee;
display: block;
margin: 0;
padding: 0;
font-style: italic;
font-weight: bold;
} #search-theme-form {
float: right;
padding: 0.5em 0.5em 0 0.5em;
}
#search .form-text, #search .form-submit {
border: 1px solid #369;
font-size: 1.1em;
height: 1.5em;
vertical-align: middle;
}
#search .form-text {
width: 8em;
padding: 0 0.5em;
}
#edit-search-theme-form-1-wrapper label {
display: none;
} #primarymenu {
padding: 0.5em 0.5em 0 0.5em;
text-align: right;
float:right;
clear:right;
}
#primarymenu li {
border-left:1px solid #FFFFFF;
padding:0pt 0.5em 0pt 0.7em;
}
#primarymenu li.first {
border:medium none;
}
.primary-links {
font-size: 1.0em;
color: #fff;
}
.secondary-links {
font-size: 0.8em;
color: #fff;
}
.primary-links a,
.primary-links a:link, 
.primary-links a:visited, 
.primary-links a:hover, 
.primary-links .links {
font-weight: bold;
color: #fff;
}
.primary-links ul.menu {
text-align: right;
}
.primary-links li {
display:inline;
list-style-type:none;
padding:0pt 0.5em;
}
.primary-links li.first {
border: none;
}
#primarymenu a.active, #primarymenu a.active {
color:#CDCD8F;
}
#primarymenu a {
color:#FFFFFF;
font-weight:bold;
} #mission {
padding: 1.5em 2em;
color: #fff;
}
#mission a, #mission a:visited {
color: #9cf;
font-weight: bold;
}
.breadcrumb {
margin-bottom: .5em;
}
div#breadcrumb {
clear: both;
font-size: 80%;
padding-top: 3px;
}
.messages {
background-color: #eee;
border: 1px solid #ccc;
padding: 0.3em;
margin-bottom: 1em;
}
.error {
border-color: red;
}
#header .block {
text-align: center;
} #footer { font-size: 0.8em;
margin-top: 4px;
border-top: 1px solid #ccc;
text-align: center;
}
#footer-region {
text-align: center;
}
#footer-message {
text-align: center;
margin:0;
font-size: 90%;
}
#footer-message a {
font-weight:bold;
}
.node .taxonomy {
font-size: 0.8em;
padding-left: 1.5em;
}
.node .picture {
border: 1px solid #ddd;
float: right;
margin: 0.5em;
}
.comment {
border: 1px solid #abc;
padding: .5em;
margin-bottom: 1em;
}
.comment .title a {
font-size: 1.1em;
font-weight: normal;
}
.comment .new {
text-align: right;
font-weight: bold;
font-size: 0.8em;
float: right;
color: red;
}
.comment .picture {
border: 1px solid #abc;
float: right;
margin: 0.5em;
}
#aggregator .feed-source {
background-color: #eee;
border: 1px solid #ccc;
padding: 1em;
margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
font-style: italic;
font-size: 0.9em;
}
#aggregator .title {
margin-bottom: 0.5em;
font-size: 1em;
}
#aggregator h3 {
margin-top: 1em;
}
#forum table {
width: 100%;
}
#forum td {
padding: 0.5em;
}
#forum td.forum, #forum td.posts {
background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
background-color: #ddd;
}
#forum td.container {
background-color: #ccc;
}
#forum td.container a {
color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
height: 1.5em;
border: 1px solid #bbb;
}
#forum td .name {
}
#forum td .links {
padding-top: 0.7em;
font-size: 0.9em;
}
#profile .profile {
clear: both;
border: 1px solid #abc;
padding: .5em;
margin: 1em 0em;
}
#profile .profile .name {
padding-bottom: 0.5em;
}
.block-forum h3 {
margin-bottom: .5em;
}
div.admin-panel .description {
color: #8E6126;
}
div.admin-panel .body {
background: #f4f4f4;
}
div.admin-panel h3 {
color: #fff;
padding: 5px 8px 5px;
margin: 0;
}
.poll .title { color:#000000;} div.content .emphasis-blue { color: #336299; font-weight: bold; }
div.content .emphasis-green { color: #336633; font-weight: bold; }
div.content .emphasis-orange { color: #FF9933; font-weight: bold; }
div.content .emphasis-red { color: #CC0000; font-weight: bold; } div#block-block-9 div.content {	background-color: #CC0033; }
div#block-block-9 .content p { margin: 0px 0px 0px 13px; padding: 5px 0 6px 0; text-align: left; color: white; }
div#primarymenu { display: none; } body {
color: #000;
background-color: #8596AA;
padding-bottom: 20px;
}
#page {
background-color: #f2f2f2;
}
tr.odd {
background: #F5F5E9;
}
tr.even {
background: #EEF4F9;
}
#section1 {
background: #F5F5E9;
}
#section2 {
background: #336299 url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/images/blue/BottomBG.png) 0 0 repeat-x;
color: #fff;
}
#primary a.active,
#secondary a.active {
color: #CDCD8F;
}
a:link,
a:visited,
a:hover,
.title, .title a,
.submitted,
.links,
.node .taxonomy,
#aggregator .news-item .categories, #aggregator .source, #aggregator .age,
#forum td .name,
div.admin-panel .description {
color: #336299;
}
#section2 .title,
#section2 .title a {
color: #fff;
}
#section2 a:link,
#section2 a:visited,
#section2 a.hover {
color: #EEC193;
}
#header {
background: #336299 url(//henricocommissionerofaccounts.com/wp-content/themes/henricocoa/assets/images/blue/MastBG.png) 0 0 repeat-x;
}
#sidebar-left .block, #sidebar-right .block {
background-color: #EEF4F9;
}
#mission,
div.admin-panel h3 {
background-color: #2E4A6B;
} b, strong {font-weight: bold;} .innerpage-title h1.entry-title {margin-top: 14px; margin-bottom: 0; margin-left: 1px; color: #336299; font-weight: bold;}
.innerpage-content {margin-bottom: 30px;}
.sidebar {margin-top: 3px;}
.block ul {margin: 0; padding: 0 0 0.25em 1em;}
#block-block-8 {display: none;}
.page-id-133 #block-block-8, .parent-pageid-133 #block-block-8,
.page-id-84 #block-block-8,
.page-id-85 #block-block-8,
.page-id-134 #block-block-8,
.page-id-99 #block-block-8,
.page-id-86 #block-block-8,
.page-id-87 #block-block-8,
.page-id-88 #block-block-8,
.page-id-89 #block-block-8,
.page-id-90 #block-block-8,
.page-id-91 #block-block-8,
.page-id-135 #block-block-8 {display: block;}
blockquote {margin: 13px 0 0 40px;}
.page-child .sidebar {margin-top: -27px;} #comments {display: none;}
.home .breadcrumbs {display: none;}
.breadcrumb-container.theme1 a {margin: 0 !important; padding: 0 2px !important;}
.breadcrumb-container ul {margin: 13px 0 0 15px !important;}
.page-id-133 .innerpage-title h1.entry-title,
.page-id-92 .innerpage-title h1.entry-title, 
.page-id-94 .innerpage-title h1.entry-title, 
.page-id-93 .innerpage-title h1.entry-title,
.page-id-140 .innerpage-title h1.entry-title {display: none;}
.page-id-133 .breadcrumb-container, .page-id-92 .breadcrumb-container, .page-id-94 .breadcrumb-container, .page-id-93 .breadcrumb-container, .page-id-95 .breadcrumb-container, .page-id-140 .breadcrumb-container, .page-id-147 .breadcrumb-container, .page-id-143 .breadcrumb-container {display: none;}
.home .breadcrumb-container, .error404 .breadcrumb-container {display: none !important;}
.error404 h1.error-404-title {font-size: 30px; text-align: center; margin-top: 50px;} footer {font-size: 0.8em; margin-top: 4px; border-top: 1px solid #ccc; text-align: center;} #return-to-top {
font-size: 10px;
margin-right: 10px;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} @media screen and (min-width: 1200px) {
.container {max-width: 856px;}
}
@media (max-width: 1199px) {
}
@media (min-width: 992px) {
.innerpage .col-lg-3 {
-ms-flex: 0 0 26.4%;
flex: 0 0 26.4%;
max-width: 26.4%;
}
.innerpage .col-lg-9 {
-ms-flex: 0 0 73.6%;
flex: 0 0 73.6%;
max-width: 73.6%;
padding-right: 5px;
}
}
@media (max-width: 991px) {
[class*="gutter-"] {
padding-left: 15px;
padding-right: 15px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {padding: 0 10px 0 20px;}
}
@media (max-width: 767px) {
header {display: flex; flex-direction: column; align-items: center;}
.site-name a {font-size: 24px;}
.site-slogan {font-size: 16px; text-align: center;}
.header-contact-phone {margin-top: 5px; margin-bottom: 10px;}
#page {margin-top: 0;}
#logo-title {margin-bottom: 0;}
#name-and-slogan {margin-top: 0; margin-bottom: 15px;}
h1.site-name {line-height: 100%;}
.site-name-small {margin: 0 0 0.4em 0;}
#sidebar-left, #sidebar-right {width: 100%; float: none;}
}