editor {
  lightbox {
    h2 {
      background: $diary-darkgreen;
      box-sizing: border-box;
      margin: 0;
      padding: 10px 5px;
      color: $diary-white;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      text-indent: 20px;

      ~ div {
        padding: 0 20px;

        &:last-child {
          margin-bottom: 20px !important;
        }
      }
    }

    // insert media library
    .media-library {
      margin: 10px;
      width: auto;
    }

    nav.vertical>ul, nav.vertical>div>ul, .app-menu>ul, .app-menu>div>ul {
      border-left: 5px solid $diary-darkgreen;
      a:hover, a:hover>h1, a:hover>h2, a:hover>h3 {
        color: $diary-darkgreen;
      }
    }

    nav.vertical ul li a.selected, .app-menu ul li a.selected {
      color: $diary-darkgreen;
    }

    nav.vertical ul li a i.arrow::before, .app-menu ul li a i.arrow::before {
      color: $diary-darkgreen;
    }
  }

  // insert math
  .mathjax {
    lightbox {
      .content {
        padding: 10px;
      }
    }
  }
}