/* BLOG POST LIST SECTION */
.publicGreyBlock{display:flow-root !important;width:100%;margin:0 auto;}
div.blogCentralColumnTop{width:80%;display:table;}
span.firstPostText{width:100%;margin:0 0 0 24px;color:#646464;float:left;font-size:16px;height:calc(19px*4);line-height:19px;text-overflow:ellipsis;overflow:hidden;padding-right:30px;}
img.blogListLatestImage{height:320px;width:100%;border-radius:15px 15px 0 0;object-fit:cover;}
div.latestEntryBox{width:47%;height:560px;margin:60px 0px 0px 0px;}
div.previousBlogPostBox{float:right;width:47%;height:initial;}
img.blogPreviousEntry{width:50%;height:250px;border-radius:15px 0 0 15px;object-fit:cover;vertical-align:bottom;}
span.previousPostHeader{padding:0 20px;display:block;box-decoration-break:clone;-webkit-box-decoration-break:clone;float:none;margin:0;font-weight:900;color:#000;}
span.previousPostText{width:450px;height:110px;max-height:30%;float:left;font-size:14px !important;line-height:18px;color:#646464;width:100%;margin:0 0 20px;padding:0 20px 0;overflow:hidden;}
.latestBlogDesc{display:inline-flex;align-items:center;margin:10px 0;}
.latestBlogDesc img, .previousBlogDesc img{width:40px;height:40px;margin-left:20px;float:left;}
.latestBlogDesc .blogCategory{margin-left:20px;float:left;padding:0;}
span.blogCategory{display:contents;font-size:11pt;line-height:15pt;}
.latestBlogDesc .blog_category{margin:0 0 0 20px;float:left;}
.blogCentralColumnTop .firstPostTitle{margin:10px 10px 0px 20px;width:100%;font-weight:900;color:#000;}
.previousBlogDesc .blogCategory{margin-left:10px;}
h4.blogCategory{margin:10px 0;padding:10px;font-size:1.3rem;}
.blogCentralColumnTop .previousBlogDesc{display:flex;align-items:center;height:50px;}
.blogCentralColumnTop .blog_category{width:auto;display:flex;}
div.previousBlogPostBox:nth-child(even){float:right;}
div.previousBlogPostBox:nth-child(2n+3){float:left;}
.latestBlogDesc img, .previousBlogDesc img{object-fit:cover;}
.previousBlogPostBox a:hover{text-decoration:none;}
.blog_category{justify-content:left;margin:15px auto 5px;}
.previous_blog_desc{width:49%;float:right;display:inline;}
.previous_blog_desc .previousPostText p, .previous_blog_desc .previousPostText span, .previousPostText p span{text-align:left !important;font-size:14px !important;}

/* INDIVIDUAL BLOG SECTION */
.blog_container{padding:0 10%;text-align:center;width:80%;margin:65vh auto 0;}
.blog_container h3{font-size:3.75rem;}
.blog_container h3, h4.blogCategory{padding:0;}
.blog_container p.blogText{color:var(--dark);font-size:18pt;}
h4.blogCategory{color:var(--gray-dark);}
div.publicBlockContentBox{max-width:100%;}
span.blogCategory{color:#fff;}
.profile_image{width:100px;height:100px;border-radius:50%;object-fit:cover;}
img.blogBanner{width:100%;height:60vh;object-fit:cover;}
/* .previousBlogPostBox .blog_category{display:flex;margin:15px auto 5px;text-align:center;justify-content:left;} */
.blog_left, .blog_right{border-radius:10px;color:#fff;padding:0 15px;height:15pt;line-height:15pt;}
.blog_left{background-color:#f76922;width:auto;margin-left:15px;z-index:1;color:#fff;}
.blog_right{background-color:#000;width:auto;margin:0 0 0 -15px;padding:0 10px 0 25px;}
.button{position:absolute;margin:20px;border-radius:5px;font-size:18px;width:120px;height:30px;outline:none;border:none;background-color:#f76922;transition:all 0.5s 0s;color:white;cursor:pointer;text-align:center;}
.button:link,.button:visited,.button:hover,.button:active{text-transform:none;color:#fff;text-decoration:none;}
div.previousBlogPostBox{display:block;flex-direction:column;}
.blogCentralColumnTop .previousBlogDesc{height: initial;}
.backNextButtons{float:left;width:100%;padding:0 10%;}
/*.previousBlogPostBox */.blog_category{justify-content:left;margin:15px auto 5px;}
.single{display:flex;justify-content:center;}
.blog_container span img{display:block;margin:0 auto;}


/* VARIOUS SCREEN SIZES */
@media screen and (max-width:700px) {
    /* MENU */
  /* MENU */
    .public-mob-navbar__icon span{background-color:var(--gray-dark);}
    a.logo {top:0.4rem;left:1rem;}
    .public-mob-navbar__icon{top:-5px;}

    /* BLOG POST LIST SECTION */
    body{width:100vw !important;}
    div.latestEntryBox, div.previousBlogPostBox{width: 100vw;}
    div.latestEntryBox{height:initial;margin:0}
    .blog_container h3{font-size:1.75rem;padding:.5em 0 0 !important;}
    .blog_container p.blogText{font-size:13pt;}
    div.blogCentralColumnTop{width: 100vw !important;}
    #BlogPostContainer{display:flex;flex-direction:column;float:left;}
    .latestBlogDesc{display:flex;align-items:center;flex-direction:column;width:100%;}
    span.firstPostTitle{width:auto;padding-left:24px;margin:0;float:left !important;}
    span.firstPostText{padding:5%;margin:0;}
    .latestBlogDesc .blog_category,.latestBlogDesc .blogCategory,.latestBlogDesc img, .previousBlogDesc img,.blogCentralColumnTop .firstPostTitle{margin:10px 0 0 0;;float:none;}
    .latest_blog_desc{text-align:center;}
    img.blogListLatestImage{border-radius:0;width:100%;}
    div.previousBlogPostBox{margin:10px 0px 20px 0px;display:flex;flex-direction:column;}
    img.blogPreviousEntry{width:100%;border-radius:0;}
    .blogCentralColumnTop .previousBlogDesc{display:flex;flex-direction:column;}
    span.previousPostText{padding:0 20px;max-height:30%;}
    .blogCentralColumnTop .blog_category{width:fit-content;}
    .previousBlogText{text-align:center;}
    .public-footer > .container{padding:1rem 1rem;}
    .previousBlogPostBox .blog_category{width:100% !important;}
    .previous_blog_desc{width:initial;float:initial;display:initial;}

    /* INDIVIDUAL BLOG SECTION */
    .publicGreyBlock{display:block;}
    .public-mob-navbar{display:-webkit-box;}
    .publicGreyBlock .blog_category{display:inline-flex;justify-content:center;}
    .publicGreyBlock .backNextButtons{padding:0;}
    .blogCentralColumnTop img{width:-webkit-fill-available;}
    .latestBlogDesc img, .previousBlogDesc img{width:100px;height:100px;}
    .blog_container span img{width:100%}
}

@media screen and (min-width:701px) and (max-width:1430px) {
    /* BLOG POST LIST SECTION */
    .latestEntryBox, .previousBlogPostBox{width:100vw !important;height:auto;margin:0}
    
    /* INDIVIDUAL BLOG SECTION */
    .publicGreyBlock{display:block;}
    .public-mob-navbar{display:-webkit-box;}/* BLOG POST LIST SECTION */
    .publicGreyBlock{display:flow-root !important;width:100%;margin:0 auto;}
    div.blogCentralColumnTop{width:80%;display:table;}
    span.firstPostText{width:100%;margin:0 0 0 24px;color:#646464;float:left;font-size:16px;height:calc(19px*4);line-height:19px;text-overflow:ellipsis;overflow:hidden;padding-right:30px;}
    img.blogListLatestImage{height:320px;width:100%;border-radius:15px 15px 0 0;object-fit:cover;}
    div.latestEntryBox{width:47%;height:560px;margin:60px 0px 0px 0px;}
    div.previousBlogPostBox{float:right;width:47%;height:initial;}
    img.blogPreviousEntry{width:50%;height:250px;border-radius:15px 0 0 15px;object-fit:cover;}
    span.previousPostHeader{padding:20px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;float:none;margin:0;font-weight:900;color:#000;}
    span.previousPostText{font-size:14px !important;width:50%;margin:0 0 20px;padding:0 20px 0;max-height:30%;}
    .latestBlogDesc{display:inline-flex;align-items:center;margin:10px 0;}
    .latestBlogDesc img, .previousBlogDesc img{width:40px;height:40px;margin-left:20px;float:left;}
    .latestBlogDesc .blogCategory{margin-left:20px;float:left;padding:0;}
    span.blogCategory{display:contents;font-size:11pt;line-height:15pt;}
    .latestBlogDesc .blog_category{margin:0 0 0 20px;float:left;}
    .blogCentralColumnTop .firstPostTitle{margin:10px 10px 0px 20px;width:100%;font-weight:900;color:#000;}
    .previousBlogDesc .blogCategory{margin-left:10px;}
    h4.blogCategory{margin:10px 0;padding:10px;font-size:1.3rem;}
    .blogCentralColumnTop .previousBlogDesc{display:flex;align-items:center;height:50px;}
    .blogCentralColumnTop .blog_category{width:auto;display:flex;}
    div.previousBlogPostBox:nth-child(even){float:right;}
    div.previousBlogPostBox:nth-child(2n+3){float:left;}
    .latestBlogDesc img, .previousBlogDesc img{object-fit:cover;}
    .previousBlogPostBox a:hover{text-decoration:none;}
    .blog_category{justify-content:left;margin:15px auto 5px;}
    .previous_blog_desc .previousPostText p, .previous_blog_desc .previousPostText span, .previousPostText p span{text-align:left !important;font-size:14px !important;}
    
    /* INDIVIDUAL BLOG SECTION */
    .blog_container{padding:0 10%;text-align:center;width:80%;margin:calc(60vh + 5em) auto 0;}
    .blog_container h3{font-size:3.75rem;}
    .blog_container h3, h4.blogCategory{padding:0;}
    .blog_container p.blogText{color:var(--dark);font-size:18pt;}
    h4.blogCategory{color:var(--gray-dark);}
    div.publicBlockContentBox{max-width:100%;}
    span.blogCategory{color:#fff;}
    .profile_image{width:100px;height:100px;border-radius:50%;object-fit:cover;}
    img.blogBanner{width:100%;height:60vh;object-fit:cover;}
    /* .previousBlogPostBox .blog_category{display:flex;margin:15px auto 5px;text-align:center;justify-content:left;} */
    .blog_left, .blog_right{border-radius:10px;color:#fff;padding:0 15px;height:15pt;line-height:15pt;}
    .blog_left{background-color:#f76922;width:auto;margin-left:15px;z-index:1;color:#fff;}
    .blog_right{background-color:#000;width:auto;margin:0 0 0 -15px;padding:0 10px 0 25px;}
    .button{position:absolute;margin:20px;border-radius:5px;font-size:18px;width:120px;height:30px;outline:none;border:none;background-color:#f76922;transition:all 0.5s 0s;color:white;cursor:pointer;text-align:center;}
    .button:link,.button:visited,.button:hover,.button:active{text-transform:none;color:#fff;text-decoration:none;}
    div.previousBlogPostBox{display:block;flex-direction:column;}
    .blogCentralColumnTop .previousBlogDesc{height: initial;}
    .backNextButtons{float:left;width:100%;padding:0 10%;}
    /*.previousBlogPostBox */.blog_category{justify-content:left;margin:15px auto 5px;}
    .single{display:flex;justify-content:center;}
    .blog_container span img{display:block;margin:0 auto;}
}