/* The split-screen pages use the same charcoal as the Gallery and Portfolio
   pages, so the whole site reads as one design instead of two. */
.pxsnap_page_splitscreen{overflow:hidden;/*position:relative;*/position: fixed;width:100%;background-color:#121212;min-height: 100vh;}
.pxsnap_page_splitleft{width:50%;height:100vh;min-height:1px;float:left;position:relative;overflow:hidden;}
.pxsnap_page_splitleft .splitscreen_title{position:absolute;z-index:110;top:0%;width:100%;height:100%;color:#fff;display:table;}
.pxsnap_page_splitleft .splitscreen_title .in{display:table-cell;vertical-align:middle;text-align:center;}
.pxsnap_page_splitleft .title_holder{display:inline-block;position:relative;padding:0px 20px;max-width:400px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}
.pxsnap_page_splitleft .title_holder h1{color:#fff;position:relative;margin:0px;font-size:52px;text-align:center;line-height:1.25;letter-spacing:0px;margin-bottom:11px;font-weight:400;}
.pxsnap_page_splitleft .title_holder p{font-size:15px;line-height:1.5;letter-spacing:0px;color:#ccc;}
.pxsnap_page_splitleft .splitscreen_title_back{width:100%;height:100%;position:absolute;overflow:hidden;z-index:100;}
.pxsnap_page_splitleft .splitscreen_title_back .bg{width:100%;height:100%;position:relative;z-index:5;background-size:cover;background-repeat:no-repeat;background-position:center;}
.pxsnap_page_splitright{width:50%;float:right;overflow-y:auto;box-sizing: border-box;}
.pxsnap_page_splitright{background-color:#121212;}
.pxsnap_page_splitscreen .pxsnap_blog_wrap .blog_wrapper ul.mypost{margin-left:-80px;}
.pxsnap_page_splitscreen .pxsnap_blog_wrap .blog_wrapper ul.mypost li{width:50%;margin-bottom:55px;padding-left:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pxsnap_page_splitscreen.blog_page .pxsnap_page_splitleft .splitscreen_title_back{background-color:transparent;}
.pxsnap_page_splitscreen.blog_page .pxsnap_page_splitleft .splitscreen_title_back .bg{background-image:url(../img/gallery/25.jpg);}
/* On desktop the splitscreen is position:fixed (out of normal flow), so the
   page body must not reserve a full screen of empty height behind it — that
   phantom height put the footer 100vh down and made every splitscreen page
   scroll by default. The footer strip is hidden here because this design has
   no place for it (the copyright belongs inside the scrolling right panel).
   Below 1024px the splitscreen goes static and normal flow + footer return. */
@media (min-width: 1025px){
.pxsnap_content:has(.pxsnap_page_splitscreen){min-height:0;}
.pxsnap_wrapper_all:has(.pxsnap_page_splitscreen) footer{display:none;}
}