/**
 * Weller Hire - Branded Video Embeds
 * Version: 1.5.0
 */

/* 1. The Container - Forced 16:9 Aspect Ratio */
.weller-video-wrapper {
    position: relative !important;
    display: block !important;
    width: 94% !important;      /* Unified width for all screens */
    max-width: 900px !important; /* Prevents it being too large on desktop */
    margin: 30px auto !important; /* Centers the video */
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    border: 3px solid #1B62AA;
    border-radius: 8px;
    box-shadow: 5px 5px 0px #F9DE2D;
    background-color: #000;
    overflow: hidden !important;
    clear: both;
}

/* 2. The Iframe - Absolute fill of the container */
.weller-video-wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}