/* makes the top navigation bar sticky, so it won't scroll out of view */
 nav.navbar {
    position: sticky;
    top: 0;
    background: var(--lt-color-background-default);
    /* default light-mode color */
    z-index: 100;
}
/* Override to keep the bottom disclaimer bar at the bottom */
 div+nav.navbar {
    z-index: 100;
    position: relative;
    background: transparent !important;
    bottom: 0;
}
/* On darkmode the topbar has a darker shade of gray */
 @media(prefers-color-scheme: dark) {
    nav.navbar {
    	background-color: #222222e0 !important;
    }
}

/* indents comments on comments further to keep the hierarchy more pronounced */
 .comment-node {
    position: relative;
}

.ml-1, .mx-1 {
  margin-left: 1.5ch !important;
}

/* Move the Collapse/Expand toggle in front of username/avatar */
button[aria-label="Collapse"], button[aria-label="Expand"] {
    position: absolute;
    left: -4ch;
}

.col-12.col-md-8 > div:not([class]) {
    background-color: #22222280;
    padding: 1ch;
}

body {
    background-color: #000;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1440px;
}

.d-flex.text-muted.font-weight-bold {
    display: none !important;
}

:is(.ml-2, [class=""]):is(:focus, :hover) .d-flex.text-muted.font-weight-bold {
    display: flex !important;
    position: absolute;
    z-index: 50;
    background-color: #222222a0;
}

.ml-2 {
    padding-bottom: 4px;
    padding-left: 0.5ch;
}

.details.border-top {
	border-color: #aaaaaa20 !important;
    border-radius: 2ch;
}