/*
    Designed to work best with the Operator Mono font
*/

body {
  -webkit-font-smoothing: antialiased;
  font-family           : "Operator Mono", Menlo, Monaco, 'Courier New', monospace;
}

::selection {
  background: #2b213a;
}

.roam-topbar,
body {
  background: #2b213a;
}

/* BODY COLOR */

.bp3-menu .rm-search-title,
.rm-pages-title-text,
.rm-reference-container > div > div > strong,
.roam-body .roam-app,
.roam-body .roam-app h1 {
  color: #ff79c6;
}

.rm-reference-container > div > div > strong,
.rm-reference-main strong {
  color: #ff79c6 !important;
}

/* FONTS */

.level2,
.level3,
.level4,
.level5,
.level6,
.roam-log-page.roam-log-preview h1.level2,
body,
div,
textarea {
  font-family: "Operator Mono", Menlo, Monaco, 'Courier New', monospace;
}

.level2,
.level3,
.level4,
.level5,
.level6 {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

.roam-body .roam-app h1 textarea {
  font-weight: 500;
}

.roam-body .roam-app h1 {
  font-size: 28px;
}

b,
strong {
  font-weight: 600;
}

div {
  font-size: 14px;
}

div,
textarea {
  font-weight: 400;
}

.roam-body .roam-app h1,
.roam-body .roam-app h2,
.roam-body .roam-app h3,
.roam-body .roam-app h4,
.roam-body .roam-app h5,
.roam-body .roam-app h6 {
  color      : #FF00FF;
  text-shadow: 0 0 10px #FF00FF;
}

/* LINKS AND TAGS */

.rm-page-ref-brackets {
  color      : #00FFFF;
  opacity    : 0.4;
  text-shadow: 0 0 5px #00FFFF;
}

.rm-page-ref-link-color {
  font-weight: 500;
}

.rm-page-ref,
.rm-page-ref-link-color,
a,
a:hover {
  color      : #8be9fd;
  text-shadow: 0 0 4px #8be9fd;
}

a:hover {
  text-decoration-color  : #ff79c6;
  text-underline-position: under;
}

.rm-page-ref {
  font-style: italic;
}

.rm-block-ref {
  font-size   : 1em;
  color       : #bd93f9;
  font-style  : italic;
  border-color: rgba(141, 156, 176, .2);
  transition  : border-color 0.26s ease;
}

.rm-block-ref:hover {
  background  : none;
  cursor      : pointer;
  border-color: rgba(141, 176, 152, .5);
}

.rm-page-ref-tag {
  background   : #ffb86c;
  box-shadow   : 0 0 6px #ffb86c;
  padding      : 3px;
  color        : #1a1836;
  font-weight  : 500;
  display      : inline-block;
  padding      : 0 3px;
  border-radius: 2px;
}

.rm-page-ref-tag:hover {
  text-decoration: none;
  color          : #ffb86c;
  background     : none;
  box-shadow     : inset 0 0 0 1px #ffb86c;
}

/* BULLET */
.controls .simple-bullet-outer .simple-bullet-inner {
  background-color: #7a6ae6;
}

/* HIGHLIGHTED BLOCK SELECT */
.block-highlight-blue {
  background-color: #171520;
}

/* BLOCK BORDER */

.roam-block-container {
  border-radius: 0;
}

.block-border-left {
  border-left: 1px dotted rgba(213, 251, 216, .26);
}

/* SIDEBAR */

.roam-body .roam-app .roam-sidebar-container {
  background-color: #1a1836;
  border-right    : 1px rgba(255, 255, 255, .06) solid;
}

.starred-pages-wrapper > div:first-of-type {
  background-color: rgba(255, 255, 255, .06) !important;
}

.starred-pages a div:before {
  content: '• ';
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  color         : #8be9fd;
  text-shadow   : 0 0 4px #8be9fd;
  /* opacity: 0.4;*/
  letter-spacing: -0.002em;
  font-weight   : 400;
  transition    : all 0.16s ease;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages a .page {
  text-shadow: none;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages a:hover .page {
  text-shadow: 0 0 4px #8be9fd;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
  background: none;
  opacity   : 1;
}

.starred-pages-wrapper .flex-h-box span {
  color         : #00FFFF;
  font-weight   : 500;
  font-size     : 13px;
  letter-spacing: 0.02em;
  /* opacity: 0.4; */
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button .icon {
  display: none;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  font-weight: 600;
  font-size  : 13px;
  color      : #FF00FF;
  opacity    : 0.4;
  transition : all 0.16s ease;
  padding    : 8px 27px;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button div {
  font-size  : 13px;
  font-weight: 600;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
  background: none;
  color     : white;
  opacity   : 1;
}

.roam-sidebar-container .rm-db-title-container .rm-db-title {
  font-size: 14px;
}

.roam-sidebar-content .top-row {
  margin-bottom: 1.6em;
}

/* RIGHT SIDEBAR */

#right-sidebar > div {
  background-color: #1a1836;
  border-left     : 1px rgba(255, 255, 255, .06) solid;
}

/* REFERENCE BOXES*/

.rm-reference-item {
  margin-top      : 8px;
  border-radius   : 6px;
  border          : 1px solid rgba(255, 255, 255, .06);
  margin-right    : 8px;
  flex            : 1 1 100%;
  word-break      : break-word;
  background-color: #1a1836;
  padding         : 8px;
}

.block-highlight-yellow {
  background: #1a1836;
}

.roam-bullet-closed {
  background-color: #FF00FF;
}

/* DAILY LOG */

.roam-log-container .roam-log-page,
.roam-log-container .roam-log-preview,
.roam-log-page {
  border-color: rgba(255, 255, 255, .06);
}

/* EMBEDDED PAGES */
*[style*="background-color: rgb(235, 241, 245)"] {
  background-color: #1a1836 !important;
}

/* SEARCH AND TOOLTIPS */

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
  background: #1a1836;
}

.bp3-input {
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgb(255 255 255 / 15%), inset 0 0 0 rgb(255 255 255 / 20%);
}

.bp3-input.bp3-active,
.bp3-input:focus {
  box-shadow: 0 0 0 1px #53D16F, 0 0 0 3px rgba(19, 124, 189, 0.3), inset 0 1px 0 rgba(16, 22, 26, 0.2);
}

.bp3-elevation-3,
.bp3-menu,
.bp3-popover .bp3-popover-content {
  background: #1a1836 !important;
}

.rm-find-or-create-wrapper .rm-menu-item {
  background: #1a1836 !important;
}

.bp3-elevation-3 .dont-unfocus-block:hover,
.rm-find-or-create-wrapper .rm-menu-item:hover {
  background: #1a1836 !important;
  color     : white !important;
}

.bp3-menu .rm-search-title:hover {
  color      : #ff79c6 !important;
  text-shadow: 0 0 4px #ff79c6;
}

/* SEARCH */

.bp3-input {
  background-color: #000;
}

.bp3-input:focus {
  box-shadow: 0 0 0 2px #FF00FF;
  color     : #ff79c6;
}

*[style*="background-color: rgb(213, 218, 223)"] {
  background-color: rgba(0, 22, 43, 1) !important;
}

/* MORE MENU */

.bp3-popover .bp3-popover-arrow-fill {
  fill: #1a1836;
}

.bp3-menu {
  color: white;
}

/* ALL PAGES TABLE */

.rm-pages-title-text strong {
  font-weight: 600;
}

.rm-all-pages .table .rm-pages-row.rm-pages-row-header {
  background   : #1a1836;
  border-radius: 0;
}

.rm-all-pages .table .rm-pages-row .rm-pages-col {
  align-self: center;
}

.bp3-text-small span {
  font-size: 14px;
}

.rm-all-pages .table .rm-pages-row.rm-pages-row-header .rm-pages-col span,
.rm-all-pages .table .rm-pages-row.rm-pages-row-header .rm-pages-title-col span {
  font-size  : 12px;
  font-weight: 500;
}

.rm-clickable-pill,
.rm-clickable-pill.level1-pill {
  background-color: #7a6ae6;
  opacity         : 1;
  color           : #1a1836;
}

.rm-pages-title-text {
  color: #FF00FF;
}

.checkmark {
  background: #fff;
}

.check-container input:checked ~ .checkmark {
  background: #FF00FF;
}

.check-container input:checked ~ .checkmark:after {
  border-color: #fff;
}

.rm-all-pages .table .rm-pages-row {
  border-color: rgba(255,255,255,0.16);
}

.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  color: #FF00FF;
}

.rm-level2 {
  font-size: 1.5em;
}

.rm-level3 {
  color      : #FF00FF;
  font-weight: 400;
  font-size  : 1.3em;
}

/* USER MENU */

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  box-shadow: none;
}

.bp3-menu-item:hover,
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting,
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
  background: #1a1836;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a,
.roam-sidebar-container .rm-db-title-container .rm-db-title {
  color: white;
}

/* END */

.rm-query {
  border       : 0.5px solid #e4e9ec;
  border-radius: 5px;
}

.title-children-text {
  font-size: 14px;
}

.rm-query .rm-query-title {
  background-color: #f7f8f8;
  padding         : 0.8em;
  color           : #d1dbe2;
  font-size       : 80%;
}

.rm-reference-main.rm-query-content {
  padding: 0.8em;
}

.rm-reference-main .rm-reference-item .rm-block-text {
  font-size: 90%;
}

.roam-log-page.roam-log-preview h1.level2 + div {
  font-size: 13px;
  position : relative;
  top      : 4px;
}

.rm-reference-main .rm-reference-item .controls {
  margin-left: -1em;
}

.rm-ref-page-view {
  padding: 0.4em 0.2em;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  padding: 4px 6px;
}

div.roam-sidebar-container.noselect > div > div {
  font-size     : 14px;
  letter-spacing: 0.03em;
}

.bp3-icon-caret-down::before {
  content : "⌄";
  position: relative;
  top     : -4px;
  opacity : 0.6;
}

#block-input {
  background: white;
}

.roam-body #block-input > span > div {
  padding   : 6px 24px;
  background: white;
}

span.bp3-icon-small.bp3-icon-star {
  display   : none;
  visibility: hidden;
}

.kanban-board {
  background-color: #fff;
}

.kanban-card {
  background-color: white;
  margin          : 8px;
  box-shadow      : 0 1px 2px #9EB3C0;
  padding         : 10px;
  border-radius   : 2px;
  line-height     : 1.3em;
}

.kanban-title {
  text-align : center;
  font-weight: bold;
  padding-top: 6px;
}

.kanban-column {
  background-color: #E4EDF2;
  margin          : 0 4px;
  padding         : 4px;
  min-width       : 200px;
  border-radius   : 3px;
}

#intercom-container,
.intercom-app,
.intercom-launcher-frame {
  display: none;
}

#buffer.tall {
  height: calc(100vh - 50px);
}

.check-container {
  padding-right: 4px;
}

.content span.rm-page-ref {
  padding: 4px 1px 1px;
  /* required for fixing azo */
}

.center-proj {
  text-align: center;
}