/*//Media queries*/
/*$mobile-sm: "(max-width: 374px)";*/
/*$mobile: "(max-width: 767px)";*/
/*$sm-screen: "(max-width: 991px)";*/
/*$md-screen: "(max-width: 1209px)";*/

/*//Usage:*/
/*//@media #{$md-screen} {*/
/*// ...*/
/*//}*/

.balance-of-power__candidate {
    line-height: 1;
    position: relative
}

.balance-of-power__candidate--right {
    position: absolute;
    right: 0;
    top: 0
}

.balance-of-power__spacer {
    height: .75em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__spacer {
    height: 0
}

.balance-of-power__text {
    position: relative;
    *zoom: 1
}

.balance-of-power__text:after, .balance-of-power__text:before {
    content: " ";
    display: table
}

.balance-of-power__text:after {
    clear: both
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__text {
    margin: 0 4.5em
}

@media screen and (max-width: 574px){

    [data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__text {
    margin: 0 3.0em
}

}

.balance-of-power__candidate-info {
    color: #595959
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__candidate-info {
    top: .5rem
}

[data-party~=D].balance-of-power__candidate-info {
    color: #193d79
}

[data-party~=R].balance-of-power__candidate-info {
    color: #d41111;
}

[data-party~=I].balance-of-power__candidate-info {
    color: #8d6fbe
}

.balance-of-power__candidate--right.balance-of-power__candidate-info {
    text-align: right
}

.balance-of-power__candidate-is-winner, .balance-of-power__candidate-lname {
    display: inline;
    font-size: .875em;
    font-weight: 700;
    vertical-align: baseline
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate-is-winner, [data-eq-state~=balance-of-power-large] .balance-of-power__candidate-lname {
    font-size: 1.375em
}

.balance-of-power__candidate-lname {
    display: inline-block;
    vertical-align: top
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__candidate-lname {
    font-size: 1em
}

.balance-of-power__candidate--right .balance-of-power__candidate-lname {
    margin-left: .25rem
}

.balance-of-power--with-headshot .balance-of-power__candidate-lname {
    margin-top: .7375rem
}

[data-eq-state~=balance-of-power-medium] .balance-of-power--with-headshot .balance-of-power__candidate-lname {
    margin-top: 1.125rem
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__candidate-lname {
    margin-top: 1.0125rem
}

.balance-of-power__candidate-is-winner {
    height: .875rem;
    width: .875rem;
    -ms-transform: translateY(.6em);
    transform: translateY(.6em);
    -webkit-transform: translateY(.6em)
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__candidate-is-winner {
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transform: translateY(1.25em)
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate-is-winner {
    height: 1.25rem;
    -ms-transform: translateY(.5em);
    transform: translateY(.5em);
    -webkit-transform: translateY(.5em);
    width: 1.25rem
}

.balance-of-power__candidate--left .balance-of-power__candidate-is-winner {
    margin-left: .25rem
}

.balance-of-power__candidate--right .balance-of-power__candidate-is-winner {
    float: left
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate--right .balance-of-power__candidate-is-winner {
    -ms-transform: translateY(.5em);
    transform: translateY(.5em);
    -webkit-transform: translateY(.5em)
}

.balance-of-power__candidate-ec-votes {
    display: inline-block;
    font-size: 1.625em;
    font-weight: 400;
    margin-bottom: 5px;
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__candidate-ec-votes {
    font-size: 2.375em;
}

@media screen and (max-width: 574px) {
   [data-eq-state~=balance-of-power-medium] .balance-of-power__candidate-ec-votes  {
        font-size: 1.475em;
    }
}

@media screen and (max-width: 374px) {
   [data-eq-state~=balance-of-power-medium] .balance-of-power__candidate-ec-votes  {
        font-size: 1.275em;
    }
}


.balance-of-power__candidate--left .balance-of-power__candidate-ec-votes {
    float: left;
    margin-right: .25rem
}

.balance-of-power__candidate--right .balance-of-power__candidate-ec-votes {
    margin-left: .25rem
}

.balance-of-power__votes-and-percent {
    position: absolute;
    top: 4.0675em
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__votes-and-percent {
    top: 5.5em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__votes-and-percent {
    top: 4.75em
}

.balance-of-power__candidate--left .balance-of-power__votes-and-percent {
    left: 0
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate--left .balance-of-power__votes-and-percent {
    left: -4.5em
}

.balance-of-power__candidate--right .balance-of-power__votes-and-percent {
    right: 0
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate--right .balance-of-power__votes-and-percent {
    right: -4.5em
}

.balance-of-power__vote-percentage {
    font-size: .75em;
    color: #404040;
    vertical-align: top;
    white-space: nowrap;
    font-weight: 700
}

[data-eq-state~=balance-of-power-large] .balance-of-power__vote-percentage {
    line-height: 1.1
}

.balance-of-power__raw-votes {
    clear: both;
    font-size: .625em;
    margin-top: .25rem;
    white-space: nowrap;
    color: #a6a6a6;
    vertical-align: top
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__raw-votes {
    font-size: .75em;
    margin-top: .2125rem
}

[data-eq-state~=balance-of-power-large] .balance-of-power__raw-votes {
    clear: none;
    margin-top: 0
}

.balance-of-power__candidate--left .balance-of-power__raw-votes {
    float: left
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate--left .balance-of-power__raw-votes {
    border-left: 1px solid #a6a6a6;
    margin-left: .25rem;
    padding-left: .25rem;
    line-height: 1
}

.balance-of-power__candidate--right .balance-of-power__raw-votes {
    float: right
}

.balance-of-power__candidate--left .balance-of-power__vote-percentage {
    float: left
}

.balance-of-power__candidate--right .balance-of-power__vote-percentage {
    float: right
}

[data-eq-state~=balance-of-power-large] .balance-of-power__candidate--right .balance-of-power__vote-percentage {
    /*border-left: 1px solid #a6a6a6;*/
    margin-left: .25rem;
    padding-left: .25rem;
    line-height: 1
}

.balance-of-power__visual {
    position: relative
}

[data-eq-state~=balance-of-power-medium] .balance-of-power--with-headshot .balance-of-power__visual {
    margin-top: .625em
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__visual {
    margin-top: .125em
}

.balance-of-power__candidate-visual {
    width: 100%
}

.balance-of-power__headshot {
    border: .425em solid #fff;
    bottom: -1.675em;
    height: 2.125em;
    position: absolute;
    width: 2.125em;
    background: #fff;
    z-index:2;
    border-radius: 50px;

}

.balance-of-power__headshot img{
    border-radius: 50px;
    width: 100%; z-index: 50
}



[data-eq-state~=balance-of-power-medium] .balance-of-power__headshot {
    height: 2.75em;
    width: 2.75em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__headshot {
    bottom: -1.5em;
    height: 4.625em;
    width: 4.625em
}

@media screen and (max-width: 574px) {

    [data-eq-state~=balance-of-power-large] .balance-of-power__headshot {
    bottom: -1.5em;
    height: 3.225em;
    width: 3.225em
}


}


.balance-of-power__visual--left .balance-of-power__headshot {
    left: -1.625em
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__visual--left .balance-of-power__headshot {
    left: -2.25em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__visual--left .balance-of-power__headshot {
    left: -3.375em
}

.balance-of-power__visual--right .balance-of-power__headshot {
    right: -1.625em
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__visual--right .balance-of-power__headshot {
    right: -2.25em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__visual--right .balance-of-power__headshot {
    right: -3.375em
}

.balance-of-power__tick {
    height: 1.25em;
    width: 100%;
    position: absolute;
    top: .4em;
    left: 0
}

.balance-of-power__tick:after {
    content: '';
    position: absolute;
    display: block;
    width: .125rem;
    height: 100%;
    left: 50%;
    z-index: 2;
    background-color: #737373
}

.balance-of-power__track {
    display: block;
    height: 1.25em;
    position: absolute;
    top: .4em;
    width: 100%;
    z-index: 0;
    background: #f2f2f2
}

.balance-of-power--with-headshot .balance-of-power__track {
    height: 1.25em;
    margin: 0 1.5rem;
    width: calc(100% - 3rem);
    width: -webkit-calc(100% - 3rem)
}

[data-eq-state~=balance-of-power-medium] .balance-of-power--with-headshot .balance-of-power__track {
    margin: 0 2.25rem;
    width: calc(100% - 4.5rem);
    width: -webkit-calc(100% - 4.5rem)
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__track {
    margin: 0 3.125em;
    width: calc(100% - 6.25em);
    width: -webkit-calc(100% - 6.25em)
}

.balance-of-power__bar {
    bottom: 0;
    position: absolute;
    top: .4em;
    width: 100%;
    line-height: 2
}

.balance-of-power--with-headshot .balance-of-power__bar {
    height: 1.25em;
    margin: 0 1.5rem;
    width: calc(100% - 3rem);
    width: -webkit-calc(100% - 3rem)
}

[data-eq-state~=balance-of-power-medium] .balance-of-power--with-headshot .balance-of-power__bar {
    margin: 0 2.25rem;
    width: calc(100% - 4.5rem);
    width: -webkit-calc(100% - 4.5rem)
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__bar {
    margin: 0 3.125em;
    width: calc(100% - 6.25em);
    width: -webkit-calc(100% - 6.25em)
}

.balance-of-power__bar-fill {
    display: block;
    height: 1.25em;
    position: relative;
    z-index: 1;
    background-color: #737373
}

.balance-of-power__bar-fill--min-width {
    min-width: .5em
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__bar-fill--min-width {
    min-width: 1em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__bar-fill--min-width {
    min-width: .75em
}

.balance-of-power__candidate--left .balance-of-power__bar-fill, .balance-of-power__visual--left .balance-of-power__bar-fill {
    float: left
}

.balance-of-power__candidate--right .balance-of-power__bar-fill, .balance-of-power__visual--right .balance-of-power__bar-fill {
    float: right
}

[data-party~=D] .balance-of-power__bar-fill {
    background-color: #193d79
}

[data-party~=R] .balance-of-power__bar-fill {
    background-color: #d41111;
}

[data-party~=I] .balance-of-power__bar-fill {
    background-color: #8d6fbe
}

.balance-of-power__threshold {
    height: 3.25em;
    position: relative;
    pointer-events: none
}

[data-eq-state~=balance-of-power-large] .balance-of-power__threshold {
    height: 3.5em
}

.balance-of-power__threshold-container {
    top: .675em;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.balance-of-power__threshold--with-upper-text .balance-of-power__threshold-container {
    top: -.8em
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__threshold--with-upper-text .balance-of-power__threshold-container {
    top: -1em
}

[data-eq-state~=balance-of-power-large] .balance-of-power__threshold--with-upper-text .balance-of-power__threshold-container {
    top: -1.5em
}

.balance-of-power__threshold-text {
    display: block;
    font-size: .625em;
    margin: 0 auto;
    color: #737373;
    font-weight: 400;
    text-align: center
}

[data-eq-state~=balance-of-power-large] .balance-of-power__threshold-text {
    font-size: .75em;
    margin-top: 4px
}

.balance-of-power--with-headshot .balance-of-power__threshold-text {
    max-width: 9em
}

[data-eq-state~=balance-of-power-large] .balance-of-power--with-headshot .balance-of-power__threshold-text {
    max-width: 100%
}

.balance-of-power__threshold-text--upper {
    line-height: 1.5;
    margin-bottom: .5rem
}

[data-eq-state~=balance-of-power-medium] .balance-of-power__threshold-text--upper {
    margin-bottom: .75rem
}

.balance-of-power__threshold-line {
    display: block;
    height: 1.25em;
    width: .125rem
}

.balance-of-power__threshold-carot {
    display: block;
    height: 0;
    margin: .125em auto;
    width: 0;
    border-bottom: 5px solid #737373;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.balance-of-power__table {
    margin: .75rem 0 0;
    border-top: 1px solid #d9d9d9;
    *zoom: 1
}

.balance-of-power__table:after, .balance-of-power__table:before {
    content: " ";
    display: table
}

.balance-of-power__table:after {
    clear: both
}

.balance-of-power__table-item {
    display: inline-block;
    margin: .75rem 1.5rem 0 0;
    font-size: .75em;
    line-height: 1;
    color: #a6a6a6
}

.balance-of-power__table-ec-votes {
    margin-left: .25rem;
    font-weight: 700
}

[data-party=GR] > .balance-of-power__table-ec-votes {
    color: #24cf54
}

[data-party=LB] > .balance-of-power__table-ec-votes {
    color: #ffc61c
}

[data-party=O] > .balance-of-power__table-ec-votes {
    color: #8d6fbe
}

.balance-of-power__table-raw-votes {
    margin-left: .5rem;
    border-left: 1px solid #a6a6a6;
    padding-left: .5rem;
    display: inline-block;
    line-height: 1
}

.balance-of-power__table-lname {
    font-weight: 700
}