/*
Theme Name: Tailwinds Media Group
Theme URI: https://tailwindsmediagroup.com/
Author: Tailwinds Media Group
Author URI: https://tailwindsmediagroup.com/
Description: Cinematic documentary studio theme. A 1:1 WordPress port of the Tailwinds Media Group static site, built on the Twenty Twenty-Three foundation (theme.json, block settings, WordPress conventions) with the site's own design system preserved intact.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
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: tailwinds-media-group
Tags: one-column, custom-menu, custom-logo, featured-images, translation-ready, portfolio
*/

/*
 * The site's compiled design system lives in assets/css/styles.css and is the
 * visual source of truth — it is copied verbatim from the static site and is
 * enqueued ahead of this file. Only WordPress-specific corrections belong here.
 */

/* The admin bar is fixed at the top of the viewport, and so is the site header.
   Offset the header (and the skip link) by the bar's height when it is shown. */
body.admin-bar #site-nav {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #site-nav {
		top: 46px;
	}
}

/* Keep the editor's alignwide/alignfull helpers from leaking into the layout
   for post content rendered inside the site's own fixed-width containers. */
.entry-content > .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}

/* WordPress core markup that has no static counterpart: caption, gallery and
   pagination bits inherit the site palette rather than block-library defaults. */
.wp-caption-text,
.wp-element-caption {
	color: var(--ivory-dim);
	font-size: var(--text-sm);
	margin-top: 0.5rem;
}

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

.screen-reader-text:focus {
	background-color: var(--gold);
	clip-path: none;
	color: var(--navy);
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	height: auto;
	left: 1rem;
	line-height: normal;
	padding: 0.75rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
	top: 1rem;
	width: auto;
	z-index: 100000;
}