/*
 * Ungar Law Office base layer.
 *
 * Normalize and Skeleton provide the reset, grid, typography, and controls.
 * This file contains only the shared tokens and WordPress primitives required
 * by the current ULO component system in ulo-custom.css.
 */

:root {
	--color-gold: #7a4423;
	--color-gold-rgb: 122, 68, 35;
	--color-copper-display: #a96535;
	--color-copper-action: #a36735;
	--color-copper-light: #e3bb94;
	--color-charcoal: #3f403f;
	--color-white: #fff;
	--color-cream: #f2efe8;
	--color-cream-warm: #f2efe8;
	--color-light-gray: #fbfbfb;
	--color-dark: #242625;
}

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

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

.band {
	margin: 0;
	padding: 0;
}

.white-band {
	background: var(--color-white);
}

.light-gray-band {
	background: var(--color-light-gray);
}

.ecru-band {
	background: var(--color-cream);
}

.main-content {
	padding: 70px 0;
}

.no-hero {
	margin-top: 84px;
}

.mobile-only {
	display: none;
}

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

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

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

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

.wp-caption-text {
	margin-top: 8px;
	color: #666;
	font-size: 0.8rem;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.main-content {
		padding: 50px 0;
	}

	.mobile-only {
		display: block;
	}

	.alignleft,
	.alignright {
		float: none;
		margin: 0 0 20px;
	}
}