/**
 
	PressBooks Catalog page styles
*
*
*/


/************************************************************** 
* Reset
**************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}  

/* apply a natural box layout model to all elements */
* {  
	-webkit-box-sizing: border-box;  
	   -moz-box-sizing: border-box; 
	    -ms-box-sizing: border-box; 
	        box-sizing: border-box; 
}

/************************************************************** 
* Main tags
**************************************************************/
html { overflow-y: scroll; }
html { -webkit-font-smoothing: antialiased; }
body {
 	background: url(images/sidebar-bg.png) 20% 0 repeat-y;
	font: 0.8125em/1.4em 'Open Sans', sans-serif;
	text-align:left;
	color:#333;
	position: relative;
}
body, html {
	height: 100%;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a, a:active, a:visited { 
	color: #0094cc;
	text-decoration: none;
}
a:hover { 
	color: #65cef5;
	-webkit-transition: color 0.3s linear;
	   -moz-transition: color 0.3s linear;
         -o-transition:color 0.3s linear;
	        transition:color 0.3s linear;
}
h1	{
	font-size: 2.15em; /* 28/13 */
    line-height: 1.2em;
    margin-bottom: 30px;
}
h2 {
	font-size: 1.23em; /* 16/13 */
}
h3	{
	font-size: 1.08em;
	line-height: 1.4em;   /* 14/13 */
	text-transform: uppercase;		
}
h4 {
	font-size:1.4em;	
}

ul {
	list-style: none;
	margin-bottom: 30px;
}
img {
	max-width: 100%;
	height: auto;
}
.assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/************************************************************** 
* Structure
**************************************************************/
.catalog-wrap {
	height:100%;
}
.catalog-sidebar {
	background-color: #3a3a3a;		
    height: 100%;
	max-width: 290px;
	text-align: right;
	width: 20%;
	position: absolute;
	top:0;
	left: 0;
	float: left;
}
.catalog-content-wrap {
	float: left;
    min-height: 100%;	
    margin-left: 20%;
	padding: 3em 8%;	
	position: relative;
	width: 80%;		
}
.catalog-content {
	float: left;
	padding-bottom: 40px;
	width: 100%;
}
.catalog-content h1 span.filtered-by,
.catalog-content h1 span.current-filters,
.catalog-content h1 span.clear-filters {
	display: none;
}
.sidebar-inner-wrap {
	padding: 10px 25px 25px 20%;
}
.mix{
    opacity: 0;
    display: none;
}
.fail-message {
	display: none;
	margin-bottom: 30px;
}
.fail .fail-message {
	display: block;
}
/************************************************************** 
* Sidebar Syling
**************************************************************/
.pressbooks-logo {
    font: 1.2em/2.6em 'Oswald',Arial,Helvetica,sans-serif;
    margin: 0 0 3em;
    padding: 0 10px 1px 15px;
    text-transform: uppercase;
    text-align: left;
}
.pressbooks-logo a {
	color: #fff;
}
.catalog-logo {
	margin-bottom: 30px;
}
.about-blurb {
	color: #fff;
}
.link-more{
	display: block;
	margin-bottom: 30px;
}
.catalog-sidebar h3 {
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.catalog-sidebar ul li {
	color: #fff;
	cursor: pointer;
}
.catalog-sidebar ul li.active {
	color: #0094cc;
}
.catalog-sidebar ul li:hover{
	color: #65cef5;
}
/*

/************************************************************** 
* Login/Logout
**************************************************************/
.log-wrap {
    position: absolute;
    right: 3%;
    top: 7px;
    z-index: 1000;
}
.log-wrap a {
    background-color:#E4E6E8;
    border-radius: 2px 2px 2px 2px;
    color: #333;
    display: inline;
    font: 0.93em 'Oswald',sans-serif;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase;
}
.log-wrap a:hover {
	background-color: #8d8d8d;
	color: #fff;
}
/************************************************************** 
* Book Data Styling
**************************************************************/
.book-data {
	float: left;
	height: auto;
	margin: 0 8% 30px 0;
	min-height: inherit;
	max-width: 225px;
	width: 25%;
}
.book {
	margin-bottom: 5px;
	position: relative;
}
.book img {
	border: 5px solid #e5e4e4;
}
.book-description {
  	background-color: #e9e7e4;
  	background-color: rgba(255, 255, 255, 0.8);  
    opacity: 0;	    	
    height: 100%;
    overflow: hidden;
    padding: 18px;
    position: absolute;
    top:0;
    left: 0;
    max-width: 225px;
	-webkit-transition: opacity 0.3s linear;
	   -moz-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
	        transition: opacity 0.3s linear;
    width: 100%;              	
}
.book-description a {
	display: block;
	overflow: hidden;
}
.book:hover .book-description,
.book:active .book-description  {
	display: block;
	opacity: 1;	
	-webkit-transition: opacity 0.3s linear;
	   -moz-transition: opacity 0.3s linear;
         -o-transition: opacity 0.3s linear;
	        transition: opacity 0.3s linear;
         	
}
.book:hover .book-description a,
.book:active .book-description a {
	color: #0094cc;	
}
.book-link {
	display: block;
	font-size: 3.5em;
	position: absolute;
	right: 10px;
}
/************************************************************** 
* Footer
**************************************************************/
.footer {
	clear: both;
	height: 40px;
	margin-left: -12%;
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: center;
}
.footer a {
	font-size: 0.9em;
}


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media screen and (max-width: 1020px) { 
	body {
 		background: url(images/sidebar-bg-2.png) 30% 0 repeat-y;
 	}	
  .catalog-content-wrap  {
  	  height: 100%;
  	  margin-left: 30%;
	  width: 70%; 
  }
  .book-data {
      max-width: 280px;
	  width: 40%;
  }
  .catalog-sidebar {
	  width: 30%;
  }
  .sidebar-inner-wrap {
	  padding-left: 5%;
  }
}

@media screen and (max-width: 600px) { 
	body {
		background: none;
	}
	.catalog-wrap {
	    overflow: inherit;
	}
  .catalog-content-wrap {
    float: none;
    margin: auto;
    padding: 10px;
    width: 100%;
  }
  .catalog-content {
  	  height: auto;
  	  padding: 0;
  	  width: 100%;  
  }
  .book-data {
  	float: none;
  	  margin: 0 auto 40px;
      max-width: 225px;
	  width: 100%;
  }
  .catalog-sidebar {
	  float: none;
	  height: auto;
	  max-width: 100%;
	  position: inherit;
	  text-align: left;
	  width: 100%;
  }
  .sidebar-inner-wrap ul {
	  margin-bottom: 10px;
  }
  .pressbooks-logo {
    line-height: 1em;
    margin-bottom: 0;
    padding-top: 10px;
  }
  .sidebar-inner-wrap {
	  padding-left: 5%;
  }
  .catalog-logo {
     margin: auto;
     text-align: center;
     width: auto;
  } 
  .main-small-navigation {
	  display: none;
  }
  .menu-toggle {
	  color: #3A3A3A;
	  padding: 10px 0 5px;
	  text-align: center;
  }
   .menu-toggle:after {
    	border-left: 10px solid transparent;
    	border-right: 10px solid transparent;
    	border-top: 10px solid #fff;
    	content: "";
    	cursor: pointer;
    	display: inline-block;
    	height: 0;
    	margin: 10px 7px 7px -15px;
    	vertical-align: top;
    	width: 0;
    }
    .footer {
	    position: inherit;
	    margin: auto;
	    left: inherit;
    }

}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}