/*
Theme Name: Partitur
Theme URI: https://viennatourism.org/
Author: Vienna Tourism
Author URI: https://viennatourism.org/
Description: Music engraving as layout grammar. The five-line stave is the only divider, rehearsal marks number the sections, and tempo marks — Adagio, Andante, Allegro — are a real taxonomy describing how much time a guide needs. Typographic, print-derived and near-monochrome; built for viennatourism.org.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: partitur
Tags: blog, news, custom-menu, custom-logo, featured-images, block-styles, editor-style, translation-ready, threaded-comments, right-sidebar, two-columns, three-columns
*/

/* -------------------------------------------------------------------------
   Reset and base
   ---------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--pt-paper);
	color: var(--pt-body);
	font-family: var(--pt-serif);
	font-size: 18px;
	line-height: 1.78;
	font-synthesis-weight: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--pt-serif);
	font-weight: 400;
	color: var(--pt-ink);
	margin: 0;
	text-wrap: pretty;
}

p {
	margin: 0;
}

img,
svg,
video,
iframe {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--pt-wine);
	text-decoration: none;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

/* No radius anywhere. Noteheads are the only curved shape in the theme and
   they set their own. */
input,
textarea,
select,
button {
	border-radius: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

figure {
	margin: 0;
}

hr {
	border: 0;
	margin: 0;
}

/* Focus. Visible on everything, 2px ink offset 3px, per the handoff. Only the
   keyboard ring — pointer focus stays quiet. */
:focus-visible {
	outline: 2px solid var(--pt-ink);
	outline-offset: 3px;
}

/* On ink grounds the ink ring would vanish. */
.pt-on-ink :focus-visible {
	outline-color: var(--pt-paper);
}

::selection {
	background: var(--pt-leaf);
	color: var(--pt-ink);
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

.skip-link {
	position: absolute;
	top: -60px;
	left: var(--pt-gutter);
	z-index: 100;
	background: var(--pt-ink);
	color: var(--pt-paper);
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	transition: top var(--pt-mid) var(--pt-ease);
}

.skip-link:focus {
	top: 10px;
}