.elementor-706 .elementor-element.elementor-element-cb5acbf{width:var( --container-widget-width, 107.727% );max-width:107.727%;--container-widget-width:107.727%;--container-widget-flex-grow:0;}.elementor-706 .elementor-element.elementor-element-cb5acbf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-706 .elementor-element.elementor-element-abc62fe{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for shortcode, class: .elementor-element-cb5acbf *//* ========================================================= STI STUDENT SIDEBAR MATCHING GREETING PANEL ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf { background: linear-gradient( 160deg, #111b3a 0%, #162b55 45%, #0d5f6d 100% ) !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 14px 35px rgba(13,34,70,0.20), inset 0 1px 0 rgba(255,255,255,0.08) !important; overflow: hidden !important; position: relative !important; } /* ========================================================= SOFT DECORATIVE GLOW ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf::before { content: "" !important; position: absolute !important; width: 180px !important; height: 180px !important; right: -90px !important; top: -70px !important; border-radius: 50% !important; background: rgba(45,212,191,0.12) !important; pointer-events: none !important; } /* SECOND GLOW */ .elementor-706 .elementor-element.elementor-element-cb5acbf::after { content: "" !important; position: absolute !important; width: 130px !important; height: 130px !important; left: -80px !important; bottom: 20px !important; border-radius: 50% !important; background: rgba(37,99,235,0.12) !important; pointer-events: none !important; } /* ========================================================= KEEP SIDEBAR CONTENT ABOVE GLOW ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf > * { position: relative !important; z-index: 2 !important; } /* ========================================================= USER PROFILE CARD ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf .meu-user-card, .elementor-706 .elementor-element.elementor-element-cb5acbf .user-card, .elementor-706 .elementor-element.elementor-element-cb5acbf .profile-card { background: rgba(255,255,255,0.10) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 11px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important; backdrop-filter: blur(10px) !important; } /* ========================================================= SIDEBAR MENU TEXT ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf a { color: rgba(255,255,255,0.72) !important; font-size: 13px !important; font-weight: 650 !important; transition: all .22s ease !important; } /* ========================================================= MENU ICONS ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf a i, .elementor-706 .elementor-element.elementor-element-cb5acbf a svg { color: rgba(255,255,255,0.65) !important; fill: none !important; transition: all .22s ease !important; } /* ========================================================= MENU HOVER ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf a:hover { color: #ffffff !important; background: rgba(255,255,255,0.07) !important; border-radius: 9px !important; transform: translateX(3px) !important; } .elementor-706 .elementor-element.elementor-element-cb5acbf a:hover i, .elementor-706 .elementor-element.elementor-element-cb5acbf a:hover svg { color: #5eead4 !important; } /* ========================================================= ACTIVE MENU ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf .active, .elementor-706 .elementor-element.elementor-element-cb5acbf .current-menu-item, .elementor-706 .elementor-element.elementor-element-cb5acbf .current_page_item { color: #ffffff !important; background: linear-gradient( 90deg, #2563eb 0%, #0ea5a4 100% ) !important; border-radius: 9px !important; box-shadow: 0 7px 18px rgba(14,165,164,0.22) !important; } /* ACTIVE TEXT */ .elementor-706 .elementor-element.elementor-element-cb5acbf .active a, .elementor-706 .elementor-element.elementor-element-cb5acbf .current-menu-item a, .elementor-706 .elementor-element.elementor-element-cb5acbf .current_page_item a { color: #ffffff !important; } /* ACTIVE ICON */ .elementor-706 .elementor-element.elementor-element-cb5acbf .active i, .elementor-706 .elementor-element.elementor-element-cb5acbf .active svg, .elementor-706 .elementor-element.elementor-element-cb5acbf .current-menu-item i, .elementor-706 .elementor-element.elementor-element-cb5acbf .current-menu-item svg { color: #ffffff !important; } /* ========================================================= STUDENT PORTAL LABEL ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf .menu-title, .elementor-706 .elementor-element.elementor-element-cb5acbf .section-title { color: rgba(255,255,255,0.45) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 1.8px !important; } /* ========================================================= BOTTOM MENU ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf .bottom-menu, .elementor-706 .elementor-element.elementor-element-cb5acbf .sidebar-bottom { border-top: 1px solid rgba(255,255,255,0.08) !important; } /* ========================================================= BOTTOM LINKS ========================================================= */ .elementor-706 .elementor-element.elementor-element-cb5acbf .bottom-menu a, .elementor-706 .elementor-element.elementor-element-cb5acbf .sidebar-bottom a { color: rgba(255,255,255,0.60) !important; font-size: 12px !important; font-weight: 600 !important; } .elementor-706 .elementor-element.elementor-element-cb5acbf .bottom-menu a:hover, .elementor-706 .elementor-element.elementor-element-cb5acbf .sidebar-bottom a:hover { color: #ffffff !important; background: rgba(255,255,255,0.06) !important; transform: translateX(3px) !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-706 .elementor-element.elementor-element-cb5acbf { border-radius: 13px !important; box-shadow: 0 10px 25px rgba(13,34,70,0.16) !important; } .elementor-706 .elementor-element.elementor-element-cb5acbf a { font-size: 12px !important; } }/* End custom CSS */