:root {color-scheme: light;--elgg-anchor-color: #0078ac;--elgg-anchor-color-hover: #2d3047;--elgg-background-color-highlight: #0078ac;--elgg-background-color-input: #ffffff;--elgg-background-color-mild: #f3f3f3;--elgg-background-color-soft: #fafafa;--elgg-background-color-strong: #cfcfd2;--elgg-body-background-color: #f3f2f2;--elgg-border-color-highlight: #0078ac;--elgg-border-color-mild: #dcdcdc;--elgg-border-color-soft: #e6e6ea;--elgg-border-color-strong: #cfcfd2;--elgg-border-radius-large: 8px;--elgg-border-radius-medium: 4px;--elgg-border-radius-small: 2px;--elgg-button-action-background-color: #0078ac;--elgg-button-action-background-color-hover: #2d3047;--elgg-button-action-font-color: #ffffff;--elgg-button-action-font-color-hover: #ffffff;--elgg-button-cancel-background-color: #e6e6ea;--elgg-button-cancel-background-color-hover: #cfcfd2;--elgg-button-cancel-font-color: #2d3047;--elgg-button-cancel-font-color-hover: #2d3047;--elgg-button-delete-background-color: #e6e6ea;--elgg-button-delete-background-color-hover: #d33f49;--elgg-button-delete-font-color: #2d3047;--elgg-button-delete-font-color-hover: #ffffff;--elgg-button-disabled-background-color: #f3f3f3;--elgg-button-disabled-font-color: #7d7d7d;--elgg-button-submit-background-color: #2d3047;--elgg-button-submit-background-color-hover: #0078ac;--elgg-button-submit-font-color: #ffffff;--elgg-button-submit-font-color-hover: #ffffff;--elgg-font-bold-weight: 600;--elgg-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI","Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--elgg-font-family-font-awesome: Font Awesome\ 7 Free;--elgg-font-size: 16px;--elgg-h-font-family: ;--elgg-h1-font-size: 1.8rem;--elgg-h2-font-size: 1.5rem;--elgg-h3-font-size: 1.2rem;--elgg-h4-font-size: 1.0rem;--elgg-h5-font-size: 0.9rem;--elgg-h6-font-size: 0.8rem;--elgg-input-switch-checked-background-color: #397f2e;--elgg-input-switch-disabled-background-color: #cfcfd2;--elgg-input-switch-unchecked-background-color: #b94a48;--elgg-layout-background-color: white;--elgg-maintenance-background-image: url(graphics/maintenance.jpg);--elgg-page-section-max-width: 90rem;--elgg-search-highlight-color: #BBDAF7;--elgg-search-highlight-color-1: #BBDAF7;--elgg-search-highlight-color-2: #A0FFFF;--elgg-search-highlight-color-3: #FDFFC3;--elgg-search-highlight-color-4: #CCCCCC;--elgg-search-highlight-color-5: #08A7E7;--elgg-state-danger-background-color: #f8e8e8;--elgg-state-danger-border-color: #e5b7b5;--elgg-state-danger-font-color: #b94a48;--elgg-state-header-background-color: rgba(255,255,255,0.7);--elgg-state-notice-background-color: #e7f1f9;--elgg-state-notice-border-color: #b1d1e9;--elgg-state-notice-font-color: #3b8bc9;--elgg-state-success-background-color: #eaf8e8;--elgg-state-success-border-color: #aadea2;--elgg-state-success-font-color: #397f2e;--elgg-state-warning-background-color: #fcf8e4;--elgg-state-warning-border-color: #eddc7d;--elgg-state-warning-font-color: #6b420f;--elgg-text-color-highlight: #0078ac;--elgg-text-color-mild: #7d7d7d;--elgg-text-color-soft: #969696;--elgg-text-color-strong: #2d3047;--elgg-topbar-background-color: #696d5f;--elgg-topbar-indicator: #cfcfd2;--elgg-walled-garden-background-image: url(graphics/walled_garden.jpg);--elgg-walled-garden-background-image-brightness: 1;}:root[data-color-scheme=dark] {color-scheme: dark;body {--elgg-body-background-color: #1f2123;--elgg-layout-background-color: #181a1b;--elgg-topbar-background-color: #004f71;--elgg-topbar-indicator: #323639;--elgg-walled-garden-background-image-brightness: 0.4;--elgg-anchor-color: #0078ac;--elgg-anchor-color-hover: #c3beb6;--elgg-text-color-soft: #a69e92;--elgg-text-color-mild: #999083;--elgg-text-color-strong: #c3beb6;--elgg-text-color-highlight: #0078ac;--elgg-background-color-soft: #1b1d1e;--elgg-background-color-mild: #1f2123;--elgg-background-color-strong: #323639;--elgg-background-color-highlight: #004f71;--elgg-background-color-input: #323639;--elgg-border-color-soft: #363b3d;--elgg-border-color-mild: #2c2f31;--elgg-border-color-strong: #323639;--elgg-border-color-highlight: #004f71;--elgg-state-success-font-color: #8cd181;--elgg-state-success-background-color: #1d3510;--elgg-state-success-border-color: #2d6725;--elgg-state-danger-font-color: #c05c5a;--elgg-state-danger-background-color: #351010;--elgg-state-danger-border-color: #622522;--elgg-state-notice-font-color: #4e98ce;--elgg-state-notice-background-color: #202325;--elgg-state-notice-border-color: #1d4767;--elgg-state-warning-font-color: #eec087;--elgg-state-warning-background-color: #2f2805;--elgg-state-warning-border-color: #817012;--elgg-state-header-background-color: rgba(0,0,0,0.3);--elgg-button-submit-background-color: #0078ac;--elgg-button-submit-font-color: #ffffff;--elgg-button-submit-background-color-hover: #2d3047;--elgg-button-submit-font-color-hover: #ffffff;--elgg-button-action-background-color: #2d3047;--elgg-button-action-font-color: #ffffff;--elgg-button-action-background-color-hover: #0078ac;--elgg-button-action-font-color-hover: #ffffff;--elgg-button-cancel-background-color: #e6e6ea;--elgg-button-cancel-font-color: #2d3047;--elgg-button-cancel-background-color-hover: #cfcfd2;--elgg-button-cancel-font-color-hover: #2d3047;--elgg-button-delete-background-color: #e6e6ea;--elgg-button-delete-font-color: #2d3047;--elgg-button-delete-background-color-hover: #d33f49;--elgg-button-delete-font-color-hover: #ffffff;--elgg-button-disabled-background-color: #1f2123;--elgg-button-disabled-font-color: #999083;--elgg-search-highlight-color: #2d3133;--elgg-search-highlight-color-1: #2d3133;--elgg-search-highlight-color-2: #006c6c;--elgg-search-highlight-color-3: #404100;--elgg-search-highlight-color-4: #35393b;--elgg-search-highlight-color-5: #003f5a;}}@media (prefers-color-scheme: dark) {:root:not([data-color-scheme]) {color-scheme: dark;body {--elgg-body-background-color: #1f2123;--elgg-layout-background-color: #181a1b;--elgg-topbar-background-color: #004f71;--elgg-topbar-indicator: #323639;--elgg-walled-garden-background-image-brightness: 0.4;--elgg-anchor-color: #0078ac;--elgg-anchor-color-hover: #c3beb6;--elgg-text-color-soft: #a69e92;--elgg-text-color-mild: #999083;--elgg-text-color-strong: #c3beb6;--elgg-text-color-highlight: #0078ac;--elgg-background-color-soft: #1b1d1e;--elgg-background-color-mild: #1f2123;--elgg-background-color-strong: #323639;--elgg-background-color-highlight: #004f71;--elgg-background-color-input: #323639;--elgg-border-color-soft: #363b3d;--elgg-border-color-mild: #2c2f31;--elgg-border-color-strong: #323639;--elgg-border-color-highlight: #004f71;--elgg-state-success-font-color: #8cd181;--elgg-state-success-background-color: #1d3510;--elgg-state-success-border-color: #2d6725;--elgg-state-danger-font-color: #c05c5a;--elgg-state-danger-background-color: #351010;--elgg-state-danger-border-color: #622522;--elgg-state-notice-font-color: #4e98ce;--elgg-state-notice-background-color: #202325;--elgg-state-notice-border-color: #1d4767;--elgg-state-warning-font-color: #eec087;--elgg-state-warning-background-color: #2f2805;--elgg-state-warning-border-color: #817012;--elgg-state-header-background-color: rgba(0,0,0,0.3);--elgg-button-submit-background-color: #0078ac;--elgg-button-submit-font-color: #ffffff;--elgg-button-submit-background-color-hover: #2d3047;--elgg-button-submit-font-color-hover: #ffffff;--elgg-button-action-background-color: #2d3047;--elgg-button-action-font-color: #ffffff;--elgg-button-action-background-color-hover: #0078ac;--elgg-button-action-font-color-hover: #ffffff;--elgg-button-cancel-background-color: #e6e6ea;--elgg-button-cancel-font-color: #2d3047;--elgg-button-cancel-background-color-hover: #cfcfd2;--elgg-button-cancel-font-color-hover: #2d3047;--elgg-button-delete-background-color: #e6e6ea;--elgg-button-delete-font-color: #2d3047;--elgg-button-delete-background-color-hover: #d33f49;--elgg-button-delete-font-color-hover: #ffffff;--elgg-button-disabled-background-color: #1f2123;--elgg-button-disabled-font-color: #999083;--elgg-search-highlight-color: #2d3133;--elgg-search-highlight-color-1: #2d3133;--elgg-search-highlight-color-2: #006c6c;--elgg-search-highlight-color-3: #404100;--elgg-search-highlight-color-4: #35393b;--elgg-search-highlight-color-5: #003f5a;}}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* <style> /**/

/* Some of the reset concepts borrowed from https://bulma.io/ */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

*:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

img,
embed,
object,
audio,
video {
	max-width: 100%;
}

iframe {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
	text-align: left;
}

html {
	background-color: white;
	font-size: var(--elgg-font-size);
	min-width: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	text-size-adjust: 100%;
}

/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
	display: block;
}

body,
button,
input,
select,
textarea {
	font-family: var(--elgg-font-family);
}

code,
pre {
	font-family: monospace;
}

body {
	position: relative;
	color: var(--elgg-text-color-strong);
	background: var(--elgg-body-background-color);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

a {
	cursor: pointer;
	text-decoration: none;
}

a strong {
	color: currentColor;
}

code {
	background-color: var(--elgg-background-color-soft);
	color: #ff3860;
	font-size: 0.875em;
	font-weight: normal;
	padding: 0.25em 0.5em 0.25em;
}

hr {
	background-color: var(--elgg-border-color-mild);
	border: none;
	display: block;
	height: 1px;
	margin: 1.5rem 0;
}

img {
	height: auto;
	max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: baseline;
}

small {
	font-size: 0.875em;
}

span {
	font-style: inherit;
	font-weight: inherit;
}

pre {
	-webkit-overflow-scrolling: touch;
	background-color: var(--elgg-background-color-soft);
	color: var(--elgg-text-color-strong);
	font-size: 0.875em;
	overflow-x: auto;
	padding: 1.25rem 1.5rem;
	white-space: pre;
	word-wrap: normal;
	
	code {
		background-color: transparent;
		color: currentColor;
		font-size: 1em;
		padding: 0;
	}
}

table td,
table th {
	text-align: left;
	vertical-align: top;
}

table th {
	color: var(--elgg-text-color-strong);
}

/* Elgg Reset /**/
ol, ul {
	list-style: none;
}

em, i {
	font-style: italic;
}

ins {
	text-decoration: none;
}

strike, del {
	text-decoration: line-through;
}

strong, b {
	font-weight: var(--elgg-font-bold-weight);
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	text-decoration: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

[hidden] {
	display: none !important;
}

fieldset {
	border: none;
	min-width: 0; /* override -webkit-min-content */
}

.ui-sortable {
	overflow: auto; /* fixes positioning if a parent container has position:relative */

	.ui-sortable-handle {
		cursor: move;
	}
}
/* ***************************************
	Typography
*************************************** */
body {
	font-family: var(--elgg-font-family);
	
	/* Break everywhere as a fallback */
	word-break: break-all;
	/* Instead use this non-standard one as it is better */
	word-break: break-word;
}

a {
	color: var(--elgg-anchor-color);
	
	&:hover,
	&.selected {
		color: var(--elgg-anchor-color-hover);
		text-decoration: underline;
	}
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 0.75rem;
	
	background: var(--elgg-background-color-mild);
	color: var(--elgg-text-color-strong);
	overflow: auto;

	white-space: pre-wrap;
}

pre {
	padding: 0.25rem 1rem;
	margin: 0 0 1rem 0;
	line-height: 1.3rem;
}

code {
	padding: 0.25rem;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace;
}

blockquote {
	padding: 0.5rem 1rem;
	margin: 0 0 1rem 0;
	background-color: var(--elgg-state-notice-background-color);
	border: 1px solid var(--elgg-state-notice-border-color);
	color: var(--elgg-state-notice-font-color);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	font-family: var(--elgg-h-font-family, var(--elgg-font-family));
}

h1 {
	font-size: var(--elgg-h1-font-size);
}

h2 {
	font-size: var(--elgg-h2-font-size);
}

h3 {
	font-size: var(--elgg-h3-font-size);
}

h4 {
	font-size: var(--elgg-h4-font-size);
}

h5 {
	font-size: var(--elgg-h5-font-size);
}

h6 {
	font-size: var(--elgg-h6-font-size);
}

.elgg-subtext {
	color: var(--elgg-text-color-mild);
	font-size: 0.75rem;
}

.elgg-river-timestamp,
.elgg-text-help,
.elgg-quiet,
.elgg-tags {
	display: inline-block;
	color: var(--elgg-text-color-soft);
	font-size: 0.75rem;
	line-height: normal;
}

time {
	color: var(--elgg-text-color-soft);
}

.elgg-text-help,
.elgg-tags {
	margin-top: 0.25rem;
}

.elgg-loud {
	font-weight: var(--elgg-font-bold-weight);
}

.elgg-more,
.elgg-widget-more {
	padding: 0.5rem;
	font-size: 0.85rem;
	font-weight: var(--elgg-font-bold-weight);
}

.elgg-state {
	&.elgg-state-success {
		 color: var(--elgg-state-success-font-color);
	}
	&.elgg-state-error,
	&.elgg-state-danger {
		 color: var(--elgg-state-danger-font-color);
	}
	&.elgg-state-notice {
		 color: var(--elgg-state-notice-font-color);
	}
	&.elgg-state-warning {
		 color: var(--elgg-state-warning-font-color);
	}
}
/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
p + *,
blockquote + *,
.elgg-output + * {
	margin-top: 1rem;
}

* + p,
* + blockquote,
* + .elgg-output {
	margin-top: 1rem;
}

p img,
p iframe {
	margin: 0.5rem auto;
}

.elgg-output {
	display: flow-root;
	
	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1rem 1rem;
	}
	
	ul,
	ol {
		margin: 0 1.5rem 1.5rem 0.5rem;
		padding-left: 1rem;
	}
	
	ul {
		list-style-type: disc;
	}
	
	ol {
		list-style-type: decimal;
	}
	
	table {
		border: 1px solid var(--elgg-border-color-soft);
		
		td {
			padding: 0.25rem 0.5rem;
		}
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
}
/* <style> /**/
/**
 * CSS form/input elements
 */

/* ***************************************
	Form Elements
*************************************** */
.elgg-form-body,
.elgg-form-footer {
	&:not(:last-child) {
		margin-bottom: 1rem;
	}
	
	> div,
	fieldset:not(.elgg-fieldset) > div {
		&:not(:last-child) {
			margin-bottom: 1rem;
		}
	}
}

.elgg-form > .elgg-field,
.elgg-module > .elgg-body > .elgg-field,
.elgg-tabs-content > div > .elgg-field {
	&:not(:last-child) {
		margin-bottom: 1rem;
	}
}

label, .elgg-field-label {
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1.8rem;
}

.elgg-field-label {
	display: block;
}

.elgg-field-disabled {
	.elgg-field-label {
		opacity: 0.6;
	}
}

.elgg-required-indicator {
	font-size: 110%;
	font-weight: bold;
	color: var(--elgg-state-danger-font-color);
	display: inline;
	padding: 0 5px;
}

input, textarea {
	border: 1px solid var(--elgg-border-color-mild);
	color: var(--elgg-text-color-strong);
	background: var(--elgg-background-color-input);
	font-size: 1rem;
	padding: 0.25rem 0.5rem;
	line-height: normal;
	width: 100%;
	border-radius: var(--elgg-border-radius-medium);
}

input:disabled,
textarea:disabled,
select:disabled,
option:disabled {
	cursor: not-allowed;
}

textarea {
	padding: 0.5rem;
}

input[type=email],
input[type=password],
input[type=text],
input[type=number],
input[type=url],
input[type=color],
input[type=datetime-local],
input[type=month],
input[type=search],
input[type=tel],
input[type=week] {
	height: 2.5rem;
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=color]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=week]:focus,
textarea:focus {
	border: solid 1px var(--elgg-border-color-strong);
	background-color: var(--elgg-background-color-soft);
	/* We remove outlines from specific input types so we can leave the browser
	   defaults (like glows) for everything else */
	outline: 0 none;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 0 0.25rem 0 0;
	padding: 0;
	border: none;
	width: auto;
	vertical-align: middle;
}

.elgg-input-checkbox + label,
.elgg-input-checkbox + .elgg-field-label {
	display: inline-block;
}

.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radios.elgg-horizontal li {
	display: inline-block;
	padding-right: 1rem;
}

.elgg-color-box {
	width: 1.0rem;
	height: 1.0rem;
	display: inline-block;
	background-color: #ccc;
	left: 5px;
	top: 5px;
	border: 1px solid #000;
	border-radius: var(--elgg-border-radius-medium);
}

.elgg-input-color {
	width: 4.5rem;
}

.elgg-input-checkbox-switch {
	--switch-distance: 50;
	--switch-width: 20;

	text-align:center;
	background: var(--elgg-background-color-mild);
	box-shadow: inset 0 0.1em 0 rgba(0, 0, 0, 0.2);
	width: calc(var(--switch-distance) * 1px);
	display: inline-block;
	height: calc(var(--switch-width) * 1px);
	position: relative;
	overflow: hidden;
	border-radius: var(--elgg-border-radius-medium);
	cursor: pointer;
	vertical-align: text-bottom;
	margin-right: 4px;

	> span {
		border-radius: var(--elgg-border-radius-medium);
		transition:
			left .3s ease,
			background .2s ease;
		background: var(--elgg-input-switch-unchecked-background-color);
		display: block;
		position: absolute;
		top:0;
		left: 0;
		width: calc(var(--switch-width) * 1px);
		height: 100%;
		border: 1px solid transparent;

		&:before {
			content: "\d7";
			display: block;
			color: white;
			will-change: content;
			transition: content .2s ease;
			line-height: calc(var(--switch-width) * 1px);
			text-align: center;
			font-size: 12px;
			text-transform: uppercase;
		}
	}

	.elgg-input-checkbox {
		width: 1px;
		height: 1px;
		&:focus {
			outline: none;

			+ span {
				outline: 1px solid black;
			}
		}

		&:checked + span {
			background: var(--elgg-input-switch-checked-background-color);
			left: calc((var(--switch-distance) - var(--switch-width)) * 1px);

			&:before {
				content: "✓";
			}
		}

		&:disabled + span {
			cursor: not-allowed;
			background: var(--elgg-input-switch-disabled-background-color);
		}
	}
}

.elgg-field-disabled {
	.elgg-input-checkbox-switch {
		cursor: not-allowed;
	}
}

.elgg-input-single-checkbox label + .elgg-field-label {
	display: inline-block;
}

select {
	max-width: 100%;
	border: 1px solid var(--elgg-border-color-mild);
	color: var(--elgg-text-color-strong);
	background: var(--elgg-background-color-input);
	padding: 0.25rem 0.5rem;
	line-height: 1.75rem;
	vertical-align: middle;
	border-radius: var(--elgg-border-radius-medium);
	
	&:not([multiple]) {
		height: 2.5rem;
	}
}

.elgg-form-account {
	margin-bottom: 1rem;
}

.elgg-input-radios label {
	font-weight: normal;
	font-size: 100%;
}

.elgg-input-checkboxes {
	label {
		font-weight: normal;
		font-size: 100%;
		line-height: inherit;
	}
	
	&.elgg-horizontal label > .elgg-input-checkbox {
		vertical-align: baseline;
	}
}

.elgg-form-login,
.elgg-form-account {
	max-width: 40rem;
	margin: 0 auto;
}

.elgg-fieldset {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	
	&.elgg-fieldset-has-legend {
		border: 1px solid var(--elgg-border-color-soft);
		padding: 1rem;
	}
}

@media screen and (min-width: 30rem) {
	.elgg-field {
		&.elgg-field-stretch {
			flex-basis: 1%;
			flex-grow: 1;

			> .elgg-field-input {
				width: 100%;
			}
		}

		&.elgg-field-horizontal {
			display: flex;
			flex-direction: row;
			align-items: baseline;
			column-gap: 1rem;

			> .elgg-field-label {
				align-items: center;
				display: flex;
				flex-shrink: 0;
			}
		}
	}

	.elgg-fieldset-horizontal {
		flex-direction: row;
		
		> .elgg-field {
			vertical-align: top;
		}
		
		&.elgg-fieldset-wrap {
			flex-wrap: wrap;
		}
		
		&.elgg-justify-right {
			justify-content: flex-end;
		}
		
		&.elgg-justify-center {
			justify-content: center;
		}
	}
}

/* ***************************************
	AUTOCOMPLETE
*************************************** */
.ui-autocomplete {
	position: absolute;
	cursor: default;
	background-color: var(--elgg-layout-background-color);
	border: 1px solid var(--elgg-border-color-soft);
	overflow: hidden;
	border-radius: var(--elgg-border-radius-small);
	padding: 4px;
	
	.ui-menu-item {
		padding: 4px;
		border-radius: var(--elgg-border-radius-small);
	}
		
	.ui-menu-item-wrapper.ui-state-active {
		text-decoration: none;
		color: var(--elgg-anchor-color-hover);
		
		.elgg-autocomplete-item {
			background-color: var(--elgg-background-color-soft);
		}
	}
}

.elgg-autocomplete-item .elgg-body {
	max-width: 600px;
}

.elgg-autocomplete-item-remove {
	cursor: pointer;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* ***************************************
	DATE PICKER
**************************************** */
.ui-datepicker {
	display: none;
	margin: 0;
	padding: 0;
	border-radius: var(--elgg-border-radius-small);
	overflow: hidden;
	min-width: 300px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	border-top: 1px solid var(--elgg-border-color-soft);
	background: var(--elgg-layout-background-color);
}

.ui-datepicker-inline {
	box-shadow: none;
}

.ui-datepicker-header {
	position: relative;
	background: transparent;
	padding: 0.25em;
	border: 0;
	
	a {
		padding: 0 0.5em;
	}
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: 0.5em;
	cursor: pointer;
	
	&.ui-state-hover {
		border: none;
		background: transparent;
		font-weight: bold;
	}
	
	&.ui-state-disabled {
		display: none;
	}
}

.ui-datepicker-prev {
	left: 0.5rem;
}

.ui-datepicker-next {
	right: 0.5rem;
}

.ui-datepicker-title {
	line-height: 2rem;
	margin: 0 2rem;
	text-align: center;
	font-weight: normal;
	
	select {
		max-width: 6.25rem;
		display: inline-block;
		margin: 2px;
		border: 1px solid var(--elgg-border-color-mild);
		padding: 4px;
		border-radius: var(--elgg-border-radius-small);
	}
}

.ui-datepicker-calendar {
	width: 90%;
	margin: 4% auto;
	font-size: 0.85rem;
	
	.ui-state-default {
		border: 1px solid var(--elgg-border-color-mild);
		color: var(--elgg-text-color-strong);
		background: var(--elgg-layout-background-color);
		border-radius: var(--elgg-border-radius-small);
	}
	
	.ui-state-hover,
	.ui-state-active,
	.ui-state-active.ui-state-hover {
		border: 1px solid var(--elgg-border-color-highlight);
		box-shadow: 0 0 0 0 var(--elgg-border-color-strong) inset;
		font-weight: normal;
		color: var(--elgg-text-color-strong);
		background: var(--elgg-background-color-strong);
	}
	
	.ui-state-disabled .ui-state-default {
		border: none;
		color: var(--elgg-text-color-mild);
		cursor: not-allowed;
		background: none;
	}
}

.ui-datepicker {
	th {
		color: var(--elgg-text-color-strong);
		border: none;
		font-weight: bold;
		padding: 0.5rem 0.25rem;
		text-align: center;
	}
	
	td {
		padding: 1px;
		min-width: 2.5rem;
		
		span,
		a {
			display: block;
			padding: 0.25rem;
			text-align: center;
			text-decoration: none;
		}
	}
}
/* ***************************************
	ENTITY PICKER
*************************************** */
.elgg-entity-picker.elgg-state-disabled {
	> input,
	> label {
		display: none;
	}
}
.tagify__dropdown {
	--tagify-dd-color-primary: var(--elgg-background-color-highlight);
	--tagify-dd-bg-color: var(--elgg-layout-background-color);
}
.tagify {
	--tags-border-color: var(--elgg-border-color-mild);
	--tags-hover-border-color: var(--elgg-border-color-strong);
	--tags-focus-border-color: var(--elgg-border-color-strong);
	--tag-bg: var(--elgg-background-color-mild);
	--tag-hover: var(--elgg-background-color-strong);
	--tag-text-color: var(--elgg-text-color-strong);
	--tag-text-color--edit: var(--elgg-text-color-strong);
	--tag-pad: 0.3em 0.5em;
	--tag-inset-shadow-size: 1.1em;
	--tag-invalid-color: #d39494;
	--tag-invalid-bg: rgba(211, 148, 148, 0.5);
	--tag-remove-bg: rgba(211, 148, 148, 0.3);
	--tag-remove-btn-color: black;
	--tag-remove-btn-bg: none;
	--tag-remove-btn-bg--hover: #c77777;
	--input-color: inherit;
	--tag--min-width: 1ch;
	--tag--max-width: auto;
	--tag-hide-transition: 0.3s;
	--placeholder-color: rgba(0, 0, 0, 0.4);
	--placeholder-color-focus: rgba(0, 0, 0, 0.25);
	--loader-size: 0.8em;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	border: 1px solid var(--tags-border-color);
	border-radius: var(--elgg-border-radius-medium);
	background: var(--elgg-background-color-input);
	padding: 0;
	line-height: normal;
	cursor: text;
	outline: 0;
	position: relative;
	box-sizing: border-box;
	transition: 0.1s;
}
@keyframes tags--bump {
	30% {
		transform: scale(1.2);
	}
}
@keyframes rotateLoader {
	to {
		transform: rotate(1turn);
	}
}
.tagify:hover {
	border-color: #ccc;
	border-color: var(--tags-hover-border-color);
}
.tagify.tagify--focus {
	transition: 0s;
	border-color: #3595f6;
	border-color: var(--tags-focus-border-color);
}
.tagify[readonly]:not(.tagify--mix) {
	cursor: default;
}
.tagify[readonly]:not(.tagify--mix) > .tagify__input {
	visibility: hidden;
	width: 0;
	margin: 5px 0;
}
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
	padding: 0.3em 0.5em;
	padding: var(--tag-pad);
}
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
	background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
	box-shadow: none;
	filter: brightness(0.95);
}
.tagify[readonly] .tagify__tag__removeBtn {
	display: none;
}
.tagify--loading .tagify__input::before {
	content: none;
}
.tagify--loading .tagify__input::after {
	content: "";
	vertical-align: middle;
	opacity: 1;
	width: 0.7em;
	height: 0.7em;
	width: var(--loader-size);
	height: var(--loader-size);
	border: 3px solid;
	border-color: #eee #bbb #888 transparent;
	border-radius: 50%;
	animation: rotateLoader 0.4s infinite linear;
	margin: -2px 0 -2px 0.5em;
}
.tagify--loading .tagify__input:empty::after {
	margin-left: 0;
}
.tagify + input,
.tagify + textarea {
	display: block !important;
	order: 1;
	resize: none;
	border: 0 !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px 0 0 0 !important;
	color: transparent !important;
}
.tagify__tag {
	display: inline-flex;
	align-items: center;
	margin: 5px 0 5px 5px;
	position: relative;
	z-index: 1;
	outline: 0;
	cursor: default;
	transition: 0.13s ease-out;
}
.tagify__tag > div {
	vertical-align: top;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0.3em 0.5em;
	padding: var(--tag-pad, 0.3em 0.5em);
	color: #000;
	color: var(--tag-text-color, #000);
	line-height: inherit;
	border-radius: var(--elgg-border-radius-small);
	white-space: nowrap;
	transition: 0.13s ease-out;
}
.tagify__tag > div > * {
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
	min-width: 1ch;
	max-width: auto;
	min-width: var(--tag--min-width, 1ch);
	max-width: var(--tag--max-width, auto);
	transition: 0.8s ease, 0.1s color;
}
.tagify__tag > div > [contenteditable] {
	outline: 0;
	-webkit-user-select: text;
	user-select: text;
	cursor: text;
	margin: -2px;
	padding: 2px;
	max-width: 350px;
}
.tagify__tag > div::before {
	content: "";
	position: absolute;
	border-radius: inherit;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
	transition: 120ms ease;
	animation: tags--bump 0.3s ease-out 1;
	box-shadow: 0 0 0 1.1em #e5e5e5 inset;
	box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-bg, #e5e5e5) inset;
}
.tagify__tag:hover:not([readonly]) div::before {
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	box-shadow: 0 0 0 1.1em #d3e2e2 inset;
	box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-hover, #d3e2e2) inset;
}
.tagify__tag--loading {
	pointer-events: none;
}
.tagify__tag--loading .tagify__tag__removeBtn {
	display: none;
}
.tagify__tag--loading::after {
	--loader-size: 0.4em;
	content: "";
	vertical-align: middle;
	opacity: 1;
	width: 0.7em;
	height: 0.7em;
	width: var(--loader-size);
	height: var(--loader-size);
	border: 3px solid;
	border-color: #eee #bbb #888 transparent;
	border-radius: 50%;
	animation: rotateLoader 0.4s infinite linear;
	margin: 0 0.5em 0 -0.1em;
}
.tagify__tag--flash div::before {
	animation: none;
}
.tagify__tag--hide {
	width: 0 !important;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	opacity: 0;
	transform: scale(0);
	transition: 0.3s;
	transition: var(--tag-hide-transition, 0.3s);
	pointer-events: none;
}
.tagify__tag--hide > div > * {
	white-space: nowrap;
}
.tagify__tag.tagify--noAnim > div::before {
	animation: none;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
	opacity: 0.5;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
	box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
	box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-invalid-bg, rgba(211, 148, 148, 0.5)) inset !important;
	transition: 0.2s;
}
.tagify__tag[readonly] .tagify__tag__removeBtn {
	display: none;
}
.tagify__tag[readonly] > div::before {
	background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
	box-shadow: none;
	filter: brightness(0.95);
}
.tagify__tag--editable > div {
	color: #000;
	color: var(--tag-text-color--edit, #000);
}
.tagify__tag--editable > div::before {
	box-shadow: 0 0 0 2px #d3e2e2 inset !important;
	box-shadow: 0 0 0 2px var(--tag-hover, #d3e2e2) inset !important;
}
.tagify__tag--editable > .tagify__tag__removeBtn {
	pointer-events: none;
}
.tagify__tag--editable > .tagify__tag__removeBtn::after {
	opacity: 0;
	transform: translateX(100%) translateX(5px);
}
.tagify__tag--editable.tagify--invalid > div::before {
	box-shadow: 0 0 0 2px #d39494 inset !important;
	box-shadow: 0 0 0 2px var(--tag-invalid-color, #d39494) inset !important;
}
.tagify__tag__removeBtn {
	order: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	cursor: pointer;
	font: 14px/1 Arial;
	background: 0 0;
	background: var(--tag-remove-btn-bg, none);
	color: #000;
	color: var(--tag-remove-btn-color, #000);
	width: 14px;
	height: 14px;
	margin-right: 4.66667px;
	margin-left: auto;
	overflow: hidden;
	transition: 0.2s ease-out;
}
.tagify__tag__removeBtn::after {
	content: "\00D7";
	transition: 0.3s, color 0s;
}
.tagify__tag__removeBtn:hover {
	color: white;
	background: #c77777;
	background: var(--tag-remove-btn-bg--hover, #c77777);
}
.tagify__tag__removeBtn:hover + div > span {
	opacity: 0.5;
}
.tagify__tag__removeBtn:hover + div::before {
	box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
	box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
	transition: box-shadow 0.2s;
}
.tagify:not(.tagify--mix) .tagify__input br {
	display: none;
}
.tagify:not(.tagify--mix) .tagify__input * {
	display: inline;
	white-space: nowrap;
}
.tagify__input {
	flex-grow: 1;
	display: inline-block;
	min-width: 110px;
	margin: 5px;
	padding: 0.3em 0.5em;
	padding: var(--tag-pad, 0.3em 0.5em);
	line-height: inherit;
	position: relative;
	white-space: pre-wrap;
	color: inherit;
	color: var(--input-color, inherit);
	box-sizing: inherit;
}
.tagify__input:empty::before {
	transition: 0.2s ease-out;
	opacity: 1;
	transform: none;
	display: inline-block;
	width: auto;
}
.tagify--mix .tagify__input:empty::before {
	display: inline-block;
}
.tagify__input:focus {
	outline: 0;
}
.tagify__input:focus::before {
	transition: 0.2s ease-out;
	opacity: 0;
	transform: translatex(6px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tagify__input:focus::before {
		display: none;
	}
}
@supports (-ms-ime-align: auto) {
	.tagify__input:focus::before {
		display: none;
	}
}
.tagify__input:focus:empty::before {
	transition: 0.2s ease-out;
	opacity: 1;
	transform: none;
	color: rgba(0, 0, 0, 0.25);
	color: var(--placeholder-color-focus);
}
@-moz-document url-prefix() {
	.tagify__input:focus:empty::after {
		display: none;
	}
}
.tagify__input::before {
	content: attr(data-placeholder);
	height: 1em;
	line-height: 1em;
	margin: auto 0;
	z-index: 1;
	color: rgba(0, 0, 0, 0.4);
	color: var(--placeholder-color);
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	position: absolute;
}
.tagify--mix .tagify__input::before {
	display: none;
	position: static;
	line-height: inherit;
}
.tagify__input::after {
	content: attr(data-suggest);
	display: inline-block;
	white-space: pre;
	color: #000;
	opacity: 0.3;
	pointer-events: none;
	max-width: 100px;
}
.tagify__input .tagify__tag {
	margin: 0;
}
.tagify__input .tagify__tag > div {
	padding-top: 0;
	padding-bottom: 0;
}
.tagify--mix {
	display: block;
}
.tagify--mix .tagify__input {
	padding: 5px;
	margin: 0;
	width: 100%;
	height: 100%;
	line-height: 1.5;
	display: block;
}
.tagify--mix .tagify__input::before {
	height: auto;
}
.tagify--mix .tagify__input::after {
	content: none;
}
.tagify--select::after {
	content: ">";
	opacity: 0.5;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	font: 16px monospace;
	line-height: 8px;
	height: 8px;
	pointer-events: none;
	transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
	transition: 0.2s ease-in-out;
}
.tagify--select[aria-expanded="true"]::after {
	transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}
.tagify--select .tagify__tag {
	position: absolute;
	top: 0;
	right: 1.8em;
	bottom: 0;
}
.tagify--select .tagify__tag div {
	display: none;
}
.tagify--select .tagify__input {
	width: 100%;
}
.tagify--invalid {
	--tags-border-color: #d39494;
}
.tagify__dropdown {
	position: absolute;
	z-index: 9999;
	transform: translateY(1px);
	overflow: hidden;
}
.tagify__dropdown[placement="top"] {
	margin-top: 0;
	transform: translateY(-100%);
}
.tagify__dropdown[placement="top"] .tagify__dropdown__wrapper {
	border-top-width: 1px;
	border-bottom-width: 0;
}
.tagify__dropdown[position="text"] {
	box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
	font-size: 0.9em;
}
.tagify__dropdown[position="text"] .tagify__dropdown__wrapper {
	border-width: 1px;
}
.tagify__dropdown__wrapper {
	max-height: 300px;
	overflow: hidden;
	background: white;
	background: var(--tagify-dd-bg-color);
	border: 1px solid var(--elgg-border-color-strong);
	border-color: var(--tagify-dd-color-primary);
	border-width: 1.1px;
	border-top-width: 0;
	box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
	transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}
.tagify__dropdown__wrapper:hover {
	overflow: auto;
}
.tagify__dropdown--initial .tagify__dropdown__wrapper {
	max-height: 20px;
	transform: translateY(-1em);
}
.tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper {
	transform: translateY(2em);
}
.tagify__dropdown__item {
	box-sizing: inherit;
	padding: 0.3em 0.5em;
	margin: 1px;
	cursor: pointer;
	border-radius: var(--elgg-border-radius-small);
	position: relative;
	outline: 0;
}
.tagify__dropdown__item--active {
	background: #3595f6;
	background: var(--tagify-dd-color-primary);
	color: white;
}
.tagify__dropdown__item:active {
	filter: brightness(105%);
}
/* **************************
	BUTTONS
************************** */
.elgg-button,
button {
	display: inline-block;
	color: var(--elgg-text-color-strong);
	width: auto;
	height: 2.5rem;
	line-height: 1.75rem;
	padding: 0.325rem 1rem;
	cursor: pointer;
	border-radius: var(--elgg-border-radius-medium);
	transition: background-color 0.5s, color 0.5s;
	border: none;
	white-space: nowrap;
	
	&:hover,
	&:focus {
		background-color: var(--elgg-background-color-mild);
		text-decoration: none;
	}
}

.elgg-button-submit {
	background: var(--elgg-button-submit-background-color);
	color: var(--elgg-button-submit-font-color);
	
	&:hover,
	&:focus {
		background: var(--elgg-button-submit-background-color-hover);
		color: var(--elgg-button-submit-font-color-hover);
	}
}

.elgg-button-cancel {
	background: var(--elgg-button-cancel-background-color);
	color: var(--elgg-button-cancel-font-color);
	
	&:hover,
	&:focus {
		background: var(--elgg-button-cancel-background-color-hover);
		color: var(--elgg-button-cancel-font-color-hover);
	}
}

.elgg-button-action {
	background: var(--elgg-button-action-background-color);
	color: var(--elgg-button-action-font-color);
	
	&:hover,
	&:focus {
		background: var(--elgg-button-action-background-color-hover);
		color: var(--elgg-button-action-font-color-hover);
	}
}

.elgg-button-delete {
	background: var(--elgg-button-delete-background-color);
	color: var(--elgg-button-delete-font-color);
	
	&:hover,
	&:focus {
		background: var(--elgg-button-delete-background-color-hover);
		color: var(--elgg-button-delete-font-color-hover);
	}
}

.elgg-button-outline {
	border: 1px solid var(--elgg-border-color-mild);
}

.elgg-button-dropdown {
	background: none;
	text-decoration: none;
	display: block;
	position: relative;
	margin-left: 0;
	color: white;
	border: none;
	box-shadow: none;
	border-radius: 0;
	
	&:hover,
	&:focus,
	&.elgg-state-active {
		color: white;
		background: #60B8F7;
		text-decoration: none;
	}
}

.elgg-module-menu .elgg-button,
.elgg-message-menu .elgg-button,
.elgg-button.elgg-size-small {
	padding: 0.25rem 0.5rem;
	line-height: 1.5rem;
	height: 2rem;
}

.elgg-button {
	&:disabled,
	&.elgg-state-disabled {
		background: var(--elgg-button-disabled-background-color);
		color: var(--elgg-button-disabled-font-color);
		cursor: not-allowed;
	}
	
	& + .elgg-button {
		margin-left: 0.5rem;
	}
	
	* + .elgg-button-label {
		margin-left: 0.5rem;
	}
	
	.elgg-button-label + * {
		margin-left: 0.5rem;
	}
}
/* ***************************************
	AJAX LOADER
*************************************** */
@keyframes infinite-spinning {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.elgg-ajax-loader {
	background-color: #fff;
	height: 2.5rem;
	width: 2.5rem;
	animation: infinite-spinning 1s infinite linear;
	border-radius: 50%;
	border-width: 5px;
	border-color: var(--elgg-border-color-highlight) var(--elgg-border-color-soft) var(--elgg-border-color-soft);
	border-style: solid;
	display: block;
	margin: 0.75rem auto;
}
/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display: inline-block;
	
	> a {
		display: inline-block;
		
		img {
			display: inline-block;
			vertical-align: middle;
			width: 100%;
			height: auto;
		}
	}
	
	> img {
		display: block;
	}
}

.elgg-avatar-tiny,
.elgg-avatar-small,
.elgg-avatar-medium {
	img {
		border-radius: 50%;
	}
}

.elgg-avatar-tiny img {
	max-width: 25px;
	max-height: 25px;
}

.elgg-avatar-small img {
	max-width: 40px;
	max-height: 40px;
}

.elgg-avatar-medium img {
	max-width: 100px;
	max-height: 100px;
}

.elgg-state-banned {
	opacity: 0.5;
	
	&:hover {
		opacity: 1;
	}
}
/* ***************************************
	ANCHORS & BADGES
*************************************** */

.elgg-anchor {
	* {
		display: inline;
		
		+ .elgg-anchor-label {
			margin-left: 0.5rem;
		}
	}
	
	.elgg-icon {
		color: inherit;
		font-size: inherit;
	}
	
	img {
		vertical-align: middle;
	}
	
	.elgg-anchor-label + * {
		margin-left: 0.5rem;
	}
}

.elgg-badge {
	display: inline-block;
	color: var(--elgg-text-color-strong);
	background-color: var(--elgg-background-color-soft);
	padding: .15rem .5rem;
	margin-top: -.15rem;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
	font-size: 0.7rem;
	line-height: 1rem;
	font-weight: bold;
}

.elgg-skiplink {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	
	&:focus {
		position: fixed;
		
		width: auto;
		height: auto;
		
		left: 1rem;
		top: 1rem;
	}
}
/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 1rem auto;
	display: block;
	text-align: center;
	
	li {
		display: inline-block;
		text-align: center;
		margin-left: -1px;
		border: 1px solid var(--elgg-border-color-soft);
		
		&.elgg-state-disabled > span {
			color: var(--elgg-text-color-mild);
		}
		
		&.elgg-state-selected > span {
			color: var(--elgg-text-color-soft);
		}
		
		&:first-child {
			border-top-left-radius: var(--elgg-border-radius-small);
			border-bottom-left-radius: var(--elgg-border-radius-small);
		}
		
		&.elgg-pagination-previous {
			> a:before,
			> span:before {
				content: "\ab";
				margin-right: 0.5rem;
			}
		}
		
		&:last-child {
			border-top-right-radius: var(--elgg-border-radius-small);
			border-bottom-right-radius: var(--elgg-border-radius-small);
		}
		
		&.elgg-pagination-next {
			> a:after,
			> span:after {
				content: "\bb";
				margin-left: 0.5rem;
			}
		}
		
		> a,
		> span {
			display: inline-block;
			padding: 0.5rem 1rem;
			color: var(--elgg-text-color-strong);
		}
		
		> a:hover {
			background: var(--elgg-background-color-mild);
			text-decoration: none;
		}
	}
}
/* ***************************************
	MENUS
*************************************** */
.elgg-menu-container {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	
	&.elgg-menu-title-container {
		> .elgg-menu-hz {
			justify-content: flex-end;
		}
	}
}

@media screen and (min-width: 50rem) {
	.elgg-menu-container.elgg-menu-title-container {
		 flex-direction: row;
	}
}

.elgg-menu,
.elgg-child-menu {
	display: flex;
	flex-direction: column;
	
	> li {
		position: relative;
		
		&:last-child::after {
			display: none;
		}
		
		> a {
			display: block;
			line-height: 1.5rem;
		}
	}
}

.elgg-menu.elgg-menu-hz {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

.elgg-menu-item-has-dropdown .elgg-child-menu {
	display: none;
}

.elgg-menu-item-has-toggle > .elgg-child-menu {
	display: none;
	margin-left: 1rem;
}

.elgg-menu-item-has-toggle.elgg-state-selected > .elgg-child-menu {
	display: block;
}

.elgg-menu > li {
	> a .elgg-icon {
		&.elgg-state-opened,
		&.elgg-state-closed {
			font-size: 9px;
			color: inherit;
			line-height: inherit;
			margin: 0 0.5rem;
		}
	}
	
	> .elgg-menu-opened .elgg-icon {
		&.elgg-state-opened {
			display: inline-block;
		}
		&.elgg-state-closed {
			display: none;
		}
	}
	
	> .elgg-menu-closed .elgg-icon {
		&.elgg-state-opened {
			display: none;
		}
		&.elgg-state-closed {
			display: inline-block;
		}
	}
}

.elgg-menu:not(.elgg-menu-hz) .elgg-menu-item-has-toggle {
	.elgg-menu-closed:before,
	.elgg-menu-opened:before {
		font-family: var(--elgg-font-family-font-awesome);
		font-weight: 900;
		display: inline-block;
		float: right;
		font-size: 0.5rem;
		line-height: 1.5rem;
		width: 1rem;
		text-align: center;
	}

	.elgg-menu-closed:before {
		content: "\f105";
	}

	.elgg-menu-opened:before {
		content: "\f107";
	}
}

.elgg-menu.elgg-menu-hz:not(.elgg-menu-relationship):not(.elgg-menu-annotation) .elgg-menu-item-has-dropdown:not(.elgg-menu-item-title-menu-toggle),
.elgg-menu.elgg-menu-filter .elgg-menu-item-has-dropdown {
	.elgg-menu-closed:before,
	.elgg-menu-opened:before {
		font-family: var(--elgg-font-family-font-awesome);
		font-weight: 900;
		display: inline-block;
		float: right;
		font-size: 0.5rem;
		text-align: center;
		margin-left: 0.5rem;
		vertical-align: middle;
	}

	.elgg-menu-closed:before {
		content: "\f107";
	}

	.elgg-menu-opened:before {
		content: "\f106";
	}

}

.elgg-menu,
.elgg-child-menu {
	a:hover .elgg-icon {
		color: inherit;
	}
	
	.elgg-anchor-icon {
		color: inherit;
		font-size: inherit;
		
		+ .elgg-anchor-label {
			margin-left: 0.5rem;
		}
	}
}

/* ***************************************
	ENTITY NAVIGATION
*************************************** */
.elgg-menu-entity-navigation {
	flex-direction: row;
	
	.elgg-menu-item-next {
		margin-left: auto;
	}
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page-container .elgg-menu-section-header {
	font-size: 1.2rem;
	font-weight: 500;
	padding: 0.5rem;
}

.elgg-menu-page,
.elgg-menu-owner-block {
	background: var(--elgg-layout-background-color);
	border: 1px solid var(--elgg-border-color-soft);

	li:not(:last-child) {
		border-bottom: 1px solid var(--elgg-border-color-soft);
	}

	.elgg-child-menu {
		border-top: var(--elgg-border-color-soft);
	}

	.elgg-menu-item-has-toggle > .elgg-child-menu {
		margin: 0;
		border-top: 1px solid var(--elgg-border-color-soft);
	}

	.elgg-menu-item-has-toggle > .elgg-child-menu > li > a {
		padding-left: 2rem;
	}

	li > a,
	li > a {
		padding: 0.5rem 1rem;
		color: var(--elgg-text-color-strong);
		&:hover {
			background: var(--elgg-background-color-soft);
			text-decoration: none;
			color: var(--elgg-text-color-strong);
		}
	}

	li.elgg-state-selected > a {
		color: var(--elgg-text-color-strong);
		background-color: var(--elgg-background-color-mild);
	}

	.elgg-badge {
		float: right;
		margin-top: 0;
	}

	.elgg-anchor-icon {
		width: 1rem;
		display: inline-block;
		text-align: center;
		margin-right: 0.5rem;
	}
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	overflow: hidden;
	background-color: var(--elgg-layout-background-color);
	border: 1px solid var(--elgg-border-color-soft);
	border-radius: var(--elgg-border-radius-medium);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	min-width: 10rem;
}

.elgg-menu-hover-card-container {
	display: flex;
	flex-direction: column;
}

.elgg-menu-hover-card {
	padding: 1rem;
	max-width: 20rem;
	flex: 2;
}

.elgg-menu-hover,
.elgg-menu-hover-actions,
.elgg-menu-hover-admin {
	li:not(:last-child) {
		border-bottom: 1px solid var(--elgg-border-color-soft);
	}
	
	li > a {
		color: var(--elgg-text-color-strong);
		font-size: 0.9rem;
		transition: background-color 0.5s;
		text-decoration: none;
		padding: 0.5rem 1rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		
		&:hover {
			background: var(--elgg-background-color-strong);
			color: var(--elgg-text-color-strong);
		}
	}
}

.elgg-menu-hover {
	.elgg-child-menu {
		border: 1px solid var(--elgg-border-color-soft);
		border-width: 1px 0;
		margin: 0 0 -1px;
		
		&:before {
			content: "\25b2";
			color: var(--elgg-layout-background-color);
			font-size: 0.5rem;
			text-shadow: 0 -2px var(--elgg-border-color-mild);
			top: -0.5rem;
			left: 1.5rem;
			position: relative;
			margin-bottom: -0.75rem;
		}
	}
	
	.elgg-anchor-icon {
		width: 1.5rem;
		text-align: center;
		display: inline-block;
	}
	
	.elgg-menu {
		flex: 1 1 auto;
		max-width: 20rem;
		
		&.elgg-menu-hover-actions {
			border-top: 1px solid var(--elgg-border-color-soft);
		}
	}
	
	.elgg-menu-hover-admin a {
		color: #d33f49;
	}
}

.elgg-menu.elgg-menu-hover-admin {
	border-top: 1px solid var(--elgg-border-color-soft);
	max-width: unset;
}

/* ***************************************
	GENERAL MENU
*************************************** */
.elgg-menu-general > li,
.elgg-menu-general > li > a {
	display: inline-block;
	color: var(--elgg-text-color-soft);
}

.elgg-menu-general > li:after {
	content: "\007C";
	padding: 0 6px;
}

/* ***************************************
	ENTITY, SOCIAL, RIVER AND ANNOTATION
*************************************** */
.elgg-listing-summary-metadata > .elgg-menu-container,
.elgg-river-metadata > .elgg-menu-container,
.elgg-menu-annotation-container {
	float: right;
	margin-left: 0.75rem;
	display: flex;
	flex-direction: row;
	
	> .elgg-menu + .elgg-menu {
		margin-left: 1rem;
	}
}

.elgg-menu-river,
.elgg-menu-relationship,
.elgg-menu-entity,
.elgg-menu-entity-trash,
.elgg-menu-social,
.elgg-menu-annotation,
.elgg-menu-widget {
	font-size: 0.9rem;
	color: var(--elgg-text-color-mild);
	height: auto;
	vertical-align: middle;
	
	display: flex;
	flex-direction: row;
	row-gap: 0.25rem;

	> li {
		> a:not(.elgg-button) {
			&:not(.elgg-state-active):not(.elgg-state-selected) {
				color: inherit;
			}
			
			&:hover {
				color: var(--elgg-text-color-highlight);
				text-decoration: none;
			}
		}
	}
}

.elgg-menu-entity-default,
.elgg-menu-entity-trash-default,
.elgg-menu-relationship-default,
.elgg-menu-river-default {
	.elgg-menu-item-has-dropdown {
		font-size: 100%;
	}
}

.elgg-menu-social .elgg-anchor > span:not(:first-child).elgg-anchor-label {
	display: none;
}

/* ***************************************
	LOGIN MENU
*************************************** */
.elgg-menu-login-container {
	margin-top: 1rem;
	border-top: 1px solid var(--elgg-border-color-soft);
}

.elgg-menu-login > li {
	width: 100%;
	
	> a {
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
		color: #646464;
		display: block;
		
		&:hover {
			background: var(--elgg-background-color-soft);
			text-decoration: none;
		}
	}
}
/* ***************************************
	FILTER MENU AND TABS
*************************************** */
.elgg-menu-filter,
.elgg-tabs {
	border-bottom: 1px solid var(--elgg-border-color-soft);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	> li {
		border: 1px solid var(--elgg-border-color-soft);
		border-bottom-width: 0;
		background: var(--elgg-background-color-soft);
		flex-grow: 1;
		
		&.elgg-state-selected {
			background: var(--elgg-layout-background-color);
			
			> a {
				position: relative;
				top: 1px;
				background: var(--elgg-layout-background-color);
			}
		}
		
		> a {
			text-decoration: none;
			display: block;
			padding: 0.5rem 1rem;
			text-align: center;
			line-height: 1.5rem;
			color: var(--elgg-text-color-soft);
			
			&:hover {
				background: var(--elgg-layout-background-color);
				color: var(--elgg-text-color-strong);
			}
		}
	}
}

.elgg-menu-navigation-tabs-container {
	margin-bottom: 1rem;
}

@media screen and (min-width: 50rem) {
	.elgg-menu-filter,
	.elgg-tabs {
		> li {
			border-bottom-width: 1px;
			margin: .25rem 0 0 0.5rem;
			border-radius: var(--elgg-border-radius-small) var(--elgg-border-radius-small) 0 0;
			position: relative;
			top: 1px;
			flex-grow: 0;
		}
	}
	
	.elgg-menu-filter {
		.elgg-menu-item-sort-parent {
			margin-left: auto;
		}
	}
}
/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs.elgg-menu-hz {
	> li {
		> a {
			color: var(--elgg-text-color-soft);
			background-color: var(--elgg-layout-background-color);
			
			font-size: 0.9rem;
			border: 1px solid var(--elgg-border-color-soft);
			border-radius: var(--elgg-border-radius-medium);
			padding: 0.25rem 0.5rem;
			
			transition: background-color .5s, color .5s;
			
			&:hover {
				text-decoration: none;
				background-color: var(--elgg-background-color-strong);
				color: var(--elgg-text-color-strong);
			}
		}
	}
}
/* <style> /**/

/* ***************************************
	MODULES
*************************************** */
.elgg-module {
	display: block;
	
	&:not(:last-child) {
		margin-bottom: 2rem;
	}
	
	> .elgg-head {
		display: flex;
		
		> .elgg-module-menu {
			margin-left: auto;
		}
		
		h2 {
			font-size: 1.3rem;
		}
	}
}

/* ***************************************
	ASIDE
*************************************** */
.elgg-module-aside {
	> .elgg-head {
		padding: 0 0.5rem 1rem;
	}
	
	.elgg-gallery,
	.elgg-list {
		background: var(--elgg-layout-background-color);
	}
}

/* ***************************************
	INFO
*************************************** */
.elgg-module-info {
	border: 1px solid var(--elgg-border-color-soft);
	
	> .elgg-head {
		background-color: var(--elgg-background-color-mild);
		padding: 0.5rem 1rem;
		
		> * {
			color: var(--elgg-text-color-strong);
		}
	}
	
	> .elgg-body {
		padding: 1rem;
	}
	
	> .elgg-foot {
		padding: 0.5rem 1rem;
	}
}

/* ***************************************
	POPUP MODULE
*************************************** */
.elgg-module-popup {
	background: var(--elgg-layout-background-color);
	margin-bottom: 0;
	padding: 0.5rem;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	
	> .elgg-head {
		margin-bottom: 0.5rem;
		
		> * {
			color: var(--elgg-text-color-strong);
		}
	}
}

/* ***************************************
	DROPDOWN MODULE
*************************************** */
.elgg-module-dropdown {
	background-color: var(--elgg-layout-background-color);
	display: none;
	width: 15rem;
	padding: 2rem;
	margin-right: 0;
	position: absolute;
	right: 0;
	top: 100%;
	box-shadow: 0 2px 4px rgba(0, 0,0, 0.2);
}

/* ***************************************
	FEATURED MODULE
*************************************** */
.elgg-module-featured {
	border: 1px solid var(--elgg-border-color-highlight);
	
	> .elgg-head {
		background-color: var(--elgg-background-color-highlight);
		color: white;
		padding: 0.5rem 1rem;
		height: auto;
		overflow: hidden;
	}
	
	> .elgg-body {
		padding: 1rem;
	}
}
/* ***************************************
	Widgets
*************************************** */
.elgg-widgets-grid {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.elgg-widgets {
	flex-grow: 1;
	flex-basis: 100%;
	max-width: 100%;
}

@media screen and (min-width: 80rem) {
	.elgg-widgets-grid {
		flex-direction: row-reverse;
		align-items: stretch;
	}
}

.elgg-menu-title-widgets-container {
	justify-content: flex-end;
	flex-direction: row;
	padding: 0.5rem;
}

.elgg-widgets-add-panel {
	input[name="widget_search"] {
		height: auto;
	}
	
	ul {
		border-top: 1px solid var(--elgg-border-color-soft);
		margin-top: 0.5rem;
		
		> li {
			display: flex;
			justify-content: space-between;
			padding: 0.5rem;
			transition: background 0.2s linear;
			border-bottom: 1px solid var(--elgg-border-color-soft);
			
			&:hover {
				background: var(--elgg-background-color-mild);
			}
		}
	}
}

.elgg-widgets-add-actions {
	max-width: 10rem;
	text-align: right;
	padding-left: 0.25rem;
}

.elgg-widget-single.elgg-state-available .elgg-widgets-add-actions > span,
.elgg-widget-single.elgg-state-unavailable .elgg-widgets-add-actions .elgg-button-submit {
	display: none;
}

.elgg-module-widget {
	border: 1px solid var(--elgg-border-color-soft);
	
	&.elgg-state-draggable {
		&:hover {
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		}
		
		.elgg-widget-handle {
			cursor: move;
			flex-grow: 1;
		}
	}
	
	> .elgg-head {
		background-color: var(--elgg-background-color-mild);
		padding: 0.5rem 1rem;
		height: auto;
		overflow: hidden;
	}
	
	> .elgg-body {
		background-color: var(--elgg-layout-background-color);
		width: 100%;
	}
	
	.elgg-widget-content {
		padding: 1rem;
	}
}

.elgg-widget-placeholder {
	border: 1px dashed #a1a1a3;
	margin-bottom: 2rem;
}
/* ***************************************
	Image Block
*************************************** */
.elgg-image-block {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
	
	&:after {
		display: none;
	}
	
	&.elgg-chip {
		align-items: center;
	}
	
	> .elgg-body {
		flex: 1;
	}
}
/* ***************************************
	List
*************************************** */
.elgg-list > li {
	border-bottom: 1px solid var(--elgg-border-color-soft);
	padding: 1rem;
	
	&:last-child {
		border-bottom: 0;
	}
}

.elgg-no-results {
	padding: 0.5rem 1rem;
}

/* ***************************************
	List Item
*************************************** */
.elgg-listing-summary-title {
	line-height: 1.5rem;
	margin-bottom: 0.25rem;
	font-weight: 500;
	font-size: 1.2rem;
}

.elgg-listing-summary-content {
	margin-top: 0.5rem;
}

.elgg-listing-imprint {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1rem;
	
	.elgg-icon {
		margin-right: 0.5rem;
	}
}

/* ***************************************
	Full
*************************************** */

.elgg-listing-full {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	&.elgg-gallery-users > li {
		padding: 0.25rem;
	}
	
	> li {
		padding: 0.25em;
	}
}
/* ***************************************
	TABLES
*************************************** */
.elgg-table,
.elgg-table-alt {
	background-color: var(--elgg-layout-background-color);
	margin-bottom: 1rem;
	width: 100%;

	td,
	th {
		border-style: solid;
		border-width: 0 0 1px;
		border-color: var(--elgg-border-color-soft);
		padding: 0.5em 0.75em;
		vertical-align: top;
		background-color: var(--elgg-layout-background-color);
	}

	tr.elgg-state-selected td,
	tr.elgg-state-selected th,
	tr:hover td,
	tr:hover th {
		background-color: var(--elgg-background-color-soft);
	}

	thead th {
		font-weight: bold;
		border-width: 0 0 2px;
	}

	tfoot th {
		border-width: 2px 0 0;
		font-weight: bold;
	}
}

.elgg-table-alt th:first-child,
.elgg-table-alt td:first-child {
	width: 15rem;
}

@media screen and (min-width: 50rem) {
	.elgg-table,
	.elgg-table-alt {
		thead,
		tfoot {
			th {
				word-break: normal;
			}
		}
		
		td,
		th {
			&.elgg-nowrap {
				white-space: nowrap;
			}
		}
	}
}
/* ***************************************
	Messages
*************************************** */
.elgg-message {
	border-width: 1px;
	border-style: solid;
	border-radius: var(--elgg-border-radius-small);
	
	margin-bottom: 1rem;
	
	color: var(--elgg-text-color-strong);
	background-color: var(--elgg-background-color-soft);
	border-color: var(--elgg-border-color-strong);
	
	&.elgg-message-success {
		color: var(--elgg-state-success-font-color);
		background-color: var(--elgg-state-success-background-color);
		border-color: var(--elgg-state-success-border-color);
	}

	&.elgg-message-error {
		color: var(--elgg-state-danger-font-color);
		background-color: var(--elgg-state-danger-background-color);
		border-color: var(--elgg-state-danger-border-color);
	}
	
	&.elgg-message-help,
	&.elgg-message-info,
	&.elgg-message-notice {
		color: var(--elgg-state-notice-font-color);
		background-color: var(--elgg-state-notice-background-color);
		border-color: var(--elgg-state-notice-border-color);
	}
	
	&.elgg-message-warning {
		color: var(--elgg-state-warning-font-color);
		background-color: var(--elgg-state-warning-background-color);
		border-color: var(--elgg-state-warning-border-color);
	}
	
	> .elgg-inner {
		border-color: inherit;
	
		> .elgg-head {
			display: flex;
			column-gap: 1rem;
			align-items: center;
			
			background-color: var(--elgg-state-header-background-color);
			
			padding: 0.5rem 1rem;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: inherit;
			
			> .elgg-message-icon,
			> .elgg-message-title {
				font-weight: bold;
			}

			> .elgg-message-menu {
				margin-left: auto;
			}
		}
		
		> div:last-child {
			border-bottom: 0;
		}
		
		> .elgg-body {
			padding: 1rem;
			
			p {
				margin: 0;
			}
			
			a {
				text-decoration: underline;
			}
		}
	}
}
/* ***************************************
	River
*************************************** */
.elgg-module .elgg-list-river {
	border-top: none;
}

.elgg-river-layout .elgg-list-river {
	border-top: 1px solid var(--elgg-border-color-soft);
}

.elgg-list-river > li {
	border-bottom: 1px solid var(--elgg-border-color-soft);
}

.elgg-river-attachments,
.elgg-river-message,
.elgg-river-content {
	border-left: 1px solid var(--elgg-border-color-soft);
	margin: 0.5rem 0;
	padding-left: 1rem;
}

.elgg-river-attachments {
	.elgg-avatar,
	.elgg-icon {
		display: inline-block;
	}
	
	.elgg-icon-arrow-right {
		margin: 0.5rem;
	}
}

.elgg-river-more {
	border-color: var(--elgg-border-color-soft);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 0.5rem 1rem;
	font-size: 85%;
}

.elgg-river-item form {
	border-color: var(--elgg-border-color-soft);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 0.5rem;
	height: auto;
}
/*
* Comments
*/
.elgg-comments .elgg-list,
.elgg-river-comments {
	position: relative;
		
	/* Comments triangle */
	&:before {
		content: "\25b2";
		color: var(--elgg-layout-background-color);
		position: absolute;
		text-shadow: 0 -2px 0 var(--elgg-border-color-soft);
		font-size: 1rem;
		top: -1rem;
		left: 2rem;
		margin-right: 1.5rem;
		line-height: 1rem;
		padding-top: 4px;
		pointer-events: none;
	}
}

.elgg-river-comments {
	margin-top: 2rem;
	
	> li {
		border: 0;
		padding: 0;
		margin-top: -1px;
		
		/* Comment highlighting that automatically fades away */
		&.elgg-state-highlight {
			animation: comment-highlight 5s;
		}
	}
}

.comments-list {
	margin: 1.5rem 0 1rem 0;
	border: none;
	
	> li {
		border: 0;
		margin-top: -1px;
		padding: 0;
		
		&:target,
		&.elgg-state-highlight {
			> .elgg-listing-full > .elgg-listing-full-header {
				animation: comment-highlight 5s;
			}
		}
	}
}

.elgg-river-responses,
.elgg-comments {
	.elgg-item-object-comment {
		article {
			padding: 1rem;
			border-style: solid;
			border-color: var(--elgg-border-color-soft);
			border-width: 1px;
		}
		
		> .elgg-listing-full {
			gap: 0;
			
			> .elgg-listing-full-responses {
				padding: 0 0 0 2rem;
				border-left: 2px dashed var(--elgg-border-color-soft);
				display: flex;
				flex-direction: column;
			}
		}
	}
}

.elgg-module-comments {
	margin: 0;
}

#comments-login {
	width: auto;
	max-width: 300px;
	position: relative;
}

#comments {
	.elgg-form-comment-save {
		margin-top: 1rem;
		margin-bottom: 1rem;
		
		.elgg-field-label {
			display: none;
		}
	}
}

/* Standard syntax */
@keyframes comment-highlight {
	from {
		background: var(--elgg-state-notice-background-color);
	}
}
/* ***************************************
	Tags
*************************************** */
.elgg-tags > .elgg-icon {
	margin-right: 5px;
}
/* ***************************************
	 Level
*************************************** */
.elgg-level {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	
	> *:first-child {
		margin-right: auto;
	}
}
/* ***************************************
	  PROGRESS BAR
**************************************** */
.elgg-progressbar {
	height: 1rem;
	border: 1px solid #dcdcdc;
	border-radius: var(--elgg-border-radius-large);
}
.ui-progressbar-value {
	height: 1rem;
	background: #0078ac;
	border-radius: var(--elgg-border-radius-large);
	margin: -1px 0 0 -1px;
}
.elgg-progressbar-counter {
	float: left;
	color: white;
	margin: 1px;
}
.elgg-profile-fields {
	padding: 1.5rem;
	display: grid;
	row-gap: 1rem;
	
	.elgg-profile-field {
		display: grid;
		column-gap: 1rem;
		
		> .elgg-profile-field-label {
			display: flex;
			gap: .5rem;
			
			font-weight: var(--elgg-font-bold-weight);
			font-size: 0.85rem;
			color: var(--elgg-text-color-mild);
		}
	}
}

@media screen and (min-width: 50rem) {
	.elgg-profile-fields {
		.elgg-profile-field {
			grid-template-columns: 12rem 1fr;
		}
	}
}
.elgg-page-default {
	.elgg-page-section > .elgg-inner {
		max-width: var(--elgg-page-section-max-width);
		margin: 0 auto;
	}
	
	.elgg-page-header > .elgg-inner {
		padding: 0;
		margin: 0;
		max-width: unset;
		
		.elgg-header-image {
			width: 100%;
			height: 40vh;
			
			> div {
				background-size: cover;
				background-position: center;
				position: fixed;
				width: 100%;
				height: 40vh;
			}
		}
	}
	
	.elgg-page-topbar {
		padding: 0 1rem;
	}
	
	.elgg-page-body {
		position: relative;
		padding: 2rem 1rem;
		background: var(--elgg-body-background-color);
	}
	
	.elgg-page-footer {
		padding: 1rem;
	}
}
/* ***************************************
	SYSTEM MESSAGES
*************************************** */
.elgg-system-messages {
	position: fixed;
	top: 5rem;
	right: 1rem;
	max-width: 30rem;
	
	.elgg-message{
		position: relative;
		
		&:before {
			content: "x";
			top: -8px;
			right: -8px;
			position: absolute;
			
			color: inherit;
			border-width: 2px;
			border-style: solid;
			border-color: inherit;
			background: inherit;
			width: 20px;
			height: 20px;
			border-radius: 500px;
			text-align: center;
			cursor: pointer;
			
			font-size: 14px;
			font-weight: bold;
			line-height: 14px;
		}
	}
}

@media (hover: hover) {
	.elgg-system-messages .elgg-message:not(:hover):before {
		display: none;
	}
}
.elgg-nav-logo {
	left: 0;
	flex-grow: 1;
	
	.elgg-heading-site {
		font-size: 1.3rem;
		line-height: 3rem;
		font-weight: 700;
	}
	
	a {
		padding: 0.5rem 1rem 0.5rem 0;
		display: inline-block;
	}
	
	img {
		max-height: 2rem;
		vertical-align: middle;
		line-height: 2rem;
	}
}

#login-dropdown {
	order: 2;
	position: static;
	top: auto;
	right: auto;
	
	a {
		padding: 0.5rem 1rem;
		line-height: 3rem;
		display: inline-block;
		
		&:hover {
			background-color: rgba(255, 255, 255, 0.1);
		}
	}
}

#login-dropdown-box {
	border-top: 0;
	border-radius: 0;
	width: auto;
	max-width: 300px;
	position: relative;
	
	&:before {
		content: "\25b2";
		color: var(--elgg-layout-background-color);
		position: absolute;
		font-size: 1rem;
		top: -1rem;
		right: 0;
		margin-right: 1.5rem;
	}
}

.elgg-nav-collapse {
	height: auto;
	width: 100%;
	flex-grow: 4;
	order: 4;
	display: none;
}

.elgg-nav-collapsed .elgg-nav-collapse {
	display: flex;
	flex-direction: column;
}

.elgg-nav-button {
	width: 20px;
	height: 15px;
	position: relative;
	margin: 10px 0 10px 20px;
	transform: rotate(0deg);
	transition: ease-in-out 0.5s;
	cursor: pointer;
	display: block;
	order: 3;
	flex-grow: 0;
	
	span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: white;
		border-radius: var(--elgg-border-radius-small);
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: ease-in-out 0.25s;
		
		&:nth-child(1) {
			top: 0;
		}
		
		&:nth-child(2) {
			top: 6px;
		}
		
		&:nth-child(3) {
			top: 12px;
		}
	}
}

.elgg-nav-collapsed .elgg-nav-button span {
	&:nth-child(1) {
		top: 6px;
		transform: rotate(135deg);
	}
	
	&:nth-child(2) {
		opacity: 0;
		left: -60px;
	}
	
	&:nth-child(3) {
		top: 6px;
		transform: rotate(-135deg);
	}
}

html.elgg-nav-collapsed {
	overflow: hidden;
	
	.elgg-page-topbar {
		height: 100vh;
		overflow-y: scroll;
	}
}

.elgg-page-topbar {
	background: var(--elgg-topbar-background-color);
	position: sticky;
	top: 0;
	
	> .elgg-inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	
	a {
		color: white;
		text-decoration: none;
	}

	.elgg-menu-container {
		flex-direction: column;
		
		> .elgg-menu > li {
			> a.elgg-non-link:before {
				content: "\f107";
				font-family: var(--elgg-font-family-font-awesome);
				font-weight: 900;
				font-size: 0.5rem;
				display: none;
				width: 1.5rem;
				text-align: center;
				float: right;
			}
		}
	}
	
	.elgg-menu-topbar-container {
		order: 2;
		
		.elgg-badge {
			background-color: var(--elgg-topbar-indicator);
			color: var(--elgg-text-color-strong);
		}
	}
	
	.elgg-menu-site-container {
		order: 3;
	}
	
	.elgg-menu {
		width: 100%;
		
		li {
			display: block;
			width: 100%;
			
			> a {
				padding: 0.5rem 1rem;
				transition: background-color 0.5s, color 0.5s;
				border-top: 1px solid rgba(0, 0, 0, 0.05);
			}
			
			.elgg-child-menu {
				margin: 1px 0 0 1rem;
				border-left: 1px solid rgba(255, 255, 255, 0.1);
			}
		}
		
		.elgg-menu-item-account img {
			max-height: 2rem;
		}
		
		li:hover > a,
		li.elgg-state-selected > a {
			background-color: rgba(255, 255, 255, 0.1);
		}
		
		> li > a .elgg-icon {
			width: 1.5rem;
			display: inline-block;
			text-align: center;
			margin: 0;
		}
		
		.elgg-menu-item-more,
		.elgg-menu-item-account {
			> .elgg-menu-parent {
				display: none;
			}
			
			> .elgg-child-menu {
				margin-left: 0;
				border: none;
			}
		}
	}
}

*[id] {
	/* correcting for sticky topbar */
	scroll-margin-top: 4rem;
}

@media screen and (min-width: 80rem) {
	.elgg-nav-logo {
		flex-grow: 0;
	}
	
	.elgg-nav-button {
		display: none;
	}
	
	#login-dropdown {
		order: 5;
	}
	
	.elgg-nav-collapse {
		position: relative;
		top: auto;
		bottom: auto;
		width: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		
		> .elgg-menu-container > .elgg-menu > li {
			> a.elgg-non-link:before {
				display: inline-block;
			}
		}
	}

	.elgg-page-topbar {
		.elgg-menu-site-container {
			order: 1;
			margin-right: auto;
			
			.elgg-menu-site {
				.elgg-anchor-icon {
					display: none;
					& + .elgg-anchor-label {
						margin-left: 0;
					}
				}
			}
		}
		
		.elgg-nav-search {
			order: 2;
		}
				
		.elgg-menu-container {
			flex-direction: row;
			align-items: center;
		}
		
		.elgg-menu-topbar-container {
			order: 3;
			
			.elgg-menu-topbar-alt {
				order: 2;
			}
		}
		
		.elgg-menu {
			width: auto;
			flex-direction: row;
			align-items: center;
			
			&.elgg-child-menu > li {
				display: block;
				width: 100%;
				
				> a {
					border-top: 1px solid rgba(0, 0, 0, 0.05);
				}
				
				&:hover > a {
					background-color: rgba(255, 255, 255, 0.1);
				}
			}
			
			&:not(.elgg-child-menu) > li > a {
				padding: 0.5rem 1rem;
				line-height: 3rem;
				vertical-align: middle;
			}
			
			li {
				display: inline-block;
				width: auto;
				position: relative;
				
				&:focus-within,
				&:hover {
					> .elgg-child-menu {
						display: flex;
						animation: menuGrowDown 300ms ease-in-out forwards;
						transform-origin: top center;
					}
				}

				> a {
					border: none;
				}
				
				.elgg-child-menu {
					margin: 0;
					border-left: none;
				
					display: none;
					flex-direction: column;
					position: absolute;
					left: 0;
					width: 12rem;
					background: var(--elgg-topbar-background-color);
					align-items: flex-start;
					box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
					
					.elgg-child-menu {
						top: 0;
						left: 100%;
						margin: 0;
					}
					
					.elgg-menu-parent:before {
						content: "\f105";
						font-family: var(--elgg-font-family-font-awesome);
						font-weight: 900;
						font-size: 0.5rem;
						line-height: 1.5rem;
						width: 1.5rem;
						text-align: center;
						float: right;
					}
				}
				
				&.elgg-menu-item-more,
				&.elgg-menu-item-account {
					> .elgg-menu-parent {
						display: inline-block;
						width: 100%;
					}
					
					> .elgg-child-menu {
						right: 0;
						left: unset;
					}
				}
			}
		}
				
		.elgg-menu-topbar {
			> li > a {
				.elgg-icon + .elgg-anchor-label {
					display: none;
				}
				
				.elgg-badge {
					position: absolute;
					top: 1rem;
					left: 1.5rem;
					z-index: 1;
				}
			}
		}
	}
}

@keyframes menuGrowDown {
	0% {
		transform: scaleY(0);
	}
	80% {
		transform: scaleY(1.1);
	}
	100% {
		transform: scaleY(1);
	}
}
.elgg-nav-button {
    margin-left: 1rem;
    right: 0;
}

.elgg-page-default .elgg-page-topbar {
    > .elgg-inner {
        justify-content: center;
    }

    .elgg-menu {
        li > a {
            border-top: 0 !important;
        }

        li.elgg-menu-parent:hover > .elgg-child-menu,
        li.elgg-menu-item-account:hover > .elgg-child-menu  {
            display: none !important;
        }

        li.elgg-menu-item-account > a:hover,
        li.elgg-menu-item-account.elgg-state-selected > a {
            background-color: transparent;
        }

        .elgg-menu-item-account {
            img {
                min-width: auto;
            }
        }
    }

    .elgg-menu:not(.elgg-child-menu) > li > a {
        line-height: 1.5rem;
    }

    .elgg-menu-site .elgg-menu-item-more .elgg-icon-angle-down,
    .elgg-menu-topbar .elgg-menu-item-account .elgg-icon-angle-down {
        display: none;
    }

    .elgg-menu-topbar .elgg-menu-item-account {
        > .elgg-menu-parent {
            display: block;
        }
    }

    .elgg-menu-topbar-container {
        flex-direction: row-reverse;
        align-items: center;

        .elgg-menu-topbar {
            flex-direction: row;
        }
    }

    .elgg-menu-topbar:not(.elgg-child-menu) > li > a .elgg-icon + .elgg-anchor-label,
    .elgg-menu-topbar:not(.elgg-child-menu) li > a.elgg-menu-parent .elgg-anchor-label {
        display: none;
    }
}

.elgg-page-default .elgg-page-topbar .elgg-menu:not(.elgg-menu-hz) .elgg-badge:empty {
    display: none;
}

@media $(media-desktop-up) {
    .elgg-page-default .elgg-page-topbar  {
        .elgg-menu li:hover > .elgg-child-menu {
            border-radius: 6px;
            overflow: hidden;
        }

        .elgg-menu li .elgg-child-menu {
            top: 0;
        }

        .elgg-menu li:hover > .elgg-child-menu:before {
            content: none;
        }

        .elgg-menu-topbar > li > a .elgg-badge {
            position: absolute;
            top: 0;
            right: 0;
        }
    }
}

@media $(media-desktop-down) {
    .elgg-page-default .elgg-page-topbar  {
        .elgg-menu-topbar > li > a .elgg-badge {
            position: absolute;
            top: 0;
            right: 0;
        }
    }
}

@media $(media-tablet-up) {
    .elgg-nav-button {
        display: none;
    }
    .elgg-nav-collapse {
        position: relative;
        top: auto;
        bottom: auto;
        width: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .elgg-page-default .elgg-page-topbar {
        > .elgg-inner {
            justify-content: space-between;
        }
        .elgg-nav-search {
            order: 2;
        }

        .elgg-menu-container {
            flex-direction: row;
            align-items: center;
            order: 1;
            margin-right: auto;
        }

        .elgg-menu-topbar-container {
            order: 4;
            margin-left: auto;
            margin-right: 0;
        }

        .elgg-menu {
            width: auto;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;

            li {
                display: inline-block;
                width: auto;
                position: relative;

                > a {
                    border: none;
                }
            }
        }

        .elgg-menu-site > .elgg-menu-parent,
        .elgg-menu-site .elgg-menu-item-more > .elgg-menu-parent,
        .elgg-menu-topbar .elgg-menu-item-account > .elgg-menu-parent {
            display: inline-block;
            width: 100%;
        }

        .elgg-menu li .elgg-child-menu {
            display: none;
            flex-direction: column;
            position: absolute;
            top: 100%;
            right: 0;
            width: 12rem;
            background: $(topbar-background-color);
            align-items: flex-start;
            box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            z-index: 6;
        }

        .elgg-menu-site li .elgg-child-menu .elgg-child-menu {
            top: 0;
            left: 100%;
            right: auto;
            margin: 0;
        }

        .elgg-menu-topbar li .elgg-child-menu .elgg-child-menu {
            top: 0;
            right: 100%;
            left: auto;
            margin: 0;
        }

        .elgg-menu li:hover > .elgg-child-menu {
            display: flex;
        }

        .elgg-menu li:hover > .elgg-child-menu:before {
            content: none;
            color: $(topbar-background-color);
            position: absolute;
            text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.05);
            font-size: 1rem;
            top: -1rem;
            right: 0;
            margin-right: 1.5rem;
            line-height: 1rem;
            padding-top: 3px;
        }

        .elgg-menu-site li .elgg-child-menu li:hover > .elgg-child-menu:before {
            content: "\25c0";
            top: 0;
            right: 100%;
            margin: 13px -1px 0 0;
            text-shadow: -2px 0 rgba(0, 0, 0, 0.05);
            padding: 0;
        }

        .elgg-menu-topbar li .elgg-child-menu li:hover > .elgg-child-menu:before {
            content: "\25b6";
            top: 0;
            left: 100%;
            margin: 13px 0 0 -2px;
            padding: 0;
        }

        .elgg-menu:not(.elgg-child-menu) > li > a,
        .elgg-menu.elgg-child-menu > li > a {
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            max-width: 100%;
        }

        .elgg-menu.elgg-child-menu > li {
            display: block;
            width: 100%;
        }

        .elgg-menu-topbar > li > a .elgg-icon + .elgg-anchor-label {
            display: none;
        }

        .elgg-menu-topbar > li > a .elgg-badge {
            position: absolute;
            top: 0;
            right: 0;
        }

        .elgg-menu-topbar-alt {
            order: 2;
        }

        .elgg-menu:not(.elgg-child-menu) > li > a {
            padding: 0.5rem 1rem;
            vertical-align: middle;
            border: 1px solid transparent;
        }
    }
}

@media $(media-tablet-only) {
    .elgg-page-default .elgg-page-topbar {
        .elgg-menu:not(.elgg-child-menu) > li > a .elgg-icon + .elgg-anchor-label,
        .elgg-menu:not(.elgg-child-menu) li > a.elgg-menu-parent .elgg-anchor-label {
            display: none;
        }

        .elgg-menu-site-container .elgg-menu-site .elgg-anchor-icon {
            margin-right: 0;
            + .elgg-anchor-label {
                margin-left: 0.5rem;
            }
        }

        .elgg-menu-site-container .elgg-menu-site .elgg-anchor-icon-alt {
            margin-left: 0;
            + .elgg-anchor-label {
                margin-right: 0.5rem;
            }
        }

        .elgg-menu-site-container .elgg-menu-site .elgg-menu-item-more .elgg-anchor-icon {
            margin-right: .5rem;
        }
    }
}

@media $(media-mobile-only) {
    .elgg-page-default .elgg-page-topbar {
        .elgg-menu {
            .elgg-menu-item-account {
                img {
                    max-width: 24px;
                }
            }
        }
    }

    .elgg-menu-site>li>a.elgg-menu-parent {
       display: none;
    }
}

#account-menu {
    max-width: 12rem;
    padding: 0;
    background-color: $(topbar-background-color);
    box-shadow: none;

    li {
        &> a {
            background-color: $(topbar-background-color) !important;
            color: #fff !important;
            width: 100%;
        }
    }

    li:hover,li>a:hover {
        color: #fff !important;
    }

    li:not(:last-child) {
        border-bottom: 1px solid $(border-color-soft) !important;
    }
}/* ***************************************
	HEADER
*************************************** */
.elgg-layout-header {
	padding: 0 0 1rem;
	border-bottom: 1px solid var(--elgg-border-color-soft);
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	
	> h1 {
		order: 1;
		flex-basis: 30%;
		flex-grow: 1;
		
		font-size: 2rem;
	}
	
	> .elgg-menu-container {
		order: 2;
		align-items: center;
	}
}

@media screen and (min-width: 80rem) {
	.elgg-layout-header {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0;
		
		> .elgg-menu-container {
			margin-left: auto;
		}
	}
}
.elgg-layout {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	gap: 2rem;
	
	> .elgg-layout-sidebar-alt {
		order: 0;
	}
	
	> .elgg-layout-body {
		flex: 1;
		min-width: 1%;
		background: var(--elgg-layout-background-color);
		padding: 1rem;
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
	}
	
	> .elgg-layout-sidebar {
		order: 2;
	}
}

@media screen and (min-width: 80rem) {
	.elgg-layout {
		flex-direction: row;
		min-height: calc(100vh - 8rem);
		
		> .elgg-layout-body {
			padding: 2rem;
		}
		
		> .elgg-layout-sidebar {
			width: 18rem;
		}
		
		> .elgg-layout-sidebar-alt {
			max-width: 18rem;
		}
	}
}
/* ***************************************
	FOOTER
*************************************** */
.elgg-page-footer {
	position: relative;
	background: var(--elgg-background-color-soft);
	border-top: 1px solid var(--elgg-border-color-soft);
	color: var(--elgg-text-color-soft);
	font-size: 0.9rem;
	min-height: 4rem;
	
	a {
		color: var(--elgg-text-color-soft);
		
		&:hover {
			color: var(--elgg-text-color-highlight);
		}
	}
}

/* ***************************************
	FOOTER MENU
*************************************** */
.elgg-page-footer .elgg-menu-container {
	flex-direction: column;
	justify-content: flex-start;
}

.elgg-menu-footer {
	flex-direction: column;
	margin-bottom: 1rem;
	
	> li > a {
		padding: 0.5rem 1rem;
	}
}

@media screen and (min-width: 80rem) {
	.elgg-page-footer .elgg-menu-container {
		flex-direction: row;
		justify-content: flex-end;
	}

	.elgg-menu-footer {
		flex-direction: row;
		margin-bottom: 0;
	}

	.elgg-menu-footer-default {
		margin-right: auto;
	}
}
#elgg-scroll-to-top {
	display: none;
	font-size: 1.5rem;
	padding: 0.5rem 1rem;
	border-radius: var(--elgg-border-radius-medium);
	background: var(--elgg-background-color-soft);
	color: var(--elgg-text-color-highlight);
	border: 1px solid var(--elgg-border-color-highlight);
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	
	text-decoration: none;
	opacity: 0.8;
	
	&:hover {
		opacity: 1;
	}
}
/* ***************************************
	FIXED POSITION AJAX INDICATOR
*************************************** */

.elgg-spinner {
	/* general spinner styles */
	background: var(--elgg-layout-background-color);
	padding: 0.5rem;
	border: 1px solid var(--elgg-border-color-soft);
	border-top: 0;
	border-radius: 0 0 var(--elgg-border-radius-large) var(--elgg-border-radius-large);
	/* negative half the width for proper centering */
	transform: translateX(-50%);

	position: fixed;
	top: 0;

	/* transitioned values */
	left: -10000px;
	opacity: 0;

	/* fade out over 300ms, then jump offscreen */
	transition: opacity 300ms ease-in-out, left 0s linear 300ms;
	
	.elgg-spinner-text {
		color: var(--elgg-text-color-strong);
	}
}

.elgg-spinner-active .elgg-spinner {
	left: 50%;
	opacity: 1;

	/* set values immediately */
	transition: opacity 0s, left 0s;
}
/* <style> /**/

.hidden,
.elgg-page .hidden,
.elgg-menu > li.hidden {
	display: none;
}

.center,
.elgg-justify-center {
	text-align: center;
}

.elgg-justify-right {
	text-align: right;
}

.elgg-justify-left {
	text-align: left;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover:not(:hover) .elgg-discoverable {
	display: none;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid var(--elgg-border-color-soft);
}
.elgg-divide-top {
	border-top: 1px solid var(--elgg-border-color-soft);
}
.elgg-divide-bottom {
	border-bottom: 1px solid var(--elgg-border-color-soft);
}
.elgg-divide-left {
	border-left: 1px solid var(--elgg-border-color-soft);
}
.elgg-divide-right {
	border-right: 1px solid var(--elgg-border-color-soft);
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0;}
.prn, .phn{padding-right:0;}
.pln, .phn{padding-left:0;}
.ptn, .pvn{padding-top:0;}
.pbn, .pvn{padding-bottom:0;}

.pas{padding:5px;}
.prs, .phs{padding-right:5px;}
.pls, .phs{padding-left:5px;}
.pts, .pvs{padding-top:5px;}
.pbs, .pvs{padding-bottom:5px;}

.pam{padding:10px;}
.prm, .phm{padding-right:10px;}
.plm, .phm{padding-left:10px;}
.ptm, .pvm{padding-top:10px;}
.pbm, .pvm{padding-bottom:10px;}

.pal{padding:20px;}
.prl, .phl{padding-right:20px;}
.pll, .phl{padding-left:20px;}
.ptl, .pvl{padding-top:20px;}
.pbl, .pvl{padding-bottom:20px;}

/* Margin */
.man{margin:0;}
.mrn, .mhn{margin-right:0;}
.mln, .mhn{margin-left:0;}
.mtn, .mvn{margin-top:0;}
.mbn, .mvn{margin-bottom:0;}

.mas{margin:5px;}
.mrs, .mhs{margin-right:5px;}
.mls, .mhs{margin-left:5px;}
.mts, .mvs{margin-top:5px;}
.mbs, .mvs{margin-bottom:5px;}

.mam{margin:10px;}
.mrm, .mhm{margin-right:10px;}
.mlm, .mhm{margin-left:10px;}
.mtm, .mvm{margin-top:10px;}
.mbm, .mvm{margin-bottom:10px;}

.mal{margin:20px;}
.mrl, .mhl{margin-right:20px;}
.mll, .mhl{margin-left:20px;}
.mtl, .mvl{margin-top:20px;}
.mbl, .mvl{margin-bottom:20px;}
/* ***************************************
	z-index
*************************************** */

.elgg-page-maintenance-background,
.elgg-page-walled-garden-background {
	z-index: 10;
}

.elgg-page-walled-garden,
.elgg-page-maintenance {
	> .elgg-inner {
		z-index: 20;
	}
}

.elgg-comments .elgg-list:before,
.elgg-river-comments:before {
	z-index: 30;
}

.elgg-page-topbar {
	z-index: 35;
}

#login-dropdown-box {
	z-index: 40;
}

#login-dropdown-box:before {
	z-index: 50;
}

.elgg-module-popup,
.elgg-module-dropdown {
	z-index: 60;
}

@media screen and (min-width: 80rem) {
	.elgg-page-topbar .elgg-menu li .elgg-child-menu {
		z-index: 70;
	}
	
	.elgg-page-topbar .elgg-menu li:hover > .elgg-child-menu:before {
		z-index: 80;
	}
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
	z-index: 90;
}

.ui-autocomplete,
.ui-datepicker {
	z-index: 100;
}

.elgg-skiplink,
.elgg-system-messages {
	z-index: 1000;
}

.elgg-spinner {
	z-index: 2000;
}

.elgg-menu.elgg-state-popped {
	z-index: 3000;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: var(--elgg-layout-background-color);
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
	background: var(--elgg-layout-background-color);
	margin: 20px;
	border: 10px var(--elgg-border-color-soft) solid;
	border-radius: var(--elgg-border-radius-medium);
	max-width: 95%;
	max-width: -webkit-calc(100vw - 60px);
	max-width: calc(100vw - 60px);
	max-height: 95%;
	max-height: -webkit-calc(100vh - 60px);
	max-height: calc(100vh - 60px);
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 95%;
	max-width: -webkit-calc(100vw - 60px);
	max-width: calc(100vw - 60px);
	max-height: 95%;
	max-height: -webkit-calc(100vh - 60px);
	max-height: calc(100vh - 60px);
	box-sizing: border-box !important;
	
	> .elgg-module {
		border: none;
		
		&:last-child {
			margin-bottom: 0;
		}
	}
}

#cboxLoadedContent > *:not(.cboxPhoto) {
	padding: 15px;
	box-sizing: border-box;
}

#cboxTitle {
	position: absolute;
	bottom: -35px;
	max-width: 80%;
	font-weight: bold;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
	margin: auto;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	background: var(--elgg-layout-background-color);
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
	display: none;
}

#cboxError {
	border: 1px solid rgba(204, 204, 204, 0.5);
	padding: 50px;
}

#cboxCurrent {
	position: absolute;
	right: 0;
	bottom: -35px;
}

#cboxLoadingOverlay:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.25rem;
	margin-top: -1.25rem;
	background-color: var(--elgg-layout-background-color);
	height: 2.5rem;
	width: 2.5rem;
	animation: infinite-spinning 1s infinite linear;
	border-radius: 50%;
	border-width: 5px;
	border-color: var(--elgg-border-color-highlight) var(--elgg-border-color-soft) var(--elgg-border-color-soft);
	border-style: solid;
	display: block;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	overflow: visible;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
}

#cboxSlideshow {
	position: absolute;
	bottom: 0;
	right: 42px;
	color: #2d3047;
}

#cboxClose, #cboxPrevious, #cboxNext {
	position: absolute;
	width: 22px;
	height: 22px;
	font-size: 12px;
	line-height: 12px;
	top: 50%;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	background: #000;
	color: white;
	text-align: center;
	box-shadow: 0 0 0 2px white;
}

#cboxPrevious {
	left: 0;
	margin-left: -15px;
	top: 50%;
	margin-top: -13px;
}

#cboxNext {
	right: 0;
	margin-right: -15px;
	top: 50%;
	margin-top: -13px;
}

#cboxClose {
	top: 0;
	right: 0;
	margin: -15px;
}

#colorbox,
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}
.elgg-entity-edit-icon-crop-wrapper {
	max-height: 400px;
	
	> img {
		max-width: 100%;
	}
}
.elgg-river-selector {
	text-align: right;
	
	.elgg-field-label, .elgg-field-input {
		display: inline-block;
	}

	.elgg-field-input {
		margin-left: 10px;
	}
}
.groups-profile-fields {
	border: 1px solid var(--elgg-border-color-soft);
}

#groups-tools {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
	grid-gap: 0 2rem;
	margin: 1rem 0 0;
}
/* **************************
		File Plugin
************************** */

.file-photo {
	text-align: center;
	margin: 1rem auto;
}

.file-gallery-item {
	text-align: center;
	width: 10rem;
	
	.elgg-listing-summary-title {
		font-weight: 500;
		margin-bottom: .5rem;
	}
	
	.elgg-icon {
		font-size: 10rem;
	}
}

.elgg-menu-filter .elgg-menu-item-file-list {
	float: right;
	margin-right: 0.5rem;
	background: none;
	border: none;
}
@media screen and (min-width: 50rem) {
	.custom-index {
		display: grid;
		column-gap: 2rem;
		grid-template-columns: 1fr 1fr;
	}
}
/*
 * CKEditor 5 (v41.3.1) content styles.
 * Generated on Wed, 17 Apr 2024 11:15:46 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

:root {
	--ck-color-image-caption-background: hsl(0, 0%, 97%);
	--ck-color-image-caption-text: hsl(0, 0%, 20%);
	--ck-color-mention-background: none !important;
	--ck-color-mention-text: var(--elgg-anchor-color) !important;
	--ck-color-selector-caption-background: hsl(0, 0%, 97%);
	--ck-color-selector-caption-text: hsl(0, 0%, 20%);
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
	--ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
	table-layout: fixed;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
	overflow: hidden;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
	overflow-wrap: break-word;
	position: relative;
}
/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-selector-caption-text);
	background-color: var(--ck-color-selector-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
	margin: 0.9em auto;
	display: table;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double hsl(0, 0%, 70%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
	min-width: 2em;
	padding: .4em;
	border: 1px solid hsl(0, 0%, 75%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
	font-weight: bold;
	background: hsla(0, 0%, 0%, 5%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
	text-align: right;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
	text-align: left;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
	content: '';
	position: absolute;
	border-bottom: 2px dashed hsl(0, 0%, 77%);
	width: 100%;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
	list-style: none;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
	position: relative;
	margin-bottom: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
	margin-top: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	width: var(--ck-todo-list-checkmark-size);
	height: var(--ck-todo-list-checkmark-size);
	vertical-align: middle;
	border: 0;
	left: -25px;
	margin-right: -15px;
	right: 0;
	margin-left: 0;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
	left: 0;
	margin-right: 0;
	right: -25px;
	margin-left: -15px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
	display: block;
	position: absolute;
	box-sizing: border-box;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid hsl(0, 0%, 20%);
	border-radius: 2px;
	transition: 250ms ease-in-out box-shadow;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
	display: block;
	position: absolute;
	box-sizing: content-box;
	pointer-events: none;
	content: '';
	left: calc( var(--ck-todo-list-checkmark-size) / 3 );
	top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
	width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
	height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
	border-style: solid;
	border-color: transparent;
	border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
	transform: rotate(45deg);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
	background: hsl(126, 64%, 41%);
	border-color: hsl(126, 64%, 41%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
	border-color: hsl(0, 0%, 100%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
	vertical-align: middle;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
	position: absolute;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
	cursor: pointer;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
	box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	width: var(--ck-todo-list-checkmark-size);
	height: var(--ck-todo-list-checkmark-size);
	vertical-align: middle;
	border: 0;
	left: -25px;
	margin-right: -15px;
	right: 0;
	margin-left: 0;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
	left: 0;
	margin-right: 0;
	right: -25px;
	margin-left: -15px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
	display: block;
	position: absolute;
	box-sizing: border-box;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid hsl(0, 0%, 20%);
	border-radius: 2px;
	transition: 250ms ease-in-out box-shadow;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
	display: block;
	position: absolute;
	box-sizing: content-box;
	pointer-events: none;
	content: '';
	left: calc( var(--ck-todo-list-checkmark-size) / 3 );
	top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
	width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
	height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
	border-style: solid;
	border-color: transparent;
	border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
	transform: rotate(45deg);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
	background: hsl(126, 64%, 41%);
	border-color: hsl(126, 64%, 41%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
	border-color: hsl(0, 0%, 100%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
	position: absolute;
}
/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
	clear: both;
	margin: 0.9em 0;
	display: block;
	min-width: 15em;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content img.image_resized {
	height: auto;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
	width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
	display: block;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
	display: table;
	clear: both;
	text-align: center;
	margin: 0.9em auto;
	min-width: 50px;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
	/*
	 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
	 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
	 * This strange behavior does not happen with inline-flex.
	 */
	display: inline-flex;
	max-width: 100%;
	align-items: flex-start;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
	display: flex;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
	list-style-type: decimal;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
	list-style-type: lower-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
	list-style-type: lower-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
	list-style-type: upper-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
	list-style-type: upper-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul {
	list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
	list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
	list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
	list-style-type: square;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
	max-width: calc(100% - var(--ck-image-style-spacing));
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
	clear: none;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
	float: right;
	margin-left: var(--ck-image-style-spacing);
	max-width: 50%;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
	float: left;
	margin-right: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
	float: right;
	margin-left: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
	margin-right: 0;
	margin-left: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
	margin-top: 0;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
	margin-top: var(--ck-inline-image-style-spacing);
	margin-bottom: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
	margin-right: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
	margin-left: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
	background-color: var(--ck-highlight-marker-yellow);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
	background-color: var(--ck-highlight-marker-green);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
	background-color: var(--ck-highlight-marker-pink);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
	background-color: var(--ck-highlight-marker-blue);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
	color: var(--ck-highlight-pen-red);
	background-color: transparent;
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
	color: var(--ck-highlight-pen-green);
	background-color: transparent;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
	font-size: .7em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
	font-size: .85em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
	font-size: 1.4em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
	font-size: 1.8em;
}
/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
	background-color: hsla(0, 0%, 78%, 0.3);
	padding: .15em;
	border-radius: 2px;
}
/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
	background: var(--ck-color-mention-background);
	color: var(--ck-color-mention-text);
}
/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, 0.3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	text-align: left;
	direction: ltr;
	tab-size: 4;
	white-space: pre-wrap;
	font-style: normal;
	min-width: 200px;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
	background: unset;
	padding: 0;
	border-radius: 0;
}
@media print {
	/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break {
		padding: 0;
	}
	/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break::after {
		display: none;
	}
}
:root,
:root body {
	
	--ck-border-radius: 0;
	
	--ck-content-color-mention-background: none;
	--ck-content-color-mention-text: var(--elgg-anchor-color);
	
	--ck-content-font-family: var(--elgg-font-family);
	--ck-content-font-size: var(--elgg-font-size);
	--ck-content-font-color: var(--elgg-text-color-strong);
	
	--ck-color-text: var(--elgg-text-color-strong);
	
	--ck-color-base-background: var(--elgg-background-color-input);
	--ck-color-base-border: var(--elgg-border-color-mild);
	
	--ck-color-focus-border: var(--elgg-border-color-strong);
	
	/* -- Overrides the default .ck-button class colors. ---------------------------------------- */
	--ck-color-button-default-hover-background: var(--elgg-background-color-mild);
	--ck-color-button-default-active-background: var(--elgg-background-color-mild);
	--ck-color-button-default-active-shadow: none;
	
	--ck-color-button-on-background: var(--elgg-background-color-mild);
	--ck-color-button-on-hover-background: var(--elgg-background-color-strong);
	
	/* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
	--ck-color-dropdown-panel-border: var(--elgg-border-color-mild);
	--ck-color-dropdown-panel-background: var(--elgg-layout-background-color);
	
	/* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
	--ck-color-split-button-hover-background: var(--elgg-background-color-strong);
	--ck-color-split-button-hover-border: var(--elgg-border-color-strong);
	
	/* -- Overrides the default .ck-input class colors. ----------------------------------------- */
	--ck-color-input-border: var(--elgg-border-color-mild);
	--ck-color-input-text: var(--elgg-text-color-strong);
	--ck-color-input-background: var(--elgg-layout-background-color);
	--ck-color-labeled-field-label-background: var(--elgg-layout-background-color);
	
	/* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
	
	--ck-content-color-image-caption-background: var(--elgg-background-color-mild);
	--ck-content-color-image-caption-text: var(--elgg-text-color-mild);
	
	/* -- Overrides the default .ck-list class colors. ------------------------------------------ */
	--ck-color-list-background: var(--elgg-layout-background-color);
	--ck-color-list-button-hover-background: var(--elgg-background-color-strong);
	--ck-color-list-button-on-background: var(--elgg-background-color-mild);
	
	/* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
	--ck-color-panel-background: var(--elgg-layout-background-color);
	--ck-color-panel-border: var(--elgg-border-color-strong);
	
	/* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
	--ck-color-toolbar-background: var(--elgg-layout-background-color);
	--ck-color-toolbar-border: var(--elgg-border-color-mild);
	
	/* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
	--ck-color-link-default: var(--elgg-anchor-color);
}

.ck-focused {
	--ck-color-base-background: var(--elgg-layout-background-color);
}

.ck-content {
	blockquote {
		font-style: normal;
		overflow: unset;
		padding: 0.5rem 1rem;
		margin: 0 0 1rem 0;
		background-color: var(--elgg-state-notice-background-color);
		border: 1px solid var(--elgg-state-notice-border-color);
		color: var(--elgg-state-notice-font-color);
	}
	
	ul,
	ol {
		margin: 0 0.5rem 0 0.5rem;
		padding-left: 1rem;
	}
	
	> ul,
	> ol {
		&:not(:first-child) {
			margin-top: 1rem;
		}
	}
	
	hr {
		background-color: var(--elgg-border-color-mild);
		border: none;
		display: block;
		height: 1px;
		margin: 1.5rem 0;
	}
}
.elgg-likes-popup {
	.elgg-listing-summary-title {
		line-height: var(--elgg-font-size);
		font-weight: normal;
		font-size: var(--elgg-font-size);
	}
}

.elgg-item-object-messages {
	.message.unread .elgg-listing-summary-title a {
		color: var(--elgg-state-danger-font-color);
	}
}
/* ***************************************
	Profile
*************************************** */
#profile-owner-block {
	display: flex;
	flex-direction: column;
	
	.elgg-avatar-large {
		margin-bottom: 1rem;
		max-width: 12rem;
		align-self: center;
	}
	
	.elgg-menu {
		margin-bottom: 1rem;
	}

	.elgg-menu-profile-admin-container {
		li > a {
			color: var(--elgg-state-danger-font-color);
		}
		
		li.elgg-state-selected > a {
			color: var(--elgg-state-danger-font-color);
			background-color: transparent;
		}
		
		.elgg-menu-item-has-toggle > .elgg-child-menu > li > a {
			padding-left: 1rem;
		}
	}
}

@media screen and (min-width: 50rem) {
	#profile-owner-block {
		width: 12rem;
	}
}

#profile-details {
	border: 1px solid var(--elgg-border-color-soft);
	margin-bottom: 1rem;
}
/**********************************
Search plugin
***********************************/
.search-highlight {
	background-color: var(--elgg-search-highlight-color);
}

.search-highlight-color1 {
	background-color: var(--elgg-search-highlight-color-1);
}

.search-highlight-color2 {
	background-color: var(--elgg-search-highlight-color-2);
}

.search-highlight-color3 {
	background-color: var(--elgg-search-highlight-color-3);
}

.search-highlight-color4 {
	background-color: var(--elgg-search-highlight-color-4);
}

.search-highlight-color5 {
	background-color: var(--elgg-search-highlight-color-5);
}

.elgg-form-search [type="submit"] {
	display: none;
}

.elgg-page-topbar {
	.elgg-form-search {
		padding: 0.5rem;
		position: relative;
	
		.elgg-field {
			margin: 0 !important;
			width: 100%;
		}
		
		[type="search"] {
			box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
			border: none;
			background: transparent;
			color: white;
			font-size: 0.9rem;
			
			&:focus {
				border: none;
				background: rgba(255, 255, 255, 0.1);
				box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
			}

			&::placeholder {
				color: white;
			}
			
			&::-webkit-search-decoration,
			&::-webkit-search-cancel-button,
			&::-webkit-search-results-button,
			&::-webkit-search-results-decoration {
				display: none;
			}
		}
		
		[type="submit"] {
			position: absolute;
			right: 0;
			top: 0;
			margin: 0.5rem;
			background: transparent;
			display: block;
		}
	}
}
.elgg-tagcloud {
	text-align: justify;
	margin-bottom: 5px;
}
/* edit profile */
@media $(media-tablet-up) {
	.profile-manager-edit-profile-field > .elgg-field-input {
		display: flex;
		
		> .edit-profile-input {
			flex-grow: 1;
			min-width: 0;
		}
		
		> .edit-profile-access > .elgg-input-access {
			margin-left: 1rem;
		}
	}
}

.profile-manager-simple-access-controlled .edit-profile-access {
	display: none;
}

.profile-manager-input-pm-rating {
	margin-right: auto;
}

#profile-details {
	padding: 1rem;
	
	> .elgg-module-tabs {
		margin-bottom: 0;
	}
}
.elgg-tags {
	margin-top: 0;

	.elgg-tag {
		margin-right: 0.25rem;
		display: inline-block;
		line-height: 2rem;

		> a {
			border: 1px solid $(border-color-mild);
			padding: 0.25rem .5rem;
			border-radius: 4px;
		}
	}
}

.tag-tools-tag-content-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
	grid-gap: 0rem 3rem;
}

.tags-look {
	.tagify__dropdown__wrapper {
		border-color: $(border-color-mild);
	}
	
	.tagify__dropdown__item {
		display: inline-block;
		border-radius: 3px;
		padding: .3em .5em;
		border: 1px solid $(border-color-mild);
		background: #F3F3F3;
		margin: .2em;
		font-size: .85em;
		color: black;
		transition: 0s;
		
		&:hover {
			background: $(state-notice-background-color);
			border-color: $(state-notice-border-color);
		}
	}
	
	.tagify__dropdown__item--active{
		color: black;
	}
}
/* Event View */

.elgg-page-body {
	--fc-event-bg-color: #0078ac;
	--fc-event-border-color: #0078ac;
	
	--fc-button-bg-color: #2d3047;
	--fc-button-border-color: #2d3047;
}

.fc-view-harness a {
	color: $(text-color-strong);
}

.event-manager-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	> div {
		flex: 1 1 auto;
	}
}

@media $(media-tablet-up) {
	.event-manager-event-when {
		white-space: nowrap;
	}
	
	.event-manager-view-registration-details {
		.elgg-menu-event-rsvp {
			flex-wrap: nowrap;
		}
	}
}

@media $(media-mobile-only) {
	.event-manager-event-when {
		> .elgg-image {
			display: none;
		}
	}
	
	.event-manager-view-registration-details {
		.elgg-menu-event-rsvp {
			flex-wrap: wrap;
			justify-content: flex-end;
		}
	}
}

@media screen and (max-width: 600px) {
	#event-manager-event-calendar .fc-header-toolbar {
		flex-wrap: wrap;
		
		> .fc-toolbar-chunk {
			&:nth-child(2) {
				order: 1;
				width: 100%;
				text-align: center;
			}
			
			> :not(:first-child) {
				margin-left: 0.25em;
			}
		}
	}
}

.event-manager-view-registration-details {
	display: flex;
	flex-wrap: wrap;
	
	> div {
		flex: auto;
		
		&:last-child {
			text-align: right;
		}
	}
	
	.elgg-menu-event-rsvp-container {
		align-items: flex-end;
	}
}

/* Event Edit */
#event_manager_event_edit {
	.elgg-fieldset-has-legend {
		> legend {
			font-weight: 600;
			font-size: 0.9rem;
		}
		
		.elgg-input-single-checkbox .elgg-field-label {
			font-weight: 400;
			font-size: 100%;
		}
	}
}

.event_manager_event_edit_date {
	width: 100px;
}

.event-manager-align-bottom {
	align-items: flex-end;
}

#event-manager-maps-location-search {
	height: 400px;
	width: 600px;
}

/* Event listing  */
.event_manager_event_list_icon {
	text-align: center;
	width: 40px;
	padding: 1px;
	
	background: #0078ac;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);
	box-sizing: border-box;
	
	.event_manager_event_list_icon_day {
		font-size: 15px;
		font-weight: bold;
		line-height: 23px;
		background: #FFFFFF;
		border-radius: 0 0 2px 2px;
	}
	.event_manager_event_list_icon_month {
		color: #FFFFFF;
		font-size: 11px;
		line-height: 11px;
		padding: 2px 0;
	}
}

.elgg-list .elgg-item-object-event .elgg-listing-summary-content div + .elgg-menu-event-rsvp-container {
	margin-top: 1rem;
}

/* Event view */
.event-manager-event-when {
	margin-bottom: 15px;
	
	.elgg-icon-calendar {
		font-size: 3em;
		margin: 0 10px;
	}
}

.event-manager-event-when-title {
	font-size: 20px;
	font-weight: bold;
}

.event-manager-event-when-subtitle {
	color: #CCC;
	font-size: 18px;
}

.elgg-module-event {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
	
	> .elgg-head {
		margin-bottom: 0.5rem;
	}
}

.event-manager-event-view-maps {
	width: 100%;
	height: 400px;
}

/* Event Program Slot */
#event_manager_form_program_slot label {
	white-space: nowrap;
	padding-right: 10px;
}

#event-manager-new-slot-set-name {
	width: 150px;
	margin-right: 10px;
}

.event-manager-program-slot-set {
	padding: 2px 4px;
	color: white;
	margin-left: 5px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.event_manager_program_slot_time {
	padding: 0px 5px;
	white-space: nowrap;
	font-weight: bold;
}

.event_manager_program_slot_attending {
	width: 20px;
}

.event_manager_program_slot_description{
	word-wrap: break-word;
	width: 100%;
}

/* popup */
.event-manager-popup-title {
	position: relative;
	margin-bottom: 1rem;
	
	> .event-manager-event-banner {
		margin: 0;
		width: 100%;
		height: 150px;
		background-position: center;
		background-size: cover;
		
		& + h2 {
			position: absolute;
			bottom: 0;
			padding: 1rem;
			color: white;
		}
	}
}

@media $(media-tablet-up) {
	.event-manager-popup-footer {
		display: flex;
		
		> a {
			margin-left: auto;
			align-self: start;
		}
	}
}

.elgg-form-event-manager-event-copy {
	width: 600px;
}

#event_manager_onthemap_canvas {
	height: 650px;
	margin-bottom: 20px;
	z-index: 1;
}

.event-manager-event-view-maps {
	z-index: 1;
}

/* hack to hide clear button on input/date fields for IE/Edge */
.elgg-input-date::-ms-clear {
	display: none;
}

@media $(media-mobile-only) {
	.event_manager_program_slot_attending {
		float: left;
	}
	
	.event_manager_program_day td {
		display: block;
	}
}

.elgg-menu-container {
	.event-manager-listing-sorting {
		margin-left: auto;
	}
}
.addeventatc_dropdown {
	display: none;
	right: 0px;
	left: unset !important;
	position: absolute;
	top: unset !important;
	z-index: 1;
	background: white;
	border: 1px solid #CCC;
	
	span {
		display: block;
		white-space: nowrap;
		color: $(text-color-strong);
		padding: 5px 15px;
		
		&:hover {
			background: $(background-color-soft);
			color: #333;
			cursor: pointer;
		}
	}
}
/** Group tools CSS */
#invite_to_group .ui-helper-hidden-accessible {
	display: none;
}

/* groups simplified options */
.group-tools-simplified-options {
	display: flex;
	flex-wrap: wrap;
	
	> div {
		flex-basis: 45%;
		flex-grow: 1;
	}
}
	
.group-tools-simplified-option {
	background: $(background-color-soft);
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: $(text-color-mild);
	padding: 1rem;
	margin: 1rem;
	cursor: pointer;
	
	border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.6);
	
	> h2 {
		display: block;
		color: inherit;
	}
	
	&.elgg-state-active {
		color: $(button-action-font-color);
		background: $(button-action-background-color);
	}
}

#group-tools-stale-message.elgg-message {
	cursor: default;
}

.elgg-menu-filter-groups-all {
	.group-tools-listing-sorting {
		margin-left: auto;
	}
}

#group-tools-invite-email {
	.elgg-fieldset-horizontal {
		align-items: flex-end;
	}
}
.blog-tools-widget-items-container {
	> .elgg-list-container > .elgg-list-entity {
		> li.elgg-item {
			display: none;
			border: none;
		}
		
		> li:first-child {
			display: list-item;
		}
	}
}

.blog-tools-widget-items-navigator {
	padding-top: 5px;
	text-align: center;
	border-top: 1px solid $(border-color-mild);
	
	> li {
		display: inline-block;
		border: 1px solid $(border-color-mild);
		padding: 0.2rem 0.5rem;
		cursor: pointer;
		
		&.elgg-state-selected {
			color: $(text-color-highlight);
			border-color: $(border-color-highlight);
		}
	}
}
.forms-compose-list-page {
	padding: 10px;
	background: $(background-color-mild);
	margin-bottom: 10px;
	
	&:hover > .forms-compose-edit-title {
		display: inline-block;
	}

	> ul > li:last-child .elgg-field {
		margin: 0;
	}
	
	.ui-sortable-placeholder {
		border: 2px dotted $(border-color-mild);
		background: transparent;
		visibility: visible !important;
	}
}

.forms-compose-list-section {
	padding: 10px;
	background: $(background-color-strong);
	margin: 10px;
	
	&:hover > .forms-compose-edit-title {
		display: inline-block;
	}

	> .forms-compose-title-container {
		color: $(text-color-strong);
	}
	
	> ul {
		padding: 10px;
	}
}

.forms-compose-add-section {
	margin-left: 10px;
}

.forms-compose-edit-title {
	display: none;
}

.forms-compose-title-container:hover .forms-compose-edit-title {
	display: inline-block;
}

.forms-compose-list-field {
	background: $(background-color-mild);
	margin-bottom: 5px;
	padding: 5px;
	
	&.forms-compose-list-field-required > .elgg-required-indicator {
		display: inline-block;
	}
	
	&.ui-draggable-handle {
		cursor: grab;
	}
	
	> .elgg-required-indicator {
		display: none;
	}
	
	> .elgg-icon {
		visibility: hidden;
	}
}

.elgg-form-forms-compose .forms-compose-list-field:hover > .elgg-icon {
	visibility: visible;
}

.forms-compose-fields-sidebar {
	> .elgg-body {
		background: white;
		padding: 0.5rem;
		
		.forms-compose-fields {
			> li {
				background: $(background-color-mild);
				margin-bottom: 5px;
			}
		}
	}
}

.forms-compose-edit-field {
	padding: 1rem;
	background: white;
}

.forms-compose-conditional-section {
	background: $(background-color-strong);
	margin-top: 5px;
	padding: 10px;
	
	> .elgg-field > .elgg-field-label {
		font-weight: normal;
		font-size: 100%;
	}
	
	.forms-compose-add-conditional-section {
		display: none;
	}
}

.forms-compose-toggle-element {
	cursor: pointer;
	margin-right: 4px;
}

.forms-compose-add-conditional-section,
.forms-compose-field-edit,
.forms-compose-delete,
.forms-compose-edit-title {
	cursor: pointer;
	margin-left: 4px;
}

ul .forms-field-unsortable {
	display: none;
	
	&:last-child {
		display: block;
	}
}

.forms-submissions:hover {
	cursor: help;
}

.forms-submit-buttons > .elgg-field:last-child {
	margin-left: auto;
}
#site-announcements-site {
	.site-announcements-mark {
		text-decoration: none;
	}
}
.static-edit-top-parent-select,
.static-edit-sub-parent-select {
	max-width: 200px;
}