:root {
    --color-primary:#007ced !important;
}
body{
    font-family: 'Poppins', sans-serif;
    font-size:18px
}
body.dark {
    --black: #fff;
    --light-color: #ddd;
    --bg-color: #222;
    --border: 0.1rem solid rgba(0, 0, 0, 0.4);
    --box-shadow: 0.4rem 0.4rem 1rem #111, -0.4rem -0.4rem 1rem #333;
    --box-shadow-inset: 0.4rem 0.4rem 1rem #111 inset, -0.4rem -0.4rem 1rem #333 inset;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: inherit;
}
a{
    transition: 0.5s;
    color: var(--color-primary);
}
header.site-header a {
    text-decoration: inherit;
}
h1.site-title {
    text-transform: inherit;
}
.menu-bar {
    position: relative;
    box-shadow: var(--box-shadow);
    margin: 25px 0 5px;
}
.dark .main-navigation ul li a,
.pagination .nav-links span,
.pagination .nav-links a {
    color: var(--black);
}
input:not([type="submit"]),
input:not([type="checkbox"]) {
    border: inherit;
    background: var(--color-primary);
}
input:not([type="submit"]):hover,
input:not([type="checkbox"]):hover {
    opacity: 0.9;
    box-shadow: inherit;
    color: #fff;

}
input:not([type="submit"]) {
    padding: 15px 15px;
}
.rx-list-blog {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 20px;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
}
nav.navigation.post-navigation a {
    text-decoration: inherit;
}
@media only screen and (max-width: 991px) {
    .sm-mobile-menu{
        background: #000;
        color: #fff;
    }
    nav#sm-navigation ul li a {
        border-bottom: 1px solid #c5c5c5;
        box-shadow: inherit;
        text-decoration: inherit;
    }
    .sm-logo a {
        color: inherit;
        text-transform: uppercase;
    }
    

}
@media only screen and (max-width: 768px) {
    .rx-list-blog{
        grid-template-columns: 1fr;
    }

}
.resume-x-grid-item .blog-date {
    top: 5px;
    bottom: auto;
    padding: 2px 5px;
    border-radius: 0;
    background: var(--color-primary);
}
.author-social-icons a{
    text-decoration: inherit;
}
.cradit-link a:hover{
    opacity: 0.9;
}
.resume-x-grid-item .blog-date p {
    font-size: 13px;
    color: #fff;
}

h4.blog-title a,
.pagination .nav-links a,
.site-info a,
.blog-all-details .blog-scat {
    text-decoration: inherit;
}

h4.blog-title a:hover,
.site-info a:hover,
.blog-all-details .blog-scat:hover {
    text-decoration: underline;
}
.site-info a{
    text-decoration: inherit;
    color: inherit;
}

/* ============ Simple blog style — ResumeX Dark ============ */

/* Blog card */
.rx-list-blog {
    background: #2a2d34;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    column-gap: 0;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.rx-list-blog:hover {
    border-color: rgba(0, 124, 237, 0.45);
    transform: translateY(-4px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
}
.rx-list-blog:not(:has(.blog-img)) {
    grid-template-columns: 1fr;
}

/* Image */
.resume-x-grid-item .blog-img {
    border-radius: 0;
    box-shadow: none;
}
.resume-x-grid-item .blog-img img {
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.resume-x-grid-item .blog-img:hover img {
    transform: scale(1.04);
}

/* Date badge */
.resume-x-grid-item .blog-date {
    background: rgba(0, 124, 237, 0.92);
    border-radius: 999px;
    padding: 4px 13px;
    top: 14px;
    left: 14px;
    bottom: auto;
}
.resume-x-grid-item .blog-date p {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #fff;
}

/* Details */
.blog-all-details {
    padding: 24px 0;
}
.blog-all-details .blog-scat {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8cc5ff;
    background: rgba(0, 124, 237, 0.12);
    border-radius: 999px;
    padding: 5px 14px;
    margin-bottom: 14px;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}
.blog-all-details .blog-scat:hover {
    background: rgba(0, 124, 237, 0.25);
    color: #b2d8ff;
    text-decoration: none;
}

/* Title */
h4.blog-title {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.35;
    letter-spacing: -0.01em;
}
h4.blog-title a {
    color: #f2f5fa;
    text-decoration: none;
    transition: color 0.25s ease;
}
h4.blog-title a:hover {
    color: #4f9dff;
    text-decoration: none;
}

/* Excerpt */
.blog-dres {
    margin-bottom: 24px;
}
.blog-dres p {
    font-size: 15px;
    line-height: 1.75;
    color: #aab2c0;
    margin-bottom: 0;
}

/* Read more */
.rx-list-blog a.main-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 999px;
    background: rgba(0, 124, 237, 0.1);
    border: 1px solid rgba(0, 124, 237, 0.35);
    color: #8cc5ff;
    box-shadow: none;
    font-weight: 600;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}
.rx-list-blog a.main-btn:hover {
    background: #007ced;
    border-color: #007ced;
    color: #fff;
    box-shadow: none;
    gap: 12px;
}
.rx-list-blog a.main-btn i {
    margin-left: 0;
    font-size: 12px;
}

/* Single post card */
.xpost-item {
    background: #2a2d34;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.xpost-item .entry-title {
    color: #f2f5fa;
}
.xpost-item .entry-meta,
.xpost-item .entry-meta a {
    color: #aab2c0;
}

/* Archive header */
.archive-header {
    background: #2a2d34;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* Pagination */
.pagination .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.pagination .nav-links a,
.pagination .nav-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    background: #2a2d34;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #cfd6e2;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.pagination .nav-links a:hover {
    background: rgba(0, 124, 237, 0.15);
    border-color: rgba(0, 124, 237, 0.4);
    color: #8cc5ff;
}
.pagination .nav-links .current,
.pagination .nav-links span.current {
    background: #007ced;
    border-color: #007ced;
    color: #fff;
}

/* Mobile refinements */
@media only screen and (max-width: 767px) {
    .rx-list-blog {
        grid-template-columns: 1fr;
    }
    .resume-x-grid-item .blog-img img {
        min-height: 200px;
    }
    .blog-all-details {
        padding: 20px 0 24px;
    }
}