/* Custom header height adjustments */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

body{
    font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    font-size:16px;
    line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
    font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    line-height:1.25;
    margin:1.1em 0 .5em;
}

p{
    margin:16px 0;
}

.post-container h1,.post-container h2,.post-container h3,.post-container h4,.post-container h5,.post-container h6{
    margin:22px 0 10px;
}

.post-container ul,.post-container ol{
    margin-bottom:22px;
}

blockquote{
    margin:16px 0;
}

code,pre,kbd,samp{
    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;
    font-size:.95em;
}

@media (min-width:1200px){
    .container{
        width:1120px;
    }
    .post-container,.sidebar-container{
        padding-right:3%;
    }
}

.navbar-custom .navbar-nav>li>a{
    padding:10px 12px;
}

.post-preview>.post-meta{
    margin:6px 0 12px;
}

.about-avatar-wrap{
    text-align:center;
    margin:10px 0 22px;
}

.about-avatar{
    width:220px;
    height:160px;
    border-radius:14px;
    object-fit:cover;
    display:inline-block;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

@media (max-width:767px){
    .about-avatar{
        width:180px;
        height:130px;
        border-radius:12px;
    }
}

.pager{
    margin:14px 0;
}

@media (max-width:991px){
    .sidebar-container section.visible-md.visible-lg{
        display:block !important;
        text-align:center;
        margin-top:18px;
    }
    .sidebar-container section.visible-md.visible-lg .short-about img{
        width:120px;
        max-width:50%;
        margin-left:auto;
        margin-right:auto;
    }
    .sidebar-container section.visible-md.visible-lg .short-about .list-inline{
        margin-top:12px;
    }
}

.intro-header .site-heading {
    padding: 40px 0 22px !important;
}

.intro-header .site-heading h1,
.intro-header .page-heading h1{
    font-size:32px !important;
    line-height:1.12;
    font-weight:650;
    letter-spacing:-0.02em;
}

.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading{
    font-size:14px !important;
    line-height:1.35;
    font-weight:400;
    margin-top:8px !important;
    opacity:0.92;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading {
        padding: 64px 0 !important;
    }

    .intro-header .site-heading h1,
    .intro-header .page-heading h1{
        font-size:44px !important;
    }

    .intro-header .site-heading .subheading,
    .intro-header .page-heading .subheading{
        font-size:16px !important;
    }
}

.intro-header .page-heading,
.intro-header .post-heading {
    padding: 40px 0 22px !important;
}

.intro-header .post-heading h1{
    font-size:26px !important;
    line-height:1.18;
    font-weight:650;
    letter-spacing:-0.01em;
    margin-bottom:14px !important;
}

.intro-header .post-heading .subheading{
    font-size:14px !important;
    line-height:1.4;
    font-weight:400;
    margin:8px 0 18px !important;
    opacity:0.92;
}

@media only screen and (min-width: 768px) {
    .intro-header .page-heading,
    .intro-header .post-heading {
        padding: 64px 0 !important;
    }

    .intro-header .post-heading h1{
        font-size:36px !important;
    }

    .intro-header .post-heading .subheading{
        font-size:16px !important;
    }
}