/*
Theme Name: asinlife
Theme URI: https://epidote.com.au
Description: A child theme for Twenty Twenty.
Author: epidote
Author URI: https://epidote.com.au/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
.bjheader{
	width:100%; min-height:30vh; background-image: url('https://asinlife.com/wp-content/uploads/2026/05/DSC_2547-copy.webp'); background-size: cover; background-position: center center;
}
@media screen and (min-width: 600px) {
  .bjheader {
	min-height:40vh;
  }
}
/* 1. Reset the main media container to be fluid but size-bounded */
.mejs-container, 
.wp-video {
	width: 100% !important;
	max-width: 1348px !important;
	height: auto !important;
	/* Uses modern CSS to lock the perfect video shape automatically */
	aspect-ratio: 1348 / 900 !important; 
	position: relative;
	clear: both;
	background: transparent !important; /* Removes the heavy black background block */
}

/* 2. Force the media wrapper to respect the aspect ratio bounding box */
.mejs-mediaelement,
.mejs-inner {
	width: 100% !important;
	height: 100% !important;
}

/* 3. Force the video element itself to stretch cleanly to the borders */
.wp-video-shortcode, 
video.wp-video-shortcode,
.mejs-mediaelement video {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important; /* Crops out unwanted black bars if the calculations are off by a pixel */
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

/* 4. Fix the control bar positioning at the bottom */
.mejs-controls {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background: rgba(0, 0, 0, 0.8) !important;
}