.elementor-2287 .elementor-element.elementor-element-6882d5c9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-2287 .elementor-element.elementor-element-6882d5c9:not(.elementor-motion-effects-element-type-background), .elementor-2287 .elementor-element.elementor-element-6882d5c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDE8E5;}.elementor-2287 .elementor-element.elementor-element-1f71e29.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2287 .elementor-element.elementor-element-7359e8ba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2287 .elementor-element.elementor-element-7359e8ba:not(.elementor-motion-effects-element-type-background), .elementor-2287 .elementor-element.elementor-element-7359e8ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2287 .elementor-element.elementor-element-60640c5a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2287 .elementor-element.elementor-element-60640c5a{text-align:start;}.elementor-2287 .elementor-element.elementor-element-60640c5a img{width:100px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger:hover{background-color:#ff5e13;}.elementor-2287 .elementor-element.elementor-element-d349766{z-index:15;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-container{height:70px;border-radius:0px 0px 0px 0px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a{font-family:"Lexend", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-917ce0f );padding:0px 15px 0px 15px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:hover{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:focus{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:active{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li:hover > a{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li.current-menu-item > a{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#FE0467;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:var( --e-global-color-917ce0f );fill:var( --e-global-color-917ce0f );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:var( --e-global-color-917ce0f );fill:var( --e-global-color-917ce0f );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"Lexend", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;padding:6px 0px 7px 0px;color:var( --e-global-color-917ce0f );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#121147;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#121147;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#121147;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#121147;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:var( --e-global-color-secondary );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-submenu-panel{padding:15px 15px 15px 25px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.12);}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger{float:right;border-style:solid;border-color:#ff5e13;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-038b69a );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-038b69a );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-038b69a );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:var( --e-global-color-038b69a );}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-close{color:#ff5e13;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}@media(max-width:1024px){.elementor-2287 .elementor-element.elementor-element-6882d5c9{--padding-top:8px;--padding-bottom:8px;--padding-left:15px;--padding-right:15px;}.elementor-2287 .elementor-element.elementor-element-1f71e29{width:var( --container-widget-width, 320.844px );max-width:320.844px;--container-widget-width:320.844px;--container-widget-flex-grow:0;}.elementor-2287 .elementor-element.elementor-element-7359e8ba{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-2287 .elementor-element.elementor-element-60640c5a{width:var( --container-widget-width, 77.542px );max-width:77.542px;--container-widget-width:77.542px;--container-widget-flex-grow:0;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(min-width:768px){.elementor-2287 .elementor-element.elementor-element-6882d5c9{--content-width:1120px;}.elementor-2287 .elementor-element.elementor-element-7359e8ba{--content-width:1120px;}}@media(max-width:767px){.elementor-2287 .elementor-element.elementor-element-6882d5c9{--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2287 .elementor-element.elementor-element-1f71e29{margin:10px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-menu-hamburger{border-width:1px 1px 1px 1px;}.elementor-2287 .elementor-element.elementor-element-d349766 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for shortcode, class: .elementor-element-1f71e29 *//* ===== KBA Tutor Login Area – Header ===== */

/* Container */
.tla-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Greeting text */
.tla-greeting {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0b0c0d;
}

/* Base pill button style */
.tla-btn {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 22px;
    border-radius: 999px;
    border: 2px solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

/* LOGIN – green default, orange hover */
.tla-btn--login {
    background-color: #1D7270;
    border-color: #1D7270;
    color: #ffffff;
}
.tla-btn--login:hover {
    background-color: #FF7A2E;
    border-color: #FF7A2E;
}

/* SIGN UP – orange default, green hover */
.tla-btn--signup {
    background-color: #FF7A2E;
    border-color: #FF7A2E;
    color: #ffffff;
}
.tla-btn--signup:hover {
    background-color: #1D7270;
    border-color: #1D7270;
}

/* DASHBOARD – same style as login */
.tla-btn--dashboard {
    background-color: #1D7270;
    border-color: #1D7270;
    color: #ffffff;
}
.tla-btn--dashboard:hover {
    background-color: #FF7A2E;
    border-color: #FF7A2E;
}

/* LOGOUT – circular icon button with PNG */
.tla-btn-icon {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-color: #FF7A2E;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.25s ease, transform 0.15s ease;
    margin-left: 4px;
}

.tla-logout-img {
    width: 20px;
    height: 20px;
    display: block;
}

/* Hover effect for logout */
.tla-btn--logout:hover {
    background-color: #1D7270;
    transform: translateY(-1px);
}

/* ========== RESPONSIVE STYLES ========== */

/* Tablet & small laptops */
@media (max-width: 1024px) {
    .tla-greeting {
        font-size: 13px;
    }

    .tla-btn {
        font-size: 13px;
        padding: 7px 18px;
    }

    .tla-btn-icon {
        width: 36px;
        height: 36px;
    }

    .tla-logout-img {
        width: 18px;
        height: 18px;
    }
}

/* Tablets & large mobiles (header tighter, allow wrapping) */
@media (max-width: 768px) {
    .tla-wrapper {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .tla-greeting {
        font-size: 13px;
    }

    .tla-btn {
        padding: 6px 16px;
        font-size: 13px;
    }
}

/* Small mobiles – hide greeting text, compact buttons */
@media (max-width: 480px) {
    .tla-wrapper {
        gap: 6px;
    }

    /* Hide "Hi, Username" on very small screens to save space */
    .tla-greeting {
        display: none;
    }

    .tla-btn {
        padding: 6px 14px;
        font-size: 12px;
    }

    .tla-btn-icon {
        width: 32px;
        height: 32px;
        margin-left: 2px;
    }

    .tla-logout-img {
        width: 16px;
        height: 16px;
    }
}/* End custom CSS */