.dollab-mobile-article-sidebar-open,
.dollab-mobile-article-sidebar-dialog,
.dollab-mobile-article-comments { display: none; }
body.single-post .container.dollab-page-content > article.dollab-mobile-article-content .dollab-source-article-date { display: none; }

@media (max-width: 767px) {
  body.single-post .container.dollab-page-content > article.dollab-mobile-article-content .dollab-source-article-date { display: block; }
  body.single-post .pagehead { display: none; }
  body.single-post .container.dollab-page-content { padding-top: 40px; }
  body.single-post .container.dollab-page-content > article.article.cbody { display: block; }
  body.single-post .dollab-source-article-layout {
    display: block;
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 40px auto 0;
  }
  body.single-post .dollab-source-article-layout > .article { width: 100%; max-width: none; margin: 0; }
  body.single-post .dollab-source-article-sidebar { display: none; }

  body.single-post .dollab-mobile-article-content {
    max-width: none;
    margin: 0;
    color: #777;
    font: 400 16px/25.6px Lato, Arial, Helvetica, sans-serif;
    text-align: center;
  }
  body.single-post .dollab-mobile-article-content > h1 {
    margin: 0 0 10px;
    color: #333;
    font: 500 20px/28px Poppins, Arial, Helvetica, sans-serif;
    text-align: center;
  }
  body.single-post .dollab-mobile-article-content > .article__meta,
  body.single-post .dollab-mobile-article-content > .dollab-mobile-article-meta {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    border: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
  }
  body.single-post .dollab-mobile-article-content > .article__meta { visibility: hidden; }
  body.single-post .dollab-mobile-article-content > .article__meta * { margin: 0 !important; font-size: 0 !important; line-height: 0 !important; }

  body.single-post .dollab-mobile-article-content .article__hero {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
  }
  body.single-post .dollab-mobile-article-content .article__hero > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  body.single-post .dollab-mobile-article-content .dollab-source-article-date {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    width: 53px;
    min-width: 53px;
    height: 56px;
    padding: 0;
    background: #fff;
    color: #333;
    text-align: center;
  }
  .dollab-source-article-date > span:first-child { display: block; height: 34px; padding: 6px 0 4px; box-sizing: border-box; font: 400 24px/24px Lato, Arial, Helvetica, sans-serif; }
  .dollab-source-article-date > span:last-child { display: block; height: 22px; padding: 2px 0 8px; box-sizing: border-box; color: #333; font: 600 12px/12px Lato, Arial, Helvetica, sans-serif; text-transform: none; }

  body.single-post .dollab-mobile-article-content .dollab-article-body {
    margin: 0;
    color: #000;
    font: 400 18px/28.8px Lato, Arial, Helvetica, sans-serif;
    text-align: left;
  }
  body.single-post .dollab-mobile-article-content .dollab-article-body .wpb_wrapper { color: #000; font: inherit; }
  body.single-post .dollab-mobile-article-content .dollab-article-body p { margin: 0 0 20px; color: #000; }
  body.single-post .dollab-mobile-article-content .dollab-article-body img { max-width: 100%; height: auto; }
  body.single-post .dollab-mobile-article-content .dollab-article-body img.aligncenter { display: block; margin-right: auto; margin-left: auto; }
  body.single-post .dollab-mobile-article-content .dollab-article-body h2,
  body.single-post .dollab-mobile-article-content .dollab-article-body h3,
  body.single-post .dollab-mobile-article-content .dollab-article-body h4 { color: #242424; }

  body.single-post .dollab-mobile-article-comments { display: block; margin: 36px auto 40px; }
  body.single-post .dollab-mobile-article-comments .comment-reply-title { font: 500 22px/30.8px Poppins, Arial, Helvetica, sans-serif; }

  body.single-post .dollab-mobile-article-sidebar-open {
    position: fixed;
    z-index: 10001;
    top: 30vh;
    left: 0;
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    padding: 0;
    border: 0;
    background: #fff;
    color: #333;
    box-shadow: 0 1px 8px rgba(0,0,0,.16);
  }
  .dollab-mobile-article-sidebar-icon::before {
    content: '\f109';
    display: block;
    color: #333;
    font: 400 20px/20px YourDollIcons;
  }
  body.single-post .dollab-mobile-article-sidebar-dialog {
    position: fixed;
    inset: 0 auto 0 0;
    width: 300px;
    max-width: min(300px, 100vw);
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #fff;
    color: #777;
  }
  body.single-post .dollab-mobile-article-sidebar-dialog[open] { display: block; }
  body.single-post .dollab-mobile-article-sidebar-dialog::backdrop { background: rgba(0,0,0,.35); }
  .dollab-mobile-article-sidebar-inner { display: flex; width: 100%; height: 100%; flex-direction: column; }
  .dollab-mobile-article-sidebar-inner .wd-heading {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 15px;
    border-bottom: 1px solid rgba(0,0,0,.106);
    box-sizing: border-box;
  }
  .dollab-mobile-article-sidebar-close {
    display: flex;
    width: auto;
    height: 25px;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #333;
    font: 400 16px/16px Lato, Arial, sans-serif;
    font-size: 0;
  }
  .dollab-mobile-article-sidebar-close::before {
    content: '\f112';
    display: block;
    color: #333;
    font: 400 18px/18px YourDollIcons;
  }
  .dollab-mobile-article-sidebar-dialog .widget-area {
    width: 100%;
    height: calc(100% - 66px);
    padding: 30px 15px 30px 0;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .dollab-mobile-article-sidebar-dialog .wd-widget {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 30px 30px;
    border-bottom: 1px solid rgba(0,0,0,.106);
    box-sizing: border-box;
  }
  .dollab-mobile-article-sidebar-dialog .widget-title {
    margin: 0 0 20px;
    color: #ed145b;
    font: 400 16px/22.4px Lato, Arial, Helvetica, sans-serif;
  }
  .dollab-mobile-article-sidebar-dialog ul { margin: 0; padding: 0; list-style: none; }
  .dollab-mobile-article-sidebar-dialog li { margin: 0 0 14px; font: 400 16px/22.4px Lato, Arial, Helvetica, sans-serif; }
  .dollab-mobile-article-sidebar-dialog li a { display: block; color: #333; text-decoration: none; }
  .dollab-mobile-article-search { position: relative; padding-bottom: 30px !important; }
  .dollab-mobile-article-search .wd-search-form { position: relative; width: 100%; height: 46px; }
  .dollab-mobile-article-search input[type="search"] { width: 100%; height: 46px; padding: 10px 48px 10px 12px; border: 1px solid rgba(0,0,0,.1); font: 400 14px/19.6px Lato, Arial, Helvetica, sans-serif; }
  .dollab-mobile-article-search .searchsubmit { position: absolute; top: 0; right: 0; width: 46px; height: 46px; border: 0; background: #ed145b; color: #fff; font-size: 0; }
  .dollab-mobile-article-search .searchsubmit::before { content: '⌕'; font: 400 22px/46px Lato, Arial, sans-serif; }
  .dollab-mobile-article-newsletter-title { margin: 0 0 12px; color: #333; font: 500 22px/30.8px Poppins, Arial, Helvetica, sans-serif; }
  .dollab-mobile-article-newsletter-copy { margin: 0 0 20px; color: #777; font: 400 14px/21px Lato, Arial, Helvetica, sans-serif; }
  .dollab-mobile-article-sidebar-dialog .dollab-mobile-newsletter { display: flex; flex-wrap: wrap; gap: 10px; }
  .dollab-mobile-article-sidebar-dialog .dollab-mobile-newsletter input[type="email"] { width: 100%; min-width: 0; height: 46px; padding: 10px 12px; border: 1px solid rgba(0,0,0,.1); font: 400 14px/19.6px Lato, Arial, Helvetica, sans-serif; }
  .dollab-mobile-article-sidebar-dialog .dollab-mobile-newsletter button { min-height: 46px; padding: 0 15px; border: 0; background: #ed145b; color: #fff; font: 700 12px/16px Lato, Arial, Helvetica, sans-serif; }
}