/* Target <h3> heading blocks in the column-detail page */
/* Target <h3> heading blocks in Gutenberg editor */

.column-dtl h3.wp-block-heading, 
.block-editor h3 { 
  position: relative;
  font-size: 2rem;
  letter-spacing: 0.03em;
  line-height: 1.4em;
  background-color: #5ea4d8;
  padding: 10px 16px;
  border-radius: 10px;
  color: #fff;
  margin: 80px 0 24px;
}

@media screen and (max-width: 767px) {
  .column-dtl h3.wp-block-heading,
  .block-editor h3 {
    margin-top: 60px;
  }
}


/* Target <h4> heading blocks in the column-detail page */
 /* Target <h4> heading blocks in Gutenberg editor */

.column-dtl h4.wp-block-heading, 
.block-editor h4 {
  position: relative;
  /* counter-increment: art-ct-h4; */
  font-size: 1.8rem;
  letter-spacing: 0.03em;
  line-height: 1.7777777778em;
  padding-left: 30px;
  margin: 40px 0 24px;
}

.column-dtl h4.wp-block-heading::after,
.block-editor h4::after {
  content: "";
  width: 10px;
  height: 100%;
  background-color: #5ea4d8;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
}


/* Target <h5> heading blocks in the column-detail page */
 /* Target <h5> heading blocks in Gutenberg editor */

.column-dtl h5.wp-block-heading, 
.block-editor h5 {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  line-height: 1.96875em;
  padding-bottom: 12px;
  margin: 32px 0 24px;
}

.column-dtl h5.wp-block-heading::after, 
.block-editor h5::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #5ea4d8;
  position: absolute;
  left: 0;
  bottom: 0;
}