@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Light.woff2') format('woff2'),
    url('fonts/Gotham-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-LightItalic.woff2') format('woff2'),
    url('fonts/Gotham-LightItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Book.woff2') format('woff2'),
    url('fonts/Gotham-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-BookItalic.woff2') format('woff2'),
    url('fonts/Gotham-BookItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.woff2') format('woff2'),
    url('fonts/Gotham-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-BoldItalic.woff2') format('woff2'),
    url('fonts/Gotham-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

.taxonomy-terms {
	font-family: "Gotham", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
	text-align: left;
	margin-bottom: 30px;

	> .container {
		width: 100%;
		padding: 0 20px;
	}

	.filter-container > .select-wrapper {
		position: relative;
		width: 100%;
		margin: 0 0 20px;
		max-width: 450px;
	}

	.filter-container > .select-wrapper:after {
		content: "";
		width: 10px;
		height: 10px;
		display: block;
		border: 2px solid transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-right-color: #004B66;
		border-bottom-color: #004B66;
		position: absolute;
		top: 48%;
		right: 20px;
		transform: translateY(-48%) rotate(45deg);
		transition: transform .2s ease-in-out, top .2s ease-in-out;
	}
}

.taxonomy-terms select {
	border-radius: 7px;
	padding: 12px 16px !important;
	color: #004B66;
	font-weight: 400;
}

.taxonomy-terms .label-holder {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 10px;
}

.taxonomy-terms > .container > form > .filter-container .filter-select {
	background: #e9f4f6;
	width: 100%;
}

.archive__item--img {
	position: relative;
	margin: 0 0 30px;
	min-height: 250px;
	overflow: hidden;
}

.archive__item--img > .bg-holder {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: transform .3s;
}

.archive__item--img > .bg-holder:hover {
	transform: scale(1.1);
}

.archive__item--img > .img-holder {
	transition: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.archive__item--text .archive__item--meta {
	font-size: 14px;
	line-height: 1.86;
	display: flex;
	margin: 10px 0 0;
}

.archive__item--text .archive__item--meta a {
	border: none;
	padding: 0;
}

.archive {
	font-family: "Gotham", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 400;

	.container {
		width: 100%;
	}

	.container > .archive_columns-block {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0 36px;
	}

	.archive__item {
		margin: 0 0 30px;
	}

	.archive__item--text {
		display: block;
		padding: 0;
	}

	.archive__item--text .work-title {
		margin: 0 0 12px;
		font-size: 19px;
		line-height: 1.37;
		font-weight: 700;
		color: #004B66;
		text-transform: uppercase;
	}

	#contact .container,
	#locations .container {
		padding: 40px 0;
	}
}

@media (min-width: 650px) {
	.archive {
		.container > .archive_columns-block {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 36px;
		}
	}
}

@media (min-width: 1024px) {
	.taxonomy-terms {

		> .container {
			max-width: 1376px;
			padding: 0 40px;
		}

		> .container > form > .filter-container {
			display: flex;
			gap: 0 40px;
			max-width: 850px;
		}
	}

	.archive {
		> .container {
			max-width: 1380px;
			padding: 0 40px;
		}

		.container > .archive_columns-block {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 0 36px;
		}
	}
}
.hero__content--img-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
  margin: 0 0 41px;
  &:before {
    content: url(https://converted.co.uk/wp-content/uploads/2025/03/decoration-01.svg);
    display: block;
    width: 128px;
    height: 87px;
  }
  &:after {
    content: url(https://converted.co.uk/wp-content/uploads/2025/03/decoration-02.svg);
    display: block;
    width: 126px;
    height: 109px;
  }
  img {
    max-height: none!important;
    max-width: none!important;
  }
}