#social-lightbox { width:100%; height:100%; width:100vw; height:100vh; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9990; }
#social-lightbox .mask { width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; background-color:rgba(0,0,0,0.7); }

#social-content-container { width:100%; height:100%; margin:0 auto; padding:25px 10px; position:relative; z-index:9999; }
#social-content-container > div { /*background-color:#000;*/ height:83.3333333%; top:8.33333333%; position:relative; z-index:9999; }
#social-content-container > .col-xs-10 { padding:0; }
#social-content-container > div .social-post { width:auto; height:100%; margin:0 auto; display:table; }
#social-content-container > div .social-post * { color:#fff; }
#social-content-container span.social-posted-holder { /*float:left;*/ width:25%; width:calc(360px - 180px);  }
#social-content-container span.social-copy-holder { /*float:left;*/ width:60%; width:calc(100% - 360px); padding:0 30px; }
#social-content-container a.view-full-post { /*float:right;*/ width:15%; width:calc(360px - 180px);display:table-cell; vertical-align:middle; background-color:#74236d; border-radius:4px; padding:10px 20px; text-align:center; text-decoration:none; -moz-transition:color 0.3s ease, background-color 0.3s ease; -o-transition:color 0.3s ease, background-color 0.3s ease; -webkit-transition:color 0.3s ease, background-color 0.3s ease; transition:color 0.3s ease, background-color 0.3s ease; }
#social-content-container a.view-full-post:hover { background-color:#fff; color:#74236d; text-decoration:none; }
#social-content-container span.social-posted-holder, #social-content-container span.social-copy-holder, #social-content-container a.view-full-post { display:table-cell; vertical-align:middle; float:none; }
#social-content-container span.social-posted-holder .acct-link { font-size:32px; margin-right: 15px; }
#social-content-container > div .social-table-center { display:table-cell; vertical-align:middle; }
#social-content-container > div .social-post span.social-img-holder { position:relative; top:0; float:left; width:100%; background-color:rgba(0,0,0,0.65); padding:0; }
#social-content-container > div .social-post span.social-img-holder img.wide-image { width:auto; min-width:150px; max-width:100%; margin:15px auto; float:none; display:block; visibility:visible; opacity:1; padding:30px; }

#social-content-container .copy-container { /*position:absolute; left:0; right:0; bottom:0;*/ display:table; width:100%; background-color:#000; padding:30px; }

#social-content-container .social-lightbox-nav, #social-content-container #close-lightbox { color:#fff; font-size:54px; opacity:0.5; cursor:pointer; -moz-transition:opacity 0.3 ease; -o-transition:opacity 0.3 ease; -webkit-transition:opacity 0.3 ease; transition:opacity 0.3 ease; z-index:999; }
#social-content-container .social-lightbox-nav:hover, #social-content-container #close-lightbox:hover { opacity:1; }
#social-content-container .social-lightbox-nav { position:absolute; top:50%; margin:-27px 0 0 20px; }
#social-content-container .social-lightbox-nav.social-lightbox-prev { left:-5.33333333%; }
#social-content-container .social-lightbox-nav.social-lightbox-next { right:-5.33333333%; margin:-27px 20px 0 0; }
#social-content-container #close-lightbox { position:absolute; right:-5.33333333%; top:-10px; font-size: 26px; margin-right: 20px; }
@media (max-width:1199px){
#social-content-container .social-lightbox-nav.social-lightbox-next, #social-content-container #close-lightbox { right:-8.33333333%; }	
#social-content-container .social-lightbox-nav.social-lightbox-prev { left:-8.33333333%; }
}
@media (max-width:887px){
#social-content-container .copy-container > span, #social-content-container a.view-full-post { width:100%; float:left; display:block; clear:both; padding:0 0 20px 0; position:relative; }	
#social-content-container a.view-full-post { padding:20px; }
}
@media (max-width:767px){
#social-content-container .social-lightbox-nav.social-lightbox-next, #social-content-container #close-lightbox { right:-12.33333333%; }	
#social-content-container .social-lightbox-nav.social-lightbox-prev { left:-12.33333333%; }

#social-lightbox { overflow:auto; }
#social-lightbox .mask { position:fixed; width:500%; height:500%; }
#social-content-container > div {  }
#social-content-container > div .social-post { margin-bottom:0; margin-top:calc(-10.33333333% + 25px); }
#social-content-container > div .social-table-center { padding-bottom:35px; }
#social-content-container #close-lightbox { top:-30px; }
#social-content-container > div .social-post span.social-img-holder img.wide-image { max-height:none!important; margin:0;  padding:30px 30px 0 30px; }
}
@media (max-width:499px){
#social-content-container > div .social-post { margin-top:-10.33333333%; }	
#social-content-container .social-lightbox-nav.social-lightbox-next, #social-content-container #close-lightbox { right:-20.33333333%; }	
#social-content-container .social-lightbox-nav.social-lightbox-prev { left:-20.33333333%; }
}