.rotating-ad { margin: 1em 0; line-height: 0; }
.rotating-ad--left { text-align: left; }
.rotating-ad--center { text-align: center; }
.rotating-ad--right { text-align: right; }
.rotating-ad__item[hidden],
.rotating-ad[hidden] { display: none !important; }
.rotating-ad__item { display: inline-block; max-width: var(--rotating-ad-max, 100%); }
.rotating-ad__img { display: block; max-width: 100%; height: auto; }
.rotating-ad__label {
	line-height: 1.4;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .08em;
	opacity: .6;
	margin-bottom: 4px;
}
.rotating-ad--empty {
	line-height: 1.4;
	padding: 12px;
	border: 1px dashed #c3c4c7;
	font-size: 13px;
	color: #50575e;
}
.rotating-ad--auto { margin: 1.5em 0; clear: both; }

/* Sized ads (e.g. half the column), any shape. */
.rotating-ad--sized {
	width: var(--rotating-ad-w, 50%);
	margin-left: auto;
	margin-right: auto;
}
.rotating-ad--sized .rotating-ad__item { display: block; max-width: 100%; }
.rotating-ad--sized .rotating-ad__img { width: 100%; }

/* Text wraps around the ad. */
.rotating-ad--wrap-right,
.rotating-ad--wrap-left { clear: none; margin-top: .25em; margin-bottom: 1em; }
.rotating-ad--wrap-right { float: right; margin-left: 1.5em; margin-right: 0; }
.rotating-ad--wrap-left  { float: left;  margin-right: 1.5em; margin-left: 0; }
.rotating-ad-clear { clear: both; }

/* Phones: too narrow to shrink or wrap, so show the ad on its own line. */
@media (max-width: 600px) {
	.rotating-ad--sized,
	.rotating-ad--wrap-right,
	.rotating-ad--wrap-left {
		float: none;
		width: auto;
		margin: 1.5em auto;
	}
}
.rotating-ad__admin-note {
	line-height: 1.4;
	margin-top: 6px;
	padding: 6px 10px;
	font-size: 12px;
	background: #fcf0e3;
	border: 1px solid #f0c089;
	color: #6b4410;
	text-align: left;
}