/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.comments {
  background: #fff;
  padding: 0; }
  @media (min-width: 768px) {
    .comments {
      display: flex;
      padding: 2.5rem 0; } }

.comments__wrapper {
  padding: 3.75rem 1.25rem 1.25rem; }
  @media (min-width: 768px) {
    .comments__wrapper {
      margin-bottom: 0;
      padding: 0 1.25rem;
      width: 50%; } }
  @media (min-width: 992px) {
    .comments__wrapper {
      padding: 0 2.5rem 0 6.25rem;
      width: 45%; } }

.comments__text {
  margin-top: 0; }

.comments__author {
  font-style: italic;
  text-align: right; }
  .comments__author strong {
    display: block; }
    @media (min-width: 576px) {
      .comments__author strong {
        display: inline; } }

.comments__media {
  padding-right: 2.5rem; }
  @media (max-width: 767.98px) {
    .comments__media {
      padding-right: 0; } }
  @media (min-width: 768px) {
    .comments__media {
      width: 50%; } }
  @media (min-width: 992px) {
    .comments__media {
      width: 55%; } }