.pit-wrap {
	position: relative;
	display: block;
	max-width: 100%;
}

.pit-wrap > img {
	display: block;
}

.pit-badge {
	position: absolute;
	z-index: 2;
	padding: 4px 10px;
	font: 700 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	letter-spacing: .02em;
	white-space: nowrap;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* Position */
.pit-pos-top-left     .pit-badge { top: 8px;    left: 8px; }
.pit-pos-top-right    .pit-badge { top: 8px;    right: 8px; }
.pit-pos-bottom-left  .pit-badge { bottom: 8px; left: 8px; }
.pit-pos-bottom-right .pit-badge { bottom: 8px; right: 8px; }

/* Shape */
.pit-style-pill    .pit-badge { border-radius: 999px; }
.pit-style-rounded .pit-badge { border-radius: 6px; }
.pit-style-square  .pit-badge { border-radius: 0; }

@media (max-width: 600px) {
	.pit-badge {
		padding: 3px 8px;
		font-size: 11px;
	}
}

/* Images inside post content (single posts) */
.pit-inline {
	display: inline-block;
	vertical-align: top;
}

.pit-inline > img {
	float: none;
	margin: 0;
	display: block;
}

.pit-inline.alignleft  { float: left;  margin: 0 1em 1em 0; }
.pit-inline.alignright { float: right; margin: 0 0 1em 1em; }
.pit-inline.aligncenter { display: block; margin-left: auto; margin-right: auto; width: fit-content; }
