/* Newsletter list */
.container-press-release-page{
  .page-title{
    .buttons-row{
      clear: none;
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  .attachment-before {
    margin-bottom: 10px;
  }
}

/* Newsletter */
table.newsletter {
  @import (less) "../css/ink.css";
  @import (reference) "_variables.less";
  @import "_header.less";
  @import "_footer.less";

  background: #fff;
  width: 100%;

  td.body-content{
    padding: 10px;
  }

  &.body, h2, p, td {
    font-family: Arial, serif;
    color: @textBlack;
  }

  a,
  a:visited {
    text-decoration: underline;
    color: @linkBlue !important;
  }

  @cellSeparation: 10px;
  table {
    &.container {
      width: @pageWidth;
    }
  }

  table.button {
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;

      tr td {
        display: table-cell;
        vertical-align: middle;
        background-color: transparent;
        border: none;
        padding: 0;

        a{
          color: #fff;
        }
      }

    .text {
      /*padding: 8px 10px;*/
      padding: 0 10px;
    }

    &.black {
      @background: #333;
      @color: color('#fff');

      a{
        color: @color !important;
      }

      td,
      &:hover td {
        background-color: @background !important;

        &.arrow-block {
          background-color: transparent !important;
        }

        a {
          color: @color !important;
          font-weight: normal;
        }
      }
    }

    &.arrow {
      .text {
        height: 16px;
        line-height: 1;
      }

      .arrow-block {
        padding: 0;
      }
    }
  }

  td.cell-wrapper {
    padding: 0;
  }

  td.unwrapper {
    padding: 0 10px 20px;

    &.header-bg {
      padding: 0 0 20px;

      img {
        width: 100%;
        height: auto;
        padding: 0;
        float: none;
      }
    }
  }

  td.one-column {
    p, a {
      font-size: @font-18;
      line-height: 1.5;
    }
  }

  /** Grid Layout **/
  @basicWidth: @pageWidth / 3 - @cellSeparation;
  @doubleWidth: 2 * @pageWidth / 3 - @cellSeparation;
  @innerPadding: 15px;
  td.cell-wrapper td.padded {
    border-top: @cellSeparation solid #fff;
  }

  table.grid {
    td {
      padding: 0;

      &.cell-wrapper {
        padding: @cellSeparation / 2;
      }
    }

    .columns .content td {
      padding: @innerPadding;
    }

    p {
      color: inherit;
    }
  }

  .news-block {
    @color: color('#fff');

    &,
    .content {
      width: @basicWidth;
      height: @basicWidth;
    }



    a {
      display: block;
      width: @basicWidth - 2 * @innerPadding;
      height: @basicWidth - 2 * @innerPadding;
      text-decoration: none;
    }

    // Bigger blocks
    &.long {
      font-size: @font-16;
      width: @doubleWidth;

      .content {
        width: @doubleWidth;
      }

      a {
        width: @doubleWidth - 2 * @innerPadding;
      }

      .date, .overtitle {
        font-size: 14/16em;
      }
      .number{
        font-size: 40/16em;
      }
      .title{
        font-size: 22/14em;
      }
    }
    &.big {
      &:extend(table.newsletter .news-block.long);
      height: @doubleWidth;

      .content {
        &:extend(table.newsletter .news-block.long .content);
        height: @doubleWidth;
      }

      a {
        &:extend(table.newsletter .news-block.long a);
        height: @doubleWidth - 2 * @innerPadding;
      }

      .date, .overtitle {
        font-size: 18/16em;
      }
      .number{
        font-size: 40/16em;
      }
      .title{
        font-size: 22/14em;
      }
    }

    // Content Style
    .date, .overtitle {
      display: block;
      margin-bottom: 10px;
      font-weight: bold;
      line-height: 1;
      color: inherit;
      text-transform: uppercase;
    }

    .number {
      display: block;
      margin-bottom: 10px;
      font-size: 40/14em;
      font-weight: bold;
      line-height: 1;
      color: inherit;
    }

    .title {
      display: block;
      margin-bottom: 10px;
      line-height: 1;
      color: inherit;
      font-size: 18/14em;
    }
    .legend1{
      font-weight: bold;
      margin-bottom: 0;
    }

    a.button{
      width: auto;
      height: auto;
      table.button.arrow {
        .text{
          padding: 0 10px;
        }
        .arrow-block {
          padding: 0;
        }
      }
    }
  }
}