/* Header logo */

.cwf-header {
	--justask-logo--size: calc(65px + 3rem);
	--justask-logo--path: url('/media/just-ask/logo/JustAskLogo.png');
	--justask-logo--gap: 0.5rem;
}

@media (min-width: 1024px) {
	.cwf-header__title {
		position: relative;
	}
}

.cwf-header__title:before {
	aspect-ratio: 1/1;
	background-image: var(--justask-logo--path);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: calc(var(--justask-logo--size) / 1.25);
	margin-right: 0.5rem;
}

@media (min-width: 1024px) {
	.cwf-header__title:before {
		height: var(--justask-logo--size);
		left: 0;
		margin-right: 0;
		position: absolute;
		top: -1.5rem;
		width: var(--justask-logo--size);
	}

	:is(.cwf-header__department,.cwf-header__parent) {
		margin-left: calc(var(--justask-logo--size) + var(--justask-logo--gap));
	}
}