/*
 * MULTIPLE_CHOICE.CSS - THEME 'channel4'
 * 
 */
 
 
.rcMultiChoice {
	font-size: 100%;
}

.rcMultiChoice .rcOption {
	color: #ffffff;
	background-color: rgba(0,0,0,0.2) !important;
}

.rcMultiChoice .rcOption .rcRadioCont {
	background-color: #ffffff;
}
.rcMultiChoice .rcOption .rcRadioCont.faded {
	background-color: #aaaaaa;
}

.rcMultiChoice .rcOption .rcRadio {
	background-color: #aaaaaa;
}
.rcMultiChoice .rcOption.on .rcRadio {
	background-color: #ffffff;
}
.rcMultiChoice.rcTrueFalse .rcOption.on .rcOptionText {
	background-color: #ffbc21;
}

.rcMultiChoice .rcOption.ticked .rcRadio {
	background-image: url('../img/tick.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.rcMultiChoice .rcOption.ticked .rcRadio {
		background-image: url('../img/tick@2x.png');
	}
}

.rcMultiChoice .rcOption.crossed .rcRadio {
	background-image: url('../img/cross.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.rcMultiChoice .rcOption.crossed .rcRadio 	{
		background-image: url('../img/cross@2x.png');
		background-size: contain;
		background-position: center;
	}
}



.rcMultiChoice .rcWarntext {
	font-style: italic;	
	font-size: 90%;
	color:#f32121;
}
.rcMultiChoice .rcWarntext.correct {
	color:#889c37;
	font-weight:bold;
}
.rcMultiChoice .rcWarntext.incorrect {
	font-weight:bold;
	color:#f32121;
}


.rcMultiChoice a.rcSubmitButton, .rcObject .rcMultiChoice a.rcSubmitButton.rcTouch:hover {
	color:#fff;
	background-color: #f37021;
}
.rcMultiChoice a.rcSubmitButton:hover, .rcObject .rcMultiChoice a.rcSubmitButton.rcTouch.ton {
	background-color: #889c37;
}
.rcMultiChoice a.rcSubmitButton.off, .rcObject .rcMultiChoice a.rcSubmitButton.off.rcTouch:hover {
	background-color: #999;
}
.rcMultiChoice a.rcSubmitButton.off:hover, .rcObject .rcMultiChoice a.rcSubmitButton.off.rcTouch.ton {
	background-color: #999;
}



/* Feedback Modals */

body .modal.rcFeedbackCorrect {
	background-color: #889C37;
	color: #fff;
}

body .modal.rcFeedbackCorrect h3, body .modal.rcFeedbackIncorrect h3 {
	color:#000;
	opacity:0.4;
	width: 90%;
	text-shadow: 0px 1px 0px #fff;
}

body .modal.rcFeedbackCorrect .modal-header, body .modal.rcFeedbackIncorrect .modal-header {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}

body .modal.rcFeedbackIncorrect {
	background-color: #F32121;
	color: #fff;
}






/* === RESPONSIVE CHANGES === */

/* Large Desktop (over 1200px) - precede with .desktop_l */

body.desktop_l
{}

.desktop_l .rcModule
{}



/* Small Desktop (1024px to 1200px) - precede with .desktop_s */

body.desktop_s
{}

.desktop_s .rcModule
{}



/* Large Tablet (769px to 1024px) - precede with .tablet_l */

body.tablet_l
{}

.tablet_l .rcModule
{}




/* Mobile (below 480px) - precede with .mobile */

body.mobile
{}

.mobile .rcModule
{}