#election-banner {
    width:100%;
    height:268px;
    background-color: #fff;
    margin-top: 132px;
    margin-bottom: -100px;
  }
  .election-banner-feature-box {
    width: 20%;
    height: 268px;
    background-color: #334aab;
    color: #fff;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    position:relative;
    background: url(https://ballotpedia.org/wiki/images/e/e3/Election_Banner_Slides-08-72_Res-Edit_3.png);  
  }
  #election-banner-feature-box p {
    margin-left: 10px;
    float: left;
    text-decoration: underline;
  }
#election-banner-tweet-heading {
    color: #fff;
}

#election-banner-news {
    padding: 4% 0;
  }

  #election-banner-news p, #election-banner-news a, #election-banner-feature-box a {
    color: #fff!important;
    /* float:left; */
    /* font-size: 23px; */
    /* line-height: 1.2; */
    margin-bottom: 70px;
  }
#election-banner-news a { text-decoration:underline; }
  #election-banner .bars {
    width: 1000px;
    float: left;
  }
  #election-banner .bar {
    position: relative;
    width: 100%;
}
  #election-banner .bar a {
    color: #fff!important;
    right: 10px;
    font-size: 18px;
    margin-top: 3px;
    position: absolute;
    z-index: 999;
  }
  #election-banner .bar-republican span {
    position: absolute;
    z-index: 999;
    color: #fff;
    font-size: 15px;
    margin-left: 415px;
    margin-top: 3px;
    text-align: right;
  }

  #election-banner .Democratic span {
    text-align: left;
  }

  #election-banner .Republican span {
    text-align: right;
  }
.Bars { width:80%; float:right; }
.Bars a { display:block; text-align:right; color:#BBB; text-decoration:none; }
.Bar { position:relative; margin-top:0; margin-bottom:15px; text-align:center; }
.Bar .Bubble { display:none; position:absolute; box-shadow:0px 2px 4px 4px rgba(0,0,0,0.2); background:#EEE; color:#000; font-size:75%; z-index:999; padding:4px 8px; text-align:left; right:40%; }
.Bar .Bubble span { width:auto; }
.Bar:hover .Bubble { display:block; }
.Bar .Bubble .BubbleTitle { font-weight:bold; }
.Bar .Bubble .BubbleSeatsWon, .Bar .Bubble .BubbleSeatsNot { text-align:center; }
.Bar .Bubble .BubbleSeatsWonBar {
	height: 4px;
	background:#333;
	background:-webkit-linear-gradient(right, #33B7FF 0%, #FF6669 100%);
	background:-moz-linear-gradient(right, #33B7FF 0%, #FF6669 100%);
	background:-ms-linear-gradient(right, #33B7FF 0%, #FF6669 100%);
	background:-o-linear-gradient(right, #33B7FF 0%, #FF6669 100%);
	background:linear-gradient(right, #33B7FF 0%, #FF6669 100%);
}
.Bar .Bubble .BubbleSeatsNotBar {
	height: 4px;
	background:#333;
	background:-webkit-linear-gradient(right, #2059BC 0%, #E20100 100%);
	background:-moz-linear-gradient(right, #2059BC 0%, #E20100 100%);
	background:-ms-linear-gradient(right, #2059BC 0%, #E20100 100%);
	background:-o-linear-gradient(right, #2059BC 0%, #E20100 100%);
	background:linear-gradient(right, #2059BC 0%, #E20100 100%);
}
.Bar .Bubble .OtherNote { text-align:center; }
.Bar span { width:0; display:inline-block; height:28px; text-align:center; line-height:28px; }
.Bar span.Label { position:absolute; right:25px; z-index:99; width:auto; margin:0 10px; }
a.Bar span.Label, a.Bar { color:#BBB; }
.Bar span.Democratic { text-align:left!important; text-indent:10px; overflow:hidden; }
.Bar span.Republican { text-align:right!important; direction:rtl; text-indent:10px; overflow:hidden; }
.Democratic { background:#2059BC; color:#2059BC; }
.DemocraticGain { background:#33B7FF; color:#33B7FF; overflow:hidden; }
.Republican { background:#E20100; color:#E20100; float:left; test-align:right!important; }
.RepublicanGain { background:#FF6669; color:#FF6669; overflow:hidden; }
.Other { background:#888; color:#888; overflow:hidden; }
.OtherGain { background:#AAA; color:#AAA; overflow:hidden; }
.Undecided { background:#F8F8F8; color:#F8F8F8; overflow:hidden; }
.Democratic:hover { color:#FFF; }
.DemocraticGain:hover { color:#FFF; }
.Republican:hover { color:#FFF; float:left; }
.RepublicanGain:hover { color:#FFF; }
.Other:hover { color:#DDD; }
.OtherGain:hover { color:#DDD; }
.Undecided:hover { color:#555; }
#body-wrapper { margin-top:-15px!important; }
  #election-banner .bar {
    height: 28px;
    margin-top: 20px;
  }
#election-banner .Presidential { margin-top:0; }
#election-banner .StateHouses { margin-bottom:0; }
#election-results { position: absolute; bottom: 20px; left: 68px; width: 40%; font-size:15px;color:#fff; cursor:pointer; font-style: italic;background-color: #E20100; padding: 1% 3%; border-radius: 10px; }
#states-to-pick{
 font-size:13px;
  height:30px;
  width: 50%;
  background:#f8f8f8;
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
    z-index: 2;
  }
#states-to-pick option {
      font:normal 12px/18px sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  margin-right:-4px;
  padding:10px 15px;
  background:#f8f8f8;
  cursor:pointer;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -ms-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
    z-index: 2;
}

.hidden {
    display: none;
}

.mw-mobile-mode .election-banner-feature-box { width: 100%;}
.mw-mobile-mode .Bars { width: 100%; }
.mw-mobile-mode .election-banner-feature-box { text-align: center; }
.mw-mobile-mode #election-results { left: 108px; }
.mw-mobile-mode #election-banner { margin-top:10px!important; }