.blogs-post {
position: relative;
margin-bottom: 24px;
border-radius: 10px;
overflow: hidden;
}

.blogs-post--big {
border-radius: 10px;
min-height: 190px;
}

.blogs-post--small {
width: 100%;
}

.blogs-post .hover-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background:#000;
opacity: 0.8;
padding-left: 20px;
padding-bottom: 20px;
}
p.blog-description {
    color:#fff;
    display: inline;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;/* Important for long words! */
}
div.blogs-post .badge {
    margin-bottom:0;
    margin-top:10px;
}
img.blog-image {
    object-fit: cover;
    width:100%;
    height:300px;
}
li.blog-tags {
    display: inline;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;/* Important for long words! */
}
div.pagination a.disabled {
    background: #e4e4e4;
    pointer-events: none;
}
div.pagination a:hover {
    background: #307E98 !important;
    color:#fff !important;
}
div.pagination a.active {
    background: #307E98 !important;
    color:#fff !important;
}
div.blog-input {
    padding:0;
    margin-top:5px;
}
div.blog-input input {
    margin:0;
    width:100%;
    background: none;
    outline:0;
    border:none;
    padding:10px;
    color:#000;
    background: #f6f6f6;
}
div.blog-input input::placeholder{
    font-weight: 400;
    font-size:16px;
}
div.blog-action-bar {
    padding:0 10px 10px 10px;
}
div.blog-search {
    padding:0;
    margin-top:5px;
}
div.blog-search button {
    margin:0;
    height:45px;
    width:90%;
    float:right;
    background: #307e98;
    color:#fff;
    padding:10px;
    box-shadow: none;
    border:none;
    outline:0;
}
div.category-nav {
    padding:0;
}
div.category-list {
    background:none;
    height:50px;
    margin:0;
    overflow-x: auto;
    overflow-y:hidden;
    white-space: nowrap;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    width:100%;
}
div.category-list::-webkit-scrollbar {
    display: none;
}
div.paginate-numbers {
    overflow-x: auto;
    overflow-y:hidden;
    white-space: nowrap;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    max-width:180px;
} 
div.paginate-numbers::-webkit-scrollbar {
    display: none;
}
div.category-list a {
    width:18%;
    display: inline-block;
    color: #6dc3cc !important; 
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
    padding:10px 10px 5px 10px;
    border-bottom: 3px solid #6dc3cc;
    font-size:16px;

}
div.category-list a.active {
    display: inline-block;
    color: #307e98 !important;
    border-bottom:3px solid #307e98;
}

@media only screen and (max-width: 576px) {
    div.category-list a {
        width:auto;
    }
    div.blog-input input::placeholder{
        font-size:13px;
    }
}

#standalone-container {
    margin: 50px auto !important;
  }

#editor-container {
height: 350px;
}
.bg-bluelight {
    background:#6dc3cc !important; 
    color:#fff !important;
}
.bg-gold {
    background:#FFD700 !important; 
    color:#000 !important;
}

div.blog-details {
    margin-bottom:-200px !important;
}
div.blog-title {
    margin-bottom:-50px !important;
}
a.btn-link:hover {
    color:#307E98 !important;
}
div.next-prev-btn {
    float:right;
}
div.author-card {
    display:inline-block !important;
    width:100% !important;
    box-shadow:none;
    outline:0;
    border:none;
    font-size:15px;
    padding:0;
    margin-bottom:20px;
}
div.author-card .featured {
    width:100% !important;
    font-size:16px;
    text-align:center;
    background: #307E98;
    color:#fff;
    padding:10px;
    border-radius:5px;
    letter-spacing: 1.1px;
    margin-bottom:20px;
}
div.author-card .featured i {
    color:#FFD700 !important;
    font-size:25px !important;
}
div.author-card .user-logo {
    float:left;
    width:15%;
}
div.author-card .user-logo img {
    border-radius:50%;
    border:2px solid #fff;
    height:85px;
    width:85px;
}
div.author-card .user-details {
    float:left;
    width:65%;
    background: #f0f0f0 !important;
    border-radius:5px;
    padding:10px;
}
div.author-card .user-details h4 {
    font-weight: 600;
    font-size:20px;
    color:#307E98;
}
div.author-card .user-details p {
    font-size:13px;
    color:#000;
}
div.author-card .user-action {
    float:right;
    width:20%;
    padding:0 0 0 10px;
}
div.author-card .user-action button {
    width:100%;
    border-radius:5px;
    border:none;
    outline:0;
    box-shadow:none;
    padding:10px;
    background: #6DC3CC;
    color:#fff;
    margin-bottom:5px;
}


@media only screen and (max-width:480px){
    .contribute-title{
        margin-top: 1.5rem;
    }
    .media-category li{
        border-bottom: 1px solid rgba(38, 39, 41, 0.1) !important;
        padding-bottom: 15px !important;
    }
}


/* Knowledge desk*/
.hover-content__post-meta {
    position: absolute; 
    bottom: 0;
}
.blogs-post .hover-content {
    font-size: 14px;
    padding:5%;
    cursor: pointer;
}
.blogs-post .hover-content__post-meta li a i {
    color: white !important;
}
.search-icon{
    color: #307e98 !important;
    
}
.widget__title{
    color: #307e98 !important;
}
.search-bar{
        border: 1px solid #307e98;
        display: flex ;
        border-radius: 40px;
        align-items: center ;
        padding: 10px 21px ;
}
.input-search{
    margin-left: 10px;
    outline: none;
    width:100%;
    border: unset !important;
}
.input-search:hover{
    border: unset !important;
}

/* .social-blogs-icon{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
}
.social-blogs-icon ul li{
    list-style-type: none;
    display: inline-block;
} */
.social-bloger{
    display: none;
}

@media only screen and (max-width:750px) {
    .blog-details{
        padding-top: 70px;
    }
    div.blog-title{
        margin-bottom: unset !important;
        padding-bottom: unset !important;
    }
    div.author-card .user-action {
        float: unset;
        width: 100%;
        padding: unset !important;
    }
    div.author-card .user-details{
        width: 75%;
        margin-bottom: 20px !important;
    }
    div.author-card .user-logo{
        width: 25%;
        margin-bottom: 20px !important;
    }
    .post-social-share .social-share{
        margin-top: unset;
    }
    .post-social-share__title{
        margin-right: unset;
    }
    .social-blogs-icon{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row;
    }
    .social-blogs-icon h4{
        display: inline;
        font-size: 21px;
    }
    .comments-area{
        padding-top: 177px;
    }
    .social-blogs-icon li i{
    padding: unset;
    margin-left: 10px;
    background-color: #fff;
    font-size: 20px;
     border-radius: 63px;
     color: #307E98;
    }
    .comments-form .section-title__heading{
        font-size: 21px;
    }
    .social-blogs-icon ul{
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
    .social-blogs-icon ul li{
        list-style-type: none;
        display: inline-block;
    }
    .post-social-share{
        display: none !important;
    }
    .social-bloger{
        display: unset;
    }
    .next-btn{
        margin-top: 5rem;
    }
    .blog-content p{
        text-align: justify !important;
    }
    .sidebar-area .widget{
        padding-left: 6px;
        padding-right: 6px;
    }
    .comment-box{
        min-width: 100%;
        margin-top: 10px;
    }
    /* div.next-prev-btn{
        margin-top: -60px !important;
    } */
}