/*
Theme name: Allied Wealth
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

.hero video,
.hero .hero__inner img {
    max-width: clamp(1270px, 80vw, 1905px);
    width: 100%;
}

img.size-full {
	height: auto;
	width: clamp(478px, 80vw, 720px);
	display: block;
}

.hero__image.image-fit img.size-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}


.split-hero__inner .split-hero__media {
	max-width: unset;
}
.split-hero__content {
	min-width: clamp(80px, 20vw, 360px);
}
.split-hero__inner {
	gap: clamp(80px, 20vw, 180px);
}

.team__inner .team-list__items {
	display: grid;
	column-gap: clamp(20px, 3.5vw, 150px);
}

.posts__inner .posts-list__items {
	gap: clamp(80px, 6.5vw, 150px);

	& .post-box img {
		max-height: unset;
	}
}

@media (min-width: 1200px) {
	.team__inner .team-list__items {
		grid-template-columns: repeat(3, 1fr);
	}
	.posts__inner .posts-list__items {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 576px) and (max-width: 1199px) {
	.posts__inner .posts-list__items,
	.team__inner .team-list__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.posts__inner .posts-list__items,
	.team__inner .team-list__items {
		grid-template-columns: 1fr;
	}
}

.team__inner .team-list__items img {
	max-height: unset;
	width: clamp(270px, 90vw, 500px);
	height: auto;
	aspect-ratio: 3/4;
	object-fit: cover;
	display: block;
}