/* h2 a element */
h2.item-title a {
  text-decoration: none;
}

h2.item-title a:hover {
  text-decoration: underline;
}

/* h3 at article page */
.com-content-article__body h3 {
    padding: 0.1em;
    background: #f0f4fb;
    border-bottom: solid 2px #224faa;
}

/*
h4 at article page
reference: saruwaka
https://saruwakakun.com/html-css/reference/h-design
fa ver: Font Awesome 6 Free
*/

.com-content-article__body h4 {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
  line-height: 1.2;
}

.com-content-article__body h4:before {
  font-family: "Font Awesome 6 Free";
  content: "\f152";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0.25em;
  top: 0.5em;
  color: #224faa;
}

/* pre code element for google-code-prettify */
pre.prettyprint ol li span {
  padding: 0;
}

pre.prettyprint ol{
  margin: 0 0.25rem;
  white-space: pre-wrap;
}

pre.prettyprint ol.linenums > li {
  list-style-type: decimal !important;
  border-left: solid 1px #339933;
  padding-left: 0.5em;
  line-height: 1em;
}

/*
blockquote by saruwaka
https://saruwakakun.com/html-css/reference/blockquote
fa ver: Font Awesome 6 Free
*/
blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    content: '\f10d';
    font-family: 'Font Awesome 6 Free';
    color: #9dd4ff;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*
article information in a line
https://joomla.center/en/knowledge-base/cassiopeia
*/

.article-info dd {
    padding: 0;
    display: inline-block;
    margin-right: 1em;
}

/*emphasis like line-marker*/
em.line_marker-p {
      background: linear-gradient(transparent 60%, pink 30%);
      display: inline-block;
    }