/*the single image being dispayed; this is for its outline*/
img.img-thumbnail {
	background-color: #5f72c8;
	border-color: #5f72c8;
}

/*the little carousel indicators on the bottom*/
.carousel-indicators li {
	background-color: #d2d2d2;
	/*border-top: 10px solid transparent;*/
	/*border-bottom: 10px solid transparent;*/
	border: 3px solid;
	opacity: .7;
	transition: opacity .5s ease;
}

.carousel-indicators .active {
	opacity: 1;
	background-color: #ffd800;
}


.carousel-control-prev-icon, .carousel-control-next-icon {
	opacity: 1;
	border: 3px solid #000000;
	background-color: #ffd800;
}

/*the arrows on the left and right*/
.carousel-control-next, .carousel-control-prev {
	opacity: 1;
}