.mdc-menu-surface--open {
    max-height: 50vh !important;
    z-index: 100001 !important;
}
.transparency-scorecard-title {
  font-size: 2em;
  padding-bottom: 0.5em;
  font-weight: 600;
  line-height: 1em;
}
@media only screen and (max-width: 480px) {
  .transparency-scorecard-title {
    font-size: 10vw;
  }
}
.transparency-scorecard-title span {
  font-size: 0.75em;
  font-weight: 500;
}
.icon-boxes {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.rating-scale-box .icon-boxes {
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.rating-scale-box {
    width: 100%;
    margin: 2em auto 1em;
    xborder: 2px solid #eeeeee;
    xpadding: 1em 1em 1.5em;
    xborder-radius: 5px;
	max-width: 500px;
}
.icon-boxes .icon-box-container {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 120px;
  margin: 0 0.5em 2em;
  vertical-align: top;
}
@media only screen and (max-width: 600px) {
.compare-state-box .icon-boxes .icon-box-container {
  margin: 0 0 1em;
}
}
.icon-boxes .icon-box-container.rating-scale {
  max-width: 120px;
  margin: 0 auto;
}
.icon-boxes.states-list .icon-box-container {
  max-width: 240px;
}
.icon-boxes .icon-box-container p {
  line-height: 1.25em;
	padding-bottom: 0;
}
.icon-boxes .icon-box-container img {
  width: 100%;
}
.icon-boxes .icon-box-container p.icon-box-content {
  word-break: keep-all;
  overflow: visible;
}
@media only screen and (max-width: 480px) {
  .icon-boxes .icon-box-container {
    max-width: 90px;
  }
.icon-boxes .icon-box-container p.icon-box-content {
  font-size: 0.75em;
}
}
.compare-state-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.state-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.compare-state-box .state-box {
  width: 50%;
  padding: 0 0.5em;
}
.compare-state-box .state-box:first-of-type {
  border-right: 2px solid #eee;
}.compare-state-box .state-box:last-of-type {
  border-left: 2px solid #eee;
}
.score-section-title {
    font-size: 1.25em;
    font-weight: 600;
    padding: 2em 0;
    border-top: 2px solid #eee;
    line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
  .score-section-title {
    font-size: 0.875em;
  }
}
.rating-scale-top {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.rating-scale-details .rating-scale-top {
    font-size: 1.25em;
}
p.rating-scale-top {
	display: none;
}
@media only screen and (max-width: 700px) {
p.rating-scale-top {
	display: block;
    padding-bottom: 0.5em !important;
}
	.rating-scale-2 {
		display: none;
	} 
}
.rating-scale-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 1em;
    /* margin-bottom: 1em; */
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
@media only screen and (max-width: 280px) {
.rating-scale-details {
  flex-direction: column;
}
}
.rating-scale-1, .rating-scale-3 {
  display: block;
	margin: auto;
}
.state-score {
  display: block;
  text-align: center;
}
.state-score-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.state-title-box {
    height: 5em;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.state-title {
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 0.5em;
  line-height: 1em;
}
.icon-boxes.states-list .state-title {
line-height: 1.125em;
}
.icon-boxes.states-list .state-title a {
  color: #0066cc;
  transition: all 0.2s ease 0s !important;
}
.icon-boxes.states-list .state-title a:hover {
  color: #000;
  transition: all 0.2s ease 0s !important;
	cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .state-title {
    font-size: 1.5em;
  }
 .compare-state-box .state-title {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 500px) {
 .compare-state-box .state-title {
    font-size: 4vw;
  }
}
@media only screen and (max-width: 250px) {
.states-box .state-title,
.states-list-box .state-title {
    font-size: 10vw;
  }
}
.icon-boxes .icon-box-container.gauge-scale {
    max-width: 120px;
    margin: auto;
}
.state-score-right.confidence-score-pos10 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos10_state-animated.svg);
}
.state-score-right.confidence-score-pos9 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos9_state-animated.svg);
}
.state-score-right.confidence-score-pos8 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos8_state-animated.svg);
}
.state-score-right.confidence-score-pos7 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos7_state-animated.svg);
}
.state-score-right.confidence-score-pos6 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos6_state-animated.svg);
}
.state-score-right.confidence-score-pos5 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos5_state-animated.svg);
}
.state-score-right.confidence-score-pos4 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos4_state-animated.svg);
}
.state-score-right.confidence-score-pos3 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos3_state-animated.svg);
}
.state-score-right.confidence-score-pos2 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos2_state-animated.svg);
}
.state-score-right.confidence-score-pos1 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-pos1_state-animated.svg);
}
.state-score-right.confidence-score-zero {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-zero_state-animated.svg);
}
.state-score-right.confidence-score-neg1 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg1_state-animated.svg);
}
.state-score-right.confidence-score-neg2 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg2_state-animated.svg);
}
.state-score-right.confidence-score-neg3 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg3_state-animated.svg);
}
.state-score-right.confidence-score-neg4 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg4_state-animated.svg);
}
.state-score-right.confidence-score-neg5 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg5_state-animated.svg);
}
.state-score-right.confidence-score-neg6 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg6_state-animated.svg);
}
.state-score-right.confidence-score-neg7 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg7_state-animated.svg);
}
.state-score-right.confidence-score-neg8 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg8_state-animated.svg);
}
.state-score-right.confidence-score-neg9 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg9_state-animated.svg);
}
.state-score-right.confidence-score-neg10 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-neg10_state-animated.svg);
}
.state-score-right.confidence-score-grade {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/12/VoteRefGauge-Agrade-rating-thin_animated.svg);
}
.icon-box-gaugeRating.confidence-score-pos9,
.icon-box-gaugeRating.confidence-score-pos8,
.icon-box-gaugeRating.confidence-score-pos7,
.icon-box-gaugeRating.confidence-score-pos6,
.icon-box-gaugeRating.confidence-score-pos5,
.icon-box-gaugeRating.confidence-score-pos4,
.icon-box-gaugeRating.confidence-score-pos3,
.icon-box-gaugeRating.confidence-score-pos2,
.icon-box-gaugeRating.confidence-score-pos1,
.state-score-right.confidence-score-pos9 .state-score-right1,
.state-score-right.confidence-score-pos9 .state-score-right2,
.state-score-right.confidence-score-pos8 .state-score-right1,
.state-score-right.confidence-score-pos8 .state-score-right2,
.state-score-right.confidence-score-pos7 .state-score-right1,
.state-score-right.confidence-score-pos7 .state-score-right2,
.state-score-right.confidence-score-pos6 .state-score-right1,
.state-score-right.confidence-score-pos6 .state-score-right2,
.state-score-right.confidence-score-pos5 .state-score-right1,
.state-score-right.confidence-score-pos5 .state-score-right2 {
  color: #33cc00;
}
.state-score-right.confidence-score-pos10 .state-score-right1,
.state-score-right.confidence-score-pos10 .state-score-right2,
.icon-box-gaugeRating.confidence-score-pos10,
.good-grade {
  color: #009900;
}
.state-score-right.confidence-score-pos4 .state-score-right1,
.state-score-right.confidence-score-pos4 .state-score-right2,
.state-score-right.confidence-score-pos3 .state-score-right1,
.state-score-right.confidence-score-pos3 .state-score-right2,
.state-score-right.confidence-score-pos2 .state-score-right1,
.state-score-right.confidence-score-pos2 .state-score-right2,
.state-score-right.confidence-score-pos1 .state-score-right1,
.state-score-right.confidence-score-pos1 .state-score-right2,
.icon-box-gaugeRating.confidence-score-zero,
.neutral-grade {
  color: #ffcc00;
}
.icon-box-gaugeRating.confidence-score-neg9,
.icon-box-gaugeRating.confidence-score-neg8,
.icon-box-gaugeRating.confidence-score-neg7,
.icon-box-gaugeRating.confidence-score-neg6,
.icon-box-gaugeRating.confidence-score-neg5,
.icon-box-gaugeRating.confidence-score-neg4,
.icon-box-gaugeRating.confidence-score-neg3,
.icon-box-gaugeRating.confidence-score-neg2,
.icon-box-gaugeRating.confidence-score-neg1,
.state-score-right.confidence-score-neg10 .state-score-right1,
.state-score-right.confidence-score-neg10 .state-score-right2,
.state-score-right.confidence-score-neg9 .state-score-right1,
.state-score-right.confidence-score-neg9 .state-score-right2,
.state-score-right.confidence-score-neg8 .state-score-right1,
.state-score-right.confidence-score-neg8 .state-score-right2,
.state-score-right.confidence-score-neg7 .state-score-right1,
.state-score-right.confidence-score-neg7 .state-score-right2,
.state-score-right.confidence-score-neg6 .state-score-right1,
.state-score-right.confidence-score-neg6 .state-score-right2,
.state-score-right.confidence-score-neg5 .state-score-right1,
.state-score-right.confidence-score-neg5 .state-score-right2 {
  color: #ff6633;
}
.state-score-right.confidence-score-neg10 .state-score-right1,
.state-score-right.confidence-score-neg10 .state-score-right2,
.icon-box-gaugeRating.confidence-score-neg10,
.bad-grade {
  color: #cc0000;
}
.scale-0 {
  color: #cc0000;
}
.scale-1 {
  color: #ff6633;
}
.scale-2 {
  color: #ff9900;
}
.scale-3 {
  color: #ffcc00;
}
.scale-4 {
  color: #33cc00;
}
.scale-5 {
  color: #009900;
}
.state-score-right.confidence-score-neg4 .state-score-right1,
.state-score-right.confidence-score-neg4 .state-score-right2,
.state-score-right.confidence-score-neg3 .state-score-right1,
.state-score-right.confidence-score-neg3 .state-score-right2,
.state-score-right.confidence-score-neg2 .state-score-right1,
.state-score-right.confidence-score-neg2 .state-score-right2,
.state-score-right.confidence-score-neg1 .state-score-right1,
.state-score-right.confidence-score-neg1 .state-score-right2,
.state-score-right.confidence-score-zero .state-score-right1,
.state-score-right.confidence-score-zero .state-score-right2 {
  color: #ffcc00;
}
.state-score-right.confidence-score-grade,
.state-score-right.confidence-score-pos10,
.state-score-right.confidence-score-pos9,
.state-score-right.confidence-score-pos8,
.state-score-right.confidence-score-pos7,
.state-score-right.confidence-score-pos6,
.state-score-right.confidence-score-pos5,
.state-score-right.confidence-score-pos4,
.state-score-right.confidence-score-pos3,
.state-score-right.confidence-score-pos2,
.state-score-right.confidence-score-pos1,
.state-score-right.confidence-score-neg10,
.state-score-right.confidence-score-neg9,
.state-score-right.confidence-score-neg8,
.state-score-right.confidence-score-neg7,
.state-score-right.confidence-score-neg6,
.state-score-right.confidence-score-neg5,
.state-score-right.confidence-score-neg4,
.state-score-right.confidence-score-neg3,
.state-score-right.confidence-score-neg2,
.state-score-right.confidence-score-neg1,
.state-score-right.confidence-score-zero {
  background-position: top;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.state-score-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 240px;
  height: 240px;
  margin: 0.5em auto 1em;
}
@media only screen and (max-width: 300px) {
.state-score-right {
    width: 100%;
    height: 80vw;
}
}
@media only screen and (max-width: 700px) {
.compare-state-box .state-score-right {
    width: 100%;
    height: 35vw;
}
.compare-state-box .state-score-right2 span {
    display: none;
}
}
.state-score-right.state-score-90-100 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-90-100_animated.svg);
}
.state-score-right.state-score-80-90 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-80-90_animated.svg);
}
.state-score-right.state-score-70-80 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-70-80_animated.svg);
}
.state-score-right.state-score-60-70 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-60-70_animated.svg);
}
.state-score-right.state-score-50-60 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-50-60_animated.svg);
}
.state-score-right.state-score-40-50 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-40-50_animated.svg);
}
.state-score-right.state-score-30-40 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-30-40_animated.svg);
}
.state-score-right.state-score-20-30 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-20-30_animated.svg);
}
.state-score-right.state-score-10-20 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-10-20_animated.svg);
}
.state-score-right.state-score-0-10 {
  background-image: url(https://www.voterreferencefoundation.com/wp-content/uploads/2022/10/vrf-number-0-10_animated.svg);
}
.state-score-right.state-score-90-100 .state-score-right1,
.state-score-right.state-score-90-100 .state-score-right2 {
  color: #009900;
}
.state-score-right.state-score-80-90 .state-score-right1,
.state-score-right.state-score-80-90 .state-score-right2 {
  color: #33cc00;
}
.state-score-right.state-score-70-80 .state-score-right1,
.state-score-right.state-score-70-80 .state-score-right2 {
  color: #ffcc00;
}
.state-score-right.state-score-60-70 .state-score-right1,
.state-score-right.state-score-60-70 .state-score-right2 {
  color: #ff6633;
}
.state-score-right.state-score-50-60 .state-score-right1,
.state-score-right.state-score-50-60 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-40-50 .state-score-right1,
.state-score-right.state-score-40-50 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-30-40 .state-score-right1,
.state-score-right.state-score-30-40 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-20-30 .state-score-right1,
.state-score-right.state-score-20-30 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-10-20 .state-score-right1,
.state-score-right.state-score-10-20 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-0-10 .state-score-right1,
.state-score-right.state-score-0-10 .state-score-right2 {
  color: #cc0000;
}
.state-score-right.state-score-90-100 .state-score-right2 {
    border-top: 3px solid #009900;
}
.state-score-right.state-score-80-90 .state-score-right2 {
    border-top: 3px solid #33cc00;
}
.state-score-right.state-score-70-80 .state-score-right2 {
    border-top: 3px solid #ffcc00;
}
.state-score-right.state-score-60-70 .state-score-right2 {
    border-top: 3px solid #ff6633;
}
.state-score-right.state-score-50-60 .state-score-right2 {
    border-top: 3px solid #cc0000;
}
.state-score-right.state-score-40-50 .state-score-right2 {
    border-top: 3px solid #cc0000;
}
.state-score-right.state-score-30-40 .state-score-right2 {
    border-top: 3px solid #cc0000;
}
.state-score-right.state-score-20-30 .state-score-right2 {
     border-top: 3px solid #cc0000;
}
.state-score-right.state-score-10-20 .state-score-right2 {
    border-top: 3px solid #cc0000;
}
.state-score-right.state-score-0-10 .state-score-right2 {
    border-top: 3px solid #cc0000;
}

.state-score-right1,
.state-score-right2 {
  font-size: 6em;
  line-height: 1em;
  font-weight: 700;
}

.icon-box-gaugeRating {
    font-weight: 700;
    font-size: 150%;
}

.state-score-right2 {
    font-size: 1em;
    border-top: 4px solid #ddd;
    margin: 0 auto 0;
    font-weight: 700;
    line-height: 1.125em;
    padding-top: 5px;
    width: 67%;
    max-width: 120px;
}
.state-score-right2 span {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.05em;
	color: #000;
}
@media only screen and (max-width: 300px) {
.states-list-box .state-score-right1,
.state-box .state-score-right1,
.states-list-box .state-score-right2,
.state-box .state-score-right2 {
    font-size: 30vw;
  }
}
@media only screen and (max-width: 480px) {
  .state-score-right2 span {
    display: none;
}
}
@media only screen and (max-width: 500px) {
.compare-state-box  .state-score-right1,
.compare-state-box  .state-score-right2 {
    font-size: 15vw;
}
}
.button-section.states-1,
.button-section.states-2 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.button-section.compare-states {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.view-details-button {
	display: block;
}
.vrf_button {
    font-size: 16px;
    padding: 0;
    background-color: transparent;
    border: 2px solid #dadada;
    color: rgba(0,0,0,0.6);
    width: 30%;
    height: 3.5em;
    border-radius: 5px;
    font-weight: 500;
}
.vrf_button:hover {
    color: #000000;
    background-color: transparent;
    border: 2px solid #000 !important;
	cursor: pointer;
	text-decoration: none;
}
.view-details-button .vrf_button {
    padding: 0.5em 2em;
    line-height: 1.7em!important;
	font-weight: 500;
}
@media only screen and (max-width: 600px) {
.button-section.states-1,
.button-section.states-2 {
    display: block;
    text-align: center;
}
.vrf_button {
    width: 100%;
	max-width: 300px;
}
}
.appear[data-src], .appear[data-bkg], .appear [data-src], .appear [data-bkg] {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
     -moz-transition: opacity 1s ease-in;
          transition: opacity 1s ease-in;
}
.appeared[data-src], .appeared[data-bkg], .appeared [data-src], .appeared [data-bkg] {
  opacity: 1;
}