/*
 Theme Name:     space
 Theme URI:      https://wordpress.org/themes/twentysixteen/
 Template:       twentysixteen
*/
 
@import url("../twentysixteen/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
body {background:white;overflow-x: hidden;}
.site-footer{display:none!important;}
.site-header{display:none}
.site-inner{max-width:100%;}
.site-content{padding:0;}
.page-id-16, .page-id-12{overflow-x:auto;}
.page-id-138{overflow-x:hidden;}
.page-id-138 .asteroids{display:none;}
.asteroids{position:absolute;width:80px;z-index:999;font-family:Montserrat, "Helvetica Neue", sans-serif;}
.entry-header{position:absolute;right:0;z-index:1000;margin-right: 0!important; margin-left: 0%;}
.entry-title{transform:rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.site-main{margin-bottom:0;}
.page-id-279 .site-info{display:none;}
#menu-ufo-1{display:none;}
.page-id-2 .entry-content{margin-right:0%;margin-left:5%;}
.page-id-18 .entry-content{margin-right:5%;margin-left:8%;margin-top:4%;}
.page-id-16 .site-content{background:url(images/bg-contact.png);height:91vh;}
.page-id-138{background:url(images/bg.jpg) center center fixed;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.page-id-138 .entry-title{display:none;}
.page-id-138 .site{background:transparent;}
.page-id-138 .entry-content{margin-right:0%;margin-left:0%;}
.page-id-20 .entry-content{margin-right:5%;margin-left:8%;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size:1.2em}
.page-id-279 .entry-title{margin-right: -108px; margin-top:140px;}
.page-id-20 .entry-title{margin-right: -169px; margin-top:140px;}
.page-id-18 .entry-title{margin-right: -128px; margin-top:120px;}
.page-id-22 .entry-title{margin-right: -105px; margin-top:110px;}
.page-id-2 .entry-title{margin-right: -135px; margin-top:120px;}
.page-id-20 .entry-title{margin-right: -169px; margin-top:140px;}
.page-id-12 .entry-title{margin-right: -122px; margin-top:120px;display:none;}
.page-id-10 .entry-title{margin-right: -122px; margin-top:130px;}
.page-id-16 .entry-title{margin-right: -155px; margin-top:150px;}

.contact{font-family: Montserrat, "Helvetica Neue", sans-serif;width:850px;margin-top:0px;margin-left:200px!important;}
.contact .c-name{display:block;font-size:1.4em;}
.contact {list-style:none;line-height:1.2em;}
.contact .c-title{display:block;text-transform:uppercase;font-size:1.6em;line-height:0.8em;color:white;background:black;}
.contact .social{font-size:1.2em}
.contact .social, .contact .friends{background:transparent;color:black}
.contact .social2{display:none!important;background:transparent;color:black}
.contact .c-title{margin-bottom:-10px;}
.contact .address{margin-bottom:10px;}
.contact li{height:100px;}
.contact li a{color:black;}
.contact li:first-child{margin-top:80px;margin-left:-140px;}
.contact li:nth-child(2){margin-top:-110px;margin-left:460px;}
.contact li:nth-child(3){margin-top:60px;margin-left:-120px;}
.contact li:nth-child(4){margin-top:40px;margin-left:560px;}
.contact li:nth-child(5){margin-top:-130px;margin-left:360px;}
.contact li:nth-child(6){margin-top:40px;margin-left:-100px;}
.contact li:nth-child(7){margin-top:0px;margin-left:0px;}
.contact li:nth-child(8){margin-top:0px;margin-left:0px;}
.contact li:nth-child(9){margin-top:-160px;margin-left:500px;}



.embed-container { position: relative; padding-bottom: 56.25%;overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mc_embed_signup h2{font-family:Montserrat, "Helvetica Neue", sans-serif!important;font-size:1.8em!important;}
#mc_embed_signup .mc-field-group input{font-family:Montserrat, "Helvetica Neue", sans-serif!important;}
#mc_embed_signup .button {background-color: #000!important;}



.c-soon{background:black;color:white;padding:0px 10px;margin-bottom: 3px;float:right;font-size:0.8em;}
.grouplinks {position:relative;cursor:pointer;}
.grouplinks img{opacity:1;}
.grouplinks img:hover{opacity:.7}
.grouplinks .rollover {font-family:helvetica, arial, sans-serif;position:absolute;top:-10px; /* - top padding */ right:9999px; margin-right:-30px; /* width + left/right padding */  padding:10px; color:#000; border-bottom:#333 2px solid;opacity:0; -webkit-transition:opacity 250ms ease-out; -moz-transition:opacity 250ms ease-out; -ms-transition:opacity 250ms ease-out; -o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;}
.grouplinks .rollover:before {content:' ';position:absolute;left:-24px; top:34px;width: 17px; height:17px; border-bottom: 2px solid black; -webkit-transform:   translateY(-20px) translateX(5px) rotate(-40deg); 
   }
.grouplinks:hover .rollover {line-height:.2em;font-size:10px;right:-15px;opacity:1;}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}
.item img{width:100%;}
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}




/* =Maps
------------------------------------------------------- */
#plan {font-family: Montserrat, "Helvetica Neue", sans-serif;position:relative;height:686px; /* height of image map */width:1200px; /* width of image map */margin:20px auto;background:url(images/bg-floorplan.png);background-size:1200px;}
#plan strong{position:absolute;top:20px;background:black;color:white;z-index:1000;padding:0px 40px 0px 5px;font-weight:200;}
a:hover {visibility:visible; /* Fixes IE6 Bug */}
.space {position: absolute;right: 180px;top: 520px;width: 340px;height: 110px;text-decoration: none;color: #000;} 
.main {position: absolute;right: 180px;top: 90px;	width: 340px;height: 410px;text-decoration: none;color: #000;} 
.office {position: absolute;left: 460px;top: 210px;width: 210px;height: 130px;text-decoration: none;color: #000;} 
.back {position: absolute;left: 130px;top: 210px;width: 210px;height: 290px;text-decoration: none;color: #000;} 
.storage {position: absolute;left: 130px;top: 70px;width: 320px;height: 130px;text-decoration: none;color: #000;} 
.courtyard {position: absolute;left: 460px;top: 360px;width: 210px;height: 140px;text-decoration: none;color: #000;} 
.private {position: absolute;left: 460px;top: 70px;width: 210px;height: 130px;text-decoration: none;color: #000;} 
.outdoor {position: absolute;left: 10px;top: 70px;width: 90px;height: 430px;text-decoration: none;color: #000;} 
.space span, .main span, .private span, .storage span, .back span, .courtyard span, .office span, .outdoor span{position:absolute;left:-999em;opacity:0; /* FX/Opera/Safari/Chrome */-ms-filter:"alpha(opacity=00)"; /* IE8 */filter:alpha(opacity=0); /* IE6/IE7 */}
.space:hover span, .space:focus span, .main:hover span, .main:focus span, .office:hover span, .office:focus span, .back:hover span, .back:focus span, .storage:hover span, .storage:focus span, .courtyard:hover span, .courtyard:focus span, .private:hover span, .private:focus span, .outdoor:hover span, .outdoor:focus span{text-align:center;padding:50px; border-radius:1px; opacity:1; -webkit-transition:opacity 250ms ease-in; -moz-transition:opacity 250ms ease-in; -ms-transition:opacity 250ms ease-in; -o-transition:opacity 250ms ease-in; transition:opacity 250ms ease-in; z-index;-500;}
.space:hover span, .space:focus span {left:-202px;top:0px;width:340px;height:110px;text-indent:-999em;background:url(images/space.jpg) no-repeat;background-size:202px 110px;}
.main:hover span, .main:focus span {left:-50px;top:0px;width:500px;height:410px;background:url(images/main.jpg) no-repeat;background-size:400px auto;background-position:50%;}
.office:hover span, .office:focus span {left:100px;top:0px;width:210px;height:195px;background:url(images/office.jpg) no-repeat;background-size:130px auto;background-position:50%;}
.back:hover span, .back:focus span {left:-30px;top:60px;width:350px;height:233px;background:url(images/back.jpg) no-repeat;background-size:auto 233px;background-position:50%;}
.storage:hover span, .storage:focus span {left:0px;top:0px;width:320px;height:300px;background:url(images/storage.jpg) no-repeat;background-size:auto 300px;background-position:50%;display:none;}
.courtyard:hover span, .courtyard:focus span {left:-200px;top:0px;width:200px;height:268px;background:url(images/courtyard.jpg) no-repeat;background-size:200px auto;background-position:50%;}
.private:hover span, .private:focus span {left:175px;top:0px;width:300px;height:130px;background:url(images/private.jpg) no-repeat;background-size:300px auto;background-position:50%;}
.outdoor:hover span, .outdoor:focus span {left:0px;top:50px;width:244px;height:430px;background:url(images/outdoor.jpg) no-repeat;background-size:244px auto;}

#asteroids {position:relative;height:727px; /* height of image map */width:1440px; /* width of image map */margin:0 auto;background:url(images/tubes.png);background-size:1440px auto;}
a:hover {visibility:visible; /* Fixes IE6 Bug */}
.h-join {background:url(images/a-join.png) center center no-repeat;position: absolute;left: 10px;top: 0px;width:285px;height: 296px;color:transparent;} 
.h-about {background:url(images/a-about.png) center center no-repeat;position: absolute;right: 155px;top: 10px;width:224px;height: 227px;text-decoration: none;color:transparent;}
.h-people {background:url(images/a-people.gif) center center no-repeat;position: absolute;right: 30px;top: 240px;width:268px;height: 193px;text-decoration: none;color:transparent;}
.h-contact {background:url(images/a-contact.png) center center no-repeat;position: absolute;right: 230px;top: 415px;width:240px;height: 227px;text-decoration: none;color:transparent;}
.h-store {background:url(images/a-store.gif) center center no-repeat;position: absolute;left: 525px;top:510px;width:336px;height: 226px;text-decoration: none;color:transparent;}
.h-space {background:url(images/a-space.gif) center center no-repeat;position: absolute;left: 25px;top: 290px;width:285px;height: 351px;text-decoration: none;color:transparent;}
.h-calendar {background:url(images/a-calendar.png) center center no-repeat;position: absolute;left: 490px;top:190px;width:336px;height: 319px;text-decoration: none;color:transparent;}
.h-join span, .h-about span, .h-people span, .h-contact span, .h-store span, .h-space span, .h-calendar span{position:absolute;left:-999em;opacity:0; /* FX/Opera/Safari/Chrome */-ms-filter:"alpha(opacity=00)"; /* IE8 */filter:alpha(opacity=0); /* IE6/IE7 */}
.h-join:hover span, .h-join:focus span, .h-about:hover span, .h-about:focus span, .h-people:hover span, .h-people:focus span, .h-contact:hover span, .h-contact:focus span, .h-store:hover span, .h-store:focus span, .h-space:hover span, .h-space:focus span, .h-calendar:hover span, .h-calendar:focus span{text-align:center; opacity:1; -webkit-transition:opacity 250ms ease-in; -moz-transition:opacity 250ms ease-in; -ms-transition:opacity 250ms ease-in; -o-transition:opacity 250ms ease-in;transition:opacity 250ms ease-in;width:110px;height:30px;}

.h-join:hover span, .h-join:focus span {left:180px;top:230px;}
.h-about:hover span, .h-about:focus span {left:150px;top:0px;}
.h-people:hover span, .h-people:focus span {left:0;top:80px;}
.h-contact:hover span, .h-contact:focus span {left:0;top:0px;}
.h-store:hover span, .h-store:focus span {left:20px;top:150px;}
.h-space:hover span, .h-space:focus span {left:0;top:100px;}
.h-calendar:hover span, .h-calendar:focus span {left:0;top:100px;}




@media (max-width: 643px) {


.site-header{display:block!important;}
.page-id-138{overflow:auto;}
.page-id-138 .asteroids{display:block!important;margin-left:80px;position:static;}
.page-id-138 .site-header{display:none!important;}
.page-id-138 #asteroids{display:none!important;}
.page-id-138 .asteroids{width:180px;}
.asteroids{display:none;}
.site-title{background:url(images/m-home.png) center center no-repeat;width:100px;height:50px;background-size:100px auto;text-indent:-999px;}
.site-header {padding:0.1em 7.6923%;}
#mc_embed_signup{width:100%!important;}
.contact{width:100%;margin-left:0!important;}
.contact .social{display:none!important;}
.contact .social2{display:block!important;line-height: 1.2em;margin-top: -100px;}
.contact .c-title{margin-bottom:-15px;}
.contact .address{margin-bottom:5px;}
.contact .c-name{font-size:1.2em;}
.contact li a{color:black;font-size:.8em;}
.contact li:first-child{margin-top:0;margin-left:0;}
.contact li:nth-child(2){margin-top:0;margin-left:0;}
.contact li:nth-child(3){margin-top:0;margin-left:0;}
.contact li:nth-child(4){margin-top:0;margin-left:0;}
.contact li:nth-child(5){margin-top:0;margin-left:0;}
.contact li:nth-child(6){margin-top:0;margin-left:0;}
.contact li:nth-child(7){margin-top:0;margin-left:0;}
.contact li:nth-child(8){margin-top:30px;margin-left:0;}
.contact li:nth-child(9){margin-top:-20px;margin-left:0;font-size:1em;}







}