@font-face {
	font-family: "SomarProduction";
	src: url("../fonts/SomarGX.woff2") format("woff2"), url("../fonts/SomarGX.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
	font-family: "SomarProduction", Somar, Arial, sans-serif;
}

.brand .brand-logo {
	display: block;
	width: 100%;
	height: 72px;
	filter: brightness(0) invert(1);
	transform: scale(4.8);
	transition: filter .25s ease;
}

.site-header.is-scrolled .brand .brand-logo {
	filter: none;
}

.mobile-nav-head .brand-logo {
	width: 180px;
	height: 60px;
	pointer-events: none;
	transform: scale(4.5);
}

.footer-brand .brand-logo {
	width: 220px;
	height: 92px;
	filter: brightness(0) invert(1);
	transform: scale(4.1);
	transform-origin: center;
}

@media (max-width: 920px) {
	.brand .brand-logo {
		height: 62px;
	}
}