/********** BLOG ************/
a{
    color: #b99b36;
}

.taxonomy-category .blog-container {
    padding-top: 10px!important;
}

.singular-post .blog-container {
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
    width: calc(100% - 40px);
    display: block;
}

header.entry-header {
    margin-bottom: 50px;
}

 .blog-container .offset-container article {
    width: calc(50% - 17px);
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
    transition: all ease-in-out 0.3s;
    margin-bottom: 40px;
}



.blog-container article {
    width: calc(33.333% - 17px);
    display: inline-block;
    margin: 10px 5px;
    vertical-align: top;
    transition: all ease-in-out 0.3s;
    margin-bottom: 40px;
}

.blog .blog-container{
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
    width: calc(70% - 25px);
    display: inline-block;
}

.blog-container{
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
    width: 100%;
    display: block;
}

.container-blog {
    max-width: 1255px;
    margin: auto;
}

.sidebar-blog {
    width: calc(30% - 20px);
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
}

/* .related-container-bg {
    background-color: #EEEEEE;
    padding: 60px 0;
} */


.offset-container > article:first-child{
    display: none;
}

.blog-container img{
    object-fit: cover;
    object-position: center;
    width: 100%;
}

button.alm-load-more-btn.more{
    margin: 16px 20px !important;
    padding: 15px 30px;
    text-decoration: none !important;
    border: none;
    background: #b99b36;
    display: inline-block;
    transition: all ease-in-out 0.3s;
    border-radius: 50px;
    font-size: 18px!important;
    font-weight: normal!important;
    color: #ffffff!important;
}

.alm-btn-wrap .alm-load-more-btn{
    background:#b99b36!important;
}

button.alm-load-more-btn.more:hover{
    -webkit-box-shadow: 0px 3px 50px -4px #b99b36;
    box-shadow: 0px 3px 50px -4px #b99b36;
    color: #ffffff;
    background-color: #b99b36;
}

/* .blog nav{
    display: none;
} */

.blog-banner {
    /* background-image: url(../images/banner.png); */
    padding-top: 50px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog-banner h1{
    color: #b99b36;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 36px;
}

.post-table li{
    padding-bottom: 10px;
}

ul.table-list li {
    position: relative;
}

ul.table-list li{
    list-style: none;
    line-height: 21px;
    font-size: 17px!important;
}

.table-list li a{
    list-style: none;
    font-weight: 400;
    color: #555555;
} 

.singular-post #main .is-active-li>a{
    color: #b99b36;
    font-weight: 400;
}

.singular .toc_title h2{
    color: #1d3c87;
}


.is-active-li:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 17px;
    position: absolute;
    left: -29px;
    top: 11px;
    background-color: #b99b36;
}



.entry-time, .category-type, .entry-author {
    display: inline-block;
    font-size: 14px;
    color: #959595;
}

.margin-top-img {
    margin-top: 15px;
}

.entry-byline{
    font-size: 14px;
    color: #959595;
}

.blog-container h2.entry-title {
    font-size: 20px;
}

.blog-container h2.entry-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    line-height: 26px;
    color: #b99b36;
}


.entry-summary p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #555555;
    font-size: 16px;
    line-height: 22px;
}

a.bu-read-more {
    margin: 10px 20px !important;
    padding: 15px 30px;
    text-decoration: none !important;
    border: none;
    background: #b99b36;
    display: inline-block;
    transition: all ease-in-out 0.3s;
    border-radius: 0;
    font-size: 14px!important;
    font-weight: 400!important;
    margin-left: 0!important;
    color: #ffffff!important;
}


a.bu-read-more:hover{
    background-color: #333333;
}

.entry-content li{
    margin-bottom:10px;
    line-height: 26px;
}

.entry-content .wp-block-image img{
    width: 500px;
}

.first-blog .blog-content h2.entry-title {
    font-size: 30px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 0;
}

.first-blog .blog-content h2.entry-title a{
    color: #1d3c87;
}

.blog-container h2.entry-title a{
    color: #1d3c87;
}

.entry-time a, .category-type a, .entry-author a{
    color: #1d3c87;
}

.cats_wrap_body a {
    border: 1px solid #eee;
    display: inline-block;
    padding: 8px 10px;
    margin: 4px;
    color: #333 !important;
    background-image: linear-gradient(30deg, #eee 50%, transparent 50%);
}

.cats_wrap_body a:hover{
    color: #333 !important;
    border-color: #333;
}

.first-blog {
    max-width: 1210px;
    margin: auto;
    margin-top: 50px;
}

.first-img {
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: middle;
}

.first-blog .blog-content {
    width: calc(50% - 65px);
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px;
}

.featured-post-img.first-img img{
    height: 380px;
}

/********** BLOG POST ************/

.singular .blog-container{
    padding-top: 0;
}

.post-container{
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
}

.post-content{
    width: calc(100% - 0px);
    display: inline-block;
    vertical-align: top;
    transition: all ease-in-out 0.3S;
}

.post-sidebar{
    width: calc(30% - 42px);
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    padding-right: 0;
    transition: all ease-in-out 0.3S;
}

.post-sidebar ul{
    padding-left: 0;
}
.post-sidebar li{
    list-style: none;
    padding: 5px 0;
    font-size: 14px;

}

.featured-post-img img{
    width: 100%;
    height: auto;
    height: 250px;
    object-position: center;
    object-fit: cover;
}

.category-type a {
    color: #1d3c87;
}
.entry-author a{
    color: #ffffff;
}

.featured-post-img .entry-header{
    margin-bottom: 0;
}




div#sidebar-blog-1 {
    -webkit-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    padding: 10px 20px;
    border-top: 5px solid #bb9f52;
    border-radius: 5px;
}
div#sidebar-blog-2 {
    -webkit-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.1);
    padding: 10px 20px;
    margin-top: 20px;
    border-top: 5px solid #bb9f52;
    border-radius: 5px;
}

.post-sidebar a{
    color: #333333;
}

.post-sidebar a:hover{
    color: #bb9f52;
}

#sidebar-blog-1 h3{
    position: relative;
}

#sidebar-blog-1 h3::after{
    content: "";
    height: 30px;
    width: 30px;
    background: url(../images/news.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: -3px;
    margin-left: 20px;
}

#sidebar-blog-2 h3{
    position: relative;
}

#sidebar-blog-2 h3::after{
    content: "";
    height: 40px;
    width: 40px;
    background: url(../images/Services.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: -10px;
    margin-left: 20px;
}

.singular .post-content p {
    color: #555555;
    line-height: 26px;
    font-size: 17px;
}

.singular h1{
    padding: 0;
    color: #000;
    text-align: left;
    text-transform: unset;
    font-size: 34px;
    line-height: 46px;
    margin-top: 0;
}

.singular .entry-content h2{
    font-size: 24px;
    color: #1d3c87;
    margin-top: 60px;
    margin-bottom: 0;
}

.singular .entry-content h3{
    color: #1d3c87;
    font-size: 20px;
}

.singular h4{
    color: #1d3c87;
    font-size: 18px;
}

.singular h5{

}

.post-content img {
    width: 100%;
    max-width: 550px;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.singular ul li,
.singular ol li{
    color: #555555;
    font-size: 18px;
}

.singular ol.big-fonts li{
    font-size: 20px;
    color: #001d34;
    font-weight: bold;
}

.singular ol.big-fonts li p, .singular ol.big-fonts li a{
    font-size: 15px;
    font-weight: normal;
}
.singular ol.big-fonts li li{
    font-size: 15px;
    font-weight: normal;
    color: #eeeeee;
}


.main-footer h3{
    color: #ffffff;
}

.entry-header .featured-post-img{
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: middle;
}

.heading-right{
    width: calc(50% - 75px);
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px;
}

.entry-content{
    width: calc(65% - 20px);
    display: inline-block;
    vertical-align: top;
}
.post-table.sticky {
    display: inline-block;
    width: calc(35% - 66px);
    position: sticky;
    top: 150px;
    padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid #dddddd;
}

.singular-post #main{
    background: #ffffff;
}

.entry-content img{
    max-width: 500px;
    width: 100%;
    height: auto;
}
.singular-post .entry-byline a {
    color: #1d3c87;
}

.entry-byline a:hover{
   border-bottom: 1px solid #b99b36;
}




@media screen and (max-width: 991px){
    .blog-container article {
        width: calc(50% - 17px);
        display: inline-block;
        margin: 10px 5px;
        vertical-align: top;
    }
    .first-p{
        display: none;
    }

    .offset-container > article:first-child {
        display: block;
    }

    .post-sidebar{
        display: none;
    }
    .post-content{
        width: 100%;
    }
    .blog .blog-container{
        width: calc(100% - 25px);
    }
    .sidebar-blog{
        display: none;
    }
    .blog-container .offset-container article{
        width: calc(100% - 17px);
    }
}

@media screen and (max-width: 767px){
    .heading-right{
        width: 100%;
        padding: 0;
    }
    .entry-header .featured-post-img {
        width: 100%;
    }
    .post-content img{
        max-width: 100%;
        
    height: auto;

    }
    .post-table.sticky{
        display: none;
    }
    .entry-content {
        width: calc(100% - 20px);
    }
}


@media screen and (max-width: 700px){
    .blog-container article {
        width: calc(100% - 17px);
        display: inline-block;
        margin: 10px 5px;
        vertical-align: top;
        margin-bottom: 60px;
    }
    .taxonomy-category .blog-container{
        width: auto!important;
    }
    .blog .blog-container{
        width: auto!important;
    }
    .post-container{
        padding-top: 5px;
    }
    .singular-post .post-container{
        padding-top:40px;
    }
    .singular h1{
        font-size: 30px;
        margin-top: 0;
    }
    header.entry-header{
        margin-bottom: 0;
    }
    .singular .blog-container{
        padding-bottom: 30px;
    }
    .singular .blog-container article:last-child{
        padding-bottom:0;
        margin-bottom: 0;
    }

}