/* Keep the shared media logo proportional in every header state. */
.nova-header .site-logo {
	width: var(--site-header-logo-width, 130px);
}

.nova-header .site-logo img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.header-transparent.transparency_light:not(.headroom--not-top):not(:hover) .nova-header__branding .logo-light {
	filter: invert(1) hue-rotate(180deg);
}

.header-mobiles-wrapper .header-mobiles .site-logo {
	width: min(var(--site-header-logo-width, 130px), 140px);
}

.header-mobiles-wrapper .header-mobiles .site-logo img {
	display: block;
	height: auto;
	max-height: none;
	max-width: 100% !important;
	width: 100%;
}