#latest { margin-top: 50px; }
#latest > .content-wrapper {}

/*----------------------------------------------------------------------*/

#latest > .content-wrapper > .slider-wrapper {}

/*----------------------------------------------------------------------*/

#latest > .content-wrapper > .slider-wrapper > .title {
	position: absolute; top: 20px; left: 50%; z-index: 2; transform: translateX(-50%);
	
	text-align: center;
	text-transform: uppercase;
    font-family: "Stretch Pro";
	color: #FFF;
}
@media (min-width: 900px)	 { #latest > .content-wrapper > .slider-wrapper > .title { font-size: 24px; } }
@media (max-width: 899.99px) { #latest > .content-wrapper > .slider-wrapper > .title { font-size: 18px; } }

/*----------------------------------------------------------------------*/

#latest > .content-wrapper > .slider-wrapper > .swiper {}

/*----------------------------------------------------------------------*/

#latest > .content-wrapper > .slider-wrapper > .pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
	margin-top: 25px;
}
#latest > .content-wrapper > .slider-wrapper > .pagination:empty { display: none; }
#latest > .content-wrapper > .slider-wrapper > .pagination > .swiper-pagination-bullet {
	position: relative;
	display: block; height: 12px; width: 30px;

	background-color: transparent;
	background-clip: content-box;
	border: solid 1px #000;
	border-radius: 6px;
	
	opacity: 1;
	
	transition:
		width			 1s ease-out,
		background-color 1s ease-out;
}
#latest > .content-wrapper > .slider-wrapper > .pagination > .swiper-pagination-bullet-active {
	width: 12px;
	background-color: #000;
}
#latest > .content-wrapper > .slider-wrapper > .pagination > .swiper-pagination-bullet-active + .swiper-pagination-bullet {
	width: 70px;
}