/* --------------------------------------------------
Mobile styles
This file should be included in the built CSS output when in production mode.

Breakpoints:
iPhone (portrait)			320
iPhone (landscape)			480
iPad (portrait)				768
-------------------------------------------------- */

/* iPhone portrait and landscape shared edge-case styles */
@media only screen and (max-width: 767px) {

	/* Header */
	#header .container {
		padding-top: 25px;
	}
	#header #site-name {
		margin-bottom: 5px;
	}

	/* Override h1 hiding when in menu mode */
	#nav-main h1 {
		border-bottom: 3px solid transparent;
		cursor: pointer;
		display: inline-block; /* Standard. IE8+, Saf, FF3+ */
		height: 23px;
		left: auto;
		margin-top: 10px;
		position: static;
		white-space: nowrap;
	}
	#nav-main .menu {
		border: 3px solid transparent;
		border-top: 0;
		/* bg and border colors set in header */
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.8);
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.8);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.8);
		/* Hide until activated */
		display: none;
		left: -3px;
		margin-top: 36px;
		padding: 4px 0;
		position: absolute;
		right: -3px;
		z-index: 999;
	}
	#nav-main .menu.open {
		display: block;
	}
	#nav-main .menu li {
		display: block;
		margin: 0;
	}
	#nav-main a,
	#nav-main li.current-menu-item > a {
		padding: 4px 10px;
	}

	/* Reset dropdowns */
	#nav-main .menu > li {
		height: auto;
		text-align: left;
	}
	#nav-main .sub-menu {
		border: 0;
		-moz-box-shadow: none; /* FF3.5+ */
		-webkit-box-shadow: none; /* Saf3+, Chrome */
		box-shadow: none; /* Standard. Opera 10.5, IE9 */
		display: block;
		font-family: Titillium600, Helvetica, Arial, Verdana, sans-serif;
		position: static;
		top: auto;
		text-transform: uppercase;
		right: auto;
		width: auto;
	}
	#nav-main .sub-menu {
		padding-left: 16px;
	}
	#nav-main .sub-menu li.current-menu-item > a {
		border: 0;
	}

	/* Masthead */
	#masthead {
		padding: 11px 0 15px;
	}


	/** Posts Default
	 -------------------------------------------------- */
	/* entry-header */
	.entry-header {
		padding-left: 0;
	}
	.entry-title {
		margin-bottom: 8px;
	}
	.entry-date {
		text-align: left;
		width: auto;
	}
	.entry-header .entry-date {
		position: static;
	}

	/* entry-media - images, gallery, video */
	.entry-media,
	.single .entry-media {
		padding-left: 0;
		padding-right: 0;
	}
	.entry-content img,
	.entry-media img {
		max-width: 100%;
	}

	/* entry content */
	.entry-content {
		float: none;
		width: auto;
	}
	.single .format-image .entry-content,
	.single .format-gallery .entry-content,
	.single .format-video .entry-content {
		width: auto;
		margin-right: 0;
	}

	.excerpt.format-status .entry-content,
	.excerpt.format-gallery .entry-content {
		margin-bottom: .5em;
	}

	/* entry meta */
	.entry-meta {
		text-align: left;
		width: auto;
	}
	.entry-meta span {
		display: inline;
		right: 0;
	}
	article p.entry-meta-replies,
	.format-status.excerpt p.entry-meta-replies {
		margin: -.25em 0 .25em;
	}

	/* full page with no sidebar, no padding for mobile */
	.page-full {
		padding: 0;
	}

	/** Status and Quote Post Format
	 -------------------------------------------------- */
	/* shared */
	.format-status .entry-date,
	.format-quote .entry-date {
		float: none;
	}
	.format-status .entry-content p,
	.format-quote .entry-content blockquote p {
		margin: .5em 0 0;
	}
	/* quote */
	.format-quote-attribution {
		margin-left: 30px;
	}


	/** Social Comments
	 -------------------------------------------------- */
	#social .social-comment {
		padding-left: 0;
	}
	#social .social-comment-inner {
		padding: 20px 0 20px 40px;
	}
	#social .social-comment .social-comment-header {
		float: none;
		margin: 0;
		width: auto;
	}
	#social .social-comment .social-comment-header .avatar {
		bottom: auto;
		left: 0;
		right: auto;
		top: 23px;
	}
	#social .social-comment .social-comment-header .social-comment-author {
		position: static;
		padding-bottom: 0;
		text-align: left;
	}
	#social .social-posted-when {
		left: auto;
	}

	#social .social-pingback .social-comment-header .social-comment-label {
		display: none;
	}

	#social .children,
	#social .social-children {
		padding-left: 15px;
	}

	#social .social-identity {
		padding-left: 50px;
	}
	#social .social-identity .avatar,
	.logged-in #social .social-commentlist .social-identity .avatar {
		left: 0px;
	}

	#social .social-comment-collapse > .social-comment-inner {
		padding: 10px 0 10px 26px;
	}

	#social .social-comment-collapse > .social-comment-inner > .social-comment-header > .social-comment-author img {
		left: 0;
		right: auto;
		top: 10px;
	}

	#social .social-nav .social-all {
		text-align: left;
		width: auto;
	}
	#social .social-nav .social-wordpress a span,
	#social .social-nav .social-twitter a span,
	#social .social-nav .social-facebook a span,
	#social .social-nav .social-pingback a span,
	#social .social-comment-collapse .social-posted-when {
		display: none;
	}

	#social input.social-input,
	#social .social-select {
		width: 96%;
	}
	#social .social-input-row,
	#social .form-submit {
		padding-left: 0;
	}
	#social .social-input-row .social-label {
		position: static;
		text-align: left;
		width: auto;
	}
	#social #social-items-wrapper .social-items-icon {
		width: 13px;
		margin-right: 7px;
	}

	#social .social-items-comments {
		float: left;
		max-width: 440px;
	}
 	/* media-big-screen.css overrides */
 	.single-format-image #social,
 	.single-format-gallery #social,
 	.single-format-video #social {
 		width: auto;
 	}
	#commentform-extras {
		padding-left: 0;
	}
	/* image/video archives */
	.video-excerpt {
		width: 300px;
	}

	.entry-header-img-vid .entry-title {
		margin-bottom: 0;
	}

	/* Sidebar */
	#secondary {
		margin-top: 60px;
	}

	#secondary-full .sidebar {
		margin-left: 0px;
		width: 100%;
	}

	/* Footer */
	#footer .credit {
		float: none;
	}
}

/* iPhone portrait */
@media only screen and (max-width: 479px) {
	.container,
	#primary,
	#secondary {
		width: 300px;
	}
	/* Hide last 2 by default (brought back in with media queries) */
	#featured-post-2,
	#featured-post-3 {
		display: none;
	}
	.gallery-thumbs {
		width: 310px;
	}
	.gallery-thumbs li {
		height: 52px; /* 63px */
		width: 67px; /* 80px */
	}

	.featured {
		height: 164px;
		width: 300px;
	}
	.featured.has-featured-img,
	.featured.featured-format-gallery {
		border: 0;
		height: 174px;
	}
	.featured .gallery-img-excerpt li {
		height: 87px;
	}

	.post .gallery-img-excerpt li {
		width: 145px;
	}
	.post .gallery-img-excerpt li.gallery-view-all a {
		height: 108px;
		line-height: 108px;
	}
	.post .gallery-img-excerpt .excerpt-img-7 {
		display: none;
	}
	.post .gallery-img-excerpt .excerpt-img-1,
	.post .gallery-img-excerpt .excerpt-img-3,
	.post .gallery-img-excerpt .excerpt-img-5,
	.post .gallery-img-excerpt .excerpt-img-8,
	.post .gallery-img-excerpt .gallery-view-all {
		margin-left: 10px;
	}
	.post .gallery-img-excerpt .excerpt-img-0,
	.post .gallery-img-excerpt .excerpt-img-2,
	.post .gallery-img-excerpt .excerpt-img-4,
	.post .gallery-img-excerpt .excerpt-img-6 {
		margin-left: 0;
	}
	#footer a {
		display: inline-block;
	}

	#social .social-items-comments {
		max-width: 280px;
	}

	.full-archive-container .heading {
		margin: 0 0 10px;
	}

	.full-archive-container {
		margin: 0;
		width: 300px;
	}

	.image-excerpt,
	.video-excerpt {
		margin: 8px 0;
		width: 300px;
	}

		.img-archive-link {
			background-size: auto 100%;
			height: 174px;
			width: 298px;
		}

	.full-archive-container .pagination {
		margin: 72px 8px 25px;
	}
}

/* iPhone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container,
	#primary,
	#secondary {
		width: 460px;
	}

	/**
	 * Modify post galleries (3 col)
	 */
	.post .gallery-img-excerpt li {
		width: 146px;
		margin: 0 0 7px 0;
	}
	.post .gallery-img-excerpt li.gallery-view-all a {
		height: 109px;
		line-height: 109px;
	}
	.post .gallery-img-excerpt .excerpt-img-7 {
		display: block;
	}
	.post .gallery-img-excerpt .excerpt-img-1,
	.post .gallery-img-excerpt .excerpt-img-2,
	.post .gallery-img-excerpt .excerpt-img-4,
	.post .gallery-img-excerpt .excerpt-img-5,
	.post .gallery-img-excerpt .excerpt-img-7,
	.post .gallery-img-excerpt .excerpt-img-8,
	.post .gallery-img-excerpt .gallery-view-all {
		margin-left: 10px;
	}
	.post .gallery-img-excerpt .excerpt-img-0,
	.post .gallery-img-excerpt .excerpt-img-3,
	.post .gallery-img-excerpt .excerpt-img-6 {
		margin-left: 0;
	}

	.gallery-thumbs {
		width: 470px;
	}
	.gallery-thumbs li {
		width: 84px;
		height: 66px;
	}

	.featured {
		height: 118px;
		margin-left: 15px;
		width: 222px;
	}
	.featured.has-featured-img,
	.featured.featured-format-gallery {
		height: 128px;
	}
	.featured-description,
	.featured-description p {
		font-size: 12px;
		line-height: 17px;
	}
	.featured .gallery-img-excerpt li {
		height: 64px;
	}
	#featured-post-2 {
		margin-left: 15px;
	}
	#featured-post-3 {
		display: none;
	}

	.widget.bio-box {
		margin: 0 auto 30px;
		max-width: 310px;
	}

	/* Image archive pages */

	.full-archive-container .heading {
		margin: 0 7px 10px;
	}

	.full-archive-container {
		margin: 0 -8px;
		width: 476px;
	}

	.image-excerpt {
		margin: 8px;
		width: 222px;
	}

	.video-excerpt {
		margin: 8px;
		width: 460px;
	}

		.img-archive-link {
			background-size: auto 100%;
			height: 130px;
			width: 222px;
		}

	.full-archive-container .pagination {
		margin: 72px 8px 25px;
	}
}