@charset "utf-8";

.mix-gallery-widget5{}
.mix-gallery-widget5 .post-content-overlay{position:absolute;bottom:15px;left:15px;transition-duration:0.2s;padding-right:15px;}
.mix-gallery-widget5 .post-thumb:hover .post-content-overlay{bottom:20px;transition-duration:0.2s;}
.mix-gallery-widget5 .img-hover-slide{background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:280px;overflow:hidden;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.mix-gallery-widget5 .post-thumb:hover .img-hover-slide{background-position:30%;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.mix-gallery-widget5 .img-hover-scale{overflow:hidden;position:relative;}
.mix-gallery-widget5 .img-hover-scale img{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.mix-gallery-widget5 .img-hover-scale:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.mix-gallery-widget5 .top-right-icon{position:absolute;top:15px;right:15px;border-radius:50px;width:30px;height:30px;text-align:center;line-height:30px;z-index:3;color:#fff;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.mix-gallery-widget5 .top-right-icon i{top:2px;}
.mix-gallery-widget5 .img-hover-scale:hover .top-right-icon,
.mix-gallery-widget5 .img-hover-slide:hover .top-right-icon{margin-top:-3px;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0px 5px 11px 0px rgba(0,0,0,0.18),0px 4px 15px 0px rgba(0,0,0,0.15);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.mix-gallery-widget5 .transition-ease-04{-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}
.mix-gallery-widget5 .img-link{display:block;width:100%;height:100%;position:absolute;z-index:1;}
.mix-gallery-widget5 .thumb-overlay{position:relative;}
.mix-gallery-widget5 .thumb-overlay::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);background:-o-linear-gradient(top,transparent 50%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease}
.mix-gallery-widget5 .thumb-overlay:hover::before{background-color:rgba(0,0,0,.2)}

.mix-gallery-widget5 .post-big-style .post-title { display: inline-block; word-break: break-all; font-size:20px; line-height:28px; overflow: hidden; }
.mix-gallery-widget5 .post-small-style .post-title { display: inline-block; word-break: break-all; font-size:16px; line-height:24px; overflow: hidden; }
.mix-gallery-widget5 .entry-meta{line-height:1;}
.mix-gallery-widget5 .entry-meta.meta-1{font-size:14px;color: #889097 !important;}
.mix-gallery-widget5 .entry-meta.meta-1 span{margin-right:10px;}
.mix-gallery-widget5 .entry-meta.meta-1 span i{margin-right:3px;}
.mix-gallery-widget5 .entry-meta.meta-0 span{padding:4px 10px 4px 19px;font-size:14px;letter-spacing:0.8px;text-transform:uppercase;border-radius:30px;position:relative;}
.mix-gallery-widget5 .entry-meta.meta-0 span::before{content:"";width:6px;height:6px;background:none;margin-right:3px;border-radius:5px;display:inline-block;position:absolute;top:50%;left:8px;margin-top:-3px;border:1px solid #fff;}
.mix-gallery-widget5 span.has-dot{position:relative;padding-left:10px;}
.mix-gallery-widget5 span.has-dot::before{content:"";width:2px;height:2px;background:#999;border-radius:50%;position:absolute;top:50%;margin-top:-1px;display:block;left:-3px;}

.mix-gallery-widget5 .sidebar-layer {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}
.mix-gallery-widget5.is-hover .sidebar-layer { 
	transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); 
}
.mix-gallery-widget5.is-hover .img-wrap:hover .sidebar-layer { 
	transition:transform 0.4s, opacity 0.1s; opacity: 1; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); 
}

.mix-gallery-widget5 .align-center-vertical{margin-top:auto;margin-bottom:auto;}
.mix-gallery-widget5 .txt-white{color:#ffffff!important;}
.mix-gallery-widget5 .txt-grey{color:#889097;}

/* Large Mobile :480px. */
@media only screen and (max-width:480px){
    .mix-gallery-widget5 .post-big-style,
    .mix-gallery-widget5 .post-small-style{margin-bottom:30px;}
}