/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

	/*--------------------------*/
	/*- LAYOUT -----------------*/
	#header-container{padding: 10px;}
	#menu-drop-button{width: 24px; overflow: hidden; text-indent: -999px;}
	.logo small{display: none !important;}
	
	/*--------------------------*/
	/*- POST TITLE -------------*/
	.title-container{padding: 20px 10px; margin: 0; text-align: left;}
	.title-container .post-title{margin-bottom: 10px; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.title-container .sub-title{font-size: 16px; line-height: 26px; text-align: left;}
	.title-container .post-author{text-align: left;}
	.has-title-background .title-container .title{padding: 0 10px; bottom: 10%; background: none;}
	
	/*--------------------------*/
	/*- AUTHOR TITLE -----------*/
	.author-title-container{padding: 20px 10px;}
	.author-title-container .author-image{display: none;}
	.author-title-container .author-body .author-name{font-size: 16px; line-height: 26px;}
	.author-title-container .author-body p{display: none;}
	
	/*--------------------------*/
	/*- CATEGORY TITLE ---------*/
	.category-title-container{padding: 20px 10px;}
	.category-title-container .category-title{font-size: 16px; line-height: 26px;}
	.category-title-container p{display: none;}
	
	/*--------------------------*/
	/*- POST LIST --------------*/
	.post-list{padding: 0;}
	.post-list .post{width: auto; position: static; clear: both; float: none;}
	.post-list .book-cover{min-height: 0; margin: 10px;  min-height: 300px}
	.post-list .book-cover .content{padding: 20px 20px 50px; position: static;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; padding: 0; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7);}
	.post-list .book-cover .list-meta{padding: 10px 20px;}
	
	.archives-container .post-list .post{width: 100%;}
	
	/*------------------------------*/
	/*- RELATED POSTS --------------*/
	.related-posts{display: none;}

	/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination{margin-top: 30px;}
	.page-count{margin-bottom: 30px;}
	
	/*--------------------------*/
	/*- COPY -------------------*/
	.copy{margin: 0; padding: 20px 10px; font-size: 16px; line-height: 26px; text-align: left;}
	.copy .post-meta{margin: 0;}
	.copy .post-date{clear: both; text-transform: none; font-size: 14px; line-height: 24px; letter-spacing: 0;}
	
		/*----------------------*/
		/*- COPY ELEMENTS ------*/
		.copy p{margin-bottom: 26px;}
		.copy ul{margin-bottom: 26px;}
		.copy ol{margin-bottom: 26px;}
		.copy dl{margin-bottom: 26px;}
		.copy div{margin-bottom: 26px;}
		.copy code, .copy pre{margin-bottom: 26px;}
		.copy h1{margin-bottom: 26px;}
		.copy h2{margin-bottom: 26px;}
		.copy h3{margin-bottom: 26px;}
		.copy h4{margin-bottom: 26px;}
		.copy h5{margin-bottom: 26px;}
		.copy h6{margin-bottom: 26px;}
		.copy table{margin-bottom: 26px;}
		.copy blockquote{margin-bottom: 26px;}
	
	/*--------------------------*/
	/*- SHARE ------------------*/
	.share-button{display: none !important;}

	/*--------------------------*/
	/*- TAGS -------------------*/
	.tags{margin: 0 10px 20px; border: none; padding: 0;} 
	
	/*--------------------------*/
	/*- POST PAGINATION --------*/
	.next-prev-post-nav{padding: 0; margin: 0 10px 20px; border-top: none;}
	.next-prev-post-nav li{float: none; width: auto; text-align: left; margin-top: 10px;}
	.next-prev-post-nav li:last-child{text-align: left;}
	
	/*--------------------------*/
	/*- AUTHOR BLOCK -----------*/
	.author-container{padding: 20px 10px;}
	.author-content .author-image{display: none;}
	.author-content .author-bio{font-size: 14px;}
	
	/*--------------------------*/
	/*- COMMENTS ---------------*/
	#comments{padding: 20px 10px;}
	.commentlist .avatar{display: none;}
	.comment{padding: 10px;}
	.comment .children{margin: 20px 0 0; position: relative; background: rgba(255, 255, 255, 0.9); overflow: hidden;}
	.comment .children .comment{background: none;}
	.comment .children .comment .comment{background: #f0f0f0;}

	/*--------------------------*/
	/*- FOOTER -----------------*/	
	.copyright{margin-bottom: 10px;}

}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 1024px) and (min-width: 600px) {
	.post-list .book-cover{min-height: 300px;}
	.post-list .book-cover .content{position: static; padding: 20px 20px 50px;}
	.post-list .book-cover .post-author{margin: 20px;}
	.post-list .book-cover .post-title{margin: 0; padding: 0; font-size: 26px; line-height: 36px; font-family: 'Lato', Helvetica, Arial, sans-serif; text-transform: none;}
	.post-list .book-cover .excerpt{margin: 20px 0 0; font-size: 14px; line-height: 24px;}

}

@media only screen and (max-width: 768px) and (min-width: 600px) {
	/*--------------------------*/
	/*- TAGS -------------------*/
	.tags{margin-left: 40px; margin-right: 40px;} 
	
	/*--------------------------*/
	/*- POST PAGINATION --------*/
	.next-prev-post-nav{margin-left: 40px; margin-right: 40px;}
}