﻿/*Blogs*/

.blog-main {
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}

.tag-label {
    padding: 10px;
}

.Archives ul li a{color: #000; text-decoration: none;}

.blog-post {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

    .blog-post.post-style-4 {
        margin-bottom: 5px;
    }

        .blog-post.post-style-4 .post-thumbnail {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 200px;
            flex: 0 0 200px;
            min-width: 235px;
            margin-right: 20px;
            padding: 5px 0 0 5px;
        }

    .blog-post .post-thumbnail img {
        width: 100%;
    }

    .blog-post.post-style-4 .post-content {
        padding: 10px 30px 10px 5px;
    }

        .blog-post.post-style-4 .post-content .headline h5 {
            font-size: 22px;
            margin-bottom: 10px;
           /* height: 55px;*/
            overflow: hidden;
            text-overflow: ellipsis;
             display: -webkit-box;
             -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
        }

.post-content .post-meta a {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: none;
    font-size: 14px;
    font-weight: 400;
}

.blog-post .post-content p {
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.blog-post .post-content .post-meta p {
    margin-bottom: 0;
    font-size: 12px;
}

    .blog-post .post-content .post-meta p a {
        font-size: 12px;
        color: #fff;
    }

.recentpost {
    padding: 20px;
    border: 1px solid #ededed;
    margin: 10px 0 10px 0;
}


    .recentpost a {
        color: #126ab0;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

      .recentpost a:hover {
        color: #126ab0;
        text-decoration: none;
       
    }

.fa-eye {
    color: #126ab0;
    font-size: 15px;
}

.post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.post-meta .post-category.cat-2 {
    background-color: #126ab0;
}

.post-meta .post-category {
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 10px;
    font-weight: 600;
    border-radius: 2px;
    color: #FFF;
    background-color: #212631;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post-meta .post-date {
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
}

.hr-blog {
    border: 1px solid #efefef;
}

.tag {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 35px;
}

.tag-share {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    display: flex;
}

.tag-share h5 {
    margin-right: 10px;
}
.tag-content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.tag, .tag ul {
    margin: 0;
    padding: 0;
}

.tag-share li {
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
}

    .tag-share li a {
        font-size: 17px;
        text-decoration: none;
        margin-right: 10px;
    }


.tag-label li {
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
}

.tag-share ul li a{color: #000;}

    .tag-label li a {
        display: block;
        height: 26px;
        background-color: #fdfdff;
        color: #212d45;
        line-height: 26px;
        font-weight: 400;
        padding: 0 10px;
        border: 1px solid #efefef;
        border-radius: 3px;
        transition: all .17s ease;
        text-decoration: none;
    }

        .tag-label li a:hover {
            color: #fff;
            background-color: #126ab0;
            border-color: #126ab0;
        }

        .card-title {margin-bottom: 0.75rem;    height: 50px;}



.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 0 4px;
        border-radius: 25px;
    }

        .pagination a.active {
            background-color: #126ab0;
            color: white;
            border: 1px solid #126ab0;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }


.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
    }

    .pager li {
        display: inline;
        margin: 0 10px 0 10px;
    }

.labelwrap {
    display: flex;
    color: #7d7d7d;
    font-size: 14px;
    border-top: 1px solid #e0dfdf;
    padding: 10px;
    padding-bottom: 15px;
}

.label_text {
    flex: 10;
    display: flex;
}

.label_text a{
  color: #7d7d7d;
   
}
    .label_text:before {
        content: "\e055";
        font-family: 'simple-line-icons';
    }

@media(max-width:767px ) {

    .post-thumbnail {
        display: none;
    }
}
/*End Blog*/


