/*
Theme Name: Datom
Theme URI: https://themeshaper.com/datom/
Author: Automattic
Author URI: https://automattic.com/
Description: Datom is a business theme for software and digital products. The theme bundles twenty-four patterns: nineteen sectional ones, such as hero, features, numbers, how it works, pricing, FAQ, integrations and changelog, and five page patterns that put a landing, product, pricing, about or journal page together in one step. With a dark palette and lilac accents, and a pairing of three fonts, two sans-serifs and a monospace, Datom sets the tone for your digital business with a clean, modern tech look and feel.
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.2
Version: 1.0.32
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: datom
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;
}

/* Keep the header button on one line, so the menu wraps instead. */
.wp-block-buttons.header-buttons {
	flex-shrink: 0;
}

/* 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;
	}
}

/* Fixed-width square cover (e.g. step numbers in "How it works"). */
.wp-block-cover.datom-step-number {
	aspect-ratio: 1;
	flex: 0 0 auto;
	min-height: 0;
	width: 3.75rem;
}

/* Preset border colors: draw the border (width is set per block) */
.has-border-color:where(:not([style*="border-style"])){border-style:solid;border-width:0}