/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1784177879
Updated: 2026-07-16 04:57:59

*/


/* ==========================================================================
   Split-Layout Author Page Styling
   ========================================================================== */

/* Color Palette Variables */
:root {
    --split-bg: #f8fafc;
    --split-card-bg: #ffffff;
    --split-primary: #0f172a;
    --split-accent: #3b82f6;
    --split-accent-hover: #1d4ed8;
    --split-text: #334155;
    --split-muted: #64748b;
    --split-border: #e2e8f0;
}

/* Wrapper Layout */
.split-author-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Author Profile Sidebar/Header */
.split-author-card {
    background: var(--split-card-bg);
    border: 1px solid var(--split-border);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.split-avatar-wrap {
    position: relative;
    margin-bottom: 20px;
}

.split-avatar-wrap img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--split-border);
}

.online-indicator {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background-color: #10b981;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.split-author-name {
    font-size: 24px;
    font-weight: 800;
    color: var(--split-primary);
    margin: 0 0 6px 0;
}

.split-author-role {
    font-size: 13px;
    font-weight: 600;
    color: var(--split-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 16px 0;
}

.split-author-bio {
    font-size: 14px;
    line-height: 1.6;
    color: var(--split-text);
    margin-bottom: 20px;
}

.split-author-bio p {
    margin: 0;
}

.visit-site-btn {
    display: inline-block;
    background: var(--split-primary);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.visit-site-btn:hover {
    background: var(--split-accent);
}

/* Feed Area */
.split-feed-area {
    flex-grow: 1;
}

.split-feed-area p{
font-family: "Rubik", sans-serif   !important;
}

.split-feed-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    border-bottom: 2px solid var(--split-border);
    padding-bottom: 12px;
}

.feed-heading {
    font-family: "Frank Ruhl Libre", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    color: var(--split-primary);
    margin: 0;
}

.feed-count-badge {
    background: var(--split-border);
    color: var(--split-primary);
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 12px;
}

/* Posts List (Mobile First: Vertical layout) */
.split-posts-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.split-post-card {
    background: var(--split-card-bg);
    border: 1px solid var(--split-border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.split-post-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.split-card-thumb {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.split-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.split-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.split-card-meta {
    font-size: 12px;
    color: var(--split-muted);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.split-card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 10px 0;
}

.split-card-title a {
    font-family: "Frank Ruhl Libre", sans-serif !important;
    color: var(--split-primary);
    text-decoration: none;
}
span{
    font-family: "Rubik", sans-serif !important;
}

.split-card-title a:hover {
    color: var(--split-accent);
}

.split-card-excerpt {
    font-size: 14px;
    color: var(--split-text);
    line-height: 1.5;
    margin-bottom: 15px;
}
h1{
        font-family: "Frank Ruhl Libre", sans-serif !important;

}
p{
       font-family: "Rubik", sans-serif !important;
 
}
.split-read-more {
    font-size: 13px;
    font-weight: 700;
    color: var(--split-accent);
    text-decoration: none;
    font-family: "Rubik", sans-serif !important;
}

.split-read-more:hover {
    color: var(--split-accent-hover);
}

/* Pagination */
.split-pagination {
    margin-top: 30px;
    display: flex;
    gap: 6px;
}

.split-pagination .page-numbers {
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid var(--split-border);
    color: var(--split-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.split-pagination .page-numbers.current,
.split-pagination .page-numbers:hover {
    background: var(--split-primary);
    color: #ffffff;
    border-color: var(--split-primary);
}

/* ==========================================================================
   Media Queries (Desktop Split Screen)
   ========================================================================== */

/* Tablet & Desktop Layout */
@media (min-width: 860px) {
    .split-author-wrapper {
        flex-direction: row;
        align-items: flex-start;
    }

    /* Fixed Sidebar Profile Card on Desktop */
    .split-author-card {
        width: 320px;
        flex-shrink: 0;
        position: sticky;
        top: 30px;
        text-align: left;
        align-items: flex-start;
    }

    /* Horizontal Post Cards on Desktop */
    .split-post-card {
        flex-direction: row;
        align-items: center;
    }

    .split-card-thumb {
        width: 220px;
        height: 160px;
        flex-shrink: 0;
    }

    .split-card-content {
        padding: 20px 24px;
    }
}

/* ===================================
   DIGITAL DAILY - AUTHORS PAGE
=================================== */

.authors-page{
    max-width:1300px;
    margin:0 auto;
    padding:60px 20px 80px;
}

/* Header */

.authors-header{
    text-align:center;
    margin-bottom:60px;
}

.authors-header h1{
    font-family:"Frank Ruhl Libre", sans-serif !important;
    font-size:56px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
    line-height:1.2;
}

.authors-header h1:before,
.authors-header h1:after{
    content:"";
    display:inline-block;
    width:120px;
    height:1px;
    background:#111;
    vertical-align:middle;
    margin:0 20px;
}

.authors-header p{
    font-family:"Rubik", sans-serif !important;
    font-size:18px;
    color:#666;
    max-width:700px;
    margin:20px auto 0;
    line-height:1.8;
}

/* Grid */

.authors-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:25px;
}

/* Card */

.author-card{
    background:#fff;
    border:1px solid #e5e5e5;
    transition:all .3s ease;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
}

.author-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* Top Border */

.author-card::before{
    content:"";
    display:block;
    height:4px;
    background:#111;
    width:100%;
}

/* Image */

.author-image{
    display:flex;
    justify-content:center;
    padding-top:20px;
    margin-bottom:15px;
}

.author-image img{
    width:115px;
    height:115px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #f5f5f5;
}

/* Content */

.author-content{
    padding:0 20px 25px;
    text-align:center;
    display:flex;
    flex-direction:column;
    flex:1;
}

.author-content h3{
    font-family:"Frank Ruhl Libre", sans-serif !important;
    font-size:24px;
    color:#111;
    margin-bottom:10px;
    line-height:1.3;
}

.author-role{
    display:block;
    font-size:13px;
    font-weight:700;
    color:#777;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
}

.author-content p{
    font-family:"Rubik", sans-serif;
    font-size:14px;
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
    flex-grow:1;
}

.author-content a{
    font-family:"Rubik", sans-serif;
}

/* Button */

.author-btn{
    display:inline-block;
    padding:12px 24px;
    background:#111 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:600;
    border:1px solid #111;
    transition:.3s;
    white-space:nowrap;
    margin-top:auto;
}

.author-btn:hover{
    background:#fff !important;
    color:#111 !important;
    border-color:#111;
}

/* Tablet */

@media(max-width:1024px){

    .authors-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .authors-header h1{
        font-size:42px;
    }

    .authors-header h1:before,
    .authors-header h1:after{
        width:70px;
    }
}

/* Mobile */

@media(max-width:767px){

    .authors-page{
        padding:40px 15px;
    }

    .authors-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .authors-header{
        margin-bottom:40px;
    }

    .authors-header h1{
        font-size:34px;
    }

    .authors-header h1:before,
    .authors-header h1:after{
        display:none;
    }

    .authors-header p{
        font-size:16px;
    }

    .author-card{
        max-width:450px;
        margin:0 auto;
    }

    .author-image img{
        width:110px;
        height:110px;
    }

    .author-content h3{
        font-size:22px;
    }
}