//
// Page header
//

#page-header {
  position: relative;
  margin: 1rem 0 2rem;
  padding: 4rem 0;
  color: #fff;
  background-image: linear-gradient(-90deg, transparent 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.55) 60%);

  &:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-image: linear-gradient(60deg, rgba(171, 236, 214, 0.25) 0%, rgba(251, 237, 150, 0.25) 100%);
    pointer-events: none;
  }

  .inner {
    position: relative;
    z-index: 1;
  }

  .entry-title {
    font-size: 3em;
  }
}