/* Var Definitions */
.contentFilesDownloads {
	--num-cols: 8;
	--gap-width: 10px;
	--bg-color: var(--logo-color-1, #888888);
	--font-color: var(--font-color-light, #ffffff);
	--button-color: var(--logo-color-1-dark, #888888);
	--element-radius: var(--border-radius, 10px);
	--button-radius: var(--border-radius-small, 5px);
}

.contentFilesDownloads .list {
	display: flex;
	flex-direction: column;
	gap: var(--gap-width);
	flex-wrap: wrap;
	box-sizing: border-box;
}

.contentFilesDownloads .entry {
	flex-grow: 1;
	flex-basis: calc( (100% / var(--num-cols)) - ( var(--gap-width) * (var(--num-cols) - 1) / var(--num-cols)));
	display: flex;
	flex-direction: row;	
	align-items: center;
	justify-content: space-between;
	background-color: var(--bg-color);
	color: var(--font-color);
	padding: 10px;
	border-radius: var(--element-radius);
}

.contentFilesDownloads .entry .icon {

}
.contentFilesDownloads .entry .description {
	color: var(--font-color);
	hyphens: auto;
}
.contentFilesDownloads .entry .buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	border-radius: var(--button-radius);
}

.contentFilesDownloads .entry .buttons .filename{
	hyphens: auto;
}

.contentFilesDownloads .entry .buttons a {
	background-color: var(--button-color);
}

.contentFilesDownloads .entry .icon img {
	width: clamp(50px, 5vw, 50px);
	height: auto;
}

.contentFilesDownloads .controlArea.open {
  display: unset;
}
.contentFilesDownloads .controlArea.save {
  display: unset;
}

@media (max-width: 800px) {
	.contentFilesDownloads .entry , .contentFilesDownloads .entry .buttons {
		flex-direction: column;
	}
}

@media (max-width: 1200px) { .contentFilesDownloads { --num-cols: 8 !important; } }
@media (max-width: 1000px) { .contentFilesDownloads { --num-cols: 5 !important; } }
@media (max-width: 800px) { .contentFilesDownloads { --num-cols: 4 !important; } }
@media (max-width: 600px) { .contentFilesDownloads { --num-cols: 2 !important; } }
@media (max-width: 400px) { .contentFilesDownloads { --num-cols: 1 !important; } }