/* ITEMS */
.items {
  padding: 0;

  /* ITEM */
  .item {
    border: none;
    padding: 0;
    margin-bottom: 1em;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .33);

    &:last-child {
      margin-bottom: 0;
    }

    /* PANORAMA */
    &.panorama {
      background-color: transparent;
      box-shadow: none;

      & > div:nth-of-type(2) {
        margin-top: 1rem;
      }

      .image {
        position: relative;
        // overflow: hidden;

        & > .col-md-4 {
          position: absolute;
          bottom: 0;
          right: 0;
          padding-left: 0;

          h2, h5 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
          }

          h5 {
            margin-top: .5rem !important;
          }
        }
      }

      .text {
        width: 100%;
        background-color: #FFF;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, .33)!important;
        display: block;
        border-top: 2px solid @brand-primary;

        & > h2 {
          margin-top: 0 !important;
        }

        .slate div p:first-child {
          margin: 0 !important;
        }
      }

      .athena-img-container {
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, .5);
      }
    }

    /* MASONRY */
    &.masonry {
      background-color: transparent;
      box-shadow: none;
      padding: 0 .5rem;
      margin-bottom: 0;

      .col-md-6 {
        margin-bottom: 1rem;

        & > div {
          box-shadow: 0 0 20px 1px rgba(0, 0, 0, .33);
        }

        &:nth-child(1) {
          padding-left: .5rem;
          padding-right: .5rem;
        }
        &:nth-child(2) {
          padding-left: .5rem;
          padding-right: .5rem;
        }

        & > .text {
          border-top: 2px solid @brand-primary;

          & > h2 {
            margin-top: 0 !important;
          }
        }

        h5 {
          margin-top: .5rem !important;
        }
      }
    }
    &:not(.masonry) {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    /* COMPACT */
    .p-0.col-xs-5 {
      margin: 0 0 1rem .5rem;
      background-color: none;
    }

    /* INFO/LEFT-PART */
    .info {
      .header {
        position: relative;

        &.overlay {
          cursor: pointer;
          position: relative;
          padding-top: 0 !important;

          &:after {
            content: "";
            display: block;
            padding-top: 100%;
            background-color: rgba(255, 255, 255, .7);
          }
        }

        & > h1 {
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 !important;
          padding: .5rem;
          overflow: scroll;
          max-height: 100%;
        }
      }
    }

    /* TEXT/RIGHT/BOTTOM-PART */
    .text {
      padding: 1rem;

      .subheader {
        font-size: 80%;
        opacity: .8;
        margin-bottom: .5rem;
        line-height: 1.33;

        a:not(:last-of-type):after {
          content: ', ';
        }
      }

      p {
        margin: 1em 0;
      }
    }

    /* IMAGE */
    .athena-img-container > div, .athena-img-title {
      position: absolute;
      top: initial;
      right: 0;
      bottom: 0;
      left: 0;
      transform: none;
      background-color: rgba(255, 255, 255, .75);
      padding: .25rem .5rem;
      //width: 100%;
    }
  }

  /* colored */
  .colored {
    background-color: lighten(@brand-primary, 40%) !important;
  }
}