/*
 Theme Name:     wowway Child (2014)
 Description:    wowway Child Theme
 Author:         yohbert
 Template:       wowway
 Version:        1.0.0
*/

@import url("../wowway/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/*
   yk: modified to 100% width of popup
*/

.nano {
  background: none;
  position: absolute;
  height:60em;
  overflow:hidden;
  padding:0;
  right: 0px;
}

#backButton {color:white !important;width:25% !important; height:35px !important; font-size: 24px !important}

/*get rid of content -ak*/
.projectContent, .nano {
  display:none;
}
.project {left:41em !important; height:90%;max-height:none;width: 96% !important;}

.projectSlides #postSlider .slides_container {background: none !important}

/*make project popup height to about 90%*/
.projectSlides {
   float:left;
   height:inherit !important;
   width:100%;
}

.projectSlides iframe {
   width:100% !important;
   /*height:90% !important;*/
}

.page-template-template-portfolio-php .slides_container, .page-template-template-portfolio-php .slides_control, .page-template-template-portfolio-php .slides_control > div {
   width:100%;
   /*height:480px;*/
}

.slides_control {width: 100% !important;height: inherit !important}

.slides_control > div /*:nth-child(1)*/{
   width:100% !important;height: inherit !important;
}


#postSlider {width: 100% !important;height: inherit !important}

.slides_container{width: 100% !important;height: inherit !important}

.footer {background:white;}
.textwidget {margin-top:-11px}
#bottomFooter .left {
   float: right;
   height:50px;
}

.body, html {height:100%}
.book-title {color: orange;font-family: serif;}


/*used to give top footer more space */
#topFooter {
   height:80px}

/*this is for the white borders not currently implemented, due to the spacing fix  needed -ak  */
/*.isotope-item { outline:15px solid rgb(255, 255, 255) !important;}
.folioItem { outline:15px solid rgb(255, 255, 255) !important;}
*/
/*get rid of sidebar*/
/*#sidebar {
  display:none !important;
}
*/
/*give the header a bit more space*/
/*.page-template-template-portfolio-php #content > div, .page-template-template-portfolio-paged-php #content > div, .page-template-template-gallery-php #content > div {
   padding: 82px 0;
}*/

/*move the header title closer to left margin*/
/*#topFooter {
   top:0;
   padding-left: 15px;
}*/

/* to get rid of the right hand text and columns we set the displays to none -ak */
.content{background:none !important;}
.projectContent nano {display: none;background:none;}
.content h4,.content hr,.content span,.content p, .content .category {display: none}
.shareLinks {display:none}


/* both of these are for the close action button -ak */
.actionButton {
   display:block;
   height:40px;
   position:absolute;
   text-indent:-9999px;
   width:41px;
   background:url(images/close.png);
   top:0 !important;
   right:0;
   overflow: visible !important;
   z-index:10000;
}


#launch_hc {
    font-family: "Century Gothic",Helvetica,sans-serif;
    font-weight: bolder;
    padding: 10px 20px;
    font-size: 18px;
    background: url('http://hypercities.com/wp-content/themes/hypercities_theme/images/launch_btn_bg.png') repeat-x scroll 0% 0% transparent;
    color: #414142;
    margin-top: 6px;
    border-radius: 10px;
    border: 1px solid #808285;
    box-shadow: 5px 5px 5px #4D4D4D;
    z-index: 9999;
}

@media (max-width: 1288px) {
  #topFooter  {
	height:125px !important;
.right {margin-top: -40px !important}
  }

}


/* this is for popout -ak */
.actionButtonPop {
   display:block;
   height:40px;
   position:absolute;
   text-indent:-9999px;
   width:41px;
   background:url(images/pop.png) !important;
   top:0 !important;
   right:41px;
   overflow: visible !important;
   z-index:10000;
}
.actionButton.close {background-position:0 !important; background-color:none !important}

.page-template-page_modded-php {width:75% !important;margin-left: 20px !important;}
.page-template-page_modded-php p {font-size: 16px !important;}


/*add the close button! -ak*/
article[id|="post"]:before{content:attr(actionButton);}

/* reset the right side to the top */



jQuery('.projectSlides').append('<a class="actionButton close" href="#">Close</a>');
jQuery('.projectSlides').append('<a class="actionButtonPop" href="#">Close</a>');