/*
	Berks Data - Custom Overrides
	Custom styling for Berks Data website
	Overrides Phantom template defaults
*/

/* ===== HEADER SPACING ===== */

/* Reduce header top padding - template default was 8em! */
#header {
	padding: 1.5em 0 0.1em 0 !important;
}

#header .logo {
	margin: 0 0 1.5em 0 !important;
}

@media screen and (max-width: 736px) {
	#header {
		padding: 1em 0 0.1em 0 !important;
	}

	#header .logo {
		margin: 0 0 1em 0 !important;
	}
}

/* ===== MAIN CONTENT SPACING ===== */

/* Make content area wider and reduce vertical spacing */
#main .inner {
	max-width: 90% !important;
	padding: 2em 0 1em 0 !important;
}

/* Reduce h1 and paragraph spacing */
#main .inner h1 {
	margin: 0 0 0.75em 0 !important;
	font-size: 2.5em !important;
}

#main .inner > p {
	margin: 0 0 1.5em 0 !important;
}

/* ===== TYPOGRAPHY IMPROVEMENTS ===== */

/* Override body text color and weight for better readability */
/* Now loading weights 300, 400, 500, 600, 700, 900 */
body {
	color: #333333 !important;
	font-weight: 550 !important;
}

/* Make all paragraph text dark gray with custom weight (550) */
p,
body p,
#main p,
header p,
.inner p,
div p {
	color: #333333 !important;
	font-weight: 550 !important;
}

/* Apply same weight to labels */
label {
	color: #333333 !important;
	font-weight: 550 !important;
}

/* ===== TILE OVERLAY IMPROVEMENTS ===== */

/* Make tile overlay less translucent for better text readability */
body:not(.is-touch) .tiles article:hover > .image:before {
	opacity: 0.85 !important;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */

@media screen and (max-width: 736px) {
	#main .inner h1 {
		font-size: 2em !important;
	}
}