/* K's Blocks: icon box layout ----------------------------------------- */
/* Typography intentionally follows the active WordPress theme. */
.ks-icon-box,
.ks-icon-box__content,
.ks-icon-box__content p,
.ks-icon-box__title {
  font-family: inherit;
  font-size: inherit;
}

.ks-icon-box--basic {
  align-items: center;
  /* Keep the roomier default requested for icon boxes. */
  padding: 1.9em 1.35em;
}

.ks-icon-box--basic > .ks-icon-box__icon {
  align-self: center;
  margin: 0;
}

.ks-icon-box--basic > .ks-icon-box__content {
  min-width: 0;
  line-height: inherit;
}

.ks-icon-box--basic .ks-icon-box__content p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: inherit;
}

.ks-icon-box__title {
  line-height: inherit;
}

/* Gutenberg adds wrappers around InnerBlocks. Keep those wrappers from
 * making a one-line icon box look much taller in the editor than on the front end. */
.editor-styles-wrapper .ks-icon-box--basic .ks-icon-box__content > .block-editor-inner-blocks,
.editor-styles-wrapper .ks-icon-box--basic .ks-icon-box__content > .block-editor-inner-blocks > .block-editor-block-list__layout {
  min-height: 0;
}

.editor-styles-wrapper .ks-icon-box--basic .ks-icon-box__content .block-editor-block-list__block {
  margin-top: 0;
  margin-bottom: 0;
}