/*
Theme Name: Hashtag Child
Template: hashtag
Version: 1.0.0
Description: Child theme for Hashtag. Holds local fixes so parent theme updates don't overwrite them.
*/

/* Article subheadings: the theme's global h2/h3 (53px/40px) are too big inside post text. */
.pxl-item-single-post .pxl-item--content h2 {
	font-size: 32px;
	line-height: 1.3;
	margin-top: 1.4em;
	margin-bottom: 0.6em;
}
.pxl-item-single-post .pxl-item--content h3 {
	font-size: 26px;
	line-height: 1.35;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
}
.pxl-item-single-post .pxl-item--content h4 {
	font-size: 22px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.pxl-item-single-post .pxl-item--content h2 { font-size: 26px; }
	.pxl-item-single-post .pxl-item--content h3 { font-size: 22px; }
	.pxl-item-single-post .pxl-item--content h4 { font-size: 19px; }
}

/* Homepage article cards: same image shape and title height within each section.
   Thumbnails smaller than the theme's crop size came out at different heights,
   which made the masonry rows uneven. */
.home .pxl-blog-grid .item--featured img,
.home .pxl-post-carousel5 .item--featured img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.home .pxl-blog-grid-layout1 .item--featured img { aspect-ratio: 1100 / 714; }
.home .pxl-blog-grid-layout5.style1 .item--featured img { aspect-ratio: 3 / 4; }
.home .pxl-blog-grid-layout5.style2 .item--featured img { aspect-ratio: 737 / 990; }
.home .pxl-post-carousel5 .item--featured img { aspect-ratio: 800 / 737; }

.home .pxl-blog-grid .item--title,
.home .pxl-post-carousel5 .item--title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 3lh;
}
.home .pxl-blog-grid-layout1 .item--excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 3lh;
}