#web_bg {
  background-attachment: fixed !important;
  background-position: 58% center !important;
  background-size: cover !important;
}

@media (max-width: 768px) {
  #web_bg {
    background-attachment: scroll !important;
    background-position: 62% center !important;
  }
}

#page-header.full_page {
  background-image: none !important;
  background-color: transparent !important;
}

#page-header.full_page::before {
  background-color: transparent !important;
}

#page-header.post-bg::before,
#page-header.not-home-page::before {
  background: transparent !important;
}

#page-header.post-bg,
#page-header.not-home-page {
  box-shadow: none !important;
}

#page-header #site-title,
#page-header #site-subtitle,
#page-header #scroll-down .scroll-down-effects,
#page-header #post-info .post-title,
#page-header #post-info #post-meta {
  text-shadow: none !important;
}

#body-wrap,
#content-inner {
  background: transparent !important;
}

#footer {
  background: transparent !important;
}

#footer::before {
  background: transparent !important;
}

#footer,
#footer a {
  color: #fff !important;
  text-shadow: none !important;
}

#recent-posts > .recent-post-item,
.card-widget,
#post,
#page,
#archive,
#tag,
#category {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

[data-theme='dark'] #recent-posts > .recent-post-item,
[data-theme='dark'] .card-widget,
[data-theme='dark'] #post,
[data-theme='dark'] #page,
[data-theme='dark'] #archive,
[data-theme='dark'] #tag,
[data-theme='dark'] #category {
  background: rgba(24, 24, 28, 0.82) !important;
}

#recent-posts > .recent-post-item .post_cover,
#recent-posts > .recent-post-item .content {
  display: none !important;
}

#recent-posts > .recent-post-item .recent-post-info {
  width: 100% !important;
  padding: 28px 32px !important;
}

#recent-posts > .recent-post-item .article-title {
  display: block;
  margin-bottom: 12px;
  font-size: 1.35rem;
  line-height: 1.4;
}

#recent-posts > .recent-post-item .article-meta-wrap {
  margin-top: 0;
}

@keyframes blog-heading-pinwheel {
  to {
    transform: rotate(-360deg);
  }
}

#article-container h1::before,
#article-container h2::before,
#article-container h3::before,
#article-container h4::before,
#article-container h5::before,
#article-container h6::before {
  content: "";
  display: inline-block;
  width: 0.82em;
  height: 0.82em;
  margin-right: 0.42em;
  vertical-align: -0.08em;
  background: radial-gradient(circle at center, #fff 0 7%, var(--pinwheel-color) 7.5%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20100%20100%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M50%2050C57%2039%2070%2028%2084%2018C87%2016%2088%2012%2085%2010C69%206%2050%208%2040%2019C34%2025%2035%2036%2042%2044Z%27/%3E%3Cpath%20d%3D%27M50%2050C39%2043%2028%2030%2018%2016C16%2013%2012%2012%2010%2015C6%2031%208%2050%2019%2060C25%2066%2036%2065%2044%2058Z%27/%3E%3Cpath%20d%3D%27M50%2050C43%2061%2030%2072%2016%2082C13%2084%2012%2088%2015%2090C31%2094%2050%2092%2060%2081C66%2075%2065%2064%2058%2056Z%27/%3E%3Cpath%20d%3D%27M50%2050C61%2057%2072%2070%2082%2084C84%2087%2088%2088%2090%2085C94%2069%2092%2050%2081%2040C75%2034%2064%2035%2056%2042Z%27/%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%2750%27%20r%3D%276.5%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20100%20100%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M50%2050C57%2039%2070%2028%2084%2018C87%2016%2088%2012%2085%2010C69%206%2050%208%2040%2019C34%2025%2035%2036%2042%2044Z%27/%3E%3Cpath%20d%3D%27M50%2050C39%2043%2028%2030%2018%2016C16%2013%2012%2012%2010%2015C6%2031%208%2050%2019%2060C25%2066%2036%2065%2044%2058Z%27/%3E%3Cpath%20d%3D%27M50%2050C43%2061%2030%2072%2016%2082C13%2084%2012%2088%2015%2090C31%2094%2050%2092%2060%2081C66%2075%2065%2064%2058%2056Z%27/%3E%3Cpath%20d%3D%27M50%2050C61%2057%2072%2070%2082%2084C84%2087%2088%2088%2090%2085C94%2069%2092%2050%2081%2040C75%2034%2064%2035%2056%2042Z%27/%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%2750%27%20r%3D%276.5%27/%3E%3C/svg%3E") center / contain no-repeat;
  animation: blog-heading-pinwheel var(--pinwheel-speed, 3.6s) linear infinite;
  filter: drop-shadow(0 1px 3px rgba(30, 41, 59, 0.16));
  transform-origin: center;
}

#article-container h1::before {
  --pinwheel-color: #ff6b9d;
  --pinwheel-speed: 3s;
}

#article-container h2::before {
  --pinwheel-color: #3b82f6;
  --pinwheel-speed: 3.4s;
}

#article-container h3::before {
  --pinwheel-color: #22c55e;
  --pinwheel-speed: 3.8s;
}

#article-container h4::before {
  --pinwheel-color: #f59e0b;
  --pinwheel-speed: 4.2s;
}

#article-container h5::before,
#article-container h6::before {
  --pinwheel-color: #8b5cf6;
  --pinwheel-speed: 4.6s;
}

@media (prefers-reduced-motion: reduce) {
  #article-container h1::before,
  #article-container h2::before,
  #article-container h3::before,
  #article-container h4::before,
  #article-container h5::before,
  #article-container h6::before {
    animation: none;
  }
}