@import url("xelion9colors.css");

body {
	font-family: "Urbanist", "Helvetica Neue", Arial, sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;

	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.25px;
}

iframe {
	border: 0 solid white;
}

td.nowrap {
	white-space: nowrap;
}

/* Links */
a {
	color: var(--xelion-primary-400-color) !important;
	&:hover { color: var(--xelion-primary-500-color) !important; }
	&:focus { color: var(--xelion-primary-500-color) !important; }
}

/* Navigation */
ul a {
	color: var(--xelion-grey-400-color) !important;
	&:hover {
		background-color: var(--xelion-grey-700-color) !important;
		color: var(--xelion-grey-0-color) !important;
	}
	&.active {
		color: var(--xelion-grey-0-color) !important;
	}
}

.nav-wrapper {
	background-color: var(--xelion-grey-600-color) !important;
	padding: 0 16px;
}

/* fix for menu becoming less high on smallest widths */
nav {
	line-height: 64px;
	height: 64px;
}

/* Sidebar icon */
nav .sidenav-trigger {
	margin: 12px 8px;
	width: 32px;
	fill: var(--xelion-grey-0-color);
}

/* Sidebar menu */
.sidenav {
	background-color: var(--xelion-grey-600-color);
}

/* fix for brand text jumping on resize */
.title {
	position: absolute;
	color: var(--xelion-grey-0-color);
	display: inline-block;
	padding: 0;

	font-size: 24px !important;
	font-weight: 700;
	padding-left: 16px !important;
}

/* color logo */
.logo {
	width: 150px;
	padding-left: 16px;
	padding-top: 16px;
}

.logo #b {
	fill: var(--xelion-primary-400-color);
}

.logo #t {
	fill: var(--xelion-grey-0-color);
}

/* box shadows */
.shadow4 {
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12) !important;
}

/* changelog */
table.changelog
{
	border-collapse: inherit;
}
table.changelog td
{
	padding: 0;
}