/* TinyMCE Inline Editable Blocks */
.lr-block {
  border: 1px solid transparent;
  text-align: center;
  background: #eee;
  padding: 4px;
  border: 1px solid #ddd;
}
.lr-block .lr-block-name {
  font-weight: bold;
  font-size: 1em;
}
.lr-block ul {
  margin-top: 8px;
  text-align: left;
}
.lr-block:hover {
  border: 1px solid #ccc;
  background: #ddd;
  cursor: pointer;
}
/* Modal
========================================================================== */
.lroundups-modal {
  position: fixed;
  width: 500px;
  min-height: 180px;
  height: 100%;
  max-height: 600px;
  background: #fafafa;
  border: 1px solid #ccc;
  top: 100px;
  left: 50%;
  margin-left: -250px;
  display: none;
  z-index: 100102;
  box-shadow: 0 1px 12px #999;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-height: 600px) {
  .lroundups-modal {
    max-height: 400px;
  }
}
.lroundups-modal-header {
  background: #eee;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ddd;
}
.lroundups-modal-close {
  float: right;
  margin: 10px;
  color: #555;
}
.lroundups-modal-close:hover {
  color: #222;
  cursor: pointer;
}
.lroundups-modal-content,
.lroundups-modal-actions {
  padding: 10px;
  float: left;
  clear: both;
  width: 480px;
}
.lroundups-modal-content {
  font-size: 16px;
  margin-bottom: 50px;
  padding-top: 20px;
}
.lroundups-modal-actions {
  bottom: 0;
  position: absolute;
  text-align: right;
  border-top: 1px solid #eee;
}
.lroundups-modal-actions .spinner {
  display: none;
  float: left;
}
#lroundups-modal-overlay {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100101;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  display: none;
}
body.lroundups-modal-open .lroundups-modal {
  display: none;
}
body.lroundups-modal-open .lroundups-modal.show,
body.lroundups-modal-open #lroundups-modal-overlay {
  display: block;
}
.lroundups-error-modal strong {
  color: #a00;
}
/* Specific to the roundup block editor modal */
.lroundups-modal.roundup-block-modal {
  top: 75px;
  width: 700px;
  margin-left: -340px;
}
.lroundups-modal.roundup-block-modal .lroundups-modal-content,
.lroundups-modal.roundup-block-modal .lroundups-modal-actions {
  width: 680px;
}
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.lroundups-modal-content .section {
  width: 48%;
}
.lroundups-modal-content .section.added-section {
  padding-right: 2%;
  border-right: 1px solid #ccc;
}
.lroundups-modal-content .section .twitter-typeahead {
  width: 100%;
}
.lroundups-modal-content .section .typeahead {
  width: 90%;
}
.roundup-posts-container {
  max-height: 276px;
  overflow-y: scroll;
  margin-top: 16px;
}
@media (max-height: 600px) {
  .roundup-posts-container {
    max-height: 200px;
  }
}
.added-section .roundup-posts-container {
  max-height: 320px;
}
@media (max-height: 600px) {
  .added-section .roundup-posts-container {
    max-height: 400px;
  }
}
.roundup-posts-container ul li {
  font-size: 14px;
  padding: 4px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
.roundup-posts-container ul li:hover {
  cursor: move;
}
.roundup-posts-container ul li.no-posts,
.roundup-posts-container ul li.loading {
  border: none;
}
.roundup-posts-container .added-posts {
  min-height: 100px;
}
.roundup-posts-container .available-posts .actions .added {
  display: none;
}
.roundup-posts-container .added-posts .actions .available {
  display: none;
}
.roundup-posts-container .ui-sortable-helper {
  background: #fafafa;
  box-shadow: 1px 1px 8px #555555;
  border: none;
  padding: 8px;
}
body.sorting .roundup-posts-container {
  border: 1px solid #999;
  box-shadow: inset 1px 1px 8px #ddd;
  padding: 8px;
}
.roundup-posts-container .status {
  font-size: 13px;
  margin: 0.2em 0;
  color: #888;
}
.roundup-posts-container .status em {
  font-weight: bold;
}
/* Link/post edit modal */
.lroundups-modal.link-edit-modal .lroundups-modal-content input,
.lroundups-modal.link-edit-modal .lroundups-modal-content textarea {
  width: 100%;
}
.lroundups-modal.link-edit-modal .lroundups-modal-content textarea {
  min-height: 100px;
}
/*# sourceMappingURL=css/lroundups-editor.css.map */