.elementor-7848 .elementor-element.elementor-element-4cbcc5f4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--border-radius:100px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7848 .elementor-element.elementor-element-4cbcc5f4:not(.elementor-motion-effects-element-type-background), .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4FF;}.elementor-7848 .elementor-element.elementor-element-4cbcc5f4::before, .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .elementor-background-video-container::before, .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .elementor-background-slideshow::before, .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7848 .elementor-element.elementor-element-4cbcc5f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://oxfordshireyouth.org/wp-content/uploads/2025/10/BG.png");--background-overlay:'';}.elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button{background-color:var( --e-global-color-3f679e5 );font-size:25px;fill:#FFFFFF;color:#FFFFFF;box-shadow:-10px 10px 30px 0px rgba(0, 0, 0, 0.15);border-radius:0px 0px 0px 30px;padding:25px 20px 25px 30px;}.elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button:hover, .elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-3f679e5 );}.elementor-7848 .elementor-element.elementor-element-7546e96a{width:auto;max-width:auto;top:0px;}body:not(.rtl) .elementor-7848 .elementor-element.elementor-element-7546e96a{right:0%;}body.rtl .elementor-7848 .elementor-element.elementor-element-7546e96a{left:0%;}.elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button:hover svg, .elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button:focus svg{fill:var( --e-global-color-3f679e5 );}.elementor-7848 .elementor-element.elementor-element-67eee8c2{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-7848 .elementor-element.elementor-element-67eee8c2::before, .elementor-7848 .elementor-element.elementor-element-67eee8c2 > .elementor-background-video-container::before, .elementor-7848 .elementor-element.elementor-element-67eee8c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-7848 .elementor-element.elementor-element-67eee8c2 > .elementor-background-slideshow::before, .elementor-7848 .elementor-element.elementor-element-67eee8c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7848 .elementor-element.elementor-element-67eee8c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7848 .elementor-element.elementor-element-46d0137{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7848 .elementor-element.elementor-element-46d0137.elementor-element{--flex-grow:1;--flex-shrink:0;}#elementor-popup-modal-7848 .dialog-widget-content{animation-duration:1.2s;background-color:rgba(255, 255, 255, 0);}#elementor-popup-modal-7848{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7848 .dialog-message{width:1200px;height:auto;}@media(max-width:1024px){.elementor-7848 .elementor-element.elementor-element-4cbcc5f4{--min-height:100vh;}.elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button{font-size:22px;padding:25px 18px 25px 25px;}.elementor-7848 .elementor-element.elementor-element-67eee8c2{--min-height:100vh;}#elementor-popup-modal-7848 .dialog-message{padding:0% 5% 0% 5%;}}@media(min-width:768px){.elementor-7848 .elementor-element.elementor-element-4cbcc5f4{--width:100vw;}.elementor-7848 .elementor-element.elementor-element-67eee8c2{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7848 .elementor-element.elementor-element-4cbcc5f4{--width:100vw;}.elementor-7848 .elementor-element.elementor-element-67eee8c2{--content-width:100%;}}@media(max-width:767px){.elementor-7848 .elementor-element.elementor-element-4cbcc5f4{--width:100vw;--min-height:100vh;}.elementor-7848 .elementor-element.elementor-element-7546e96a .elementor-button{font-size:22px;padding:20px 20px 20px 25px;}.elementor-7848 .elementor-element.elementor-element-67eee8c2{--content-width:100%;--min-height:100vh;}#elementor-popup-modal-7848 .dialog-message{padding:5% 5% 0% 5%;}}/* Start custom CSS for html, class: .elementor-element-46d0137 *//* Base styles for the wrapper */
.responsive-iframe-container {
    /* Define the size based on the parent Elementor container's height/width */
    position: relative;
    width: 100%;
    height: 100%; /* Must have a defined height from the parent Elementor container! */
    overflow: hidden;
}

/* Base style for the iframe to ensure smooth scaling from the top-left */
.responsive-iframe-container iframe {
    /* Existing styles are fine, but ensure transform-origin is set */
    transform-origin: top left;
}

/* --- Responsive Scaling (for Tablets) --- */
/* Target screens smaller than 1025px (Elementor's standard tablet breakpoint) */
@media (max-width: 1024px) {
    .responsive-iframe-container iframe {
        /* Example: Scale down the content to 90% of its original size */
        transform: scale(0.9);
    }
}

/* --- Responsive Scaling (for Phones) --- */
/* Target screens smaller than 768px (Elementor's standard mobile breakpoint) */
@media (max-width: 767px) {
    .responsive-iframe-container iframe {
        /* Example: Scale down the content to 70% of its original size */
        transform: scale(0.5);
    }
    
    /* You may need to adjust the position for centering on small screens */
    /* If the iframe appears too high or off-center */
    .responsive-iframe-container {
        /* Example: Reduce height needed for the scaled iframe */
        min-height: 500px;
    }
}/* End custom CSS */