/*
Theme Name: Harper Woods School District
Theme URI: https://hwschools.org/
Author: Ideal Technology Solutions
Author URI: https://idealtechnologysolutions.us/
Description: Custom WordPress theme for Harper Woods School District, converted from the district's static HTML site. Classic PHP theme with template parts, nav menu locations, customizer settings and no page-builder dependency.
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hwsd
Tags: education, custom-menu, custom-logo, featured-images, translation-ready, accessibility-ready
*/

/*
The site design lives in assets/css/main.css (enqueued as "hwsd-main").
This file exists for the WordPress theme header and for small overrides only.
Add overrides below this line.
*/

/* ---------------------------------------------------------------------------
   WordPress core classes and small theme additions.
   The site design itself lives in assets/css/main.css.
   --------------------------------------------------------------------------- */

.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: #fff;
	border-radius: 10px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .12);
	clip-path: none;
	color: #5c1c21;
	display: block;
	font-size: 14px;
	font-weight: 800;
	height: auto;
	left: 16px;
	line-height: normal;
	padding: 14px 20px;
	text-decoration: none;
	top: 16px;
	width: auto;
	z-index: 100000;
}

.alignleft {
	float: left;
	margin: 6px 24px 18px 0;
}

.alignright {
	float: right;
	margin: 6px 0 18px 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 18px auto;
}

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

.wp-caption-text,
.wp-block-image figcaption {
	color: #6b5457;
	font-size: 15px;
	font-weight: 750;
	margin-top: 8px;
}

.prose .wp-block-image,
.prose figure {
	margin: 26px 0;
}

.prose img {
	border-radius: 16px;
}

/* Search form */
.hwsd-search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.hwsd-search-form input[type="search"] {
	flex: 1 1 220px;
	min-height: 54px;
	border: 1px solid rgba(102, 19, 20, .18);
	border-radius: 999px;
	padding: 0 20px;
	font: 750 16px/1 Inter, Arial, sans-serif;
	color: #3c2023;
	background: #fff;
}

.hwsd-search-form .btn {
	border: 0;
	cursor: pointer;
}

/* Pagination and post navigation */
.pagination,
.post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 44px;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	min-height: 48px;
	padding: 0 14px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(102, 19, 20, .14);
	color: #8b1118;
	font-weight: 850;
	text-decoration: none;
}

.pagination .page-numbers.current {
	background: #8b1118;
	border-color: #8b1118;
	color: #fff;
}

.post-navigation {
	padding-top: 0;
}

.post-navigation .nav-links a {
	text-decoration: none;
}

/* Page links (paged posts) */
.page-links {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 24px;
	font-weight: 800;
}

/* Widgets */
.widget {
	margin-bottom: 28px;
}

.widget-title {
	color: #661314;
	font-size: 22px;
	margin: 0 0 12px;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(102, 19, 20, .08);
	font-weight: 750;
}

.footer-extra {
	padding-bottom: 20px;
}

/* Admin bar keeps the sticky header clear */
body.admin-bar .site-header {
	top: 32px;
}

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