/* ══ Member Portal: width on all screens ══════════════ The portal sits inside the theme's page container, which on Astra caps the width well below what the portal needs. Capping .ihc-account-page-wrapp alone does nothing, because the parent is already narrower - the container itself has to be widened. :has() is used so this applies ONLY to pages that actually contain the portal, leaving every other page on the site untouched. It needs Chrome 105+ / Safari 15.4+ / Firefox 121+; on anything older the portal simply stays at the theme's normal width, which is the current behaviour, not a broken one. */ .ast-container:has(.ihc-account-page-wrapp), .site-content:has(.ihc-account-page-wrapp) .ast-container, .entry-content:has(.ihc-account-page-wrapp){ max-width:1180px !important; width:100% !important; } /* ══ Menu items: consistent on every screen size ══════ UMP (or the affiliate add-on) gives one tab its own background colour, which reads as a stray coloured box among plain text links rather than a deliberate highlight. Backgrounds are cleared so every item matches. Applied at all widths, not just mobile, so desktop and phone look the same. Targeted structurally rather than by the affiliate class name - that class isn't documented anywhere and guessing it would break silently if it ever changed. */ .ihc-ap-menu > div, .ihc-ap-menu > div > a{ background:none !important; background-color:transparent !important; border-radius:0 !important; } .ihc-ap-menu > div.ihc-active-tab, .ihc-ap-menu > div.active, .ihc-ap-menu > div.current{ box-shadow:inset 3px 0 0 rgba(255,255,255,.85); } /* ══ Avatar: force a true circle ══════════════════════ UMP's theme CSS sets a height on the avatar with no matching width, so its own border-radius:50% renders an ellipse. It also uses !important, which means !important alone doesn't win here - between two !important rules the more specific selector takes it. Hence the full ancestor chain plus a doubled class, which outranks anything UMP ships without resorting to inline styles. aspect-ratio is a backstop: if UMP later changes one dimension, the element stays square rather than silently going oval again. */ .ihc-account-page-wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar.ihc-user-page-avatar{ position:relative !important; width:110px !important; height:110px !important; min-width:0 !important; min-height:0 !important; max-width:110px !important; max-height:110px !important; aspect-ratio:1 / 1 !important; padding:0 !important; border:0 !important; overflow:hidden !important; border-radius:50% !important; /* clip-path does the real work here. border-radius + overflow:hidden only clips children that participate in normal flow - a child that UMP positions or transforms can still paint outside it, which is why the avatar rendered as a circle sitting on a rectangle. clip-path clips the element and everything inside it unconditionally, regardless of positioning, and there is no UMP rule to out-specify because UMP never sets it. */ clip-path:circle(50% at 50% 50%) !important; -webkit-clip-path:circle(50% at 50% 50%) !important; margin:0 auto !important; display:block !important; box-sizing:border-box !important; background:transparent !important; } .ihc-account-page-wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar img.ihc-member-photo, .ihc-account-page-wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar img{ /* Absolutely positioned to fill the circle exactly. Any margin, float or transform UMP applies then has nothing to push against, so the image can't drift out of the clipped area. */ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; max-width:100% !important; max-height:100% !important; object-fit:cover !important; object-position:center top !important; /* crop to the face, not the torso */ border-radius:50% !important; display:block !important; margin:0 !important; padding:0 !important; border:0 !important; float:none !important; transform:none !important; } .ihc-account-page-wrapp{ width:100%; max-width:1180px; margin-left:auto; margin-right:auto; box-sizing:border-box; } .ihc-user-page-content-wrapper{ width:100%; box-sizing:border-box; } /* Level badges wrap rather than overflowing the banner */ .ihc-top-levels{ display:flex; flex-wrap:wrap; gap:8px; } .ihc-top-level-box{margin:0 !important;} @media (max-width: 768px) { /* ── Subscription plan cards (all 9 numbered templates) ── */ .ihc-level-item { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } .ihc-level-item-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } .ihc-level-item-content { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* ── Checkout page two-column layout ── */ .ihc-checkout-page-left-side, .ihc-checkout-page-right-side { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding-left: 12px !important; padding-right: 12px !important; } /* ── Member Portal ── */ .ast-container:has(.ihc-account-page-wrapp), .site-content:has(.ihc-account-page-wrapp) .ast-container, .entry-content:has(.ihc-account-page-wrapp){ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; } .ihc-account-page-wrapp{ max-width:100% !important; padding-left:12px !important; padding-right:12px !important; margin:0 !important; } /* Top area stacks instead of floating side by side */ .ihc-user-page-top-ap-wrapper .ihc-left-side, .ihc-user-page-top-ap-wrapper .ihc-middle-side{ float:none !important; width:100% !important; max-width:100% !important; text-align:center; box-sizing:border-box; } .ihc-user-page-top-ap-wrapper .ihc-middle-side{padding-top:10px;} .ihc-top-levels{justify-content:center;} /* Menu and content full width. 44px is the smallest reliably tappable target, so menu rows are sized to clear it. */ .ihc-ap-menu, .ihc-user-page-content-wrapper{ width:100% !important; max-width:100% !important; float:none !important; box-sizing:border-box; } .ihc-ap-menu a{ display:flex; align-items:center; gap:10px; min-height:44px; padding:14px 16px; font-size:16px; line-height:1.3; text-decoration:none; } .ihc-ap-menu i{flex-shrink:0;} /* Tables in Subscriptions/Orders scroll on their own rather than stretching the whole page sideways. Scoped to the content wrapper so it can't catch the level cards. */ .ihc-user-page-content-wrapper table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; } /* 16px prevents iOS auto-zooming when a field is focused, which is a large part of why membership forms feel broken on iPhone. */ .ihc-account-page-wrapp input[type="text"], .ihc-account-page-wrapp input[type="email"], .ihc-account-page-wrapp input[type="password"], .ihc-account-page-wrapp input[type="tel"], .ihc-account-page-wrapp select, .ihc-account-page-wrapp textarea{ width:100% !important; max-width:100% !important; box-sizing:border-box; font-size:16px; } } body .ich_level_wrap{--mk-ink:#0b1220;--mk-muted:#5f6b7a;--mk-blue:#2563eb;--mk-soft:#f5f8ff;--mk-line:#e5eaf2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin:0!important;padding:14px 0 0!important;width:auto!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} body .ich_level_wrap *{box-sizing:border-box} body .ich_level_wrap:after,body .ich_level_wrap:before{display:none!important} body .ich_level_wrap .ihc-level-item{position:relative;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--mk-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -18px rgba(15,23,42,.18)!important;display:flex!important;flex-direction:column;text-align:left!important;overflow:visible!important;transition:transform .2s ease,box-shadow .2s ease} body .ich_level_wrap .ihc-level-item:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(15,23,42,.04),0 22px 44px -20px rgba(15,23,42,.28)!important} body .ich_level_wrap .ihc-level-item-wrap{position:static!important;display:flex!important;flex-direction:column;flex:1;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;width:auto!important} body .ich_level_wrap .ihc-level-item-top{order:1;position:static!important;background:none!important;border:0!important;padding:30px 28px 0!important;margin:0!important;min-height:0!important;height:auto!important} body .ich_level_wrap .ihc-level-item-title{font-family:inherit!important;font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--mk-blue)!important;text-align:left!important;margin:0!important;padding:0!important;line-height:1.3!important;background:none!important;border:0!important} body .ich_level_wrap .ihc-level-item-price{order:2;position:static!important;font-family:inherit!important;font-size:38px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important;color:var(--mk-ink)!important;text-align:left!important;background:none!important;border:0!important;padding:10px 28px 0!important;margin:0!important;min-height:0!important;height:auto!important;float:none!important;width:auto!important} body .ich_level_wrap .ihc-level-item-content{order:3;position:static!important;flex:1 1 auto;font-family:inherit!important;font-size:15px!important;line-height:1.7!important;color:var(--mk-muted)!important;text-align:left!important;padding:16px 28px 0!important;margin:0!important;background:none!important;border:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important} body .ich_level_wrap .ihc-level-item-content a{color:var(--mk-blue)!important;font-weight:650;text-decoration:none!important} body .ich_level_wrap .ihc-level-item-content a:hover{text-decoration:underline!important} body .ich_level_wrap .ihc-level-item-bottom{order:4;position:static!important;display:flex!important;flex-direction:column;gap:12px;padding:24px 28px 28px!important;margin:0!important;background:none!important;border:0!important;text-align:left!important;min-height:0!important;height:auto!important;width:auto!important;bottom:auto!important;left:auto!important;right:auto!important} body .ich_level_wrap .ihc-level-item-bottom .ihc-level-item-price{padding:0!important} body .ich_level_wrap .ihc-level-item-link-wrap{width:100%!important;float:none!important;margin:0!important;padding:0!important} body .ich_level_wrap .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap),body .ich_level_wrap .ihc-level-item-link-wrap>*,body .ich_level_wrap .ihc-level-item-link{display:block!important;position:static!important;width:100%!important;float:none!important;margin:0!important;padding:14px 20px!important;border:0!important;border-radius:12px!important;background:var(--mk-blue)!important;color:#fff!important;font-family:inherit!important;font-size:15px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;line-height:1.3!important;box-shadow:none!important;cursor:pointer;transition:background .15s ease,transform .15s ease} body .ich_level_wrap .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap):hover,body .ich_level_wrap .ihc-level-item-link-wrap>*:hover,body .ich_level_wrap .ihc-level-item-link:hover{background:#1d4ed8!important;transform:translateY(-1px)} body .ich_level_wrap .ihc-level-item-bottom .iump-clear{display:none!important} body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap),body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-link-wrap>*,body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-link{background:#fff!important;color:var(--mk-ink)!important;box-shadow:inset 0 0 0 1px var(--mk-line)!important} body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap):hover,body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-link-wrap>*:hover,body .ich_level_wrap .ihc-level-item:first-child .ihc-level-item-link:hover{background:var(--mk-soft)!important} body .ich_level_wrap .ihc-level-item:nth-child(3){background:linear-gradient(160deg,#0b1220 0%,#172554 100%)!important;border-color:#1e3a8a!important;box-shadow:0 24px 50px -22px rgba(37,99,235,.55)!important} body .ich_level_wrap .ihc-level-item:nth-child(3):before{content:"Best value";position:absolute;top:-12px;right:24px;z-index:2;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px -6px rgba(249,115,22,.7)} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-title{color:#93c5fd!important} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-price{color:#fff!important} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-content{color:#cbd5e1!important} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-content a{color:#93c5fd!important} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap),body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-link-wrap>*,body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-link{background:#fff!important;color:#0b1220!important} body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-bottom>*:not(.iump-clear):not(.ihc-level-item-price):not(.ihc-level-item-link-wrap):hover,body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-link-wrap>*:hover,body .ich_level_wrap .ihc-level-item:nth-child(3) .ihc-level-item-link:hover{background:#dbeafe!important} @media(max-width:900px){body .ich_level_wrap{grid-template-columns:1fr;gap:22px}body .ich_level_wrap .ihc-level-item-price{font-size:34px!important}} @media(prefers-reduced-motion:reduce){body .ich_level_wrap .ihc-level-item{transition:none}} #ihc_account_page_wrapp{--mk-ink:#0b1220;--mk-muted:#5f6b7a;--mk-blue:#2563eb;--mk-soft:#f5f8ff;--mk-line:#e8edf5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mk-ink);max-width:1120px;margin:18px auto 40px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} #ihc_account_page_wrapp .ihc-ap-menu,#ihc_account_page_wrapp .ihc-ap-menu>div,#ihc_account_page_wrapp .ihc-ap-menu>div>a,#ihc_account_page_wrapp .ihc-ap-wrap,#ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper,#ihc_account_page_wrapp .ihc-ap-wrap input,#ihc_account_page_wrapp .ihc-ap-wrap select,#ihc_account_page_wrapp .ihc-ap-wrap textarea{box-sizing:border-box} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper{position:relative!important;overflow:hidden!important;border-radius:28px!important;border:0!important;margin:0!important;min-height:0!important;padding:34px 34px 30px!important;display:flex!important;align-items:center;gap:26px;background:radial-gradient(120% 140% at 0% 0%,#1e3a8a 0%,#0b1220 58%),#0b1220!important;box-shadow:0 30px 60px -30px rgba(37,99,235,.55)!important} #ihc_account_page_wrapp .ihc-left-side,#ihc_account_page_wrapp .ihc-middle-side{position:relative!important;z-index:2!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;top:auto!important;left:auto!important} #ihc_account_page_wrapp .ihc-middle-side{flex:1;min-width:0} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper>.ihc-clear{display:none!important} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar.ihc-user-page-avatar{margin:0!important;border-radius:50%!important;background:linear-gradient(135deg,#60a5fa,#06b6d4)!important;width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar img{inset:4px!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;background:#fff!important} #ihc_account_page_wrapp .iump-user-page-name{font-size:clamp(26px,3.6vw,38px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important;color:#fff!important;margin:0 0 10px!important;font-family:inherit!important} #ihc_account_page_wrapp .ihc-account-page-top-extra-mess,#ihc_account_page_wrapp .ihc-account-page-top-extra-mess *{color:#cbd5e1!important;font-family:inherit!important;font-size:15.5px!important;line-height:1.6!important} #ihc_account_page_wrapp .ihc-account-page-top-extra-mess strong,#ihc_account_page_wrapp .ihc-account-page-top-extra-mess b{color:#fff!important;font-weight:700!important} #ihc_account_page_wrapp .ihc-account-page-top-mess{margin:0!important;padding:0!important} #ihc_account_page_wrapp .ihc-top-levels{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0!important} #ihc_account_page_wrapp .ihc-top-level-box{display:inline-flex!important;align-items:center;padding:5px 12px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:700!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#e2e8f0!important;margin:0!important;float:none!important;width:auto!important;height:auto!important;line-height:1.3!important} #ihc_account_page_wrapp .ihc-top-level-box.ihc-expired-level{opacity:.55} #ihc_account_page_wrapp .ihc-edit-top-ap-banner{z-index:3} #ihc_account_page_wrapp #js_ihc_edit_top_ap_banner{left:0!important} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper{min-height:300px!important} #ihc_account_page_wrapp .ihc-user-page-content-wrapper{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important} #ihc_account_page_wrapp .ihc-mobile-bttn-wrapp{display:none!important} #ihc_account_page_wrapp .ihc-ap-menu{display:flex!important;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none;margin:14px 0 0!important;padding:8px!important;background:#fff!important;border:1px solid var(--mk-line)!important;border-radius:22px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;width:auto!important;height:auto!important;position:static!important} #ihc_account_page_wrapp .ihc-ap-menu::-webkit-scrollbar{display:none} #ihc_account_page_wrapp .ihc-ap-menu>div{flex:none;float:none!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;height:auto!important;display:block!important;box-shadow:none!important} #ihc_account_page_wrapp .ihc-ap-menu>div.ihc-clear{display:none!important} #ihc_account_page_wrapp .ihc-ap-menu>div>a{display:flex!important;align-items:center;gap:8px;min-height:0!important;padding:10px 15px!important;border-radius:14px!important;font-family:inherit!important;font-size:14.5px!important;font-weight:650!important;line-height:1.2!important;color:#334155!important;text-decoration:none!important;background:none!important;border:0!important;white-space:nowrap;transition:background .15s,color .15s} #ihc_account_page_wrapp .ihc-ap-menu>div>a i{color:var(--mk-blue)!important;font-size:15px!important;margin:0!important;width:auto!important} #ihc_account_page_wrapp .ihc-ap-menu>div>a:hover{background:var(--mk-soft)!important;color:var(--mk-ink)!important} #ihc_account_page_wrapp .ihc-ap-menu>div[class*="selected"]>a,#ihc_account_page_wrapp .ihc-ap-menu>div[class*="active"]>a,#ihc_account_page_wrapp .ihc-ap-menu>div.current>a{background:var(--mk-blue)!important;color:#fff!important} #ihc_account_page_wrapp .ihc-ap-menu>div[class*="selected"]>a i,#ihc_account_page_wrapp .ihc-ap-menu>div[class*="active"]>a i,#ihc_account_page_wrapp .ihc-ap-menu>div.current>a i{color:#fff!important} #ihc_account_page_wrapp .ihc-ap-wrap{margin:18px 0 0!important;padding:30px!important;background:#fff!important;border:1px solid var(--mk-line)!important;border-radius:24px!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -22px rgba(15,23,42,.18)!important;font-family:inherit!important;font-size:15.5px;line-height:1.7;color:#334155} #ihc_account_page_wrapp .ihc-ap-wrap h3,#ihc_account_page_wrapp .ihc-ap-wrap h2{font-family:inherit!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.2!important;color:var(--mk-ink)!important;margin:0 0 14px!important} #ihc_account_page_wrapp .ihc-ap-wrap p{margin:0 0 12px} #ihc_account_page_wrapp .ihc-ap-wrap a:not([class*="button"]):not([class*="btn"]){color:var(--mk-blue)} #ihc_account_page_wrapp .ihc-ap-wrap table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--mk-line)!important;border-radius:16px!important;overflow:hidden!important;font-size:14.5px!important;margin:8px 0 16px!important;background:#fff!important} #ihc_account_page_wrapp .ihc-ap-wrap th{background:var(--mk-soft)!important;color:var(--mk-muted)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--mk-line)!important} #ihc_account_page_wrapp .ihc-ap-wrap td{padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--mk-line)!important;color:#334155!important;vertical-align:middle!important;background:none!important} #ihc_account_page_wrapp .ihc-ap-wrap tr:last-child td{border-bottom:0!important} #ihc_account_page_wrapp .ihc-ap-wrap input[type="text"],#ihc_account_page_wrapp .ihc-ap-wrap input[type="email"],#ihc_account_page_wrapp .ihc-ap-wrap input[type="password"],#ihc_account_page_wrapp .ihc-ap-wrap input[type="tel"],#ihc_account_page_wrapp .ihc-ap-wrap input[type="url"],#ihc_account_page_wrapp .ihc-ap-wrap input[type="number"],#ihc_account_page_wrapp .ihc-ap-wrap select,#ihc_account_page_wrapp .ihc-ap-wrap textarea{border:1px solid var(--mk-line)!important;border-radius:12px!important;padding:11px 14px!important;font-family:inherit!important;font-size:16px!important;background:#fff!important;box-shadow:none!important;min-height:0!important} #ihc_account_page_wrapp .ihc-ap-wrap input:focus,#ihc_account_page_wrapp .ihc-ap-wrap select:focus,#ihc_account_page_wrapp .ihc-ap-wrap textarea:focus{border-color:var(--mk-blue)!important;outline:3px solid rgba(37,99,235,.15)!important;outline-offset:0} #ihc_account_page_wrapp .ihc-ap-wrap input[type="submit"],#ihc_account_page_wrapp .ihc-ap-wrap button,#ihc_account_page_wrapp .ihc-ap-wrap .ihc-submit-bttn-wrapp input,#ihc_account_page_wrapp .ihc-ap-wrap [class*="-button"]:not(td):not(tr):not(div){border:0!important;border-radius:12px!important;background:var(--mk-blue)!important;color:#fff!important;font-family:inherit!important;font-size:14.5px!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important;padding:11px 18px!important;box-shadow:none!important;cursor:pointer;height:auto!important;line-height:1.3!important} @media (max-width:768px){ #ihc_account_page_wrapp{width:auto!important;max-width:none!important;min-width:0!important;margin:10px 12px 30px!important} #ihc_account_page_wrapp .ihc-user-page-content-wrapper,#ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper,#ihc_account_page_wrapp .ihc-ap-wrap{width:auto!important;max-width:100%!important;min-width:0!important} #ihc_account_page_wrapp .ihc-ap-wrap img,#ihc_account_page_wrapp .ihc-ap-wrap iframe,#ihc_account_page_wrapp .ihc-ap-wrap video{max-width:100%!important;height:auto} #ihc_account_page_wrapp .ihc-ap-wrap pre,#ihc_account_page_wrapp .ihc-ap-wrap code{white-space:pre-wrap;word-break:break-word} #ihc_account_page_wrapp .ihc-ap-wrap{overflow-wrap:anywhere} #ihc_account_page_wrapp .ihc-ap-menu{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 6px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)} #ihc_account_page_wrapp .ihc-ap-menu.mumf-at-end{-webkit-mask-image:none;mask-image:none} #ihc_account_page_wrapp .ihc-ap-menu>div{scroll-snap-align:start;min-width:0!important;max-width:none!important} #ihc_account_page_wrapp .ihc-ap-menu>div>a{width:auto!important;min-height:0!important} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:26px 20px 24px!important;border-radius:24px!important} #ihc_account_page_wrapp .ihc-user-page-top-ap-wrapper .ihc-user-page-avatar.ihc-user-page-avatar{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important} #ihc_account_page_wrapp .ihc-top-levels{justify-content:center} #ihc_account_page_wrapp .ihc-ap-menu{border-radius:18px!important;padding:6px!important} #ihc_account_page_wrapp .ihc-ap-menu>div>a{padding:10px 13px!important;font-size:14px!important} #ihc_account_page_wrapp .ihc-ap-wrap{padding:20px 18px!important;border-radius:20px!important} #ihc_account_page_wrapp .ihc-ap-wrap h3,#ihc_account_page_wrapp .ihc-ap-wrap h2{font-size:22px!important} } /* Banner: rounded, with the edit layer lined up inside it. Its size is never touched, because that element is what the crop tool measures itself against. */ .uap-user-page-top-wrapper{border-radius:22px!important;overflow:hidden!important;position:relative} .uap-user-page-top-background{border-radius:22px!important;background-size:cover!important;background-position:center!important} .uap-user-page-top-wrapper #js_uap_edit_top_ap_banner{left:0!important} /* Menu: a rounded card around it, and nothing else. The tabs, dropdowns and their behaviour are Ultimate Affiliate's own. */ .uap-user-page-content-wrapper .uap-ap-menu{ background:#fff!important;border:1px solid #e5eaf2!important;border-radius:16px!important; padding:4px 6px!important;margin:16px 0 18px!important; box-shadow:0 10px 26px -22px rgba(15,23,42,.5); } /* Only the colour of the highlights. Nothing here changes how the menu is laid out or how it opens: no display, position or size properties, so Ultimate Affiliate keeps full control of that. */ .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item-selected, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item-selected{ background:#2563eb!important;border-radius:12px!important; } .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item-selected>a, .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item-selected>.uap-ap-menu-tab-item>a, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item-selected>a, .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item-selected .fa-uap, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item-selected .fa-uap{color:#fff!important} /* * Hover and the dropdown keep WHITE text, because that is what the * portal theme sets for them and it is not ours to chase. A pale * background under white text is what made the words disappear, so * anything we colour here is blue and stays blue. */ .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item:not(.uap-ap-menu-tab-item-selected):hover, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item:not(.uap-ap-menu-item-selected):hover{ background:#2563eb!important;border-radius:12px!important; } /* The theme highlights the whole list item of a tab that has a dropdown, not the inner button, which is where the leftover pale blue was coming from. Same colour here, and no transition, so it cannot fade through the old one on the way in or out. */ .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:hover, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:focus-within{ background:#2563eb!important;border-radius:12px 12px 0 0!important; } .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:hover>.uap-ap-menu-tab-item, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:focus-within>.uap-ap-menu-tab-item{background:transparent!important} .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:hover a, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:hover .fa-uap, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:focus-within a, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-submenu-item:focus-within .fa-uap{color:#fff!important} .uap-user-page-content-wrapper .uap-ap-menu, .uap-user-page-content-wrapper .uap-ap-menu *{transition:none!important} .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item:hover>a, .uap-user-page-content-wrapper .uap-ap-menu .uap-ap-menu-tab-item:hover .fa-uap, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item:hover>a, .uap-user-page-content-wrapper .uap-ap-menu li.uap-ap-menu-item:hover .fa-uap{color:#fff!important} /* The dropdown panel: the same blue, rounded, with a shadow. */ .uap-user-page-content-wrapper .uap-ap-menu .uap-public-ap-menu-subtabs{ background:#2563eb!important;border:0!important;border-radius:0 14px 14px 14px!important; box-shadow:0 22px 44px -26px rgba(15,23,42,.6)!important;overflow:hidden; } .uap-user-page-content-wrapper .uap-ap-menu .uap-public-ap-menu-subtabs li a, .uap-user-page-content-wrapper .uap-ap-menu .uap-public-ap-menu-subtabs li .fa-uap{color:#fff!important} .uap-user-page-content-wrapper .uap-ap-menu .uap-public-ap-menu-subtabs li:hover, .uap-user-page-content-wrapper .uap-ap-menu .uap-public-ap-menu-subtabs li.uap-ap-menu-item-selected{background:#1d4ed8!important;border-radius:0!important} @media (max-width:768px){ /* Use the whole screen, as the account page does. */ .ast-container:has(.uap-user-page-wrapper), .site-content:has(.uap-user-page-wrapper) .ast-container, .entry-content:has(.uap-user-page-wrapper){max-width:100%!important;padding-left:0!important;padding-right:0!important} .uap-user-page-wrapper{width:auto!important;max-width:none!important;min-width:0!important;margin:10px 12px 30px!important} .uap-user-page-content-wrapper,.uap-user-page-content{width:auto!important;max-width:100%!important;min-width:0!important} .uap-user-page-content img,.uap-user-page-content iframe{max-width:100%!important;height:auto} .uap-user-page-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .uap-user-page-top-wrapper,.uap-user-page-top-background{border-radius:18px!important} .uap-user-page-content-wrapper .uap-ap-menu{border-radius:14px!important;margin:12px 0 14px!important} }