/**
 * Case Study portfolio template (single-portfolio-case-study.php).
 * Loaded only on portfolio posts that use that template.
 *
 * Use the same single-column, section-by-section story on every screen size.
 */

.huntd-case-study .portfolio-body.huntd-case-study-has-sections .row-inner {
	display: block !important;
	height: auto !important;
}

.huntd-case-study .portfolio-body.huntd-case-study-has-sections .row-inner > div:not(.col-widgets-sidebar) {
	display: none !important;
}

.huntd-case-study .portfolio-body.huntd-case-study-has-sections .row-inner > .col-widgets-sidebar {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

.huntd-case-study .portfolio-body.huntd-case-study-has-sections .huntd-cs-desktop {
	display: none !important;
}

.huntd-case-study .portfolio-body.huntd-case-study-has-sections .huntd-cs-mobile {
	display: block !important;
}                        

.huntd-case-study .huntd-cs-item figure {
	margin: 0;
}

.huntd-case-study .huntd-cs-item img,
.huntd-case-study .huntd-cs-item video {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
	object-fit: cover;
}

.huntd-case-study .huntd-cs-item figcaption {
	font-size: 0.85em;
	margin-top: 8px;
	opacity: 0.75;
}

/* Two images side by side */
.huntd-case-study .huntd-cs-pair {
	display: flex;
	gap: 16px;
}

.huntd-case-study .huntd-cs-pair figure {
	flex: 1 1 0;
	min-width: 0;
}

/* Spacing between sections in the mobile story */
.huntd-case-study .huntd-cs-mobile .huntd-cs-item,
.huntd-case-study .huntd-cs-mobile .huntd-cs-text {
	margin-bottom: 24px;
}

.huntd-case-study .huntd-cs-desktop .huntd-cs-text + .huntd-cs-text {
	margin-top: 24px;
}

/* Keep Uncode's after-content (for example, Related Blogs) below the story. */
.huntd-case-study .post-after {
	clear: both;
	position: static !important;
	top: auto !important;
	transform: none !important;
	margin-top: 0 !important;
}