// Product, artist, and brand detail pages
body.detail {

	#hero-image {
		p {
			clear: none;
		}
		@media (max-width: 799px) {
			h1, p {
				padding-top: 10px;
			}
			h1 {
				width: auto;
			}
		}
		p {
			@include title-font();
			font-size: 1.5rem;
			@media (min-width: 800px) {
				margin-top: .5em;
				margin-left: 1em;
				font-size: 2.25rem;
			}
		}
	}

	.page-nav {
		@media (max-width: 500px) {
			margin-bottom: 1em;
		}
	}

	#main {
		font-size: 1.125rem;

		section {
			margin-bottom: 1.778em;
		}

		.section-content {
			h4 {
				@include title-font();
				margin-bottom: .75em;
				color: $accent-primary;
				font-size: 1.5rem;
				font-weight: normal;
			}
		}

		.section-footer {
			span {
				margin-right: .5em;
				@include title-font();
				font-size: 1.5rem;
				text-transform: uppercase;
			}
		}

		// For #downloads CSS, see /modules/downloads.scss
	}

	.list-articles {
		.article, article {
			border: 0 none;
		}
		.video .bg-img::after {
			width: 65px;
			height: 65px;
			max-width: none;
		}
	}

	#right {
		.actions {
			margin-top: 2.5em;
			margin-bottom: .75em;
		}
	}
}