/*
Theme Name: on the verge Classic Fixed
Theme URI: https://ontheverge-project.com/
Author: on the verge project
Description: Existing HTML5 UP Phantom design converted into a WordPress classic theme.
Version: 1.3.2
License: Creative Commons Attribution 3.0 Unported
License URI: https://html5up.net/license
Text Domain: ontheverge
*/
@import url("assets/css/main.css");

:root { --otv-max: 68em; }
body.admin-bar #wrapper { padding-top: 0; }
.otv-meta { margin: -1.25rem 0 2rem; opacity: .72; }
.otv-hero { margin: 0 0 2.5rem; }
.otv-hero img { width: 100%; height: auto; display: block; border-radius: 4px; }
.otv-content > :first-child { margin-top: 0; }
.otv-content img { max-width: 100%; height: auto; }
.otv-content iframe { max-width: 100%; }
.otv-list { list-style: none; padding-left: 0; }
.otv-list li { border-top: 1px solid rgba(144,144,144,.25); padding: 1.2rem 0; }
.otv-list li:first-child { border-top: 0; }
.otv-list h2 { margin-bottom: .35rem; font-size: 1.25rem; }
.otv-pagination { margin-top: 2.5rem; }
.otv-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 2rem 0 3rem; }
.otv-category-card { border: 1px solid rgba(144,144,144,.3); border-radius: 4px; padding: 1.3rem; text-align: center; }
.otv-category-card h2 { margin: 0 0 .35rem; }
.otv-ranking { margin: 0 0 3rem; padding: 1.5rem; border: 1px solid rgba(144,144,144,.3); border-radius: 4px; }
.otv-ranking ol { margin-bottom: 0; }
.otv-ranking li { margin-bottom: .75rem; }
.otv-ad { margin: 2rem 0; text-align: center; min-height: 1px; }
.otv-footer-note { opacity: .75; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width: 736px) { .otv-category-grid { grid-template-columns: 1fr; } }

/*
 * Keep the post list in the same three-column card shape as the original
 * static site, even when a legacy image is unavailable or has no dimensions.
 */
.tiles.otv-post-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem;
	margin: 2.5rem 0 0;
}
.tiles.otv-post-tiles article {
	width: auto;
	margin: 0;
	aspect-ratio: 353 / 326;
	min-width: 0;
	overflow: hidden;
	border-radius: 4px;
}
.tiles.otv-post-tiles article > .image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.tiles.otv-post-tiles article > .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tiles.otv-post-tiles article > a {
	padding: 1.5rem;
}
.tiles.otv-post-tiles article > a h2 {
	font-size: clamp(.95rem, 1.45vw, 1.35rem);
	font-weight: 900;
	line-height: 1.55;
	letter-spacing: .08em;
	overflow-wrap: anywhere;
}
@media (max-width: 980px) {
	.tiles.otv-post-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem;
		margin: 2rem 0 0;
	}
}
@media (max-width: 560px) {
	.tiles.otv-post-tiles {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin: 1.5rem 0 0;
	}
	.tiles.otv-post-tiles article > a h2 {
		font-size: 1.1rem;
	}
}