/* ---- blog post ---- */

.top_banner {
    width: 100%;
    display: flex;
    background: #3a5795;
    border-bottom: 1px solid #fff;
}

.main_menu {
    width: 100%;
    height: 52px;
    background: #daf5ff;
}

.h1 {
    font-weight: 700;
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -0.011em;
    line-height: 56px;
    margin-top: 0.6em;
    font-size: 45px;
    color: black;
    color: rgba(41, 41, 41, 1);
    margin-bottom: -0.7em;
}

.sub_title {
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
    margin-bottom: -0.27em;
    color: grey;
    line-height: 150%;
}

.fig_caption {
    text-align: right;
    color: gray;
    font-size: smaller;
    font-style: italic;
}

.h2 {
    line-height: 36px;
    margin-top: 1.85em;
    font-size: 30px;
    margin-bottom: -0.48em;
    letter-spacing: -0.022em;
    font-weight: 500;
    color: black;
    color: rgba(41, 41, 41, 1);
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h3 {
    line-height: 36px;
    margin-top: 1.95em;
    font-size: 20px;
    margin-bottom: -1.6em;
    letter-spacing: -0.022em;
    font-weight: 500;
    color: black;
    color: rgba(41, 41, 41, 1);
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
    font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif;
    letter-spacing: -0.003em;
    line-height: 32px;
    margin-top: 2em;
    font-size: 21px;
    margin-bottom: -0.46em;
    color: black;
    color: rgba(41, 41, 41, 1);
    font-weight: 400;
}

.author_header {
    margin-top: 50px;
    margin-bottom: -3px;
    border-style: solid;
    border-color: darkgrey;
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    font-weight: 600;
    padding: 10px;
    background-color: #cdd2ce;
}

.author_content {
    display:flex;
    border-style: solid;
    border-color: darkgrey;
}

.author_image {
    width: 25%;
    padding: 0.5%;
    align-self: flex-start;
}

.author_details {
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: large;
    font-weight: 400;
    padding: 2%;
    line-height: 30px;
    width: 71%;
}

.notice {
    width: 96%;
    padding: 1% 2%;
    text-align: center;
    font-family: charter,Georgia,Cambria,times new roman,Times,serif;
    letter-spacing: -.003em;
    line-height: 31px;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f2ffe9;
    margin-top: 30px;
    border-color: rgb(218 220 224);
    border-width: thin;
    border-style: solid;
}

/* ---- blog home ---- */

.blog_logo {
    width: 375px;
    height: 66px;
    margin: 17px 0 7px 0;
    float: left;
    background: url(/blog/images/panthi_lk_blog_logo.webp) no-repeat;
    background-size: contain;
}

.post {
    width: 100%;
    float: left;
    overflow-wrap: break-word;
    color: #000!important;
    margin-top: 30px;
}

.post_content {
    float: left; 
    width: 96%;
    padding: 2%;
}

.post_content:hover {
    box-shadow: 0px 11px 20px 0px rgb(0 0 0 / 10%);
}

.post_title {
    font-family: sohne,helvetica neue,Helvetica,Arial,sans-serif;
    letter-spacing: -.011em;
    font-size: 2em;
    color: #292929;
    line-height: 1.3em;
}

.post_subtitle {
    font-family: sohne,helvetica neue,Helvetica,Arial,sans-serif;
    letter-spacing: -.011em;
    margin-top: .8em;
    font-size: 18px;
    color: grey;
    font-style: italic;
    line-height: 150%;
}

.post_thumbnail {
    float: left;
    margin-top: 5px;
    padding: 0.8% 2% 1% 1%;
    width: 40%;
}

.post_summary {
    float: right;
    width: 100%;
    padding: 1%;
    font-family: charter,Georgia,Cambria,times new roman,Times,serif;
    letter-spacing: -.003em;
    line-height: 31px;
    font-size: 20px;
    margin-bottom: -.46em;
    color: #000;
    color: #292929;
    font-weight: 400;
}