﻿/* NEXUS */
.nexus-banner
{
	background: url("../Resources/Images/Addons/nexus_banner.png");
	background-size: cover;
	height: 250px;
	border-top: 1px solid var(--rc-darkgrey);
	border-bottom: 1px solid var(--rc-darkgrey);
	display: flex;
	justify-content: center;
	align-items: center;
}

.nexus-upsell
{
	color: var(--rc-text);
}

.nexus-upsell h2
{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

.nexus-upsell h3
{
	color: var(--rc-primary-active);
}

.nexus-upsell:hover h2
{
	color: var(--rc-primary-hover);
}

.nexus-upsell:hover h3
{
	color: var(--rc-primary-hover);
}
/* NEXUS END*/

/* ADDONS */
.addon-private
{
	outline: 1px solid var(--rc-darkgrey);
}

.addon-upsell
{
	background-image: url("../Resources/Images/Addons/BG_HarvestTemple.png") !important;
	background-size: cover !important;
	background-position: center !important;
}

/* Info flags / icons */
.addon-flag
{
	position: relative;
}

.addon-flag::after
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 0;
	opacity: 0;
	padding: 0.25rem 0.5rem;
	line-height: 1rem;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	background: black;
	transition: max-width 0.3s ease, opacity 0.2s ease;
	z-index: 1000;
}

.addon-flag:hover::after
{
	max-width: 50rem;
	opacity: 1;
}

.addon-flag-unlisted
{
	color: var(--rc-warning);
}

.addon-flag-unlisted::after
{
	content: "Unlisted";
	outline: 1px solid var(--rc-warning);
}

.addon-flag-private
{
	color: var(--rc-error);
}

.addon-flag-private::after
{
	content: "Private";
	outline: 1px solid var(--rc-error);
}

.addon-flag-notapproved
{
	color: var(--rc-error);
}

.addon-flag-notapproved::after
{
	content: "Not currently approved";
	outline: 1px solid var(--rc-error);
}

.addon-name
{
	margin: 0;
}

.addon-description
{
	color: var(--rc-text);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* ADDONS END */
