/* Former child-theme stylesheet (theupcoming-child/style.css), loaded after style.css as before. */
/* =Theme customization starts here
------------------------------------------------------- */

/* Used to be on the homepage
@media screen and (max-width: 479px) {
h9 {
	position: absolute !important;
	font-size: 20px !important;
	top: 5px !important;
	float: left !important;
	z-index: 2000 !important;
	color: #ffffff !important;
	padding-left: 2.64900662252% !important;
	}

#iframelfw {height:225px !important;}
}

@media screen and (max-width: 900px) and (min-width: 478px) {
#iframelfw {height:300px !important;
		-ms-zoom: 1.15;
        -moz-transform: scale(1.30);
        -moz-transform-origin: center 0%;
        -o-transform: scale(1.30);
        -o-transform-origin: center 0%;
        -webkit-transform: scale(1.30);
        -webkit-transform-origin: center 0%;
    }
}

@media screen and (min-width: 901px) {
#iframelfw {height:400px !important;
 	-ms-zoom: 1.30;
        -moz-transform: scale(1.30);
        -moz-transform-origin: center 25%;
        -o-transform: scale(1.30);
        -o-transform-origin: center 25%;
        -webkit-transform: scale(1.30);
        -webkit-transform-origin: center 25%;
    }
}

@media screen and (min-width: 479px) {
h9 {
	position: absolute !important;
	font-size: 28px !important;
	top: 5px !important;
	float: left !important;
	z-index: 2000 !important;
	color: #ffffff !important;
	padding-left: 2.64900662252% !important;
	}
}
--- */

/* Article body h2: bold section headings at body-text size (parent theme
   styles them identical to paragraphs with zero margins) — 10 Aug 2026 */
#content-area h2 {
	color: #444;
	font-weight: 700;
	font-size: 1em;
	line-height: 140%;
	margin: 1.4em 0 0.5em;
	}

/* 2026-09-01: AI-content disclaimer in the footer copyright block.
   Inherits #foot-copy's colour/size (#888, .65em); just needs the gap. */
#foot-copy p.foot-ai-note {
	margin-top: 4px;
	}

/* ── Review stars (2026-09-05): sidebar metaboxes + article-end verdict use
   the same SVG stars as the mobile movie box. 15px desktop, 13px mobile. */
.tuc-stars { display: inline-flex; gap: 1px; vertical-align: middle; line-height: 0; }
.tuc-star  { width: 12px; height: 12px; display: inline-block; flex-shrink: 0; }
.tuc-star svg { width: 100%; height: 100%; display: block; }
.tuc-stars-wrap { display: block; }
.content-metabox .tuc-stars-wrap { text-align: center; }
/* one star size on every widget, desktop and mobile (12px) — 2026-09-05 */

/* Related-posts grid under an article ("More in …", overlay text on the tiles):
   stars are the same SVG component as everywhere else; only the gaps are tuned here. */
#post-latest-wrap .story-contain-text h2 {
	margin-bottom: -1px !important; /* inline style says 2px; the h2 floats, so this sets the title-to-stars gap (~5px) */
}
#post-latest-wrap .story-contain-text .author-post-rating {
	margin-bottom: 2px; /* stars-to-author gap — visually equal to the gap above the stars */
}