body{
	-webkit-font-smoothing:antialiased;
	overflow:auto;
	height:100%;
	width:100%;
	
}

h1,h2,h3,h4,h5{
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	s
}

p{
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	
}

header{
	margin-bottom:100px;
}

header .logo {
	position:relative;
}

header .navigation{
	margin-top:20px;
}

h3{
	text-transform:uppercase;
	font-size:1rem;
	padding-bottom:15px;
	padding-top:20px;
	font-weight:600;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	letter-spacing:0.1rem;
	font-size:0.95rem;
}

.library h3{
	text-transform:uppercase;
	font-size:1rem;
	padding-bottom:15px;
	padding-top:20px;
	font-weight:600;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	letter-spacing:0.1rem;
	font-size:0.95rem;
}

.library img{
	display:block;
}

.navigation a{
	font-size:0.85rem;
	color:#1174E5;
	font-weight:200;
	letter-spacing:0.05rem;
}

.navigation.author{
	padding-top:10px;
}

.row.full{
	max-width:100%;
	width:100%;
	height:100%;
}

.columns.high{
	height:100%;
	padding-left:0;
	min-height:500px;
}

.columns.scroll{
	height:100%;
	overflow-y:scroll;
}

.cover{
	background-image:url("../img/Stephen_Fry.jpg");
	background-size:cover;
	width:100%;
	height:100%;
}

.book{
	background-image:none;
	padding-top:150px;
}

.book img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-height:300px;
	margin-bottom:20px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.profile.cover{
	background-image:none;
	background-color:#96C2A5;
}

.profile{
	padding-top:230px;
}

.profile h1{
	text-align:center;
	color:white;
	font-weight:700;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-size:3rem;
	margin-top:0;
}

.profile p{
	text-align:center;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	color:white;
}

.profile .avatar{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-radius:50%;
	height:70px;
	width:70px;
}

.logo{
	height:50px;
	width:50px;
	position:absolute;
	top:15px;
	left:15px;
	background-color:#1174E5;
	border-radius:50%;
	text-align:center;
	font-size:1.5rem;
	color:white;
	font-weight:800;
	padding-top:2px;
	opacity:0.8;
	transition:all 0.1s ease-in;
	border:3px solid #1174E5;
	
}

.logo:hover{
	color:#1174E5;
	opacity:1;
	background-color:white;
	
}

.book-info{
	padding:20px;
}

.book-info h1{
	font-weight:700;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-size:2.7rem;
	margin-bottom:40px;
	margin-top:50px;
}

.book-info p{
	font-size:0.9rem;
	line-height:1.8;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	
}

.book-info .button{
	width:100%;
	background-color:rgba(197, 197, 197, 1);
	font-weight:500;
}

.book-info h3{
	text-transform:uppercase;
	display:block;
	padding-top:50px;
	padding-bottom:10px;
	font-size:0.9rem;
	letter-spacing:0.15rem;
	color:rgba(39, 40, 41, 1);
	color:rgba(53, 53, 53, 1);
	font-weight:500;
}

.book-info img{
	height:140px;
	width:100%;
	border-radius:5px;
	max-width:115px;
	border:3px solid white;
}

.book-info img:hover{
	border:3px solid #99CADF;
}

.author-info{
	padding:50px;
}

.author-info h1{
	font-weight:700;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-size:3rem;
	margin-bottom:40px;
}

.author-info h3{
	text-transform:uppercase;
	display:block;
	padding-top:50px;
	font-size:0.9rem;
	letter-spacing:0.15rem;
	color:rgba(39, 40, 41, 1);
	color:#F5A623;
	font-weight:500;
}

.author-info h6{
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.1rem;
	color:rgba(199, 199, 199, 1);
}

.author-info p{
	font-size:0.95rem;
	line-height:1.8;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
}

.author-info img{
	height:150px;
	width:100%;
	border-radius:5px;
	max-width:115px;
}

.author-info img:hover{
	border:2px solid #1174E5;
}

.author-info ul{
	margin-top:30px;
}

.author-info .social-icons{
	margin-bottom:10px;
	padding-top:20px;
}

.fa-twitter{
	font-size:1.3rem;
	color:#55acee;
}

.fa-link{
	padding-left:10px;
	color:rgba(90, 90, 90, 0.8);
}

.fa{
	opacity:0.5;
}

.fa:hover{
	color:#F5A623;
	opacity:1;
}

.profile .fa{
	text-align:center;
}



.profile .social-icons, .book .social-icons{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.profile .fa-twitter,.profile .fa-link. .book .fa-twitter, .book .fa-link{
	color:white;
}

.book .fa{
	padding:10px;
	color:black;
}

.buy-it-link{
	padding-right:10px;
}

.book-info img.avatar{
	height:50px;
	width:50px;
	border-radius:50%;
}

.button.success {
	background-color:#1174E5;
}

.the-book a{
	font-size:0.7rem;
	display:block;
	color:rgba(109, 109, 109, 1);
	padding-top:3px;
}

.the-book .notes{
	font-size:0.68rem;
	color:rgba(156, 156, 156, 1);
}

.the-book img{
	height:160px;
	width:100%;
	border-radius:5px;
}

.profile-books .the-book img{
	height:140px;
}

.button.follow{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:black;
	background-color:white;
	border:2px solid white;
	width:100px;
	padding-left:1.5rem;
}

.frontpage-collection{
  width: 100%;
  height: 100%;
  position: relative;
}

.frontpage-collection h3{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding-left: 10px;
  padding-top: 20px;
}

.frontpage-collection img {
    border-radius: 5px;
    width: 100%;
    max-height: 230px;
}

.frontpage-collection span {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(28, 28, 28, 0.7);
    border-radius: 5px;
}

footer{
	margin-top:100px;
	
}

footer a{
	font-size:0.9rem;
}

.fa{
	display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-thumbs-o-up {
    display: block;
    margin-bottom: 5px;
}

.button.vote {
    background-color: #fff;
    color: #1174e5;
    border-radius: 5px;
    font-size: 1rem;
    padding-top: 2rem;
}

.collection-title{
	font-weight:700;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-size:2.7rem;
	margin-bottom:20px;
	margin-top:50px;
}

.collection-description{
	margin-top:10px;
	font-size:1rem;
}

.collection-book {
    height: 100px;
    width: 66px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.top-default:hover{
	border:3px solid #99CADF;
	cursor:pointer;
}

a {
    color: rgba(17, 116, 229, 1);
}

.book-title{
	padding-top:0;
	padding-bottom:5px;
}

.row.book-vote-row {
    margin-top: 25px;
    margin-bottom: 25px;
}


.leader{
	font-size:1.2rem;
	color:rgba(89, 89, 89, 1);
	margin-top:50px;
}

.hidden{
	display:none!important;
}

.fav-list{
	margin-top:50px;
	margin-bottom:100px;
}

.fav-list img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	max-height:200px;
}

.fav-list h2{
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-weight:700;
	font-size:2rem;
	padding-top:30px;
}

.fav-list p{

}

.fav-list .quote{
	padding:15px;
}

.fav-list .quotation{
	font-size:4rem;
	font-family:Georgia;
	margin-bottom:0;
	line-height:0;
	color:rgba(224, 224, 224, 1);
	padding-top:40px;
	padding-bottom:0;
}

input[type="text"].search-bar{
	box-shadow:none;
	width:100%;
	font-size:0.95rem;
}

.recommendation{
	background-color:rgba(247, 247, 247, 1);
	margin-bottom:100px;
}

.recommendation .button{
	background-color:#1174E5;
	display:block;
	margin-top:20px;
}

.recommendation img{
	margin-left:50px;
	margin-right:50px;
	margin-top:50px;
	margin-bottom:50px;
	display:block;
	max-height:250px;
}

.recommendation h2{
	font-size:2rem;
	font-weight:200;
	font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	padding-top:50px;
}

.recommendation h3{
	padding-left:50px;
}

.recommendation a{
	font-size:0.9rem;
}

.recommendation p{
	margin-bottom:40px;
}

.reveal-modal{
	box-shadow:none;
	border:none;
}

.reveal-modal h2{
	font-size:2rem;
}

.recommendation .spinner-loader{
	margin-top:20px !important;
	margin-bottom:20px !important;
}



@media only screen and (min-width: 94.0625em){
	.large-block-grid-4 > li {
		width:15%;
	}
}

@media only screen and (max-width: 40em) { 
	.book-vote-row p{
		font-size:0.85rem;
	}

	.columns.high{
		height:100%;
		padding-left:0;
	}
	
	.columns.scroll{
		overflow-y:visible;
	}
	
	.fav-list h2{
		font-size:1rem;
	}
	
	.fav-list p{
		font-size:0.8rem;
	}
	
	.recommendation img{
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		display:block;
		max-height:200px;
		padding-top:30px;
	}

	.recommendation h2{
		font-size:1.1rem;
		font-weight:200;
		font-family:"Avenir Next",Avenir,"Helvetica Neue", Helvetica, Verdana, Sans-Serif;
		padding-top:20px;
	}
	
	.recommendation p{
		font-size:0.8rem;
	}
	
	.recommendation .button{
		font-size:0.8rem;
	}
	
}