/* @override 
	http://civicscience-widgets.s3.amazonaws.com/politifact/politifact-main-r-v3.css */

.civicscience.ballotbox, 
.civicscience.ballotbox div, 
.civicscience.ballotbox span, 
.civicscience.ballotbox form, 
.civicscience.ballotbox label, 
.civicscience.ballotbox .poll_title, 
.civicscience.ballotbox .poll_body, 
.civicscience.ballotbox .question_text,
.civicscience.ballotbox .answer, 
.civicscience.ballotbox .answer .control, 
.civicscience.ballotbox .answer .answer_text, 
.civicscience.ballotbox .result, 
.civicscience.ballotbox .result .percent, 
.civicscience.ballotbox .result .answer_text, 
.civicscience.ballotbox .buttons, 
.civicscience.ballotbox .detailed_results, 
.civicscience.ballotbox .wrap_up {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #333;
    text-decoration: auto;
    font-family: Georgia,"Times New Roman",Times,serif;
}

.civicscience.ballotbox {
	font-size: 15px;
}

.civicscience.ballotbox .header {
	font-size: 1.5rem;
}

.civicscience.ballotbox .question_text {
	margin: 10px 0;
	line-height: 21px;
	font-weight: bold;
}

.civicscience.ballotbox .answer_options {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.civicscience.ballotbox .answer_options li {
	margin: 10px 0;
	font-size: 13px;
}

.civicscience.ballotbox .answer_options input {
	float: left;
	font-size: 12px;
	margin: 1px 10px 0 0;
}

/* add this: ?civicscience-jspoll-q1=cb/1 to the URL to force a checkbox question for testing. */

.civicscience.ballotbox .answer_options label {
	display: table;
}

.civicscience.ballotbox input.submit {
	border: 2px solid #006cbb;
	background: #006cbb;
	color: #fff;
	padding: 10px 12px;
	border-radius: 3px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 13px;
	width: 100%;
	font-weight: bold;
}

.civicscience.ballotbox input.submit:hover {
	cursor: pointer;
	background: #fff;
	color: #006cbb;
	 -webkit-transition: background 0.5s;
	    -moz-transition: background 0.5s;
	      -o-transition: background 0.5s;
	         transition: background 0.5s;
}

.civicscience.ballotbox .answer_results {
	margin: 10px 0;
}

.civicscience.ballotbox .answer {
	margin: 0 0 6px;
	width: 100%;
	clear: both;
}

.civicscience.ballotbox .answer_percentage {
	width: 40px;
	margin-right: 6px;
	margin-left: 30px;
	float: left;
}

.civicscience.ballotbox .answer_text {
	display: table;
}

.civicscience.ballotbox .my_answer .answer_text, .civicscience.ballotbox .my_answer .answer_percentage {
	color: #f62525;
}

.civicscience.ballotbox .my_answer.correct_answer .answer_text, .civicscience.ballotbox .my_answer.correct_answer .answer_percentage {
	color: #22ba22;
}

.civicscience.ballotbox .correct_answer .answer_percentage::before {
	content: "➞";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

.civicscience.ballotbox .my_answer .answer_percentage::before {
	content: "✕";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

.civicscience.ballotbox .correct_answer.my_answer .answer_percentage::before {
	content: "➞";
	display: block;
	float: left;
	width: 25px;
	margin-left: -25px;
}

/* add this: ?civicscience-jspoll-q1=47862 to the url, with the final number being a quiz question id to test quiz questions and results */

.civicscience.ballotbox .controls {
	display: table;
	width: 100%;
	clear: both;
	margin: 20px 0 0;
}

.civicscience.ballotbox .next::after {
	content: ">>";
	background: #006cbb;
	color: #fff;
	padding: 6px 10px 8px;
	font-weight: bold;
	border-radius: 3px;
	float: right;
}

.civicscience.ballotbox .previous::after {
	content: "<<";
	background: #006cbb;
	color: #fff;
	padding: 6px 10px 8px;
	font-weight: bold;
	border-radius: 3px;
	float: left;
}

.civicscience.ballotbox .next, .civicscience.ballotbox .previous {
	cursor: pointer;
}

.civicscience.ballotbox .next:hover::after, .civicscience.ballotbox .previous:hover::after{
	
}

.civicscience.ballotbox .detailed_results {
	clear: both;
	padding: 20px 0 0;
}

.civicscience.ballotbox .detailed_results a{
	color: #6f8ab6;
	text-decoration: none;
}

.civicscience.ballotbox .wrap_up {
	margin: 20px 0 25px;
}

.civicscience.ballotbox .end_title {
	font-weight: bold;
	margin: 0 0 6px;
}

.civicscience.ballotbox .end a{
	color: #6f8ab6;
	text-decoration: none;
}

@media (max-width: 1024px) {

 .ballotbox.click ul.answer_options li{
	margin: 0;
 }
	 
 .ballotbox.click ul.answer_options li label {
  	background: #efefef;
  	padding: 10px;
  	border-radius: 5px;
  	margin: 4px 0 !important;
  	cursor: pointer;
  	display: block !important;
  }
  
   .ballotbox.click ul.answer_options{
   	display: table;
   	width: 100%;
   }
  
 .ballotbox.click ul.answer_options li input{
  	display: none;
  }
  
  .ballotbox.click ul.answer_options li input[type=radio]:checked+label {
    background: #ddd;
    border: 1px solid #ddd;
    color: #555;
    -webkit-transition: background 0.2s;
       -moz-transition: background 0.2s;
         -o-transition: background 0.2s;
            transition: background 0.2s;
   }
   
   .ballotbox ul.answer_options li input[type=radio]{

   }
   
   .ballotbox ul.answer_options li input[type=radio] + label {
     color: #333;
     border: 1px solid #ddd;
     background: #f9f9f9;
     border-radius: 5px;
     font-weight: 400;
     margin: 4px 0;
   }
	.ballotbox input.submit{
	width: 100%;
	text-align: center;
	padding: 10px 0 !important;
	font-size: 15px;
	}
   /*  square before answer options not checked */
  .ballotbox ul.answer_options li input[type=checkbox]+label:before {
    content: "□" ;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
   }

    /*  checkmark before answer options when checked */
   .ballotbox ul.answer_options li input[type=checkbox]:checked+label:before {
    content: "✓" ;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
   }
}