$bg-color: #f7fafc;
$text-color: #4a5568;
$border-color: #e2e8f0;

.jumbotron-player {
	margin: 0 0 14px 0;

	video {
		width: 100%;
	}
}

.jumbotron-gallery {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin: 0;
	padding: 0;

	.jumbotron-gallery-item {
		display: flex;
		color: $text-color;
		font-size: 16px;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
		line-height: 1.625;
		border: 1px solid $border-color;
		border-bottom: 0;
		margin: 0;
		padding: 0.5rem 1rem;
		justify-content: space-between;
		align-items: center;

		&:nth-of-type(even) {
			background-color: $bg-color;
		}

		&:last-child {
			border-bottom: 1px solid $border-color;
		}

		.jumbotron-gallery-item__link {
			color: $text-color;
			font-size: 16px;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
			line-height: 1.625;
			text-decoration: none;
		}
	}
}