:root {
    --muted:#6b7280;
    /* --bg:#f5f7fb; */
    --bg:#F4F4E2;
    --card: #FFFFFF;
}

body {
    background-color: var(--bg)
}

.blog-header {
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
    font-size: 2.25rem;
}

.blog-header-logo:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.display-4 {
    font-size: 2.5rem;
}
@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
    .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}
.blog-pagination > .btn {
    border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post-title {
    margin-bottom: .25rem;
    font-size: 2.5rem;
}

.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
}

.post-detail-img {
    height: 400px;
    object-fit: contain;
}

/****
* Archive
*****/ 

.archive-header h1 {
    font-weight: 700;
}

.archive-post-title {
    margin-bottom: .25rem;
    font-size: 1.7rem;
}

.archive-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
}

.archive-detail-img {
    height: 400px;
    object-fit: contain;
}

/*****
* About page
*******/
.card {
    background:var(--card);
    border-radius:12px;
    padding: 15px;
    box-shadow:0 6px 20px rgba(15,23,42,0.06);
}

.section_personal_info h3 {
    letter-spacing:8px;
    font-weight:700;
    font-size: 24px;
    color:var(--muted);
    margin-bottom:8px;
    text-transform:uppercase;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.section_personal_info h1 {
    font-size: 19px;
    font-weight: 700;
}

.section_skills article{
    margin-bottom: 15px;
}

.section_skills article h5 {
    font-size: 14px;
}

.badge {
    padding: 0.50em .70em !important;
}

/* Experience */
.card-item{ margin-bottom:14px; padding-bottom:10px; border-bottom:1px dashed #e6edf5; }
.card-item-header div h4 {font-size: 20px; margin-bottom: 3px;}
.card-item-short-title { color:var(--muted); font-size:14px; margin:4px 0 0; }
.card-muted-text { color: var(--muted); margin: 0px; }

/*
 * Footer
 */
.blog-footer {
    padding: 2.5rem 0;
    color: #727272;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}

.blog-footer p:last-child {
    margin-bottom: 0;
}