@import "variables";
@import "mixins";

section.header {
  .thumbnail-wrapper {
    // width: 100%;
    position: relative;
    .thumbnail {
      // width: 100%;
      max-height: 36rem;
      width: 100%;
      object-fit: cover;
      &.default {
        padding: 5rem 0;
        object-fit: contain;
      }
    }
    .overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      background: $white;
      top: 0;
      left: 0;
      opacity: 0.35;
    }
    .title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
    }
  }
}

section.info {
  .info-wrapper {
    color: $col-sec;
    font-weight: 500;
    margin-bottom: 0.8rem;
    & > *:not(:last-child)::after {
      content: "/";
    }
  }
}
