@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilex:ital,wght@0,100..700;1,100..700&display=swap');

html {
    /* font-size: 14.5px;  */
}
body { 
    padding-top: 70px; /* Account for fixed navbar */
    /* zoom: 0.9; */
}

:root {
    --bs-body-font-family: "Lexend", var(--bs-font-sans-serif);
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.mark,
mark {
    padding: .1em;
    color: #222;
    background-color: #fbf983;
    font-weight: 500;
}

.markdown-editor,
textarea.font-monospace,
textarea[name$="_md"],
textarea[id$="_md"],
textarea[name*="markdown" i],
textarea[id*="markdown" i],
textarea[data-task-markdown-paste],
textarea[name="comment_text"],
textarea#qz_description {
    font-family: var(--bs-font-monospace);
    font-size: .95rem;
    line-height: 1.5;
}

:where(
    .markdown-body,
    .wiki-rendered,
    .layout-markdown,
    .meeting-markdown-preview,
    .meeting-live-markdown,
    .message-body,
    .survey-description,
    .campaign-body,
    .msg-body,
    .md-content,
    .quiz-markdown,
    .comment-body
) img {
    max-width: 100%;
    height: auto;
}

[data-bootswatch="zephyr-teal"] {
    --bs-body-color: #333;
    --bs-body-color-rgb: 51, 51, 51;
}

.navbar-brand {
    font-weight: bold;
}

.wiki-content .gap-3 {
    margin-top: 0.5em;
  border-top: 1px solid #ddd;
  padding-top: 0.5em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;

}

.wiki-content h2,
.wiki-content h3
{
    margin-bottom: 0;
}
.wiki-layout {
    /* line-height: 1.85; */
    line-height: 1.4rem;
    letter-spacing: -0.03em;
}

.wiki-layout {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 1rem;    
    
}
.wiki-sidebar {
    font-size: 85%;
    position: sticky;
    top: 82px;
    max-height: calc(100vh - 96px);
    overflow: auto;
    border-right: 1px solid var(--bs-border-color);
    padding-right: .75rem;

}
.wiki-search-results {
    top: calc(100% + .25rem);
    right: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
}
.wiki-all-wikis-link {
    display: inline-block;
    margin-bottom: .55rem;
    font-size: .875rem;
    text-decoration: none;
}
.wiki-search-empty {
    padding: .65rem;
}
.wiki-search-excerpt {
    margin-top: .2rem;
    color: var(--bs-secondary-color);
    line-height: 1.35;
}

.wiki-tree {
    padding-left: .25rem;
}
.wiki-tree .wiki-tree {
    padding-left: 1.25rem;
    margin-top: .15rem;
}
.wiki-tree-node {
    margin: .15rem 0;
}
.wiki-sidebar-root {
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: .6rem;
}
.wiki-root-link {
    color: var(--bs-link-color);
    font-size: 1.05rem;
    text-decoration: none;
}
.wiki-recent-link {
    display: inline-block;
    margin-top: .45rem;
    font-size: .875rem;
    text-decoration: none;
}
.wiki-tree-row {
    display: flex;
    align-items: center;
    /* gap: .35rem; */
    /* min-height: 1.85rem; */
    border-radius: .25rem;
    /* padding: .05rem .2rem; */
}
.wiki-tree-row:hover,
.wiki-tree-drag-over {
    background: var(--bs-tertiary-bg);
}
.wiki-tree-toggle {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bs-secondary-color);
    line-height: 1;
}
.wiki-tree-toggle .bi {
    display: inline-block;
    transition: transform .15s ease;
    transform-origin: center;
}
.wiki-tree-toggle[aria-expanded="true"] .bi {
    transform: rotate(90deg);
}
.wiki-tree-dot {
    width: 1.25rem;
    text-align: center;
}
.wiki-tree-dot::before {
    content: "\2022";
    color: var(--bs-secondary-color);
}
.wiki-tree-link {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bs-link-color);
    text-decoration: none;
}
.wiki-tree-child {
    opacity: 0;
    color: var(--bs-secondary-color);
    text-decoration: none;
}
.wiki-tree-row:hover .wiki-tree-child {
    opacity: 1;
}
@media (hover: none), (pointer: coarse) {
    .wiki-tree-child {
        opacity: 1;
    }
}
.wiki-content {
    min-width: 0;
    max-width: 80ch;
    line-height: 1.5em;
    margin-left: 1em;
  margin-top: 0.75em;
}

.wiki-public-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    gap: 1rem;
}
.wiki-public-sidebar {
    position: sticky;
    top: 82px;
    max-height: calc(100vh - 96px);
    overflow: auto;
    border-left: 1px solid var(--bs-border-color);
    padding-left: .9rem;
}
.wiki-public-side-tree .wiki-public-side-tree {
    padding-left: 1rem;
    margin-top: .25rem;
}
.wiki-public-side-tree li {
    margin: .25rem 0;
}
.wiki-public-side-tree a {
    text-decoration: none;
}
.wiki-public-content {
    max-width: 82ch;
    margin: 0 auto;
}
.wiki-rendered img {
    max-width: 100%;
    height: auto;
}
.wiki-rendered pre {
    position: relative;
    padding: 1rem;
    border-radius: .375rem;
    background: var(--bs-tertiary-bg);
}
.wiki-rendered .wiki-link-broken {
    color: var(--bs-danger);
    text-decoration-style: dashed;
}
.wiki-rendered a.wiki-link-external::after {
    content: "\f1c5";
    display: inline-block;
    margin: 0 .2em 0 .25em;
    font-family: "bootstrap-icons";
    font-size: .875em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.025em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: .25px currentColor;
    text-decoration: none;
}
.wiki-rendered .footnote {
    margin-top: 2rem;
    font-size: .95rem;
    color: var(--bs-body-color);
}
.wiki-rendered .footnote hr {
    margin: 1rem 0;
    border-top: 2px solid var(--bs-primary);
    opacity: .55;
}
.wiki-rendered .footnote-ref {
    font-size: .95em;
    font-weight: 700;
    text-decoration: none;
}
.wiki-rendered .footnote-ref::before {
    content: "[";
}
.wiki-rendered .footnote-ref::after {
    content: "]";
}
.wiki-rendered .wiki-footnote-focus {
    animation: wiki-footnote-focus 1.4s ease-out;
    border-radius: .2rem;
}
@keyframes wiki-footnote-focus {
    0%, 100% { background-color: transparent; }
    25%, 65% { background-color: #fbf983; }
}
@media (prefers-reduced-motion: reduce) {
    .wiki-rendered .wiki-footnote-focus {
        animation: none;
        background-color: #fbf983;
    }
}
.wiki-rendered .footnote li::marker {
    color: var(--bs-primary);
    font-weight: 700;
}
.wiki-rendered ol > li {
    padding-left: .25rem;
}
.wiki-rendered ol > li::marker {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.wiki-rendered :is(ol, ul) > li + li {
    /* Separate list entries without changing the line-height of wrapped text. */
    margin-top: .25rem;
}
.wiki-rendered .footnote ol > li {
    padding-left: 0;
}
.wiki-rendered .footnote ol > li + li {
    margin-top: 0;
}
.wiki-rendered .footnote li > p:last-child {
    /* Markdown emits a paragraph inside every footnote item. */
    margin-bottom: .25rem;
}
.wiki-rendered ul {
    list-style: none;
}
.wiki-rendered ul > li {
    position: relative;
}
.wiki-rendered ul > li::before {
    content: "▸";
    position: absolute;
    top: 0;
    right: calc(100% + .35rem);
    display: inline-flex;
    width: 1.25rem;
    height: 1.75rem;
    align-items: center;
    justify-content: center;
    color: #11595f;
    font-size: 1.65em;
    font-weight: 700;
    line-height: 1;
}
.wiki-rendered ul ul > li::before {
    content: "–";
    color: var(--bs-secondary-color);
    font-size: 1em;
    font-weight: 600;
}
sup {
    top: -.7em;
}
.wiki-code-copy {
    position: absolute;
    top: .35rem;
    right: .35rem;
}
.wiki-attachment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: .75rem;
}
.wiki-attachment {
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    padding: .75rem;
}
.wiki-stl-preview {
    width: 100%;
    height: 220px;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    background: var(--bs-tertiary-bg);
}
.wiki-editor-toolbar {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}
.wiki-title-input {
    height: auto;
    padding: 0 .125rem;
    border-width: 1px;
    box-shadow: none;
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    line-height: 1.2;
}
.wiki-body-editor-preview {
    min-height: calc(5 * 1.75em + 1rem);
    cursor: text;
}
.wiki-body-editor-preview:focus-visible {
    outline: .2rem solid rgba(var(--bs-primary-rgb), .25);
    outline-offset: 2px;
}
.autosave-diff-block {
    max-height: 22rem;
    overflow: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    background: var(--bs-body-bg);
}
.autosave-diff-line {
    display: flex;
    min-width: max-content;
    padding: 0 .5rem;
    font-family: var(--bs-font-monospace);
    font-size: .8rem;
    line-height: 1.55;
    white-space: pre;
}
.autosave-diff-prefix {
    flex: 0 0 2ch;
    color: var(--bs-secondary-color);
    user-select: none;
}
.autosave-diff-added {
    background: rgba(var(--bs-success-rgb), .16);
}
.autosave-diff-removed {
    background: rgba(var(--bs-danger-rgb), .16);
}
.autosave-diff-omitted {
    color: var(--bs-secondary-color);
    font-style: italic;
}
#wp_body_md {
    min-height: calc(5 * 1.5em + .75rem);
    overflow-y: hidden;
    resize: none;
}
@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 1.65rem;
        color: #385d60;
    }
    .h3,
    h3 {
        font-size: 1.45rem;
        color: #385d60;
    }
    .h4,
    h4 {
        font-size: 1.3rem;
        color: #385d60;
    }
    .wiki-title-input {
        font-size: 2.5rem;
    }
}
.wiki-upload-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .5rem;
}
.wiki-upload-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    padding: .4rem .5rem;
    background: var(--bs-tertiary-bg);
}
.wiki-upload-thumb,
.wiki-upload-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: .25rem;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
}
.wiki-upload-thumb {
    object-fit: cover;
}
.wiki-upload-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
}
.wiki-upload-meta {
    min-width: 0;
}
.wiki-upload-meta a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wiki-autocomplete {
    position: absolute;
    z-index: 1050;
    min-width: 240px;
    max-width: 420px;
    max-height: 240px;
    overflow: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.wiki-autocomplete button,
.wiki-autocomplete a {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid var(--bs-border-color);
    padding: .45rem .65rem;
    background: transparent;
    color: var(--bs-body-color);
    text-decoration: none;
}
.wiki-autocomplete button:hover,
.wiki-autocomplete button.active,
.wiki-autocomplete a:hover,
.wiki-autocomplete a.active {
    background: var(--bs-tertiary-bg);
}
.wiki-rendered .wiki-monospace {
    font-family: var(--bs-font-monospace);
    font-size: .9em;
    background: #eee;
    padding: 0 2px;
}
.wiki-rendered a {
    font-size: 97%;
}
@media (max-width: 991.98px) {
    .wiki-layout {
        display: block;
    }
    .wiki-sidebar {
        position: static;
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid var(--bs-border-color);
        padding-right: 0;
        padding-bottom: .75rem;
        margin-bottom: 1rem;
    }
    .wiki-public-layout {
        display: block;
    }
    .wiki-public-sidebar {
        position: static;
        max-height: none;
        border-left: 0;
        border-top: 1px solid var(--bs-border-color);
        padding-left: 0;
        padding-top: .75rem;
        margin-top: 1rem;
    }
}

/* bg-secondary badges are near-invisible on light backgrounds in zephyr themes */
[data-bootswatch="zephyr"] .badge.bg-secondary,
[data-bootswatch="zephyr-teal"] .badge.bg-secondary {
    border: 1px dashed var(--bs-secondary);
}

.task-title-button {
  /* font-weight: 600; */
  font-size: 14.5px;
}

.task-status-badge, .task-date-pill, .task-priority-badge {
  /* font-weight: 700; */
  /* min-width: 7.4rem; */
  min-width: 5.5rem;
}

.task-date-pill {
  font-size: 13px;
}



/* bootstrap.min.css | http://localhost:3000/static/vendor/bootswatch/zephyr-teal/bootstrap.min.css */

[data-bootswatch="zephyr-teal"] .bg-primary {
  /* background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important; */
  background: linear-gradient(120deg,rgba(0, 105, 110, 1) 0%, rgba(0, 120, 130, 1) 50%, rgba(122, 194, 180, 1) 100%);
  box-shadow: 2px 2px 5px #bbb;
  /* text-shadow: 1px 1px 2px #000; */
}

[data-bootswatch="zephyr-teal"] #userDropdown {
    color: #444;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgb(0, 90, 120)
}

[data-bootswatch="zephyr-teal"] #wp_body_md {
  font-size: .875rem;
  line-height: 1.25;
  color: #333;
  text-shadow: 1px 1px 4px #ddd;
}

.wiki-rendered td {
  border: solid 1px #ddd;
  padding: 0.25em 0.5em;
}
.markdown-emoji-picker {
    position: fixed;
    z-index: 1080;
    max-width: calc(100vw - 24px);
    border-radius: .5rem;
    overflow: hidden;
}