/* Barton Effects v2 - full-screen sections, entrance fades, indicator dots.
   Snap scrolling itself is the JS wheel hijack in effects.js (like the original
   site), NOT CSS scroll-snap. */

/* Full-screen sections from tablet up, like the original .slide-row */
@media (min-width: 768px) {
	[data-elementor-type="wp-page"] > .e-con,
	[data-elementor-type="wp-page"] > .elementor-section {
		min-height: 100vh;
	}
}

/* Fixed header on desktop: visible over the hero at the top, slides up and
   away once you scroll past it (original header transition: .65s). effects.js
   adds body padding-top to compensate. */
@media (min-width: 1024px) {
	.bcs-header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		transition: transform .65s ease;
	}
	.bcs-header-fixed.bcs-header-away {
		transform: translateY(-100%);
	}
}

/* Right-side section indicator rail (original .row-nav/.row-dots) */
.bcs-dots {
	display: none;
}
@media (min-width: 1024px) {
	.bcs-dots {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
		display: flex;
		flex-direction: column;
		gap: 18px;
		padding: 22px 16px;
		background: rgba(242, 242, 242, 0.88);
		border-radius: 3px 0 0 3px;
		box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.18);
	}
	/* `all: unset` + !important shields the dots from the theme/kit button styles */
	.bcs-dots .bcs-dot {
		all: unset;
		box-sizing: border-box;
		display: block;
		width: 11px !important;
		height: 11px !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 50% !important;
		background: #00406e !important;
		opacity: 0.45;
		cursor: pointer;
		transition: opacity .25s ease, transform .25s ease;
	}
	.bcs-dots .bcs-dot:hover {
		opacity: 0.8;
	}
	.bcs-dots .bcs-dot.bcs-dot-active {
		opacity: 1;
		transform: scale(1.45);
	}
}

/* ---- Home "About Us" band: match the original site's design ----
   (element-id keyed: rebuilt if this section is ever re-created in Elementor)
   Original: left-positioned narrow block, big title-case heading with white
   underline, ~20px body, light navy tint with the photo showing through. */
[data-id="05f0470"] {
	background-color: rgba(0, 34, 59, 0.45) !important;
}
[data-id="12787ea"] {
	max-width: 620px !important;
	margin-left: 8% !important;
	margin-right: auto !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
[data-id="6c98d43"] {
	text-transform: none !important;
	font-size: 56px !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
}
[data-id="6c98d43"]::after {
	content: "";
	display: block;
	width: 180px;
	height: 2px;
	background: #fff;
	margin-top: 14px;
}
[data-id="ef7ac14"],
[data-id="95cffc6"],
[data-id="028f446"] {
	font-size: 20px !important;
	line-height: 1.6 !important;
}
@media (max-width: 767px) {
	[data-id="12787ea"] {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	[data-id="6c98d43"] {
		font-size: 36px !important;
	}
	[data-id="ef7ac14"],
	[data-id="95cffc6"],
	[data-id="028f446"] {
		font-size: 17px !important;
	}
}

/* Entrance fades: children of a section start hidden, animate in when the
   section enters the viewport (JS adds .bcs-in). Staggered like the original
   data-delay chain. */
@media (prefers-reduced-motion: no-preference) {
	[data-elementor-type="wp-page"] .bcs-fade-target > * {
		opacity: 0;
		transform: translateY(24px);
		transition: opacity .85s ease, transform .85s ease;
	}
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > * {
		opacity: 1;
		transform: none;
	}
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > *:nth-child(2) { transition-delay: .25s; }
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > *:nth-child(3) { transition-delay: .5s; }
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > *:nth-child(4) { transition-delay: .75s; }
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > *:nth-child(5) { transition-delay: 1s; }
	[data-elementor-type="wp-page"] .bcs-fade-target.bcs-in > *:nth-child(n+6) { transition-delay: 1.2s; }
}