/**
 * WP04 approved header and footer branding.
 * Keeps global logo presentation separate from the homepage composition.
 */

.rds-header .rds-brand--header {
	flex: 0 0 245px;
	height: 70px;
	min-width: 0;
	position: relative;
	width: 245px;
}

.rds-header .rds-brand-logo--header {
	display: block;
	height: auto;
	left: 0;
	max-width: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 245px;
}

.rds-footer .rds-brand--footer {
	display: block;
	min-width: 0;
	width: 100%;
}

.rds-footer .rds-brand-logo--footer {
	display: block;
	height: auto;
	max-width: 185px;
	width: 100%;
}

@media (max-width: 1320px) and (min-width: 1241px) {
	.rds-header .rds-brand--header {
		flex-basis: 210px;
		width: 210px;
	}

	.rds-header .rds-brand-logo--header {
		width: 210px;
	}
}

@media (max-width: 1240px) {
	.rds-header .rds-brand--header {
		flex-basis: 240px;
		width: 240px;
	}

	.rds-header .rds-brand-logo--header {
		width: 240px;
	}
}

@media (max-width: 560px) {
	.rds-header .rds-brand--header {
		flex-basis: 220px;
		height: 66px;
		width: 220px;
	}

	.rds-header .rds-brand-logo--header {
		width: 220px;
	}

	.rds-footer .rds-brand-logo--footer {
		margin-inline: auto;
		max-width: 210px;
	}
}

@media (max-width: 380px) {
	.rds-header .rds-brand--header {
		flex-basis: 205px;
		width: 205px;
	}

	.rds-header .rds-brand-logo--header {
		width: 205px;
	}
}