/* Basic styling for piesyinsta */
.piesyinsta-wrapper{width:100%;box-sizing:border-box;margin:0 auto;padding:0}
.piesy-topbar{background:#f991b9;padding:18px 30px;color:#000}
.piesy-topbar-inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto}
.piesy-topbar h2{font-size:28px;margin:0;font-weight:800}
.piesy-topbar .piesy-sub{flex:1;font-size:16px}
.piesy-topbar .piesy-hash{font-size:72px;font-weight:800}

.piesy-gallery{width:100%;overflow:hidden}
.piesy-row{display:flex;width:100%;transition:transform .6s ease}
.piesy-item{flex:1 1 25%;display:block;text-decoration:none}
.piesy-image{position:relative;padding-top:66.66%;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:100%}
.piesy-overlay{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}
.piesy-overlay .piesy-profile{background:#fff;color:#000;padding:8px 12px;border-radius:20px;margin-bottom:6px;font-weight:700;scale:0.7}
.piesy-item:hover .piesy-overlay{opacity:1}
.piesy-profile {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.piesy-profile img.piesy-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

/* make sure images take full width of viewport's center area */
@media (max-width: 767px){
    .piesy-topbar-inner{flex-direction:column;align-items:flex-start}
    .piesy-topbar .piesy-hash{font-size:40px;margin-top:10px}
    .piesy-item{flex-basis:50%;flex: 1 1 50%;}
    .piesy-row {flex-wrap: wrap;}
    .piesy-image {padding-top: 100%;}
    .piesy-overlay{opacity:1}
}