/* Table should not be full width by default */
.content table {
	width: auto;
}

/* Set solid background */
.table thead {
    background-color: #f7f7f7;
}

/* Set smaller top margin for default UL */
.content ul,
.content ol {
	margin-top: 0.25em;
}

/* Set bold for code inside headers */
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
	font-weight: bold;
}

/* Set code style similar to hljs */
code {
	border-radius: 2px;
	color: #5a5a5a;
	background: #efefef;
}

/* Style multiline code */
.hljs {
	border-radius: 4px;
    padding: 1.25em;
}
pre.code-wrapper {
	margin: 1em 0;
	padding: 0;
	background: none;
}

/* Changelog elements */
li.changelog-element > ul {
	list-style-type: square;
}
li.changelog-element {
	position: relative;
	margin-left: -2em !important;
	padding-left: 4em;
    list-style: none !important;
}
li.changelog-element .changelog-tag {
	position: absolute;
	top: 0;
	left: 0;

	display: inline-flex;
	justify-content: flex-end;
	width: 3.5em;
}
.changelog-tag .tag {
	width: 100%;
}
.changelog-element + .changelog-element {
	margin-top: .55em;
}


/* Extra utility classes */
.small-space-bottom {
	margin-bottom: 0.25em !important;
}
.small-space-top {
	margin-top: 0.25em !important;
}
.medium-space-bottom {
	margin-bottom: 0.75em !important;
}
.medium-space-top {
	margin-top: 0.75em !important;
}
ul.unstyled {
	margin-left: 0 !important;
    list-style: none !important;
}

/* Customizable table expansion */
.table.expand-col-1 th,
.table.expand-col-1 td,
.table.expand-col-2 th,
.table.expand-col-2 td,
.table.expand-col-3 th,
.table.expand-col-3 td,
.table.expand-col-4 th,
.table.expand-col-4 td {
	white-space: nowrap;
}

.table.expand-col-1 th:nth-child(1),
.table.expand-col-1 td:nth-child(1),
.table.expand-col-2 th:nth-child(2),
.table.expand-col-2 td:nth-child(2),
.table.expand-col-3 th:nth-child(3),
.table.expand-col-3 td:nth-child(3), 
.table.expand-col-4 th:nth-child(4),
.table.expand-col-4 td:nth-child(4) {
	white-space: normal;
	width: 100%;
	min-width: 400px;
}

/* Custom table borders */
table.no-borders td,
table.no-borders th {
    border: none;
}

/* Spoiler */
.spoiler {
	margin: 1em 0;
}
.spoiler > *:first-child {
	margin-top: 0 !important;
}
.spoiler > *:last-child {
	margin-bottom: 0 !important;
}

/* Extra type */
.long-listing h1,
.long-listing h2,
.long-listing h3,
.long-listing h4,
.long-listing h5,
.long-listing h6 {
	margin-top: 25px !important;
	margin-bottom: 0.5em !important;
}
.content .long-listing p:not(:last-child) {
	margin-bottom: 0.6em;
}

/* Element specific styling */
code.command {
	color: hsl(195, 90%, 35%);
	background: hsl(195, 95%, 94%);
}
code.permission {
	color: hsl(25, 90%, 35%);
	background: hsl(25, 95%, 94%);
}

.color-preview {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-right: 5px;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}