/*
 * The logo grid itself (.lte-partners-sc, .row.centered, .partners-item,
 * .item, the Bootstrap col-* classes) is styled entirely by the theme's
 * own style.css, reusing lte-ext's "Partners" widget markup/classes - see
 * class-ptr-archive.php. Only our own wrapper/heading need styling here.
 */

.ptr-archive-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

.ptr-category {
	margin-bottom: 50px;
}

.ptr-category:last-child {
	margin-bottom: 0;
}

.ptr-category__heading {
	margin-bottom: 24px;
	text-align: center;
	text-transform: uppercase;
}

/*
 * Logo size tiers, ranked by category order (see get_size_tier() in
 * class-ptr-archive.php) - tier 1 (lowest "Poradie") is biggest, tier 3
 * smallest. Only max-width is set, same as the theme's own baseline rule
 * (.lte-partners-sc .item img { max-width: 100px }) - height is left to
 * scale automatically so aspect ratio is always preserved regardless of
 * each logo's own original dimensions. These selectors are more specific
 * than that theme rule (4 classes vs 2), so they win regardless of
 * stylesheet load order.
 */
.ptr-category.ptr-tier-1 .lte-partners-sc .item img {
	max-width: 450px;
}

.ptr-category.ptr-tier-2 .lte-partners-sc .item img {
	max-width: 320px;
}

.ptr-category.ptr-tier-3 .lte-partners-sc .item img {
	max-width: 220px;
}

@media (max-width: 480px) {

	.ptr-category.ptr-tier-1 .lte-partners-sc .item img {
		max-width: 260px;
	}

	.ptr-category.ptr-tier-2 .lte-partners-sc .item img {
		max-width: 190px;
	}

	.ptr-category.ptr-tier-3 .lte-partners-sc .item img {
		max-width: 150px;
	}
}