/* module author: xprolance */

#tab-downloads ul.downloads-list {
    	list-style: none;
	padding-left: 20px;
	margin: 30px 0;
}
#tab-downloads .download-item {
	padding: 10px 0;
}
#tab-downloads .download-item a {
	text-decoration: none;
}
#tab-downloads .download-item a:focus {
	outline: none;
	text-decoration: none;
}
#tab-downloads .download-item a .download-name {
	display: inline-block;
	background: url('../image/download_file.svg') no-repeat;
	background-size: 20px;
	background-position: left;
	color: #27a1e9;
	font-family: Arial, sans-serif;
	font-size: 16px;
	padding: 0 0 0 30px;
	min-height: 20px;
}
#tab-downloads .download-item a:hover .download-name {
	color: #eb5353;
}
#tab-downloads .download-item .download-size {
	display: inline-block;
	color: #9b9b9b;
	font-size: 14px;
	font-style: italic;
	margin-left: 30px;
}
#tab-downloads .download-item .download-date {
	display: block;
	color: #9b9b9b;
	font-size: 12px;
	padding-left: 30px;
}
#tab-downloads .downloads-warning {
	color: #767676;
	font-size: 14px;
	padding: 10px;
}

@media (max-width: 350px) {
	#tab-downloads ul.downloads-list {
		padding-left: 5px;
	}
}

/* Prostore integration */
body.bootstrap-5 #tab-downloads ul.downloads-list {
	list-style: none;
	padding: 0;
	margin: 1.6rem 0 2.4rem;
}

body.bootstrap-5 #tab-downloads .download-item {
	position: relative;
	min-height: 7.4rem;
	padding: 1.7rem 12rem 1.7rem 7.2rem;
	margin: 0 0 1.2rem;
	border: 1px solid #ededed;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 0.4rem 1.6rem rgba(52, 52, 52, 0.04);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.bootstrap-5 #tab-downloads .download-item::before,
body.bootstrap-5 #tab-downloads .download-item::after {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

body.bootstrap-5 #tab-downloads .download-item::before {
	content: "\2193";
	left: 1.8rem;
	width: 4rem;
	height: 4rem;
	border-radius: 1rem;
	background: rgba(231, 76, 60, 0.1);
	color: var(--theme-primary-color, #e74c3c);
	font-size: 2.2rem;
	font-weight: 500;
}

body.bootstrap-5 #tab-downloads .download-item::after {
	content: "\203A";
	right: 1.8rem;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	background: #f4f5f7;
	color: #343434;
	font-size: 2.6rem;
	line-height: 1;
}

body.bootstrap-5 #tab-downloads .download-item:hover {
	border-color: rgba(231, 76, 60, 0.45);
	box-shadow: 0 0.8rem 2.4rem rgba(52, 52, 52, 0.09);
	transform: translateY(-0.2rem);
}

body.bootstrap-5 #tab-downloads .download-item:hover::after {
	background: var(--theme-primary-color, #e74c3c);
	color: #fff;
	transform: translateY(-50%) translateX(0.2rem);
}

body.bootstrap-5 #tab-downloads .download-item a,
body.bootstrap-5 #tab-downloads .download-item a:focus {
	display: block;
	color: #343434;
	font-family: inherit;
	text-decoration: none;
}

body.bootstrap-5 #tab-downloads .download-item a .download-name {
	display: block;
	min-height: 0;
	padding: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.35;
	transition: color .2s ease;
}

body.bootstrap-5 #tab-downloads .download-item:hover a .download-name {
	color: var(--theme-primary-color, #e74c3c);
}

body.bootstrap-5 #tab-downloads .download-item .download-size {
	position: absolute;
	top: 50%;
	right: 6.4rem;
	margin: 0;
	padding: 0.4rem 0.8rem;
	transform: translateY(-50%);
	border-radius: 2rem;
	background: #f4f5f7;
	color: #777;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.2;
}

body.bootstrap-5 #tab-downloads .download-item .download-date {
	display: block;
	padding: 0;
	margin-top: 0.5rem;
	color: #8b8b8b;
	font-size: 1.2rem;
	line-height: 1.3;
}

@media (max-width: 575px) {
	body.bootstrap-5 #tab-downloads .download-item {
		min-height: 7rem;
		padding: 1.5rem 5.8rem 1.5rem 6.4rem;
	}

	body.bootstrap-5 #tab-downloads .download-item::before {
		left: 1.4rem;
		width: 3.6rem;
		height: 3.6rem;
	}

	body.bootstrap-5 #tab-downloads .download-item::after {
		right: 1.4rem;
		width: 3rem;
		height: 3rem;
	}

	body.bootstrap-5 #tab-downloads .download-item .download-size {
		position: static;
		display: inline-block;
		margin-top: 0.7rem;
		transform: none;
	}

	body.bootstrap-5 #tab-downloads .download-item .download-date {
		display: inline-block;
		margin: 0.7rem 0 0 0.8rem;
	}
}