/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/

/* DS realisation */
.portfolio-elem .post-item-content {
    display: flex;
    flex-direction: column;
    bottom:-150%;
	width: 100%;
    transition:0.7s !important;
    height: auto !important;
    position: absolute;
    z-index:4;
    padding:70px 20px !important;
}

.portfolio-elem .post-item-content-btn {
    order: -1;
    margin-bottom: 40px;
   
}
.portfolio-elem .post-item:hover .post-item-content {
    bottom:0%;
}
.portfolio-elem a.post-item-read-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto !important;
    width:65px !important;
    height:65px !important;
    line-height:normal !important;
    padding: 0 0 11px 0!important;
}
.portfolio-elem a.post-item-read-more:hover {
    color: #fff !important;
}

.portfolio-elem .post-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    transition:0.4s !important;
    cursor:pointer;
    opacity:0;
}
.portfolio-elem .post-item:hover:after {
    opacity:1;
}
@media only screen and (max-width: 800px) {
	.portfolio-elem .post-item .post-item-content {
	    bottom:0%;
	}
	.portfolio-elem .post-item:after {
	    opacity:1;
	}
}


/* hover single post gallery*/
.hvr-galery .gallery-icon {
    position: relative;
}

.hvr-galery .gallery-icon a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0%);
    transition:0.4s !important;
    cursor:pointer;
}
.hvr-galery .gallery-item:hover .gallery-icon a:after {
   
    background: rgb(0 0 0 / 45%);
}