.banner-resource-archive {
	padding-top: 6rem;
	padding-bottom: 18rem;
	@include media-min($medium) {
		padding-bottom: 22rem;
	}

	@include media-min($large) {
		padding-bottom: 25rem;

		body.post-type-archive-news &,
		body.post-type-archive-press-release & {
			padding-bottom: 23rem;
		}
	}

	&.has-image {
		padding-bottom: 0;
	}

	&__row-filters {
		display: flex;
		flex-direction: column;
		gap: 4rem;

		@include media-min($large) {
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			gap: 8rem;
		}
	}

	&__filters {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		width: 100%;
		margin-top: 0;

		@include media-min($medium) {
			grid-template-columns: 1fr 1fr 1fr;
		}

		@include media-min($large) {
			max-width: 900px;
		}
	}

	&__filter-control {
		margin-top: 0;

		width: 100%;

		@include media-min($large) {
			max-width: 290px;
		}
	}

	&__image {
		display: none;
		margin-top: 5rem;
		@include media-min($medium) {
			display: block;
			width: 66.66667%;
		}
	}
}