/* TinyMCE iframe */
body {
	margin: .5em;
	color: $white;
	background: $bg-primary;
	font-family: #{$body};
	font-size: 18px;
}

/* type.scss #main */
body p {
	margin-bottom: 1em;
}
body ul, body ol {
	margin-left: 1.5em;
}
body div + ul, body div + ol {
	margin-top: 1em;
}

/* global.scss images */
img {
	height: auto;
	max-width: 100%;
}
figure {
	margin-bottom: 24px;
	text-align: center;
	img {
		margin-bottom: .25em;
		border: 2px solid $bg-well;
	}
	&.align-left, &.align-right {
		text-align: left;
	}
}

@media (min-width: 600px) {
	figure.align-left, figure.align-right {
		margin-bottom: 20px;
		img {
			width: 100%;
		}
	}
	figure.align-left {
		float: left;
		margin-right: 20px;
	}
	figure.align-right {
		float: right;
		margin-left: 20px;
	}
}

/* news-article.scss content */
h4 {
	color: $accent-primary;
	@include title-font();
	margin-top: 24px;
	margin-bottom: 12px;
	font-size: 30px;
	font-weight: normal;
	strong, a {
		font-weight: normal;
	}
}

/* List styling for product features and specifications */
#features {
	ul {
		margin-left: 0;
		list-style: none;
	}
	li {
		position: relative;
		margin-bottom: .75em;
		padding-left: 1.5em;
		&::before {
			position: absolute;
			top: .15em;
			left: 0;
			@extend %checkmark-icon;
			background: url("../.build/svgmin/checkmark.svg") center / contain;
		}
	}
	li ul {
		margin-top: .5em;
		margin-left: 1.5em;
		list-style: square;
	}
	li li {
		padding-left: 0;
		&::before {
			display: none;
		}
	}
}

#specs {
	.section-content strong {
		@include title-font();
		font-size: 22px;
		font-weight: normal;
	}
}

/* JavaScript hook for hover popups */
.product-info {
	border-bottom: 1px dotted;
}