/* The default navigation bar seems to have a rounded border.
This leads to little areas where white bleeds through so change it back to none. */
.cuberite-navigation
{
	border-radius: 0 !important;
}

/* Push the default footer towards the bottom of the page no matter what.
Also serves to vertically-centre page content. */
#cuberite-main-container
{
	/* 145 = height footer + header */
	min-height: calc(-145px + 100%);
}

/* Special case for grid containers which cover more vertical space. */
#cuberite-main-container.grid
{
	/* 117 = height footer + header */
	min-height: calc(-117px + 100%);
}

/* Cards have a negative margin which inteferes with footer calculation, delet. */
#cuberite-main-container > .ui.link.cards
{
	margin-bottom: 0;
}

/* Reduce width of "go to bottom" rail when adding plugins. */
#cuberite-add-plugin-rail
{
	width: auto;
}

/* Eliminate extra margin around radio labels for compact display when adding plugins. */
.cuberite-plugin-selection.field
{
	margin: 0 !important;
}

/* Provide a fade in animation for plugin cards. */
@keyframes CondensedEntryDisplay
{
	from
	{
		opacity: 0;
		transform: scale(1.1);
	}
	to
	{
		opacity: 1;
		transform: scale(1);
	}
}
.cuberite-condensed-plugin.card
{
	animation: CondensedEntryDisplay 300ms;
}

/* The condensed plugin cards uses <h3> which adds a margin, delet. */
.cuberite-condensed-plugin > .content > .header
{
	margin-bottom: 0;
}

/* Provide a slide in animation for plugin pages. */
@keyframes ExpandedEntryDisplay
{
	from
	{
		opacity: 0;
		transform: translateX(20px);
	}
	to
	{
		transform: translateX(0);
		opacity: 1;
	}
}
.cuberite-expanded-plugin:nth-of-type(2)
{
	animation: ExpandedEntryDisplay 800ms;
}
.cuberite-expanded-plugin:nth-of-type(1)
{
	animation: ExpandedEntryDisplay 500ms;
}

/* Format tables with borders. */
.cuberite-expanded-plugin > table
{
	border-collapse: collapse;
	border-spacing: 0px;
}
.cuberite-expanded-plugin > table th, .cuberite-expanded-plugin > table td
{
	border: 1px solid #DDD;
	padding: 6px 13px;
}

/* Semantic horizontal icon lists seem to be broken.
The text doesn't go on the same line as the icon. */
.horizontal.cuberite-expanded-plugin-metadata.list > .item > .content
{
	width: auto;
}

/* The GitHub icon is inexplicably smaller, make it larger. */
.github.icon
{
	font-size: 1.1em;
}

@media only screen and (max-width: 767px)
{
	#cuberite-navigation .item::before
	{
		display: none;
	}

	#cuberite-navigation-container, #cuberite-navigation-login-items
	{
		flex-wrap: wrap;
		justify-content: center;
	}

	#cuberite-navigation-container .right
	{
		margin-left: 0 !important;
	}
}

/* Class-specific overrides to colour according to our scheme.
Also correct some visual issues after the scheme is applied, like text contrast. */
.inverted.cuberite-theme
{
	background: #FFFFFF !important;
	background: linear-gradient(220deg, #E255A2, #67B4E1) fixed !important;
}