/* archive pages query loop css */
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post figure{
    margin: 0;
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post h2 a{
    color: #161616;
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post .wp-block-post-excerpt__excerpt{
    margin-bottom: 10px;
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post h2, .archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post .wp-block-post-excerpt{
    padding-left: 20px;
    padding-right: 20px;
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post p{
    font-size: 14px;
    line-height: 20px;
}
.archive-query-posts-wrapper ul.wp-block-post-template .wp-block-post figure img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.archive-query-posts-wrapper .wp-block-query-pagination{
    margin: 50px 0;
    justify-content: center;
}
.archive-query-posts-wrapper .wp-block-query-pagination .page-numbers {
    margin: 10px;
    font-weight: 400;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 50px;
    color: #161616;
    text-decoration: none;
}
.archive-query-posts-wrapper .wp-block-query-pagination .page-numbers.current {
    background-color: #682d63;
    border-color: #682d63;
    color: #fff;
}
.archive-query-posts-wrapper .wp-block-query-pagination-next, .archive-query-posts-wrapper .wp-block-query-pagination-previous{
    text-decoration: none;
    color: #161616;
}
.archive-query-posts-wrapper .yoast-breadcrumbs span, .archive-query-posts-wrapper .yoast-breadcrumbs span a{
    font-size: 14px;
    color: #682d63;
}
.ntw-author-avatar{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.ntw-author-avatar img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.ntw-author-name, .ntw-author-job-title, .ntw-author-bio{text-align: center;}
.ntw-author-share-icons {
    display: flex;
    gap: 10px;
    justify-content: center;
} 
.ntw-author-name{margin: 10px 0;}
.ntw-author-profile{margin-bottom:30px;}
.ntw-author-share-icons .ai-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px; /* Makes it perfectly circular */
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: none; /* Remove default underline */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    cursor: pointer;
    background-color: #682D63;
    color: white; 
    transition: background-color 0.2s, color 0.2s; /* Smoother transition for color change */
}

.ntw-author-share-icons .ai-icon:hover {
    opacity: .9;
}

.ntw-author-share-icons .ai-icon svg {
    width: 20px;
    height: 20px;
    fill: white; /* Default SVG fill */
    transition: fill 0.2s;
}

.ntw-author-share-icons .ai-icon:hover svg {
    fill: #000;
}

.archive-query-posts-wrapper .wp-block-post-featured-image :where(img) {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%;
}
.archive-query-posts-wrapper .wp-block-post-featured-image br{display: none;}
.archive-query-posts-wrapper .wp-block-post h2 br{display: none;}
.archive-query-posts-wrapper .wp-block-post h2{line-height: 28px;}

.archive-query-posts-wrapper ul.wp-block-post-template{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: start;
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0;
    gap: 1.25em;
} 

.archive-query-posts-wrapper .wp-block-query-pagination-numbers br, .archive-query-posts-wrapper .wp-block-query-pagination p:first-child, .archive-query-posts-wrapper .wp-block-query-pagination-previous br, .archive-query-posts-wrapper .wp-block-query-pagination-next br {display: none;}

@media screen and (max-width: 1150px) {
    .archive-query-posts-wrapper ul.wp-block-post-template{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px) {
    .archive-query-posts-wrapper ul.wp-block-post-template{
        grid-template-columns: repeat(2, 1fr);
        padding: 0 15px;
    }
}
@media screen and (max-width: 600px) {
    .archive-query-posts-wrapper ul.wp-block-post-template{
        grid-template-columns: 1fr;
    }
}