matt-barker
11/9/2017 - 2:01 PM
https://crstudionyc.squarespace.com
//HAMBURGER NAVIGATION//
[data-nc-base="mobile-bar"] {
display: block;
}
.Mobile-overlay-menu {
width:100vw;
height:100vh;
}
.Mobile-overlay-close {
z-index:99;
}
.Mobile-overlay-nav {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.custom-nav-play {
font-style:italic!important;
font-weight:300!important;
cursor:pointer;
}
a,p {
font-weight:bold!important;
text-align:center;
margin-bottom:1.5em;
}
}
.video-overlay-wrapper {
display:none;
position:absolute;
top:0;
height:100vh;
width:100vw;
z-index:99999;
.video-overlay-injection {
position:relative;
width:100%;
height:100%;
background:black;
}
.sqs-block {
width:95%;
max-width:800px;
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
img{display:none;}
}
}
.sqs-lightbox-close {
display:none!important;
}
.Mobile-overlay-close .Icon {
width:24px;
height:24px;
}
.sqs-lightbox-slide.sqs-gallery-design-stacked-slide.loaded.video-playing.sqs-active-slide {
background:black;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript">
/*=============== VIDEO LIGHTBOX PLUGIN START ===============*/
$(document).ready(function(){function e(){t(),o()}function t(){$(".slide .meta a, .sqs-block-button a, .desc-wrapper a, .page-desc a").each(function(){var e=$(this),t=e.text().toLowerCase();t.includes("[lightbox]")&&(t=e.text().replace("[lightbox]","").replace("[LIGHTBOX]","").replace("[Lightbox]",""),e.text(t),u.push({elem:$(this),click_elem:e,link:i(e.attr("href"))}),e.attr("href","#"))})}function o(){u.forEach(function(e){e.elem.click(function(t){return 0==h&&(t.preventDefault(),n(e.link)),!1}),e.click_elem.css("cursor","pointer")})}function i(e){var t=/(?:http?s?:\/\/)?(?:www\.)?(?:vimeo\.com)\/(?:.*\/)?(.+)/g,o=/(?:http?s?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g;if(t.test(e))var i="//player.vimeo.com/video/$1",n=e.replace(t,i);if(o.test(e))var i="https://www.youtube.com/embed/$1",n=e.replace(o,i);return n}function n(e){h=!0,$("body").css({overflow:"hidden",height:"100%"}),$("body").append('<div id="lightbox_overlay"style="position:fixed;height:100%;width:100%;left:0;top:0;z-index:20000;"></div>'),$("#lightbox_overlay").append('<div id="lightbox_background" style="height:100%;width:100%;background-color:black;z-index:0;opacity:0;"></div>'),$("#lightbox_overlay").append('<div id="lightbox_video_wrapper" style="width:'+(s-s/4)+"px;height:"+(d-d/8)+'px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;opacity:1;z-index:1;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;"></div>'),$("#lightbox_video_wrapper").append('<iframe id="lightbox_video" src="'+e+'?autoplay=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width:100%;height:100%;position:absolute;top:0;left:0;"</iframe>'),$("#lightbox_overlay").append('<img src="https://static1.squarespace.com/static/56fe5ba420c64743836b25e3/t/57a1d6acb3db2b02a17b33d5/1470224044007/cross_grey.png" id="lightbox_close_button" style="width:16px;height:16px;position:absolute;top:20px;right:15px;z-index:2;color:white;opacity:1;cursor:pointer;"/>'),$("#lightbox_close_button").click(function(){r()}),$("#lightbox_background").animate({opacity:.93},200),$(".scrollable").bind("touchmove",function(e){e.stopPropagation()}),$("#lightbox_overlay").bind("touchmove",function(e){e.preventDefault()}),c($("#lightbox_video_wrapper"))}function r(){$("body").css({overflow:"auto",height:"auto"}),$("#lightbox_overlay").animate({opacity:0},200,function(){$("#lightbox_overlay").remove()}),$(".scrollable").bind("touchmove",function(e){return!0}),$("#lightbox_overlay").bind("touchmove",function(e){return!0}),h=!1}function c(e){s<e.width()?(e.css("width",s),e.css("height",s*(9/16))):s>e.width()&&(s>1e3?(e.css("width",1e3),e.css("height",562.5)):(e.css("width",s),e.css("height",s*(9/16))))}function a(){u.forEach(function(e){e.click_elem.unbind()}),u=[],lighbox_open=!1,$("#lightbox_overlay").remove()}function l(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver,new MutationObserver(function(e){for(var t=0;t<e.length;t++)if("attributes"===e[t].type){var o=new Event("pageChange");document.dispatchEvent(o)}}).observe(document.body,{attributes:!0,attributeFilter:["id"]})}var h=!1,s=$(window).width(),d=$(window).height(),u=[],b=!1;e(),$(window).resize(function(){s=$(window).width(),d=$(window).height(),h&&c($("#lightbox_video_wrapper"))}),document.addEventListener("pageChange",function(){0==b&&(a(),e(),b=!0,setTimeout(function(){b=!1},200))}),window.onload=l});
/*================ VIDEO LIGHTBOX PLUGIN END ================*/
</script>
<!-- Mobile Overlay Custom Menu -->
<div style="display:none;">
<div class="custom-overlay-nav">
<p class="Mobile-overlay-nav-item">
Luxury branding and creative consulting partner
</p>
<a href="/map" target="_blank" class="Mobile-overlay-nav-item custom-nav-map">
405 Greenwich Street, 2nd Floor<br>
NEW YORK, NY 10013
</a>
<a href="mailto:contact@crstudio.nyc" class="Mobile-overlay-nav-item">
CONTACT@CRSTUDIO.NYC
</a>
<p class="Mobile-overlay-nav-item custom-nav-play">
Play Spot <i class="fa fa-2 fa-play-circle-o" aria-hidden="true"></i>
</p>
<a href="http://instagram.com/crstudionyc" target="_blank" class="Mobile-overlay-nav-item">
<img src="https://static1.squarespace.com/static/59c18698b7411c68ee4224ac/t/59fcfc91f9619a429170818a/1509751953237/instagramcopy.png">
</a>
</div>
</div>
<!-- Video Player Overlay -->
<div class="video-overlay-wrapper">
<div class="video-overlay-injection">
</div>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
$(document).ready(function(){
$('.Mobile-overlay-nav--secondary').prepend($('.custom-overlay-nav'));
$('.video-overlay-injection').load('/video-page .sqs-block.gallery-block.sqs-block-gallery');
$('.custom-nav-play').click(function(){
$('.sqs-video-icon').click();
});
if ($(window).width() <= 640) {
$('body').addClass('is-mobile-overlay-active');
};
$(window).resize(function(){
if ($(window).width() <= 640) {
$('body').addClass('is-mobile-overlay-active');
}
else {
$('body').removeClass('is-mobile-overlay-active');
}
});
});
</script>