/* NextDevBoard – CNX Software Style for Classic Blog Theme */
body { background: #f0f0f0 !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 14px !important; color: #333 !important; }
a { color: #0066cc !important; text-decoration: none !important; }
a:hover { color: #cc0000 !important; text-decoration: underline !important; }
/* Header */
#header, .site-header, header { background: #fff !important; border-bottom: 2px solid #cc0000 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; padding: 10px 0 !important; }
.site-title, #header .site-title { font-size: 28px !important; font-weight: 900 !important; }
.site-title a { color: #cc0000 !important; text-transform: uppercase !important; letter-spacing: -1px !important; }
.site-description, .tagline { color: #666 !important; font-size: 12px !important; }
/* Navigation */
#nav, nav, .nav, .main-navigation, #navigation { background: #333 !important; }
#nav ul li a, nav ul li a, .main-navigation ul li a { color: #eee !important; font-size: 13px !important; font-weight: 600 !important; padding: 10px 14px !important; display: block !important; }
#nav ul li a:hover, nav ul li a:hover, .main-navigation ul li a:hover { background: #cc0000 !important; color: #fff !important; text-decoration: none !important; }
/* Main content area */
#wrapper, .wrapper, #container, .container { max-width: 1140px !important; margin: 0 auto !important; padding: 15px !important; }
#content, .content, #main, .main { width: 68% !important; float: left !important; }
#sidebar, .sidebar, aside { width: 28% !important; float: right !important; }
/* Post list – CNX style */
.post, article, .hentry {
background: #fff !important;
border: 1px solid #ddd !important;
margin-bottom: 12px !important;
padding: 12px !important;
overflow: hidden !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.post::after, article::after { content:””; display:table; clear:both; }
/* Left thumbnail – small like CNX */
.post-thumbnail, .post img.wp-post-image, .post .thumb, article .post-thumbnail {
float: left !important;
margin: 0 12px 6px 0 !important;
width: 160px !important;
}
.post-thumbnail img, article .post-thumbnail img, .post img.wp-post-image {
width: 160px !important;
height: 107px !important;
object-fit: cover !important;
display: block !important;
}
/* Post title */
.post h2, .entry-title, article h2 { font-size: 16px !important; font-weight: 700 !important; margin: 0 0 5px 0 !important; line-height: 1.3 !important; }
.post h2 a, .entry-title a, article h2 a { color: #222 !important; text-decoration: none !important; }
.post h2 a:hover, .entry-title a:hover { color: #cc0000 !important; }
/* Post meta */
.post-meta, .entry-meta, .meta { font-size: 11px !important; color: #999 !important; margin-bottom: 6px !important; }
.post-meta a, .entry-meta a { color: #999 !important; }
/* Category labels */
.cat-links a, .post-categories a, .entry-categories a {
background: #cc0000 !important; color: #fff !important;
padding: 1px 7px !important; border-radius: 2px !important;
font-size: 10px !important; font-weight: 700 !important;
text-transform: uppercase !important; margin-right: 3px !important;
text-decoration: none !important;
}
.cat-links a:hover { background: #990000 !important; }
/* Excerpt */
.post-excerpt p, .entry-summary p, .excerpt { font-size: 13px !important; line-height: 1.65 !important; color: #444 !important; margin: 0 !important; }
/* SIDEBAR */
#sidebar .widget, aside .widget, .widget {
background: #fff !important;
border: 1px solid #ddd !important;
margin-bottom: 14px !important;
padding: 0 !important;
overflow: hidden !important;
}
.widget-title, .widget h3, .widgettitle {
background: #333 !important; color: #fff !important;
font-size: 12px !important; font-weight: 700 !important;
text-transform: uppercase !important; letter-spacing: 0.5px !important;
padding: 7px 10px !important; margin: 0 0 0 0 !important;
border-left: 3px solid #cc0000 !important;
}
.widget ul { margin: 8px 10px !important; padding: 0 !important; list-style: none !important; }
.widget ul li { border-bottom: 1px solid #f0f0f0 !important; padding: 5px 0 !important; font-size: 12px !important; }
.widget ul li:last-child { border-bottom: none !important; }
.widget ul li a { color: #0066cc !important; }
.widget ul li a:hover { color: #cc0000 !important; }
/* Search widget */
.widget_search input[type=text], .widget_search .search-field { width: 100% !important; border: 1px solid #ddd !important; padding: 7px 8px !important; font-size: 13px !important; box-sizing: border-box !important; margin: 8px 0 5px !important; }
.widget_search input[type=submit], .widget_search .search-submit { background: #cc0000 !important; color: #fff !important; border: none !important; padding: 7px 0 !important; width: 100% !important; cursor: pointer !important; font-size: 13px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
/* Tag cloud */
.tagcloud { padding: 8px 10px !important; }
.tagcloud a { background: #f5f5f5 !important; border: 1px solid #ddd !important; color: #555 !important; font-size: 11px !important; padding: 2px 7px !important; margin: 2px 1px !important; display: inline-block !important; border-radius: 2px !important; }
.tagcloud a:hover { background: #cc0000 !important; color: #fff !important; border-color: #cc0000 !important; text-decoration: none !important; }
/* Pagination */
.pagination, .nav-links { text-align: center !important; margin: 20px 0 !important; clear: both !important; }
.page-numbers, .pagination a { background: #fff !important; border: 1px solid #ddd !important; color: #0066cc !important; padding: 5px 11px !important; margin: 1px !important; display: inline-block !important; font-size: 13px !important; }
.page-numbers.current { background: #cc0000 !important; color: #fff !important; border-color: #cc0000 !important; }
.page-numbers:hover, .pagination a:hover { background: #cc0000 !important; color: #fff !important; border-color: #cc0000 !important; text-decoration: none !important; }
/* Footer */
#footer, footer, .site-footer { background: #222 !important; color: #aaa !important; font-size: 12px !important; padding: 15px 0 !important; border-top: 3px solid #cc0000 !important; clear: both !important; }
#footer a, footer a { color: #ccc !important; }
#footer a:hover, footer a:hover { color: #fff !important; }
/* Mobile */
@media(max-width:768px){
#content, .content, #main { width: 100% !important; float: none !important; }
#sidebar, .sidebar, aside { width: 100% !important; float: none !important; }
.post-thumbnail img { width: 100px !important; height: 67px !important; }
}