/* TODO: Move to shared repository */
/*region ------------ Carousel ------------  */
.carousel { position: relative; }
.carousel ul { padding: 0; margin: 0; }
.carousel-item { background: 100% 50% / auto 100% no-repeat; padding-left: calc(50% - 512px); padding-right: 50%; box-sizing: border-box; -moz-box-sizing: border-box;}
.carousel-controls { position: absolute; }

.carousel.left .carousel-item { background-position: 100% 50%; padding: 30px 50% 130px calc(50% - 512px) ; }
.carousel.right .carousel-item { background-position: 0 50%; padding: 30px calc(50% - 512px) 130px 50%; }

.carousel.left .carousel-controls { bottom: 15px; left: calc(50% - 512px); }
.carousel.right .carousel-controls { bottom: 15px; right: calc(50% - 512px); }


.carousel-item { display: none; }
.carousel-item.active { display: block; }

.carousel-button {
	display: inline-block;
	margin: 5px 5px;
	cursor: pointer;
}
.carousel-button {
	color: #1C5476;
	font-size: 15px;
	font-weight:700;
	padding: 2px 10px;
	border: 1px solid transparent;
}
.carousel-button:first-child { margin-left: 0 !important; }
.carousel-button:last-child { margin-right: 0 !important; }
.carousel-button.active {
	background-color: #1C5476;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	color: white;
}
/*endregion ------------ Carousel ------------  */