/* Shared site chrome (header, nav and footer) — extracted verbatim from the
   original FrontPage/Fireworks pages, where these rules were identical on
   every page. Page-specific .styleNN rules stay in their own view. */

.style14 {
	border-color: #ffffff;
	border-width: 0;
}
.style17 {
	border: 0 solid #59738E;
	background-color: #59738E;
}
.style26 {
	font-size: x-large;
	font-family: Arial;
	text-align: right;
}
.style27 {
	text-align: center;
	color: #FFFFFF;
	background-color: #526B86;
}
.style28 {
	color: #FFFFFF;
}
.style29 {
	text-decoration: none;
}
.style30 {
	background-color: #526B86;
}

/* Feedback shown above the quote request form on the contact page. */
.form-status {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 8px 10px;
	margin-bottom: 10px;
	width: 424px;
	box-sizing: border-box;
}
.form-status--ok {
	color: #14532d;
	background-color: #e6f4ea;
	border: 1px solid #14532d;
}
.form-status--error {
	color: #7f1d1d;
	background-color: #fdeaea;
	border: 1px solid #7f1d1d;
}

/* ---------------------------------------------------------------------------
   Masthead

   The logo and strapline used to be two slices of one Fireworks picture. They
   are real text now, laid into the same two table cells at the same sizes so
   the sliced menu underneath still lines up. The white band behind them comes
   from the page background image, so these need no background of their own.
   --------------------------------------------------------------------------- */

td.masthead-cell {
	vertical-align: top;
	padding: 0;
}

.masthead-logo,
.masthead-strapline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
}

.masthead-logo {
	align-items: center;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 10px;
}

.masthead-gears {
	display: block;
	width: 54%;
	max-width: 92px;
	height: auto;
	margin: 0 auto 2px;
}

.masthead-gears-link {
	fill: none;
	stroke: #F0821E;
	stroke-width: 1.15;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* The wordmark and the small word beneath it share one navy-to-blue wash, the
   way the original artwork ran dark on the left into bright blue on the right. */
.masthead-logo-text,
.masthead-logo-sub {
	/* The original wordmark was a heavy condensed grotesque. Franklin Gothic
	   Heavy is the closest thing shipped with Windows, Arial Black the closest
	   that also exists on macOS. */
	font-family: "Franklin Gothic Heavy", "Arial Black", "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #1D3F8F;
	background: linear-gradient(90deg, #1D3F8F 0%, #24529F 40%, #29ABE2 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.masthead-logo-text {
	line-height: 1;
	letter-spacing: 0.5px;
}

.masthead-logo-sub {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 7px;
	/* letter-spacing pads the right edge; pull it back to stay centred */
	text-indent: 7px;
}

.masthead-logo-rule {
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 4px;
	background: linear-gradient(90deg, #1D3F8F 0%, #24529F 40%, #29ABE2 100%);
}

/* Older engines ignore background-clip on text and would paint the block colour
   over the letters; keep them solid navy instead. */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.masthead-logo-text,
	.masthead-logo-sub {
		background: none;
		color: #1D3F8F;
	}
}

.masthead-strapline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
}

.masthead-logo {
	align-items: center;
	text-align: center;
	text-decoration: none;
	padding: 0 8px 12px;
}

.masthead-logo-text {
	font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
	font-weight: bold;
	line-height: 1.05;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #1D4489;
	/* the original wordmark ran navy into a lighter blue */
	background: linear-gradient(90deg, #1D4489 0%, #24529F 45%, #0C86CF 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Older engines ignore background-clip on text and would render the block
   colour instead; keep the solid navy for them. */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.masthead-logo-text {
		background: none;
		color: #1D4489;
	}
}

.masthead-strapline {
	align-items: flex-start;
	padding: 0 0 18px 8px;
}

.masthead-strapline-lead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.15;
	color: #6E6E6E;
}

.masthead-strapline-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: #6E6E6E;
}