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

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 1024px) and (min-width: 600px) {

	/*--------------------------*/
	/*- POST LIST --------------*/
	.post-list{padding: 0 20px;}
	.post-list .post{width: 45%;}
	.post-list .content{padding: 20px 20px 80px; position: relative;}
	.post-list .post-title{margin: 0; padding: 0; font-size: 2.0rem;}
	.post-list .excerpt{margin: 10px 0 0; padding: 0; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7);}
	.post-list .list-meta{padding: 10px 20px;}
	.post-list .post-author{padding: 10px 20px;}

}

@media only screen and (max-width: 768px){
	.author-container{margin-left: 20px; margin-right: 20px;}

	#menu-drop-button{float: none; position:  absolute; top: 10px; right: 10px;}

	ul#nav.expanded{display: none;}
	.sidebar-content.expanded ul#nav{display: block;}

}

/*------------------------------------------------*/
/* 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 20px;position: fixed;width: 100%;left: 0;}
	#menu-drop-button{width: 24px; overflow: hidden; text-indent: -999px;}
	#content-container{padding: 20px 0;}

	/*--------------------------*/
	/*- LOGO -------------------*/
	.logo img{margin-bottom:  10px; max-height: 40px;}
	.logo h3{font-size: 1.6rem;}
	.logo small{display: none !important;}
	.logo .tagline{display: none !important;}

	#header-container.header-shrink .logo img{margin-bottom: 0;}

	/*--------------------------*/
	/*- POST TITLE -------------*/
	.title-container{padding: 20px; margin: 0;}
	.title-container .post-title{margin-bottom: 10px; font-size: 2.6rem; font-weight: bold;}
	.title-container .sub-title{font-size: 1.6rem;}
	.has-title-background .title-container .title{padding: 0 20px 20px;}

	/*--------------------------*/
	/*- AUTHOR TITLE -----------*/
	.author-title-container{padding: 20px;}
	.author-title-container .author-image{display: none;}
	.author-title-container .author-body .author-name{font-size: 2.0rem;}

	/*--------------------------*/
	/*- CATEGORY TITLE ---------*/
	.category-title-container{padding: 20px;}
	.category-title-container .category-title{font-size: 2.0rem;}

	/*--------------------------*/
	/*- POST LIST --------------*/
	.post-list{padding: 0 20px;}
	.post-list .post{width: auto; position: static!important; clear: both; float: none;}
	.post-list .content{padding: 20px 20px 80px; position: relative;}
	.post-list .post-title{margin: 0; padding: 0; font-size: 2.0rem;}
	.post-list .excerpt{margin: 10px 0 0; padding: 0; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7);}
	.post-list .list-meta{padding: 10px 20px;}
	.post-list .post-author{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 0 0; font-size: 1.6rem;}
	.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; font-weight: 400; font-size: 24px;}
		.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; font-size: 1.6rem; border-left: 3px solid #ccc;}
		.copy blockquote.alignright{float: none; max-width: 100%; margin: 0px 0px 26px;}
		.copy blockquote.alignleft{float: none; max-width: 100%; margin: 0px 0px 26px;}

	    .wp-caption.alignright, .copy img.alignright{float: none; max-width: 100%; margin: 0px 0px 26px;}
	    .wp-caption.alignleft{float: none; max-width: 100%; margin: 0px 0px 26px;}

	/*--------------------------*/
	/*- SHARE ------------------*/
	.share-button{display: none !important;}

	/*--------------------------*/
	/*- TAGS -------------------*/
	.tags{margin: 20px 0; border: none; padding: 0;}

	/*--------------------------*/
	/*- POST PAGINATION --------*/
	.next-prev-post-nav{padding: 0; margin: 20px 0; 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 0; margin-bottom: 20px;}
	.author-content .author-image{display: none;}
	.author-content .author-bio{font-size: 1.4rem;}

	/*--------------------------*/
	/*- COMMENTS ---------------*/
	#comments{padding: 20px;}
	.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;}

		/*---------------------*/
		/*- THREADED COMMENTS -*/
		.commentlist .children{margin-left: 20px; position: relative;}

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

}