@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap"); /* ==== Vikinger Profile Header CSS (WoWonder structure) ==== */ /* Rajdhani font — same as Vikinger */ .wo_user_profile .card.hovercard,.section-navigation{font-family:"Rajdhani",sans-serif!important;} .user-short-description-title,.user-short-description-text,.user-stat-title,.user-stat-text,.section-menu-item-text{font-family:"Rajdhani",sans-serif!important;} .wo_user_profile.row{display:block!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;} /* WoWonder Profile Card — Vikinger styling */ .wo_user_profile .card.hovercard{border-radius:12px!important;box-shadow:0 0 40px 0 rgba(94,92,154,.12)!important;margin-bottom:16px!important;overflow:visible!important;border:none!important;} .wo_user_profile .cardheader.user-cover{border-top-left-radius:12px!important;border-top-right-radius:12px!important;height:300px!important;overflow:hidden!important;position:relative!important;} @media(max-width:1365px){.wo_user_profile .cardheader.user-cover{height:200px!important;}} @media(max-width:480px){.wo_user_profile .cardheader.user-cover{height:120px!important;}} .wo_user_profile .cardheader.user-cover #cover-image{width:100%;height:100%;object-fit:cover;display:block;} /* pic-info-cont: wider, flex, aligned */ .wo_user_profile .pic-info-cont{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;display:flex!important;align-items:center!important;padding:16px 28px!important;gap:16px!important;flex-wrap:wrap!important;} .wo_user_profile .pic-info-cont .info{flex:1!important;min-width:0;} .wo_user_profile .pic-info-cont .options-buttons{flex-shrink:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;} /* profile-container: full width */ .wo_user_profile .profile-container{width:100%!important;} /* Section navigation */ .section-navigation{padding:0 28px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 0 40px 0 rgba(94,92,154,.06)!important;margin-bottom:16px!important;width:100%!important;flex:0 0 100%!important;overflow:hidden!important;} .section-menu{height:72px!important;display:flex!important;align-items:stretch!important;} .section-menu-item{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;flex:1!important;height:72px!important;position:relative!important;text-decoration:none!important;color:inherit!important;border-bottom:4px solid transparent;transition:border-color .2s;overflow:hidden!important;padding:0 8px!important;} .section-menu-item+.section-menu-item::before{content:'';position:absolute;left:0;top:28px;width:1px;height:28px;background:#eaeaf5;} .section-menu-item.active,.section-menu-item:hover{border-bottom-color:#23d2e2!important;} .section-menu-item-icon{fill:#adafca;opacity:.6;transition:opacity .2s,transform .2s;width:20px!important;height:20px!important;flex-shrink:0;stroke:none!important;} .section-menu-item.active .section-menu-item-icon{fill:#3e3f5e!important;opacity:1!important;transform:translate(0,-11px)!important;} .section-menu-item:hover .section-menu-item-icon{transform:translate(0,-24px);opacity:0;} .section-menu-item.active:hover .section-menu-item-icon{transform:translate(0,-24px)!important;opacity:0!important;} .section-menu-item-text{color:#3e3f5e;font-size:11px;font-weight:700;font-family:'Rajdhani',sans-serif;text-align:center;position:absolute;bottom:8px;width:100%;transform:translate(0,24px);opacity:0;transition:opacity .2s,transform .2s;text-transform:uppercase;letter-spacing:.05em;} .section-menu-item.active .section-menu-item-text{transform:translate(0,0)!important;opacity:1!important;} .section-menu-item:hover .section-menu-item-text{transform:translate(0,0);opacity:1;} @media(max-width:760px){.section-navigation{padding:6px!important;}.section-menu{height:auto!important;flex-wrap:wrap;}.section-menu-item{flex:0 0 auto!important;min-width:56px;height:48px!important;border-bottom:none;}.section-menu-item.active{background:rgba(35,210,226,.1);border-radius:8px;}.section-menu-item+.section-menu-item::before{display:none;}.section-menu-item-icon{transform:none!important;opacity:.8!important;}.section-menu-item.active .section-menu-item-icon{opacity:1!important;}.section-menu-item-text{display:none!important;}} /* ===== PURPLE/HEXAGON: reset all WoWonder avatar img-circle rounding so JS can hexagonify ===== */ .post-heading .image a.avatar,.post-heading .image a.wow_post_usr_ava{display:block!important;overflow:hidden!important;border-radius:0!important;background:none!important;} .post-heading .image a.avatar img,.post-heading .image a.wow_post_usr_ava img,.post-heading .image a.avatar .blur_img{border-radius:0!important;} img.avatar.pull-left{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)!important;-webkit-clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)!important;border-radius:0!important;}