.elementor-171 .elementor-element.elementor-element-c01f7e4{--display:flex;--min-height:110vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-171 .elementor-element.elementor-element-c01f7e4:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-c01f7e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://warriortoolkit.com/wp-content/uploads/2026/03/DSF9277.webp");background-position:top center;background-size:cover;}.elementor-171 .elementor-element.elementor-element-c01f7e4::before, .elementor-171 .elementor-element.elementor-element-c01f7e4 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c01f7e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c01f7e4 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c01f7e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c01f7e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-d9f8e10 ) 0%, #FFFFFF00 60%);}.elementor-171 .elementor-element.elementor-element-f6b8ecb{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -7px rgba(0,0,0,0.5);--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-171 .elementor-element.elementor-element-f6b8ecb:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-f6b8ecb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d9f8e10 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Helvetica, Arial, Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-171 .elementor-element.elementor-element-bdf36c6{text-align:center;}.elementor-171 .elementor-element.elementor-element-bdf36c6 .elementor-heading-title{font-family:"liberation-sans", Helvetica, Arial, Sans-serif;font-size:28px;font-weight:400;font-style:normal;line-height:1em;letter-spacing:0px;color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-bdf36c6 .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-f6b8ecb{--width:48%;}}@media(max-width:1024px) and (min-width:768px){.elementor-171 .elementor-element.elementor-element-f6b8ecb{--width:511px;}}/* Start custom CSS for shortcode, class: .elementor-element-29b9675 *//* 1. Remove UM Container background and shadow */
.um-form.um-login {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Style the Primary Button (Login) - Red */
.um-login .um-button {
    background-color: #e54c3c !important; /* Your brand red */
    font-family: inherit !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px !important;
    transition: background-color 0.3s ease, transform 0.1s ease !important; /* Smooth transition */
}

/* Login Button Hover State */
.um-login .um-button:hover {
    background-color: #c0392b !important; /* Darker red on hover */
    cursor: pointer;
}

/* 3. Style the Secondary Button (Register) - Black/Dark Grey */
.um-login .um-button.um-alt {
    background-color: #1a1a1a !important; /* Dark black */
    color: #ffffff !important;
    font-family: inherit !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px !important;
    transition: background-color 0.3s ease !important;
}

/* Register Button Hover State */
.um-login .um-button.um-alt:hover {
    background-color: #444444 !important; /* Charcoal grey on hover */
    color: #ffffff !important;
}

/* 4. Optional: "Click" effect for both buttons */
.um-login .um-button:active, 
.um-login .um-button.um-alt:active {
    transform: translateY(1px) !important; /* Slight "press down" effect */
}

/* 5. Match Typography for Labels */
.um-field-label label {
    font-family: inherit !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

/* 6. Clean up Input Fields */
.um-form input[type=text], 
.um-form input[type=password] {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 12px !important;
    background: #f9f9f9 !important;
    transition: border-color 0.3s ease !important;
}

/* Input Field Focus (When typing) */
.um-form input[type=text]:focus, 
.um-form input[type=password]:focus {
    border-color: #e54c3c !important; /* Border turns red when clicked */
    outline: none !important;
}/* End custom CSS */