meta.foundation-version { font-family: "/5.4.5/"; }
meta.foundation-data-attribute-namespace { font-family: false; }
html, body { height: 100%; }
body { font-family: 'Work Sans', sans-serif; background-color: #EAEFF5 }
.navhead { height:330px; background: url("/static/images/header.jpg") center; margin-bottom: 0px; }
.navhead .container { margin-top: 15px; }
.navhead .open>a, .navhead .open>a:focus, .navhead .open>a:hover { background-color: transparent; }
.navhead a:visited, .navhead a:active, .navhead a:link { background-color: transparent; }
.navhead li, .navhead ul, .navhead a { background-color: transparent; }
.navhead li a:hover { text-decoration: underline; font-weight: 600; background-color: transparent; }
.navbar-header { padding-left: 60px; }
.navbar-header a { font-weight: 600; color: whitesmoke; }
.navbar-brand { margin-left:40px !important; font-size:24px !important}
.navbar-right a { color: whitesmoke !important; }
.headertext { margin-top: 120px; color: whitesmoke; text-align: center; }
.headertext .headertop { font-weight: 300; font-size: 23px; }
.headertext .headerbottom { font-weight: 600; font-size: 15px; }
.links .dropdown-menu { right: auto; }

.navyears { background-color: white; border-bottom: 1px solid lightgrey; }
.navyears .navbar-nav { display: inline-block; float: none; vertical-align: top; }
.navyears .navbar-nav li { padding: 4px 8px 4px 8px; }
.navyears .navbar-collapse { text-align: center; }
.navyears a { color: #535353; font-weight: 500 ; font-size: 15px; }
.navyears .active a { font-weight: 600; text-decoration:underline }

.totalspend { text-align: center; color: #535353; margin: 10px 0px 15px 0px; }
.totalspend label {font-weight: 300; font-size: 26px; }
.totalspend span { font-weight: 500; font-size: 26px; }

.navsectors .navbar-collapse { text-align: center; }
.navsectors .nav { border-bottom: 1px solid lightgrey; border-right: 1px solid lightgrey; }
.navsectors a { color: #535353; font-weight: 500 }
.navsectors li { background-color: white; margin:0px 1px 0px 1px; }
.navsectors li { border-right: 1px solid #EAEFF5; border-left: 1px solid #EAEFF5; }
.navsectors li:hover { background-color: #EEEEEE; }
.navsectors li a { width: 100%; padding: 18px 6px; }
.navsectors .active { background-color: lightgray; }
.navsectors label { color: #535353; }

.graph { background-color: white; margin-left: 16px; margin-right: 15px; }
.graph { border-bottom: 1px solid lightgrey; border-right: 1px solid lightgrey; }
.twographs, .graphleft, .graphright { padding-left: 0px; padding-right: 0px; }
.graphleft .graph, .graphright .graph { padding: 20px; }
.alert { margin-bottom: 5px; }

#accordion { text-align: center; }
#accordion span { font-weight: 600; }
div.accordion-panel { max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; position: relative }
div.accordion-panel.show { opacity: 1; max-height:100%; }
#additionalgraphs { background-image:url("/static/images/additional_graphs_small.png"); background-position: center; background-repeat: no-repeat; height: 50px; }
#accordion.active #additionalgraphs { background-image:url("/static/images/additional_graphs_small_minus.png"); }

.mainabout { font-size: 15px; }
footer { background-color: #29343e; color: white; padding: 30px; font-weight:500; text-align: center; }
footer .left img { height: 50px; }
footer .right img { height: 35px; }

@media (max-width: 449px) {
  .navsectors li { width: 49%; float: left; margin-bottom: 4px; }
  #additionalgraphs { background-image:url("/static/images/additional_graphs_small.png") }
  #accordion.active #additionalgraphs { background-image:url("/static/images/additional_graphs_small_minus.png") }
  .navbar-brand { width: 200px; }
}
@media (min-width: 450px) and (max-width: 700px) {
  .navsectors li { width: 32%; float: left; margin-bottom: 4px; }
  #additionalgraphs { background-image:url("/static/images/additional_graphs_small.png") }
  #accordion.active #additionalgraphs { background-image:url("/static/images/additional_graphs_small_minus.png") }
}
@media (min-width: 701px) and (max-width: 840px) {
  .navsectors li { width: 24%; float: left; margin-bottom: 4px; }
  #additionalgraphs { background-image:url("/static/images/additional_graphs_small.png") }
  #accordion.active #additionalgraphs { background-image:url("/static/images/additional_graphs_small_minus.png") }
}

.navbar-header .navbar-toggle { background-color: lightgray; }
.navbar-header .navbar-toggle .icon-bar { border: 1px solid gray; }
.highcharts-data-table table { width: 95%; border: 1px solid gray; }