/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.wp-block-tpd-block-tpd-read-more-block {

  .tpd-read-more-container {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 18px;
    padding-bottom: 18px;
    display: flex;
    margin-bottom: 1.5em;
    margin-top:1.5em;
    position: relative;
    + button {
      position: absolute;
      top: 0;
      right: 0;
    }
    img {
      max-width: 160px;
      max-height: 110px;
    }
    > div {
      padding-left: 20px;
      padding-right: 20px;
      .tpd_rm_ht {
        color: #fe0000; 
        font-size: 1.2rem;
      }
    }
  }

  .readMore {
    // position: absolute;
    + div {
      text-indent: 6em;
    }
  }
  .search-here {
    cursor: pointer;
  }
}

/**
* * Modal
*/
.components-modal__frame.tpd-featured-modal {
  box-shadow: none;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  .components-modal__content {
    max-width: 600px;
    margin: 0 auto;
    .components-modal__header {
      background: transparent;
      border-bottom: none;
    }
  }
  .tpd-posts-search-content {
    ul {
      li {
        display: flex;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 4px;
        .tpd-post-info {
          display: flex;
          flex-flow: row wrap;
          flex-grow: 1;
          > * {
            width: 100%;
          }
          span {
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 0.4em;
          }
          div {
            display: flex;
            align-items: center;
            div {
              flex-basis: 50%;
              time {
                display: block;
                color: #a2a2a2;
                width: 100%;
                text-align: right;
              }
            }
            img { 
              max-width: 20px;
              height: auto;
              border-radius: 10px;
            }
          }
        }
        img {
          margin-right: 8px;
          max-width: 65px;
          max-height: 65px;
        }
      }
    }
  }
}

.components-modal__screen-overlay.tpd-featured-overlay {
  background-color: rgba(255, 255, 255, 0.8); 
}