/*==========================================================================
  Photo Albums overview page
  ========================================================================== */

.photo-albums
  .white-styling-block
    position: relative
    height: 160px
    width: 100%
    background-color: white
    margin-top: -160px

.photo-albums-overview
  @extend .news-overview

  /* Photo Albums items
     ========================================================================== */
  .photo-albums-row
    +flex(space-between, flex-start)
    +flex-rows

    article
      width: calc((100% - 30px) / 3)
      height: 240px
      margin-bottom: 15px

      +respond-to-width(1400)
        width: calc((100% - 15px) / 2)
        height: 280px
        a
          figure
            height: 240px

      +respond-to-width(1000)
        a
          .content
            padding-top: 11px
            padding-bottom: 10px