/*! 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; -webkit-text-size-adjust: 100%; }

/* 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: .67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

/**
 * 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; font-size: 1em; }

/* 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; text-decoration: underline; text-decoration: underline dotted; }

/**
 * 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; font-size: 1em; }

/**
 * 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: -.25em; }
sup { top: -.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; font-size: 100%; line-height: 1.15; margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input { overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select { 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: .35em .75em .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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

/**
 * 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"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

/**
 * 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; outline-offset: -2px; }

/**
 * 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; font: inherit; }

/* 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; -moz-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
*:before, *:after { -webkit-box-sizing: inherit; -moz-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: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 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: arial; }
code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
body { position: relative; color: #2d3047; background: #e8e8e8; font-size: 1rem; font-weight: 400; line-height: 1.5; }
a { cursor: pointer; text-decoration: none; }
a strong { color: currentColor; }
code { background-color: #fafafa; color: #ff3860; font-size: .875em; font-weight: normal; padding: .25em .5em .25em; }
hr { background-color: #dcdcdc; 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: .875em; }
span { font-style: inherit; font-weight: inherit; }
pre { -webkit-overflow-scrolling: touch; background-color: #fafafa; color: #2d3047; font-size: .875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; }
pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
table td, table th { text-align: left; vertical-align: top; }
table th { color: #363636; }

/* 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: 600; }
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; }

/* ***************************************
	Grid
*************************************** */
.elgg-col { float: left; }
.elgg-col-alt { float: right; }
.elgg-col-1of1 { float: none; width: 100%; }
.elgg-col-1of2 { width: 50%; }
.elgg-col-1of3 { width: 33.33%; }
.elgg-col-2of3 { width: 66.66%; }
.elgg-col-1of4 { width: 25%; }
.elgg-col-3of4 { width: 75%; }
.elgg-col-1of5 { width: 20%; }
.elgg-col-2of5 { width: 40%; }
.elgg-col-3of5 { width: 60%; }
.elgg-col-4of5 { width: 80%; }
.elgg-col-1of6 { width: 16.66%; }
.elgg-col-5of6 { width: 83.33%; }

/* Create a responsive grid */
.elgg-grid { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -.5rem; }
@media screen and (max-width: 50rem) {
.elgg-grid > * { width: 100%; }
}

/* Create a multiline grid */
.elgg-columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -.5rem; }

/* Create a single row grid */
.elgg-row { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -.5rem; }
.elgg-columns .elgg-col, .elgg-columns .elgg-col-alt, .elgg-row .elgg-col, .elgg-row .elgg-col-alt, .elgg-grid .elgg-col, .elgg-grid .elgg-col-alt { float: none; display: block; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; padding: 0 .5rem; }
.elgg-columns > *:not(.elgg-col), .elgg-columns .elgg-col-1of1, .elgg-columns .elgg-col-1of2, .elgg-columns .elgg-col-1of3, .elgg-columns .elgg-col-2of3, .elgg-columns .elgg-col-1of4, .elgg-columns .elgg-col-3of4, .elgg-columns .elgg-col-1of5, .elgg-columns .elgg-col-2of5, .elgg-columns .elgg-col-3of5, .elgg-columns .elgg-col-4of5, .elgg-columns .elgg-col-1of6, .elgg-columns .elgg-col-5of6, .elgg-row > *:not(.elgg-col), .elgg-row .elgg-col-1of1, .elgg-row .elgg-col-1of2, .elgg-row .elgg-col-1of3, .elgg-row .elgg-col-2of3, .elgg-row .elgg-col-1of4, .elgg-row .elgg-col-3of4, .elgg-row .elgg-col-1of5, .elgg-row .elgg-col-2of5, .elgg-row .elgg-col-3of5, .elgg-row .elgg-col-4of5, .elgg-row .elgg-col-1of6, .elgg-row .elgg-col-5of6, .elgg-grid > *:not(.elgg-col), .elgg-grid .elgg-col-1of1, .elgg-grid .elgg-col-1of2, .elgg-grid .elgg-col-1of3, .elgg-grid .elgg-col-2of3, .elgg-grid .elgg-col-1of4, .elgg-grid .elgg-col-3of4, .elgg-grid .elgg-col-1of5, .elgg-grid .elgg-col-2of5, .elgg-grid .elgg-col-3of5, .elgg-grid .elgg-col-4of5, .elgg-grid .elgg-col-1of6, .elgg-grid .elgg-col-5of6 { -webkit-flex: none; flex: none; }

/* ***************************************
    Typography
*************************************** */
body { font-family: arial; word-break: break-word; }
a { color: #000; }
a:hover, a.selected { color: #000501; text-decoration: underline; }
pre, code { font-family: Monaco,"Courier New",Courier,monospace; font-size: .75rem; background: #EBF5FF; color: #000; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre { padding: .25rem 1rem; margin: 0 0 1rem; line-height: 1.3rem; }
code { padding: .25rem; }
.elgg-monospace { font-family: Monaco,"Courier New",Courier,monospace; }
blockquote { padding: .5rem 1rem; margin: 0 0 1rem; background-color: #e7f1f9; border: 1px solid #000; color: #3b8bc9; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: arial; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.0rem; }
h5 { font-size: .9rem; }
h6 { font-size: .8rem; }
.elgg-subtext { color: #7d7d7d; font-size: .75rem; }
time, .elgg-river-timestamp, .elgg-text-help, .elgg-quiet, .elgg-tags { display: inline-block; color: #969696; font-size: .75rem; line-height: normal; }
.elgg-text-help, .elgg-tags { margin-top: .25rem; }
.elgg-loud { font-weight: 600; }
.elgg-more, .elgg-widget-more { padding: .5rem; font-size: .85rem; font-weight: 600; }
.elgg-state.elgg-state-success { color: #397f2e; }
.elgg-state.elgg-state-error, .elgg-state.elgg-state-danger { color: #b94a48; }
.elgg-state.elgg-state-notice { color: #3b8bc9; }
.elgg-state.elgg-state-warning { color: #6b420f; }

/* Mobile Specific Styles */
@media screen and (max-width: 768px) {
body { font-size: 1rem; padding: 0 10px; }
h1, h2, h3, h4, h5, h6 { font-size: 1.25rem; }
pre, code { font-size: .7rem; padding: .5rem; }
blockquote { padding: 1rem; font-size: 1rem; }
.elgg-subtext { font-size: .8rem; }
.elgg-more, .elgg-widget-more { font-size: 1rem; padding: .75rem; }
}

@media screen and (max-width: 480px) {
body { font-size: .9rem; }
h1, h2, h3, h4, h5, h6 { font-size: 1rem; }
pre, code { font-size: .65rem; }
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
p + *, blockquote + *, .elgg-output + * { margin-top: 1rem; }
* + p, * + blockquote, * + .elgg-output { margin-top: 1rem; }
p img, p iframe { margin: .5rem auto; }
.elgg-output dt { font-weight: bold; }
.elgg-output dd { margin: 0 0 1rem 1rem; }
.elgg-output ul, .elgg-output ol { margin: 0 1.5rem 1.5rem .5rem; padding-left: 1rem; }
.elgg-output ul { list-style-type: disc; }
.elgg-output ol { list-style-type: decimal; }
.elgg-output table { border: 1px solid #e6e6ea; }
.elgg-output table td { padding: .25rem .5rem; }
.elgg-output img { max-width: 100%; height: auto; }

/* <style> /**/
/**
 * CSS form/input elements
 */
/* ***************************************
	Form Elements
*************************************** */
fieldset > div:not(:last-child), .elgg-field:not(:last-child) { margin-bottom: 1rem; }
.elgg-form-alt > fieldset > .elgg-foot { border-top: 1px solid #e6e6ea; padding: 10px 0; }
label, .elgg-field-label { font-weight: 600; font-size: .9rem; line-height: 1.8rem; }
.elgg-field-label { display: block; }
.elgg-field-disabled .elgg-field-label { opacity: .6; }
.elgg-required-indicator { font-size: 110%; font-weight: bold; color: #b94a48; display: inline; padding: 0 5px; }
input, textarea { border: 1px solid #dcdcdc; color: #2d3047; font-size: 1rem; padding: .25rem .5rem; line-height: normal; width: 100%; border-radius: 3px; }
input:disabled, textarea:disabled, select:disabled, option:disabled { cursor: not-allowed; }
textarea { padding: .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 #cfcfd2; background-color: #fafafa; outline: 0 none; }
input[type="checkbox"], input[type="radio"] { margin: 0 .25rem 0 0; padding: 0; border: none; width: auto; vertical-align: middle; }
input[type="number"] { -moz-appearance: textfield; }
.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: 3px; }
.elgg-input-color { width: 4.5rem; }
.elgg-input-checkbox-switch { position: relative; padding-left: 4em; }
.elgg-input-checkbox-switch:before, .elgg-input-checkbox-switch:after { position: absolute; display: inline-block; top: 0; bottom: 0; left: 0; content: ' '; width: 3.4em; background-color: #e6e6ea; border-radius: 3px; -webkit-box-shadow: inset 0 .1em 0 rgba(0,0,0,.2); box-shadow: inset 0 .1em 0 rgba(0,0,0,.2); -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; }
.elgg-input-checkbox-switch:after { width: 1.4em; top: .1em; bottom: .1em; margin-left: .1em; background-color: #fff; border-radius: 3px; -webkit-box-shadow: inset 0 -.15em 0 rgba(0,0,0,.2); box-shadow: inset 0 -.15em 0 rgba(0,0,0,.2); }
input:checked ~ .elgg-input-checkbox-switch:before { background-color: #000; }
input:checked ~ .elgg-input-checkbox-switch:after { margin-left: 1.8em; }
input: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 #dcdcdc; color: #2d3047; padding: .25rem .5rem; line-height: 1.75rem; vertical-align: middle; border-radius: 3px; }
select: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-input-checkboxes.elgg-horizontal label > .elgg-input-checkbox { vertical-align: baseline; }
.elgg-form-login, .elgg-form-account { max-width: 40rem; margin: 0 auto; }
.elgg-fieldset-has-legend { border: 1px solid #e6e6ea; padding: 1rem; margin-bottom: 1rem; }
@media screen and (min-width: 30rem) {
.elgg-fieldset-horizontal { display: -webkit-flex; display: flex; }
.elgg-fieldset-horizontal .elgg-field { margin: 0 1rem 0 0; vertical-align: top; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.elgg-fieldset-horizontal .elgg-field.elgg-field-stretch { -webkit-flex-basis: 1%; flex-basis: 1%; -webkit-flex-grow: 1; flex-grow: 1; }
.elgg-fieldset-horizontal .elgg-field.elgg-field-stretch > .elgg-field-input { width: 100%; }
.elgg-fieldset-horizontal .elgg-field.elgg-field-horizontal { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: baseline; align-items: baseline; }
.elgg-fieldset-horizontal .elgg-field.elgg-field-horizontal > *:not(:first-child) { padding-left: 1rem; }
.elgg-fieldset-horizontal .elgg-field > .elgg-field-label { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; flex-shrink: 0; }
.elgg-fieldset-horizontal .elgg-field:last-child { margin-right: 0; }
.elgg-fieldset-horizontal.elgg-fieldset-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-fieldset-horizontal.elgg-fieldset-wrap .elgg-field { margin-bottom: .5rem; }
.elgg-fieldset-horizontal.elgg-justify-right { -webkit-justify-content: flex-end; justify-content: flex-end; }
.elgg-fieldset-horizontal.elgg-justify-right .elgg-field { margin: 0 0 0 1rem; }
.elgg-fieldset-horizontal.elgg-justify-center { -webkit-justify-content: center; justify-content: center; }
.elgg-fieldset-horizontal.elgg-justify-center .elgg-field { margin: 0 5px; }
}

/* ***************************************
	AUTOCOMPLETE
*************************************** */
.ui-autocomplete { position: absolute; cursor: default; background-color: #fff; border: 1px solid #e6e6ea; overflow: hidden; border-radius: 3px; }
.ui-autocomplete .ui-menu-item { padding: 0 4px; border-radius: 3px; }
.ui-autocomplete .ui-menu-item:hover { background-color: #fafafa; }
.ui-autocomplete a:hover { text-decoration: none; color: #0078ac; }
.ui-autocomplete a.ui-state-hover { background-color: #fafafa; display: block; }
.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: 2px; overflow: hidden; min-width: 300px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.4); box-shadow: 0 2px 4px rgba(0,0,0,.4); border-top: 1px solid #e6e6ea; background: #fff; }
.ui-datepicker-inline { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.ui-datepicker-header { position: relative; background: transparent; padding: .25em; border: 0; }
.ui-datepicker-header a { padding: 0 .5em; }
.ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: .5em; cursor: pointer; }
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover { border: none; background: transparent; font-weight: bold; }
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled { display: none; }
.ui-datepicker-prev { left: .5rem; }
.ui-datepicker-next { right: .5rem; }
.ui-datepicker-title { line-height: 2rem; margin: 0 2rem; text-align: center; font-weight: normal; }
.ui-datepicker-title select { max-width: 6.25rem; display: inline-block; margin: 2px; border: 1px solid #dcdcdc; padding: 4px; border-radius: 3px; }
.ui-datepicker-calendar { width: 90%; margin: 4% auto; font-size: .85rem; }
.ui-datepicker-calendar .ui-state-default { border: 1px solid #dcdcdc; color: #2d3047; background: #fff; border-radius: 2px; }
.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-active.ui-state-hover { border: 1px solid #fff; -webkit-box-shadow: 0 0 0 0 #cfcfd2 inset; box-shadow: 0 0 0 0 #cfcfd2 inset; font-weight: normal; color: #0078ac; background: #fafafa; }
.ui-datepicker-calendar .ui-state-disabled .ui-state-default { border: none; color: #7d7d7d; cursor: not-allowed; background: none; }
.ui-datepicker th { color: #2d3047; border: none; font-weight: bold; padding: .5rem .25rem; text-align: center; }
.ui-datepicker td { padding: 1px; min-width: 2.5rem; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .25rem; text-align: center; text-decoration: none; }

/* ***************************************
	ENTITY PICKER
*************************************** */
.elgg-entity-picker-list > li { padding: 0 1rem; border-bottom: 1px solid #e6e6ea; }
.elgg-entity-picker-list > li:first-child { border-top: 1px solid #e6e6ea; margin-top: .5rem; }
.elgg-entity-picker.elgg-state-disabled > input, .elgg-entity-picker.elgg-state-disabled > label { display: none; }
:root { --tagify-dd-color-primary: #000; --tagify-dd-bg-color: white; }
.tagify { --tags-border-color: #dcdcdc; --tags-hover-border-color: #cfcfd2; --tags-focus-border-color: #cfcfd2; --tag-bg: #e6e6ea; --tag-hover: #cfcfd2; --tag-text-color: black; --tag-text-color--edit: black; --tag-pad: .3em .5em; --tag-inset-shadow-size: 1.1em; --tag-invalid-color: #d39494; --tag-invalid-bg: rgba(211,148,148,.5); --tag-remove-bg: rgba(211,148,148,.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: .3s; --placeholder-color: rgba(0,0,0,.4); --placeholder-color-focus: rgba(0,0,0,.25); --loader-size: .8em; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ddd; border: 1px solid var(--tags-border-color); padding: 0; line-height: normal; cursor: text; outline: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .1s; transition: .1s; }
@-webkit-keyframes tags--bump {
30% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes tags--bump {
30% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes rotateLoader {
to { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}

@keyframes rotateLoader {
to { -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }
}

.tagify:hover { border-color: #ccc; border-color: var(--tags-hover-border-color); }
.tagify.tagify--focus { -webkit-transition: 0s; 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: .3em .5em; padding: var(--tag-pad); }
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div:before { background: -webkit-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; 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; -webkit-box-shadow: none; box-shadow: none; -webkit-filter: brightness(.95); filter: brightness(.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: .7em; height: .7em; width: var(--loader-size); height: var(--loader-size); border: 3px solid; border-color: #eee #bbb #888 transparent; border-radius: 50%; -webkit-animation: rotateLoader .4s infinite linear; animation: rotateLoader .4s infinite linear; margin: -2px 0 -2px .5em; }
.tagify--loading .tagify__input:empty:after { margin-left: 0; }
.tagify + input, .tagify + textarea { position: absolute !important; left: -9999em !important; -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; }
.tagify__tag { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; margin: 5px 0 5px 5px; position: relative; z-index: 1; outline: 0; cursor: default; -webkit-transition: .13s ease-out; transition: .13s ease-out; }
.tagify__tag > div { vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: .3em .5em; padding: var(--tag-pad,.3em .5em); color: #000; color: var(--tag-text-color,#000); line-height: inherit; border-radius: 3px; white-space: nowrap; -webkit-transition: .13s ease-out; transition: .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); -webkit-transition: .8s ease,.1s color; transition: .8s ease,.1s color; }
.tagify__tag > div > [contenteditable] { outline: 0; -webkit-user-select: text; -moz-user-select: text; -ms-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; -webkit-transition: 120ms ease; transition: 120ms ease; -webkit-animation: tags--bump .3s ease-out 1; animation: tags--bump .3s ease-out 1; -webkit-box-shadow: 0 0 0 1.1em #e5e5e5 inset; box-shadow: 0 0 0 1.1em #e5e5e5 inset; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#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; -webkit-box-shadow: 0 0 0 1.1em #d3e2e2 inset; box-shadow: 0 0 0 1.1em #d3e2e2 inset; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#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: .4em; content: ""; vertical-align: middle; opacity: 1; width: .7em; height: .7em; width: var(--loader-size); height: var(--loader-size); border: 3px solid; border-color: #eee #bbb #888 transparent; border-radius: 50%; -webkit-animation: rotateLoader .4s infinite linear; animation: rotateLoader .4s infinite linear; margin: 0 .5em 0 -.1em; }
.tagify__tag--flash div:before { -webkit-animation: none; animation: none; }
.tagify__tag--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s; -webkit-transition: var(--tag-hide-transition,.3s); transition: var(--tag-hide-transition,.3s); pointer-events: none; }
.tagify__tag--hide > div > * { white-space: nowrap; }
.tagify__tag.tagify--noAnim > div:before { -webkit-animation: none; animation: none; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: .5; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div:before { -webkit-box-shadow: 0 0 0 1.1em rgba(211,148,148,.5) inset !important; box-shadow: 0 0 0 1.1em rgba(211,148,148,.5) inset !important; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset !important; -webkit-transition: .2s; transition: .2s; }
.tagify__tag[readonly] .tagify__tag__removeBtn { display: none; }
.tagify__tag[readonly] > div:before { background: -webkit-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; 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; -webkit-box-shadow: none; box-shadow: none; -webkit-filter: brightness(.95); filter: brightness(.95); }
.tagify__tag--editable > div { color: #000; color: var(--tag-text-color--edit,#000); }
.tagify__tag--editable > div:before { -webkit-box-shadow: 0 0 0 2px #d3e2e2 inset !important; box-shadow: 0 0 0 2px #d3e2e2 inset !important; -webkit-box-shadow: 0 0 0 2px var(--tag-hover,#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; -webkit-transform: translateX(100%) translateX(5px); -ms-transform: translateX(100%) translateX(5px); transform: translateX(100%) translateX(5px); }
.tagify__tag--editable.tagify--invalid > div:before { -webkit-box-shadow: 0 0 0 2px #d39494 inset !important; box-shadow: 0 0 0 2px #d39494 inset !important; -webkit-box-shadow: 0 0 0 2px var(--tag-invalid-color,#d39494) inset !important; box-shadow: 0 0 0 2px var(--tag-invalid-color,#d39494) inset !important; }
.tagify__tag__removeBtn { -webkit-order: 5; order: 5; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: 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; -webkit-transition: .2s ease-out; transition: .2s ease-out; }
.tagify__tag__removeBtn:after { content: "\00D7"; -webkit-transition: .3s,color 0s; transition: .3s,color 0s; }
.tagify__tag__removeBtn:hover { color: #fff; background: #c77777; background: var(--tag-remove-btn-bg--hover,#c77777); }
.tagify__tag__removeBtn:hover + div > span { opacity: .5; }
.tagify__tag__removeBtn:hover + div:before { -webkit-box-shadow: 0 0 0 1.1em rgba(211,148,148,.3) inset !important; box-shadow: 0 0 0 1.1em rgba(211,148,148,.3) inset !important; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important; -webkit-transition: box-shadow .2s; transition: box-shadow .2s; }
.tagify:not(.tagify--mix) .tagify__input br { display: none; }
.tagify:not(.tagify--mix) .tagify__input * { display: inline; white-space: nowrap; }
.tagify__input { -webkit-flex-grow: 1; flex-grow: 1; display: inline-block; min-width: 110px; margin: 5px; padding: .3em .5em; padding: var(--tag-pad,.3em .5em); line-height: inherit; position: relative; white-space: pre-wrap; color: inherit; color: var(--input-color,inherit); -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.tagify__input:empty:before { -webkit-transition: .2s ease-out; transition: .2s ease-out; opacity: 1; -webkit-transform: none; -ms-transform: none; 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 { -webkit-transition: .2s ease-out; transition: .2s ease-out; opacity: 0; -webkit-transform: translatex(6px); -ms-transform: translatex(6px); 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 { -webkit-transition: .2s ease-out; transition: .2s ease-out; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; color: rgba(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,.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: .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: .5; position: absolute; top: 50%; right: 0; bottom: 0; font: 16px monospace; line-height: 8px; height: 8px; pointer-events: none; -webkit-transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg); -ms-transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg); transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; }
.tagify--select[aria-expanded="true"]:after { -webkit-transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2); -ms-transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2); 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; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); overflow: hidden; }
.tagify__dropdown[placement="top"] { margin-top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.tagify__dropdown[placement="top"] .tagify__dropdown__wrapper { border-top-width: 1px; border-bottom-width: 0; }
.tagify__dropdown[position="text"] { -webkit-box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1); box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1); font-size: .9em; }
.tagify__dropdown[position="text"] .tagify__dropdown__wrapper { border-width: 1px; }
.tagify__dropdown__wrapper { max-height: 300px; overflow: hidden; background: #fff; background: var(--tagify-dd-bg-color); border: 1px solid #cfcfd2; border-color: var(--tagify-dd-color-primary); border-width: 1.1px; border-top-width: 0; -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.2); box-shadow: 0 2px 4px -2px rgba(0,0,0,.2); -webkit-transition: .25s cubic-bezier(0,1,.5,1); transition: .25s cubic-bezier(0,1,.5,1); }
.tagify__dropdown__wrapper:hover { overflow: auto; }
.tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); }
.tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper { -webkit-transform: translateY(2em); -ms-transform: translateY(2em); transform: translateY(2em); }
.tagify__dropdown__item { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; padding: .3em .5em; margin: 1px; cursor: pointer; border-radius: 2px; position: relative; outline: 0; }
.tagify__dropdown__item--active { background: #3595f6; background: var(--tagify-dd-color-primary); color: #fff; }
.tagify__dropdown__item:active { -webkit-filter: brightness(105%); filter: brightness(105%); }

/* **************************
	BUTTONS
************************** */
.elgg-button, button { display: inline-block; color: #2d3047; width: auto; height: 2.5rem; line-height: 1.75rem; padding: .325rem 1rem; cursor: pointer; border-radius: 6px; -webkit-transition: background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease; transition: background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease; border: none; white-space: nowrap; }
.elgg-button:hover, .elgg-button:focus, button:hover, button:focus { background-color: #e6e6ea; text-decoration: none; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2); box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.elgg-button + .elgg-button { margin-left: .5rem; }
.elgg-button-submit { background: #2d3047; color: #fff; }
.elgg-button-submit:hover, .elgg-button-submit:focus { background: #000; color: #fff; }
.elgg-button-cancel { background: #e6e6ea; color: #2d3047; }
.elgg-button-cancel:hover, .elgg-button-cancel:focus { background: #cfcfd2; color: #2d3047; }
.elgg-button-action { background: #000; color: #fff; }
.elgg-button-action:hover, .elgg-button-action:focus { background: #2d3047; color: #fff; }
.elgg-button-action-done { background: #2d3047; color: #fff; }
.elgg-button-action-done:hover, .elgg-button-action-done:focus { background: #2d3047; color: #fff; }
.elgg-button-delete { background: #e6e6ea; color: #2d3047; }
.elgg-button-delete:hover, .elgg-button-delete:focus { background: #d33f49; color: #fff; }
.elgg-button-outline { border: 1px solid #dcdcdc; background: transparent; color: #2d3047; }
.elgg-button-outline:hover, .elgg-button-outline:focus { background: rgba(255,255,255,.1); }
.elgg-button-dropdown { background: none; text-decoration: none; display: block; position: relative; margin-left: 0; color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.elgg-button-dropdown:hover, .elgg-button-dropdown:focus, .elgg-button-dropdown.elgg-state-active { color: #fff; background: #60B8F7; text-decoration: none; }
.elgg-button-special { background: #42C5B8; }
.elgg-button-special:hover, .elgg-button-special:focus { background: #5ED9CD; }
.elgg-button:disabled, .elgg-button.elgg-state-disabled { background: #e6e6ea; color: #7d7d7d; cursor: not-allowed; opacity: .5; -webkit-filter: grayscale(40%); filter: grayscale(40%); }

/* Use .elgg-size-small or .elgg-size-large for additional sizes */
.elgg-module-menu .elgg-button, .elgg-message-menu .elgg-button, .elgg-button.elgg-size-small { padding: .25rem .5rem; line-height: 1.5rem; height: 2rem; font-size: 1rem; }
.elgg-button.elgg-size-large { font-size: 1.5rem; line-height: 2.5rem; padding: 1rem 2rem; height: 4.5rem; border-radius: 6px; }
.elgg-button * + .elgg-button-label { margin-left: .5rem; }
.elgg-button .elgg-button-label + * { margin-left: .5rem; }

/* Responsive Design - Mobile Friendly */
@media (max-width: 600px) {
.elgg-button { width: 100%; padding: .5rem 1.5rem; font-size: 1.2rem; }
.elgg-button.elgg-size-large { padding: 1rem 1.5rem; }
}

/* ***************************************
	AJAX LOADER
*************************************** */
@-webkit-keyframes infinite-spinning {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes infinite-spinning {
from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

.elgg-ajax-loader { background-color: #fff; height: 2.5rem; width: 2.5rem; -webkit-animation: infinite-spinning 1s infinite linear; animation: infinite-spinning 1s infinite linear; border-radius: 50%; border-width: 5px; border-color: #fff #e6e6ea #e6e6ea; border-style: solid; display: block; margin: .75rem auto; }

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar { position: relative; display: inline-block; }
.elgg-avatar > a { display: inline-block; }
.elgg-avatar > a img { display: inline-block; vertical-align: middle; width: 100%; height: auto; }
.elgg-avatar-tiny img, .elgg-avatar-small img, .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: .5; }
.elgg-state-banned:hover { opacity: 1; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor * { display: inline; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor .elgg-icon { color: inherit; font-size: inherit; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor img { vertical-align: middle; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor .elgg-anchor-label + * { margin-left: .5rem; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor .elgg-anchor-label.with-logo { background-image: url(https://i70.servimg.com/u/f70/20/40/59/80/greeno10.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; display: inline-block; }
*************************************** ANCHORS & BADGES *************************************** */ .elgg-anchor .elgg-anchor-label.with-logo:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.elgg-badge { display: inline-block; color: #2d3047; background-color: #fafafa; padding: .15rem .5rem; margin-top: -.15rem; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; font-size: .7rem; line-height: 1rem; font-weight: bold; }
.elgg-pagination { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: .3rem; padding: 1rem; }
.elgg-pagination li { list-style: none; border: 1px solid #e6e6ea; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.elgg-pagination li.elgg-state-disabled > span { color: #7d7d7d; opacity: .5; cursor: default; }
.elgg-pagination li.elgg-state-selected { background: #fafafa; }
.elgg-pagination li.elgg-state-selected > span { font-weight: bold; color: #2d3047; }
.elgg-pagination li.elgg-pagination-previous > a:before, .elgg-pagination li.elgg-pagination-previous > span:before { content: "\ab"; margin-right: .5rem; }
.elgg-pagination li.elgg-pagination-next > a:after, .elgg-pagination li.elgg-pagination-next > span:after { content: "\bb"; margin-left: .5rem; }
.elgg-pagination li > a, .elgg-pagination li > span { display: block; padding: .6rem 1rem; color: #2d3047; text-decoration: none; }
.elgg-pagination li > a:hover { background: #e6e6ea; text-decoration: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* 🔹 Mobile Optimization */
@media screen and (max-width: 768px) {
.elgg-pagination { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .2rem; }
.elgg-pagination li { padding: .4rem; }
.elgg-pagination li > a, .elgg-pagination li > span { padding: .4rem .8rem; }
}

/* ***************************************
	MENUS
*************************************** */
.elgg-menu-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.elgg-menu-container.elgg-menu-title-container > .elgg-menu-hz { -webkit-justify-content: flex-end; justify-content: flex-end; }
.elgg-menu-container.elgg-menu-title-container > .elgg-menu-hz > li { margin: 0 .25rem; }
@media screen and (min-width: 50rem) {
.elgg-menu-container.elgg-menu-title-container { -webkit-flex-direction: row; flex-direction: row; }
}

.elgg-menu, .elgg-child-menu { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.elgg-menu > li, .elgg-child-menu > li { position: relative; }
.elgg-menu > li:last-child:after, .elgg-child-menu > li:last-child:after { display: none; }
.elgg-menu > li > a, .elgg-child-menu > li > a { display: block; }
.elgg-menu.elgg-menu-hz { -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.elgg-menu.elgg-menu-hz > li { margin: 0 .25rem 0 0; }
.elgg-menu.elgg-menu-hz > li > .elgg-button { margin-bottom: .25rem; }
.elgg-module-menu .elgg-menu-hz > li { margin: 0 0 0 .25rem; }
.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-menu > li > a .elgg-icon.elgg-state-closed { font-size: 9px; color: inherit; line-height: inherit; margin: 0 .5rem; }
.elgg-menu > li > .elgg-menu-opened .elgg-icon.elgg-state-opened { display: inline-block; }
.elgg-menu > li > .elgg-menu-opened .elgg-icon.elgg-state-closed { display: none; }
.elgg-menu > li > .elgg-menu-closed .elgg-icon.elgg-state-opened { display: none; }
.elgg-menu > li > .elgg-menu-closed .elgg-icon.elgg-state-closed { display: inline-block; }
.elgg-menu:not(.elgg-menu-hz) .elgg-menu-item-has-toggle .elgg-menu-closed:after, .elgg-menu:not(.elgg-menu-hz) .elgg-menu-item-has-toggle .elgg-menu-opened:after { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; float: right; font-size: .5rem; line-height: 1.5rem; width: 1rem; text-align: center; }
.elgg-menu:not(.elgg-menu-hz) .elgg-menu-item-has-toggle .elgg-menu-closed:after { content: "\f105"; }
.elgg-menu:not(.elgg-menu-hz) .elgg-menu-item-has-toggle .elgg-menu-opened:after { 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-closed:after, .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-opened:after, .elgg-menu.elgg-menu-filter .elgg-menu-item-has-dropdown .elgg-menu-closed:after, .elgg-menu.elgg-menu-filter .elgg-menu-item-has-dropdown .elgg-menu-opened:after { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: inline-block; font-size: .5rem; text-align: center; margin-left: .5rem; vertical-align: middle; }
.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-closed:after, .elgg-menu.elgg-menu-filter .elgg-menu-item-has-dropdown .elgg-menu-closed:after { 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-opened:after, .elgg-menu.elgg-menu-filter .elgg-menu-item-has-dropdown .elgg-menu-opened:after { content: "\f106"; }
.elgg-menu a:hover .elgg-icon, .elgg-child-menu a:hover .elgg-icon { color: inherit; }
.elgg-menu .elgg-anchor-icon, .elgg-child-menu .elgg-anchor-icon { color: inherit; font-size: inherit; }
.elgg-menu .elgg-anchor-icon + .elgg-anchor-label, .elgg-child-menu .elgg-anchor-icon + .elgg-anchor-label { margin-left: .5rem; }

/* ***************************************
	ENTITY NAVIGATION
*************************************** */
.elgg-menu-entity-navigation-container { margin-top: 1rem; }
.elgg-menu-entity-navigation { -webkit-flex-direction: row; flex-direction: row; }
.elgg-menu-entity-navigation .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: .5rem; }
.elgg-menu-page, .elgg-menu-owner-block { background: #fff; border: 1px solid #e6e6ea; margin-bottom: 2rem; }
.elgg-menu-page li:not(:last-child), .elgg-menu-owner-block li:not(:last-child) { border-bottom: 1px solid #f7f7f8; }
.elgg-menu-page .elgg-child-menu, .elgg-menu-owner-block .elgg-child-menu { border-top: #f7f7f8; }
.elgg-menu-page .elgg-menu-item-has-toggle > .elgg-child-menu, .elgg-menu-owner-block .elgg-menu-item-has-toggle > .elgg-child-menu { margin: 0; border-top: 1px solid #f7f7f8; }
.elgg-menu-page .elgg-menu-item-has-toggle > .elgg-child-menu > li > a, .elgg-menu-owner-block .elgg-menu-item-has-toggle > .elgg-child-menu > li > a { padding-left: 2rem; }
.elgg-menu-page li > a, .elgg-menu-owner-block li > a { padding: .5rem 1rem; color: #2d3047; }
.elgg-menu-page li > a:hover, .elgg-menu-owner-block li > a:hover { background: #fafafa; text-decoration: none; color: #333; }
.elgg-menu-page li.elgg-state-selected > a, .elgg-menu-owner-block li.elgg-state-selected > a { color: #333; background-color: #e6e6ea; }
.elgg-menu-page .elgg-badge, .elgg-menu-owner-block .elgg-badge { float: right; margin-top: 0; }
.elgg-menu-page .elgg-anchor-icon, .elgg-menu-owner-block .elgg-anchor-icon { width: 1rem; display: inline-block; text-align: center; margin-right: .5rem; }

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover { display: none; position: absolute; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.4); box-shadow: 0 2px 4px rgba(0,0,0,.4); min-width: 10rem; }
.elgg-menu-hover-card-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.elgg-menu-hover-card { padding: 1rem; max-width: 20rem; -webkit-flex: 2; flex: 2; }
.elgg-menu-hover li:not(:last-child), .elgg-menu-hover-actions li:not(:last-child), .elgg-menu-hover-admin li:not(:last-child) { border-bottom: 1px solid #e6e6ea; }
.elgg-menu-hover li > a, .elgg-menu-hover-actions li > a, .elgg-menu-hover-admin li > a { color: #2d3047; font-size: .9rem; -webkit-transition: background-color .5s; transition: background-color .5s; text-decoration: none; padding: .5rem 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.elgg-menu-hover li > a:hover, .elgg-menu-hover-actions li > a:hover, .elgg-menu-hover-admin li > a:hover { background: #fafafa; color: #333; }
.elgg-menu-hover .elgg-child-menu { border: 1px solid #e6e6ea; border-width: 1px 0; margin: 0 0 -1px; }
.elgg-menu-hover .elgg-child-menu:before { content: "\25b2"; color: #fff; font-size: .5rem; text-shadow: 0 -2px #dcdcdc; top: -.5rem; left: 1.5rem; position: relative; margin-bottom: -.75rem; }
.elgg-menu-hover .elgg-anchor-icon { width: 1.5rem; text-align: center; display: inline-block; }
.elgg-menu-hover .elgg-menu { -webkit-flex: 1 1 auto; flex: 1 1 auto; max-width: 20rem; }
.elgg-menu-hover .elgg-menu.elgg-menu-hover-actions { border-top: 1px solid #e6e6ea; }
.elgg-menu-hover .elgg-menu-hover-admin a { color: #d33f49; }
.elgg-menu.elgg-menu-hover-admin { border-top: 1px solid #e6e6ea; max-width: unset; }

/* ***************************************
	GENERAL MENU
*************************************** */
.elgg-menu-general > li, .elgg-menu-general > li > a { display: inline-block; color: #969696; }
.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: 1rem; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.elgg-listing-summary-metadata > .elgg-menu-container > .elgg-menu + .elgg-menu, .elgg-river-metadata > .elgg-menu-container > .elgg-menu + .elgg-menu, .elgg-menu-annotation-container > .elgg-menu + .elgg-menu { margin-left: 1rem; }
.elgg-menu-river, .elgg-menu-relationship, .elgg-menu-entity, .elgg-menu-social, .elgg-menu-annotation, .elgg-menu-widget { font-size: .9rem; color: #7d7d7d; height: auto; vertical-align: middle; }
.elgg-menu-river > li:not(:first-child), .elgg-menu-relationship > li:not(:first-child), .elgg-menu-entity > li:not(:first-child), .elgg-menu-social > li:not(:first-child), .elgg-menu-annotation > li:not(:first-child), .elgg-menu-widget > li:not(:first-child) { margin-left: .75rem; }
.elgg-menu-river > li > a:not(.elgg-button):not(.elgg-state-active), .elgg-menu-relationship > li > a:not(.elgg-button):not(.elgg-state-active), .elgg-menu-entity > li > a:not(.elgg-button):not(.elgg-state-active), .elgg-menu-social > li > a:not(.elgg-button):not(.elgg-state-active), .elgg-menu-annotation > li > a:not(.elgg-button):not(.elgg-state-active), .elgg-menu-widget > li > a:not(.elgg-button):not(.elgg-state-active) { color: inherit; }
.elgg-menu-river > li > a:not(.elgg-button):hover, .elgg-menu-relationship > li > a:not(.elgg-button):hover, .elgg-menu-entity > li > a:not(.elgg-button):hover, .elgg-menu-social > li > a:not(.elgg-button):hover, .elgg-menu-annotation > li > a:not(.elgg-button):hover, .elgg-menu-widget > li > a:not(.elgg-button):hover { color: #0078ac; text-decoration: none; }
.elgg-menu-entity-default .elgg-menu-item-has-dropdown, .elgg-menu-relationship-default .elgg-menu-item-has-dropdown, .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 #e6e6ea; }
.elgg-menu-login > li { width: 100%; }
.elgg-menu-login > li > a { padding: .5rem 1rem; font-size: .9rem; color: #646464; display: block; }
.elgg-menu-login > li > a:hover { background: #fafafa; text-decoration: none; }

/* ***************************************
	FILTER MENU AND TABS
*************************************** */
.elgg-menu-filter, .elgg-tabs { margin-bottom: .5rem; border-bottom: 1px solid #e6e6ea; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-menu-filter > li, .elgg-tabs > li { border: 1px solid #e6e6ea; border-bottom-width: 0; background: #fafafa; -webkit-flex-grow: 1; flex-grow: 1; }
.elgg-menu-filter > li.elgg-state-selected a:hover, .elgg-tabs > li.elgg-state-selected a:hover { background: #fff; }
.elgg-menu-filter > li > a, .elgg-tabs > li > a { text-decoration: none; display: block; padding: .5rem 1rem; text-align: center; height: auto; color: #646464; }
.elgg-menu-filter > li > a:hover, .elgg-tabs > li > a:hover { background-color: #e6e6ea; color: #333; }
.elgg-menu-filter > .elgg-state-selected, .elgg-tabs > .elgg-state-selected { border-color: #e6e6ea; background: #fff; }
.elgg-menu-filter > .elgg-state-selected > a, .elgg-tabs > .elgg-state-selected > a { position: relative; top: 1px; background: #fff; }
@media screen and (min-width: 50rem) {
.elgg-menu-filter > li, .elgg-tabs > li { border-bottom-width: 1px; margin: .25rem 0 0 .5rem; border-radius: 3px 3px 0 0; position: relative; top: 1px; -webkit-flex-grow: 0; flex-grow: 0; }
.elgg-menu-filter .elgg-menu-item-sort-parent { margin-left: auto; }
}

/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs { padding: .5rem; color: #969696; font-size: .9rem; }
.elgg-breadcrumbs > li { display: inline-block; }
.elgg-breadcrumbs > li:after { content: "\203A"; padding: 0 .25rem; font-weight: normal; }
.elgg-breadcrumbs > li > a { display: inline-block; color: #969696; }
.elgg-breadcrumbs > li > a:hover { color: #7d7d7d; }

/* ***************************************
    MODULES
*************************************** */
.elgg-module { display: block; margin-bottom: 1rem; }
.elgg-module > .elgg-head { display: -webkit-flex; display: flex; }
.elgg-module > .elgg-head > .elgg-module-menu { margin-left: auto; }

/* ***************************************
    ASIDE
*************************************** */
.elgg-module-aside > .elgg-head { padding: .5rem 1rem; border-bottom: 1px solid #e6e6ea; }
.elgg-module-aside > .elgg-body { padding: .5rem; }

/* ***************************************
    INFO
*************************************** */
.elgg-module-info { border: 1px solid #e6e6ea; }
.elgg-module-info > .elgg-head { background-color: #e6e6ea; padding: .5rem 1rem; }
.elgg-module-info > .elgg-head > * { color: #2d3047; }
.elgg-module-info > .elgg-body { padding: 1rem; }
.elgg-module-info > .elgg-foot { padding: .5rem 1rem; }

/* ***************************************
    POPUP MODULE
*************************************** */
.elgg-module-popup { background-color: #fff; margin-bottom: 0; padding: .5rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.4); box-shadow: 0 2px 4px rgba(0,0,0,.4); border-top: 1px solid #e6e6ea; }
.elgg-module-popup > .elgg-head { margin-bottom: .5rem; }
.elgg-module-popup > .elgg-head > * { color: #2d3047; }

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

/* ***************************************
    FEATURED MODULE
*************************************** */
.elgg-module-featured { border: 1px solid #fff; }
.elgg-module-featured > .elgg-head { background-color: #000; color: #fff; padding: .5rem 1rem; height: auto; overflow: hidden; }
.elgg-module-featured > .elgg-body { padding: 1rem; }

/* ***************************************
    SIDEBAR OWNER BLOCK AND PAGE MENU
*************************************** */
.elgg-owner-block, .elgg-page-menu { border: none; margin: 0; }
.elgg-owner-block > .elgg-head, .elgg-page-menu > .elgg-head { padding: 1.5rem; }
.elgg-owner-block > .elgg-body, .elgg-page-menu > .elgg-body { padding: 0; }
.elgg-owner-block-empty { margin-bottom: 2rem; }

/* Mobile-specific styles to optimize layout */
@media screen and (max-width: 768px) {
/* General layout fixes */
.elgg-module { margin-bottom: .75rem; }
.elgg-module-dropdown { width: 100%; padding: 1rem; }
.elgg-owner-block, .elgg-page-menu { padding: 1rem; }
.elgg-module-info, .elgg-module-featured { padding: .5rem; }

/* Prevent text overflow and adjust container sizes */
.elgg-head { word-wrap: break-word; }
.elgg-body { padding: .5rem; }

/* Ensures that elements do not break awkwardly */
.elgg-head, .elgg-body, .elgg-foot { white-space: normal; }
.elgg-module-popup { padding: .75rem; }

/* Adjusting padding/margins for better mobile experience */
.elgg-owner-block-empty { margin-bottom: 1rem; }
}

@media screen and (max-width: 480px) {
/* Further optimizations for smaller screens */
.elgg-module { margin-bottom: .5rem; }
.elgg-head { font-size: .85rem; }
.elgg-body { padding: .25rem; }

/* Ensure no text breaks down the screen */
.elgg-head { white-space: normal; }
}

/* ***************************************
	Widgets
*************************************** */
.elgg-widgets-grid { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 1rem; }
.elgg-widgets { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; }
@media screen and (min-width: 80rem) {
.elgg-widgets-grid { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: stretch; align-items: stretch; margin: 0 -.5rem; gap: 1rem; }
.elgg-widgets { padding: 0 .5rem; }
}

.elgg-menu-title-widgets-container { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row; flex-direction: row; padding: .5rem; }
.elgg-widgets-add-panel input[name="widget_search"] { height: auto; padding: .5rem; border-radius: 6px; }
.elgg-widgets-add-panel ul { border-top: 1px solid #e6e6ea; margin-top: .5rem; }
.elgg-widgets-add-panel ul > li { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: .75rem; -webkit-transition: background .2s linear; transition: background .2s linear; border-bottom: 1px solid #e6e6ea; border-radius: 6px; }
.elgg-widgets-add-panel ul > li:hover { background: #e6e6ea; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1); box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.elgg-widgets-add-actions { max-width: 10rem; text-align: right; padding-left: .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 #e6e6ea; margin: 0 0 1rem; position: relative; border-radius: 8px; overflow: hidden; }
.elgg-module-widget.elgg-state-draggable:hover { -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.15); box-shadow: 0 4px 8px rgba(0,0,0,.15); }
.elgg-module-widget.elgg-state-draggable .elgg-widget-handle { cursor: move; -webkit-flex-grow: 1; flex-grow: 1; background-color: #e6e6ea; padding: .5rem; }
.elgg-module-widget > .elgg-head { background-color: #e6e6ea; padding: .5rem 1rem; height: auto; overflow: hidden; border-bottom: 1px solid #e6e6ea; }
.elgg-module-widget > .elgg-body { background-color: #fff; width: 100%; padding: 1rem; border-top: 1px solid #e6e6ea; }
.elgg-module-widget:not(:hover):not(:focus-within) .elgg-menu-widget-container { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; }
.elgg-widget-content { padding: 1rem; }
.elgg-widget-placeholder { border: 1px dashed #a1a1a3; margin-bottom: 1rem; border-radius: 6px; }

/* Focus and Accessibility Enhancements */
.elgg-widget-single:focus, .elgg-widget-single:focus-within { outline: 3px solid rgba(0,120,215,.7); }
.elgg-widget-single.elgg-state-draggable:focus-within { -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2); box-shadow: 0 4px 12px rgba(0,0,0,.2); }

/* Animate the header hiding and showing */
.widget_manager_hide_header > .elgg-head { display: none; -webkit-transition: display .3s ease-in-out; transition: display .3s ease-in-out; }
.widget_manager_hide_header.widget_manager_hide_header_admin:hover > .elgg-head { display: -webkit-flex; display: flex; -webkit-transition: display .3s ease-in-out; transition: display .3s ease-in-out; }

/* Animate the widget content disabling and enabling */
.elgg-module-widget.widget_manager_disable_widget_content_style { background: none; border: 0; -webkit-transition: background .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out; transition: background .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out; }
.elgg-module-widget.widget_manager_disable_widget_content_style .elgg-widget-content { padding: 0; }
.elgg-module-widget.widget_manager_disable_widget_content_style:hover { -webkit-box-shadow: none; box-shadow: none; }

/* Animate the widget content hiding and showing */
.elgg-widgets-hide-content .elgg-module-widget > .elgg-head .elgg-widget-title { display: block; -webkit-transition: display .3s ease-in-out; transition: display .3s ease-in-out; }
.elgg-widgets-hide-content .elgg-module-widget > .elgg-body { display: none; -webkit-transition: display .3s ease-in-out; transition: display .3s ease-in-out; }

/* Animate fluid columns */
.widgets-fluid-columns { -webkit-transition: border .3s ease-in-out; transition: border .3s ease-in-out; }
.widgets-fluid-columns .elgg-widgets-grid { display: block; visibility: hidden; -webkit-transition: visibility .3s ease-in-out; transition: visibility .3s ease-in-out; }
.widgets-fluid-columns .elgg-widgets { padding: 0; position: relative; }
.widgets-fluid-columns .elgg-module-widget { position: absolute; margin: 14px; }
.widgets-fluid-columns .elgg-module-widget.muuri-item-dragging { z-index: 3; }
.widgets-fluid-columns .elgg-module-widget.muuri-item-releasing { z-index: 2; }
.widgets-fluid-columns .elgg-module-widget.muuri-item-hidden { z-index: 0; }
.widgets-fluid-columns .fluid-placeholder { border: 3px dashed #dcdcdc; }

/* Media Query for Desktop */
@media screen and (min-width: 80rem) {
.elgg-widgets { -webkit-flex-basis: 0; flex-basis: 0; }
.elgg-widgets.col-width-25 { -webkit-flex-basis: 25%; flex-basis: 25%; min-width: 25%; max-width: 25%; }
.elgg-widgets.col-width-33 { -webkit-flex-basis: 33%; flex-basis: 33%; min-width: 33%; max-width: 33%; }
.elgg-widgets.col-width-40 { -webkit-flex-basis: 40%; flex-basis: 40%; min-width: 40%; max-width: 40%; }
.elgg-widgets.col-width-50 { -webkit-flex-basis: 50%; flex-basis: 50%; min-width: 50%; max-width: 50%; }
.elgg-widgets.col-width-60 { -webkit-flex-basis: 60%; flex-basis: 60%; min-width: 60%; max-width: 60%; }
.elgg-widgets.col-width-75 { -webkit-flex-basis: 75%; flex-basis: 75%; min-width: 75%; max-width: 75%; }
}

/* ***************************************
	Image Block
*************************************** */
.elgg-image-block { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
.elgg-image-block:after { display: none; }
.elgg-image-block.elgg-chip { -webkit-align-items: center; align-items: center; }
.elgg-image-block .elgg-image { margin-right: 1rem; }
.elgg-image-block .elgg-image-alt { margin-left: 1rem; -webkit-order: 1; order: 1; }
.elgg-image-block > .elgg-body { -webkit-flex: 1; flex: 1; }

/* ***************************************
	Image-related
*************************************** */
.elgg-photo { border: 1px solid #e6e6ea; padding: 2px; background-color: #fff; max-width: 100%; height: auto; }

/* ***************************************
	List
*************************************** */
.elgg-list > li { border-bottom: 1px solid #e6e6ea; padding: 1rem; }
.elgg-module .elgg-list > li:last-child { border-bottom: 0; }
.elgg-module .elgg-list + .elgg-pagination { border-top: 1px solid #e6e6ea; padding-top: 1rem; }
.elgg-item h3 a { padding-bottom: .25rem; }
.elgg-item .elgg-content { margin: .5rem 0; }
.elgg-content { clear: both; }
.elgg-no-results { padding: .5rem 1rem; }

/* ***************************************
	List Item
*************************************** */
.elgg-listing-summary-title { line-height: 1.5rem; margin-bottom: .25rem; }
.elgg-listing-full-header { margin-bottom: 2rem; }
.elgg-listing-full-responses { padding-top: 1rem; }
.elgg-listing-imprint { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-listing-imprint .elgg-icon { margin-right: .5rem; }
.elgg-listing-imprint > span { margin-right: 1rem; }

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.elgg-gallery.elgg-gallery-users > li { padding: .25rem; }
.elgg-gallery > li { padding: .25em; }

/* ***************************************
	TABLES
*************************************** */
.elgg-table, .elgg-table-alt { background-color: white; margin-bottom: 1rem; width: 100%; }
.elgg-table td, .elgg-table th, .elgg-table-alt td, .elgg-table-alt th { border-style: solid; border-width: 0 0 1px; border-color: #e6e6ea; padding: .5em .75em; vertical-align: top; background-color: white; }
.elgg-table tr.elgg-state-selected td, .elgg-table tr.elgg-state-selected th, .elgg-table tr:hover td, .elgg-table tr:hover th, .elgg-table-alt tr.elgg-state-selected td, .elgg-table-alt tr.elgg-state-selected th, .elgg-table-alt tr:hover td, .elgg-table-alt tr:hover th { background-color: #fafafa; }
.elgg-table thead th, .elgg-table-alt thead th { font-weight: bold; border-width: 0 0 2px; }
.elgg-table tfoot th, .elgg-table-alt 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 thead th, .elgg-table tfoot th, .elgg-table-alt thead th, .elgg-table-alt tfoot th { word-break: normal; }
}

/* ***************************************
	Messages
*************************************** */
.elgg-message { border-width: 1px; border-style: solid; color: #2d3047; background-color: #fafafa; border-color: #cfcfd2; border-radius: 3px; margin-bottom: 1rem; }
.elgg-message.elgg-message-success { color: #397f2e; background-color: #eaf8e8; border-color: #aadea2; }
.elgg-message.elgg-message-error { color: #b94a48; background-color: #f8e8e8; border-color: #e5b7b5; }
.elgg-message.elgg-message-help, .elgg-message.elgg-message-info, .elgg-message.elgg-message-notice { color: #3b8bc9; background-color: #e7f1f9; border-color: #000; }
.elgg-message.elgg-message-warning { color: #6b420f; background-color: #fcf8e4; border-color: #6b6b6b; }
.elgg-message > .elgg-inner { border-color: inherit; }
.elgg-message > .elgg-inner > .elgg-head { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background-color: rgba(255,255,255,.7); padding: .5rem 1rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; }
.elgg-message > .elgg-inner > .elgg-head > .elgg-message-icon, .elgg-message > .elgg-inner > .elgg-head > .elgg-message-title { padding-right: 1rem; font-weight: bold; }
.elgg-message > .elgg-inner > .elgg-head > .elgg-message-menu { margin-left: auto; }
.elgg-message > .elgg-inner > div:last-child { border-bottom: 0; }
.elgg-message > .elgg-inner > .elgg-body { padding: 1rem; }
.elgg-message > .elgg-inner > .elgg-body p { margin: 0; }
.elgg-message > .elgg-inner > .elgg-body a { text-decoration: underline; }

/* ***************************************
    River Layout Improvements
*************************************** */
/* General River Layout */
.elgg-module .elgg-list-river { border-top: none; }
.elgg-river-layout .elgg-list-river { border-top: 1px solid #e6e6ea; }
.elgg-list-river > li { border-bottom: 1px solid #e6e6ea; padding: 1rem; margin-bottom: 1rem; }

/* River Attachments, Messages, and Content */
.elgg-river-attachments, .elgg-river-message, .elgg-river-content { border-left: 1px solid #e6e6ea; margin: .5rem 0; padding: 1rem 1.5rem; border-radius: 8px; background-color: #f9f9f9; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.elgg-river-attachments .elgg-avatar, .elgg-river-attachments .elgg-icon { display: inline-block; vertical-align: middle; margin-right: 1rem; }
.elgg-river-attachments .elgg-icon-arrow-right { margin: .5rem; }

/* River More Section */
.elgg-river-more { border-color: #e6e6ea; border-style: solid; border-width: 0 1px 1px 1px; padding: 1rem 1.5rem; font-size: 1rem; text-align: center; background-color: #f1f1f1; border-radius: 8px; cursor: pointer; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
.elgg-river-more:hover { background-color: #e1e1e1; }

/* River Item Form */
.elgg-river-item form { border-color: #e6e6ea; border-style: solid; border-width: 0 1px 1px 1px; padding: 1rem; height: auto; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* Mobile Optimizations */
@media (max-width: 768px) {
/* Mobile and tablets */
.elgg-list-river > li { padding: .75rem; margin-bottom: .75rem; }
.elgg-river-attachments, .elgg-river-message, .elgg-river-content { padding: .75rem 1rem; font-size: 14px; }
.elgg-river-more { font-size: .9rem; padding: .75rem 1rem; }
.elgg-river-item form { padding: .75rem; }
}

/* PC & Larger Screens */
@media (min-width: 769px) {
/* For larger screens (PC and tablet) */
.elgg-list-river > li { padding: 1rem; margin-bottom: 1.5rem; }
.elgg-river-attachments, .elgg-river-message, .elgg-river-content { padding: 1rem 1.5rem; font-size: 16px; }
.elgg-river-more { font-size: 1rem; }
}

/*
* Comments - Improved & Modernized
*/
.elgg-comments .elgg-list, .elgg-river-comments { position: relative; }
.elgg-comments .elgg-list:before, .elgg-river-comments:before { content: "\25b2"; color: #fff; position: absolute; text-shadow: 0 -2px 0 rgba(0,0,0,.1); font-size: 1rem; top: -1rem; left: 2rem; line-height: 1rem; padding-top: 4px; pointer-events: none; }
.elgg-river-comments { margin-top: 1.5rem; padding-left: 1rem; border-left: 2px solid rgba(0,0,0,.1); }
.elgg-river-comments > li { border: 0; padding: .5rem 0; margin-top: -1px; }
.elgg-river-comments > li.elgg-state-highlight { -webkit-animation: comment-highlight 5s ease-in-out; animation: comment-highlight 5s ease-in-out; }

/* General Comment List */
.comments-list { margin: 1.5rem 0 1rem 0; border: none; }
.comments-list > li { border: 0; margin-top: -1px; padding: .5rem 0; }
.comments-list > li:target > .elgg-listing-full > .elgg-listing-full-header, .comments-list > li.elgg-state-highlight > .elgg-listing-full > .elgg-listing-full-header { -webkit-animation: comment-highlight 5s ease-in-out; animation: comment-highlight 5s ease-in-out; }

/* Comment Container */
.elgg-item-object-comment { padding: 0; }
.elgg-item-object-comment > .elgg-listing-full { margin: 0; }
.elgg-item-object-comment > .elgg-listing-full > .elgg-listing-full-header { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: .5rem; padding: .8rem; background: #f9f9f9; border-radius: 6px; border: 1px solid rgba(0,0,0,.1); }
.elgg-item-object-comment > .elgg-listing-full > .elgg-listing-full-header .elgg-avatar { width: 32px; height: 32px; border-radius: 50%; }
.elgg-item-object-comment > .elgg-listing-full > .elgg-listing-full-header .elgg-listing-summary-content { margin: 0; }
.elgg-item-object-comment > .elgg-listing-full > .elgg-listing-full-responses { padding: 0 0 0 1.5rem; border-left: 2px dashed rgba(0,0,0,.1); margin-top: .5rem; }

/* Comment Input Box */
.elgg-module-comments { margin: 0; }
#comments-login { width: auto; max-width: 300px; position: relative; }
#comments .elgg-form-comment-save { margin-top: 1rem; }
#comments .elgg-form-comment-save .elgg-field-label { display: none; }

/* Highlight Animation */
@-webkit-keyframes comment-highlight {
from { background: rgba(255,235,59,.3); }
to { background: transparent; }
}

@keyframes comment-highlight {
from { background: rgba(255,235,59,.3); }
to { background: transparent; }
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags > .elgg-icon { margin-right: 5px; }

/* ***************************************
	 Level
*************************************** */
.elgg-level { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-level > *:first-child { margin-right: auto; }

/* ***************************************
	  PROGRESS BAR
**************************************** */
.elgg-progressbar { height: 1rem; border: 1px solid #dcdcdc; border-radius: .5rem; }
.ui-progressbar-value { height: 1rem; background: #0078ac; border-radius: .5rem; margin: -1px 0 0 -1px; }
.elgg-progressbar-counter { float: left; color: white; margin: 1px; }

/* Main container for profile fields with plain white background */
.elgg-profile-fields { padding: 1.5rem; background-color: #fff; display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 1.5rem; border-radius: 10px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1); box-shadow: 0 4px 12px rgba(0,0,0,.1); font-family: inherit; margin-bottom: 2rem; color: #333; }

/* Profile field cards */
.elgg-profile-field { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 1rem; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1); box-shadow: 0 2px 6px rgba(0,0,0,.1); -webkit-transition: box-shadow .2s ease-in-out; transition: box-shadow .2s ease-in-out; }
.elgg-profile-field:hover { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.15); box-shadow: 0 4px 10px rgba(0,0,0,.15); }

/* Labels - maintain legibility and clarity */
.elgg-profile-field-label { font-weight: bold; font-size: .95rem; color: #606770; margin-bottom: .75rem; text-transform: capitalize; }

/* Inputs and selects with clean white background */
.elgg-profile-field input, .elgg-profile-field select { padding: .8rem; font-size: 1rem; border: 1px solid #ddd; border-radius: 6px; background-color: #f7f8f9; color: #333; -webkit-transition: all .2s ease; transition: all .2s ease; margin-bottom: 1.2rem; }
.elgg-profile-field input:focus, .elgg-profile-field select:focus { border-color: #1877f2; outline: none; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(24,119,242,.4); box-shadow: 0 0 5px rgba(24,119,242,.4); }

/* Responsive adjustments for small screens */
@media (max-width: 768px) {
.elgg-profile-fields { grid-template-columns: 1fr; }
.elgg-profile-field { padding: 1.2rem; margin-bottom: 1.5rem; }
}

/* Consistent margin between child elements */
.elgg-profile-field > * { margin-bottom: 1rem; }

/* ***************************************
    PAGE LAYOUT DEFAULT
*************************************** */
.elgg-page-default .elgg-page-section > .elgg-inner { max-width: 80rem; margin: 0 auto; padding: 0 .5rem; }
.elgg-page-default .elgg-page-header > .elgg-inner { padding: 0; margin: 0; max-width: unset; }
.elgg-page-default .elgg-page-header > .elgg-inner .elgg-header-image { background-size: cover; background-position: center; width: 100%; height: 40vh; }
.elgg-page-default .elgg-page-body > .elgg-inner { padding-top: 1rem; padding-bottom: 1rem; }
@media screen and (min-width: 80rem) {
.elgg-page-default .elgg-page-section:not(.elgg-page-header) > .elgg-inner { padding-left: 1rem; padding-right: 1rem; }
}

/* ***************************************
	SYSTEM MESSAGES
*************************************** */
.elgg-system-messages { position: fixed; top: 5rem; right: 1rem; max-width: 30rem; }
.elgg-system-messages .elgg-message { position: relative; }
.elgg-system-messages .elgg-message: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:before { display: none; }
.elgg-system-messages .elgg-message:hover:before { display: block; }
}

.elgg-nav-logo { left: 0; -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background-image: url(https://i70.servimg.com/u/f70/20/40/59/80/dawnsp10.png); background-size: contain; background-repeat: no-repeat; padding-left: 60px; -webkit-animation: logoAnimation 3s ease infinite alternate; animation: logoAnimation 3s ease infinite alternate; }
.elgg-nav-logo h1 { font-size: 1.3rem; line-height: 3rem; font-weight: 700; margin-left: 10px; }
.elgg-nav-logo a { padding: .5rem 1rem; display: inline-block; }
@-webkit-keyframes logoAnimation {
0% { -webkit-transform: scale(1); transform: scale(1); }
50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes logoAnimation {
0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

#login-dropdown { -webkit-order: 2; order: 2; position: static; top: auto; right: auto; }
#login-dropdown a { padding: .5rem 1rem; line-height: 3rem; display: inline-block; }
#login-dropdown a:hover { background-color: rgba(255,255,255,.1); }
#login-dropdown-box { border-top: 0; border-radius: 0; width: auto; max-width: 300px; position: relative; }
#login-dropdown-box:before { content: "\25b2"; color: #fff; position: absolute; font-size: 1rem; top: -1rem; right: 0; margin-right: 1.5rem; }
@media only screen and (min-width: 80rem) {
.elgg-nav-logo { -webkit-flex-grow: 0; flex-grow: 0; }
#login-dropdown { -webkit-order: 5; order: 5; }
}

.elgg-nav-collapse { height: auto; width: 100%; -webkit-flex-grow: 4; flex-grow: 4; -webkit-order: 4; order: 4; display: none; }
.elgg-nav-collapsed .elgg-nav-collapse { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
@media only screen and (min-width: 80rem) {
.elgg-nav-collapse { position: relative; top: auto; bottom: auto; width: auto; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
}

.elgg-nav-button { width: 20px; height: 15px; position: relative; margin: 10px 20px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s; cursor: pointer; display: block; -webkit-order: 3; order: 3; -webkit-flex-grow: 0; flex-grow: 0; }
@media only screen and (min-width: 80rem) {
.elgg-nav-button { display: none; }
}

.elgg-nav-button span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 2px; opacity: 1; left: 0; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: ease-in-out .25s; -o-transition: ease-in-out .25s; -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; }
.elgg-nav-button span:nth-child(1) { top: 0; }
.elgg-nav-button span:nth-child(2) { top: 6px; }
.elgg-nav-button span:nth-child(3) { top: 12px; }
.elgg-nav-collapsed .elgg-nav-button span:nth-child(1) { top: 6px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.elgg-nav-collapsed .elgg-nav-button span:nth-child(2) { opacity: 0; left: -60px; }
.elgg-nav-collapsed .elgg-nav-button span:nth-child(3) { top: 6px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
html.elgg-nav-collapsed { overflow: hidden; }
html.elgg-nav-collapsed .elgg-page-topbar { height: 100vh; overflow-y: scroll; }
.elgg-page-topbar { background: #000; position: -webkit-sticky; position: sticky; top: 0; }
.elgg-page-topbar > .elgg-inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
.elgg-page-topbar a { color: #fff; text-decoration: none; }
.elgg-page-topbar .elgg-menu-container { -webkit-flex-direction: column; flex-direction: column; }
.elgg-page-topbar .elgg-menu-container > .elgg-menu > li > a.elgg-non-link:after { content: "\f107"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: .5rem; display: none; width: 1.5rem; text-align: center; float: right; }
.elgg-page-topbar .elgg-menu-topbar-container { -webkit-order: 2; order: 2; }
.elgg-page-topbar .elgg-menu-topbar-container .elgg-badge { background-color: #faa51a; }
.elgg-page-topbar .elgg-menu-site-container { -webkit-order: 3; order: 3; }
.elgg-page-topbar .elgg-menu { width: 100%; }
.elgg-page-topbar .elgg-menu li { display: block; width: 100%; }
.elgg-page-topbar .elgg-menu li > a { padding: .5rem 1rem; -webkit-transition: background-color .5s,color .5s; transition: background-color .5s,color .5s; border-top: 1px solid rgba(0,0,0,.05); }
.elgg-page-topbar .elgg-menu li .elgg-child-menu { margin: 1px 0 0 1rem; border-left: 1px solid rgba(255,255,255,.1); }
.elgg-page-topbar .elgg-menu .elgg-menu-item-account img { max-height: 2rem; }
.elgg-page-topbar .elgg-menu li:hover > a, .elgg-page-topbar .elgg-menu li.elgg-state-selected > a { background-color: rgba(255,255,255,.1); }
.elgg-page-topbar .elgg-menu > li > a .elgg-icon { width: 1.5rem; display: inline-block; text-align: center; margin: 0; }
.elgg-page-topbar .elgg-menu .elgg-menu-item-more .elgg-menu-parent, .elgg-page-topbar .elgg-menu .elgg-menu-item-account .elgg-menu-parent { display: none; }
.elgg-page-topbar .elgg-menu .elgg-menu-item-more .elgg-child-menu, .elgg-page-topbar .elgg-menu .elgg-menu-item-account .elgg-child-menu { margin-left: 0; border: none; }
*[id] { scroll-margin-top: 4rem; }
@media only screen and (min-width: 80rem) {
.elgg-nav-collapse { -webkit-align-items: center; align-items: center; }
.elgg-nav-collapse > .elgg-menu-container > .elgg-menu > li > a.elgg-non-link:after { display: inline-block; }
.elgg-page-topbar .elgg-menu-site-container { -webkit-order: 1; order: 1; }
.elgg-page-topbar .elgg-menu-site-container .elgg-menu-site .elgg-anchor-icon { display: none; }
.elgg-page-topbar .elgg-menu-site-container .elgg-menu-site .elgg-anchor-icon + .elgg-anchor-label { margin-left: 0; }
.elgg-page-topbar .elgg-nav-search { -webkit-order: 2; order: 2; }
.elgg-page-topbar .elgg-menu-container { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; margin-right: auto; }
.elgg-page-topbar .elgg-menu-topbar-container { -webkit-order: 3; order: 3; margin-left: auto; margin-right: 0; }
.elgg-page-topbar .elgg-menu-topbar-container .elgg-menu-topbar-alt { -webkit-order: 2; order: 2; }
.elgg-page-topbar .elgg-menu { width: auto; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; }
.elgg-page-topbar .elgg-menu.elgg-child-menu > li { display: block; width: 100%; }
.elgg-page-topbar .elgg-menu.elgg-child-menu > li > a { border-top: 1px solid rgba(0,0,0,.05); }
.elgg-page-topbar .elgg-menu.elgg-child-menu > li:hover > a { background-color: rgba(255,255,255,.1); }
.elgg-page-topbar .elgg-menu:not(.elgg-child-menu) > li > a { padding: .5rem 1rem; line-height: 3rem; vertical-align: middle; }
.elgg-page-topbar .elgg-menu li { display: inline-block; width: auto; position: relative; }
.elgg-page-topbar .elgg-menu li:focus-within > .elgg-child-menu, .elgg-page-topbar .elgg-menu li:hover > .elgg-child-menu { display: -webkit-flex; display: flex; -webkit-animation: menuGrowDown 300ms ease-in-out forwards; animation: menuGrowDown 300ms ease-in-out forwards; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }
.elgg-page-topbar .elgg-menu li > a { border: none; }
.elgg-page-topbar .elgg-menu li .elgg-child-menu { margin: 0; border-left: none; display: none; -webkit-flex-direction: column; flex-direction: column; position: absolute; left: 0; width: 12rem; background: #000; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,.2); box-shadow: 1px 2px 8px rgba(0,0,0,.2); }
.elgg-page-topbar .elgg-menu li .elgg-child-menu .elgg-child-menu { top: 0; left: 100%; margin: 0; }
.elgg-page-topbar .elgg-menu li .elgg-child-menu .elgg-menu-parent:after { content: "\f105"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: .5rem; line-height: 1.5rem; width: 1.5rem; text-align: center; float: right; }
.elgg-page-topbar .elgg-menu li.elgg-menu-item-more .elgg-menu-parent, .elgg-page-topbar .elgg-menu li.elgg-menu-item-account .elgg-menu-parent { display: inline-block; width: 100%; }
.elgg-page-topbar .elgg-menu li.elgg-menu-item-more .elgg-child-menu, .elgg-page-topbar .elgg-menu li.elgg-menu-item-account .elgg-child-menu { right: 0; left: unset; }
.elgg-page-topbar .elgg-menu-topbar > li > a .elgg-icon + .elgg-anchor-label { display: none; }
.elgg-page-topbar .elgg-menu-topbar > li > a .elgg-badge { position: absolute; top: 1rem; right: 0; }
}

@-webkit-keyframes menuGrowDown {
0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
100% { -webkit-transform: scaleY(1); transform: scaleY(1); }
}

@keyframes menuGrowDown {
0% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); }
80% { -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); }
100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
}

/* ***************************************
    HEADER
*************************************** */
.elgg-layout-header { margin-bottom: 1rem; border-bottom: 1px solid #e6e6ea; width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.elgg-layout-header > h1, .elgg-layout-header > h2, .elgg-layout-header > h3 { -webkit-order: 1; order: 1; -webkit-flex-basis: 30%; flex-basis: 30%; -webkit-flex-grow: 1; flex-grow: 1; padding: 1rem; text-align: center; font-size: 2rem; -webkit-animation: fadeInUp 1s ease-in-out; animation: fadeInUp 1s ease-in-out; }
.elgg-layout-header > .elgg-menu-container { -webkit-order: 2; order: 2; padding: 1rem; }
@media screen and (min-width: 80rem) {
.elgg-layout-header { padding: 1rem; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; }
.elgg-layout-header > h1, .elgg-layout-header > h2, .elgg-layout-header > h3 { padding: 0; text-align: left; }
.elgg-layout-header > .elgg-menu-container { padding: 0; margin-left: auto; }
}

@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* ***************************************
    LAYOUT COLUMNS
*************************************** */
.elgg-layout-sidebar, .elgg-layout-sidebar-alt, .elgg-layout-body { padding: .5rem; }
.elgg-layout-sidebar, .elgg-layout-sidebar-alt { border-top: 1px solid #e6e6ea; }
.elgg-layout-columns { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; }
.elgg-layout-columns > .elgg-body { -webkit-flex: 1; flex: 1; min-width: 1%; }
.elgg-layout-columns > .elgg-sidebar { float: none; -webkit-order: 1; order: 1; }
.elgg-layout-columns > .elgg-sidebar { -webkit-order: 2; order: 2; }
.elgg-layout-columns > .elgg-sidebar-alt { -webkit-order: 0; order: 0; }

/* Mobile-first styles */
@media (min-width: 768px) {
/* Tablets and above */
.elgg-layout-columns { -webkit-flex-direction: column; flex-direction: column; }
}

@media (min-width: 1024px) {
/* Desktop and larger */
.elgg-layout-columns { -webkit-flex-direction: row; flex-direction: row; }
.elgg-layout-sidebar, .elgg-layout-sidebar-alt, .elgg-layout-body { min-height: -webkit-calc(100vh - 8rem); min-height: calc(100vh - 8rem); }
.elgg-layout-sidebar { border-top: none; padding: 0; width: 18rem; margin-left: 2rem; }
.elgg-layout-sidebar-alt { padding: 0; border-top: none; max-width: 18rem; margin-right: 2rem; }
.elgg-layout-body { padding: 0; }
}

/* ***************************************
	FOOTER
*************************************** */
.elgg-page-footer { position: relative; background: #fafafa; border-top: 1px solid #e6e6ea; color: #969696; font-size: .9rem; min-height: 4rem; }
.elgg-page-footer a { color: #969696; }
.elgg-page-footer a:hover { color: #0078ac; }

/* ***************************************
	FOOTER MENU
*************************************** */
.elgg-page-footer .elgg-menu-container { -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; padding: .5rem 1rem; }
.elgg-menu-footer { -webkit-flex-direction: column; flex-direction: column; margin-bottom: 1rem; }
.elgg-menu-footer > li > a { padding: .5rem 1rem; }
@media screen and (min-width: 80rem) {
.elgg-page-footer .elgg-menu-container { -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end; justify-content: flex-end; }
.elgg-menu-footer { -webkit-flex-direction: row; flex-direction: row; margin-bottom: 0; }
.elgg-menu-footer-default { margin-right: auto; }
}

#elgg-scroll-to-top { display: none; font-size: 1.5rem; padding: .5rem 1rem; border-radius: 4px; background: #fafafa; color: #0078ac; border: 1px solid #fff; position: fixed; right: 2rem; bottom: 2rem; text-decoration: none; opacity: .8; }
#elgg-scroll-to-top:hover { opacity: 1; }

/* ***************************************
	FIXED POSITION AJAX INDICATOR
*************************************** */
.elgg-spinner { background: #fff; padding: .5rem; border: 1px solid #e6e6ea; border-top: 0; border-radius: 0 0 1rem 1rem; margin-left: -2rem; position: fixed; top: 0; left: -10000px; opacity: 0; -webkit-transition: opacity 300ms ease-in-out,left 0s linear 300ms; transition: opacity 300ms ease-in-out,left 0s linear 300ms; }
.elgg-spinner-active .elgg-spinner { left: 50%; opacity: 1; -webkit-transition: opacity 0s,left 0s; transition: opacity 0s,left 0s; }

/* <style> /**/
.clearfloat { clear: both; }
.hidden, .elgg-page .hidden, .elgg-menu > li.hidden { display: none; }
.centered { margin: 0 auto; }
.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 .elgg-discoverable { display: none; }
.elgg-discover:hover .elgg-discoverable { display: block; }
.elgg-transition:hover, .elgg-transition:focus, :focus > .elgg-transition { opacity: .7; }

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain { border: 1px solid #e6e6ea; }
.elgg-border-transition { border: 1px solid #e6e6ea; }
.elgg-divide-top { border-top: 1px solid #e6e6ea; }
.elgg-divide-bottom { border-bottom: 1px solid #e6e6ea; }
.elgg-divide-left { border-left: 1px solid #e6e6ea; }
.elgg-divide-right { border-right: 1px solid #e6e6ea; }

/* ***************************************
	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 LAYERING
*************************************** */
.elgg-page-walled-garden-background { z-index: 10; }
.elgg-page-walled-garden > .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; }

/* Mobile-first approach */
@media (min-width: 768px) {
/* Tablets and above */
.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-system-messages { z-index: 1000; }
.elgg-spinner { z-index: 2000; }
.elgg-menu.elgg-state-popped { z-index: 3000; }
.elgg-page-walled-garden { margin: 0; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; min-height: 100vh; }
.elgg-page-walled-garden-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(dawnius/test3.jpeg); background-size: cover; background-repeat: no-repeat; background-position: 50%; -webkit-filter: blur(4px); filter: blur(4px); }
.elgg-heading-walled-garden { font-size: 3rem; line-height: 3rem; color: #2d3047; text-shadow: 1px 1px 3px rgba(0,0,0,.3); font-weight: 600; }
.elgg-page-walled-garden > .elgg-inner { width: 30rem; min-height: 100%; }
.elgg-page-walled-garden > .elgg-inner > .elgg-page-body { padding: 1.5rem 3rem; background: rgba(255,255,255,.5); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3),-1px -1px 1px rgba(0,0,0,.3); box-shadow: 1px 1px 1px rgba(0,0,0,.3),-1px -1px 1px rgba(0,0,0,.3); color: #2d3047; }
.elgg-page-walled-garden > .elgg-inner > .elgg-page-header { padding: 3rem 0; }
.elgg-page-walled-garden > .elgg-inner > .elgg-page-footer { background: none; }
.elgg-page-walled-garden > .elgg-inner > .elgg-page-footer a { color: #2d3047; text-shadow: 1px 1px 3px rgba(0,0,0,.3); font-weight: 600; }
.elgg-page-walled-garden .elgg-main { min-height: 0; padding: 0; }
.elgg-heading-walled-garden a { text-decoration: none; color: inherit; }
.elgg-page-walled-garden .elgg-form-login, .elgg-page-walled-garden .elgg-form-account { max-width: none; background: rgba(255,255,255,.5); padding: 20px; border-radius: 10px; }
.elgg-page-walled-garden .elgg-form-login input[type="text"], .elgg-page-walled-garden .elgg-form-login input[type="password"], .elgg-page-walled-garden .elgg-form-account input[type="text"], .elgg-page-walled-garden .elgg-form-account input[type="password"], .elgg-page-walled-garden .elgg-form-login button[type="submit"], .elgg-page-walled-garden .elgg-form-account button[type="submit"] { background: rgba(255,255,255,.7); border: 1px solid #ccc; border-radius: 5px; padding: 10px; }
.elgg-page-walled-garden .elgg-form-login input[type="text"], .elgg-page-walled-garden .elgg-form-login input[type="password"], .elgg-page-walled-garden .elgg-form-account input[type="text"], .elgg-page-walled-garden .elgg-form-account input[type="password"] { margin-bottom: 10px; }

/* Adjust color for login and register buttons */
.elgg-page-walled-garden .elgg-form-login button[type="submit"], .elgg-page-walled-garden .elgg-form-account button[type="submit"] { color: #2d3047; border: 1px solid; }
@media screen and (max-width: 50rem) {
.elgg-page-walled-garden { width: 100%; float: none; }
}