.index-post{
    background-color: #f7f7f7;
    transition: all 0.5s;
    margin-bottom: 30px;
    height: 340px;
}
.index-post:hover{
    background-color: white;
    transition: all 0.5s;
    cursor: pointer;
    -webkit-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 13px 25px -10px rgba(0,0,0,0.75);
}
.index-post:hover .overlayT .link{
    opacity: 0.9;
}
.index-post h2{
    border-bottom: 1px solid #dddddd;
    padding-top: 15px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: border-bottom-color 0.5s;
}
.index-post:hover h2{
    transition: border-bottom-color 0.5s;
    border-bottom-color: #203f77;
    color: #203f77;
}
.index-post-image{
    transition: all 0.5s;
    width:100%;
    height:340px;
    display:block;
}
.index-post-image:hover{
    opacity: 0.8;
    transition: all 0.5s;
}
.index-post-content{
    border-bottom: 7px solid #f7f7f7;
    overflow: hidden;
    height: 340px;
    padding-left:15px;
    padding-right: 15px;
    padding-bottom: 3px;
    transition: border-bottom-color 0.5s;
}
.single-post:hover .index-post-content{
    border-bottom: 7px solid white;
    transition: border-bottom-color 0.5s;
}
.index-post-content .post-content ul, ol, span, p, h1, h3, h4, h5{
    color: black;
}
.index-post-content .post-content ul li{
    list-style-type: disc;
    margin-left: 40px;
}
.post-content h2{
    color: black !important;
    border-bottom: none;
}
.single-post a h2{
    color: #173266;
}
.single-post a p{
    color: black;
}
.post-date{
    color: gray;
    position: relative;
    top:-25px;
    left:0;
    transition: all 0.5s;
}
#articles p{
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overlayT
{
    position: relative;
    width: 100%;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.overlayT span
{
    padding-top: 20px !important;
}
.overlayT p{
    color: #30aeff !important;
    letter-spacing: 1px;
    font-size: 18px !important;
}
.overlayT .fa{
    color: #30aeff !important;
}
.overlayT .link{
    position: absolute;
    display: block;
    width: 100%;
    height: 340px;
    background-color: rgba(26, 16, 14, 0.75);
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.icon{
    display: block;
    top: 22%;
    position: relative;
    font-size: 72px;
}
.icon p{
    font-size: 20px;
}

.gallery-image{
    transition: all 0.5s;
    width:100%;
    height:340px;
}
.gallery-image:hover{
    opacity: 0.8;
    transition: all 0.5s;
}

.overlayT-gallery .link{
    height: 340px !important;
}

.icon-gallery{
    top:30% !important;
    font-size: 30px !important;
}


/* Post_site */
.post_site-header{
    letter-spacing:0 !important;
}

.post_site-menu-padding{
    padding-top: 120px
}

/* Media screens */

@media(max-width:991px) {
    .overlayT .link{
        height: 340px;
    }
    .icon{
        top: 27%;
        font-size:50px;
    }
    .index-post-image{
        height:340px;
    }
    .overlayT{
        padding: 0 !important;
    }
    .responsive-post{
        margin: 0 !important;
        padding: 0 !important;
    }
    .posts .blogfour-area .container{
        width:100% !important;
    }
}