/* These styles are used in the backend editor AND in the Theme (frontend) */

/* Most themes nowadays provide an extra stylesheet of classes which WordPress itself then */
/* applies to the backend editor TinyMCE. However, custom CSS - set in Plugins, in the WP  */
/* Customizer or in Theme options, will normally not be reflected to TinyMCE. So better to */
/* put such styles all here, where they will apply to TinyMCE *and* the frontend.          */

/* The goal is not only to make the visual editor display look as much like the frontend as    */
/* possible, but also to make sure that all important CSS classes are available for convenient */
/* selection in TinyMCEs "Formats" dropdown - so do not forget to configure the TinyMCE styles */
/* dropdown with elements to match those here.                                                 */

/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */

/* Suggested general non-tag-specific visual styles */

.list {
  margin: 0.35rem 0;
}
.topless {
  margin-top: 0 !important;
}
.bottomless {
  margin-bottom: 0 !important;
}
.beforelist {
  margin-bottom: 0.5rem;
}
.lastitemem {
  margin-bottom: 0;
  padding-bottom: 1.3rem;
}

strong {
  font-weight: bold;
}
/* Revert to normal text within strong */
.notstrong {
  font-weight: normal;
}

.smaller {
  font-size: 0.95rem;
  line-height: 1.25;
}
.small {
  font-size: 0.89rem;
  line-height: 1.2;
}

.screen-reader-text,
.dispnone {
  display: none;
}

/* Append your site-specific styles here */
.lib-single .lib-marker {
  padding: 0 5px;
  line-height: 1.2;
  background: linear-gradient(transparent 0%, #ffe624 0%);
  text-decoration: none;
  font-weight: bold;
}

.lib-single article .blog-single__content > ol,
.lib-single article .blog-single__content > ul {
  border: solid 1px black;
  padding: 20px 40px;
  margin: 30px 0;
  & + p {
    margin-top: 2em;
  }
}

.lib-single article .blog-single__content > ol li::marker,
.lib-single article .blog-single__content > ul li::marker {
  color: #54aaad;
}

.lib-single table td {
  border: solid 1px #9d9d9d;
}
.lib-single table tr:first-child td {
  background-color: #ededed;
  padding: 6px 10px;
}

.mce-content-body .lib-marker {
  padding: 0 5px;
  line-height: 1.2;
  background: linear-gradient(transparent 0%, #ffe624 0%);
  text-decoration: none;
  font-weight: bold;
}

.mce-content-body ol,
.mce-content-body ul {
  border: solid 1px black;
  padding: 20px 40px;
}

.mce-content-body ol li::marker,
.mce-content-body ul li::marker {
  color: #54aaad;
}

.mce-content-body table td {
  border: solid 1px #9d9d9d;
}
.mce-content-body table tr:first-child td {
  background-color: #ededed;
  padding: 6px 10px;
}

.blog-single__content,
.mce-content-body{
  h2,
  h3,
  h4,
  h5 {
    & + p,& + img {
      margin-top: 0.8em;
    }
  }
  table{
    &+p{
      margin-top: 2em;
    }
  }
}

.link-library{
  margin-top: 30px;
}