/*

Theme Name: Craze Child

Description: Craze (Child) is WordPress eCommerce theme built with Bootstrap v3.3.7 & CSS3, based on WooCommerce plugin.This theme is appropriate & recommendable for online book store, mobile & tablet store, laptop store, apparel store, fashion store, sport store, digital shop, handbags store, cosmetics shop, jewelry store and for multipurpose online stores.

Author: CKLeung-(by Phoeniixx)

Template: craze

Version: 1.0.5k

*/
body {
	background-color: #fff;
}

.usm-single {
position: absolute;
top: 15px;
right: 0px;
z-index: 999;

}


.usm-homepage {
position: absolute;
top: 110px;
right: 0px;
z-index: 999;

}


.custom-logo {

    margin-top: 8px;

    width: 100px;

	cursor:pointer;

}  

.custom-slogan {
	float:left; 
	font-size:18px; 
	margin:55px 0 0 5px; 
	font-weight:bold;
	text-align: left;
	font-family:'Indie Flower',Tahoma, Geneva, sans-serif;
}

.fbk-logo {

	float:left;

	margin:0 10px 0 40px;

}


.categoryName{
	font-family:'Indie Flower',Tahoma, Geneva, sans-serif;
	margin:0 0 8px 10px;
}

.categoryDesc{
padding:0 10px 10px;
}

.phoe-head-main {
	background-color: #fff;
}

.phoe-footer-main {
    background-color: #fff;
    margin-top: 15px;
}

.footer-adbox-1 {
    max-width: 480px;
    margin: 0 auto;
}

.main-navigation {
	font-family:'Indie Flower',Tahoma, Geneva, sans-serif;
}

header nav.main-navigation button {

	top: 20px;
	background-color:#f5f5f5;

}

.nav-outter{
	/*background:url(img/nav-bg.png);
	background-repeat:repeat-x;
	background-position:center;*/
	height:auto;
	margin-bottom:0px;
	padding:15px 0 0 0;
}


.main-navigation a, .main-navigation.toggled a{
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 21.3px 10px 21.47px;
	
	color:#000;
	border-right:solid 1px #ebeaef;
}

.main-navigation a:hover, .main-navigation.toggled a:hover{
	color:#000;
	text-decoration:underline;
}

.main-navigation a:active, .main-navigation.toggled a:active, .main-navigation a:visited, .main-navigation.toggled a:visited {
	color:#000;
	text-decoration:none;
}

.category h3 {
    padding-bottom:10px;
}

.category .container .post-thumbnail img {
    border:solid 1px #000;
    margin: 5px;
    height: auto;
    max-width: 356px;
}

.category-bookbox {
    max-width:368px; 
    min-height:540px; 
	height: 580px;
	overflow: auto;
    float:left; 
    border:1px #CCCCCC solid; 
    margin: 0 8px 20px;
}
	
article {

	padding:0;

}

.phoe-footer-main {

	background-color:#fff; 

	color:#666;

}

#inner-footer section.widget h2.widgettitle {

  color: #ffffff;

}

.contactbox {
	width: 530px; 
	border: solid 2px #b5b5b5; 
	overflow: auto; 
	min-height: 530px; 
	height:auto;
}

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: calc(100% - 50px);

}

.entry-header {
    background-color: #fff;
	color:#000;
	border-bottom:#eaebf0 solid 0px;
	padding: 15px 20px;
	margin: 0 -20px;
}


   .indexbook-1 {
	   width:280px; 
	   height:280px; 
	   background-color:white; 
	   float:left;  
	   margin: 0 0 10px 10px; 
	   border:1px #999999 solid;
   }
   
   
   .indexbook {
	   width:280px; 
	   height:280px; 
	   background-color:white; 
	   float:left;  
	   margin: 0 0 10px 10px; 
	   border:1px #999999 solid;
   }
   
   
   .indexbook img {
	   width:278px !important; 
	   height:278px !important; 
   }



  
/*--------------------------------------------------------------

## FlipBook Page

--------------------------------------------------------------*/


.fb-ezflippr-full iframe {
    position: absolute;
    height: calc(100% - 58px) !important;
    width: 100% !important;
}


#fb-ezflippr-top .fft-logo .custom-logo {
   
    cursor: pointer;
   margin-top: 3px;
}

.fft-logo {
   
    width: 46px;

	float:left;

	margin:0px 10px 0 40px;

}


#fb-ezflippr-top .main-navigation {
	clear: both;
	display: block;
	float: left;
	max-width: 800px;
	margin-top:8px;
	font-family:'Indie Flower',Tahoma, Geneva, sans-serif;

}


#fb-ezflippr-top .main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 21.3px 10px 21.47px;
	border-right:solid 1px #ebeaef;
	color:#000;
	cursor:pointer;

}

#fb-ezflippr-top .main-navigation.toggled a:hover{
	color:#000;
	text-decoration:underline;
}

.usm-share {
	position:absolute; 
	right:50px; 
	width:auto; 
	top:160px;
	z-index: 999;
}


@media (min-width: 620px) {
  
  
   .indexbook-1 {
	   width:570px; 
	   height:570px; 
	   background-color:white; 
	   float:left;  
	   margin: 0 0 10px 10px; 
	   border:1px #999999 solid;
   }
   
   
   .indexbook-1 img {
	   width:568px !important; 
	   height:568px !important; 
   }
}




@media only screen and (min-width:768px){



	
.fbk-logo {

	float:left;

	margin:0 10px 0 10px;

}
	
}


@media only screen and (min-width:767px) {
.phoe-banner-top-bar {
  float: right;
  padding: 12px 12px;
  font-size: 15px;
}

.phoe-banner-top-bar ul li {
	padding:0 15px 0 15px;
}


.navbar-brand {
  float: left;
  height: 50px;
  padding: 12px 12px;
  font-size: 15px;
  line-height: 20px;
}
}

@media only screen and (max-width:768px){

.custom-slogan {
	margin:10px 0 0 5px; 
	font-size:14px;
}

.custom-headerimg {
	width: 275px;
}



}



@media only screen and (min-width:1130px){

.usm-homepage {
position: absolute;
top: 150px;
right: 0px;
z-index: 999;

}

}



@media only screen and (max-width:1024px){
    

.usm-share {
right:30px;
	top:120px;

}
    
.custom-slogan {
	font-size:14px; 
}	




	.site-branding .custom-logo {

		margin: 0;

		width: 56px;

	}

	header nav.main-navigation button {

		left: 10px;
	background-color:#f5f5f5;

	}
	
header nav.main-navigation button:focus, header nav.main-navigation button:active, header nav.main-navigation button:hover {
    background-color: #f5f5f5;
    color: #000;
    border: none;
    outline: none;
}	
	
.main-navigation li {
		border-bottom: 0px dashed #ccc;
		display: block;
		float: none;
	}
	

.main-navigation a:hover {
		background-color: #f6ffe0;
		color: #fff;
	}


.main-navigation .craze-nav ul.nav-menu {
		background: none repeat scroll 0 0;
		border: 0px dashed #ccc;
	}
	
	.phoe-navigation-main .craze-nav {
		background:  rgba(246, 246, 246, 0.9)  repeat scroll 0 0;
		left: 0;
		position: absolute;
		top: 60px;
		transform: translateX(-260px);
		transition: all 0.3s ease 0s;
		width: 260px;
		z-index: 9;
	}
	
	
.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding: 10px 21.3px 10px 21.47px;
	color:#000;
	border-right:solid 0px #ebeaef;
}




#fb-ezflippr-top .fft-logo .custom-logo {
   
    cursor: pointer;
   margin-top: 3px;
}

.fft-logo {
   
    width: 46px;

	float:left;

	margin:0px 10px 0 40px;

}


}



@media only screen and (max-width:480px){

.usm-share {
right:0px;
	top:0px;

}

	.site-branding img.custom-logo {

		width: 56px;

	}
	


.custom-headerimg {
	width: 200px;
margin-right:-50px;
}


.contactbox {
	width: 330px; 
	border: solid 1px #b5b5b5; 
	overflow: auto; 
	min-height: 530px; 
	height:auto;
}

.category-bookbox {
    max-width:288px; 
	min-height:288px;
    height:auto; 
	overflow: auto;
    float:left; 
    border:1px #CCCCCC solid; 
    margin: 0 10px 20px;
}



.category .container .post-thumbnail img {
    border:solid 1px #000;
    margin: 5px;
    height: auto;
    
    max-width: 276px;
}

}







@media only screen and (max-width:320px){

	/** For Header **/

	.site-branding img.custom-logo {

		width: 56px;

	}

}