/* Navbar logo — slightly smaller, better proportion to the menu */

:root {
	--thsc-logo-max-height: 54px;
	--thsc-logo-max-width: 240px;
}

#site-header .site-title a,
#site-header .site-logo a {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

#site-header .site-title a img.default,
#site-header .menu-item-logo a img.default {
	width: auto !important;
	max-width: var(--thsc-logo-max-width) !important;
	height: auto !important;
	max-height: var(--thsc-logo-max-height) !important;
}

/* Keep sticky/small logo in proportion when shown */
#site-header.fixed.shrink .site-title a img.small,
#site-header.fixed.shrink .menu-item-logo a img.small {
	width: auto !important;
	max-width: 150px !important;
	max-height: 36px !important;
	height: auto !important;
}

/* Tighten header vertical space once logo is smaller */
@media (min-width: 768px) {
	#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title {
		height: auto !important;
		min-height: 0 !important;
	}

	#site-header .header-main {
		min-height: 72px;
	}

	#site-header .header-main:not(.header-layout-fullwidth_hamburger) .site-title,
	#site-header .header-main:not(.header-layout-fullwidth_hamburger) .primary-navigation,
	#site-header .header-main:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
		vertical-align: middle;
	}
}

@media (max-width: 767px) {
	:root {
		--thsc-logo-max-height: 44px;
		--thsc-logo-max-width: 190px;
	}
}