:root {
	--main-dark:#3a3a3a;
	--main-dark-secondary: #2c2c2c;
	--gray: #c4c4c4;
	--ash: #EEEEEE;
	--main-light: #CA9B54;
	--secondary-darker: #9A7B45;
	--secondary-lighter: #D7C2A1;
	--ls-dark:#85251A;
	--ls-dark-secondary:#5E1913;
	--ls-light: #C18E7E;
	--lfa-dark:#1D5329;
	--lfa-dark-secondary:#16301B;
	--lfa-light:#8CA890;
	--lrgc-dark:#642451;
	--lrgc-dark-secondary:#481039;
	--lrgc-light:#A27E8F;
	--lag-dark:#00315E;
	--lag-dark-secondary:#04233C;
	--lag-light:#697A9F;
	--link-color:#184477;
	--serif-font:Georgia;
	--sans-serif-font: Tahoma;
}

/***Basic Styling**/
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    font-family: var(--sans-serif-font);
	font-size: 100%;
	overflow-x: hidden;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body {
	position: relative;
	z-index: 9000;
    margin: 0;
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
	/* font-size: 2em; */
	margin: 0.67em 0
}
figcaption, figure, main {
	display: block
}
main {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
figure {
	margin: 1em 40px
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: var(--sans-serif-font);
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	padding: 0.35em 0.75em 0.625em
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type="checkbox"], [type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
template {
	display: none
}
[hidden] {
	display: none
}
h1, h2, h3, h4, h5, h6 {
	color: var(--main-dark);
	font-family:var(--serif-font);
}
.vis-hidden {
	position:absolute;
	left:-1000vw;
}

p, a {
	line-height: 1.5rem
}
a {
	text-decoration: none;
	color: var(--link-color);
}
aside, .aside {
	width: calc(100% - 48px);
	margin: 0 auto;
	padding: 0 24px;
	background-color: #f3f3f3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #dbdbdb;
}

@media (min-width: 769px) {
	aside {
		-webkit-box-flex: 3;
		-ms-flex: 3;
		flex: 3;
		margin: 0 auto;
		padding: 72px 24px 24px;
		border-top: none;
		border-left: 2px solid #dbdbdb
	}
    .aside {
		-webkit-box-flex: 3;
		-ms-flex: 3;
		flex: 3;
		margin: 0 auto;
		border-top: none;
		border-left: 2px solid #dbdbdb
	}
}

aside h2 {
	font-size: 18px
}
aside h2:first-child {
	margin-top: 0
}
aside ul:last-child {
	margin-bottom: 0
}
p:last-child, ul:last-child, ol:last-child {
	margin-bottom: 0
}
ul {
	list-style: none;
	padding-left: 0
}
ul li {
	padding: 6px 0
}
.max-width{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
	max-width:1200px;
}
@media (min-width: 850px) {
	 main {
		margin-bottom: 3em;
	}
    aside {
		-webkit-box-flex: 3;
		-ms-flex: 3;
		flex: 3;
		margin: 0 auto;
		padding: 72px 24px 24px;
		border-top: none;
		border-left: 2px solid #dbdbdb
	}
}

/**** Button Styling****/
button, .button {
	margin-bottom: 4px;
	padding: 8px 16px;
	background-color: var(--main-light);
	border: none;
	border-radius: 4px;
	font-family: var(--sans-serif);
	font-weight: lighter;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
    cursor:pointer;

}
button:hover, .button:hover {
	background-color: var(--secondary-darker);
}
button:active, .button:active {
	background-color: var(--secondary-lighter);
}
button.secondary, button.submit, button.danger, .button.secondary, .button.submit, .button.danger {
	color: white
}
button.secondary, .button.secondary {
	background-color: var(--main-dark);
}
button.secondary:hover, .button.secondary:hover {
	background-color: var(--gray);
}
button.secondary:active, .button.secondary:active {
	background-color: var(--main-dark);
}

/***Table Styling***/
.slot {
/*	overflow: scroll;*/
	width: 100%;
	height: auto;
	display:none;
}
.table-scroll {
	overflow: scroll
}
table {
	width: 100%
}
table.prevNextTbl tr:nth-child(odd) {
	background-color: transparent
}
table th {
	padding: 8px;
	background-color: var(--main-dark);;
	color: white
}
table th a:link, table th a:visited {
    color:white;
    text-decoration:none;
}
table tr:nth-child(odd) {
	background-color: #ebebeb;
}

/*** Contrast/Accessibility Styling***/
html.smallFont {
	font-size: 80%
}
html.largeFont {
	font-size: 120%
}
html.textOnly * {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: black !important;
	background-color: white !important;
	background-image: none !important;
	border-color: black !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-indent: 0 !important
}
html.textOnly * main header {
	color: white !important;
	background: black !important
}
html.textOnly * main header section svg {
	display: none !important
}
html.textOnly * section h2 {
	background-color: #e1e1e1;
	border-bottom: 1px solid black
}
html.textOnly * section h2 svg {
	display: none !important
}
html.textOnly * svg path, html.textOnly * svg polygon, html.textOnly * svg rect, html.textOnly * svg circle {
	fill: #000000 !important
}
html.textOnly * .locationAwareMap {
	display: none
}
html.textOnly * img {
	display: none !important
}
html.textOnly * ::-webkit-input-placeholder {
	color: black !important
}
html.textOnly * ::-moz-placeholder {
	color: black !important
}
html.textOnly * ::-moz-placeholder {
	color: black !important
}
html.textOnly * ::-ms-input-placeholder {
	color: black !important
}
html.textOnly * .showing-outofstate {
	font-size: .8em;
	font-style: italic
}
html.textOnly * input[type=text], html.textOnly * textarea {
	color: black;
	padding: .5rem !important;
	border: 1px solid black !important
}
html.textOnly * button {
	color: black;
	border: 1px solid black !important
}
html.textOnly * #overlay {
	background: rgba(0, 0, 0, 0.4) !important
}
html.textOnly * header#main-header .toggle-menu span {
	background: black !important
}
html.textOnly * header#main-header .toggle-menu span::before {
	background: black !important
}
html.textOnly * header#main-header .toggle-menu span::after {
	background: black !important
}
html.textOnly * header#main-header .toggle-menu.active span {
	background: white !important
}
html.highContrast * {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: white !important;
	background-color: black !important;
	background-image: none !important;
	border-color: white !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-indent: 0 !important
}
html.highContrast * main header section svg {
	display: none !important
}
html.highContrast * section h2 {
	background-color: #e1e1e1;
	border-bottom: 1px solid black
}
html.highContrast * section h2 svg {
	display: none !important
}
html.highContrast * svg path, html.highContrast * svg polygon, html.highContrast * svg rect, html.highContrast * svg circle {
	fill: white !important
}
html.highContrast * .locationAwareMap {
	display: none
}
html.highContrast * img {
	display: none !important
}
html.highContrast * ::-webkit-input-placeholder {
	color: white !important
}
html.highContrast * ::-moz-placeholder {
	color: white !important
}
html.highContrast * ::-moz-placeholder {
	color: white !important
}
html.highContrast * ::-ms-input-placeholder {
	color: white !important
}
html.highContrast * .showing-outofstate {
	font-size: .8em;
	font-style: italic
}
html.highContrast * input[type=text], html.highContrast * textarea {
	color: white;
	background-color: white;
	padding: .5rem !important;
	border: 1px solid white !important
}
html.highContrast * button {
	color: white;
	border: 1px solid white !important
}
html.highContrast * #overlay {
	background: rgba(0, 0, 0, 0.4) !important
}
html.highContrast * header#main-header .toggle-menu span {
	background: white !important
}
html.highContrast * header#main-header .toggle-menu span::before {
	background: white !important
}
html.highContrast * header#main-header .toggle-menu span::after {
	background: white !important
}
html.highContrast * header#main-header .toggle-menu.active span {
	background: black !important
}

/**** Site Stlying****/
/*
main.active {
	margin: 80px 0 24px
}
*/
.wrapper, #headerWrapper {
	margin: 0 auto;
	padding: 0 24px;
	width: 100%
}
.active {
	display: block
}
.hidden {
	display: none !important
}
.overlay, .office-overlay {
	display: block;
	position: absolute;
	top: -75px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
    height: 10000vh;
	background: transparent;
	z-index: 8900;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.overlay.active, .office-overlay.active  {
	width: 100%;
	background: rgba(0, 0, 0, 0.65);
	-webkit-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.flexWrapper {
    margin:auto;
}
.wrapper, #headerWrapper, .flexWrapper, #twitter div, footer #footerDetails, footer #footerNav ul {
	max-width: 1200px;
}
.float-right {
	float: right;
}
h1.heading {
  font-size: x-large;
  margin-top:1.5em;
  /* letter-spacing: 0.1em;
  text-transform:uppercase;
  position:relative;
  margin-bottom:2em; */
}
/* h1.heading::after {
	background: var(--main-light);
    bottom: -13px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6em;
} */
h2.heading {
  font-size: large;
}
@media (min-width: 850px) {
	.wrapper, #headerWrapper {
		padding: 0 48px;
		width: 90%
	}
    .flexWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 90%;
		margin: 0 auto;
	}
    #headerWrapper {
		padding: 0;
		display: block;
		margin: 0 auto;
	}
    .overlay, .office-overlay  {
        display:none;
    }
}

/***Article Styling***/
article {
	margin: 0 auto;
	padding: 1px 0 24px;
	background-color: white;
	/*overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;*/
}
article>* {
	padding: 0 12px;
}
article>*:nth-child(2) {
	margin-top: 1em;
}
article blockquote {
	width: 100%;
	margin: 0;
}
 .tab {
	padding: 0;
}
 .tab li {
	padding: 0;
}
 .tab div {
	width:100%;
/*    margin-bottom: 1em;*/
}
 .tab li a {
	display: block;
	height: 100%;
	background-color: var(--main-dark);
	color: white;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	cursor: pointer;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}
.tab li button, .tab div button {
	display: block;
	height: 100%;
    width:100%;
	background-color: var(--main-dark);
	color: white;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	cursor: pointer;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
    border-radius: 0;
}

.tab li a:hover, .tab li button:hover {
	background-color: var(--main-dark-secondary);
}
.tab li a.active, .tab li button.active, .tab div button.active {
	background-color: var(--main-light);
	color: var(--main-dark);
}
/***Article Media Queries***/
@media (min-width: 850px) {
	article {
		-webkit-box-flex: 5;
		-ms-flex: 5;
		flex: 5;
		padding-top: 0
	}
    article>*:nth-child(2) {
		margin-top: 1em
	}
    .tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%
	}
    article>* {
		padding: 0;
	}
    .tab li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
    .tab div {
        width:20%;
        margin-bottom: 1em;
    }
}

/***Nav Styling****/
.skip-links {
    position:relative;
    z-index: 10000;

}
.skip-links ul{
    background: white;
    border:1px solid var(--ash);;
    position:fixed;
    width: 280px;
    left: -500vw;
    top:0;
    padding:20px;
}
a#skip-btn {
    font-size:.8em;
    text-align: center;
}
.skip-links:focus-within ul, .skip-links:focus ul  {
    left:0;
}
div#alert-div {
    background:#C20000;
    color:white;
}
div#alert-div a{
    color:white;
    text-decoration: underline;
}
div#alert-div div{
    width:80%;
    margin:auto;
	max-width: 1200px;
	display: flex;
	align-items: center;
	flex-direction: row;
	grid-column-gap: 1em;
}
div#alert-div svg{
    height:2em;
}

@media (max-width: 550px){
    div#alert-div div{
        width:95%;
        font-size:small;
    }
}

nav ul {
	margin: 0
}
.menu-item .has-drop {
    padding: 0 15px;
    color: white;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 4px;
    background: transparent;
    margin-bottom:0;
    width: 100%;
    margin-bottom: 0;
    text-align: left;
	border-radius:0!important;
	height:60px;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.js-hideElement, .menu-item:not(.js-showElement) .drop-down{
    display:none;
}
#pub-list {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-auto-flow: row;
}
#menuOpen path, #menuOpen rect {
	fill: white;
	-webkit-transition: fill .2s ease-in-out;
	-o-transition: fill .2s ease-in-out;
	transition: fill .2s ease-in-out
}
nav {
	padding: 0;
    position: -webkit-sticky;
    position:sticky;
    top:0;
	width: 100%;
	z-index: 8900;
}
#fullNavContainer{
	background:rgb(58,58,58,.98);
}
#fullNav{
    width:80%;
    max-width:1200px;
    margin:auto;
    position:relative;
    display: flex;
    justify-content: space-between;
	height:75px;
}
nav ul #navHeaderWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
nav #menuClose {
	position: absolute;
	width: 35px;
	height: 35px;
	margin: 28px;
	padding: 0 !important;
	top: calc(42px);
	top: 0;
	right: 9%;
    background:transparent;
}
.settingsOpenNav {
    margin-top:40px;
}
nav #menuClose:hover {
	background-color: transparent !important
}
nav #menuClose:hover path {
	fill: var(--secondary-darker);
}
nav #menuClose:active path {
	fill: var(--secondary-lighter);
}
nav #menuClose path {
	fill: var(--main-light);
	-webkit-transition: fill .2s ease-in-out;
	-o-transition: fill .2s ease-in-out;
	transition: fill .2s ease-in-out
}
nav #loginIcon {
	display: none !important;
	position: relative;
	width: 35px;
	height: 35px;
	margin: 24px;
	padding: 0 !important;
	top: 0;
	right: 0;
	float: right;
	clear: right
}
nav #loginIcon:hover {
	background-color: transparent !important
}
#login-div {
    padding-bottom:5px;
}
.drop-down.active {
    display:block;
}
#logo {
    z-index: 8800;
}
a#logo div {
	margin-top:.5em;
}
a#logo img {
    height:60px;
}
.mainNav {
    padding: 0;
    position: fixed;
    z-index: 11000;
    height: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 0;
    right: calc(-125%);
    -webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    -o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-box-shadow: -8px 0px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -8px 0px 30px 0px rgba(0, 0, 0, 0.75);
    visibility: hidden;
}
.mainNav.active {
    width:90%;
    height:100vh;
    padding: 72px 5% 100px;
    right: -10%;
    padding-right: 10%;
    -webkit-box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    -o-transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    transition-timing-function: cubic-bezier(0.5, -0.25, 0.5, 1.25);
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    background-color: var(--main-dark);
    top:0;
    visibility:visible;
}
ul.mainNav li {
    padding:0;
}
nav .menu-item {
    color:white;
}
nav .menu-item a {
    display: block;
    padding: 19.2px 12px 19.2px 24px;
    font-size: 1rem;
    border-radius: 4px;
    color: white;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav .menu-item a:hover, nav .has-drop:hover, .nav-header:hover {
    background-color: #242424;
}
#budget-link {
    padding:27px 27px 27px 11px;
}
.nav-header {
    background:transparent;
    margin-left:20px;
    padding: 19.2px 12px 19.2px 18px;
    cursor:pointer;
    border-radius:4px;
    background: transparent;
    color: white;
    width: 90%;
    text-align: left;
}
.js-hideElement, .menu-item:not(.js-showElement) .drop-down, .nav-header:not(.js-showElement) ~ ul {
    display:none;
}
.menu-item.js-showElement .drop-down, .nav-header.js-showElement ~ ul{
    display:block;
}
nav #menuClose path {
    fill: var(--main-light);
    -webkit-transition: fill .2s ease-in-out;
    -o-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
}
nav #menuClose:hover {
    cursor:pointer;
}
.drop-down div.nav-div .nav-header + ul, #legislator-div div.nav-div ul {
    padding-left:40px;
}
form#navSearch {
	padding: 12px 12px 24px 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    width: 90%;
    margin: auto;
	margin-top: .5em;
}
form#navSearch input {
	width: 100%;
	margin-right: 12px;
	padding: 6px 12px 6px 48px;
	border: 1px solid var(--main-dark);
	border-radius: 4px;
	background-size: 20px auto
}
#search-div {
    background:var(--main-dark);
    height: 0;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
    /* position:relative; */
    overflow:hidden;
	position:absolute;
	width:100%;
	z-index:10000;
	box-shadow: 0px 26px 15px -10px rgba(0,0,0,0.48);
}
#search-div.active {
    height: 5em;
}
header {
	/* background-color: rgba(28, 37, 51, 0.97); */
	width: 100%;
	height: auto;
	z-index: 8800;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    position: -webkit-sticky;
    position:sticky;
    top:0;
}
header.scroll-top {
	position: absolute
}
#headerWrapper {
	padding: 12px 24px;
	z-index: 1000
}
#menuOpen {
	position: fixed;
	width: 34px;
	height: 24px;
	right: 3.5em;
	top:3em;
    cursor:pointer;
    background:transparent;
    padding:0;
}
#menuOpen:hover path, #menuOpen:hover rect {
	fill: var(--main-light);
}
#menuOpen:active path, #menuOpen:active rect {
	fill: var(--secondary-darker);
}
.menu-item a.sub-header {
    font-size:1.2rem;
    display:none;
}

/***Nav Media Queries***/
@media (min-width:850px){
    #menuOpen, #menuClose {
        display:none;
    }
	nav {
		height: 100%;
	}
    .mainNav {
        position:absolute;
    }
    .mainNav, .mainNav.active {
        display:flex;
        flex-direction:row;
		align-items:center;
        right: 0%;
        height:auto;
        padding: 0;
        overflow:visible;
        -webkit-box-shadow: none;
         box-shadow: none;
        height:100%;
        width: calc(90% - 100px);
        z-index:8700;
        position: static;
        width:100%;
        visibility:visible;
    }
    .menu-item > .drop-down:hover {
        display:block;
    }
    .drop-down div.nav-div .nav-header + ul {
        padding-left:0;
    }
    .nav-div ul li a {
        padding: 7px;
        margin-left: 0;
        break-inside: avoid;
    }
    .nav-header ~ ul, .nav-header.js-hideELement ~ ul, .nav-header:not(.js-showElement) ~ ul {
        display:block;
    }
    .nav-div div:not(:first-child) {
        border-left: 3px solid var(--main-light);
        margin-right: 25px;
    }
    .nav-div div.nav-header {
        border-right:0px;
        cursor:default;
        margin-left:0;
        padding:5px 12px 7.2px 12px;
        font-size:larger;
    }
    .nav-div a:hover {
        background-color: var(--main-dark-secondary);
        text-decoration: none;
        color: white;
    }
    #research-div .nav-div div ul {
        column-count:3;
    }
    .drop-down div.nav-div{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding:25px;
        max-width:1500px;
        margin-left:auto;
        margin-right:auto;
    }
    .menu-item a.big-header{
        font-size:1.2rem;
    }
    .nav-div ul li {
        padding:0;
        margin-left:25px;
    }
    #budget-div .nav-div div ul, #code-div .nav-div div ul, #bills-div .nav-div div ul, #audits-div .nav-div div ul, #committees-div .nav-div div ul{
        column-count:3;
        width:100%;
    }
    #code-div .nav-div div ul li {
        width:100%;
    }
    #budget-div .nav-div div, #code-div .nav-div div, #bills-div .nav-div div, #audits-div .nav-div div, #committees-div .nav-div div {
        width: 100%;
    }
    .drop-down {
        position:absolute;
        padding:10px 10px 0 10px;
        left: -2%;
        width: 105%;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
        z-index: 50;
        background: var(--main-dark);
    }
    .menu-item#leg-menu-item {
        margin-left:1em;
    }
    nav ul #navHeaderWrapper {
		margin: 0;
		display: block;
		clear: both;
		min-height: 83px
	}
    #settingsNav {
		z-index: 9000;
		right: initial;
	}
    .settingsOpenNav {
        margin-top:0px;
    }
    #budget-link {
        padding:27px;
    }
    .menu-item a {
        padding: 15px 7px;
    }
    .menu-item a.sub-header{
        display:block;
    }
    .hide-large, .menu-item button.nav-header {
        display:none;
    }
    .menu-item .has-drop {
        text-align: center;
    }
    .no-touchy .menu-item .has-drop:hover::after {
        content: '';
        position: absolute;
        top: calc(100% - 20px);
        left: 0;
        width: 100%;
        height: 20px;
        background-size: 25px 25px;
    }
	#legislator-div div.nav-div ul {
		padding-left:0px;
    }
    #legislator-div div.nav-div ul {
        padding-left:0px;
    }
    #search-div div {
        width:80%;
        margin:auto;
        max-width:1300px;
    }
}
@media (max-width:850px){
    .has-drop:after {
        background-image: url("/images/icons/caret.svg");
        background-repeat: no-repeat;
        background-size: 25px 25px;
        background-position: center center;
        content: "";
        position: relative;
        display: block;
        float: right;
        width: 25px;
        height: 25px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .menu-item.js-showElement button.has-drop:after, .js-showElement.nav-header:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .nav-header:after {
        background-image: url("/images/icons/caret.svg");
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: center center;
        content: "";
        position: relative;
        display: block;
        float: right;
        width: 15px;
        height: 15px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}
@media (min-width:1100px) {
    .menu-item .has-drop {
        padding: 0 25px;
    }
    .menu-item #budget-link {
        padding:27px 20px;
    }
}
@media (min-width:901px) and (max-width:1099px){
    .menu-item #budget-link {
        padding:27px 11px;
    }
}
@media (min-width:851px) and (max-width:999px){
    .menu-item #budget-link {
        padding:27px 5px;
    }
}
@media (min-width:850px) and (max-width:1000px) {
    .nav-div ul li a {
        padding:2px;
    }
    .drop-down div.nav-div {
        padding: 20px 5px 10px 10px;
    }
}
@media (min-width:1455px) {
    #legislator-div .nav-div div ul {
        display:grid;
    }
}
/*****Settings nav styling ****/
#settingsNav {
	top: 0;
	width: 100%;
	padding: 0;
    left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: var(--main-light);;
}
#dateline {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 60px;
	padding: 4px 0;
	overflow: hidden;
	color: white;
	font-size: 12px;
	-webkit-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}
#dateline a {
	line-height: 1rem;
	text-decoration: none;
	margin: 0;
	vertical-align: bottom;
	color: var(--main-dark);
}
#dateline a svg, #dateline div svg {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
#dateline a svg path, #dateline a svg polygon, #dateline a svg rect, #dateline div svg path, #dateline div svg polygon, #dateline div svg rect{
	fill: var(--main-dark);
}
#dateline #streaming-div svg path, #dateline #streaming-div svg path, #dateline #streaming-div svg rect {
    fill: none;
}
.streaming-div {
    background-image:url('/images/icons/streaming.svg');
    background-repeat: no-repeat;
    background-position:left;
    padding-left:21px;
    background-size:20px;
}

#dateline div#toggleLocation {
	display: inline-block
}
#dateline div#toggleLocation span.showing-default {
	display: inline;
	font-style: italic
}
#dateline div#toggleLocation span.showing-default::after {
	content: ": "
}
#dateline a#toggleSettings, #dateline a#supportLink,#dateline a#toploginbutton{
	margin: 0 .5rem
}
#dateline a#toggleSettings span {
	display: none
}
#dateline a.legislatorDetect-link {
	display: block;
	padding: 0 19.2px;
	line-height: 1rem
}
#dateline a.legislatorDetect-link .legislator-name {
	font-weight: bold
}
#button-nav {
    display:flex;
    justify-content: flex-end;
    width:90%;
    margin:auto;
}
#settings-section {
    display:flex;
    align-items:center;
}
#settings-section div {
    margin-right:15px;
}

#settings-modal {
	width: 80%;
    margin: 50px auto 0 auto;
    background: white;
	padding:3em;
}
#settings-modal h2 {
	position:relative;
	margin-top:2em;
	margin-bottom:2em;
	letter-spacing:1px;
}
#settings-modal h2::after {
	background: var(--main-light);
    bottom: -13px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10em;
}
#settings p#legislatorSearch {
	margin: 2px 0
}
#settings button {
	display: inline-block;
	text-decoration: none;
	text-align: center;
    cursor:pointer;
}
#settings button.active {
	font-style: italic;
	background: rgba(0, 0, 0, 0.2)
}
#settings #fontSizer button {
	line-height: 1.25;
    display:inline;
}
#settings #fontSizer button.small {
	font-size: .8em
}
#settings #fontSizer button.large {
	font-size: 1.4em
}
#settings #legislatorSearch {
	float: right
}
#settings #legislatorSearch input {
	width: 12rem;
	border: none;
	margin: .2rem;
	padding: .2rem;
	color: var(--main-dark);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 2px
}
#settings.open {
	height: 2rem;
	line-height: 2rem
}
#settings.location #fontSizer, #settings.location .settings {
	display: none
}
#settings.location #locationCheckin, #settings.location #legislatorSearch {
	display: block
}
#settings #locationCheckin, #settings #legislatorSearch {
	display: none
}
#settings-section button {
    background:transparent;
    box-shadow: none;
    color:var(--main-dark);
    padding:0 1em;
}
/**** Settings Media Queries***/
@media (min-width:850px){
    #dateline {
		padding: 0 24px;
		height: 32px
	}
	#dateline a {
		line-height: 2rem;
		text-decoration: none
	}
	#dateline a svg, #dateline div svg {
		width: 20px;
		height: 20px
	}
    #dateline a {
		line-height: 2rem
	}
    #dateline a.legislatorDetect-link {
		display: inline-block;
		padding: 0;
		line-height: 2rem
	}
	#dateline a.legislatorDetect-link:nth-child(1)::before {
		content: '| Representative '
	}
	#dateline a.legislatorDetect-link:nth-child(2) {
		padding-left: 4px
	}
	#dateline a.legislatorDetect-link:nth-child(2)::before {
		content: '| Senator '
	}
	#button-nav {
		width:100%;
	}
    #settings p#legislatorSearch {
		margin: 9.6px 0
	}
    #settings p {
		margin: 12px 0
	}
    #settings #fontSizer {
		display: block
	}
	#settings.open {
		height: 3rem;
		line-height: 3rem
	}
}
/****Breadcrumb Styling ****/
ul#breadcrumb, ol#breadcrumb {
	margin: 0;
	margin-top:3em;
	padding: 0;
	list-style: none;
	display: none;
	background-color: #ebebeb;
	font-size: .7rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
ul#breadcrumb li, ol#breadcrumb li {
	padding: 0
}
ul#breadcrumb li:nth-last-child(2), ol#breadcrumb li:nth-last-child(2) {
	background-image: url("/images/icons/breadcrumb-separator.svg");
	background-repeat: no-repeat;
	background-size: 44px auto;
	background-position: right center
}
ul#breadcrumb li:nth-last-child(2) a, ol#breadcrumb li:nth-last-child(2) a {
	padding: 16px 8px 16px 24px;
	margin-right: 20px;
	border-right: none
}
ul#breadcrumb li:last-child, ol#breadcrumb li:last-child {
	padding: 16px 12px;
	height: 100%
}
ul#breadcrumb li span, ul#breadcrumb li a, ol#breadcrumb li span, ol#breadcrumb li a {
	display: block;
	line-height: 1rem
}
ul#breadcrumb li a, ol#breadcrumb li a {
	padding: 16px 24px;
	color: black;
	text-decoration: none;
	background-color: #dbdbdb;
	border-right: 2px solid #ebebeb;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
ol#breadcrumb li:last-of-type a {
    padding:0;
    background:transparent;
}
ul#breadcrumb li a:hover, ol#breadcrumb li a:hover {
	color: #3b3b3d
}
ul#breadcrumb li span, ol#breadcrumb li span {
	padding: 16px 12px 16px;
	height: 100%
}
/*** Breadcrumb Media Queries***/
@media (min-width: 850px) {
	ul#breadcrumb, ol#breadcrumb {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
}

/** Footer Styling **/
footer {
	background-color:var(--main-dark);
	margin-top:1em;
}
footer #footerDetails {
	width: 90%;
	margin: 0 auto;
	padding: 24px 0;
	color: white;
	max-width:1200px;
}
footer #footerDetails .footerSection {
	margin-bottom: 24px;
	background-repeat: no-repeat;
	clear: both;
	border-left: 5px solid var(--main-light);
}
footer #footerDetails .footerSection a.button {
    text-decoration: none;
    color:#000;
    display:inline-block;
    margin-top:1em;
}
footer #footerDetails .footerSection#footerStaff a.button {
    margin-top:0;
}
footer #footerDetails .footerSection#footerStaff a.button:hover {
    text-decoration: none;
}
footer #footerDetails .footerSection#footerStaff a:hover {
    text-decoration:underline;
}
footer #footerDetails .footerSection#footerStaff div a{
    color:white;
}
footer #footerDetails .footerSection#footerStaff div a:hover{
    text-decoration:none;
}
footer #footerDetails .footerSection div {
    display:flex;
    margin-bottom:1em;
    margin-left:1em;
    align-items:center;
}
footer #footerDetails .footerSection#footerStaff div{
    display:block;
}
footer #footerDetails .footerSection div img {
    margin-right:1em;
    width:80px;
}
footer #footerDetails .footerSection div h2 {
    margin-bottom:0;
}
footer #footerDetails .footerSection#footerStaff div h2 {
    margin-top:.5em;
}
footer #footerDetails .footerSection#footerStaff div img {
    width:50px;
}
footer #footerDetails .footerSection:last-child {
	margin-bottom: 0
}
footer #footerDetails .footerSection ul {
	margin: 0;
	padding-left: 24px
}
footer #footerDetails .footerSection ul li {
	padding: 0;
	line-height: 1.5rem
}
footer #footerDetails p {
	margin: 0
}
footer #footerNav {
	padding: 12px 24px;
	background-color: var(--main-light);
	
}
footer #footerNav ul {
	margin: 0;
	list-style: none;
	padding-left: 0;
	max-width:1200px;
}
footer #footerNav ul li {
	padding: 0;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}
footer #footerNav ul li:hover {
    background-color: var(--secondary-darker);
}
footer #footerNav ul a {
	display: block;
	color:var(--main-dark);
	/* padding: 12px; */
	font-size: .85rem;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer #utahgov_statewidefooter ul {
	margin-top: 24px
}
footer #utahgov_statewidefooter ul li {
	-webkit-box-flex: inherit;
	-ms-flex: inherit;
	flex: inherit
}
footer #utahgov_statewidefooter ul li a {
	border-right: 1px solid #5e5e5e;
	color: #5e5e5e
}
footer #utahgov_statewidefooter .utahgov_copyright {
	color: #5e5e5e
}
footer table {
	padding: 12px 0;
	color: #dbdbdb
}
footer table a {
	color: #dbdbdb
}
footer h2 {
	color: white;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
	font-weight:normal;
}
footer h3 {
    color:white;
}
footer .footerSection#footerSenate li:nth-child(3) a:link, footer .footerSection#footerSenate li:nth-child(3) a:visited, footer .footerSection#footerHouse li:nth-child(3) a:link, footer .footerSection#footerHouse li:nth-child(3) a:visited {
    text-decoration: underline;
}
footer li a:link, footer li a:visited {
    color: white;
    text-decoration:none;
}
footer .footerSection#footerStaff li:not(:first-of-type) {
    margin-top:10px;
}

form#feedback textarea {
	width: 100%;
	min-height: 100px;
	padding: 12px;
}
footer #footerDetails .footerSection#footerSenate ul li:not(:first-of-type),footer #footerDetails .footerSection#footerHouse ul li:not(:first-of-type) {
    white-space: nowrap;
}

/**** Footer Media query****/
@media (min-width: 920px) {
	footer #footerDetails {
		display: flex;
		width: 90%;
		margin: 0 auto;
		padding: 48px 0
	}
	footer #footerDetails .footerSection {
		margin-right: 35px;
		margin-bottom: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		border-left: none;
		border-right: 3px solid var(--main-light);
	}
	footer #footerDetails .footerSection:last-child {
		margin: 0;
		border-right: none
	}
	footer #footerDetails .footerSection:last-child ul {
		border-right: none
	}
	footer #footerDetails .footerSection ul {
		height: 100%;
		border-left: none
	}
	footer #footerDetails .footerSection ul li {
		padding: 0 12px 0 0
	}
    footer #footerDetails .footerSection ul {
        padding-left: 0
    }
    footer #footerDetails .footerSection#footerHouse h2 {
        margin-right:1em;
    }
    footer #footerDetails .footerSection div {
        margin-left:0;
    }
}
@media (min-width: 987px) {
	footer #footerNav {
		padding: 0
	}
	footer #footerNav ul {
        display:flex;
		margin: 0 auto;
        align-items:center;
	}
	footer #footerNav ul li:first-child {
		border-left: 1px solid var(--secondary-darker)
	}
	footer #footerNav ul li {
		display:inline-block;
        padding: 2px;
		border-right: 1px solid var(--secondary-darker)
	}
    #twitter div {
		width: 90%
	}
}
@media (min-width: 686px){
	footer h2 {
		letter-spacing: .15em;
	}
}
/*********Modal Styling****************/
.modal {
	visibility: hidden;
	opacity:0;
    position: fixed;
    z-index: 1;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #222222dd;
    z-index: 50000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.modal.active {
	/* display: block; */
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.modal > div {
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.modal > div.active {
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
	transition: all 0.5s;
} 
.close {
    color: var(--main-dark);
    /* float: right; */
    font-size: 35px;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0;
    width: 25px;
    height: 25px;
	position:absolute;
	top:.25em;
	right:.5em;
}
.close:hover {
    background: transparent;
}
.close svg path, .close svg path {
    fill: var(--main-dark);
}


/****Other Styles****/
article.budget {
	padding-top: 24px
}
article.budget .colBox, article.budget .colBoxFeatured {
	width: calc(100% / 3)
}
#analyst {
    margin-top:15px;
}