.instaroid-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: var(--15px);
}

.instaroid-wrapper .img {
  background-color: var(--background-color);
  padding: var(--10px);
}

.socialname {
  margin-top: var(--5px);
}

.instaroid-wrapper img {
	width: 100%;
}

#instaroid, 
        #instafeed {
            box-sizing: border-box;
            position: relative;
            width: 100%;
            background: var(--bg-soft-white);
           padding: var(--5px);
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: var(--5px);
        }
        
        #instafeed {
            background: transparent; 	
        }
        
        #instaroid .img img,
        #instafeed .img img {
            width: 100%;
            opacity: .8;
            transition: .7s;
            z-index: 1;
        }
        
        #instaroid img:first-of-type,
        #instafeed img:first-of-type {
            width: 100%;
            z-index: 1;
        }
        
        #instaroid img:hover,
        #instafeed img:hover {
            transition: .7s;
            opacity: 1;
        }
        
        #instaroid .img {
            position: relative;
        }
        
        #instafeed .img {
                 float: left; 
            width: 20%;
            margin: 4px 11px;
            position: relative;
        }
        
        #instaroid .img:first-of-type {
           grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 3;
        }

#instafeed .img {
            float: left; 
            width: 200px;
            margin: 4px 11px;
            position: relative;
        }

		#instafeed .img:first-of-type {
            float: left; 
            width: 200px;
            margin: 4px 11px;
            position: relative;
        }
        
        #instaroid .img .socialname,
        #instafeed .img .socialname {
            display: inline-block;
background: var(--background-color);
color: var(--text-color);
text-align: center;
padding: var(--5px);
font-size: 7px;
letter-spacing: 1px;
font-family: calibri;
text-transform: uppercase;
position: absolute;
bottom: var(--10px);
left: var(--10px);
z-index: 2;

			width: 4.375rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
        }
        
        #instaroid .img .socialname a:link,
        #instaroid .img .socialname a:hover,
        #instaroid .img .socialname a:visited,
        #instaroid .img .socialname a:active,
        #instafeed .img .socialname a:link,
        #instafeed .img .socialname a:hover,
        #instafeed .img .socialname a:visited,
        #instafeed .img .socialname a:active,
        .insta-socialname a:link,
        .insta-socialname a:hover,
        .insta-socialname a:visited,
        .insta-socialname a:active {
           color: var(--text-color);
        }
        


        .instapop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 50; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } 
        
        .instapop:target { opacity:1; pointer-events: auto; } 
        
        .instapop > .pop { background: var(--background-color-less-opacity);
width: 820px;
position: relative;
margin: 3% auto;
padding: var(--20px);
z-index: 51;
display: grid;
grid-gap: var(--20px);
grid-template: "image comments" "add add";
} 
        
        .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 49; }
        
        .insta-picture > img {
            height: 400px !important;
            width: 400px !important;

        }
        
        .insta-userinfo {
            background: var(--background-color);
			padding: var(--10px);
        }
        .insta-userpicture img {
            height: auto;
width: 40px !important;
        }

.insta-userpicture {
display: flex;
align-items: center;
grid-gap: var(--10px);
}
        
        .insta-socialname {
            background: var(--background-color-intensive);
color: var(--text-color);
text-align: center;
padding: var(--10px);
font-size: 9px;
			font-family: calibri;
text-transform: uppercase;
			position: relative;
font-weight: bold;
letter-spacing: 2px;
        }
        
        .insta-socialname a:link,
        .insta-socialname a:active,
        .insta-socialname a:visited,
        .insta-socialname a:hover {
           color: var(--text-color) !important;
        }
        
        .insta-userinfo i {
            position: relative;
            bottom: 15px;
            margin-left: 15px;
        }
        
        .insta-description {
            background: var(--background-color);
			padding: var(--10px);
font-family: Calibri, sans-serif;
			color: var(--text-color-lighter);
text-align: justify;
        }
.pop > div:first-child {
  display: grid;
  grid-gap: var(--15px);
grid-area: image;
width: rem;
}

.pop > div:nth-child(2) {
  grid-area: comments;
  width: 360px;
}
        
        .insta-comments {
         
        }

.insta-comments-scroll{
	max-height: 500px;
	overflow: auto;
	scrollbar-width: none !important;
}

        
        .insta_input {
            width: 80%;
margin: auto;
  margin-right: auto;
margin-right: var(--5px);
border: none;
background: var(--background-color);
padding: var(--10px);
color: var(--text-color-lighter);
        }
        
        .insta_submit {
            padding: var(--10px);
border: none;
font-family: calibri, sans-serif;
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
			color: var(--background-color);
background: var(--accent-color);
        }
        
       .insta-comment {
  margin-top: 15px;
  width: 100%;
  grid-area: add;
}

.insta-comment form {
display: flex;
grid-gap: var(--10px);
}
        
.insta-description img,.insta_usercomment img {
  width: 18px !important;
  height: auto;
}

        .insta_usercomment {
            box-sizing: border-box;
background: var(--background-color);
			padding: var(--10px) var(--20px);
			line-height: 1.3em;
color: var(--text-color-lighter);
text-align: justify;
			margin: 5px auto;
letter-spacing: 0.5px;
        }
        
        .insta_usercomment a:link,
        .insta_usercomment a:active,
        .insta_usercomment a:hover,
        .insta_usercomment a:visited {
            color: #6b6b6b;
        }
        
        .insta-tagged {
            box-sizing: border-box;
            background: rgba(255,255,255,.3);
            border: 1px solid rgba(0,0,0,.05);
            padding: 10px 30px;
            margin: 2px auto;
            font-size: 8px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #6b6b6b;
        }
        
        .insta-taguser {
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 8px;
            padding: 5px;
            background: #dedede;
            font-weight: bold;
        }
        
        #instaroid-postbit {
            margin: auto;
            width: 80%;
            margin-bottom: 10px;
        }
        
        .insta-postbit {
            float: left;
            margin: 3px;
        }
        
        .insta-postbit img {
            width: 95px;
            height: 95px;
            opacity: .4;
            transition: .7s;
            z-index: 1;
        }
        
        .insta-postbit img:hover {
            transition: .7s;
            opacity: .7;
        }

.member-profile #instaroid {
	max-height: 41.875rem;
	overflow: auto;
}

.member-profile #instafeed .img:first-of-type {
	float: unset;
	width: 200px;
	margin: 0;
	position: relative;
}

.member-profile #instaroid .img:first-of-type {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}

.member-profile #instafeed .img {
  margin: 0;
}

.member-profile #instafeed {
	grid-template-columns: 1fr 1fr 1fr;
grid-gap: var(--15px);
}