/*
By The Tech Chef
Backup 4-26-17
*/
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */
@media (max-width: 800px) {
	#canvas {
		padding: 10px;
		width: auto;
	}
	
	#top-menu {
		margin: 0 auto 20px;
		width: 95%;
	}
	
	#site-title h1 {
		padding: 0;
		font-size: 2.75em;
	}
	
	#site-title a {
		padding: 0;
		font-size: 2.75em;
	}
	
	#site-description {
		padding-left: 0;
		text-align: center;
	}
	
	#header #site-title h1 a {
		font-size: 1.6em;
	}
	
	#site-description {
		margin-bottom: 10px;
		padding-left: 0;
	}
	
	#primaryContent {
		display: block;
		float: none;
		margin-right: 0;
		width: auto;
	}
	
	.home-post {
		display: block;
		float: none;
		width: auto;
	}
	
	.home-pagination {
		width: 100%;
	}
	
	#secondaryContent {
		display: none;
	}
}
	
	/*
						 * Media queries for responsive design SMALL SCREENS
						 */
	@media screen and (max-width: 480px) {
	#canvas {
		width: auto;
	}
	
	#header {
		height: auto !important;
		padding: 10px;
		width: auto;
	}
	
	.social-media {
		display: none;
	}
	
	#header #site-title {
		margin-bottom: 0;
		font-size: 1.6em;
	}
	
	#site-title h1 {
		padding: 0;
		font-size: 1.4em;
	}
	
	#site-title a {
		padding: 0;
		font-size: 1.4em;
	}
	
	#site-description {
		font-size: 1em;
	}
	
	#top-menu {
		font-size: 1.4em;
		padding: 20px 5px 5px;
	}
	
	#top-menu li {
		margin: 0 10px 0 0;
		padding: 0;
		width: auto;
	}
	
	#primaryContent {
		float: none;
		margin-left: 0;
		padding: 5px;
		width: 100%;
	}
	
	#primaryContent h1.postTitle a, #primaryContent h2.postTitle a {
		width: auto;
	}
	
	li.type-post, 
																								    div.type-post, 
																								    .type-page, 
																								    .home-post, 
																								    .featured {
		background: #EFEEEC;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.home-post,
																								    .home-pagination {
		float: none;
		width: inherit;
	}
	
	#primaryContent h1.postTitle, #primaryContent h2.postTitle {
		clear: both;
	}
	
	#primaryContent h1.postTitle a, 
																									#primaryContent h2.postTitle a {
		line-height: 1em;
		width: 80%;
	}
	
	img.attachment-following-post-thumbnails {
		float: none;
		margin: 0 auto;
	}
	
	div.post {
		text-align: center;
	}
	
	div.post p {
		padding: 5px 10px;
		text-align: left;
	}
	
	#secondaryContent {
		display: none;
	}
	
	img {
		height: auto;
		max-width: 90%;
	}
	
	#respond {
		padding: 0 10px;
	}
	
	h2#comments {
		font-size: 1.6em;
	}
	
	#commentform label {
		float: none;
		line-height: 1em;
		padding-right: 0;
		text-align: center;
		width: inherit;
	}
	
	#comment {
		width: 100%;
	}
	
	label, input {
		margin-bottom: 10px;
	}
	
	#footer {
		display: none;
	}
}

@media screen and (max-width: 480px) and (orientation:landscape) {
	div.post p {
		font-size: .7em;
		line-height: 1.6em;
	}
	
	a.more-link {
		font-size: 1.2em;
	}
}