@import 'css/master/settings/settings';
//Add to cart container
.atc-container {
  @include display-flex;
  @include flex-wrap(wrap);
  padding: 5px 10px 10px;

  .close-container {
    flex: 1 100%;
  }

  .close-x {
    display: inline-block;
    float: right;
  }

  .image-container {
    flex: 110px 0;
    text-align: center;
    padding-bottom: 10px;
  }

  .text-line {
    line-height: 1em;
    font-size: 1.3em;

    + .text-line {
      padding-top: 12px;
    }
  }
}

@media all and (orientation:landscape) {

  .atc-container .buttons-block {
    flex: 1 1;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 2.5em;
    margin-right: 3em;
    padding-top: .5em;

    .button.b1 {
      margin-right: 0;
    }
  }
}

@media all and (orientation:landscape) and (max-width:569px) {
  // iPhone 5 width is too short for this layout, modifying white space to make it work for this device.
  .atc-container .buttons-block {
    margin: 0 0 0 1em;
  }
}