body {
	font-family:"Open Sans", sans-serif;	
	background:#f8f8f8;
}

.news-feed-image {
	max-width:350px; 
	margin:0 15px 15px 0;
	float:left;
	display:block;
}

@media (max-width:767px) {
	.news-feed-image {
		max-width:100%;
		display:block;
		float:none;
		margin:0 0 15px 0;
	}
}

.mt30 { margin-top:30px; }
.mt15 { margin-top:15px; }

.mb30 { margin-bottom:30px !important; }
.mb15 { margin-bottom:15px; }
.mb250 { margin-bottom:250px; }

.pt30 { padding-top:30px; }
.pt15 { padding-top:15px; }

.pb30 { padding-bottom:30px; }
.pb15 { padding-bottom:15px; }

.lh-sm {
	line-height:1.3;	
}

.bg-mid {
	background-color:#bec6cd;	
}

h1 {
	font-weight:bold;
	font-size:28px;	
}

h1 small {
	display:block;	
}

h3 {
	font-weight:bold;
	font-size:20px;	
}

/* LOGIN */
.login-links a {
	display:block;	
}

/* LOGO - NOT LOGGED IN */
h1.logo {
	font-weight: bold;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

/* FOOTER */
footer {
	text-align:center;
	font-size:0.85em;
	padding:50px 15px;
}

/* WHITE BOX */
.white-box {
	background:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
}

.white-box .box-header {
	border-bottom:1px solid #eee;
	padding:15px;
}

.white-box .box-header h3 {
	margin:0;
	padding:0;	
}

.white-box .box-header .sub-head {
	padding-top:10px;
}

.white-box .box-body {
	padding:15px;	
}

.white-box .box-body.alt {
	background:#f8f8f8;	
	border:3px solid #3688db;
}

.white-box .box-body h4 {
	background:#3688db;
	margin: -15px -15px 15px -15px;
	padding:15px;
	color:#fff;
}

.white-box .box-body .inner-footer {
	margin:0 -15px;
	padding:15px;	
	border-top:1px solid #eee;
}

.white-box .box-footer {
	border-top:1px solid #eee;
	padding:15px;
}

/* BUTTONS */
.btn {
	border-radius:0 !important;	
	cursor:pointer;
	border:none;
	color:#fff;
	transition:all 0.5s;
}

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{   
    outline:none !important;
}

.btn-warning {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #5f4d93;
	color: #5f4d93;
	font-weight: 900;
}

.btn-warning:hover {
	background:#5f4d93;	
	color:#fff;
	border-color:#5f4d93;
}

.btn-success {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #28a745;
	color: #28a745;
	font-weight: 900;
}

.btn-success.active,
.btn-success:hover {
	background:#28a745;	
	color:#fff;
	border-color:#28a745;
}

.btn-primary,
.btn-primary:focus {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #3688db;
	color: #3688db;
	font-weight: 900;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover {
	background:#3688db;	
	color:#fff;
	border-color:#3688db;
}

.btn-danger {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #dc3545;
	color: #dc3545 !important;
	font-weight: 900;
}

.btn-danger.active,
.btn-danger:hover {
	background:#dc3545;	
	color:#fff !important;
	border-color:#dc3545;
}

.btn-default {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #eee;
	color: #ccc;
	font-weight: 900;
}

.btn-default.active,
.btn-default:hover {
	background:#ccc;	
	color:#fff;
	border-color:#ccc;
}

/* CARDS */
.card-header small {
	display:block;	
	font-size: 12px;
	padding-top: 5px;
}

a.list-group-item small {
	display:block;
	text-decoration:none !important;
	color:#666;	
}

/* QUIZ */
.quiz-question {
	font-size: 32px;
	margin-bottom: 20px;
}

.quiz-answers .btn {
	display:block;	
	margin-bottom:10px;
}

.swal-footer {
	text-align:center;	
}

#quiz-results .quiz-answers div.correct {

}

#quiz-results .quiz-question {
	margin-bottom:5px;
	font-size:22px;	
}

#quiz-results .quiz-results-box {
	border-bottom:1px solid #eee;
	padding-bottom:30px;
	margin-bottom:30px;	
}

#quiz-results .quiz-my-result {
	padding-top:12px;	
}

#quiz-results .quiz-my-result.correct {
	color:#31AB5D;	
	font-weight:bold;
}

#quiz-results .quiz-my-result.incorrect {
	color:#C5292C;	
	font-weight:bold;
}

#quiz-results .quiz-answers div:before {
	content: "\f111";
	font-family:"Font Awesome 5 Free";
	padding-right:7px;	
}

#quiz-results .quiz-answers div.mychoice:before {
	content: "\f192";
	font-family:"Font Awesome 5 Free";
	padding-right:7px;	
}

#quiz-results .quiz-answers div.mychoice:after {
	content: " (You selected)";	
}

.result-msg.fail {
	color:#C5292C;	
	font-weight:bold;
}

.result-msg.pass {
	color:#31AB5D;	
	font-weight:bold;
}