/**
  This CSS will only work for the review form with ID 8602
  and when the CF7 plugin style is used in Site Reviews.
 */
@media (min-width: 768px) {
  /* The review form uses a 12 column grid */
  [data-form="8602"] .wpcf7-form {
    .glsr-field[data-field="author"] {
      /* start on column 1 and span 4 columns */
      grid-column: 1 / span 4;
    }
    .glsr-field[data-field="mesto"] {
      /* start on column 1 and span 4 columns */
      grid-column: 1 / span 4;
    }
    .glsr-field[data-field="email"] {
      /* start on column 1 and span 4 columns */
      grid-column: 1 / span 4;
    }
    .glsr-field[data-field="content"] {
      /* start on column 5 and span 8 columns */
      /* start on row 2 and span 3 rows */
      grid-column: 5 / span 8;
      grid-row: 2 / span 3;

      /* The rest of the CSS fixes the height of the TEXTAREA */
      label {
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .wpcf7-form-control-wrap {
        flex: 1;
      }
      .wpcf7-textarea {
        height: 100%;
      }
    }
  }
}