/*
Theme Name: Design9 Space World
Theme URI: https://design9spaceworld.com/blogs/
Author: Design9 Space World
Description: Blog theme replicating the Design9 Space World static blog design (same header, footer, listing and detail layouts).
Version: 1.0.0
Requires PHP: 7.4
Text Domain: design9
*/

/* The original site styles live in assets/css/style.css and assets/css/responsive.css.
   Only WordPress-specific additions go here. */

/* Pagination on the blog listing */
.blog-pagination { display: flex; justify-content: center; margin: 0 0 40px; }
.blog-pagination .page-numbers { display: inline-block; min-width: 40px; padding: 8px 12px; margin: 0 4px; border: 1px solid #F26122; border-radius: 5px; color: #F26122; text-align: center; text-decoration: none; font-weight: 600; }
.blog-pagination .page-numbers.current,
.blog-pagination a.page-numbers:hover { background: #F26122; color: #fff; }
.blog-pagination .page-numbers.dots { border: none; }

/* Content coming from the WordPress editor */
.blog-details-content img { max-width: 100%; height: auto; }
.blog-details-content .alignleft { float: left; margin: 0 20px 20px 0; }
.blog-details-content .alignright { float: right; margin: 0 0 20px 20px; }
.blog-details-content .aligncenter { display: block; margin: 0 auto 20px; }
.blog-details-content figure { margin: 0 0 20px; }
.blog-details-content blockquote { border-left: 5px solid #F26122; margin-bottom: 20px; padding-left: 20px; }
.blog-details-content table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.blog-details-content table td, .blog-details-content table th { border: 1px solid #dee2e6; padding: 8px 12px; }

.no-posts-found { padding: 0 0 50px; text-align: center; font-size: 18px; }

/* Keep the sticky header below the WordPress admin bar for logged-in users */
.admin-bar .is-sticky #sticky-header { top: 32px !important; }
@media screen and (max-width: 782px) {
    .admin-bar .is-sticky #sticky-header { top: 46px !important; }
}
@media screen and (max-width: 600px) {
    .admin-bar .is-sticky #sticky-header { top: 0 !important; }
}