html, body {
	background-color: #272b30;
}

html {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	flex-grow: 1;
}

body.background-image {
	background: url(/files/background.jpg?ts=1) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.background-image > .container {
	color: #e8e8e8;

	background-color: #272b30AA;
	-moz-box-shadow: 2px 0px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 2px 0px 15px rgba(0,0,0,.5);
	box-shadow: 2px 0px 15px rgba(0,0,0,.5);
}
.body-container {
	margin-top: -1px;
	flex-grow: 1;
}

.navbar-brand .nav-sub-brand {
	position: absolute;
	margin-top: 22px;
	left: 83px;
	font-size: 80%;
}

.badge-info, .btn-secondary {
	color: #1c1e22;
}
/* ICONS */
.fa-toggle-on {
	color: #007d00;
}
.fa-toggle-off {
	color: #7d0000;
}

/* Events */
.list-group-item.expanded .extra-info {
	display: initial;
}
.list-group-item .extra-info {
	display: none;
}
.list-group-item.expanded .toggle-extra-info .fa.fa-plus { display: none; }
.list-group-item.expanded .toggle-extra-info .fa.fa-minus { display: initial; }
.list-group-item .toggle-extra-info .fa.fa-plus { display: initial; }
.list-group-item .toggle-extra-info .fa.fa-minus { display: none; }

.official-icon {
	color: #ffc107;
}
.fa-calendar-day {
	color: #62c462;
}

/* expandable */
.expandable .content {
	display: none;
}
.expandable.expanded .content {
	display: initial;
	display: revert;
}
.expandable .toggle {
	cursor: pointer;
}
.expandable .toggle::after {
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
}
.expandable.expanded .toggle::after {
	content: "\f068";
}

/* Helpers*/
.pointer-disabled, .pointer-disabled * {
	pointer-events: none!important;
	color: #999!important;
}

.no-wrap {
	white-space: nowrap;
}

.modal-body {
	min-height: 50vh;
	display: flex;
	flex-direction: column;
}

.fa-unicode {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 501;
}

/* Stupidtable */
th[data-sort] {
	cursor: pointer;
	user-select: none;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
th.sorting-asc[data-sort]::after {
	font-family: "FontAwesome";
	/*content: " \f107";*/
	content: " \2193";
}
th.sorting-desc[data-sort]::after {
	font-family: "FontAwesome";
	/*content: " \f106";*/
	content: " \2191";
}

/* Bootstrap FIX */

.form-group > .easy-autocomplete {
	width: 100%!important;
}
.easy-autocomplete.eac-dark .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
	color: #f6f6f6;
}
.easy-autocomplete .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
	color: #111;
}

h1, .h1 {
	font-family: 'Cinzel', serif;
}

.text-primary {
	color: #229cff!important;
}

.list-group-item:hover {
	background-color: #1c1e2255;
}
.list-group-item {
	background-color: #32383e55;
}

.table.table-transparent tr:first-child td {
	border-top: none;
}
.table.table-transparent {
	background-color: initial;
}
.table {
	background-color: #32383e55;
	color: #e8e8e8;
}

.navbar-brand {
	font-family: autoserif;
}

.btn-link, .btn-link:hover, .btn-link:active, .btn-link:visited, .btn-link:focus {
	text-decoration: none;
}

.nav-item.nav-link.active {
	pointer-events: none;
}

body {
	padding-top: 56px;
}
body.no-padding {
	padding-top: initial;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 992px) {
	.h1-big {
		font-size: 4.5rem;
	}
}

/* MENU */

@media screen and (max-width: 992px) {
	html.menu-open, html.menu-open body {
		width: 100%;
		height: 100%;

		overflow-x: hidden;

		position: fixed;
	}

	#navbar {
		max-width: 100%;
	}

	#navbar .dropdown .dropdown-item {
		padding: 1rem;
	}

	body > .container {
		overflow: auto;
	}

	html.menu-open .navbar-toggler, html.menu-open .navbar-brand {
		z-index: 1;
	}

	.collapse.navbar-collapse {
		display: block;
		position: fixed;

		opacity: 0;
		pointer-events: none;

		top: 0px;
		left: 0px;
		padding: 20px;
		padding-top: 76px;

		width: 100%;
		height: 100%;

		background-color: #272B30EE;
	    text-align: center;
	}
	html.menu-open .collapse.navbar-collapse {
		opacity: 1;
		pointer-events: initial;
	}

	.collapse.navbar-collapse {
		-webkit-transition: opacity 0.5s ease-in;
		-moz-transition: opacity 0.5s ease-in;
		-o-transition: opacity 0.5s ease-in;
		transition: opacity 0.5s ease-in;
	}
}

/* HEADER AND MENU */

.user-name {
	max-width: 160px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	line-height: 1;
}

.compass-header {
	background-image: url(/files/compass-header.jpg);
	height: 136px;
	background-repeat: repeat-x;
	background-color: #e8a137;
	background-position: center;
}

/* DEBUG */
html.debug .debug-panel .fa-toggle-off {
	display: none;
}
html .debug-panel .fa-toggle-on {
	display: none;
}
html.debug .debug-panel .fa-toggle-on {
	display: initial;
}

html.debug .debug-container {
	display: block;
}
html .debug-container {
	display: none;
	background-color: #ffffa522;
}

/* ADMIN */
html .admin-panel .fa-toggle-off {
	display: none;
}
html.hide-admin .admin-panel .fa-toggle-off {
	display: initial;
}
html.hide-admin .admin-panel .fa-toggle-on {
	display: none;
}

html .admin-content {
	outline: 1px dashed #7d0000;
	outline-offset: -1px;
	background-color: #11111122;;
}
html.hide-admin .admin-content {
	display: none;
}