/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* eBooks */
#eBooks{}

	/* summary */
	#eBooks .summary{}

		#eBooks .summary .image{}

		#eBooks .summary .info{
			text-align: center;
		}

			#eBooks .summary .info h3{
				padding: 15px 0;
			}

			#eBooks .summary .info .author{
				padding: 0 0 10px;
				font-size: var(--fontSize90);
			}

			#eBooks .summary .info .link{
				padding: 15px 0;
			}

				#eBooks .summary .info .link a{}
			
	/* book */
	#eBooks .eBook{}
		
		#eBooks .eBook .image{
			cursor: pointer;
		}
		
		#eBooks .eBook .info{}
		
			#eBooks .eBook .info h3{}
			
			#eBooks .eBook .info .about{
				padding: 10px 0;
				text-align: right;
				font-size: var(--fontSize90);
			}
			
			#eBooks .eBook .info .description{
				color: #888;
				padding: 10px 0 20px;
			}
			
			#eBooks .eBook .info .index{
				padding: 0 0 20px;
			}
			
				#eBooks .eBook .info .index .row{
					padding: 6px 0;
					cursor: pointer;
					border-bottom: 1px dashed #ccc;
				}
			
				#eBooks .eBook .info .index .row:last-child{
					border-bottom: none;
				}

					#eBooks .eBook .info .index .row .left{
						width: calc(100% - 50px);
					}

					#eBooks .eBook .info .index .row .right{
						width: 50px;
					}
			
			#eBooks .eBook .info .options{}
			
				#eBooks .eBook .info .options h4{
					padding: 0 0 5px;
					margin: 0 0 10px;
					border-bottom: 1px solid #eee;
				}
					
				#eBooks .eBook .info .options .links{
					padding: 5px;
					text-align: right;
				}
					
					#eBooks .eBook .info .options .links a{
						margin-right: 10px;
					}
					
					#eBooks .eBook .info .options .links a:last-child{
						margin-right: 0;
					}

/* view eBook */
#view-eBook-wrapper{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 100001;
	overflow: hidden;
	position: fixed;
	background-color: #000;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

	#view-eBook-wrapper > .eBook-menu{
		top: 44px;
		bottom: 44px;
		left: -300px;
		width: 300px;
		z-index: 100005;
		position: absolute;
		background-color: #fff;
	}
	
		#view-eBook-wrapper > .eBook-menu > ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
	
			#view-eBook-wrapper > .eBook-menu > ul > li{
				margin: 0;
				padding: 8px 15px;
			}
	
			#view-eBook-wrapper > .eBook-menu > ul > li:hover{
				color: #fff;
				cursor: pointer;
				background-color: var(--bgColor);
			}
	
			#view-eBook-wrapper > .eBook-menu > ul > li.active{
				color: #fff;
				background-color: var(--bgColor);
			}

	#view-eBook-wrapper > .view-eBook{
		width: 100%;
		height: 100%;
		position: relative;
		background-color: #fff;
	}

		#view-eBook-wrapper > .view-eBook > .controls{
			top: 0;
			left: 0;
			right: 0;
			height: 44px;
			z-index: 100006;
			position: absolute;
			background-color: #fff;
		}

			#view-eBook-wrapper > .view-eBook > .controls svg{
				fill: #777;
				width: 22px;
				padding: 11px;
				cursor: pointer;
				margin-bottom: -4px;
			}

				#view-eBook-wrapper > .view-eBook > .controls svg:hover{
					fill: var(--bgColor);
				}
		
			#view-eBook-wrapper > .view-eBook > .controls > .menu-btn{
				padding: 12px 14px;
			}
		
				#view-eBook-wrapper > .view-eBook > .controls > .menu-btn span{
					background-color: var(--bgColor);
				}
			
			#view-eBook-wrapper > .view-eBook > .controls > .zoom-level{
				cursor: pointer;
				margin: 9px 10px 9px 0;
			}
			
				#view-eBook-wrapper > .view-eBook > .controls > .zoom-level > .up,
				#view-eBook-wrapper > .view-eBook > .controls > .zoom-level > .down{
					color: #000;
					margin: 0 1px;
					cursor: pointer;
					padding: 3px 8px;
					background-color: var(--softBorderColor);
				}
				
					#view-eBook-wrapper > .view-eBook > .controls > .zoom-level > .up:hover,
					#view-eBook-wrapper > .view-eBook > .controls > .zoom-level > .down:hover{
						color: #fff;
						background-color: var(--bgColor);
					}
			
			#view-eBook-wrapper > .view-eBook > .controls > .menu-label,
			#view-eBook-wrapper > .view-eBook > .controls > .zoom-label,
			#view-eBook-wrapper > .view-eBook > .controls > .zoom-level-label,
			#view-eBook-wrapper > .view-eBook > .controls > .display-type-label{
				padding: 13px 0;
				margin: 0 10px 0 0;
			}
			
			#view-eBook-wrapper > .view-eBook > .controls > .loading{
				display: none;
			}
			
		#view-eBook-wrapper > .view-eBook > .navigation{}
		
			#view-eBook-wrapper > .view-eBook > .navigation > .left{
				left: 0;
				cursor: pointer;
				z-index: 100004;
				position: fixed;
				top: calc(50% - 22.5px);
			}
		
			#view-eBook-wrapper > .view-eBook > .navigation > .right{
				right: 0;
				cursor: pointer;
				z-index: 100004;
				position: fixed;
				top: calc(50% - 28px);
			}

				#view-eBook-wrapper > .view-eBook > .navigation > .left svg,
				#view-eBook-wrapper > .view-eBook > .navigation > .right svg{
					fill: #777;
					width: 46px;
					padding: 5px;
				}

		#view-eBook-wrapper > .view-eBook > .container{
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 100002;
			position: absolute;
			background-color: var(--softBgColor);
		}

			#view-eBook-wrapper > .view-eBook > .container > .flipbook{}

			#view-eBook-wrapper > .view-eBook > .container > .stacked{
				left: 0;
				right: 0;
				top: 44px;
				bottom: 44px;
				padding: 50px 0;
				position: absolute;
				overflow-y: scroll;
				overflow-x: hidden;
			}

				#view-eBook-wrapper > .view-eBook > .container > .stacked .pages{
					width: 50%;
					margin: 0 auto;
				}
					
					#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page{
						width: 100%;
						margin-bottom: 30px;
					}
					
					#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page:last-child{
						margin-bottom: 0;
					}
					
						#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page .page-no{
							padding: 10px 0;
						}
					
							#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page .page-no span{
								font-weight: bold;
							}
					
						#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page .image{
							width: 100%;
						}
					
							#view-eBook-wrapper > .view-eBook > .container > .stacked .pages .page .image img{
								width: 100%;
								height: 100%;
							}
				
		#view-eBook-wrapper > .view-eBook > .bottom{
			left: 0;
			right: 0;
			bottom: 0;
			height: 44px;
			z-index: 100006;
			position: absolute;
			background-color: #fff;
		}
			
			#view-eBook-wrapper > .view-eBook > .bottom > .label{
				padding: 13px 0 13px 13px;
			}
			
			#view-eBook-wrapper > .view-eBook > .bottom > .slider{
				padding: 13px;
			}
			
				#view-eBook-wrapper > .view-eBook > .bottom > .slider input{
					float: left;
					width: 300px;
				}
			
				#view-eBook-wrapper > .view-eBook > .bottom > .slider .value{
					width: auto;
					float: left;
					padding: 0 0 0 13px;
					font-size: var(--fontSize100);
				}

/* 1100px */	
@media screen and (max-width: 1100px){
	
}

/* 600px */	
@media screen and (max-width: 600px){
	#eBooks .eBook .info .options .links a{
		display: block;
		margin: 0 0 10px;
	}
	
	#eBooks .eBook .info .options .links a:last-child{
		margin: 0;
	}

	#view-eBook-wrapper > .view-eBook > .controls > .menu-label,
	#view-eBook-wrapper > .view-eBook > .controls > .zoom-label,
	#view-eBook-wrapper > .view-eBook > .controls > .display-type-label{
		display: none;
	}

	#view-eBook-wrapper > .view-eBook > .bottom > .slider{
		width: calc(100% - 71px);
	}

		#view-eBook-wrapper > .view-eBook > .bottom > .slider input{
			width: calc(100% - 104px);
		}
}