/* global styles */
body {
	background-color: #222;
	color: #fff;
}

header, .card-header, .btn-primary, .btn-outline-primary {
	background-color: #333;
	color: #fff;
	border-color: #555;
}

.card, .card-text {
	background-color: #444;
	color: #fff;
	border-color: #555;
}

.card-img-top {
	filter: brightness(75%);
}

.btn:hover {
	background-color: #555;
	color: #fff;
	border-color: #888;
}

.inner-card, .inner-card-text {
	background-color: #555 !important;
}

iframe {
	width: 100%;
	height: 500px;
	margin-bottom: 30px;
}

.list-group-item {
	background-color: #444;
	color: #fff;
	border-color: #555;
}

.nav-link {
	color: #ddd;
}

/* specific styles for day night cycle asset page */
#images-section, #description-section, #changelog-section {
	background-color: #444;
	padding: 20px;
	border: 1px solid #555;
}

#carouselExampleControls {
	height: 300px; /* set a fixed height for the carousel */
}

.carousel-item img {
	max-width: 80%;
	max-height: 300px; /* set the max-height of the image to the height of the carousel */
	margin: 0 auto; /* center the image horizontally */
	display: block; /* remove any default margin or padding */
}

.height-575 {
	min-height: 575px;
	max-height: 575px;
}