/* Id: 7.3551041.1473954467
 * Generated: 21-Aug-2024 10:51:52
 */
    /* Election Header and site dropdown - will inherit from parent page if no other stylesheet specified */

.ff {
  background: #40b34f;
}
.election-header .ff:before {
  content:"";
  font-size: 20px;
}

.sf {
  background: #128566;
}

.election-header .sf:before {
  content:none;
  font-size: 12px;
}

.fg {
  background: #2f3590;
}

.election-header .fg:before {
  content:none;
  font-size: 12px;
}

.lp {
  background: #c72831;
}

.election-header .lp:before {
  content:none;
  font-size: 12px;
}

.sd {
  background: #1dafec;
}

.election-header .sd:before {
  content:none;
  font-size: 12px;
}

.sp {
  background: #ef5b2f;
}

.election-header .sp:before {
  content:none;
  font-size: 12px;
}

.aaa {
  background: #c4568b;
}

.election-header .aaa:before {
  content:none;
  font-size: 12px;
}

.gp {
  background: #b4d144;
}

.election-header .gp:before {
  content:none;
  font-size: 12px;
}

.ri {
  background: #168dcd;
}

.election-header .ri:before {
  content:none;
  font-size: 12px;
}

.io {
  background: #000000;
}

.election-header .io:before {
  content:none;
  font-size: 12px;
}


.fg:before {
  content: 'fg';
  background: #2f3590;
}
.lp:before {
  content: 'lp';
  background: #c72831;
}
.gp:before {
  content: 'gp';
  background: #b4d144;
}
.sf:before {
  content: 'sf';
  background: #088560;
}

.sd:before {
  content: 'sd';
  background: #1dafec;
}
.sp:before {
  content: 'sp';
  background: #ef5b2f;
}
.aaa:before {
  content: 'aa';
  background: #c4568b;
}
.ff:before {
  content: 'ff';
  background: #40b34f;
}
.ri:before {
  content: 'ri';
  background: #168dcd;
}
.io:before {
  content: 'io';
  background: #000;
}


.election-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}


@media (max-width: 767px){

.election-header {display:block;}

}

.election-header a {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 300px;
  height: 60px;
}

@media (min-width: 480px) and (max-width: 767px){

	.election-header #content_left_upper {
	    width: 50%;
	    float: left;
	}

	.election-header #content_right_upper {
	    width: 50%;
	    float: left;
	}

	.election-header a {
	    width: 95%;
  		height: 47px;

	}

  .news .select2-container .select2-choice {
      border-radius: 0px;
      height: 26px;
      line-height: 26px;
      margin-top: 6px;
  }
}



.election-header--2016__stripes {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #40b34f), color-stop(10%, #40b34f), color-stop(10%, #088560), color-stop(20%, #088560), color-stop(20%, #2f3590), color-stop(30%, #2f3590), color-stop(30%, #c72831), color-stop(40%, #c72831), color-stop(40%, #1dafec), color-stop(50%, #1dafec), color-stop(50%, #ef5b2f), color-stop(60%, #ef5b2f), color-stop(60%, #c4568b), color-stop(70%, #c4568b), color-stop(70%, #b4d144), color-stop(80%, #b4d144), color-stop(80%, #168dcd), color-stop(90%, #168dcd), color-stop(90%, #000000), color-stop(100%, #000000));
  background-image: -moz-linear-gradient(left, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%);
  background-image: -webkit-linear-gradient(left, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%);
  background-image: linear-gradient(to right, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%);
  height: 5px;
  width: 100%;
  margin-bottom: 20px;
}

.lt-ie9 .election-header--2016__stripes { border-bottom: 4px solid #000; }

.election-header--2016 a {
  background-image: url(/cstatic/static/general-election/election_logo2016.svg);
}

.no-svg .election-header--2016 a {
  background-image: url(/cstatic/static/general-election/election_logo2016.png);
  width: 560px;
  height: 100px;
}

.party-colours {
  padding: 0px 0 0 0px;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ul.party-colours {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
ul.party-colours li {
  height: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 10%;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  width: 10%;
  float: left;
}


/* Dropbown styles */

.news .select2-container .select2-choice{
  border-radius: 0;
  border: 1px solid #999999;
  margin-bottom: 10px;
  background: #fff;
  padding: 0;
}

.news .select2-container .select2-choice span {
  font-family: "DINWeb-Medium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #515151;

}

.news .select2-container .select2-choice .select2-arrow {
	background: #fff;
	border-radius: 0;
	border-left: 2px solid #999999;
}

.news .select2-drop {
	border-radius: 0;

}

.news .select2-drop-active {
  border: 1px solid #999999;
  border-top: 1px solid #999999;
  padding-top: 5px;

}

.news .select2-results .select2-highlighted {
  background: #fff;
  color: #000;
	font-weight: bold;
}

.news .select2-dropdown-open.select2-drop-above .select2-choice, .news .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999999;
}

.news .select2-container .select2-choice {
        background-image: none;
 }

.news .select2-container .select2-choice {
    border-radius: 0;
    height: 33px;
  	line-height: 34px;
}

.news .select2-container .select2-choice .select2-arrow {
    border-left: 1px solid #999999;
}



#select2-chosen-1, #select2-chosen-2 {
    padding: 0 0 0 10px;
}


.row.election-header.election-header--2016.noGap.col-split-s12 {
    margin-bottom: 0;
}


.election-header .span8 {
    margin-left: 0;
}


@media only screen and (min-width: 767px) {
.election-header .span8 {
    margin-left: 10px;
}
}

  span.at4-visually-hidden {
    position: absolute!important;
}
