/* remote-css host=ledenportaal.lidly.nl media=screen and (max-width: 820px) *//* src: https://ledenportaal.lidly.nl/themes/ledenportaal-lidly/css/phone/lidly_phone.css *//* src: https://ledenportaal.lidly.nl/themes/ledenportaal-lidly/css/phone/lidly_user_menu_20260727b.css */.phone{display:block!important}main{--spacing-2xl:15px}hgroup h1,hgroup h1 *{max-width:calc(100vw - 130px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}hgroup .button{padding-left:5px;padding-right:5px;min-width:44px;text-align:center}hgroup .button>*{margin:auto}.no-phone{display:none!important}h1{font-size:44px;line-height:1}h3.jumbo{font-size:20px}nav{top:0px;left:0px;right:0px;bottom:0px}nav ul li:nth-child(n+10){display:none}@media (max-width:550px){nav ul li:nth-child(n+9){display:none}}@media (max-width:520px){nav ul li:nth-child(n+8){display:none}}@media (max-width:490px){nav ul li:nth-child(n+8){display:none}}@media (max-width:460px){nav ul li:nth-child(n+7){display:none}}@media (max-width:430px){nav ul li:nth-child(n+6){display:none}}@media (max-width:400px){nav ul li:nth-child(n+5){display:none}}nav,nav ul{gap:2px!important}nav ul li a{min-width:60px!important}nav ul li a .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:50px}header{position:fixed;left:0px;right:0px;bottom:0px;padding:10px 5px;padding-top:30px;margin:0px;width:100%;top:auto;display:flex;flex-direction:column;background:linear-gradient(to top,color-mix(in srgb,var(--lightcolor,#fffbf0) 90%,transparent) 50%,color-mix(in srgb,var(--lightcolor,#fffbf0) 0%,transparent) 100%)}main{background:none!important}nav ul li a span.text{font-size:10px}section,.big-hug{max-width:100%;overflow-x:auto}section,.big-hug{margin-left:-10px;padding:10px 0px;max-width:calc(100% + 20px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-left:16px}section>*:first-child,.big-hug>*:first-child{margin-left:10px}section>*,.big-hug>*{min-width:300px;scroll-snap-align:start;scroll-snap-stop:always}header nav{transition:0.2s ease all}body:not([scrolled-bottom=true]):has(#dashboard) header nav,body[scroll-direction="down"]:not([scrolled-bottom=true]):not([scrolled-hundreds="0"]) header nav{transform:translateY(85px)}.phone-v{flex-direction:column}header{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;padding:0;background:none}nav.login-nav{display:flex;position:relative!important;top:auto;right:auto;bottom:auto;left:auto;width:calc(100% - (var(--spacing-md,10px) * 2));max-width:calc(100% - (var(--spacing-md,10px) * 2));height:auto;min-height:0;margin-top:var(--spacing-md,10px);margin-left:auto;margin-right:auto;transform:none!important;box-sizing:border-box}nav.login-nav ul{width:100%;height:auto;min-height:0;flex-wrap:nowrap;gap:0!important}nav.login-nav ul li{height:auto;min-width:0;flex:1 1 0}nav.login-nav ul li:not(:has(>a>.text)){flex:0 0 46px}nav.login-nav ul li a{width:100%;height:auto;min-width:0!important;gap:var(--spacing-sm,8px);padding:var(--spacing-sm,8px)!important;box-sizing:border-box;font-size:14px}nav.login-nav ul li:first-child a,nav.login-nav ul li:last-child a,nav.login-nav ul li:not(:has(>a>.text)) a{padding-left:var(--spacing-sm,8px)!important;padding-right:var(--spacing-sm,8px)!important}nav.login-nav .avatar{position:static;inset:auto;width:30px;height:30px;min-width:30px;max-width:30px;max-height:30px;flex-basis:30px;margin:0!important}nav.login-nav .avatar + .text{margin-left:0!important}nav.login-nav .text{min-width:0;max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important}