/*
Theme Name: Postify Stories
Theme URI: https://mahmudjibon.me/themes
Author: Mahmud Jibon
Author URI: https://mahmudjibon.me
Description: Postify Stories is a clean magazine and blog theme with featured posts, responsive post grids, custom logo support, and footer widgets.
Tags: blog, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: postify-stories
Copyright (C) 2026 Mahmud Jibon
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*******************************
            Pagination
*******************************/

.pgn {
    margin: 3rem auto;
    text-align: center;
}

.pagination-wrap nav.pagination a.page-numbers {
    font-family: var(--postify-body-font, "Nunito Sans"), sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 3rem;
    display: inline-block;
    padding: .3rem 1.2rem;
    height: 3.6rem;
    margin: .3rem .15rem;
    color: #000000;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pagination-wrap nav.pagination a.page-numbers:hover {
    background: #DDDDDD;
    color: #000000;
}

.pgn .current, .pgn .current:hover {
    background-color: #111860;
    color: white;
    padding: .5rem 1.2rem;
    border-radius: 3px;
}


.children .comment__avatar {
    margin-left: 70px;
    margin-right: 50px !important;
}
.children .comment__content {
    margin-left: 50px;
}

/*******************************
    Postify Stories Footer Widgets
*******************************/
.postify-stories-footer-widgets {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 4rem;
    row-gap: 4rem;
    width: 100%;
}

.postify-stories-footer-widgets .postify-stories-widget {
    grid-column: span 3;
    min-width: 0;
}

.postify-stories-footer-widgets .postify-stories-widget:first-child {
    grid-column: span 6;
}

.postify-stories-footer-widgets .popular__posts {
    margin-top: 0;
}

.postify-stories-footer-widgets .popular__post img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

@media only screen and (max-width: 900px) {
    .postify-stories-footer-widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .postify-stories-footer-widgets .postify-stories-widget,
    .postify-stories-footer-widgets .postify-stories-widget:first-child {
        grid-column: span 1;
    }
}

@media only screen and (max-width: 600px) {
    .postify-stories-footer-widgets {
        display: block;
    }

    .postify-stories-footer-widgets .postify-stories-widget {
        margin-bottom: 4rem;
    }
}


/*******************************
    Postify Stories Requested Spacing Fix
*******************************/
.row.entries-wrap {
    width: 100%;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media only screen and (max-width:1480px) {
    .row.entries-wrap {
        width: 100%;
    }
}


/*******************************
    Skip Link
*******************************/
.skip-link {
    position: absolute;
    left: -9999px;
    top: 1rem;
    z-index: 999999;
    background: #ffffff;
    color: #111111;
    padding: 1rem 1.5rem;
    text-decoration: none;
}

.skip-link:focus {
    left: 1rem;
}

/*******************************
    Postify Stories Category Count
*******************************/
.postify-stories-category-list .postify-stories-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}

.postify-stories-category-list .postify-stories-category-name {
    flex: 1 1 auto;
}

.postify-stories-category-list .postify-stories-category-count {
    flex: 0 0 auto;
    text-align: right;
}

/* WordPress content classes, using the theme's existing typography. */
.wp-caption {
    max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
    font: inherit;
    color: inherit;
}

.sticky {
    min-width: 0;
}

.bypostauthor {
    font: inherit;
    color: inherit;
}

.alignleft {
    float: left;
    margin-right: 3rem;
}

.alignright {
    float: right;
    margin-left: 3rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    clip: auto !important;
    clip-path: none;
    height: auto;
    width: auto;
    overflow: visible;
}

.skip-link:focus {
    padding: 1rem 1.5rem;
}