#page-header.full_page {
  min-height: 420px;
  background-position: center center !important;
}

body {
  background: linear-gradient(rgba(245, 248, 252, 0.78), rgba(245, 248, 252, 0.88)), url("/img/site/top-bg.jpg") center center / cover fixed;
}

#body-wrap {
  background: transparent;
}

#content-inner {
  padding-top: 40px;
}

#recent-posts > .recent-post-item,
#aside-content .card-widget,
.layout > div:first-child:not(.recent-posts),
#page {
  border: 1px solid rgba(255, 255, 255, 0.48);
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-theme="dark"] body {
  background: linear-gradient(rgba(18, 24, 32, 0.82), rgba(18, 24, 32, 0.9)), url("/img/site/top-bg.jpg") center center / cover fixed;
}

[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] .layout > div:first-child:not(.recent-posts),
[data-theme="dark"] #page {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(25, 31, 40, 0.76);
}

#page-header.full_page #site-info {
  top: 46%;
  transform: translateY(-50%);
}

#page-header.full_page #site-info::before {
  display: block;
  width: 96px;
  height: 96px;
  margin: 0 auto 18px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background-image: url("/img/avatar.jpg");
  background-position: center;
  background-size: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  content: "";
}

@media (max-width: 768px) {
  #page-header.full_page {
    min-height: 360px;
  }

  #page-header.full_page #site-info::before {
    width: 78px;
    height: 78px;
    margin-bottom: 14px;
  }
}