/**
 * Style tweaks for page-wide Banner in WikidataPageBanner extension for Skin Minerva.
 */
@import "mediawiki.ui/variables";
@import "mediawiki.mixins";

.wpb-topbanner {
	max-height: none;
	height: 180px;
	overflow: hidden;
	background-color: @colorOffWhite;
	border-bottom: 1px solid rgba(0,0,0,.2);

	&.wpb-banner-image-panorama {

		.wpb-banner-image {
			width: auto;
			height: 100%;
		}
	}
}

// mobile 62.5 corresponds to @wgMFDeviceWidthDesktop in MobileFrontend
// FIXME: Use less variable when https://phabricator.wikimedia.org/T93675 resolved
@media (max-width: 62.5em) {
	.ext-wpb-pagebanner.pre-content {
		margin: 0;
	}
}

.ext-wpb-pagebanner {
	clear: both;
}