:root {
  --theme-body-bg: #000000;
  --theme-page-bg: #d3d3d3;
  --theme-blog-card-bg: #f7f3ea;
  --theme-blog-card-border: #d8cdbb;
  --theme-blog-title-text: #5f574c;
  --theme-blog-body-text: #3f3a34;
  --theme-admin-text: #111111;
  --theme-site-header-text: #5f574c;
  --theme-link-color: #6b3f16;
  --theme-pager-bg: #b8aa92;
  --theme-pager-text: #3f3a34;
  --theme-pager-border: #5f574c;
  --theme-easter-egg-text: #6b3f16;
  --theme-easter-egg-clicked: #9fba6b;
  --theme-timestamp-color: #776b5c;
  --theme-rating-color: #c69214;
  --theme-like-button-bg: #b8aa92;
  --theme-like-text-color: #3f3a34;
  --theme-like-count-color: #111111;
  --theme-like-border-color: #5f574c;
  --theme-like-clicked-bg: #7a1f1f;
  --theme-like-clicked-text: #fff3ee;
  --theme-like-clicked-count: #ff6666;
  --theme-like-clicked-border: #3b0c0c;
  --theme-reply-bg: #ded3c1;
  --theme-reply-text: #3f3a34;
  --theme-reply-border: #9b8d78;
  --theme-reply-cancel-bg: #8b5e57;
  --theme-reply-cancel-text: #fff7ef;
  --theme-reply-cancel-border: #5f3b35;
  --theme-month-marker-text: #111111;
  --theme-month-marker-line: #111111;
  --theme-month-marker-bg: #b8aa92;
  --theme-month-marker-border-color: #111111;
  --theme-footer-bg: #c3b69f;
  --theme-footer-text: #1f1f1f;
  --theme-footer-link: #5a3212;
  --theme-version-color: #3b3b3b;
  --theme-footer-border: #9b8d78;
}


html,
body {
  background: var(--theme-body-bg) !important;
}

body {
  color: var(--theme-blog-body-text) !important;
  font-family: Arial, sans-serif !important;
}

.pageWrap,
.bcMockContentShell {
  background: var(--theme-page-bg) !important;
}

.bcMockPage {
  background: var(--theme-body-bg) !important;
}

.siteFooter,
.bcMockFooter {
  background: var(--theme-footer-bg) !important;
  color: var(--theme-footer-text) !important;
  border: 1px solid var(--theme-footer-border) !important;
  width: 100% !important;
  margin-top: 0px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

.siteFooter .footerRight,
.bcMockFooter .footerRight {
  color: var(--theme-footer-text) !important;
  border: 0 !important;
  background: transparent !important;
}

.siteFooter a,
.bcMockFooter a {
  border: 0 !important;
  background: transparent !important;
}

.siteHeader,
.bw-blog-site-header,
.blogSiteHeader {
  background: transparent !important;
  border: 0 !important;
  color: var(--theme-site-header-text) !important;
  font-family: 'Courier New', monospace !important;
}

.siteHeader *,
.bw-blog-site-header *,
.blogSiteHeader * {
  color: var(--theme-site-header-text) !important;
}

.footerLink {
  color: var(--theme-footer-link) !important;
  text-decoration: underline !important;
}

.siteHeader a {
  color: var(--theme-link-color) !important;
}
.bwVersionLabel,
.bcMockVersionLabel {
  display: block !important;
  color: var(--theme-version-color) !important;
  font-size: 11px !important;
  opacity: .65 !important;
  margin: 0 0 4px !important;
  text-align: left !important;
}
.bw-blog-card,
.bw-blog-post-card {
  background: var(--theme-blog-card-bg) !important;
  border-color: var(--theme-blog-card-border) !important;
}

.bw-blog-card-inner,
.bw-blog-inner {
  color: var(--theme-blog-body-text) !important;
  border-color: var(--theme-blog-card-border) !important;
}

.bw-blog-header,
.bw-blog-header-row,
.bw-blog-header-text,
.bw-blog-title {
  color: var(--theme-blog-title-text) !important;
}

.bw-blog-divider {
  background: var(--theme-blog-card-border) !important;
}

.bw-blog-content,
.bw-blog-content.bw-blog-editable,
.bw-blog-content[contenteditable="true"] {
  color: var(--theme-blog-body-text) !important;
}

.bw-blog-content a,
.bw-blog-post-card a {
  color: var(--theme-link-color) !important;
}

.bw-blog-egg {
  color: var(--theme-easter-egg-text) !important;
}

.bw-blog-egg:visited {
  color: var(--theme-easter-egg-clicked) !important;
}

#bcRenderedPreview .bw-blog-egg {
  color: var(--theme-easter-egg-text) !important;
}

#bcRenderedPreview .bw-blog-egg.bcEasterEggPreviewClicked {
  color: var(--theme-easter-egg-clicked) !important;
}
.adminAuthorized,
.bw-admin-authorized,
.bw-blog-admin-authorized,
.bcMockAdminAuthorized,
#adminAuthorized,
#authStatus,
.blogAdminStatus {
  color: var(--theme-admin-text) !important;
}

.bw-blog-date,
.bw-blog-timestamp,
.blogTimestamp,
.bcMockDate {
  color: var(--theme-timestamp-color) !important;
}

.bw-blog-rating,
.blogRating,
.bcMockRating {
  color: var(--theme-rating-color) !important;
}

#blogPagerMount span,
#blogPagerMount button,
#blogPagerMount a,
.bcMockPager button,
.bcMockPager span {
  background: var(--theme-pager-bg) !important;
  border-color: var(--theme-pager-border) !important;
  color: var(--theme-pager-text) !important;
}

.likesWrap button,
.bw-blog-like-mount button,
[data-likes-mount] button,
button.likeButton,
.likeButton {
  background: var(--theme-like-button-bg) !important;
  border-color: var(--theme-like-border-color) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 4px !important;
  color: var(--theme-like-text-color) !important;
}

.likesWrap button.is-liked,
.bw-blog-like-mount button.is-liked,
[data-likes-mount] button.is-liked,
button.likeButton.is-liked,
.likeButton.is-liked,
.likesWrap button.liked,
.bw-blog-like-mount button.liked,
[data-likes-mount] button.liked,
button.likeButton.liked,
.likeButton.liked,
.likesWrap button[aria-pressed="true"],
.bw-blog-like-mount button[aria-pressed="true"],
[data-likes-mount] button[aria-pressed="true"] {
  background: var(--theme-like-clicked-bg) !important;
  border-color: var(--theme-like-clicked-border) !important;
  color: var(--theme-like-clicked-text) !important;
}

.likeCount,
.likesCount,
.like-count,
.likes-count,
[data-like-count],
.likesWrap span,
.bw-blog-like-mount span,
[data-likes-mount] span {
  color: var(--theme-like-count-color) !important;
}

.likesWrap.is-liked .likesCount {
  color: var(--theme-like-clicked-count) !important;
}

.likesWrap button *,
.bw-blog-like-mount button *,
[data-likes-mount] button *,
button.likeButton *,
.likeButton * {
  color: inherit !important;
}

.bw-blog-reply-button,
.bw-reply-button,
.bcMockReplyButton,
.bw-comment-submit-btn,
.bcMockReplySubmitButton {
  background: var(--theme-reply-bg) !important;
  color: var(--theme-reply-text) !important;
  border-color: var(--theme-reply-border) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

.bw-comment-cancel-btn,
.bcMockReplyCancelButton {
  background: var(--theme-reply-cancel-bg) !important;
  color: var(--theme-reply-cancel-text) !important;
  border-color: var(--theme-reply-cancel-border) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

.bw-blog-reply-box,
.bw-reply-box,
.bw-comment-form,
.bcMockReplyForm {
  background: transparent !important;
  color: var(--theme-reply-text) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.bw-comment-form label,
.bcMockReplyForm label {
  color: var(--theme-blog-title-text) !important;
}

.bcMockReplyBox {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.bw-blog-reply-note,
.bw-reply-note,
.bcMockReplyNote {
  background: transparent !important;
  color: var(--theme-timestamp-color) !important;
}

.bw-blog-reply-box input,
.bw-blog-reply-box textarea,
.bw-reply-box input,
.bw-reply-box textarea,
.bw-comment-form input[type="text"],
.bw-comment-form input[type="email"],
.bw-comment-form textarea,
.bcMockReplyBox input[type="text"],
.bcMockReplyBox input[type="email"],
.bcMockReplyBox textarea {
  background: var(--theme-reply-bg) !important;
  color: var(--theme-reply-text) !important;
  border-color: var(--theme-reply-border) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 4px !important;
}

.bw-blog-month-marker,
.bw-blog-month-divider,
.bcMockMonthMarker {
  color: var(--theme-month-marker-text) !important;
}

.bw-blog-month-marker span,
.bw-blog-month-divider-label,
.bcMockMonthMarker span {
  background: var(--theme-month-marker-bg) !important;
  color: var(--theme-month-marker-text) !important;
  border: 1px solid var(--theme-month-marker-border-color) !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
}

.bw-blog-month-divider-line {
  display: block !important;
  height: 1px !important;
  background: var(--theme-month-marker-line) !important;
}

.bw-blog-month-marker::before,
.bw-blog-month-marker::after,
.bcMockMonthMarker::before,
.bcMockMonthMarker::after {
  display: block !important;
  height: 1px !important;
  background: var(--theme-month-marker-line) !important;
}

/* ========================================
   GENERATED EMBED LAYOUT SETTINGS
   ======================================== */

.bwEmbedFullBlack .embed-block {
  width: 100%;
  padding: 10px;
  background: #000;
  box-sizing: border-box;
}

.bwEmbedFullBlack .embed-block iframe,
.bwEmbedFullBlack .embed-block img,
.bwEmbedFullBlack .embed-block video,
.bwEmbedFullBlack .embed-block embed {
  display: block;
  max-width: 100%;
}

/* Embed size */

.bwEmbedSizeNatural .embed-block iframe,
.bwEmbedSizeNatural .embed-block img,
.bwEmbedSizeNatural .embed-block video,
.bwEmbedSizeNatural .embed-block embed {
  width: auto;
  max-width: none;
}

.bwEmbedSizeContained .embed-block iframe,
.bwEmbedSizeContained .embed-block img,
.bwEmbedSizeContained .embed-block video,
.bwEmbedSizeContained .embed-block embed {
  width: 100%;
  max-width: 720px;
}

.bwEmbedSizeFullWidth .embed-block iframe,
.bwEmbedSizeFullWidth .embed-block img,
.bwEmbedSizeFullWidth .embed-block video,
.bwEmbedSizeFullWidth .embed-block embed {
  width: 100% !important;
  max-width: 100% !important;
}

.bwEmbedSizeFullHeight .embed-block iframe,
.bwEmbedSizeFullHeight .embed-block video,
.bwEmbedSizeFixedHeight .embed-block iframe,
.bwEmbedSizeFixedHeight .embed-block video {
  width: 100% !important;
  height: 420px !important;
}

/* Embed alignment */

.bwEmbedAlignLeft .embed-block iframe,
.bwEmbedAlignLeft .embed-block img,
.bwEmbedAlignLeft .embed-block video,
.bwEmbedAlignLeft .embed-block embed {
  margin-left: 0;
  margin-right: auto;
}

.bwEmbedAlignCenter .embed-block iframe,
.bwEmbedAlignCenter .embed-block img,
.bwEmbedAlignCenter .embed-block video,
.bwEmbedAlignCenter .embed-block embed {
  margin-left: auto;
  margin-right: auto;
}

.bwEmbedAlignRight .embed-block iframe,
.bwEmbedAlignRight .embed-block img,
.bwEmbedAlignRight .embed-block video,
.bwEmbedAlignRight .embed-block embed {
  margin-left: auto;
  margin-right: 0;
}

.bwEmbedAlignStretch .embed-block iframe,
.bwEmbedAlignStretch .embed-block img,
.bwEmbedAlignStretch .embed-block video,
.bwEmbedAlignStretch .embed-block embed {
  width: 100% !important;
  max-width: 100% !important;
}

/* Hidden embed */

.bwEmbedPositionHidden .embed-block {
  display: none !important;
}

/* Left/right post layouts */

.bwEmbedPositionLeft .blog-body,
.bwEmbedPositionRight .blog-body {
  display: grid;
  gap: 12px;
  align-items: start;
}

.bwEmbedPositionLeft.bwEmbedColumnsFiftyFifty .blog-body,
.bwEmbedPositionRight.bwEmbedColumnsFiftyFifty .blog-body {
  grid-template-columns: 1fr 1fr;
}

.bwEmbedPositionLeft.bwEmbedColumnsEmbedNarrow .blog-body {
  grid-template-columns: minmax(160px, 35%) 1fr;
}

.bwEmbedPositionRight.bwEmbedColumnsEmbedNarrow .blog-body {
  grid-template-columns: 1fr minmax(160px, 35%);
}

.bwEmbedPositionLeft.bwEmbedColumnsEmbedWide .blog-body {
  grid-template-columns: minmax(220px, 60%) 1fr;
}

.bwEmbedPositionRight.bwEmbedColumnsEmbedWide .blog-body {
  grid-template-columns: 1fr minmax(220px, 60%);
}

.bwEmbedPositionLeft .blog-body > .embed-block {
  grid-column: 1;
}

.bwEmbedPositionRight .blog-body > .embed-block {
  grid-column: 2;
}

.bwEmbedPositionRight .blog-body > .bw-blog-content {
  grid-column: 1;
}

/* Mobile stacking */

@media (max-width: 800px) {
  .bwEmbedMobileStackEmbedFirst .blog-body,
  .bwEmbedMobileStackTextFirst .blog-body {
    display: flex !important;
    flex-direction: column !important;
  }

  .bwEmbedMobileStackEmbedFirst .embed-block {
    order: 1;
  }

  .bwEmbedMobileStackEmbedFirst .bw-blog-content {
    order: 2;
  }

  .bwEmbedMobileStackTextFirst .embed-block {
    order: 2;
  }

  .bwEmbedMobileStackTextFirst .bw-blog-content {
    order: 1;
  }
}