/* 波浪css */
.main-hero-waves-area {
    width: 100%;
    height: 5rem;
    position: relative;
    left: 0;
    z-index: 5;
  }
  .waves-area .waves-svg {
    width: 100%;
    height: 5rem;
  }
  /* Animation */
  
  .parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: #f7f9febd;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: #f7f9fe82;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: #f7f9fe36;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #f7f9fe;
  }
  /* 黑色模式背景 */
  .darkmode--activated .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: #18171dc8;
  }
  .darkmode--activated  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: #18171d80;
  }
  .darkmode--activated  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: #18171d3e;
  }
  .darkmode--activated  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #18171d;
  }
  
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0);
    }
    100% {
      transform: translate3d(85px, 0, 0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 600px) {
    .waves-area, .waves-area .waves-svg {
      height: 40px;
      min-height: 40px;
    }
  }
  /* 修改postheader背景 */
  .insidepost-header {
      margin-left: -40px;
      margin-right: -40px;
      background: var(--theme-color);
      margin-top: -70px;
      padding-top: 40px;
  }
  .insidepost-header, .insidepost-header a, .insidepost-header .post-meta-container {
    color: white;
  }
  .insidepost-header .post-meta-container {
    margin-bottom: 40px;
  }
  .insidepost-header .post-description {
      display: none;
  }
  .insidepost-header h1.post-title, .insidepost-header .post-meta-container {
      padding-left: 40px;
      padding-right: 40px;
  }
  @media (max-width: 600) {
    .insidepost-header {
      margin-left: -20px;
      margin-right: -20px;
    }
    .insidepost-header h1.post-title, .insidepost-header .post-meta-container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }