/* line 1, ../sass/project_styles.scss */

.someclass {

  display: block;

}

.inter-Elections-meter {

  height: 26px;

  line-height: 26px;

  display: inline-block;

  box-sizing: border-box;

  width: 100%;
}



.inter-Elections-meterContainer {

  direction: ltr;

  font-size: 0px;

  margin: 12px 0px;

  color: white;

  position: relative;

  background-color: #CCCCCC;

}



.inter-mc.t .inter-Elections-meterContainer {

  margin-top: 7px;

}

.inter-Elections-republicanMeter {

  width: 0;

  background-color: #de2135;

  text-align: left;

  padding-right: 0px;

  transition: width 1s,padding 1s;

  will-change: width, padding;

  float: right;
}


.inter-Elections-neutralMeter {

  background-color: #CCCCCC;
  vertical-align: bottom;
  text-align: center;

  transition: none !important;
}

.inter-Elections-democrateMeter {

  width: 0;

  background-color: #09a4da;

  text-align: right;

  padding-left: 0px;

  transition: width 1s, padding 1s;

  float: left;

  will-change: width, padding;
}



.inter-Elections-meter {

  font-size: 20px;

}



.inter-Elections-map {

  width: 100%;

}



.inter-Elections-electors {

  font-weight: bold;
  font-size: 24px;
  display: block;

}

.t.inter-Elections-electors {
  font-size: 16px;
}

.t.interElections-goal {
  top: 154px;
}

/*.inter-mc.t .inter-Elections-map {*/

  /*display: none;*/

/*}*/



.inter-Elections-goal {

  width: 49.5%;

  margin-right: 50%;

  text-align: right;

  border-right: 1px solid black;

  padding-right: 10px;

  height: 26px;

  position: absolute;

  z-index: 100;

  top: 0px;

  width: 2px;

}

.t .inter-Elections-republicanMeter {
  padding: 0px !important;
}

.t .inter-Elections-democrateMeter {
  padding: 0px !important;
}

.inter-Elections-goalText {
  position: absolute;
  top: 27px;
  left: 10px;
  white-space: nowrap;
  transform: translateX(-50%);
  font-weight: bold;
}



.t.inter-Elections .inter-Elections-goal {

  width: auto;

}



/*.inter-mc.t .inter-Elections-goal {*/

  /*font-size: 12px;*/
  /*top: 141px;*/
  /*height: 63px;*/
/*}*/


.inter-mc.m .inter-Popup-wrapper ,.inter-mc.s .inter-Popup-wrapper {
  font-size: 11px !important;
  width: 200px;
}
.inter-mc.m .inter-Popup-approved, .inter-mc.s .inter-Popup-approved {
  font-size: 11px !important;
}
.inter-Popup-wrapper {

  position: absolute;

  background-color: white;


  border: 1px solid #b2b2b2;
  box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, 0.2);

  padding: 6px 18px 36px 18px;

  z-index: 1000;

  text-align: center;

  border-radius: 6px;
  width: 280px;
}

.inter-Popup-countryName {

  font-size: 24px;

  font-weight: bold;

}


.inter-Popup-previousElectors {

  font-weight: bold;

}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.inter-Popup-currentVoteClinton {
  width: 50%;
  float: left;
}

.inter-Popup-currentVoteTrump {
  float: right;
  width: 50%;
}

.inter-Popup-close {
  z-index:30 !important;
  font-family: htzIcons !important;
  display:block;
  font-size: 24px;

  position: absolute;

  top: 0px;

  left: 6px;

  cursor: pointer;

  color: #5A5A5A;
}


.inter-Popup-approved {
  font-family: htzIcons;

  font-size: 16px;
}


.inter-Elections-map [id] {

  cursor: pointer;

}

.inter-Popup-countyElectors {
  font-weight: bold;
  margin-bottom: 6px;
}

/* Example-specific styles */

.scaling-svg-container {

  position: relative;
  height: 0;
  width: 64%;
  padding: 0;
  padding-bottom: 64%;
  overflow: hidden;
  margin: auto;

  /* over-ride this inline for aspect ratio other than square */

}

.scaling-svg {

  position: absolute;

  height: 80%;

  width: 100%;

  left: 0;

  top:0;

}



.inter-Elections-currentState {

  position: relative;

}



.inter-Elections {

  position: relative;

}



/*.inter-Elections.t .scaling-svg-container {*/

  /*display: none;*/

/*}*/



.inter-Elections-meta {

  position: absolute;

  margin-right: 50%;

  top: 50%;

  display: block;

  transform: translate(+50%, -50%);

  text-align: center;

}



.inter-Elections-header {

  font-size: 36px;

}



/*.t.inter-Elections .inter-Elections-meta {*/

  /*display: none;*/

/*}*/

.inter-Elections-neutralColor {

  background-color: #F6F6F6;

}


/*////////////*/

/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
  position: relative;
  padding: 0;
  padding-bottom: 50%;
  overflow: hidden;
  margin: auto;
}
/* flip the pane when hovered */
/*.flip-container:hover .flipper, .flip-container.hover .flipper {*/
  /*transform: rotateY(180deg);*/
/*}*/

.flip-container, .front, .back {
  width: 100%;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  transition: 0.6s;
  transform-style: preserve-3d;

  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
  opacity: 1;
}

/* back, initially hidden pane */
.back {
  transform: rotateY(0deg);
  opacity: 0;
}

.inter-pullLeft {
  float: left !important;
}

.inter-pullRight {
  float: right !important;
}

.candidateContainerClinton {
    width: 18% !important;
  padding: 0px !important;
    left: 0px;
}

.candidateContainerTrump {
  width: 18% !important;
  padding: 0px !important;
  right: 0px;
}

.candidateContainer-img {
  width: 100%;
}

.candidateContainer {
  position: absolute;
  top: 82px;
}

.inter-switchMap {
  position: absolute;
  bottom: 0px;
  cursor: pointer;
  z-index: 100;
  width: 18%;
}

.inter-switchMap-image {
  width: 80%;
}

.candidateContainer-text {
  position: absolute;
  top: -24px;
  right: 0px;
  left: 0px;
  text-align: center;
}

.inter-switchMap-text {
  text-align: center;
  display: block;
  color: #0CA2DD;
  font-size: 18px;
}

.inter-Popup-votesCounted {
  border-top: 1px solid rgb(204, 204, 204);
}

.inter-Popup-approved {
  float: right;
  color: #5A5A5A;
}

.inter-Popup-winnerByPoll {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 3px 20px;
  background-color: rgb(204, 204, 204);
  margin-bottom: 0px;
  border-radius: 0px 0px 6px 6px;
}

.inter-lightBlue {
  background-color: #C5E3EE;
}

.inter-strongBlue {
  color: #10A4D2;
}

.inter-lightRed {
  background-color: #F0C9CE;
}

.inter-strongRed {
  color: #E3233C;
}

.inter-bigFont {
  font-size: 24px;
  font-weight: bold;
}

.inter-Popup-candidateName {
  position: relative;
  top: -6px;
  font-size: 14px;
}

.eng-names, .heb-names {
  pointer-events: none;
}

.inter-Elections-map path:hover {
  opacity: 0.7;
}

.inter-disNone {
  display: none !important;
}

.inter-disTransition {
  transition: none !important;
}

.inter-Support {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.inter-Support {
  text-align: center;
  left: 12px;
  bottom: 24px;
}

.inter-Support > div {
  border-bottom: 1px solid #b2b2b2;
  padding: 6px;
}

.inter-Support > div:last-child {
  border-bottom: 0;
}

.inter-Support-number {
  font-weight: bold;
}

.inter-Support-clinton > .inter-Support-number {
  color: rgb(9, 165, 217);
}

.inter-Support-trump > .inter-Support-number {
  color: rgb(229, 77, 93);
}

.inter-MapInstructions-electors {
  position: relative;
  left: 77px;
  bottom: 12px !important;
}

.inter-pollSources-english {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 12px;
}

.inter-MapInstructions-states {
  margin-right: 30%;
  position: relative;
}

.m .inter-Support {
  font-size: 66%;
}

.s .inter-Support {
  font-size: 50%;
  display: none;
}

.x .inter-switchMap, .l .inter-switchMap, .x .inter-Support {
  bottom: 13%;
}

.l .inter-Support, .m .inter-switchMap, .m .inter-Support {
  bottom: 9%;
}

 .s .inter-switchMap, .s .inter-Support {
  bottom: 4%;
}

.m .inter-switchMap-text, .s .inter-switchMap-text {
  font-size: 16px;
}

/*.m .inter-MapInstructions-states, .s .inter-MapInstructions-states {*/
  /*top: -22px;*/
/*}*/

.t.inter-Elections > * {
  display: none !important;
}

.t.inter-Elections figure {
  display: block !important;
  position: static;
}

.t.inter-Elections .inter-Elections-currentState {
  display: block !important;
}

.t.inter-Elections figure {
  display: block !important;
}

.t .inter-Elections-meterContainer {
  margin: 24px 0px;
}

.inter-MapInstructions {
  font-weight: bold;
  position: absolute;
  bottom: 45px;
  font-size: 12px;
}

.inter-MapInstructions img {
  width: 30px;
  float: right;
  margin-left: 12px;
}

.inter-Elections-english {
  padding: 1.5rem !important;
  width: 62.9375rem !important;
}

.inter-Elections-english.m .inter-Support {
  font-size: 14px;
}

@media (max-width: 1023px) {
  .inter-Elections-english {
    width: 46.9375rem !important;
  }

  .inter-MapInstructions-english {
    top: -40px !important;
    left: -20px !important;
  }
}

@media (max-width: 767px) {
  .inter-Elections-english {
    width: 37.5rem !important;
  }
}

.scaling-svg-container-english {
  padding-bottom: 60% !important;
  width: 64% !important;
}

.inter-MapInstructions-english {
  text-align: right !important;
}

.supportBox-english .inter-Support-sum > div {
  display: inline;
}

.supportBox-english .inter-Support-sum .inter-Support-number {
  margin-left: 12px;
}

.supportBox-english .inter-Support-clinton {
  float: left;
  width: 50%;
  border: 0 !important;
  border-right: 1px solid #b2b2b2 !important;
}

.supportBox-english .inter-Support-trump {
  float: right;
  width: 50%;
  border: 0 !important;
}

.supportBox-english .inter-Support-sum {
  margin-bottom: 12px;
}

.supportBox-english {
  left: auto;
  right: 1.5555555556rem  !important;
  bottom: 48px !important;
}

.inter-mapInstructions-english {
  float: left;
  position: relative;
  top: -73px;
}

.inter-flipperContainer-english {
  padding-bottom: 36% !important;
  overflow: visible !important;
}

.inter-pollSources-hebrew {
  left: 0px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  bottom: 12px;
}

.candidateContainer  {
  margin: 0px;
}

.inter-Support-clinton, .inter-Support-trump {
  box-sizing: border-box;
}

.t.inter-Elections .inter-republicanPadding {
    padding-left: 12px !important;
}

.t.inter-Elections .inter-democratPadding {
  padding-right: 12px !important;
}