:root{
  --tint-color: #0069a9DD;
  --bs-border-radius-lg: 0;
}
.text-white{
  color: #ffffff;
}
.instafeed {
     transition: transform .3s !important;
    /* Animation */
     position: relative;
}
 .instafeed svg{
     width: 30px;
     height: 30px;
}
 .instafeed .insta-img{
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 #imagepreview, #videopreview{
     width: 100%;
}
 #videopreview{
     max-height: 85vh;
}
 .instafeed:hover > .caption, .instafeed:active > .caption{
     display: flex;
     background-color: var(--tint-color);
     color: #fff;
     border-radius: var(--bs-border-radius-lg)!important;
}
 .ellipsis {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 6;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .pop:hover, .pop-video:hover{
     cursor: zoom-in;
}
 .caption{
     position: absolute;
     display: none;
     z-index: 999;
     margin-top: 0;
     background: white;
    /* -webkit-backdrop-filter: blur(7px);
     backdrop-filter: blur(7px);
     */
     color: #000;
     font-weight: bold;
     overflow: hidden;
}
 @media (max-width: 767.98px){
     .caption{
         font-size: 12px;
         line-height: 14px;
    }
}
