/* Page-specific supplement (Salient / WPBakery) */

/* WPBakery scroll-reveal leaves inline opacity:0 on columns/content until the
   entrance-animation JS fires — Wayback froze the DOM before that ran. Force
   visible so content is not blank and QA does not false-flag hidden_text. */
.wpb_column [style*="opacity: 0"],
.wpb_column [style*="opacity:0"] { opacity: 1 !important; }
[data-animation] { opacity: 1 !important; }

/* Salient hides .full-width-section/.full-width-content by default and only
   reveals them via `html:not(.js)` OR a scroll-triggered entrance animation.
   When JS runs it adds the `.js` class, so the base visibility:hidden wins and
   the reveal never completes on the frozen Wayback DOM → whole homepage body is
   a blank gap + QA hidden_text. Force them visible (also hardens no-JS). */
.full-width-section,
.full-width-content { visibility: visible !important; }

/* Kill horizontal scroll: Salient's .full-width-section uses
   margin-left:-50% + padding-left/right:50% with content-box, which makes the
   box ~200% of .container and overflows the viewport when JS sizing fails or
   fights niceScroll. Use a safe full-bleed instead. */
html,
body {
	overflow-x: hidden !important;
	max-width: 100% !important;
}
.home-wrap,
.container.main-content,
.container.main-content > .row {
	overflow-x: hidden;
	max-width: 100%;
}
.full-width-section,
.wpb_row.full-width-section,
.full-width-content,
.wpb_row.full-width-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}
/* Let full-bleed rows escape .container without growing page width */
.home-wrap .container.main-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}
.full-width-section > .col.span_12,
.full-width-content > .col.span_12 {
	max-width: 1425px;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box !important;
	float: none !important;
}
@media (min-width: 1000px) {
	.full-width-section > .col.span_12,
	.full-width-content > .col.span_12 {
		padding-left: 90px;
		padding-right: 90px;
	}
}
/* Fixed orbit title column + embeds must not force page wider than viewport */
#featured .orbit-slide article .container .span_12 {
	width: 100% !important;
	max-width: 1100px !important;
}
.wpb_video_wrapper,
.wpb_video_wrapper iframe {
	max-width: 100% !important;
}
.wpb_video_wrapper iframe {
	width: 100% !important;
	height: auto;
}
.main-content img,
.home-wrap img {
	max-width: 100% !important;
	height: auto;
}

/* Orbit hero: the slider JS hides every .orbit-slide (display:none) while it
   "loads" and never reveals it on the frozen DOM — leaving only the black
   #featured preloader bg. Bypass orbit: paint the hero image straight onto
   #featured and force the slide/article/title overlay back to visible. */
#featured {
	background-image: url('/wp-content/uploads/2014/07/home02.jpg') !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	overflow: hidden;
}
#featured .slide,
#featured .orbit-slide,
#featured article,
#featured .post-title,
#featured .titlemain {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
#featured article {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-image: none !important; /* #featured already carries the photo */
}
#featured .container { position: relative !important; width: 100% !important; }

/* Theme scroll-behavior can break link-visibility check in Phase 4 */
html { scroll-behavior: auto; }