/* ==========================================================================
   GF Brands widget
   ========================================================================== */

.gf-brands {
	--gf-brands-gap: 70px;
	--gf-brands-speed: 40s;
	display: flex;
	align-items: center;
	min-height: 119px;
	padding: 18px 33px;
	background-color: var(--gf-navy);
	overflow: hidden;
}

.gf-brands__track {
	display: flex;
	align-items: center;
	width: 100%;
}

.gf-brands__list {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	gap: var(--gf-brands-gap);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gf-brands__item {
	flex-shrink: 0;
}

.gf-brands__item a {
	display: block;
}

.gf-brands__item img {
	display: block;
	width: auto;
	max-width: none;
	height: auto;
	max-height: 83px;
}

/* Marquee */
.gf-brands--marquee .gf-brands__track {
	width: max-content;
	animation: gf-brands-scroll var(--gf-brands-speed) linear infinite;
}

.gf-brands--marquee .gf-brands__list {
	width: auto;
	padding-right: var(--gf-brands-gap);
}

.gf-brands--pause:hover .gf-brands__track {
	animation-play-state: paused;
}

@keyframes gf-brands-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gf-brands--marquee .gf-brands__track {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.gf-brands {
		--gf-brands-gap: 50px;
	}

	.gf-brands__item img {
		max-height: 64px;
	}
}

@media (max-width: 767px) {
	.gf-brands {
		--gf-brands-gap: 36px;
		min-height: 90px;
	}

	.gf-brands__item img {
		max-height: 48px;
	}
}