/*
 * Theme Name:  Expertly Child
 * Theme URI:   https://codesupply.co/themes/expertly/
 * Description: Expertly Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    expertly
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

.entry-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.entry .entry-content > .entry-more-button {
	margin-top: 30px;
}
/* -------------------------------------------------
   姉妹メディアへの導線（ヒーロー説明文の直下）
   [archeco_sister_site] ショートコードが出力する要素。
   ヒーローは暗い背景のため、白の半透明で主張を抑える。
   ------------------------------------------------- */
.archeco-sister-site {
	/* inline-flex だと説明文の続きとして同じ行に流れてしまうため、
	   flex + width:fit-content で独立した行に落としつつ幅は内容に合わせる */
	display: flex;
	width: fit-content;
	align-items: center;
	gap: .5em;
	margin-top: 1.6em;
	padding: .6em 1.4em;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	color: rgba(255, 255, 255, .85);
	font-size: .82rem;
	line-height: 1.4;
	text-decoration: none;
	transition: border-color .25s ease, background-color .25s ease, color .25s ease;
}

.archeco-sister-site:hover,
.archeco-sister-site:focus-visible {
	border-color: rgba(255, 255, 255, .8);
	background-color: rgba(255, 255, 255, .1);
	color: #fff;
	text-decoration: none;
}

.archeco-sister-site__label {
	opacity: .75;
}

.archeco-sister-site__name {
	font-weight: 600;
}

.archeco-sister-site__arrow {
	transition: transform .25s ease;
}

.archeco-sister-site:hover .archeco-sister-site__arrow {
	transform: translateX(3px);
}

@media screen and (max-width: 600px) {
	.archeco-sister-site {
		margin-top: 1.2em;
		padding: .55em 1.1em;
		font-size: .76rem;
	}
	/* 幅が足りない端末では2行に折り返す */
	.archeco-sister-site__label {
		display: block;
	}
}

/* -------------------------------------------------
   ヘッダーのキャッチフレーズを非表示にする
   ヒーローの見出し・説明文と内容が重複するため、画面上では隠す。

   WordPress の「キャッチフレーズ」設定(blogdescription)自体は消さない。
   この値は <title> / meta description / og:description に使われており、
   空にすると検索結果とSNSシェアの表示が同時に失われるため。

   親テーマに .cs-bg-dark.navbar-primary .site-description という
   詳細度の高いルールがあり、単一クラスでは負けるため同等の指定で上書きする。
   ------------------------------------------------- */
.navbar-primary .site-description,
.cs-bg-dark.navbar-primary .site-description,
.navbar .site-description,
p.site-description {
	display: none;
}