/*
Theme Name: St. Paul Shobonier Dark Mobile Fixed
Theme URI: https://stpaulshobonier.com
Author: St. Paul Lutheran Church
Description: Dark Salem-inspired custom homepage theme for St. Paul Lutheran Church in Shobonier, Illinois, with fixed phone and tablet layout.
Version: 1.1.2
License: GPL-2.0-or-later
Text Domain: st-paul-shobonier-dark
*/

body {
	margin: 0 !important;
	background: #f6f1e7 !important;
	color: #172022 !important;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.password-protected,
body:has(.post-password-form),
.wp-site-blocks:has(.post-password-form),
.site:has(.post-password-form),
.site-content:has(.post-password-form),
.content-area:has(.post-password-form),
.entry-content:has(.post-password-form) {
	background: #f6f1e7 !important;
	color: #172022 !important;
	min-height: 100vh !important;
}

body .post-password-form {
	width: min(520px, calc(100% - 32px)) !important;
	margin: 14vh auto !important;
	padding: 28px !important;
	background: #fffaf0 !important;
	border: 1px solid #ded7ca !important;
	border-top: 6px solid #8b352d !important;
	border-radius: 8px !important;
	box-shadow: 0 22px 44px rgba(12, 18, 17, 0.18) !important;
	color: #172022 !important;
}

body .post-password-form p {
	margin: 0 0 16px !important;
	color: #394648 !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

body .post-password-form label {
	display: grid !important;
	gap: 8px !important;
	color: #172022 !important;
	font-weight: 800 !important;
}

body .post-password-form input[type="password"] {
	width: 100% !important;
	min-height: 42px !important;
	padding: 8px 10px !important;
	border: 1px solid #bfb6a8 !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	color: #172022 !important;
	font-size: 1rem !important;
}

body .post-password-form input[type="submit"] {
	min-height: 42px !important;
	margin-top: 12px !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: #8b352d !important;
	color: #ffffff !important;
	font-weight: 850 !important;
	cursor: pointer !important;
}

@media (max-width: 560px) {
	.post-password-form {
		margin: 8vh auto;
		padding: 22px;
	}
}