/* === besides the heading === */

#top .av-special-heading.blockquote.subline-above,
#top .av-special-heading.blockquote.subline-below {
  display: grid;
  margin: 0;
  row-gap: 0px;   /*=== influences the distance between heading and subheading  ===*/
  grid-auto-flow: row;
  grid-template-columns: auto 1fr;
}

#top .av-special-heading.blockquote.subline-above .av-special-heading-tag,
#top .av-special-heading.blockquote.subline-below .av-special-heading-tag {
  grid-area: area1;
  padding-right: 20px
}

#top .av-special-heading.blockquote.subline-above .special-heading-border,
#top .av-special-heading.blockquote.subline-below .special-heading-border {
  display: block;
  grid-area: area2;
}

#top .av-special-heading.blockquote.subline-below .av-subheading_below {
  grid-area: area3;
  margin-top: -20px; /*=== if you like to have less distance between heading and subheading  ===*/
}

#top .av-special-heading.blockquote.subline-above .av-subheading_above {
  grid-area: area3;
  margin-bottom: 10px; /*=== if you like to have less distance between heading and subheading  ===*/
}


#top .av-special-heading.blockquote.subline-above  {
  grid-template-areas: 
    "area3 area3" 
    "area1 area2";
}

#top .av-special-heading.blockquote.subline-below  {
  grid-template-areas: 
    "area1 area2" 
    "area3 area3";
}

#top .special-heading-inner-border {
  opacity: 0.5;
}