/* TRIBUTES */

.tribute-item {
	height: 320px;
	padding: 10px 0;
	position: relative;
	overflow: hidden;
	margin: 0;
	flex-grow: 0;
	flex-shrink: 0;
}

.tribute-item .tribute-box {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}

.tribute-item .tribute-box .tribute-from {
	border-top: none;
}

.tribute-item .tribute-box .tribute-from .tribute-date {
	/* color: #fff; */
	font-style: normal;
}

.tribute-item .tribute-content p {
	font-size: 0.9rem;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.tribute-item .tribute-box {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 300px 300px;
}

.tribute-item .tribute-content-container {
	position: absolute;
}

.tribute-item .tribute-content {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* default - square */

.tribute-item .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-square.svg");
}

.tribute-item .tribute-content-container {
	top: 25%;
	bottom: 25%;
	left: 18%;
	right: 18%;
	width: 64%;
	height: 50%;
}

/* dovetail */

.tribute-item.frame-dovetail .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-dovetail.svg");
}

.tribute-item.frame-dovetail .tribute-content-container {
	top: 22%;
	bottom: 28%;
}

/* fourpoint */

.tribute-item.frame-fourpoint .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-fourpoint.svg");
}

/* gonfalon */

.tribute-item.frame-point .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-point.svg");
}

/* round */

.tribute-item.frame-round .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-round.svg");
}

/* round */

.tribute-item.frame-square .tribute-box {
	background-image: url("/banner/assets/svg/banner-frames/banner-bg-square.svg");
}