/* Khalifeh: login / admin / account UI */
.kh-shell{padding:130px 0 80px;min-height:60vh}
.kh-shell-inner{max-width:1160px;margin:0 auto;padding:0 20px}
.kh-card{max-width:480px;margin:0 auto;background:#fff;border-radius:6px;box-shadow:3px 3px 20px 3px rgba(0,0,0,.1);padding:36px 32px;font-family:Raleway,sans-serif;color:#33475b}
.kh-card.kh-wide{max-width:1100px}
.kh-h1{font-family:Lora,serif;font-weight:400;font-size:36px;line-height:44px;color:#06263f;margin:0 0 24px}
.kh-h2{font-family:Lora,serif;font-weight:400;font-size:26px;color:#06263f;margin:24px 0 12px}
.kh-label{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin:14px 0 6px}
.kh-input{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:16px;border:1px solid #d5dbe1;border-radius:4px;background:#f3f5f7;color:#06263f}
.kh-input:focus{outline:2px solid #2c5089;background:#fff}
.kh-btn{margin-top:18px;padding:15px 45px;border:1.5px solid #2c5089;border-radius:30px;background:#2c5089;color:#fff;font:inherit;font-size:16px;cursor:pointer}
.kh-btn:hover{opacity:.9}.kh-btn:disabled{opacity:.6;cursor:default}
.kh-btn-light{background:#fff;color:#2c5089;margin-left:8px}
.kh-error{margin-top:14px;color:#b42318;font-weight:600}
.kh-ok{margin:10px 0;color:#1a7f37;font-weight:600}
.kh-note{font-size:14px;opacity:.75}
.kh-card a{color:#2c5089}
.kh-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.kh-check{display:flex;gap:8px;align-items:center;margin-top:16px}
.kh-table{width:100%;border-collapse:collapse}
.kh-table th,.kh-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e9ed;vertical-align:middle}
.kh-link{background:none;border:0;color:#2c5089;cursor:pointer;font:inherit;padding:4px 8px}
.kh-danger{color:#b42318}
.kh-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e5e9ed}
.kh-tab{background:none;border:0;padding:10px 18px;font:inherit;cursor:pointer;color:#33475b;border-bottom:3px solid transparent}
.kh-tab.active{border-bottom-color:#2c5089;color:#2c5089;font-weight:700}
.kh-msgbox{padding:14px 16px;border:1px solid #e5e9ed;border-radius:6px;margin-bottom:12px}
.kh-card .kh-note{margin-top:18px}

/* spacing for dynamically generated course rows (Home + Courses) */
#el_1790537336768_400{margin-bottom:40px}
#section_1790537336643_350{padding-bottom:90px!important}

/* account dropdown in the top bar */
.kh-drop{position:relative}
.kh-sub{display:none;position:absolute;right:0;top:100%;min-width:220px;margin:0;padding:8px 0;list-style:none;background:#fff;border-radius:6px;box-shadow:3px 3px 20px 3px rgba(0,0,0,.12);z-index:1000}
.kh-drop:hover>.kh-sub,.kh-drop:focus-within>.kh-sub{display:block}
.kh-sub li{margin:0;padding:0;list-style:none}
.kh-sub a{font-family:Raleway,sans-serif;display:block;padding:10px 20px;font-size:16px;color:#2c5089;text-decoration:none;white-space:nowrap}
.kh-sub a:hover{background:#f3f5f7}
.kh-ok-box{margin-top:14px;color:#1a7f37;font-weight:600}

.kh-drop.open>.kh-sub{display:block}