:root {
  --small: 739px;
  --medium: 1023px;
  --large: 1199px;
  --link: #006699;
  --link-hover: #0778D6;
  --link-on-black: #38afff;
  --link-on-black-hover: #a8dcff;
  --programs: #9e8317;
  --taxes: #445d92;
  --transparency: #479ac1;
  --purchasing: #c8750a;
  --economy: #64733b;
  --about: #973831;
  --sans: opensans, times, 'Helvetica Neue', Arial, sans-serif;
  --sans-ital: opensans-ital;
  --mono: reddit-mono, 'Liberation Mono', Courier, monospace;
  --caption: #44413f;
  --caption-txt: white;
  --thead: #c5bfb5;
  --thead-txt: #111111;
  --stripe: #ede8e5;
  --table-border: 1px solid #44413f;
}

/*
$accordion-background: $white;
$accordion-plusminus: true;
$accordion-title-font-size: rem-calc(12);
$accordion-item-color: $black;
$accordion-item-background-hover: $gray-light;
$accordion-item-padding: 1rem 0.5rem;
$accordion-content-background: $white;
$accordion-content-border: none;
$accordion-content-color: $body-font-color;
$accordion-content-padding: 1rem;

// 8. Accordion Menu
// -----------------
$accordionmenu-arrows: true;
$accordionmenu-arrow-color: $primary-color;
$accordionmenu-arrow-size: 6px;

// 9. Badge - this is the counter by social media icons
// --------

$badge-background: $primary-color;
$badge-color: $white;
$badge-color-alt: $black;
$badge-padding: 0.3em;
$badge-minwidth: 2.1em;
$badge-font-size: 0.6rem;
*/
/*
$orbit-bullet-background: $gray-med;
$orbit-bullet-background-active: $gray-dark;
$orbit-bullet-diameter: 1.2rem;
$orbit-bullet-margin: 0.1rem;
$orbit-bullet-margin-top: 0.8rem;
$orbit-bullet-margin-bottom: 0.8rem;
$orbit-caption-background: rgba($black, 0.5);
$orbit-caption-padding: 1rem;
$orbit-control-background-hover: rgba($black, 0.5);
$orbit-control-padding: 1rem;
$orbit-control-zindex: 10;
*/
:root {
  --small: 739px;
  --medium: 1023px;
  --large: 1199px;
  --link-color:#006699;
  --link-hover: #0778D6;
}

@font-face {
  font-family: "roboto";
  src: url("/fonts/roboto/RobotoSlab-VariableFont_wght.woff2") format("woff-variations"), url("/fonts/roboto/RobotoSlab-VariableFont_wght.ttf") format("ttf-variations");
  font-weight: 100 900;
  font-optical-sizing: auto;
}
main {
  --roboto: roboto, georgia, serif;
  --serif: roboto, georgia, serif;
}

.serif, .roboto {
  font-family: var(--serif);
  font-size: inherit;
  font-weight: 400;
}
.serif.semi, .roboto.semi {
  font-weight: 600;
}
.serif.xbold, .roboto.xbold {
  font-weight: 800;
}
.serif.black, .roboto.black {
  font-weight: 900;
}
.serif.bold, .serif b, .serif strong, .roboto.bold, .roboto b, .roboto strong {
  font-weight: 700;
}

@font-face {
  font-family: "opensans";
  src: url("/fonts/opensans-var/OpenSans-VariableFont_wdth,wght.woff2") format("woff2-variations"), url("/fonts/opensans-var/OpenSans-VariableFont_wdth,wght.ttf") format("ttf-variations");
  font-weight: 300 800;
  font-stretch: 75% 100%;
}
@font-face {
  font-family: "opensans-ital";
  src: url("/fonts/opensans-var/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations"), url("/fonts/opensans-var/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("ttf-variations");
  font-weight: 300 800;
  font-stretch: 75% 100%;
}
:root {
  --sans: opensans, times, 'Helvetica Neue', Arial, sans-serif;
}
:root .sans {
  font-family: var(--sans);
  font-size: inherit;
  font-weight: 400;
}
:root .sans.semi {
  font-weight: 600;
}
:root .sans.xbold {
  font-weight: 800;
}
:root .sans.black {
  font-weight: 900;
}
:root .sans.bold, :root .sans b, :root .sans strong {
  font-weight: 700;
}
:root .sans em, :root .sans.ital {
  font-family: opensans-ital;
  font-style: italic;
}
:root .sans.condensed {
  font-stretch: 75%;
}

/*:root{
--sans-reg: 'font-weight:400;font-family:opensans;';
--sans-med: 'font-weight:500;font-family:opensans;';
--sans-semi: 'font-weight:600;font-family:opensans;';
--sans-bold: 'font-weight:700;font-family:opensans;';
--sans-extra: 'font-weight:800;font-family:opensans;';
--sans-black: 'font-weight:900;font-family:opensans;';
--sans-reg-ital: 'font-weight:400;font-family:opensans-ital;';
--sans-med-ital: 'font-weight:500;font-family:opensans-ital;';
--sans-semi-ital: 'font-weight:600;font-family:opensans-ital;';
--sans-bold-ital: 'font-weight:700;font-family:opensans-ital;';
--sans-extra-ital: 'font-weight:800;font-family:opensans-ital;';
--sans-black-ital: 'font-weight:900;font-family:opensans-ital;'; 
}

*/
@font-face {
  font-family: "steelfish-bold";
  src: url("/fonts/steelfish/steelfish_bd-webfont.eot");
  src: url("/fonts/steelfish/steelfish_bd-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/steelfish/steelfish_bd-webfont.woff2") format("woff2"), url("/fonts/steelfish/steelfish_bd-webfont.woff") format("woff"), url("/fonts/steelfish/steelfish_bd-webfont.ttf") format("truetype"), url("/fonts/steelfish/steelfish_bd-webfont.svg#steelfish_rgbold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "steelfish-extrabold";
  src: url("/fonts/steelfish/steelfish_eb-webfont.eot");
  src: url("/fonts/steelfish/steelfish_eb-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/steelfish/steelfish_eb-webfont.woff2") format("woff2"), url("/fonts/steelfish/steelfish_eb-webfont.woff") format("woff"), url("/fonts/steelfish/steelfish_eb-webfont.ttf") format("truetype"), url("/fonts/steelfish/steelfish_eb-webfont.svg#steelfishextrabold") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "steelfish";
  src: url("/fonts/steelfish/steelfish_rg-webfont.eot");
  src: url("/fonts/steelfish/steelfish_rg-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/steelfish/steelfish_rg-webfont.woff2") format("woff2"), url("/fonts/steelfish/steelfish_rg-webfont.woff") format("woff"), url("/fonts/steelfish/steelfish_rg-webfont.ttf") format("truetype"), url("/fonts/steelfish/steelfish_rg-webfont.svg#steelfish_rgregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
/*
@font-face {
    font-family: 'steelfish-italic';
    src: url($font-path + 'steelfish/steelfish_rg_it-webfont.eot');
    src: url($font-path + 'steelfish/steelfish_rg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url($font-path + 'steelfish/steelfish_rg_it-webfont.woff2') format('woff2'),
         url($font-path + 'steelfish/steelfish_rg_it-webfont.woff') format('woff'),
         url($font-path + 'steelfish/steelfish_rg_it-webfont.ttf') format('truetype'),
         url($font-path + 'steelfish/steelfish_rg_it-webfont.svg#steelfishregular_italic') format('svg');
    font-weight: 400;
    font-style: italic;

}


*/
.main {
  --condensed: steelfish;
}

.condensed {
  font-family: var(--condensed);
}
.condensed strong {
  font-family: steelfish-bold;
  font-weight: 700;
}
.condensed.xbold {
  font-weight: 900;
}

.steelfish {
  font-weight: 400;
  font-family: steelfish, "Arial Narrow", Arial, san-serif !important;
}
.steelfish i, .steelfish em {
  font-style: italic;
  font-weight: inherit;
  font-size: inherit;
}
.steelfish b, .steelfish strong {
  font-style: inherit;
  font-weight: 700 !important;
  font-size: inherit;
  font-family: steelfish-bold, "Arial Narrow", Arial, sans-serif !important;
}
.steelfish.extrabold {
  font-weight: 800 !important;
  font-family: steelfish-extrabold, "Arial Black", Arial, sans-serif !important;
}

.xbold-sans {
  font-weight: 900;
  font-family: var(--sans);
}

.sans {
  font-family: var(--sans) !important;
}

main .snap {
  --hq1: #f49a60;
  --hq2: #f3d393;
  --intro-bg: #004059;
  --serif: roboto, arial, georgia, serif;
  --steelfish: steelfish, 'Arial Narrow', sans-serif;
  --condensed: opensans-var, 'Arial Narrow', sans-serif;
  --gray: #6e6c6c;
  --seal-bg: #b26011;
  --coda: #b26011;
  --sticker-size: 215px;
}
main .snap p,
main .snap ul li {
  font: normal normal 400 1rem var(--roboto);
}
main .snap p.slim-sans,
main .snap p strong,
main .snap ul li.slim-sans,
main .snap ul li strong {
  font: condensed normal normal 700 1.25rem var(--sans);
  text-transform: uppercase;
}
main .snap p.slim-sans.teal,
main .snap p strong.teal,
main .snap ul li.slim-sans.teal,
main .snap ul li strong.teal {
  color: var(--intro-bg);
}
main .snap p.smaller,
main .snap ul li.smaller {
  font-size: 85%;
}
main .snap h2 {
  font: condensed normal normal 700 1.5rem var(--sans);
  text-transform: uppercase;
  color: var(--intro-bg);
  margin-top: 0;
  margin-bottom: 0.5rem;
}
main .snap h2.h3 {
  color: var(--gray);
  font-size: 1.25rem;
}
main .snap .intro {
  padding: 1rem 2rem;
  background-color: var(--intro-bg);
  color: white;
}
main .snap .intro h1 span {
  font-size: 1.5rem;
  text-transform: uppercase !important;
  display: inline;
}
main .snap .intro h1 span.tx {
  color: var(--texas);
  font: normal normal 400 5rem/1 var(--steelfish);
  display: inline;
}
main .snap .intro h1 span.hq {
  font: condensed normal normal 700 2rem/1 var(--sans);
  display: inline;
  color: var(--hq1);
}
main .snap .coda {
  background-color: var(--coda);
  display: block;
  padding: 0.25rem 1rem;
}
main .snap .coda p {
  font: normal normal 400 1.15rem var(--sans);
  color: white;
}
main .snap .coda p span {
  display: inline-block;
  margin-left: 3rem;
  font-size: 0.85rem;
}

.sticker {
  width: var(--sticker-size);
  height: var(--sticker-size);
  position: relative;
}
.sticker .content {
  position: absolute;
  width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sticker .content p {
  text-transform: uppercase;
  color: white !important;
  font: normal normal 600 0.9rem var(--sans);
  text-align: center;
  margin-bottom: 0;
}
.sticker .content p span {
  font: normal normal 400 2.5rem/1 var(--steelfish);
}
.sticker .seal {
  fill: var(--seal-bg);
}

img.dot {
  height: 10px;
  display: inline-block;
  margin: auto 0.25rem;
}

.exhibit {
  border-bottom: 1px solid #999;
  margin-bottom: 2rem;
}
.exhibit figcaption,
.exhibit h3 {
  text-align: center;
  margin: 0.5rem auto;
  font: normal normal 600 1.25rem/1.3 var(--sans);
}
.exhibit figcaption span,
.exhibit h3 span {
  font-size: 1rem;
}
.exhibit table caption.h3 {
  text-align: center;
  font-size: 1.25rem;
  color: white;
  margin-bottom: 0;
}
.exhibit table#plain th {
  font-size: 0.85rem !important;
  padding: 0.25rem 0.5rem;
}

table#plain {
  display: table;
}
table#plain thead,
table#plain thead th,
table#plain tbody {
  background-color: transparent !important;
  vertical-align: bottom !important;
  text-transform: uppercase;
  border: none;
  font: normal normal 400 0.85rem var(--sans);
}
@media screen and (max-width: 693px) {
  table#plain thead,
  table#plain thead th,
  table#plain tbody {
    font-size: 0.85rem;
  }
}
table#plain tr {
  background-color: transparent;
}
table#plain td {
  vertical-align: middle !important;
  padding: 0;
}
table#plain td img {
  height: 10px;
  display: block;
  margin: auto;
}
table#plain td img.eighteen {
  height: 45px;
  padding: 0.25rem 0;
  display: inline-block;
}
table#plain th {
  border-left: none !important;
  vertical-align: middle;
  padding: 0.25rem;
}
table#plain th[scope=row] {
  text-align: right;
  text-transform: uppercase;
  font-weight: 400;
}
table#plain th[scope=col] {
  text-align: center;
  vertical-align: bottom;
  font-weight: 700;
}
table#plain caption {
  background-color: transparent;
  color: black;
  font: normal normal 600 1rem var(--sans);
  margin-bottom: -1.5rem;
}
/*# sourceMappingURL=hq.css.map */