/*
Theme Name: Growth Outplay
Theme URI: https://outplay.ai/
Author: Outplay
Author URI: https://outplay.ai/
Description: Standalone Outplay theme with the "Outplay – Free Demo Landing" template – two-stage Outplay lead form with the Outplay meeting calendar embedded on the right. Media is served from the Media Library at /wp-content/uploads/2026/10/.
Version: 1.0.3
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: growth-outplay
*/

/* Base styles for regular pages (index, page, 404). The landing template loads
   outplay-main.css + outplay-responsive.css instead, scoped to .outplay-export. */

body {
	margin: 0;
	background: #fff;
	color: #1f2340;
	font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body.opg-landing { background: #fcfdfc; }

.opg-site-header,
.opg-site-main,
.opg-site-footer {
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
}

.opg-site-header { padding-top: 24px; padding-bottom: 24px; }

.opg-site-header__brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1f2340;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}

.opg-site-header__brand img { width: 28px; height: 28px; }

.opg-site-main { min-height: 50vh; padding-bottom: 48px; }

.opg-site-main h1 { margin: 24px 0 16px; font-size: clamp(28px, 4vw, 40px); line-height: 1.15; }

.opg-site-main a { color: #e0336f; }

.opg-site-main img { max-width: 100%; height: auto; }

.opg-entry + .opg-entry { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e6e9ef; }

.opg-site-footer { padding-top: 32px; padding-bottom: 32px; color: #6b7280; font-size: 13px; text-align: center; }

.opg-button {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 999px;
	background: #e0336f;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}