/*********************
civic science polls
*/

input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin:0
}
.civicscience .control {
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
.civicscience .poll_body {
  font-size: 0.75rem;
  line-height:1rem;
}
#sectionfront-poll-widget .civicscience .poll_body {
  font-size: 0.75rem;
  font-weight: normal;
  line-height:1rem;

  .question_text {
    font-size: rem-calc(14);
    font-family: $header-font-family !important;
  }
}
.civicscience .percent {
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #222222;
}
.civicscience .percent[href]:hover,
.civicscience .percent[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.civicscience .percent:empty {
  display: none;
}
.civicscience .percent[href]:hover,
.civicscience .percent[href]:focus {
  background-color: #090909;
}
.civicscience .answer_text,
.civicscience .answer_text label {
  display: inline;
}
.civicscience div.answer,
.civicscience div.result {
  margin: 8px 0px;
  font-size: 0.75rem;
  color: #888;
}
.civicscience div.answer_text label {
  font-size: 0.75rem;
}
.civicscience .buttons input {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 6px;
  font-size: 0.7rem;
  line-height: 1.428571429;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.civicscience .buttons input:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.civicscience .buttons input:hover,
.civicscience .buttons input:focus {
  color: #333333;
  text-decoration: none;
}
.civicscience .buttons input:active,
.civicscience .buttons input.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.civicscience .buttons input.disabled,
.civicscience .buttons input[disabled],
fieldset[disabled] .civicscience .buttons input {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.civicscience .buttons input:hover,
.civicscience .buttons input:focus,
.civicscience .buttons input:active,
.civicscience .buttons input.active,
.open .dropdown-toggle.civicscience .buttons input {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.civicscience .buttons input:active,
.civicscience .buttons input.active,
.open .dropdown-toggle.civicscience .buttons input {
  background-image: none;
}
.civicscience .buttons input.disabled,
.civicscience .buttons input[disabled],
fieldset[disabled] .civicscience .buttons input,
.civicscience .buttons input.disabled:hover,
.civicscience .buttons input[disabled]:hover,
fieldset[disabled] .civicscience .buttons input:hover,
.civicscience .buttons input.disabled:focus,
.civicscience .buttons input[disabled]:focus,
fieldset[disabled] .civicscience .buttons input:focus,
.civicscience .buttons input.disabled:active,
.civicscience .buttons input[disabled]:active,
fieldset[disabled] .civicscience .buttons input:active,
.civicscience .buttons input.disabled.active,
.civicscience .buttons input[disabled].active,
fieldset[disabled] .civicscience .buttons input.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.civicscience.ballotbox {border-top:0 !important;}
.civicscience.ballotbox .header {margin-bottom: 0.5rem !important;}
.civicscience.ballotbox .question_text {font-size:0.9rem !important; line-height: inherit !important;}
.civicscience.ballotbox ul.answer_options {padding: 10px 0 4px !important;}
.ballotbox ul.answer_options li input[type=radio]+label {font-weight: 400 !important; padding:2px !important;}