.elementor-5786 .elementor-element.elementor-element-3cfb828a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-6d674cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5786 .elementor-element.elementor-element-6d674cc:not(.elementor-motion-effects-element-type-background), .elementor-5786 .elementor-element.elementor-element-6d674cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://filmmakerjourney.com/wp-content/uploads/2024/11/Film_Production_Behind_The_Scenes_Studio_Set_In_Silhouette_Style_original_2827503-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5786 .elementor-element.elementor-element-60e1428{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-5786 .elementor-element.elementor-element-beb4c7a > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-5786 .elementor-element.elementor-element-beb4c7a{text-align:center;}.elementor-5786 .elementor-element.elementor-element-beb4c7a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-5786 .elementor-element.elementor-element-1a6e2be{width:100%;max-width:100%;}.elementor-5786 .elementor-element.elementor-element-60a4700{text-align:center;}.elementor-5786 .elementor-element.elementor-element-60a4700 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-5786 .elementor-element.elementor-element-55f61f4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5786 .elementor-element.elementor-element-55f61f4.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5786 .elementor-element.elementor-element-6d674cc{--width:70%;}.elementor-5786 .elementor-element.elementor-element-60e1428{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a6e2be *//* FORCE FIELD COLORS AND BORDERS */
div.um-5780 .um-form input[type=text], 
div.um-5780 .um-form input[type=password], 
div.um-5780 .um-form input[type=email],
div.um-5780 .um-form-field {
    background-color: #F7A70D0A !important; /* Cream Background */
    border: 1px solid #F7A70D !important;  /* Orange Border */
    border-radius: 2px !important;
    padding: 20px !important;
    color: #000000 !important;
    box-shadow: none !important;
    font-family: 'lato';
    font-size: 16px !important;
    margin-bottom: 2px !important;
}

/* 1. Style the REGISTER Button */
#um-submit-btn.um-button {
    background-color: #F7A70D !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 20px !important;
    border-radius: 2px !important;
    font-size:20px;
    font-weight: bold !important;
    text-transform: capitalize !important;
    transition: background 0.3s ease !important;
}

/* 2. Style the LOGIN Button next to it */
.um-col-alt .um-right.um-half a.um-button {
    background-color: #000000 !important; /* Light grey like your first image */
    color: #fff !important;
    border: none !important;
    padding: 16px 20px !important;
    border-radius: 2px !important;
        font-size:20px;

}

/* 3. Hover effects */
#um-submit-btn.um-button:hover {
    background-color: #000000 !important; /* Slightly darker orange on hover */
}

/* 4. Fix the row spacing for buttons */
.um-col-alt {
    padding-top: 20px !important;
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-55f61f4 *//* Change the "Continue with Google" border color */
div.nsl-container .nsl-button-google[data-skin="light"] {
    box-shadow: inset 0 0 0 1px #F7A70D !important; /* Using the orange from your form */
    padding: 10px 30px;
}/* End custom CSS */