@charset "UTF-8";
@font-face {
  font-family: 'Latto';
  font-display: swap;
  src: url("/styles/fonts/Latto/Latto-Regular.eot");
  src: url("/styles/fonts/Latto/Latto-Regular.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/Latto/Latto-Regular.woff") format("woff"), url("/styles/fonts/Latto/Latto-Regular.ttf") format("truetype"), url("/styles/fonts/Latto/Latto-Regular.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Latto';
  font-display: swap;
  src: url("/styles/fonts/Latto/Latto-Bold.eot");
  src: url("/styles/fonts/Latto/Latto-Bold.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/Latto/Latto-Bold.woff") format("woff"), url("/styles/fonts/Latto/Latto-Bold.ttf") format("truetype"), url("/styles/fonts/Latto/Latto-Bold.svg#latobold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Latto';
  font-display: swap;
  src: url("/styles/fonts/Latto/Latto-BoldItalic.eot");
  src: url("/styles/fonts/Latto/Latto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/Latto/Latto-BoldItalic.woff") format("woff"), url("/styles/fonts/Latto/Latto-BoldItalic.ttf") format("truetype"), url("/styles/fonts/Latto/Latto-BoldItalic.svg#latobold") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Latto';
  font-display: swap;
  src: url("/styles/fonts/Latto/Latto-Italic.eot");
  src: url("/styles/fonts/Latto/Latto-Italic.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/Latto/Latto-Italic.woff") format("woff"), url("/styles/fonts/Latto/Latto-Italic.ttf") format("truetype"), url("/styles/fonts/Latto/Latto-Italic.svg#latobold") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Atkinson-Hyperlegible";
  font-display: swap;
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102.eot");
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102.eot") format("embedded-opentype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102.woff") format("woff"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102.ttf") format("truetype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Atkinson-Hyperlegible";
  font-display: swap;
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102.eot");
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102.eot") format("embedded-opentype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102.woff") format("woff"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102.ttf") format("truetype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Atkinson-Hyperlegible";
  font-display: swap;
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.eot");
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.eot") format("embedded-opentype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.woff") format("woff"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102a.woff2") format("woff2"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.ttf") format("truetype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.svg") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: "Atkinson-Hyperlegible";
  font-display: swap;
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102.eot");
  src: url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102.eot") format("embedded-opentype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102.woff") format("woff"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102a.woff2") format("woff2"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102.ttf") format("truetype"), url("/styles/fonts/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102.svg") format("svg");
  font-weight: normal;
  font-style: italic; }
/**
    A partial file defining mixins & functions(CSS functions)
    for styles that are reused with different values

    to use: 
        At top od file:
        // Utilities
        @import "mixin"; // <-- this is relative to where the file is ON THE DRIVE. Does not matter once uploaded

        #main-wrapper{
            @include transparentColor(255, 123, 32, .8);
        }
 */
/*
    print out property value to be used as spacing/sizing units
    @param $type [string] - global or relative, let's us know whetehr to use rem or em
    @param $amount [int] - amount to multiply by
  */
/**
 *  TRANSITIONS
 * $property            : a particular property (e.g., background-color), or all
 * $duration            : how long the transition will take, in seconds
 * $timing [optional]   : timing-function; describes how a transition will proceed over its duration, 
 *                  e.g., 'ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end'
 *                  [default: linear]
 * $delay [optional]    : time to delay starting transition
 * 
 */
/**
 *  SHADOWS
 *  
 *  $h                  : horizontal offset; positive will be on the right of the box, negative = left of the box
 *  $v                  : vertical offset; negative = above, positive = below
 *  $blur [optional]    : blur;  0 = sharp, higher = more blurred
 *  $spread [optional]  : spread; positive increase size, negative decrease size, default is 0. Use negative spread when trying for shadow on only one side
 *  $color              : color of the shadow
 *  $inset [keyword]    : if set ot "inset" shadow is inside box instead
 *  
 */
/**
 * ANIMATIONS
 *
 * Each @keyframes at-rule defines what should happen at specific moments during the animation. 
 * For example, 0% is the beginning of the animation and 100% is the end. 
 * These keyframes can then be controlled either by the shorthand animation property, 
 * or its eight sub-properties, to give more control over how those keyframes should be manipulated
 *
 *  SUB-PROPERTIES
 *  
 *      animation-name:             declares the name of the @keyframes at-rule to manipulate.
        animation-duration:         the length of time it takes for an animation to complete one cycle.
        animation-timing-function:  establishes preset acceleration curves such as ease or linear.
        animation-delay:            the time between the element being loaded and the start of the animation sequence.
        animation-direction:        sets the direction of the animation after the cycle. Its default resets on each cycle.
        animation-iteration-count:  the number of times the animation should be performed.
        animation-fill-mode:        sets which values are applied before/after the animation.
                                    For example, you can set the last state of the animation to remain on screen, 
                                    or you can set it to switch back to before when the animation began.
        animation-play-state:       pause/play the animation.

 */
/**
 *  BORDER RADIUS
 *
 * $radius : size of radius
 * 
 */
/**
*   @param {string} name of the breakpoint to use
*   It checks whether the asked breakpoint exist in the breakpoints map
*   If it exists, it prints a media query based on the value of the asked breakpoint
*   If it doesnΓÇÖt, it warns the user to check their code

EX) $breakpoints: (
  'small'  : ( min-width:  767px ),
  'medium' : ( min-width:  992px ),
  'large'  : ( min-width: 1200px )
);

*   Author: Hugo Giraudel
*   source: https://www.sitepoint.com/managing-responsive-breakpoints-sass/

*/
.hrglinks a, .medtitle a, .transcript {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: underline;
  text-decoration: skip;
  text-decoration-skip-ink: auto; }
  .hrglinks a:hover, .medtitle a:hover, .transcript:hover {
    text-decoration: none; }
  .hrglinks a:focus, .medtitle a:focus, .transcript:focus {
    background-color: #E4F5FF;
    outline: 2px dotted #192847;
    text-decoration: none; }

.hearing {
  background-color: #FFFFFF;
  color: #405175;
  margin: 0px 1px 1px 0px;
  overflow: auto;
  padding: 1.5rem;
  width: calc(50% - 2px);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /*&:only-child {
      width: calc(100% - 2px);
  }*/ }
  @media (max-width: 750px) {
    .hearing {
      width: calc(100% - 2px); } }
  .hearing h3 {
    margin-top: 0px;
    font-size: 1.1em; }

.colspan-6 .hearing,
.colspan-4 .hearing {
  margin: 0;
  width: 100%; }

body {
  margin: 10px auto;
  padding: 0;
  width: 950px;
  background: none; }
  @media (max-width: 960px) {
    body {
      width: 100%; } }

#container {
  background-color: #193263;
  border: 2px solid #000000;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%; }
  @media (max-width: 960px) {
    #container {
      width: 100%;
      margin: 5px auto; } }
  @media (max-width: 650px) {
    #container {
      background-color: #ffffff; } }

.clear {
  clear: both; }

#header {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("/budget/images/budget_header_med.jpg");
  border-bottom: 10px solid #f1db74;
  width: 946px;
  height: 200px;
  position: relative;
  z-index: 10; }
  @media (max-width: 960px) {
    #header {
      width: 100%; } }
  @media (max-width: 650px) {
    #header {
      width: 100%; } }
  @media (max-width: 500px) {
    #header {
      background-image: url("/budget/images/budget_header_med.jpg");
      background-repeat: no-repeat;
      background-position: 0px 0px; } }

#budget-title-wrapper {
  color: #eeeeee;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  margin-right: 30px;
  margin-top: 0.375rem;
  text-align: left;
  text-shadow: 2px 2px 2px #000;
  width: calc(70% - 30px); }
  @media (max-width: 740px) {
    #budget-title-wrapper {
      margin-right: 3%;
      font-size: 1.8em; } }
  @media (max-width: 650px) {
    #budget-title-wrapper {
      font-size: 1.6em;
      margin-right: -1%; } }
  @media (max-width: 560px) {
    #budget-title-wrapper {
      margin-right: -3%;
      font-size: 1.4em; } }
  @media (max-width: 500px) {
    #budget-title-wrapper {
      margin-right: 2%;
      width: 90%;
      font-size: 1.5em;
      margin-top: 10%; } }

#budget-year {
  font-size: 2em;
  margin: 5px auto 0px;
  text-align: center; }
  @media (max-width: 650px) {
    #budget-year {
      font-size: 1.8em; } }

#budget-title {
  font-size: 1.2em;
  margin-right: 20px;
  text-align: right; }
  @media (max-width: 650px) {
    #budget-title {
      font-size: 1em; } }

#sidebar-wrapper {
  background-color: #193263;
  /*#3365cb;*/
  width: 25%;
  float: left;
  font-family: arial;
  font-weight: bold;
  color: #000000;
  overflow: auto;
  padding: 0.375rem 0; }
  @media (max-width: 960px) {
    #sidebar-wrapper {
      width: 100%;
      margin: 0px auto; } }
  @media (max-width: 360px) {
    #sidebar-wrapper {
      padding: 8px 0px 10px 0px; } }

#sidebar {
  box-sizing: border-box;
  height: 100%;
  padding: 0.375rem 0 0.75rem;
  font-size: .95em; }
  @media (max-width: 960px) {
    #sidebar {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-left: 5px auto; } }

#content-wrapper {
  text-align: left;
  height: 100%;
  margin: 0;
  overflow: auto;
  width: 100%; }

#content {
  background-color: #ffffff;
  float: right;
  min-height: 775px;
  padding: 0px 10px;
  width: 75%; }
  @media (max-width: 960px) {
    #content {
      width: 92%;
      float: none;
      margin-left: 3%; } }
  @media (max-width: 600px) {
    #content {
      width: 100%;
      margin-left: 0%; } }
  @media (max-width: 650px) {
    #content {
      margin-right: 1px;
      width: 95%; } }

#content-wrapper h1 {
  font-family: arial black;
  font-style: italic;
  font-size: 1.9em;
  color: #3365cb;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-bottom: 1px solid #3365cb; }

#content-wrapper h2 {
  font-family: arial black;
  font-style: normal;
  font-size: 20px;
  color: #3365cb; }

.bill-list {
  font-size: 1.1em; }
  .bill-list li {
    line-height: 1.5em; }
  .bill-list a {
    color: #000066; }
  .bill-list a:hover {
    text-decoration: none; }

.sidelink-wrapper {
  position: relative; }
  @media (max-width: 960px) {
    .sidelink-wrapper {
      margin: 3px auto;
      min-width: 25%; } }
  @media (max-width: 870px) {
    .sidelink-wrapper {
      font-size: 0.9em;
      margin: 0 10px;
      width: calc(33% - 20px); } }

a.sidelink {
  border-bottom: 1px solid #3365cb;
  /*#f1db74;*/
  border-top: 1px solid #193263;
  color: #eeeeee;
  display: block;
  padding: 15px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%; }
  @media (max-width: 650px) {
    a.sidelink {
      padding: 8px 8px 8px 4px; } }

a.sidelink:hover {
  background-color: #3365cb;
  /*#193263;*/
  border-top: 1px solid #f1db74;
  border-bottom: 1px solid #f1db74;
  color: #f1db74; }

.sidelink-wrapper#other-links a:first-child {
  border-top: 1px solid #3365cb; }
  @media (max-width: 960px) {
    .sidelink-wrapper#other-links a:first-child {
      border-top: 1px solid #193263; } }

.sidelink-wrapper#other-links a:hover:first-child {
  border-top: 1px solid #f1db74; }

#budget-table {
  margin-top: 15px; }

#budget-table table {
  background-color: #f1db74;
  font-size: .8em; }
  @media (max-width: 650px) {
    #budget-table table {
      width: 75%; } }
  @media (max-width: 560px) {
    #budget-table table {
      width: 80%; } }

#budget-table tr {
  background-color: #eeeeee; }

#budget-table td {
  padding: 7px;
  vertical-align: top;
  text-align: left; }
  @media (max-width: 560px) {
    #budget-table td {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 2px solid #f1db74; } }

#budget-table a {
  text-decoration: underline;
  color: #000; }

#budget-table a:hover {
  text-decoration: none;
  color: #000; }

#budget-table2 table {
  background-color: #444444;
  font-size: .8em;
  font-family: arial; }

#budget-table2 tr {
  background-color: #AAAAAA; }

#budget-table2 td {
  color: #FFFFFF;
  padding: 3px;
  vertical-align: top; }

#budget-table2 a {
  text-decoration: underline;
  color: #FFFFFF; }

#budget-table2 a:hover {
  text-decoration: none;
  color: #FFFFFF; }

/* yellow book page */
/* style for links to pdf document */
#yellowbook {
  color: #000066; }

.fullyellow {
  margin-left: -75px;
  text-align: Center; }

#yellowbook a {
  color: #000066;
  text-decoration: underline; }

#yellowbook a:hover {
  text-decoration: none; }

/* press style */
#press #title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center; }

#press #subtitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  font-style: italic; }

#press #immed {
  font-size: .9em;
  font-weight: bold;
  color: #000000;
  text-align: right; }

#press #date {
  font-size: .9em;
  font-weight: normal;
  color: #000000;
  text-align: right; }

/* press section */
#presssec a {
  color: #000066;
  text-decoration: underline; }

#presssec a:hover {
  text-decoration: none; }

#presssec a:visited {
  color: #333333; }

/* video */
#vidcontainer {
  background-color: #333333;
  float: left;
  /*width:340px;*/
  padding: 3px;
  position: relative; }

#vidlist {
  float: right;
  margin-left: 5px;
  width: 245px;
  font-size: .85em;
  /*font-style:italic;*/
  font-weight: bold;
  color: #990033;
  /*border:1px solid #000000;*/
  height: 238px;
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  /*padding:5px;*/
  text-align: left; }

#vidlist a {
  color: #e1e1e1;
  position: relative;
  z-index: 3; }

#vidlist a:hover {
  color: #ffffff;
  text-decoration: none; }

#vidlist a:visited {
  color: #cdcdcd; }

.vidthumb {
  float: left;
  position: relative;
  width: 60px;
  z-index: 3; }

.vidtext {
  width: 115px;
  margin-left: 75px;
  margin-top: 3px; }

.clearboth {
  clear: both; }

#vidcap {
  margin: 0px;
  overflow: auto;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  color: #444444;
  font-size: .85em;
  width: 320px;
  flost: left; }

#vidcap .testimony {
  font-style: normal;
  line-height: 1.4em; }

#vidcap .testimony a {
  text-decoration: underline;
  color: #000066; }

#vidcap .testimony a:hover {
  text-decoration: none;
  color: #000066; }

#playerdiv1_wrapper {
  float: right; }

.vidlist-item {
  background-image: url(/lib/mediaplayer-5.8/skins/beelden/playlist/itemMid.png);
  background-repeat: repeat-y;
  margin-top: 3px;
  min-height: 50px;
  padding: 5px 5px 10px 5px;
  position: relative;
  width: 225px; }

.vli-top {
  background-image: url(/lib/mediaplayer-5.8/skins/beelden/playlist/itemTB.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 27px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px; }

.vli-bot {
  background-image: url(/lib/mediaplayer-5.8/skins/beelden/playlist/itemTB.png);
  background-repeat: no-repeat;
  background-position: 0px -32px;
  height: 27px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 220px; }

.smdate {
  font-size: .8em;
  color: #00407b;
  font-style: italic; }

.ctrsubtitle {
  font-size: 1.3em;
  font-weight: bold;
  color: #3365cb;
  text-align: Center; }

.photo_commtitle {
  font-size: 1.4em;
  font-weight: normal;
  color: #3365cb; }

/* bill page styles */
#billsection a {
  color: #000066;
  text-decoration: underline; }

#billsection a:hover {
  color: #000066;
  text-decoration: none; }

/*MORE DROP DOWNS*/
.more, .less {
  font-size: .9em;
  cursor: pointer;
  color: blue;
  text-decoration: underline;
  font-weight: normal; }

.more:hover, .less:hover {
  text-decoration: none; }

.less, .addtext {
  display: none; }

.lasubtitle {
  font-weight: bold;
  font-size: 1.5em;
  color: #000066;
  padding-bottom: 5px; }

#jointbudg a {
  color: #000066;
  text-decoration: underline; }

#jointbudgt a:hover {
  color: #000066;
  text-decoration: none; }

#jointbudg a:visited {
  color: #555555; }

#jointbudg a:visited:hover {
  color: #555555;
  text-decoration: none; }

#homepage {
  text-align: justify;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 650px) {
    #homepage {
      width: 98%;
      text-align: left; } }

@media (max-width: 650px) {
  #homepage ul {
    font-size: .9em;
    width: 80%; } }

#homepage .title {
  text-align: left;
  font-size: 1.5em;
  font-weight: bold; }
  @media (max-width: 650px) {
    #homepage .title {
      font-size: 1.1em;
      width: 98%; } }

#homepage .sub {
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic; }

#homepage .title a {
  text-decoration: underline;
  color: #000066; }

#homepage a:hover {
  color: #000066;
  text-decoration: none; }

#homepage a:vistied {
  text-decoration: underline;
  color: #555555; }

#homepage a:visited:hover {
  color: #555555;
  text-decoration: none; }

#homepage .date {
  clear: both;
  color: #555555;
  font-size: .9em;
  font-style: italic;
  font-weight: bold;
  padding: 0 0 0.75rem 0; }

#homepage .text {
  margin-top: 5px;
  font-style: italic;
  color: #555555; }
  @media (max-width: 650px) {
    #homepage .text {
      font-size: 1em;
      width: 95%; } }

#homepage .readmore {
  font-size: .9em;
  font-style: italic;
  margin-top: -10px; }

#homepage .contenthr {
  background-color: #c19325;
  color: #c19325;
  border: 0;
  height: 2px;
  width: 80%; }

.pdf {
  color: #000000;
  font-size: .8em; }

/* home page  video */
#mainvid {
  width: 360px;
  font-size: .9em;
  text-align: center;
  padding: 0px;
  font-style: italic; }

#mainvidbg {
  width: 340px;
  padding: 10px;
  background-color: #2d345c; }

#maincap {
  text-align: justify;
  color: #FFFFFF; }

.homepage2 {
  font-family: arial black;
  font-style: italic;
  font-size: 2.5em;
  color: #3365cb;
  margin: 0px;
  padding: 0px; }

.homepage2 a {
  color: #3365cb; }

.sidespacer {
  background-color: #3365cb;
  height: 50px;
  width: 100%; }
  @media (max-width: 960px) {
    .sidespacer {
      display: none; } }

.hrglinks a {
  line-height: 1.3em;
  font-size: .9em;
  color: #000066;
  text-decoration: underline; }

.hrglinks a:hover {
  text-decoration: none; }

.medtitle {
  text-align: left; }

.medtitle a {
  text-decoration: underline;
  color: #006; }
  @media (max-width: 650px) {
    .medtitle a {
      font-size: .9em; } }

.medtitle a:hover {
  text-decoration: none;
  color: #006; }

.vid-testimony {
  font-size: .9em;
  font-style: italic; }

.recent-news {
  margin-top: 0; }

.transcript {
  margin-top: 0.375rem; }

.page-element:first-of-type, .recent-news {
  min-height: 500px; }

/*# sourceMappingURL=budget_responsive_2022.css.map */