/*
Theme Name:   	KnowAll
Theme URI: 		https://herothemes.com/themes/knowall/
Author:       	HeroThemes
Author URI: 	https://herothemes.com
Description:  	KnowAll is a fully featured knowledge base theme for WordPress.
Version:      	1.139.0
Build:        	141
Build Date:  	2021-07-29 3:19:19PM
License:      	GPLv2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	knowall
*/

/* =Notes
--------------------------------------------------------------

Please don't edit this file directly. Consider using a Child Theme (http://codex.wordpress.org/Child_Themes).

*/

/* Modern Category Cards */
.modern-category-card {
	background: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
	border: 1px solid #f1f5f9 !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	overflow: hidden !important;
	position: relative !important;
	padding: 0 !important;
}

.modern-category-card:hover {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
	transform: translateY(-4px) !important;
	border-color: #e2e8f0 !important;
}

.modern-category-header {
	padding: 24px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
	width: 100% !important;
}

.modern-category-header div, 
.modern-category-header img {
	float: none !important;
	margin: 0 auto !important;
	display: block !important;
}

.modern-category-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	margin: 16px 0 0 0 !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
	line-height: 1.4 !important;
	border: none !important;
	text-transform: none !important;
}

.modern-category-articles-wrapper {
	padding: 16px 24px 24px !important;
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

ul.modern-article-list {
	list-style: none !important;
	padding: 0 8px !important;
	margin: 0 0 20px 0 !important;
	display: block !important;
	height: 280px !important;
	min-height: 280px !important;
	max-height: 280px !important;
	border: none !important;
	overflow-y: auto !important;
}

li.modern-article-item {
	margin-bottom: 8px !important;
	display: flex !important;
	align-items: flex-start !important;
	border: none !important;
	padding: 0 !important;
}

li.modern-article-item:last-child {
	margin-bottom: 0 !important;
}

li.modern-article-item a {
	color: #475569 !important;
	text-decoration: none !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	display: flex !important;
	align-items: center !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	transition: all 0.2s !important;
	width: 100% !important;
	border: none !important;
}

li.modern-article-item a:hover {
	color: #2563eb !important;
	background: #f8fafc !important;
}

.modern-card-pagination {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin-top: auto !important;
	padding-top: 16px !important;
	border-top: 1px dashed #e2e8f0 !important;
}

.modern-page-btn {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #475569 !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s !important;
	padding: 0 !important;
}

.modern-page-btn:hover:not(:disabled) {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
}

.modern-page-btn:disabled {
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	background: #f8fafc !important;
}

.modern-page-indicator {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #64748b !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* Fix hidden popup modals and comment elements */
.d-none, .feedback-popup, .comment-popup, .quick-link, #comments, .comments-area {
	display: none !important;
}