//
// About Modal
// --------------------------------------------------

.about-modal-pf {
  background-color: $color-pf-black-900;
  background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$img-path}/#{$modal-about-pf-bg-img}"), "#{$img-path}/#{$modal-about-pf-bg-img}"));
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 216px auto;
  @media (min-width: $screen-sm-min) {
    background-size: auto;
  }
  .modal-body {
    color: $color-pf-white;
    padding-bottom: 16px;
    padding-left: $grid-gutter-width;
    padding-right: $grid-gutter-width;
    @media (min-width: $screen-sm-min) {
      padding-left: ($grid-gutter-width * 2);
      padding-right: ($grid-gutter-width * 2);
    }
  }
  .modal-header {
    background-color: transparent;
  }
  .pficon-close {
    color: $color-pf-white;
  }
}

.product-versions-pf {
  margin-bottom: 30px;
  margin-top: 30px;
  li {
    strong {
      margin-right: ($grid-gutter-width / 4);
    }
  }
}

.trademark-pf {
  font-size: ceil(($font-size-base - 1));
}