/* pagination */

#paginate-links > * {
	display: block;
	border: 2px solid var(--ad-color-3);
	color: var(--ad-color-3);
	width: 32px;
	height: 32px;
	border-radius: 20px;
	line-height: 31px;
	text-align: center;
	margin: 5px;
}
#paginate-links > *:hover { border-color: var(--ad-color-3); }
#paginate-links i { font-size: 18px; }
#paginate-links .current {
	background-color: var(--ad-color-3);
	border: none;
	line-height: 37px;
	color: #ffff;
	box-shadow: -4px 8px 15px rgba(0,0,0,0.08);
}




/* ---> Sidebar: Category */
#archive-side .category-list ul { list-style: none;font-size: 15px; }
#archive-side .category-list ul.menu { margin: 0;padding: 0; }
#archive-side .category-list ul.sub-menu { font-size: 14px;margin: 0;padding: 5px 30px 5px 0;display: none; }
#archive-side .category-list li > div { padding: 5px 0; }
#archive-side .category-list li .arrow-left { margin-left: 10px;color: #999; }
#archive-side .category-list li a:hover { color: var(--ad-color-2); }
#archive-side .category-list li .count { color: #aaa;font-size: 14px;margin-right: 8px; }
#archive-side .category-list ul .toggle-sub-menu {
	margin-right: auto;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: block;
	color: #999;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s;
}
#archive-side .category-list .active > div > .toggle-sub-menu { transform: rotate(45deg); }


/* ---> Term Description */
#term-desc { background: white;border-radius: 20px;border: 1px solid #ddd;line-height: 2; }
#term-desc img, #term-desc video { max-width: 100%;height: auto;display: block;margin: 0 auto; }


/* ---> Chosen Post */
#chosen-post .item {
	display: flex;
	flex-wrap: wrap;
	height: 160px;
	align-content: flex-end;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#chosen-post .item::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	background: -webkit-linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
	background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
}
#chosen-post .item.long { min-height: 160px;height: 100%; }
#chosen-post .item h4 {
	position: relative;
	margin: 0;
	padding: 15px 20px;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	flex: 0 0 auto;
	width: 100%;
}
#chosen-post .item .meta {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	padding: 0 20px 15px 20px;
}
#chosen-post .item .meta i { font-size: 14px;vertical-align: middle; }
#chosen-post .item .meta i { font-size: 14px;vertical-align: middle; }



/* ---> Free Courses */
#free-courses header h3 { font-size: 22px; }
#free-courses .item {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
	display: inline-block;
	position: relative;
	padding-right: 20px;
	color: #666;
}
#free-courses .item::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: var(--ad-color-2);
	border-radius: 8px;
	position: absolute;
	top: calc(50% - 4px);
	right: 0;
}
#free-courses .item .count { font-size: 14px;font-weight: normal;color: #999;margin-right: 5px; }