.elementor-2525 .elementor-element.elementor-element-a6c2f09{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2525 .elementor-element.elementor-element-a6c2f09:not(.elementor-motion-effects-element-type-background), .elementor-2525 .elementor-element.elementor-element-a6c2f09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top right, var( --e-global-color-37d7f59 ) 0%, var( --e-global-color-b8fea2a ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2525 .elementor-element.elementor-element-321d433{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-2525 .elementor-element.elementor-element-321d433 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:64px;font-weight:900;color:var( --e-global-color-9c9998e );}.elementor-2525 .elementor-element.elementor-element-02176ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-2525 .elementor-element.elementor-element-02176ab .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:400;line-height:1.5em;color:var( --e-global-color-9c9998e );}.elementor-2525 .elementor-element.elementor-element-99338bf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2525 .elementor-element.elementor-element-99338bf:not(.elementor-motion-effects-element-type-background), .elementor-2525 .elementor-element.elementor-element-99338bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9c9998e );}.elementor-2525 .elementor-element.elementor-element-6c129f8{width:100%;max-width:100%;}@media(max-width:767px){.elementor-2525 .elementor-element.elementor-element-321d433 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-2525 .elementor-element.elementor-element-a6c2f09{--content-width:624px;}.elementor-2525 .elementor-element.elementor-element-99338bf{--width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-6c129f8 *//* =========================================================
   FLUENTAUTH – SÉMAFORDÍTÓ AKADÉMIA
   TELJES STÍLUS + FULL WIDTH LOGIN
   ========================================================= */

#fls_login_form {
    --auth-primary: #7d0d32;
    --auth-primary-hover: #650925;

    --auth-text: #24171c;
    --auth-muted: #725f66;

    --auth-border: #ddd4d7;
    --auth-border-focus: #7d0d32;

    --auth-input-bg: #faf8f9;

    --auth-radius: 8px;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FORM – TELJES SZÉLESSÉG
   ========================================================= */

#fls_login_form form,
#fls_login_form #loginform {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* Minden közvetlen form elem teljes szélesség */

#fls_login_form #loginform > p,
#fls_login_form .login-username,
#fls_login_form .login-password,
#fls_login_form .login-remember,
#fls_login_form .login-submit,
#fls_login_form #fls_magic_login,
#fls_login_form .fls_magic_initial,
#fls_login_form .fls_magic_login_form,
#fls_login_form .fls_magic_submit_wrapper,
#fls_login_form .magic_back_regular,
#fls_login_form .fls_magic_login_back {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* Jelszavas mezők ne floatoljanak / ne legyenek flexben szűkebbek */

#fls_login_form .login-username,
#fls_login_form .login-password,
#fls_login_form .login-submit {
    display: block !important;

    float: none !important;

    flex: none !important;

    clear: both !important;
}


/* =========================================================
   LABELS
   ========================================================= */

#fls_login_form label {
    display: block;

    margin-bottom: 7px;

    color: var(--auth-text);

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}


/* =========================================================
   INPUTOK
   ========================================================= */

#fls_login_form input[type="text"],
#fls_login_form input[type="email"],
#fls_login_form input[type="password"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 13px 14px;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: var(--auth-input-bg);

    border: 1px solid var(--auth-border);
    border-radius: var(--auth-radius);

    color: var(--auth-text);

    font-size: 15px;
    line-height: 1.4;

    box-shadow: none;

    box-sizing: border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}


/* Külön biztosítás a normál login mezőkre */

#fls_login_form #user_login,
#fls_login_form #user_pass,
#fls_login_form #fls_magic_logon {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* INPUT FOCUS */

#fls_login_form input[type="text"]:focus,
#fls_login_form input[type="email"]:focus,
#fls_login_form input[type="password"]:focus {
    outline: none;

    background: #ffffff;

    border-color: var(--auth-border-focus);

    box-shadow:
        0 0 0 3px rgba(125, 13, 50, .10);
}


/* PLACEHOLDER */

#fls_login_form input::placeholder {
    color: #a3979b;
    opacity: 1;
}


/* =========================================================
   FORM SPACING
   ========================================================= */

#fls_login_form .login-username,
#fls_login_form .login-password {
    margin: 0 0 18px !important;
}


/* =========================================================
   MAGIC LINK LEÍRÁS
   ========================================================= */

#fls_login_form .fls_magic_text {
    margin: 0 0 18px;

    color: var(--auth-muted);

    font-size: 15px;
    line-height: 1.55;
}


/* =========================================================
   MAGIC EMAIL FIELD
   ========================================================= */

#fls_login_form #fls_magic_logon {
    margin-bottom: 14px;
}


/* =========================================================
   FŐ GOMB
   Belépés / Tovább
   ========================================================= */

#fls_login_form #wp-submit,
#fls_login_form #fls_magic_submit {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 46px;

    padding: 12px 20px;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: var(--auth-primary) !important;

    border: 1px solid var(--auth-primary) !important;
    border-radius: var(--auth-radius) !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    cursor: pointer;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .15s ease;
}


#fls_login_form #wp-submit:hover,
#fls_login_form #fls_magic_submit:hover {
    background: var(--auth-primary-hover) !important;
    border-color: var(--auth-primary-hover) !important;

    transform: translateY(-1px);
}


/* =========================================================
   MÁSODLAGOS GOMBOK
   Belépés varázslinkkel / Belépés jelszóval
   ========================================================= */

#fls_login_form .fls_magic_show_btn,
#fls_login_form .fls_magic_show_regular {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 46px;

    padding: 11px 20px;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: transparent !important;

    border: 1px solid #b9aaaf !important;
    border-radius: var(--auth-radius) !important;

    color: var(--auth-primary) !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    cursor: pointer;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}


#fls_login_form .fls_magic_show_btn:hover,
#fls_login_form .fls_magic_show_regular:hover {
    color: var(--auth-primary-hover) !important;

    background: rgba(125, 13, 50, .05) !important;

    border-color: var(--auth-primary) !important;
}


/* =========================================================
   "VAGY" ELVÁLASZTÓ
   ========================================================= */

#fls_login_form .fls_or_wrap {
    width: 100% !important;

    margin: 24px 0;
}


#fls_login_form .fls_magic-or {
    display: flex;
    align-items: center;

    width: 100%;

    gap: 12px;

    color: #89777d;

    font-size: 13px;
    font-weight: 500;

    text-transform: uppercase;

    box-sizing: border-box;
}


#fls_login_form .fls_magic-or::before,
#fls_login_form .fls_magic-or::after {
    content: "";

    flex: 1;

    height: 1px;

    background: #e4dcdf;
}


#fls_login_form .fls_magic-or span {
    flex: 0 0 auto;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

#fls_login_form .login-remember {
    margin: 2px 0 20px !important;
}


#fls_login_form .login-remember label {
    display: flex;
    align-items: center;

    gap: 9px;

    margin: 0;

    color: var(--auth-muted);

    font-size: 14px;
    font-weight: 400;

    cursor: pointer;
}


#fls_login_form #rememberme {
    appearance: none;
    -webkit-appearance: none;

    width: 18px !important;
    height: 18px;

    min-width: 18px !important;
    max-width: 18px !important;

    flex: 0 0 18px !important;

    margin: 0;

    padding: 0;

    background: #ffffff;

    border: 1.5px solid #b9aaaf;
    border-radius: 4px;

    position: relative;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


#fls_login_form #rememberme:hover {
    border-color: var(--auth-primary);
}


#fls_login_form #rememberme:checked {
    background: var(--auth-primary);

    border-color: var(--auth-primary);
}


#fls_login_form #rememberme:checked::after {
    content: "";

    position: absolute;

    left: 5px;
    top: 2px;

    width: 5px;
    height: 9px;

    border: solid #ffffff;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}


#fls_login_form #rememberme:focus-visible {
    outline: none;

    box-shadow:
        0 0 0 3px rgba(125, 13, 50, .12);
}


/* =========================================================
   SUBMIT WRAPPEREK
   ========================================================= */

#fls_login_form .login-submit,
#fls_login_form .fls_magic_submit_wrapper {
    margin: 0 !important;
}


/* =========================================================
   BIZTONSÁGI OVERRIDE
   Ha valamelyik FluentAuth / WP szabály fix szélességet ad
   ========================================================= */

#fls_login_form * {
    box-sizing: border-box;
}

#fls_login_form #loginform:not(.showing_magic_form) {
    width: 100% !important;
    max-width: none !important;
}

#fls_login_form #loginform:not(.showing_magic_form) > p {
    width: 100% !important;
    max-width: none !important;
}/* End custom CSS */