@charset "utf-8";

img { max-width: 100%; }

.image-row {
	display: flex;
}

.image-row-image {
}

.modal-container-image {
	padding-bottom: 10px;
}

.image-carousel {
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-box-shadow: 
		0px 10px 25px rgba(50, 50, 93, 0.1),
		0px 5px 10px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 
		0px 10px 25px rgba(50, 50, 93, 0.1),
		0px 5px 10px rgba(0, 0, 0, 0.18);
	box-shadow: 
		0px 10px 25px rgba(50, 50, 93, 0.1),
		0px 5px 10px rgba(0, 0, 0, 0.18);
}

.image-carousel-image-container {
	position: relative;
}

.image-carousel-image {
	cursor: pointer;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-box-shadow: 
		0px 15px 35px rgba(50, 50, 93, 0.1),
		0px 5px 15px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 
		0px 15px 35px rgba(50, 50, 93, 0.1),
		0px 5px 15px rgba(0, 0, 0, 0.18);
	box-shadow: 
		0px 15px 35px rgba(50, 50, 93, 0.1),
		0px 5px 15px rgba(0, 0, 0, 0.18);
}

.image-carousel-image.image-inactive {
	display: none;
}

.image-carousel-label {
	padding-top: 10px;
}

.image-carousel-button {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	border: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	outline: none;
}

.image-carousel-button-left {
	left: 15px;
}

.image-carousel-button-right {
	right: 15px;
}

.image-carousel-button:hover {
	background-color: #44b0ff77;
}

.image-carousel-arrow {
	fill: white;
}

.image-carousel-pills {
	display: flex;
}

.image-carousel-pill {
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: white;
}
.image-carousel-pill:hover {
	background-color: #44b0ff;
}

.image-carousel-pill.active-pill {
	background-color: #44b0ff;
}