/* Minification failed. Returning unminified contents.
(20,11): run-time error CSS1036: Expected expression, found ':'
(104,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(109,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-hover'
(147,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(148,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(236,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(242,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(253,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(261,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
 */
/* Learning - Follow
/*-------------------------------------------------*/
.content h3 {
	font-size: 22px;
	font-weight: 300;
}

.content .content-r {
	-ms-flex: 0 0 360px;
	flex: 0 0 360px;
	/*padding-top: 42px;*/
}

.content .content-l {
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
	min-width: 0;
	margin-right: 30px;
	-ms-flex:: 1 1 auto;
	flex: 1 1 auto;
	z-index: 10;
}

.content section {
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
}

.content section h3 {
	font-size: 22px;
	font-weight: 500;
}

.content section h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
}

.content .content-l section:not(.start-follow) h4 {
	margin-bottom: 16px;
}

.content h3 a,
.content h4 a {
	font-size: 14px;
	font-weight: 300;
	float: right;
	margin-top: 4px;
}

.content .content-l p {
	line-height: 1.6;
	margin-bottom: 12px;
}

.content section.empty {
	text-align: center;
	padding: 48px 20px;
}

.follow-update .icon {
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #aaa;
	border: 1px solid #aaa;
	border-radius: 42px;
	margin: 0 auto 12px auto;
}

.follow-update .icon i.fa {
	font-size: 22px;
	vertical-align: -2px;
}

.browse-organisation {
	margin-right: 16px;
}

.see-more, .read-more {
	text-align: center;
}


/* Course */
.course-thumb-list {
	background-color: transparent !important;
}

.course-thumb-list > li {
	margin-bottom: 30px;
}

.course-thumb-list .course {
	/*margin-bottom: 0;*/
}

.course-thumb-list .course .info .title {
	font-weight: bold;
	color: var(--secondary);
	margin-bottom: 2px;
}

.course-thumb-list .course:hover .info .title {
	color: var(--secondary-hover);
}

.course-thumb-list .course .action > .col-xs-6 {
	line-height: 20px;
}

/* Follow List / Manage Follow */
.follow-list .content,
.manage-follow .content {
	display: block;
}

.follow-list h3 a,
.manage-follow h3 a {
	margin-top: 6px;
}

.manage-follow .following {
	margin-bottom: 48px;
}




/* Follow Button */
.follow {
	position: relative;
	z-index: 3;
}

.follow-listing .follow-btn {
	width: 100%;
	font-size: 14px;
	padding: 6px 10px;
}

.follow-btn.followed {
	color: var(--primary) !important;
	border: 1px solid var(--primary);
	background-color: #FFF;
}

.follow-btn i {
	margin-left: 0;
	margin-right: 4px;
}


/* Follow List - Item */
.follow-listing .follow-item {
	border: 1px solid #eee;
	background-color: #FFF;
	color: #333;
	text-align: center;
	padding: 15px;
	margin-bottom: 30px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.follow-listing .follow-item:hover {
	cursor: pointer;
}

.follow-listing .follow-item .logo {
	width: 154px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 4px auto;
}

.follow-item img {
	max-width: 100%;
	max-height: 100%;
}

.follow-listing .follow-item .comp-name {
	margin: 12px 0 16px 0;
}

.follow-listing .follow-item .item-name {
	font-size: 16px;
	height: 42px;
	margin: 16px 0 32px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* Tab */
.tab .tab-pane {
	padding-top: 20px;
}

.tab .nav-tabs {
	position: relative;
	border-bottom: 1px solid #eee;
	border-radius: 6px;
}

.tab .nav-tabs li a {
	font-size: 15px;
	color: #333 !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0 20px 12px 20px;
	margin-right: 0px;
}

.tab .nav-tabs li a .num {
	font-size: 13px;
	background-color: #333;
	color: #FFF;
	padding: 4px 6px;
	border-radius: 6px;
	margin-left: 2px;
	position: relative;
	top: -1px;
}

.tab .nav-tabs .active .num {
	background-color: var(--primary);
}

.tab .underline {
	width: 30px;
	height: 3px;
	background-color: var(--primary);
	position: absolute;
	bottom: 0;
	z-index: 1200;
	transition: all .2s ease-in-out;
	display: inline-block;
}

.tab .nav-tabs .active {
  background-color :transparent !important;
  border: none !important;
  color:var(--primary) !important;
}



/* Sort by
---------------------------------------------------*/
.sorting {
	background-color: var(--secondary);
	padding: 12px 15px;
	margin-bottom: 24px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.sorting li {
	font-size: 16px;
	color: #FFF;
	margin-right: 24px;
	display: inline-block;
}

.sorting li a:link,
.sorting li a:visited {
	color: #FFF;
	opacity: 0.80;
}

.sorting li a:hover {
	opacity: 1;
}

.sorting li.current a:link {
	font-weight: bold;
	opacity: 1;
}

.sorting li a.disabled {
	opacity: 0.35;
	cursor: default;
}




/* Media Queries
/*-------------------------------------------------*/
@media (min-width: 768px) {
	
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 992px) {
	/* Course Detail */
	.content .content-r { display: none; }
	.content .content-l { border-right: 0; padding-right: 0; margin-right: 0; }
}

@media only screen and (max-width: 767px) {	
	.content h3 { font-size: 18px; }
	.content h3 a, .content h4 a { float: none; display: block; }
}

@media only screen and (max-width: 480px) {
	.content section.empty { padding: 24px; }

	.course-thumb-list > li,
	.follow-listing ul:not(.nav-tabs) li { width: 100%; }

	.follow-listing .follow-item { margin-bottom: 15px; }
	.follow-listing .follow-item .item-name { height: auto; }

	.browse-organisation { display: block; margin-bottom: 12px; margin-right: 0; }
	.browse-field { display: block; }

	.tab .nav-tabs li a { padding: 0 12px 12px 12px; }
	.tab .nav-tabs li a .num { font-size: 12px; padding: 3px 6px; }
}

@media only screen and (max-width: 320px) {
	.tab .nav-tabs li a { font-size: 13px; padding: 0 6px 10px 6px; }
}