/**
 * Portfolio single-page media fixes — see xl-portfolio-media.js.
 * Loaded only on single portfolio items.
 */

/* (#1) BeTheme's video element (content_video.auto-wh) shrinks to the clip's
   intrinsic box once playback starts, so the frame "jumps" smaller. Pin the
   video (and its wrappers) to the column width so the frame stays put whether
   it is paused, buffering, or playing. */
#Content .content_video,
#Content .section_video {
	width: 100%;
}

#Content .section_video video.mcb-video {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	display: block;
}

/* (#4) Gallery counter for the unified image lightbox. Arrows/close come from
   BeTheme's bundled Magnific styles; this just keeps the counter legible. */
.xl-pf-mfp .mfp-counter {
	color: #fff;
	font-size: 14px;
	opacity: .85;
}