/* DeKalb Commerce Center draft — page 178 / page-dcc-draft.php ONLY.
   Layout comes from existing CWBC homepage styles (.page-hero, sections, footer).
   This file keeps: DCC header (approved), page isolation, and orange accents. */

   .page-template-page-dcc-draft {
	--dcc-orange: #DF5829;
	--dcc-orange-hover: #c44b22;
	--dcc-charcoal: #32333C;
	--dcc-elevated: #393C45;
	--dcc-white: #FFFFFF;
}

/* Hide global CWBC navbar/search on page 178. header.php untouched. */
.page-template-page-dcc-draft #page_navbar,
.page-template-page-dcc-draft #search_bar {
	display: none !important;
}

/* =========================================================
   DCC HEADER — approved; do not change geometry without review.
   ========================================================= */

.page-template-page-dcc-draft .dcc-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	background-color: var(--dcc-charcoal);
	max-width: 1800px;
	margin: 0 auto;
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}

.admin-bar.page-template-page-dcc-draft .dcc-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar.page-template-page-dcc-draft .dcc-header {
		top: 46px;
	}
}

.page-template-page-dcc-draft .dcc-header__utility {
	position: relative;
	z-index: 2;
	height: 36px;
	background-color: var(--dcc-charcoal);
	border-bottom: 1px solid var(--dcc-elevated);
}

.page-template-page-dcc-draft .dcc-header__utility .container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 36px;
}

.page-template-page-dcc-draft .dcc-header__utility-nav {
	display: flex;
	align-items: center;
	gap: 8px;
}

.page-template-page-dcc-draft .dcc-header__utility-link,
.page-template-page-dcc-draft .dcc-header__utility-sep {
	color: var(--dcc-white);
	font-family: Sarabun, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.page-template-page-dcc-draft .dcc-header__utility-sep {
	opacity: 0.85;
}

.page-template-page-dcc-draft .dcc-header__utility-link:hover {
	color: var(--dcc-white);
	opacity: 0.85;
}

.page-template-page-dcc-draft .dcc-header__bar {
	height: 80px;
	background-color: var(--dcc-charcoal);
}

.page-template-page-dcc-draft .dcc-header__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
}

.page-template-page-dcc-draft .dcc-header__logo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 0;
	max-width: none;
}

.page-template-page-dcc-draft .dcc-header .dcc-header__logo-img {
	display: block;
	width: auto;
	height: 56px;
	max-width: none;
}

.page-template-page-dcc-draft .dcc-header__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.page-template-page-dcc-draft .dcc-header__brochure {
	display: inline-flex;
	align-items: center;
	padding: 16px 22px;
	color: var(--dcc-white);
	font-family: Sarabun, sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.page-template-page-dcc-draft .dcc-header__brochure:hover {
	color: var(--dcc-white);
	opacity: 0.85;
}

.page-template-page-dcc-draft .dcc-header__cta {
	display: inline-block !important;
	margin-left: 20px;
	padding: 13px 22px;
	background-color: var(--dcc-orange);
	border: 2px solid var(--dcc-orange);
	color: var(--dcc-white);
	font-family: Sarabun, sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 17px;
	text-decoration: none;
	border-radius: 0;
}

.page-template-page-dcc-draft .dcc-header__cta svg {
	margin-left: 5px;
	vertical-align: -3px;
}

.page-template-page-dcc-draft .dcc-header__cta:hover {
	background-color: transparent;
	border-color: var(--dcc-white);
	color: var(--dcc-white);
}

@media (max-width: 1199px) {
	.page-template-page-dcc-draft .dcc-header .dcc-header__logo-img {
		width: 280px;
		height: auto;
	}
}

/* Hamburger + mobile panel — desktop hidden; mirrors CWBC .navbar-toggler geometry. */
.page-template-page-dcc-draft .dcc-header__toggle-wrap {
	display: none;
}

.page-template-page-dcc-draft .dcc-header__mobile-nav {
	display: none;
}

.page-template-page-dcc-draft .dcc-header__toggler {
	appearance: none;
	border: none;
	padding: 0;
	border-radius: 0;
	background: transparent;
	width: 32px;
	height: 26px;
	cursor: pointer;
}

.page-template-page-dcc-draft .dcc-header__toggler .inner-nav-toggle {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
}

.page-template-page-dcc-draft .dcc-header__toggler .inner-nav-toggle span {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 2px;
	background-color: #fff;
	transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease;
}

.page-template-page-dcc-draft .dcc-header__toggler .inner-nav-toggle span:first-of-type {
	top: 22px;
	opacity: 0;
}

.page-template-page-dcc-draft .dcc-header__toggler .inner-nav-toggle span:nth-child(2) {
	top: 11px;
	transform: rotate(45deg);
}

.page-template-page-dcc-draft .dcc-header__toggler .inner-nav-toggle span:last-of-type {
	top: 11px;
	transform: rotate(-45deg);
}

.page-template-page-dcc-draft .dcc-header__toggler.collapsed .inner-nav-toggle span:first-of-type {
	top: 0;
	opacity: 1;
}

.page-template-page-dcc-draft .dcc-header__toggler.collapsed .inner-nav-toggle span:nth-child(2) {
	top: 11px;
	transform: rotate(0);
}

.page-template-page-dcc-draft .dcc-header__toggler.collapsed .inner-nav-toggle span:last-of-type {
	top: 22px;
	transform: rotate(0);
}

@media (max-width: 991px) {
	.page-template-page-dcc-draft .dcc-header__utility {
		display: none;
	}

	.page-template-page-dcc-draft .dcc-header__bar {
		height: 80px;
		position: relative;
	}

	.page-template-page-dcc-draft .dcc-header__row {
		position: relative;
		height: 80px;
		flex-wrap: nowrap;
		gap: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Closer to CWBC responsive logo scale (~300px brand column); keep clear of hamburger. */
	.page-template-page-dcc-draft .dcc-header .dcc-header__logo-img {
		width: 260px;
		height: auto;
		max-width: calc(100vw - 96px);
	}

	.page-template-page-dcc-draft .dcc-header__actions {
		display: none !important;
	}

	.page-template-page-dcc-draft .dcc-header__toggle-wrap {
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-nav {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 80px;
		z-index: 15;
		background-color: var(--dcc-charcoal);
		box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
		padding: 0 12px 28px;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-nav.collapse,
	.page-template-page-dcc-draft .dcc-header__mobile-nav[hidden] {
		display: none !important;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-menu {
		list-style: none !important;
		margin: 0 auto !important;
		padding: 30px 0 0 !important;
		padding-left: 0 !important;
		max-width: 720px;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-menu > li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 0 !important;
	}

	/* BugHerd #6 — gray separators between hamburger items (not after final CTA). */
	.page-template-page-dcc-draft .dcc-header__mobile-menu > li:not(:last-child) {
		border-bottom: 1px solid #3a3c44;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-menu > li::marker {
		content: "" !important;
	}

	/* Kill global freycore ◆ bullets (ul li:not(.menu-item)::before). */
	.page-template-page-dcc-draft .dcc-header__mobile-menu > li::before {
		content: none !important;
		display: none !important;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-link {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		padding: 16px 0;
		color: var(--dcc-white);
		font-family: Sarabun, sans-serif;
		font-size: 17px;
		font-weight: 700;
		line-height: 1;
		text-decoration: none;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-link svg {
		display: block;
		flex: 0 0 auto;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-link:hover {
		color: var(--dcc-white);
		opacity: 0.85;
	}

	/* BugHerd #6 (reopened) — separator line above the CTA button too. */
	.page-template-page-dcc-draft .dcc-header__mobile-cta {
		margin-top: 20px;
		padding-top: 16px;
		border-top: 1px solid #3a3c44;
	}

	.page-template-page-dcc-draft .dcc-header__mobile-cta .dcc-header__cta {
		margin-left: 0;
		display: inline-block !important;
	}
}

@media (max-width: 767px) {
	.page-template-page-dcc-draft .dcc-header__mobile-menu {
		max-width: 540px;
	}
}

@media (max-width: 575px) {
	.page-template-page-dcc-draft .dcc-header__mobile-nav {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* Clear fixed DCC header (36 + 80). */
.page-template-page-dcc-draft .page-hero {
	margin-top: 116px;
}

@media (max-width: 991px) {
	/* Utility hidden — bar only (CWBC-like ~80px). */
	.page-template-page-dcc-draft .page-hero {
		margin-top: 80px;
	}
}

/* =========================================================
   HERO
   ========================================================= */

.page-template-page-dcc-draft .page-hero .dcc-hero__logo {
	position: absolute;
	top: 239px;
	left: 880px;
	z-index: 2;
	width: 351px;
	height: auto;
	margin: 0;
	padding: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
	line-height: 0;
}

.page-template-page-dcc-draft .page-hero .dcc-hero__logo-img,
.page-template-page-dcc-draft .page-hero .dcc-hero__logo img {
	display: block;
	width: 351px;
	height: auto;
	max-width: none;
}

.page-template-page-dcc-draft .page-hero .overlay {
	height: 210px;
	z-index: 2;
	/* Soft fade only — translucent, never an opaque band. Flush to hero bottom. */
	bottom: 0;
	background: linear-gradient(
		0deg,
		rgba(227, 228, 230, 0.22) 0%,
		rgba(227, 228, 230, 0.1) 50%,
		rgba(227, 228, 230, 0) 100%
	);
}

/* Standalone mobile card — hidden on desktop; shown only <992 in flow above image. */
.page-template-page-dcc-draft .dcc-hero__mobile-card {
	display: none;
}

/* BugHerd #2 (reopened) — nudge card group further up + left (clears left arrow, less top gap). */
.page-template-page-dcc-draft .page-hero .background-image::before {
	content: "" !important;
	position: absolute !important;
	left: 116px !important;
	top: 64px !important;
	z-index: 4 !important;
	width: 390px !important;
	height: 268px !important; /* was 248px — more clean bottom breathing room under the copy */
	box-sizing: border-box !important;
	border-top: 3px solid #DF5829 !important;
	background: linear-gradient(
		90deg,
		rgba(50, 51, 60, 0.72) 0%,
		rgba(50, 51, 60, 0.60) 55%,
		rgba(50, 51, 60, 0.48) 100%
	) !important;
	pointer-events: none !important;
}

.page-template-page-dcc-draft .page-hero .background-image::after {
	content: "114 Acres of\A Shovel Ready\A Land" !important;
	white-space: pre !important;
	position: absolute !important;
	left: 144px !important;
	top: 92px !important;
	z-index: 5 !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: termina, sans-serif !important;
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	pointer-events: none !important;
}

/* BugHerd #12 — copy matches the below-hero body paragraph size (17px/28px). */
.page-template-page-dcc-draft .page-hero .background-image .swiper-image::after {
	content: "Flexibility for industrial, commercial, retail\A and hospitality development" !important;
	white-space: pre !important;
	position: absolute !important;
	left: 144px !important;
	top: 240px !important;
	z-index: 5 !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: Sarabun, sans-serif !important;
	font-size: 17px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
	pointer-events: none !important;
}

/* #slide-2 — Pilot / ChicagoWest map (same card copy as default / XD) */
.page-template-page-dcc-draft .page-hero:has(.swiper-slide[data-hash="slide-2"].swiper-slide-active) .background-image::after {
	content: "114 Acres of\A Shovel Ready\A Land" !important;
}

.page-template-page-dcc-draft .page-hero:has(.swiper-slide[data-hash="slide-2"].swiper-slide-active) .background-image .swiper-image::after {
	content: "Flexibility for industrial, commercial, retail\A and hospitality development" !important;
}

/* #slide-3 — detailed green site plan.
 * Single-line headline: pull body up so it stacks under Phase I (XD),
 * not at the 3-line "114 Acres" body slot. */
.page-template-page-dcc-draft .page-hero:has(.swiper-slide[data-hash="slide-3"].swiper-slide-active) .background-image::after {
	content: "Phase I" !important;
}

.page-template-page-dcc-draft .page-hero:has(.swiper-slide[data-hash="slide-3"].swiper-slide-active) .background-image .swiper-image::after {
	content: "Includes infrastructure, public right-of-way,\A utilities and Pilot Travel Center" !important;
	top: 152px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.page-template-page-dcc-draft .page-hero .background-image::before {
		left: 92px !important;
		top: 62px !important;
		width: 320px !important;
		height: 258px !important; /* was 230px — the copy was almost touching the bottom edge here */
	}

	.page-template-page-dcc-draft .page-hero .background-image::after {
		left: 116px !important;
		top: 88px !important;
		font-size: 32px !important;
		line-height: 40px !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image::after {
		left: 116px !important;
		top: 222px !important;
	}
}

/*
 * BugHerd #3 — extend framing so master-plan slides are not cropped.
 * Image aspect (~12500/6667) drives height; contain (not cover).
 */
.page-template-page-dcc-draft .page-hero,
.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner {
	height: auto;
}

@media (min-width: 992px) {
	/*
	 * Reproduces the ChicagoWest Home reference model instead of masking the
	 * mismatch: no independent fixed/min height fighting the image. Hero
	 * height is driven purely by the actual rendered (object-fit:contain)
	 * image height at every width, so hero bottom == image bottom always,
	 * exactly like Home's cover+fixed-height combo guarantees. No filler
	 * background-color needed — the image itself fully occupies the hero.
	 */
	.page-template-page-dcc-draft .page-hero {
		height: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image {
		height: auto !important;
		min-height: 0 !important;
	}

	/*
	 * STRUCTURAL FIX (replaces the old JS-dependent height chain):
	 *
	 * Previously .swiper-image's height was `auto`, which meant it was
	 * computed from its children all the way down to img { width:100%;
	 * height:auto }. That "100%" was 100% of .slide-inner, which is 100%
	 * of .swiper-slide — and .swiper-slide's width is NOT a CSS
	 * percentage, it's an explicit inline pixel value Swiper's JS sets
	 * for the horizontal-sliding mechanism (e.g. `style="width: 1450px"`).
	 * So the image's rendered height, and therefore the ENTIRE hero's
	 * height (and .titles's bottom position, which is correctly
	 * `position:absolute; bottom:0` relative to .page-hero already), was
	 * only correct once Swiper's JS had run and that inline width was in
	 * sync with the live viewport. During a continuous drag it's stale
	 * between JS updates, so the hero bottom / tabs lagged — a real
	 * architectural gap, not a resize-event-timing problem.
	 *
	 * Fix: pin .swiper-image's height via `aspect-ratio` computed from
	 * ITS OWN width, which is 100% of .page-hero — a plain CSS
	 * percentage, continuously live during resize with zero JS
	 * involvement, ever. All 3 hero slides share the exact same
	 * intrinsic image ratio (2560×1365 — DCC-Master-Plan-Hero-1/2/3.jpg),
	 * so one static ratio covers every slide. Every element below it
	 * (.swiper-wrapper / .swiper-slide / .slide-inner / img) now simply
	 * fills that already-fixed box with height:100%, instead of
	 * height:auto computing height FROM the (possibly-stale) JS width.
	 * Swiper's own slide width is still JS-driven for horizontal sliding
	 * — that's necessary and fine — it just no longer has any bearing on
	 * the hero's VERTICAL size, which is what the tabs' bottom position
	 * depends on. Result: gap between hero bottom and tabs bottom stays
	 * 0px continuously through an entire live drag, no JS needed.
	 */
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image {
		aspect-ratio: 2560 / 1365 !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-slide,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner {
		height: 100% !important;
		min-height: 0 !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner img.objectfit,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner img {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
	}
}

/* =========================================================
   HERO TAB STRIP
   ========================================================= */

.page-template-page-dcc-draft .page-hero .titles {
	bottom: 0;
	z-index: 3;
}

@media (min-width: 992px) {
	/*
	 * Explicit, self-contained desktop rule (992px and up only). Does not rely on
	 * the shared base stylesheet's .page-hero .titles{position:absolute} — pinned
	 * here directly so the 3-column tab strip stays anchored to the hero bottom,
	 * on top of the hero image, at every desktop width from 992px to 1440px+.
	 * No 1200/1100/1024/767 breakpoints are introduced. Mobile (<=991px) is
	 * untouched — the shared stylesheet's max-width:991px rule still applies.
	 */
	.page-template-page-dcc-draft .page-hero .titles {
		position: absolute !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 3 !important;
	}
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control .slide-content-inner {
	color: #9597a1;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control *,
.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control p {
	color: #9597a1;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active .slide-content-inner {
	color: #32333c;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active *,
.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active p {
	color: #32333c;
}

.page-template-page-dcc-draft .page-hero .titles .row.align-items-end {
	align-items: stretch !important;
	min-height: 124px;
}

/*
 * BugHerd #7 — no hard "height" cap here (only a floor via min-height).
 * The row's align-items:stretch then grows all 3 columns to match the
 * tallest column's real content height (e.g. the longer "Pilot Travel
 * Center…" copy), so text never overflows past the hero bottom into the
 * white Overview section while narrowing the viewport.
 */
.page-template-page-dcc-draft .page-hero .titles .slide-title {
	display: flex;
	align-items: stretch;
	min-height: 124px;
}

.page-template-page-dcc-draft .page-hero .titles .slide-content {
	display: flex;
	width: 100%;
	height: 100%;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control {
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 124px;
	padding: 20px 0 20px 20px;
	border-left: 2px solid #77787B;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active {
	border-left: 2px solid #DF5829;
}

.page-template-page-dcc-draft .page-hero .titles .container {
	padding-right: 156px;
}

.page-template-page-dcc-draft .page-hero .titles .dcc-hero__badge {
	position: absolute;
	right: 36px;
	bottom: 14px;
	top: auto;
	left: auto;
	z-index: 4;
	width: 120px;
	height: 120px;
	margin: 0;
	padding: 0;
	pointer-events: none;
	transform: none;
}

.page-template-page-dcc-draft .page-hero .titles .dcc-hero__badge img {
	display: block;
	width: 100%;
	height: auto;
}

.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control:hover .slide-content-inner,
.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control:hover *,
.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control:hover p {
	color: #32333c;
}

/* =========================================================
   ORANGE ACCENTS
   ========================================================= */

.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev,
.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next,
.page-template-page-dcc-draft .page-hero .slider-control div {
	background-color: #DF5829 !important;
}

.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev:hover,
.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next:hover,
.page-template-page-dcc-draft .page-hero .slider-control div:hover {
	background-color: rgba(223, 88, 41, 0.8) !important;
}

.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-disabled,
.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-disabled {
	background-color: #77787B !important;
}

.page-template-page-dcc-draft .page-hero .swiper-pagination-bullet-active {
	background-color: var(--dcc-orange);
}

.page-template-page-dcc-draft .bg-cyan {
	background-color: var(--dcc-orange) !important;
}

/* =========================================================
   OVERVIEW
   ========================================================= */

.page-template-page-dcc-draft #welcome.page-section {
	padding-top: 154px;
	padding-bottom: 154px;
}

/* BugHerd #10 — less top/bottom whitespace on mobile, closer to the sections below. */
@media (max-width: 991px) {
	.page-template-page-dcc-draft #welcome.page-section {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

.page-template-page-dcc-draft [data-aos] {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
}

.page-template-page-dcc-draft #welcome .image-wrap img {
	max-width: 100%;
}

.page-template-page-dcc-draft #welcome a,
.page-template-page-dcc-draft #welcome .image-wrap {
	border: 0 !important;
	box-shadow: none !important;
	outline-color: transparent;
}

.page-template-page-dcc-draft #welcome a:focus,
.page-template-page-dcc-draft #welcome a:focus-visible,
.page-template-page-dcc-draft #welcome .image-wrap a:focus-visible {
	outline: 2px solid #DF5829;
	outline-offset: 4px;
	box-shadow: none !important;
}

/* =========================================================
   CHECKLIST
   ========================================================= */

.page-template-page-dcc-draft #checklist.page-section {
	padding-top: 108px;
	padding-bottom: 108px;
}

.page-template-page-dcc-draft #checklist.page-section-contained {
	width: calc(100% - 76px);
	background-position: left bottom;
}

.page-template-page-dcc-draft .list-table path {
	fill: var(--dcc-orange);
}

/* =========================================================
   NEWS
   ========================================================= */

.page-template-page-dcc-draft #news .button a {
	background-color: var(--dcc-orange) !important;
	border-color: var(--dcc-orange) !important;
	color: var(--dcc-white) !important;
}

.page-template-page-dcc-draft #news .button a:hover,
.page-template-page-dcc-draft #news .button a:focus {
	background-color: transparent !important;
	border-color: var(--dcc-white) !important;
	color: var(--dcc-white) !important;
}

.page-template-page-dcc-draft #news .button a svg .st1,
.page-template-page-dcc-draft #news .button a svg path[stroke] {
	stroke: var(--dcc-orange);
}

.page-template-page-dcc-draft .dcc-header__cta:focus-visible {
	outline-color: var(--dcc-orange);
}

/* =========================================================
   DCC FOOTER
   Krusinski theme outer container + XD internal composition.
   ========================================================= */

.page-template-page-dcc-draft #page_footer.dcc-footer {
	position: relative;
}

/* -------------------------
   TOP ROW
   ------------------------- */

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__top {
	align-items: flex-start;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brand {
	display: block;
}

/*
 * XD footer logo.
 * Separate from header logo styling.
 */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo-wrap {
	margin: 0 0 24px;
	padding: 0;
	line-height: 0;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo {
	display: block;
	width: 465px;
	height: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	object-fit: contain;
	object-position: left center;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__disclaimer {
	max-width: 500px;
	margin: 0;
	color: #9597a1;
}

/*
 * XD places Contact + Location alongside the brand/disclaimer area.
 */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location {
	padding-top: 100px;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact p,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location p {
	margin: 0;
	color: #9597a1;
}

/* XD headings: white + slightly bold. */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact strong,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location strong {
	color: #FFFFFF;
	font-weight: 600;
}

/* Contact email + location address share the same normal/hover behavior. */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact a,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location a {
	color: #9597a1;
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact a:hover,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact a:focus,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location a:hover,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location a:focus {
	color: var(--dcc-orange);
}

/* Both lines of the address act as one Google Maps link. */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__address {
	display: inline-block;
}

/* -------------------------
   BOTTOM ROW
   ------------------------- */

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom {
	align-items: flex-end;
	margin-top: 130px;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__copyright,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit {
	display: flex;
	align-items: flex-end;
	min-width: 0;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__copyright p,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure h4,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit p {
	margin: 0;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__copyright p,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit p {
	color: #9597a1;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure h4 a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure h4 a:hover,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure h4 a:focus {
	color: var(--dcc-orange);
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure svg {
	display: block;
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
}

/* Arrow itself is already DOWN in footer-dcc.php. */
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure svg path {
	stroke: var(--dcc-orange);
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit a:hover,
.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit a:focus {
	color: var(--dcc-orange);
}

/* =========================================================
   DCC FOOTER RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo {
		width: 380px;
	}
}

@media (max-width: 991px) {
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__top {
		row-gap: 32px;
	}

	/* BugHerd #9 — the logo PNG has ~4.3% built-in transparent left padding, which
	 * reads as slightly out of alignment with the disclaimer/contact copy below it.
	 * Nudge left by that same amount so the visible mark lines up with the footer. */
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo {
		width: 320px;
		margin-left: -14px;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location {
		padding-top: 0;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__disclaimer {
		max-width: 100%;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom {
		margin-top: 56px;
		row-gap: 24px;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__copyright,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit {
		display: block;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure h4 a {
		white-space: normal;
	}
}
@media (max-width: 575px) {
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo {
		width: 260px;
		margin-left: -11px;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom {
		margin-top: 40px;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__top,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom {
		row-gap: 28px;
	}
}


/* =========================================================
   DCC FOOTER — XD DESKTOP ALIGNMENT CORRECTION
   ========================================================= */

@media (min-width: 992px) {

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__top,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom {
		display: grid !important;
		grid-template-columns: 59% 25.4% 15.6%;
		width: 100%;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 4.75%;
		padding-right: 4.75%;
	}


	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__top > [class*="col-"],
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__bottom > [class*="col-"] {
		flex: none !important;
		width: auto !important;
		max-width: none !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brand,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__copyright {
		grid-column: 1;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__contact,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__brochure {
		grid-column: 2;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__location,
	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__credit {
		grid-column: 3;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo {
		width: 535px;
		max-width: 535px;
		height: auto;
	}

	.page-template-page-dcc-draft #page_footer.dcc-footer .dcc-footer__logo-wrap {
		margin-left: -4.5%;
	}

}
/* =========================================================
   OVERVIEW — MORE SPACE BETWEEN COPY AND VIDEO
   ========================================================= */

   @media (min-width: 992px) {
	.page-template-page-dcc-draft #welcome .row > div:first-child {
		padding-right: 42px;
	}

	.page-template-page-dcc-draft #welcome .row > div:last-child {
		padding-left: 42px;
	}
}

/* =========================================================
   DCC HERO — RESPONSIVE (<992px)
   Match ChicagoWest responsive structure (image + titles strip),
   keep DCC branding / orange. Desktop (≥992) unchanged.
   ========================================================= */

@media (max-width: 991px) {

	/* Dark charcoal strip behind the active-slide text (CWBC .page-hero bg) */
	.page-template-page-dcc-draft .page-hero {
		height: auto !important;
		min-height: 0 !important;
		background-color: #32333c !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-slide,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner {
		height: auto !important;
		min-height: 0 !important;
	}

	/* Full artwork — no crop (DCC maps; CWBC uses cover) */
	.page-template-page-dcc-draft .page-hero .background-image {
		overflow: visible !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .swiper-wrapper .swiper-slide .slide-inner img {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
	}

	/* CWBC hides overlay under 992; titles become the strip */
	.page-template-page-dcc-draft .page-hero .overlay {
		display: none !important;
	}

	/* Desktop translucent card — keep OFF on mobile (do not overlay the image). */
	.page-template-page-dcc-draft .page-hero .background-image::before,
	.page-template-page-dcc-draft .page-hero .background-image::after,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image::after {
		display: none !important;
		content: none !important;
	}

	/*
	 * Standalone mobile hero card — normal document flow ABOVE the image.
	 * Not absolute. Not .titles. Does not cover the hero artwork.
	 */
	.page-template-page-dcc-draft .dcc-hero__mobile-card {
		display: block;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		background: #32333c;
		border-top: none;
		z-index: auto;
	}

	/* BugHerd #1/#5/#12 (reopened) — the top card's text must line up with the
	 * LEFT EDGE OF THE ORANGE BORDER on the below-hero paragraph (42px), not
	 * with that paragraph's text-after-border position (64px). */
	.page-template-page-dcc-draft .dcc-hero__mobile-card-inner {
		padding: 22px 42px 24px 42px !important;
		max-width: 720px;
	}

	.page-template-page-dcc-draft .dcc-hero__mobile-card-title {
		margin: 0 0 12px;
		color: #ffffff;
		font-family: termina, sans-serif;
		font-size: 26px;
		line-height: 32px;
		font-weight: 400;
		letter-spacing: 0;
		white-space: pre-line;
	}

	/* BugHerd #12 — copy matches the below-hero body paragraph size (17px/28px). */
	.page-template-page-dcc-draft .dcc-hero__mobile-card-copy {
		margin: 0;
		color: #ffffff;
		font-family: Sarabun, sans-serif;
		font-size: 17px;
		line-height: 28px;
		font-weight: 500;
		white-space: pre-line;
	}

	@media (max-width: 575px) {
		.page-template-page-dcc-draft .dcc-hero__mobile-card-inner {
			padding: 18px 42px 20px 42px !important;
		}

		.page-template-page-dcc-draft .dcc-hero__mobile-card-title {
			font-size: 22px;
			line-height: 28px;
			margin-bottom: 10px;
		}
	}

	/* Infrastructure badge — desktop only */
	.page-template-page-dcc-draft .page-hero .dcc-hero__badge {
		display: none !important;
	}

	/*
	 * Titles strip — restore CWBC responsive behavior:
	 * relative under image; only .slide-title.active visible.
	 */
	.page-template-page-dcc-draft .page-hero .titles {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		z-index: 3 !important;
		/* BugHerd #5 (reopened) — top room for the text, bottom room for arrows/dots
		 * which now sit BELOW the active tab paragraph, not just below the photo.
		 * The real per-slide offset is computed by JS (hero-swiper-resize-fix.js);
		 * this padding-bottom is just a generous static floor so there is always
		 * room, and JS will grow it further on the fly if a real device's font
		 * metrics ever need more than this. Top padding trimmed down (was
		 * 70px) — combined with .slide-title's own 30px padding-top that
		 * left too much empty dark space above the paragraph text. */
		padding: 36px 30px 90px !important;
		overflow: visible !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .container {
		padding-right: 12px !important;
		padding-left: 12px !important;
		max-width: 100% !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .row.align-items-end {
		align-items: stretch !important;
		min-height: 0 !important;
		position: relative !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .slide-title,
	.page-template-page-dcc-draft .page-hero .titles .col-12.slide-title {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		padding: 30px 12px !important;
		height: auto !important;
		min-height: 0 !important;
		display: block !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .slide-title.active,
	.page-template-page-dcc-draft .page-hero .titles .col-12.slide-title.active {
		opacity: 1 !important;
		top: auto !important;
		position: relative !important;
		pointer-events: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .slide-content {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control {
		display: flex !important;
		align-items: flex-start !important;
		box-sizing: border-box !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 0 0 20px !important;
		margin-bottom: 0 !important;
		border-left: 2px solid #77787B !important;
		background: transparent !important;
		overflow: visible !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active {
		border-left-color: #DF5829 !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control .slide-content-inner,
	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control *,
	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control p {
		color: #9597a1 !important;
		font-size: 17px !important;
		line-height: 28px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active .slide-content-inner,
	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active *,
	.page-template-page-dcc-draft .page-hero .titles .col-12 .slide-content .slide-control.active p {
		color: #ffffff !important;
	}

	/*
	 * Pagination in dark gray band below image — DCC orange.
	 *
	 * BugHerd #3 (reopened) — "arrows aren't clickable at all." Root cause: this
	 * pagination container spans the FULL width between the two arrows
	 * (left:42/right:42, same as the arrow track), so its element box sits
	 * directly on top of both circular arrow buttons even though only the small
	 * dots in the middle are visibly drawn. A real mouse/touch hit-test at the
	 * arrow's coordinates was landing on this transparent container instead of
	 * the button underneath, silently swallowing every click. Fix: the
	 * container itself ignores pointer-events, only the actual visible dots
	 * (bullets) remain clickable — the arrows underneath are reachable again.
	 */
	.page-template-page-dcc-draft .page-hero .swiper-pagination {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 11 !important;
		position: absolute !important;
		left: 42px !important;
		right: 42px !important;
		top: auto !important;
		bottom: -140px !important; /* static fallback; JS computes the real per-slide value */
		width: auto !important;
		pointer-events: none !important;
	}

	.page-template-page-dcc-draft .page-hero .swiper-pagination-bullet {
		background: #DF5829 !important;
		background-color: #DF5829 !important;
		opacity: 0.35 !important;
		pointer-events: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .swiper-pagination-bullet-active {
		background: #DF5829 !important;
		background-color: #DF5829 !important;
		opacity: 1 !important;
	}

	/*
	 * BugHerd #2/#5 (reopened) — arrows/dots sit BELOW the active tab body
	 * paragraph, inside the dark gray band, not just below the photo, and
	 * their left/right position now matches the orange border's x-position
	 * (42px) instead of the old 60px. The exact `bottom` offset below is only
	 * a static fallback for the instant before JS runs: it is recalculated
	 * per-slide by syncMobileHeroArrows() in hero-swiper-resize-fix.js, which
	 * measures the ACTUAL rendered height of the current slide's paragraph
	 * text and places the arrows exactly 8px under it. A single fixed number
	 * here can't work for all 3 slides at once — the 2-line "Lots available…"
	 * slide has a shorter .titles box than the 3-line "Pilot Travel Center…"
	 * slide, so a fixed offset calibrated for the tallest text pushes the
	 * arrows past the (shorter) hero bottom on the other slides — this is
	 * BugHerd #4 (reopened), "arrows get outside of the box."
	 */
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image {
		position: relative !important;
		overflow: visible !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-prev,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-next {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		position: absolute !important;
		top: auto !important;
		bottom: -140px !important; /* static fallback; JS computes the real per-slide value */
		width: 55px !important;
		height: 55px !important;
		margin-top: 0 !important;
		border-radius: 50% !important;
		background-color: #DF5829 !important;
		color: #fff !important;
		z-index: 12 !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-prev {
		left: 42px !important;
		right: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-next {
		right: 42px !important;
		left: auto !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev::after,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next::after,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-prev::after,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-next::after {
		font-size: 20px !important;
		color: #fff !important;
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-disabled,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-disabled {
		background-color: #77787B !important;
		opacity: 1 !important;
	}
}

@media (max-width: 767px) {
	.page-template-page-dcc-draft .page-hero .titles {
		padding-top: 28px !important; /* was 56px — too much empty space above the text */
		padding-bottom: 70px !important; /* static floor; JS grows/positions per-slide */
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-prev,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-next {
		width: 35px !important;
		height: 35px !important;
		top: auto !important;
		bottom: -110px !important; /* static fallback; JS computes the real per-slide value */
		margin-top: 0 !important;
	}

	.page-template-page-dcc-draft .page-hero .swiper-pagination {
		bottom: -110px !important; /* static fallback; JS computes the real per-slide value */
	}

	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-prev::after,
	.page-template-page-dcc-draft .page-hero .background-image .swiper-image .slider-control .swiper-button-next::after,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-prev::after,
	.page-template-page-dcc-draft .page-hero .slider-control .swiper-button-next::after {
		font-size: 14px !important;
	}
}