/**
 * Name: [child] 24時間以内に公開された記事の「New」マーク
 * Description: 記事一覧のタイトル直上に出る赤字ラベルのスタイル
 * Depends on: lib/new-post-badge.php
 * Version: 1.0.0
 * Author: Parks Inc. (katano)
 */

/* タイトルの「少し上」に独立した行として置くため block にする */
.new-badge {
  display: block;
  margin: 0 0 2px;
  color: #e60012;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.04em;
}

/* 記事タイトル側の上マージンと重なって間延びしないよう詰める */
.new-badge + .title {
  margin-top: 0;
}

/**
 * 読み上げ専用テキスト。
 * 親テーマは .screen-reader-text を .c-pagination 配下でしか定義していないため、
 * ここで .new-badge 配下ぶんを自前で隠す（未定義のままだと画面に文字が出る）
 */
.new-badge .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}