/*
 * Logo sizing. Upload any logo under Appearance > Customize > Site Identity;
 * it is scaled automatically to fit the header without distortion.
 * Change --logo-height to make the logo bigger or smaller.
 */
:root {
	--logo-height: 56px;
	--logo-height-mobile: 40px;
	--logo-max-width: 260px;
}

.navbar-header .custom-logo-link {
	display: inline-flex;
	align-items: center;
	height: var(--logo-height);
	max-width: var(--logo-max-width);
	margin: 0;
}

.navbar-header .custom-logo-link img.custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

/* Logo and menu button share one line on small screens */
@media (max-width: 991px) {
	.navbar-header .custom-logo-link {
		height: var(--logo-height-mobile);
		max-width: calc(100% - 70px);
	}
	.navbar-header.p-i-top2 {
		padding-top: 10px !important;
		padding-bottom: 10px;
	}
}