.sf_extra3 { background-image: url(images/legacy/bg_fabq.png);
 }
body { background-color:#000000; }
.sf_main_header { color:#FFFFFF; }
.sf_sub_header { color:#None; }
.sf_pagetitle { color:#FFFFFF; }
.sf_footer { color:#95C159; }
.sf_main { background-color:#None; }
.sf_region3 { background-color:#None; }
.sf_navigation { background-color:#None; }
.sf_navigation ul li { background-color:#None; }
.sf_navigation ul li a { color:#EDEDED; }
.sf_navigation ul li a { background-color:#None; }
.sf_navigation ul li a:visited { color:#EDEDED; }
.sf_navigation ul li a:hover { color:#FF0000; }
.sf_navigation ul li a:hover { background-color:#None; }
a { color:#F8931E; }
a:link { color:#F8931E; }
a:visited { color:#F8931E; }
a:hover { color:#FFFFFF; }
body#page_e2f07d25-df4d-4893-b323-4371939de6ea div#content3 { width:31.36%; }
body#page_e2f07d25-df4d-4893-b323-4371939de6ea div#content2 { width:94.24%; padding-top:250px; }
body#page_e2f07d25-df4d-4893-b323-4371939de6ea div#content1 { width:47.73%; }
body#page_afd6efe8-e5aa-4989-82e7-1aa5dea44688 div#content1 { width:95%; }
body#page_922e7773-8cc5-4e73-a594-4118167bd200 div#content1 { width:95%; }
body#page_e2f07d25-df4d-4893-b323-4371939de6ea .sf_extra3 { background-image: url(images/legacy/bg_izpz.png);
 }
body#page_a5095d99-4293-409f-b369-171c0b04b11f .sf_extra3 { background-image: url(images/legacy/bg_6fcf.png);
 }
body#page_922e7773-8cc5-4e73-a594-4118167bd200 .sf_extra3 { background-image: url(images/1eb12151a382f4bb646ae3aa92adbb6c.jpg); background-size: cover; background-position: center; }
body#page_70fdc07d-843c-42ec-99bb-31248c921867 div#content1 { width:95%; }
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form {
	margin-top: 1.5em;
	max-width: 36em;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form .form-field {
	margin: 0 0 1em 0;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form label {
	display: block;
	color: #EDEDED;
	font-weight: bold;
	margin-bottom: 0.25em;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form .required {
	color: #F8931E;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form input[type="text"],
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form input[type="email"],
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form input[type="tel"],
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.4em 0.5em;
	border: 1px solid #a5acb2;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form textarea {
	resize: vertical;
	min-height: 6em;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form .form-actions {
	margin-top: 1.25em;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form button[type="submit"] {
	padding: 0.5em 1.5em;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #F8931E;
	border: 1px solid #c97410;
	cursor: pointer;
}
body#page_70fdc07d-843c-42ec-99bb-31248c921867 .contact-form button[type="submit"]:hover {
	background-color: #ff9f2e;
}

/* Skip navigation link — hidden until focused */
.skip-nav {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skip-nav:focus {
	position: fixed;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 0.5em 1em;
	background: #F8931E;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	z-index: 9999999;
	outline: none;
}

/* Focus indicators for all interactive elements */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #F8931E;
	outline-offset: 2px;
}

/* ============================================================
   Mobile responsiveness
   The GoDaddy template hardcodes everything to 897px. These
   rules cap the shell to a fluid width and, on small screens,
   unstack the floated sidebar/content columns. CSS-only — no
   markup changes.
   ============================================================ */

/* 1. Fluid shell: cap at the original width instead of locking it.
   The wrapper has 14px of horizontal padding, so its cap is 897 + 28 =
   925px; with box-sizing:border-box that yields a 897px content area on
   desktop (matching the 897px-wide background images and the original
   layout) while staying within the viewport on phones. */
.sf_outer_wrapper,
.sf_region1,
.sf_extra2,
.sf_extra3,
.sf_extra4,
.sf_footer {
	width: 100%;
	max-width: 925px;
	box-sizing: border-box;
}

/* 2. Stack the layout on phones/small tablets. */
@media (max-width: 768px) {
	/* The nav lives in a floated, fixed-width region. Un-float the whole
	   chain so it spans the full width and the content can stack below. */
	.sf_region4 {
		float: none;
		width: 100%;
		clear: both;
	}
	.sf_navigation,
	.sf_navigation ul,
	.sf_navigation ul li,
	.sf_navigation .widget_content {
		float: none !important;
		width: auto !important;
		background-image: none;
	}

	/* Bigger tap targets for the top-level nav links. */
	.sf_navigation ul li {
		padding: 0 !important;
		border-bottom: 1px solid #242424;
	}
	.sf_navigation ul li a {
		padding: 14px 16px !important;
		font-size: 16px !important;
	}

	/* The submenu is a hover flyout positioned off-screen (left:-999em),
	   which is unusable on touch. Bring it inline and indent it so the
	   sub-pages are always reachable by tap. */
	.sf_navigation .subnav {
		position: static !important;
		left: auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: #1a1a1a !important;
	}
	.sf_navigation .subnav li {
		float: none !important;
		width: auto !important;
	}
	.sf_navigation .subnav li a {
		padding: 12px 16px 12px 32px !important;
		font-size: 15px !important;
	}

	/* Page title and content were floated right at fixed widths. */
	.sf_pagetitle,
	.sf_content {
		float: none;
		width: auto;
		margin: 0 16px 10px 16px;
	}

	/* Some page titles (e.g. Contact) use an inline display:flex header
	   with white-space:nowrap spans that can't fit a phone. Let them
	   stack and wrap. !important beats the inline styles. */
	.sf_pagetitle h1 {
		display: block !important;
	}
	.sf_pagetitle span {
		white-space: normal !important;
	}

	/* Content columns stack full-width. The !important overrides the
	   per-page width/padding rules above (used to clear desktop overlays). */
	div#content1,
	div#content2,
	div#content3 {
		float: none !important;
		width: auto !important;
		padding-top: 0 !important;
	}

	/* Homepage "undocked" overlays are absolutely positioned at fixed
	   pixel offsets (inline styles) and overflow the viewport. Flatten
	   them so they flow inline and stack. !important beats inline styles. */
	.sf_undocked,
	.sf_undocked div {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
	}

	/* Images shouldn't exceed the viewport (e.g. the 673px project photo). */
	.sf_content img,
	.sf_undocked img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* ---- Step 4: scale the fixed-width (897px) background images ----
	   The header plate, hero banner, and footer images are sized for a
	   897px column. Without scaling they show only their left ~375px on
	   a phone. Cover them and center so they fill the narrower width. */
	.sf_region1 {
		background-size: cover;
		background-position: center;
	}
	.sf_extra3 {
		background-size: cover !important;
		background-position: center !important;
		height: 140px;
	}
	.sf_footer {
		background-size: 100% auto;
	}

	/* ---- Step 6: readability + avoid iOS zoom-on-focus ----
	   Bump body/content text up from 14/12px. Form fields must be >=16px
	   or iOS Safari auto-zooms when they're focused. */
	body {
		font-size: 16px;
	}
	.sf_content {
		font-size: 16px;
	}
	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="tel"],
	.contact-form textarea {
		font-size: 16px !important;
	}
}