/*
 * Theme option colors recovered from the archived page's inline <style> block.
 * The original stored these in the WP database (theme options); that DB is gone,
 * so the values are reproduced here verbatim from the 2021-12-20 snapshot.
 *   Accent: #00c5fb   Header: #000000   Body font: Arial 13px
 */

/* Logo */
#branding { margin-top: 45px; }

/* Font */
body { font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 13px; line-height: 1.5em; }
h1 { font-size: 25px; line-height: 1.5em; }
h2 { font-size: 23px; line-height: 1.5em; }
h3 { font-size: 21px; line-height: 1.5em; }
h4 { font-size: 19px; line-height: 1.5em; }
h5 { font-size: 17px; line-height: 1.5em; }
h6 { font-size: 15px; line-height: 1.5em; }
#primary-nav { font-size: 14px; }

/* BG Color — accent */
.skill-score,
ul.filter-button-list li a,
.slide-control:hover a.has-sub,
.button-primary,
.stack-callout.bg-dark,
.stack-section-title.bg-dark,
ul.price-list li.row-title,
.stack-callout.bg-light .callout-icon,
.post-content .slide-control a:hover,
.button:hover,
.button.active,
.post-content .img-box .overlay .overlay-mask,
.theme-form input[type="submit"],
.theme-form input[type="submit"]:hover { background-color: #00c5fb; }

/* Color — accent */
a,
.color-scheme,
.dropcap,
header.dark #social-box a,
header.dark #social-box form input,
.stack-callout em,
header.light #primary-nav a:hover,
header.dark #primary-nav ul li a:hover,
.feature-title i,
.widget-title .word1,
.stack-section-title h1 em { color: #00c5fb; }

/* Border */
header.light { border-color: #00c5fb; }

/* Header — the dark bar */
header.dark { background-color: #000000; }
header.dark #social-box a,
header.dark #social-box form input { color: #000000; }

/* ------------------------------------------------------------------
 * Custom CSS recovered from the archived page's inline <style>.
 * The site overrode the theme defaults: black content area, white
 * body text, and no border under the dark header.
 * ------------------------------------------------------------------ */

#content { background: #000; }

body { color: #fff; }

/* screen.css sets `header { border-bottom: 3px solid #f2f2f2 }` and
 * header.dark clears it with `border: none`. Restated here because
 * this file loads after screen.css. */
header.dark { border: none; border-bottom: none; }

/* Keep body copy readable on the black content area. */
#content p,
#content li,
#content .feature-title,
#content .stack-title { color: #fff; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { color: #fff; }

/* ------------------------------------------------------------------
 * Industries Served — the original was a single column of <p> tags in
 * dark-red Tahoma, which read as an undifferentiated list. Laid out
 * here as a responsive grid using the site's cyan accent.
 * ------------------------------------------------------------------ */

.industries-intro {
	max-width: 620px;
	margin: 0 0 28px;
	font-size: 15px;
	line-height: 1.7;
	color: #ccc;
}

ul.industry-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: #1c1c1c;
	border: 1px solid #1c1c1c;
}

ul.industry-grid li {
	margin: 0;
	padding: 14px 18px;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	border-left: 3px solid transparent;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

ul.industry-grid li:hover {
	background: #0d0d0d;
	border-left-color: #00c5fb;
	color: #00c5fb;
}

@media (max-width: 767px) {
	ul.industry-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
	ul.industry-grid { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------------
 * Content rhythm. The recovered copy was extracted as flat text, so
 * paragraphs need their spacing restored, and headings the centered
 * treatment the original used.
 * ------------------------------------------------------------------ */

#content p {
	margin: 0 0 18px;
	line-height: 1.75;
	font-size: 14px;
}

#content p:last-child { margin-bottom: 0; }

#content h1,
#content h2,
#content h3,
#content h4 {
	margin: 34px 0 16px;
	line-height: 1.35;
	font-weight: bold;
}

#content h1:first-child,
#content h2:first-child,
#content h3:first-child,
#content h4:first-child { margin-top: 0; }

#content .has-text-align-center { text-align: center; }

#content a { color: #00c5fb; }
#content a:hover { text-decoration: underline; }

/* Page hero — the original sat in a .span8 column (~600px) rather
 * than spanning the full container width. */
#content figure.page-hero {
	margin: 0 0 28px;
	max-width: 600px;
}

#content figure.page-hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* Give the page body some breathing room from the title band. */
#content .stack-page-content { padding-top: 30px; }