body {
  --black-40: rgba(0, 0, 0, 0.4);
  --white: #FFF;
  --white-50: rgba(255, 255, 255, 0.5);
  --white-90: rgba(255, 255, 255, 0.9);
  --white-95: rgba(255, 255, 255, 0.95);
  --black: #000;
  --black-10: rgba(0, 0, 0, 0.1);
  --black-15: rgba(0, 0, 0, 0.15);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-50: rgba(0, 0, 0, 0.5);
  --error-red: #C92121;
  --red: #C92121;
  --red-2: rgba(201, 33, 33, 0.02);
  --red-20: rgba(201, 33, 33, 0.2);
  --red-80: rgba(201, 33, 33, 0.8);
  --light-red: #f4d3d3;
  --red-tint: #fcf4f4;
  --dark-blue: #2B2E42;
  --dark-blue-50: rgba(43, 46, 66, 0.5);
  --dark-blue-95: rgba(43, 46, 66, 0.95);
  --blue: #0E3B5D;
  --blue-2: rgba(14, 59, 93, 0.02);
  --blue-20: rgba(14, 59, 93, 0.2);
  --bright-blue: #2D8CFF;
  --bright-blue-20: rgba(45, 140, 255, 0.2);
  --bright-blue-tint: #eaf3ff;
  --bright-green: #5CDAA3;
  --bright-green-20: rgba(92, 218, 163, 0.2);
  --dark-grey: #383838;
  --med-grey: #4A4A4A;
  --light-grey: #9B9B9B;
  --lighter-grey: #d8d8d8;
  --off-white: #efefef;
  --off-whiter: #f6f6f6;
  --dark-grey-80: rgba(56, 56, 57, 0.8);
  --yellow: #ffde00;
  --light-blue: #cde2ff;
  --fade-out: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 0.5), rgb(255 255 255));
  --fade-up: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0));
  --sans: roboto-condensed, Arial, Helvetica, sans-serif;
  --serif: cardo, Georgia, "Times New Roman", serif;
  --logo-ratio: 0.35514;
  --logo-height: calc(var(--logo-width) * var(--logo-ratio));
}

@media all and (min-width: 0) and (max-width: 599px) {
  body {
    --global-font-size: 18px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  body {
    --header-pad-y: 12px;
    --header-height: calc(var(--logo-height) + (var(--header-pad-y) * 2));
    --header-height-sticky: 60px;
    --logo-width: 100px;
  }
}
@media all and (min-width: 0) and (max-width: 1259px) {
  body {
    --gutter: 15px;
  }
}
@media all and (min-width: 600px) {
  body {
    --global-font-size: 22px;
  }
}
@media all and (min-width: 1024px) {
  body {
    --header-height: 186px;
    --header-height-sticky: 60px;
    --logo-width: 214px;
  }
}
@media all and (min-width: 1260px) {
  body {
    --gutter: 30px;
  }
}
*,
a .post-date {
  color: var(--black) !important;
}

a,
a * {
  color: var(--red) !important;
}

#header,
.post-sharing,
.video-wrap,
.bkmrk,
.article-overflow-more,
.ad-wrap,
.ss-wrap,
#article-right,
.comment-options,
#comment-form-wrap,
#footer,
#sticky-footer {
  display: none !important;
}

#main {
  padding-top: 0;
}

.grid {
  display: block;
}

#article-welcome,
#article-main img {
  max-width: 600px;
}

.article-cols-header {
  margin: 0;
}

#image-article #article-welcome,
#long-read-article #article-welcome {
  margin: 0 0 30px !important;
  padding: 0 !important;
}
#image-article #article-welcome-image-text,
#long-read-article #article-welcome-image-text {
  margin: 0 !important;
  padding: 0 !important;
}

#image-article #article-welcome-image-text {
  margin-top: 20px !important;
  min-height: 0 !important;
}

#long-read-article #article-welcome-image-text {
  text-align: left;
}
#long-read-article #article-welcome-image-text .title-border::after {
  border-bottom-color: var(--black);
  margin-left: 0;
}

#article-left {
  margin-bottom: 20px;
  max-width: 300px;
}
#article-left .post-meta.has-bkmrk {
  padding-left: 0;
}
#article-left.has-image .post-details {
  display: flex;
}
#article-left.has-image .author-image {
  margin-right: 15px;
  width: 90px;
}
#article-left.has-image .post-details-text {
  flex-grow: 1;
}

#article-main {
  margin: 0 !important;
  max-width: none;
}
#article-main .post-sharing-related {
  margin-bottom: 20px;
}
#article-main .post-sharing-related .post-categories {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
#article-main .mw-800 {
  max-width: none;
}
#article-main .comment-wrap.has-buttons .comment-text {
  padding-right: 0;
}