/**
 * A BuzzFeed look alike skin for WP Viral Quiz
 * @Name : BuzzFeed Skin
 * @Author : Stéphane Paton
 */

/* A nice font. */
@import url("http://fonts.googleapis.com/css?family=Montserrat:200,400,700");
@import url("../../../../../maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

.wpvqgr-wrapper div.wpvqgr-loader {
	margin:0 auto;
}

.wpvqgr-wrapper .wpvqgr-htmlblock {
	margin:10px 0;
}

.wpvqgr, .wpvqgr-wrapper button {
	font-family:'Montserrat', 'Arial', sans-serif !important;
}

.wpvqgr-wrapper div.wpvqgr-question {
	margin-bottom:30px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label
{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:20px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-picture
{
	text-align:center;
	margin-bottom:15px;
}


.wpvqgr-wrapper div.wpvqgr-progress-top {
	margin-bottom:30px;
}
.wpvqgr-wrapper div.wpvqgr-progress-bottom {
	margin-top:30px;
	margin-bottom:15px;
}

.wpvqgr-wrapper div.progress div.progress-bar {
	height:20px;
	padding-top:5px; 
	font-size:1em;
}


.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer
{
	border:1px solid #D8D8D8;
	background:#f4f4f4;
	background:#dda0dd;
	background:rgba(221, 160, 221, 0.61);
	padding:7px;
	margin:0 0 15px 0;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover
{
	background:#fffab6;	
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-disabled-answer
{
	background:#f4f4f4 !important;
	opacity: .6;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-right-answer
{
	background:#68af15 !important;
	opacity:1;
}
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-wrong-answer
{
	background:rgba(227, 32, 0, .6) !important;
}
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-selected-answer
{
	background:#cfe3ff !important;
}

/* Checkbox unchecked/checked */
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-picture {
	width:19px;
	height:19px;
	margin-right:5px;
	float:left;
	background-repeat: no-repeat!important;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-unchecked-picture {
	background:url('checkbox-unchecked.jpg');
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox div.wpvqgr-checkbox-checked-picture {
	background:url('checkbox-checked.jpg');
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer:hover,
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-checkbox {
	cursor: pointer;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer {
	line-height: 110%;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure,
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer div.wpvqgr-answer-picture figure.figure img {
	width:100% !important;
}

.wpvqgr-wrapper div.wpvqgr-question figure.figure figcaption.figure-caption {
	color:#000;
	font-style: italic;
	font-size:.65em;
	line-height: 120%;
	font-weight: 200 !important;
	text-align: left;
	
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer span.wpvqgr-answer-label {
	margin-left:3px;
}

.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation
{
	padding:10px 10px 10px 10px;
	border:1px solid #dddddd;
}


.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-right {
	color:#68af15;
	font-weight: bold;	
}
.wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-explanation h3.wpvqgr-thats-wrong {
	color:#ff7775;
	font-weight: bold;
}

.wpvqgr-wrapper div.wpvqgr-explanation, 
.wpvqgr-wrapper div.wpvqgr-forcetoshare, 
.wpvqgr-wrapper div.wpvqgr-askinfo {
	padding:10px 10px 10px 10px;
	background:#f9f9f9;
	border:1px solid #dddddd;
	margin:10px 0 10px 0;
}

.wpvqgr-wrapper div.wpvqgr-explanation h3, 
.wpvqgr-wrapper div.wpvqgr-forcetoshare h3, 
.wpvqgr-wrapper div.wpvqgr-askinfo h3 {
	margin-bottom:5px;
	font-size:1.2em;
	font-weight: bold;
}

.wpvqgr-wrapper div.wpvqgr-askinfo p.wpvqgr-askinfo-ignore {
	text-align: center;
	font-size:.6em;
	color:#000;
}
.wpvqgr-wrapper div.wpvqgr-askinfo p.wpvqgr-askinfo-ignore:hover {
	cursor: pointer;
	text-decoration: underline;
}

.wpvqgr-wrapper div.wpvqgr-askinfo input[type=text], 
.wpvqgr-wrapper div.wpvqgr-askinfo input[type=email], 
.wpvqgr-wrapper div.wpvqgr-askinfo input[type=number] {
	height:35px;
	font-size:.9em;
}

.wpvqgr-wrapper button.wpvqgr-button {
	font-size:24px;
	font-weight: bold !important;
	color:#fff;
	text-align: center;
	border-radius:3px;
	padding:8px 0;
	width:100%;
	margin-bottom:5px;
	border:0px;
}

.wpvqgr-wrapper button.wpvqgr-button:hover {
	filter: brightness(85%);
}

.wpvqgr-wrapper button.wpvqgr-social-facebook {
	background:#3b5998;
}

.wpvqgr-wrapper button.wpvqgr-social-vk {
	background:#4c75a3;
}

.wpvqgr-wrapper button.wpvqgr-social-twitter {
	background:#147bc9;
}

.wpvqgr-wrapper div.wpvqgr-results {
	padding:10px 20px 10px 20px;
	border:1px solid #dddddd;
	margin:30px 0 20px 0;
}

.wpvqgr-wrapper div.wpvqgr-additional-results {
	margin-top:20px;
	margin-bottom:20px;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-quiz-name {
	font-size:.85em;
	color:#666;
	margin-bottom:10px;
}

.wpvqgr-wrapper div.wpvqgr-results h3 {
	margin-bottom:15px;
	font-size:1.2em;
	font-weight: bold;
}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-result-description {

}

.wpvqgr-wrapper div.wpvqgr-results div.wpvqgr-sharing {
	padding:10px 0;
}

.wpvqgr-wrapper div.wpvqgr-promote {
	padding:10px 0;
}

.wpvqgr-wrapper div.wpvqgr-promote p {
	font-size:.6em;
	text-align: center;
}
.wpvqgr-wrapper div.wpvqgr-promote p a {
	text-decoration: none;
	border-bottom:0px;
}