/*-------------------------------------------------------------------
#----------------- Blog
*------------------------------------------------------------------*/

/*-------------- Header --------------*/
.blog_content {
    background: #fbf1ee;
}
.blog_content .title__ {
    text-align: center;
    padding: 25px 0px 0px 0px;
}

/*-------------- Blog Content --------------*/
/* First Blog */
.blog_content .first_blog {
    background: #fff;
    box-shadow: 0px 5px 19px -5px rgb(0 0 0 / 10%);
}
.blog_content .first_blog .col-lg-8 {
    padding: 45px 45px;
}
.blog_content .first_blog .col-lg-8 .content_ h1 a {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: inline-block;
    transition: all .2s ease 0s;
}
.blog_content .first_blog .col-lg-8 .content_ h1 {
    line-height: inherit;
    font-size: inherit;
}
.blog_content .first_blog .col-lg-8 .content_ * {
    color: #333;
}
.blog_content .first_blog .col-lg-8 .content_ span.info {
    margin-bottom: 14px;
    display: block;
    font-size: 12px;
}
.blog_content .first_blog .col-lg-8 .content_ span.info svg {
    height: 17px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
.blog_content .first_blog .col-lg-8 .content_ span.info svg path {
    fill: #333;
}

.blog_content .first_blog .col-lg-8 .content_ p.excerpt {
    font-size: 17px;
    line-height: 29px;
}
.blog_content .first_blog .col-lg-8 .content_ h1 a:hover {
    color: #f55800;
}
.blog_content .first_blog .col-lg-4 {
    padding: 0;
}
.blog_content .first_blog .col-lg-4 img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center center;
    background: #fef3f1;
    border: 10px solid #fff;
    border-right: 0px;
}
.blog_content .content_ span.info ul.cat_ {
    margin: 0px;
    display: inline-block;
}
.blog_content .content_ span.info ul.cat_ li {
    display: inline-block;
    margin-right: 10px;
}
.blog_content .content_ span.info ul.cat_ li:last-child {
    margin-right: 0px;
}

/* Readmore */
.blog_content a.btn_.readmore {
    font-size: 19px;
    transition: all .2s ease 0s;
}
.blog_content a.btn_.readmore svg {
    transition: all .2s ease 0s;
    height: 15px;
    margin-left: 6px;
}
.blog_content a.btn_.readmore:hover svg {
    margin-left: 12px;
}
.blog_content a.btn_.readmore svg path {
    fill: #333;
}
.blog_content a.btn_.readmore:hover svg path {
    fill: #f55800;
}
.blog_content a.btn_.readmore:hover {
    color: #f55800;
}
.blog_content span.dot_gap {
    padding: 0px 10px;
    display: inline-block;
}
.blog_content .grid_blog {
    margin-top: 25px;
}
.blog_content .content_ span.info ul.cat_ li a:hover, .blog_content .content_ span.info ul.cat_ li a:hover svg path {
    color: #f55800;
    fill: #f55800;
}
.blog_content .content_ span.info ul.cat_ li a {
    transition: all .2s ease 0s;
    color: #333;
}

/* Grid Blog */
.blog_content .grid_blog .col-lg-4 {
    padding: 0px;
    background: #fff;
    box-shadow: 0px 5px 19px -5px rgb(0 0 0 / 10%);
    width: 30%;
    flex: 0 0 31.5%;
    margin-right: 2.66%;
    margin-bottom: 2.66%;
    position: relative;
    padding-bottom: 73px;
}

.blog_content .grid_blog .col-lg-4:nth-child(3n) {
    margin-right: 0px;
}

.blog_content div#ajax-load-more {
    margin-right: -15px;
    margin-left: -15px;
}
.blog_content div#ajax-load-more .alm-reveal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog_content .grid_blog .col-lg-4 .end_ {
    position: absolute;
    left: 25px;
    right: 0;
    bottom: 25px;
}

.blog_content .grid_blog .col-lg-4 .content_ {
    padding: 25px 25px 0px 25px;
}
.blog_content .grid_blog .col-lg-4 .end_ a.btn_.readmore:not(:hover) {
    color: #333;
}
.blog_content .grid_blog .col-lg-4 .content_ h3 {
    line-height: inherit;
    font-size: inherit;
}
.blog_content .grid_blog .col-lg-4 .content_ h3 a {
    font-size: 21px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    display: inline-block;
    transition: all .2s ease 0s;
}
.blog_content .grid_blog .col-lg-4 .content_ h3 a:hover {
    color: #f55800;
}
.blog_content .grid_blog .col-lg-4 .content_ span.info {
    margin-bottom: 8px;
    display: block;
    font-size: 12px;
}
.blog_content .grid_blog .col-lg-4 .content_ span.info svg {
    height: 10px;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.blog_content .grid_blog .col-lg-4 .content_ p.excerpt {
    margin: 0;
    font-size: 16px;
    line-height: 27px;
}
.blog_content .grid_blog .col-lg-4 .image_ {
    width: 100%;
    display: block;
}
.blog_content .grid_blog .col-lg-4 .image_ img {
    width: 100%;
    height: auto;
    max-height: 217px;
    border: 10px solid #ffffff;
    border-bottom: 0px;
}


/* Single */
.blog_content .header__ {
    background: #fdf2f0;
    position: relative;
    text-align: center;
    padding: 0px 20px;
    border-bottom: 10px solid #f55800;
}
.blog_content .header__ span.info {
    position: absolute;
    right: 10px;
    top: 16px;
    align-items: center;
    background: #f55800;
    padding: 4px 12px;
    display: block;
    font-size: 12px;
    color: #fff;
    border-radius: 35px;
}

.blog_content .header__ img {
    /*max-height: 350px;*/
    /*width: auto;*/
    width: auto;
    max-width: 100%;
    max-height: 405px;
}
.blog_content .header__ span.info ul.cat_ {
    display: inline-flex;
    margin: 0px;
}
.blog_content .header__ span.info svg {
    height: 12px;
    margin-right: 2px;
    position: relative;
    top: -1px;
}
.blog_content .header__ span.info * {
    color: #fff !important;
    fill: #fff;
}

.blog_content .content__{
    background: #fff;
    padding: 40px 40px;
    margin-bottom: 30px;
}
.blog_content .content__ h1 {
    font-size: 40px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

.blog_content .content__ h2, .blog_content .content__ h3, .blog_content .content__ h4, .blog_content .content__ h5, .blog_content .content__ h6 {
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.blog_content .content__ p {
    color: #333;
    margin-bottom: 16px;
}
.blog_content .header__ span.info ul.cat_ li {
    margin-right: 10px;
}
.blog_content .header__ span.info ul.cat_ li:last-child {
    margin-right: 0;
}
.blog_content .content__ img {
    max-width: 100%;
}
.blog_content .content__ img.aligncenter {
    display: flex;
    width: -webkit-fill-available;
    object-fit: contain;
}




@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .blog_content .grid_blog .col-lg-4 {
    flex: 0 0 100% !important;
    width:100% !important;
}
.blog_content .first_blog .col-lg-4 img {
    border: 10px solid #fff;
}
.blog_content .content__ h1 {
    font-size: 24px;
}
.blog_content .header__ {
   
    padding: 40px 20px 0px 20px;
}

}