/*
Theme Name: Pipeline
Theme URI: https://themeshaper.com/pipeline/
Author: Automattic
Author URI: https://automattic.com/
Description: A modern theme for plumbing and home service businesses, with ready-made patterns for hero, services, testimonials, and team sections. Five vibrant color style variations are included, each tailored to fit the look of a home service brand.
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pipeline
Tags: featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations

/* Crossfade page transition */

@view-transition {
	navigation: auto;
}

/* Font smoothing */
body {
	text-rendering: geometricprecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.1em
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Tighten margin when a heading follows another heading in post content.
 * The doubled top-margin in theme.json signals a section break above; when
 * two headings are adjacent the subordinate one should sit closer to its
 * parent rather than read as a new section. The class is unwrapped from
 * :where() so we beat the theme.json-generated `:root :where(...)` rule
 * (which is 0,1,0 specificity from :root).
 */
.wp-block-post-content :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
	margin-top: var(--wp--style--block-gap);
}

/*
 * Make sure footers have no margin.
 * https://github.com/WordPress/gutenberg/issues/47637
 */
footer.wp-block-template-part {
	margin-block-start: 0 !important;
}

/* Utility classes for removing text decoration from link. */
.no-underline a {
	text-decoration: none;
}

/* Utility classes for custom ordering. */
.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.grow-0 {
	flex-grow: 0;
}

.grow {
	flex-grow: 1;
}

@media (min-width: 600px) {
	.md\:order-0 {
		order: 0;
	}

	.md\:order-1 {
		order: 1;
	}

	.md\:grow-0 {
		flex-grow: 0;
	}

	.md\:grow {
		flex-grow: 1;
	}
}

/* Category filter pills (Blog archive) */
.pipeline-pills {
	row-gap: var(--wp--preset--spacing--20);
}

.pipeline-pill {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--wp--preset--color--theme-2);
	border-radius: 999px;
	padding: 0.55em 1.1em;
	font-size: var(--wp--preset--font-size--custom-1);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--wp--preset--color--theme-2);
	white-space: nowrap;
}

.pipeline-pill.is-active {
	background: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--theme-1);
}

/* Post tags */
.pipeline-tags a {
	display: inline-flex;
	border: 1px solid var(--wp--preset--color--theme-4);
	border-radius: 999px;
	padding: 0.4em 1em;
	margin: 0 8px 8px 0;
	font-size: var(--wp--preset--font-size--custom-1);
	text-decoration: none !important;
}

/* Author box */
.pipeline-author-box {
	align-items: flex-start;
}