@import (reference) "variables";
/* Newsletter list */
.container-press-release-page{
  .page-title{
    .buttons-row{
      clear: none;
      margin-top: 0;
      margin-bottom: 0;
      float: right;
    }

    @media (max-width: (@small - 1)) {
      margin-bottom: 10px;
    }
  }

  .newsletter {
    .body-content .content {
      .container-fluid {
        padding: 0 40px;
        @media (max-width: (@small - 1)) {
          padding: 0 10px;
        }
      }
    }
  }

  .attachment-before {
    margin-bottom: 10px;
  }
}

/* Newsletter */
.newsletter {
//  @import (less) "../css/ink.css";
  @import (reference) "newsletter-variables.less";
  @import (reference) "variables";
  @import "newsletter-header.less";
  @import "newsletter-footer.less";

  width: 100%;
  overflow: hidden;

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

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

//  @cellSeparation: 10px;
//  table {
//    &.container {
//      width: @pageWidth;
//    }
//
//    &.row.content {
//      background: url("../images/homepage-bg-bottom.png") no-repeat scroll center top
//    }
//  }

  .body-content .content {
    position: relative;
    background: url("../images/homepage-bg-bottom.png") no-repeat scroll center top;
    margin: 0 -4px;
    padding: 0 0 20px;

    .container-fluid{
      padding: 0 36px;
      margin: 0 auto;
      @media (max-width: (@small - 1)) {
        padding: 0 10px;
      }
    }

    .row.line {
      margin: 0
    }

    .row-group {
      padding: 0;
      margin: 0;
    }

    .newsletter-text {
      margin: 4px 4px 10px;
      padding: 15px;
      background: @white;
    }
  }

//  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;
//        }
//      }
//    }
//    .field-type-text .field-items .field-item {
//      font: inherit;
//    }
//    .news-list, .links-list, .more-news {
//      a, a:visited {
//        width: auto;
//        height: auto;
//        color: inherit !important;
//      }
//    }
//  }
}

.node-type-newsletter {
  .buttons-row.button-mobile {
    display: none;
  }
  @media (max-width: (@small - 1)) {
    .page-title {
      display: none;
    }
    .buttons-row.button-mobile {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      padding-right: 10px;
    }
  }
}