/*
Theme Name: ABC Auctions Corp.
Theme URI: https://www.abcauctionscorp.com/
Description: Lightweight custom theme for ABC Auctions Corp. — a Massachusetts real estate auction company. Replaces the legacy Responsive child theme. Reproduces the original minimal design (centered 960px layout, dark nav bar, Arial typography).
Author: ABC Auctions Corp.
Version: 1.0.0
Requires at least: 6.0
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: abcauctions
*/

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

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

body {
	margin: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: #575757;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

/* -------------------------------------------------------------------------
   Typography
   ------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.5em;
	color: #333333;
	font-weight: 700;
	line-height: 1.4;
}

.post-entry > :first-child {
	margin-top: 0;
}

p {
	margin: 0 0 1em;
}

a {
	color: #0066cc;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #10659c;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
   Layout container
   ------------------------------------------------------------------------- */
#container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 25px;
}

#wrapper {
	margin: 20px auto;
	padding: 0 2em;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

#content-full {
	margin: 1em 0;
}

.post-entry {
	clear: both;
}

/* Accessibility: skip link */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 12px 20px;
	background-color: #ffffff;
	color: #0066cc;
}

.skip-link:focus {
	left: 5px;
	top: 5px;
}

/* -------------------------------------------------------------------------
   Header / logo
   ------------------------------------------------------------------------- */
#header {
	margin: 0;
}

#logo {
	margin: 0;
	text-align: center;
}

#logo a {
	display: inline-block;
}

#logo img {
	display: block;
	width: 960px;
	max-width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------
   Primary navigation — dark bar below the logo
   ------------------------------------------------------------------------- */
.main-nav {
	clear: both;
	background-color: #585858;
}

.menu {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu::after {
	content: "";
	display: block;
	clear: both;
}

.menu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.menu a {
	display: block;
	height: 45px;
	padding: 0 0.9em;
	border-left: 1px solid #6a6a6a;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 45px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000;
	white-space: nowrap;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a:hover,
.menu a:focus {
	background-color: #343434;
	color: #f4f2f2;
	text-decoration: none;
}

.menu .current-menu-item > a,
.menu .current_page_item > a {
	background-color: #343434;
}

/* -------------------------------------------------------------------------
   404
   ------------------------------------------------------------------------- */
.title-404 {
	color: #993333;
}

/* -------------------------------------------------------------------------
   Embedded content (e.g. Current Auctions Google Sheet)
   ------------------------------------------------------------------------- */
iframe {
	width: 100%;
	border: 0;
}

/* -------------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------------- */
#footer {
	clear: both;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 25px 30px;
	font-size: 11px;
	line-height: 1.5;
}

#footer a {
	color: #333333;
	font-weight: 400;
}

#footer a:hover {
	color: #444444;
}

.footer-bar {
	display: flex;
	align-items: center;
	gap: 1em;
}

.footer-bar > div {
	flex: 1 1 0;
}

.copyright {
	text-align: left;
}

.scroll-top {
	text-align: center;
}

.scroll-top a {
	display: inline-block;
	font-size: 16px;
}

.powered {
	text-align: right;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media screen and (max-width: 650px) {
	#container {
		padding: 0 1em;
	}

	.menu {
		display: flex;
		flex-wrap: wrap;
	}

	.menu li {
		float: none;
		flex: 1 1 auto;
		text-align: center;
	}

	.menu a {
		border-left: none;
	}

	.footer-bar {
		flex-direction: column;
	}

	.copyright,
	.scroll-top,
	.powered {
		text-align: center;
	}
}