/*
Theme Name: Axori
Theme URI: https://Webnad.net
Author: Sajjad Khanda
Author URI: https://Webnad.net
Description: A hand-coded immersive portfolio theme. Seven WebGL home designs, an endless 3D project index, an editorial blog, a case-study layout and a contact form — all edited from one wp-admin screen, with no page builder required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: axori
Tags: portfolio, one-column, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, full-width-template
*/

/*
 * This file is the theme's identity card. The designs themselves are in
 * assets/css/ and are enqueued per page by functions.php, so nothing below
 * needs to duplicate them.
 *
 * What IS here is the set of root typography defaults the designs used to
 * inherit from whichever theme was active while they were drawn. Every page was
 * measured both ways: no layout property changed anywhere — no display, grid,
 * flex, padding, margin or box-sizing — but five inherited values did reach the
 * few elements that size themselves around their own text.
 *
 * They are restated here rather than left to the browser default. The values
 * look arbitrary because they are inherited, but the designs were measured and
 * tuned against them, and matching them makes this theme render identically to
 * the build these pages were signed off on. Anything that sets its own weight,
 * size or tracking is unaffected either way.
 *
 * letter-spacing is the one that surprises: -0.1px is invisible on a word and
 * close to two pixels across a line, which is enough to move a shrink-to-fit
 * box and, at a bad width, to change where a headline breaks.
 */

body {
	margin: 0;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: -0.1px;
	text-wrap: pretty;
}

/*
 * WordPress's block library and the previous theme flattened the browser's
 * default heading and button metrics, and the designs were drawn on top of
 * that. Without these two rules an <h3> falls back to the browser's 1.17em and
 * a submit button to line-height:normal, which is what made the blog cards and
 * the comment form measure differently. Element selectors, so every rule in
 * assets/css/ still wins.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: 1.125;
}

/* Reaches <button> only: Chrome's UA stylesheet sets line-height on <input>
   with !important, so a submit input keeps `normal` whatever is declared here.
   That leaves the comment-form submit button one pixel taller than it was
   under the previous theme — measured, unavoidable, and of no consequence. */
.wp-element-button,
.wp-block-button__link {
	line-height: 1.4;
}

/*
 * The designs are dark and cover the viewport, so a flash of white while the
 * stylesheets arrive is very visible. assets/css/home.css sets the real
 * background from the Axori Home setting; this is only the holding colour.
 */
html,
body {
	background: #000;
}

/* Accessibility: a keyboard user must be able to skip to the content. */
.axi-skip {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75rem 1.25rem;
	background: #fff;
	color: #000;
	font: 700 13px/1 ui-monospace, Consolas, monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}

.axi-skip:focus {
	left: 1rem;
	top: 1rem;
}

/* WordPress's required alignment and caption classes, for post content. */
.alignleft {
	float: left;
	margin: 0.5em 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 1em 1.5em;
}

.aligncenter {
	display: block;
	margin: 1em auto;
}

.alignwide,
.alignfull {
	max-width: none;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
	margin: 0.6em 0 0;
	font-size: 0.8em;
	opacity: 0.6;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	display: block;
	top: 5px;
	left: 5px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	clip: auto !important;
	clip-path: none;
	background: #fff;
	color: #000;
	font-size: 0.875rem;
	line-height: normal;
	text-decoration: none;
}

.sticky,
.bypostauthor {
	/* required by the theme review; the designs do not style these differently */
}