/* =========================================================================== Indie Film Lab — Community Sits on top of the theme's style.css and reuses its brand tokens, so the community looks like the rest of the Lab rather than like a plugin. =========================================================================== */ :root{ --ifl-c-rail-w:264px; --ifl-c-cards-w:300px; --ifl-c-bar-h:62px; --ifl-c-gap:24px; --ifl-c-radius:14px; --ifl-c-gold-soft:rgba(200,161,74,.12); --ifl-c-shadow:0 10px 30px rgba(0,0,0,.35); } /* ---------- The member bar (replaces the marketing nav) ---------- */ .ifl-header--member{min-height:var(--ifl-c-bar-h)} .ifl-header--member .ifl-header__bar{min-height:var(--ifl-c-bar-h);gap:16px} .ifl-c-bar__wrap{max-width:none;margin:0;padding:0 20px} .ifl-c-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1 1 auto;min-width:0} .ifl-c-bar__rooms{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;min-width:0;overflow-x:auto;scrollbar-width:none} .ifl-c-bar__rooms::-webkit-scrollbar{display:none} .ifl-c-bar__me{display:flex;align-items:center;gap:2px;flex:0 0 auto} .ifl-c-bar__link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;color:var(--ifl-gray)!important;border-bottom:2px solid transparent;transition:color .25s ease,background .25s ease} .ifl-c-bar__link:hover{color:var(--ifl-white)!important;background:var(--ifl-c-gold-soft)} .ifl-c-bar__link[aria-current="page"]{color:var(--ifl-white)!important;border-bottom-color:var(--ifl-gold)} .ifl-c-bar__link .ifl-c-icon{width:21px;height:21px} .ifl-c-bar__link.is-locked{opacity:.45} /* The name appears on hover, as a small label under the icon. */ .ifl-c-bar__name{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-4px);padding:5px 9px;border-radius:6px;background:var(--ifl-graphite);border:1px solid var(--ifl-line);color:var(--ifl-white);font:600 10px/1 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:60} .ifl-c-bar__link:hover .ifl-c-bar__name,.ifl-c-bar__link:focus-visible .ifl-c-bar__name{opacity:1;transform:translateX(-50%) translateY(0)} .ifl-c-bar__up{position:absolute;top:4px;right:3px;padding:1px 4px;border-radius:4px;background:var(--ifl-brass);color:var(--ifl-black);font:600 8px/1.3 var(--ifl-sans);letter-spacing:.06em;text-transform:uppercase} .ifl-c-count{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--ifl-gold);color:var(--ifl-black);font:600 10px/1 var(--ifl-sans)} .ifl-c-you__links .ifl-c-count,.ifl-c-mini .ifl-c-count{position:static;margin-left:auto} /* ---------- The avatar menu ---------- */ .ifl-c-acct{position:relative;margin-left:6px} .ifl-c-acct__btn{display:inline-flex;align-items:center;gap:4px;padding:3px;background:transparent;border:1px solid var(--ifl-line);border-radius:999px;cursor:pointer;color:var(--ifl-gray)} .ifl-c-acct__btn:hover{border-color:var(--ifl-gold)} .ifl-c-acct__caret{width:15px;height:15px} .ifl-c-avatar{width:32px;height:32px;border-radius:50%;display:block;object-fit:cover} .ifl-c-acct__menu{position:absolute;top:calc(100% + 10px);right:0;width:252px;padding:8px;background:var(--ifl-graphite);border:1px solid var(--ifl-line);border-radius:12px;box-shadow:var(--ifl-c-shadow);z-index:70} .ifl-c-acct__menu[hidden]{display:none} .ifl-c-acct__who{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 8px 8px;padding-bottom:8px;border-bottom:1px solid var(--ifl-line);font-size:14px} .ifl-c-acct__item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;color:var(--ifl-white)!important;font:500 14px/1.2 var(--ifl-sans)} .ifl-c-acct__item:hover{background:var(--ifl-c-gold-soft);color:var(--ifl-gold)!important} .ifl-c-acct__item .ifl-c-icon{width:17px;height:17px;flex:0 0 auto;color:var(--ifl-gray)} .ifl-c-acct__item.is-staff{color:var(--ifl-gold)!important} .ifl-c-acct__item--out{margin-top:6px;padding-top:12px;border-top:1px solid var(--ifl-line);border-radius:0 0 8px 8px} /* ---------- The three columns ---------- */ .ifl-c-shell{display:grid;grid-template-columns:var(--ifl-c-rail-w) minmax(0,1fr) var(--ifl-c-cards-w);gap:var(--ifl-c-gap);align-items:start;max-width:1560px;margin:0 auto;padding:var(--ifl-c-gap) 20px 72px} .ifl-c-shell.is-guest{grid-template-columns:minmax(0,1fr);max-width:860px} .ifl-c-main{min-width:0} .ifl-c-screen{min-width:0} /* ---------- The left rail ---------- */ .ifl-c-rail{position:sticky;top:calc(var(--ifl-c-bar-h) + var(--ifl-c-gap));align-self:start;max-height:calc(100vh - var(--ifl-c-bar-h) - var(--ifl-c-gap) * 2);overflow-y:auto;padding:18px 14px;background:linear-gradient(180deg,#0E0E12 0%,#16141C 100%);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);scrollbar-width:thin} .admin-bar .ifl-c-rail{top:calc(var(--ifl-c-bar-h) + var(--ifl-c-gap) + 32px)} .ifl-c-rail__logo{display:flex;align-items:center;gap:10px;padding:0 6px 16px;margin-bottom:10px;border-bottom:1px solid var(--ifl-line);color:var(--ifl-white)!important} .ifl-c-rail__logo .ifl-mark{width:34px;height:22px} .ifl-c-rail__logo span{display:flex;flex-direction:column;gap:2px;min-width:0} .ifl-c-rail__logo strong{font:600 11px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase} .ifl-c-rail__logo em{font:400 11px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ifl-brass);font-style:normal} .ifl-c-rail__nav{display:flex;flex-direction:column;gap:1px} .ifl-c-rail__item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--ifl-gray)!important;font:500 14px/1.25 var(--ifl-sans)} .ifl-c-rail__item:hover{background:var(--ifl-c-gold-soft);color:var(--ifl-white)!important} .ifl-c-rail__item[aria-current="page"]{background:var(--ifl-c-gold-soft);color:var(--ifl-gold)!important} .ifl-c-rail__item .ifl-c-icon{width:18px;height:18px;flex:0 0 auto} .ifl-c-rail__item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ifl-c-rail__item.is-locked{opacity:.5} .ifl-c-rail__up{margin-left:auto;padding:2px 5px;border-radius:4px;background:var(--ifl-brass);color:var(--ifl-black);font:600 9px/1.3 var(--ifl-sans);letter-spacing:.06em;text-transform:uppercase} .ifl-c-rail__group{margin-top:20px} .ifl-c-rail__heading{margin:0 10px 7px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ifl-brass);font-family:var(--ifl-sans)} .ifl-c-rail__priv{margin-left:auto;color:var(--ifl-brass);font-size:18px;line-height:1} .ifl-c-rail__new{display:flex;align-items:center;gap:9px;margin-top:20px;padding:9px 10px;border:1px dashed var(--ifl-line);border-radius:9px;color:var(--ifl-gray)!important;font:600 11px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase} .ifl-c-rail__new:hover{border-color:var(--ifl-gold);color:var(--ifl-gold)!important} .ifl-c-rail__new .ifl-c-icon{width:16px;height:16px} .ifl-c-shell__rail-toggle{display:none} /* ---------- Cards ---------- */ .ifl-c-cards{position:sticky;top:calc(var(--ifl-c-bar-h) + var(--ifl-c-gap));align-self:start;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--ifl-c-bar-h) - var(--ifl-c-gap) * 2);overflow-y:auto;scrollbar-width:thin} .admin-bar .ifl-c-cards{top:calc(var(--ifl-c-bar-h) + var(--ifl-c-gap) + 32px)} .ifl-c-slot{position:relative} .ifl-c-slot.is-dragging{opacity:.4} .ifl-c-slot.is-over{outline:1px dashed var(--ifl-gold);outline-offset:3px;border-radius:var(--ifl-c-radius)} .ifl-c-slot__grip{position:absolute;top:10px;right:38px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:var(--ifl-gray);cursor:grab;opacity:0;transition:opacity .2s ease} .ifl-c-slot:hover .ifl-c-slot__grip,.ifl-c-slot__grip:focus-visible{opacity:1} .ifl-c-slot__grip .ifl-c-icon{width:15px;height:15px} .ifl-c-card{background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);overflow:hidden} .ifl-c-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px} .ifl-c-card__head h2{margin:0;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ifl-brass);font-family:var(--ifl-sans)} .ifl-c-card__fold{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:var(--ifl-gray);cursor:pointer;transition:transform .25s ease} .ifl-c-card__fold:hover{color:var(--ifl-white)} .ifl-c-card__fold .ifl-c-icon{width:16px;height:16px} .ifl-c-card__body{padding:0 14px 15px} .ifl-c-slot.is-folded .ifl-c-card__body{display:none} .ifl-c-slot.is-folded .ifl-c-card__fold{transform:rotate(-90deg)} .ifl-c-muted{color:var(--ifl-gray);font-size:14px;margin:0 0 10px} .ifl-c-reset{align-self:flex-start;margin-top:2px;padding:7px 11px;background:transparent;border:1px solid var(--ifl-line);border-radius:7px;color:var(--ifl-gray);font:600 9px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .ifl-c-reset:hover{border-color:var(--ifl-gold);color:var(--ifl-gold)} /* The You card */ .ifl-c-you__top{display:flex;align-items:center;gap:12px;margin-bottom:13px} .ifl-c-you__av{position:relative;flex:0 0 auto} .ifl-c-you__av .ifl-c-avatar{width:48px;height:48px} .ifl-c-you__name{margin:0;font:500 16px/1.2 var(--ifl-serif);font-family:var(--ifl-serif);color:var(--ifl-white)} .ifl-c-you__badges{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 0} .ifl-c-you__links{display:flex;flex-direction:column;gap:1px} .ifl-c-you__links a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:var(--ifl-white)!important;font:500 13.5px/1.2 var(--ifl-sans)} .ifl-c-you__links a:hover{background:var(--ifl-c-gold-soft);color:var(--ifl-gold)!important} .ifl-c-you__links .ifl-c-icon{width:16px;height:16px;flex:0 0 auto;color:var(--ifl-gray)} /* Badges */ .ifl-c-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font:600 9px/1.5 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap} .ifl-c-badge--admin{background:var(--ifl-gold);color:var(--ifl-black)} .ifl-c-badge--mod{background:var(--ifl-brass);color:var(--ifl-white)} .ifl-c-badge--founding{background:transparent;border:1px solid var(--ifl-gold);color:var(--ifl-gold)} .ifl-c-badge--tier{background:var(--ifl-graphite);border:1px solid var(--ifl-line);color:var(--ifl-gray)} .ifl-c-ai{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:var(--ifl-c-gold-soft);border:1px solid var(--ifl-gold);color:var(--ifl-gold);font:600 9px/1.5 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;cursor:help} /* Presence */ .ifl-c-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#49C17E;border:2px solid var(--ifl-panel)} .ifl-c-people{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none} .ifl-c-people a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;color:var(--ifl-white)!important;font-size:13.5px} .ifl-c-people a:hover{background:var(--ifl-c-gold-soft)} .ifl-c-people__av{position:relative;flex:0 0 auto} .ifl-c-people__av .ifl-c-avatar{width:30px;height:30px} .ifl-c-people__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ifl-c-mini{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none} .ifl-c-mini a{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:var(--ifl-white)!important;font-size:13.5px} .ifl-c-mini a:hover{background:var(--ifl-c-gold-soft);color:var(--ifl-gold)!important} .ifl-c-mini .ifl-c-icon{width:16px;height:16px;flex:0 0 auto;color:var(--ifl-gray)} .ifl-c-mini span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Welcome checklist */ .ifl-c-welcome__count{margin:0 0 7px;font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ifl-gray)} .ifl-c-welcome__bar{height:3px;border-radius:2px;background:var(--ifl-graphite);overflow:hidden;margin-bottom:13px} .ifl-c-welcome__bar span{display:block;height:100%;background:var(--ifl-gold);transition:width .5s var(--ifl-ease)} .ifl-c-welcome__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px} .ifl-c-welcome__list li{display:flex;align-items:center;gap:9px;font-size:14px} .ifl-c-welcome__list a{color:var(--ifl-white)!important} .ifl-c-welcome__list a:hover{color:var(--ifl-gold)!important} .ifl-c-welcome__list li.is-done{color:var(--ifl-gray)} .ifl-c-welcome__tick{flex:0 0 auto;width:17px;height:17px;border:1px solid var(--ifl-line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ifl-black)} .is-done .ifl-c-welcome__tick{background:var(--ifl-gold);border-color:var(--ifl-gold)} .ifl-c-welcome__tick .ifl-c-icon{width:11px;height:11px;stroke-width:2.6} .ifl-c-welcome__hide{margin-top:12px;padding:0;background:transparent;border:0;color:var(--ifl-gray);font:500 11px/1 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:underline} .ifl-c-welcome__hide:hover{color:var(--ifl-white)} /* Open questions */ .ifl-c-qlist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px} .ifl-c-qlist li{display:grid;grid-template-columns:17px 1fr;gap:4px 9px;align-items:start;font-size:14px} .ifl-c-qlist .ifl-c-icon{width:16px;height:16px;margin-top:2px;color:var(--ifl-brass)} .ifl-c-qlist a{color:var(--ifl-white)!important;line-height:1.4} .ifl-c-qlist a:hover{color:var(--ifl-gold)!important} .ifl-c-qlist__who{grid-column:2;color:var(--ifl-gray);font:600 9px/1.4 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase} /* Pinned */ .ifl-c-pinned{margin-bottom:22px;padding:17px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-left:2px solid var(--ifl-gold);border-radius:var(--ifl-c-radius)} .ifl-c-pinned__head{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ifl-gold);font-family:var(--ifl-sans)} .ifl-c-pinned__head .ifl-c-icon{width:15px;height:15px} .ifl-c-pinned__item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--ifl-graphite)} .ifl-c-pinned__item:first-of-type{border-top:0;padding-top:0} .ifl-c-pinned__item .ifl-c-avatar{width:38px;height:38px;flex:0 0 auto} .ifl-c-pinned__who{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 4px;font-size:14px} .ifl-c-pinned__text{margin:0 0 5px;color:var(--ifl-gray);font-size:14.5px;line-height:1.5} .ifl-c-pinned__more{font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase} .ifl-c-pin{cursor:pointer} /* ---------- BuddyPress and bbPress, in the Lab's colours ---------- */ .ifl-c-screen #buddypress{margin:0} .ifl-c-screen #buddypress .activity-list,.ifl-c-screen #buddypress ul.item-list{margin:0;padding:0;list-style:none} .ifl-c-screen #buddypress div.item-list-tabs ul{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 18px;padding:0;list-style:none;border-bottom:1px solid var(--ifl-line)} .ifl-c-screen #buddypress div.item-list-tabs ul li a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;color:var(--ifl-gray)!important;font:600 11px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid transparent} .ifl-c-screen #buddypress div.item-list-tabs ul li.current a,.ifl-c-screen #buddypress div.item-list-tabs ul li.selected a{color:var(--ifl-white)!important;border-bottom-color:var(--ifl-gold)} .ifl-c-screen #buddypress .activity-list li,.ifl-c-screen #buddypress ul.item-list li{padding:17px;margin:0 0 12px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius)} .ifl-c-screen #buddypress img.avatar{border-radius:50%;border:0} .ifl-c-screen #buddypress .activity-header,.ifl-c-screen #buddypress .item-meta{color:var(--ifl-gray);font-size:13.5px} .ifl-c-screen #buddypress .activity-content .activity-inner{color:var(--ifl-white)} .ifl-c-screen #buddypress input[type=text],.ifl-c-screen #buddypress input[type=email],.ifl-c-screen #buddypress input[type=password],.ifl-c-screen #buddypress input[type=search],.ifl-c-screen #buddypress textarea,.ifl-c-screen #buddypress select,.ifl-c-screen .bbp-the-content,.ifl-c-screen #bbpress-forums input[type=text],.ifl-c-screen #bbpress-forums textarea,.ifl-c-screen #bbpress-forums select{width:100%;padding:12px 14px;background:var(--ifl-black);color:var(--ifl-white);border:1px solid var(--ifl-line);border-radius:8px;font:400 15px/1.5 var(--ifl-sans)} .ifl-c-screen #buddypress textarea:focus,.ifl-c-screen #buddypress input:focus{border-color:var(--ifl-gold);outline:none} .ifl-c-screen #buddypress a.button:not(.bp-primary-action):not(.bp-secondary-action),.ifl-c-screen #buddypress button:not(.bp-primary-action):not(.bp-secondary-action),.ifl-c-screen #buddypress input[type=submit],.ifl-c-screen #bbpress-forums button,.ifl-c-screen #bbpress-forums input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;background:var(--ifl-gold);color:var(--ifl-black)!important;border:0;border-radius:2px;font:600 11px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .ifl-c-screen #buddypress a.button:not(.bp-primary-action):not(.bp-secondary-action):hover,.ifl-c-screen #buddypress input[type=submit]:hover{background:var(--ifl-white)} /* BuddyPress paints its lists and action rows near-white; the Lab is a dark room. */ .ifl-c-screen #buddypress ul.activity-list,.ifl-c-screen #buddypress ul.item-list,.ifl-c-screen #buddypress ul.bp-list,.ifl-c-screen #buddypress div.activity-meta,.ifl-c-screen #buddypress .activity-comments,.ifl-c-screen #buddypress div.item-list-tabs,.ifl-c-screen #buddypress .bp-feedback,.ifl-c-screen #buddypress .activity-header{background:transparent!important} .ifl-c-screen #buddypress .bp-feedback{border:1px solid var(--ifl-line);border-radius:10px;color:var(--ifl-gray);padding:13px 15px} /* The quiet row under a post: comment, favourite, delete — text, not blocks. */ .ifl-c-screen #buddypress div.activity-meta.action{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--ifl-graphite)} .ifl-c-screen #buddypress div.activity-meta .generic-button{display:inline-flex} .ifl-c-screen #buddypress div.activity-meta a.button{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:6px 11px;background:transparent!important;border:1px solid var(--ifl-line);border-radius:999px;color:var(--ifl-gray)!important;font:600 10px/1 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase} .ifl-c-screen #buddypress div.activity-meta a.button:hover{border-color:var(--ifl-gold);color:var(--ifl-gold)!important;background:var(--ifl-c-gold-soft)!important} .ifl-c-screen #buddypress div.activity-meta .comment-count{color:var(--ifl-white)} /* Only the action pills show their label; every other sr-only string stays hidden. */ .ifl-c-screen #buddypress div.activity-meta a.button .bp-screen-reader-text{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:nowrap} /* Group and member avatars: no white plate behind the placeholder. */ .ifl-c-screen #buddypress img.avatar,.ifl-c-screen #buddypress img.profile-photo{background:var(--ifl-graphite)!important} .ifl-c-screen #buddypress #whats-new-form{padding:17px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);margin-bottom:20px} .ifl-c-screen #buddypress div.pagination{color:var(--ifl-gray);margin-top:18px} .ifl-c-screen #bbpress-forums{font-family:var(--ifl-sans)} .ifl-c-screen #bbpress-forums li.bbp-header,.ifl-c-screen #bbpress-forums li.bbp-footer{background:var(--ifl-graphite);color:var(--ifl-gray);border:1px solid var(--ifl-line);font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase} .ifl-c-screen #bbpress-forums ul.bbp-forums,.ifl-c-screen #bbpress-forums ul.bbp-topics,.ifl-c-screen #bbpress-forums ul.bbp-replies{background:transparent;border:0} .ifl-c-screen #bbpress-forums li.bbp-body ul.forum,.ifl-c-screen #bbpress-forums li.bbp-body ul.topic{background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:10px;margin-bottom:9px;padding:13px} .ifl-c-screen #bbpress-forums .bbp-forum-title,.ifl-c-screen #bbpress-forums .bbp-topic-permalink{color:var(--ifl-white)!important;font:500 17px/1.3 var(--ifl-serif);font-family:var(--ifl-serif)} .ifl-c-screen #bbpress-forums .bbp-forum-title:hover,.ifl-c-screen #bbpress-forums .bbp-topic-permalink:hover{color:var(--ifl-gold)!important} .ifl-c-screen #bbpress-forums div.bbp-forum-content,.ifl-c-screen #bbpress-forums .bbp-topic-meta{color:var(--ifl-gray);font-size:13.5px} /* The doors page (closed community) */ .ifl-doors{padding:120px 0 140px} .ifl-doors__inner{max-width:720px} .ifl-doors h1{margin:14px 0 20px} .ifl-doors h1 em{color:var(--ifl-gold);font-style:italic} .ifl-doors p{color:var(--ifl-gray);font-size:19px;max-width:58ch} /* ---------- Narrower screens ---------- */ @media (max-width:1400px){ :root{--ifl-c-rail-w:236px;--ifl-c-cards-w:280px} } @media (max-width:1240px){ .ifl-c-shell{grid-template-columns:var(--ifl-c-rail-w) minmax(0,1fr)} .ifl-c-cards{display:none} .ifl-header--member .ifl-logo__room{display:none} } @media (max-width:1080px){ .ifl-header--member .ifl-logo span:not(.ifl-logo__room){display:none} } @media (max-width:900px){ .ifl-c-shell{grid-template-columns:minmax(0,1fr);padding:16px 16px 64px} .ifl-c-shell__rail-toggle{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 14px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:9px;color:var(--ifl-white);font:600 11px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .ifl-c-shell__rail-toggle .ifl-c-icon{width:17px;height:17px} .ifl-c-rail{display:none;position:static;max-height:none;margin-bottom:18px} .ifl-c-rail.is-open{display:block} .ifl-c-bar__wrap{padding:0 16px} .ifl-c-bar__link{width:42px;height:42px} .ifl-c-bar__name{display:none} .ifl-doors{padding:72px 0 88px} } @media (max-width:520px){ .ifl-c-acct__menu{position:fixed;left:12px;right:12px;top:auto;width:auto} } /* ---------- Light mode is not offered: the Lab is a dark room ---------- */ @media (prefers-reduced-motion:reduce){ .ifl-c-welcome__bar span,.ifl-c-bar__name,.ifl-c-card__fold{transition:none} } /* ---------- Feed furniture: the post box, search and filter rows ---------- */ /* BuddyPress titles the post box "Post Update" in an h1-sized heading. */ .ifl-c-screen #buddypress #whats-new-form h2, .ifl-c-screen #buddypress #whats-new-form legend, .ifl-c-screen #buddypress h2.bp-screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ifl-c-screen #buddypress #whats-new-form{background:var(--ifl-panel)!important;border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);padding:15px;margin-bottom:20px} .ifl-c-screen #buddypress #whats-new-form #whats-new-avatar{float:left;margin-right:12px} .ifl-c-screen #buddypress #whats-new-form .avatar{width:40px;height:40px} .ifl-c-screen #buddypress #whats-new-textarea textarea, .ifl-c-screen #buddypress #whats-new{min-height:52px} .ifl-c-screen #buddypress #whats-new-submit{margin-top:10px} /* The search + filter strip above the stream. */ .ifl-c-screen #buddypress .bp-list-filters, .ifl-c-screen #buddypress .subnav-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:0;list-style:none} .ifl-c-screen #buddypress .subnav-filters > li{margin:0;padding:0;background:transparent;border:0;list-style:none} .ifl-c-screen #buddypress .bp-search{flex:1 1 220px;min-width:0} .ifl-c-screen #buddypress .bp-search form{display:flex;align-items:stretch;gap:0} .ifl-c-screen #buddypress .bp-search label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ifl-c-screen #buddypress .bp-search input[type=search], .ifl-c-screen #buddypress .bp-search input[type=text]{flex:1 1 auto;width:auto;min-width:0;border-radius:8px 0 0 8px;border-right:0} .ifl-c-screen #buddypress .bp-search input[type=submit], .ifl-c-screen #buddypress .bp-search button[type=submit]{flex:0 0 auto;min-height:0;padding:0 16px;border-radius:0 8px 8px 0;white-space:nowrap} .ifl-c-screen #buddypress .component-filters, .ifl-c-screen #buddypress #activity-filter-select{flex:0 0 auto;display:flex;align-items:center;gap:8px} .ifl-c-screen #buddypress #activity-filter-select label, .ifl-c-screen #buddypress .component-filters label{position:static;width:auto;height:auto;clip:auto;color:var(--ifl-gray);font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap} .ifl-c-screen #buddypress #activity-filter-select select, .ifl-c-screen #buddypress .component-filters select{width:auto;min-width:150px;padding:9px 12px;border-radius:8px} /* The RSS link BuddyPress drops beside the filters. */ .ifl-c-screen #buddypress .feed, .ifl-c-screen #buddypress a.rss{display:inline-flex;align-items:center;gap:6px;color:var(--ifl-gray)!important;font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase} .ifl-c-screen #buddypress .feed:hover{color:var(--ifl-gold)!important} /* Group cards inside the stream shouldn't centre a giant avatar. */ .ifl-c-screen #buddypress .activity-inner .aligncenter{display:block;margin:10px 0} .ifl-c-screen #buddypress .activity-inner img.avatar{width:54px;height:54px} .ifl-c-screen #buddypress .activity-inner p{margin:6px 0} /* =========================================================================== The chat dock =========================================================================== */ .ifl-c-dock{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:12px} .ifl-c-dock__button{position:relative;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--ifl-gold);color:var(--ifl-black);border:0;border-radius:50%;box-shadow:var(--ifl-c-shadow);cursor:pointer;transition:transform .25s var(--ifl-ease),background .25s ease} .ifl-c-dock__button:hover{transform:translateY(-2px);background:var(--ifl-white)} .ifl-c-dock__button .ifl-c-icon{width:23px;height:23px;stroke-width:1.8} .ifl-c-dock__close{display:none} .ifl-c-dock.is-open .ifl-c-dock__open{display:none} .ifl-c-dock.is-open .ifl-c-dock__close{display:block} .ifl-c-dock__total{top:-2px;right:-2px;background:var(--ifl-black);color:var(--ifl-gold);border:1px solid var(--ifl-gold)} .ifl-c-dock__panel{order:-1;display:flex;flex-direction:column;width:380px;height:min(560px,calc(100vh - 140px));background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);box-shadow:var(--ifl-c-shadow);overflow:hidden} .ifl-c-dock__panel[hidden]{display:none} .ifl-c-dock__head{display:flex;align-items:center;gap:6px;padding:8px 8px 0;border-bottom:1px solid var(--ifl-line);background:var(--ifl-graphite)} .ifl-c-dock__tabs{display:flex;align-items:flex-end;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none} .ifl-c-dock__tabs::-webkit-scrollbar{display:none} .ifl-c-dock__tab{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ifl-gray);font:600 10px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap} .ifl-c-dock__tab:hover{color:var(--ifl-white)} .ifl-c-dock__tab.is-on{color:var(--ifl-gold);border-bottom-color:var(--ifl-gold)} .ifl-c-dock__tab .ifl-c-icon{width:17px;height:17px;flex:0 0 auto} .ifl-c-dock__tab .ifl-c-count{position:static;margin-left:2px} /* With more than three tabs, only the open one shows its name. */ .ifl-c-dock.is-tight .ifl-c-dock__tab:not(.is-on) .ifl-c-dock__tabname{display:none} .ifl-c-dock__tools{display:flex;align-items:center;gap:2px;padding-bottom:7px} .ifl-c-dock__full,.ifl-c-dock__hide{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:7px;color:var(--ifl-gray)!important;cursor:pointer} .ifl-c-dock__full:hover,.ifl-c-dock__hide:hover{background:var(--ifl-c-gold-soft);color:var(--ifl-gold)!important} .ifl-c-dock__full .ifl-c-icon,.ifl-c-dock__hide .ifl-c-icon{width:16px;height:16px} .ifl-c-dock__pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden} .ifl-c-dock__pane[hidden]{display:none} .ifl-c-dock__empty{padding:28px 20px;text-align:center;color:var(--ifl-gray);font-size:14px} .ifl-c-dock__empty .ifl-btn{margin-top:10px} /* A chat */ .ifl-c-chat{display:flex;flex-direction:column;min-height:0;flex:1 1 auto} .ifl-c-chat__who{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:11px 14px;border-bottom:1px solid var(--ifl-line);font-size:14px;color:var(--ifl-white)} .ifl-c-chat__who .ifl-c-icon{width:17px;height:17px;color:var(--ifl-gold)} .ifl-c-chat__blurb{flex:1 1 100%;color:var(--ifl-gray);font-size:12px} .ifl-c-chat__log{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin} .ifl-c-msg__who{display:flex;align-items:center;gap:6px;margin:0 0 4px;font:600 9px/1.4 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ifl-brass)} .ifl-c-msg__ago{margin-left:auto;color:var(--ifl-gray);font-weight:400;letter-spacing:.06em} .ifl-c-msg__body{padding:10px 13px;background:var(--ifl-graphite);border:1px solid var(--ifl-line);border-radius:12px;color:var(--ifl-white);font-size:14.5px;line-height:1.55;overflow-wrap:anywhere} .ifl-c-msg.is-mine .ifl-c-msg__body{background:var(--ifl-c-gold-soft);border-color:var(--ifl-brass)} .ifl-c-msg.is-agent .ifl-c-msg__body{border-left:2px solid var(--ifl-gold)} .ifl-c-msg__body a{color:var(--ifl-gold);text-decoration:underline} .ifl-c-dots{display:inline-flex;gap:4px;align-items:center;height:14px} .ifl-c-dots i{width:5px;height:5px;border-radius:50%;background:var(--ifl-gray);animation:ifl-c-blink 1.3s infinite} .ifl-c-dots i:nth-child(2){animation-delay:.18s} .ifl-c-dots i:nth-child(3){animation-delay:.36s} @keyframes ifl-c-blink{0%,80%,100%{opacity:.25}40%{opacity:1}} .ifl-c-chat__form{display:flex;align-items:flex-end;gap:8px;padding:11px;border-top:1px solid var(--ifl-line);background:var(--ifl-graphite)} .ifl-c-chat__form textarea{flex:1 1 auto;min-height:40px;max-height:120px;padding:10px 12px;background:var(--ifl-black);color:var(--ifl-white);border:1px solid var(--ifl-line);border-radius:9px;font:400 14.5px/1.45 var(--ifl-sans);resize:none} .ifl-c-chat__form textarea:focus{border-color:var(--ifl-gold);outline:none} .ifl-c-chat__send{flex:0 0 auto;min-height:40px;padding:0 15px;background:var(--ifl-gold);color:var(--ifl-black);border:0;border-radius:9px;font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .ifl-c-chat__send:hover{background:var(--ifl-white)} /* The staff inbox */ .ifl-c-inbox{display:flex;flex-direction:column;flex:1 1 auto;min-height:0} .ifl-c-inbox__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:thin} .ifl-c-inbox__list[hidden]{display:none} .ifl-c-inbox__row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;padding:11px;margin-bottom:5px;background:transparent;border:1px solid var(--ifl-line);border-radius:10px;text-align:left;cursor:pointer} .ifl-c-inbox__row:hover{border-color:var(--ifl-gold);background:var(--ifl-c-gold-soft)} .ifl-c-inbox__name{display:flex;align-items:center;gap:7px;color:var(--ifl-white);font:500 14px/1.3 var(--ifl-sans)} .ifl-c-inbox__ago{color:var(--ifl-gray);font:600 9px/1.4 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase} .ifl-c-inbox__ex{grid-column:1/-1;color:var(--ifl-gray);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ifl-c-needs{padding:2px 6px;border-radius:4px;background:var(--ifl-gold);color:var(--ifl-black);font:600 9px/1.5 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase} .ifl-c-inbox__thread{display:flex;flex-direction:column;flex:1 1 auto;min-height:0} .ifl-c-inbox__thread[hidden]{display:none} .ifl-c-inbox__back{padding:9px 13px;background:transparent;border:0;border-bottom:1px solid var(--ifl-line);color:var(--ifl-gray);font:600 10px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer} .ifl-c-inbox__back:hover{color:var(--ifl-gold)} /* Alerts */ .ifl-c-alerts{display:flex;flex-direction:column;flex:1 1 auto;min-height:0} .ifl-c-alerts__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:thin} .ifl-c-alert{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px;margin-bottom:5px;border:1px solid var(--ifl-line);border-radius:10px;color:var(--ifl-white)!important;font-size:14px} .ifl-c-alert.is-unread{border-left:2px solid var(--ifl-gold);background:var(--ifl-c-gold-soft)} a.ifl-c-alert:hover{border-color:var(--ifl-gold)} .ifl-c-alert__ago{color:var(--ifl-gray);font:600 9px/1.4 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap} .ifl-c-alerts__all{margin:0;padding:11px;background:var(--ifl-graphite);border:0;border-top:1px solid var(--ifl-line);color:var(--ifl-gray);font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .ifl-c-alerts__all:hover{color:var(--ifl-gold)} .ifl-c-alerts__all[hidden]{display:none} @media (max-width:520px){ .ifl-c-dock{right:12px;bottom:12px;left:12px;align-items:stretch} .ifl-c-dock__panel{width:auto;height:min(72vh,540px)} .ifl-c-dock__button{align-self:flex-end} } @media (prefers-reduced-motion:reduce){ .ifl-c-dots i{animation:none;opacity:.6} .ifl-c-dock__button{transition:none} } /* =========================================================================== The Community Panel =========================================================================== */ .ifl-c-panel{max-width:860px;margin:0 auto;padding:16px 0 40px} .ifl-c-panel__head h1{margin:8px 0 0} .ifl-c-panel__tabs{display:flex;flex-wrap:wrap;gap:2px;margin:26px 0 24px;border-bottom:1px solid var(--ifl-line)} .ifl-c-panel__tabs a{padding:10px 14px;color:var(--ifl-gray)!important;font:600 11px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid transparent} .ifl-c-panel__tabs a:hover{color:var(--ifl-white)!important} .ifl-c-panel__tabs a[aria-current="page"]{color:var(--ifl-gold)!important;border-bottom-color:var(--ifl-gold)} .ifl-c-panel__note{padding:11px 14px;margin:0 0 20px;background:var(--ifl-c-gold-soft);border-left:2px solid var(--ifl-gold);border-radius:0 8px 8px 0;color:var(--ifl-white);font-size:14px} .ifl-c-panel__block{padding:18px;margin:0 0 18px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius)} .ifl-c-panel__block h2{margin:0 0 10px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ifl-brass);font-family:var(--ifl-sans)} .ifl-c-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:22px} .ifl-c-stat{padding:18px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);text-align:center} .ifl-c-stat__n{display:block;font:500 38px/1 var(--ifl-serif);font-family:var(--ifl-serif);color:var(--ifl-gold)} .ifl-c-stat__l{display:block;margin-top:7px;font:600 9px/1.3 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ifl-gray)} .ifl-c-form label{display:block;margin-bottom:5px;font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ifl-gray)} .ifl-c-form input[type=text],.ifl-c-form input[type=url],.ifl-c-form input[type=number],.ifl-c-form input[type=password],.ifl-c-form textarea{width:100%;padding:11px 13px;background:var(--ifl-black);color:var(--ifl-white);border:1px solid var(--ifl-line);border-radius:8px;font:400 15px/1.5 var(--ifl-sans)} .ifl-c-form input:focus,.ifl-c-form textarea:focus{border-color:var(--ifl-gold);outline:none} .ifl-c-form p{margin:0 0 15px} .ifl-c-form > .ifl-btn{margin-top:6px} .ifl-c-table{width:100%;border-collapse:collapse;margin-bottom:22px} .ifl-c-table th,.ifl-c-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--ifl-graphite);vertical-align:top} .ifl-c-table thead th{font:600 9px/1.3 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ifl-brass);border-bottom-color:var(--ifl-line)} .ifl-c-table tbody th{font:500 14.5px/1.4 var(--ifl-sans);color:var(--ifl-white)} .ifl-c-switch{position:relative;display:inline-block;width:40px;height:22px;margin:0} .ifl-c-switch input{position:absolute;opacity:0;width:0;height:0} .ifl-c-switch span{position:absolute;inset:0;background:var(--ifl-graphite);border:1px solid var(--ifl-line);border-radius:999px;cursor:pointer;transition:background .25s ease} .ifl-c-switch span::before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ifl-gray);transition:transform .25s var(--ifl-ease),background .25s ease} .ifl-c-switch input:checked + span{background:var(--ifl-c-gold-soft);border-color:var(--ifl-gold)} .ifl-c-switch input:checked + span::before{transform:translateX(18px);background:var(--ifl-gold)} .ifl-c-switch input:focus-visible + span{outline:2px solid var(--ifl-gold);outline-offset:2px} .ifl-c-tick{display:inline-flex;align-items:center;gap:7px;margin:0 12px 6px 0;font:400 13.5px/1.3 var(--ifl-sans);letter-spacing:0;text-transform:none;color:var(--ifl-white)} .ifl-c-tick input{accent-color:var(--ifl-gold)} .ifl-c-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:14.5px} .ifl-c-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .ifl-c-ok{color:#49C17E;font-size:14px} .ifl-c-warn{color:var(--ifl-gold);font-size:14px} .ifl-c-bug__body{white-space:pre-wrap;word-break:break-word;margin:10px 0;padding:13px;background:var(--ifl-black);border:1px solid var(--ifl-line);border-radius:9px;color:var(--ifl-gray);font:400 13.5px/1.55 var(--ifl-sans)} .ifl-c-bug__form{display:flex;flex-wrap:wrap;gap:7px} .ifl-c-bug.is-fixed h2,.ifl-c-bug.is-closed h2{opacity:.6} @media (max-width:620px){ .ifl-c-table,.ifl-c-table tbody,.ifl-c-table tr,.ifl-c-table td,.ifl-c-table th{display:block;width:100%} .ifl-c-table thead{display:none} .ifl-c-table tr{padding:12px 0;border-bottom:1px solid var(--ifl-graphite)} .ifl-c-table th,.ifl-c-table td{border:0;padding:4px 0} } /* =========================================================================== The light interior. The Lab's chrome stays dark — top bar, Spaces rail, footer — and the room you work in is warm and light. Same brand, less cave. This works by redefining the brand tokens inside the shell, so every component above follows without being rewritten; the rail then takes the dark set back. =========================================================================== */ body.ifl-c .ifl-main{background:var(--ifl-c-ground)} :root{ --ifl-c-ground:#F3F0EA; /* the page behind the cards */ --ifl-c-surface:#FFFFFF; /* a card */ --ifl-c-ink:#1A1A1E; /* body text */ --ifl-c-ink-soft:#6B665F; /* muted text */ --ifl-c-edge:#E3DDD2; /* hairlines */ --ifl-c-sink:#F7F5F0; /* inputs, secondary surfaces */ --ifl-c-link:#8A6A24; /* gold dark enough to read on white */ } /* Flip the palette for everything inside the shell and the dock. */ .ifl-c-shell, .ifl-c-dock__panel{ --ifl-panel:var(--ifl-c-surface); --ifl-graphite:var(--ifl-c-sink); --ifl-line:var(--ifl-c-edge); --ifl-white:var(--ifl-c-ink); --ifl-gray:var(--ifl-c-ink-soft); --ifl-black:var(--ifl-c-surface); --ifl-gold:var(--ifl-c-link); --ifl-c-gold-soft:rgba(200,161,74,.14); --ifl-c-shadow:0 6px 20px rgba(26,22,14,.08); color:var(--ifl-c-ink); } /* The Spaces rail keeps the dark set. */ .ifl-c-rail{ --ifl-panel:#141417; --ifl-graphite:#1E1E22; --ifl-line:#2A2A2F; --ifl-white:#F7F5F2; --ifl-gray:#B5B5B5; --ifl-black:#0B0B0D; --ifl-gold:#C8A14A; --ifl-c-gold-soft:rgba(200,161,74,.14); color:#F7F5F2; border-color:#2A2A2F; } /* Headings in the light room are ink, not warm white. */ .ifl-c-shell h1,.ifl-c-shell h2,.ifl-c-shell h3,.ifl-c-shell h4{color:var(--ifl-c-ink)} .ifl-c-rail h1,.ifl-c-rail h2{color:#F7F5F2} .ifl-c-shell a{color:var(--ifl-c-link)} .ifl-c-shell a:hover{color:var(--ifl-c-ink)} .ifl-c-rail a:hover{color:#F7F5F2} /* Cards lift off the page instead of relying on a border alone. */ .ifl-c-card, .ifl-c-pinned, .ifl-c-panel__block, .ifl-c-stat{box-shadow:0 1px 2px rgba(26,22,14,.04),0 6px 16px rgba(26,22,14,.05)} /* Section labels: brass reads better than gold on warm white. */ .ifl-c-card__head h2, .ifl-c-panel__block h2, .ifl-c-pinned__head, .ifl-c-stat__l{color:#8A6A24} .ifl-c-stat__n{color:#8A6A24} /* Buttons keep the gold fill — it is the one loud thing on the page. */ .ifl-c-shell .ifl-btn, .ifl-c-dock__panel .ifl-c-chat__send{background:#C8A14A;color:#0B0B0D!important} .ifl-c-shell .ifl-btn:hover{background:#0B0B0D;color:#F7F5F2!important} .ifl-c-shell .ifl-btn--line{background:transparent;border:1px solid var(--ifl-c-edge);color:var(--ifl-c-ink)!important} .ifl-c-shell .ifl-btn--line:hover{background:transparent;border-color:#8A6A24;color:#8A6A24!important} /* Badges on a light card. */ .ifl-c-shell .ifl-c-badge--admin{background:#C8A14A;color:#0B0B0D} .ifl-c-shell .ifl-c-badge--mod{background:#8A6A24;color:#FFFFFF} .ifl-c-shell .ifl-c-badge--founding{border-color:#8A6A24;color:#8A6A24} .ifl-c-shell .ifl-c-badge--tier{background:var(--ifl-c-sink);border-color:var(--ifl-c-edge);color:var(--ifl-c-ink-soft)} .ifl-c-shell .ifl-c-ai,.ifl-c-dock__panel .ifl-c-ai{background:rgba(200,161,74,.16);border-color:#8A6A24;color:#8A6A24} .ifl-c-rail .ifl-c-badge--founding{border-color:#C8A14A;color:#C8A14A} /* The online dot sits on a white card now. */ .ifl-c-shell .ifl-c-dot{border-color:var(--ifl-c-surface)} /* Pinned keeps its gold spine; the fill goes pale. */ .ifl-c-pinned{background:#FFFCF5;border-left-color:#C8A14A} .ifl-c-pinned__head{color:#8A6A24} /* BuddyPress and bbPress inside the light room. */ .ifl-c-screen #buddypress .activity-list li, .ifl-c-screen #buddypress ul.item-list li, .ifl-c-screen #bbpress-forums li.bbp-body ul.forum, .ifl-c-screen #bbpress-forums li.bbp-body ul.topic, .ifl-c-screen #buddypress #whats-new-form{background:var(--ifl-c-surface)!important;border-color:var(--ifl-c-edge);box-shadow:0 1px 2px rgba(26,22,14,.04),0 6px 16px rgba(26,22,14,.05)} .ifl-c-screen #buddypress .activity-content .activity-inner, .ifl-c-screen #buddypress .activity-header{color:var(--ifl-c-ink)} .ifl-c-screen #buddypress .activity-header a, .ifl-c-screen #bbpress-forums .bbp-forum-title, .ifl-c-screen #bbpress-forums .bbp-topic-permalink{color:var(--ifl-c-ink)!important} .ifl-c-screen #buddypress .activity-header a:hover{color:#8A6A24!important} .ifl-c-screen #buddypress input[type=text], .ifl-c-screen #buddypress input[type=search], .ifl-c-screen #buddypress textarea, .ifl-c-screen #buddypress select, .ifl-c-screen #bbpress-forums input[type=text], .ifl-c-screen #bbpress-forums textarea{background:var(--ifl-c-sink);color:var(--ifl-c-ink);border-color:var(--ifl-c-edge)} .ifl-c-screen #buddypress img.avatar, .ifl-c-screen #buddypress img.profile-photo{background:var(--ifl-c-sink)!important} .ifl-c-screen #buddypress div.activity-meta.action{border-top-color:var(--ifl-c-edge)} .ifl-c-screen #buddypress div.activity-meta a.button{border-color:var(--ifl-c-edge);color:var(--ifl-c-ink-soft)!important} .ifl-c-screen #buddypress div.activity-meta a.button:hover{border-color:#8A6A24;color:#8A6A24!important} .ifl-c-screen #buddypress div.item-list-tabs ul{border-bottom-color:var(--ifl-c-edge)} .ifl-c-screen #buddypress div.item-list-tabs ul li.current a, .ifl-c-screen #buddypress div.item-list-tabs ul li.selected a{color:var(--ifl-c-ink)!important;border-bottom-color:#C8A14A} .ifl-c-screen #bbpress-forums li.bbp-header, .ifl-c-screen #bbpress-forums li.bbp-footer{background:var(--ifl-c-sink);border-color:var(--ifl-c-edge);color:var(--ifl-c-ink-soft)} /* The dock, light to match. */ .ifl-c-dock__panel{background:var(--ifl-c-surface);border-color:var(--ifl-c-edge)} .ifl-c-dock__head{background:var(--ifl-c-sink);border-bottom-color:var(--ifl-c-edge)} .ifl-c-dock__tab.is-on{color:#8A6A24;border-bottom-color:#C8A14A} .ifl-c-msg__body{background:var(--ifl-c-sink);border-color:var(--ifl-c-edge);color:var(--ifl-c-ink)} .ifl-c-msg.is-mine .ifl-c-msg__body{background:rgba(200,161,74,.12);border-color:rgba(138,106,36,.35)} .ifl-c-msg.is-agent .ifl-c-msg__body{border-left-color:#C8A14A} .ifl-c-chat__form{background:var(--ifl-c-sink);border-top-color:var(--ifl-c-edge)} .ifl-c-chat__form textarea{background:var(--ifl-c-surface)} .ifl-c-needs{background:#C8A14A;color:#0B0B0D} .ifl-c-alert.is-unread{background:rgba(200,161,74,.1);border-left-color:#C8A14A} /* The welcome progress bar and ticks. */ .ifl-c-welcome__bar{background:var(--ifl-c-edge)} .ifl-c-welcome__bar span{background:#C8A14A} .ifl-c-welcome__tick{border-color:var(--ifl-c-edge)} .is-done .ifl-c-welcome__tick{background:#C8A14A;border-color:#C8A14A;color:#0B0B0D} /* Panel switches. */ .ifl-c-switch span{background:var(--ifl-c-edge);border-color:var(--ifl-c-edge)} .ifl-c-switch span::before{background:#FFFFFF} .ifl-c-switch input:checked + span{background:rgba(200,161,74,.3);border-color:#8A6A24} .ifl-c-switch input:checked + span::before{background:#8A6A24} /* ---------- Forum categories, events, library, live ---------- */ .ifl-c-newcat{padding:16px;margin:0 0 20px;background:var(--ifl-panel);border:1px dashed var(--ifl-line);border-radius:var(--ifl-c-radius)} .ifl-c-newcat h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:#8A6A24;font-family:var(--ifl-sans)} .ifl-c-newcat h2 .ifl-c-icon{width:15px;height:15px} .ifl-c-newcat__row{display:flex;gap:8px;flex-wrap:wrap} .ifl-c-newcat input[type=text]{flex:1 1 220px;min-width:0;padding:11px 13px;background:var(--ifl-black);color:var(--ifl-white);border:1px solid var(--ifl-line);border-radius:8px;font:400 15px/1.5 var(--ifl-sans)} .ifl-c-newcat input[type=text]:focus{border-color:#8A6A24;outline:none} .ifl-c-event{padding:16px;margin:0 0 20px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-left:2px solid #C8A14A;border-radius:var(--ifl-c-radius)} .ifl-c-event__when{display:flex;align-items:center;gap:8px;margin:0 0 5px;font:500 16px/1.3 var(--ifl-serif);font-family:var(--ifl-serif);color:var(--ifl-white)} .ifl-c-event__when .ifl-c-icon{width:17px;height:17px;color:#8A6A24} .ifl-c-event__where{margin:0 0 13px;color:var(--ifl-gray);font-size:14px} .ifl-c-rsvp{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .ifl-c-rsvp__count{color:var(--ifl-gray);font:600 10px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase} .ifl-c-locked{padding:36px 24px;text-align:center;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius)} .ifl-c-locked h2{margin:8px 0 10px} .ifl-c-locked p{color:var(--ifl-gray);max-width:46ch;margin-inline:auto} .ifl-c-live{position:relative;margin:0 0 18px;border-radius:var(--ifl-c-radius);overflow:hidden;background:#0B0B0D} .ifl-c-live iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0} /* =========================================================================== Casting — the Talent tier's own page =========================================================================== */ .ifl-c-casting__head{margin-bottom:26px} .ifl-c-casting__head h1{margin:8px 0 10px;font-size:clamp(32px,4vw,52px)} .ifl-c-casting__sub{max-width:52ch;color:var(--ifl-gray);font-size:17px;margin:0} .ifl-c-casting__filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;margin:0 0 22px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:10px;font-size:14px} .ifl-c-featured__head{margin:0 0 14px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:#8A6A24;font-family:var(--ifl-sans)} .ifl-c-featured{margin-bottom:34px} .ifl-c-featured__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:18px} .ifl-c-casting__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px} .ifl-c-talent{display:flex;flex-direction:column;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:var(--ifl-c-radius);overflow:hidden;box-shadow:0 1px 2px rgba(26,22,14,.04),0 6px 16px rgba(26,22,14,.05);transition:transform .3s var(--ifl-ease),box-shadow .3s ease} .ifl-c-talent:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(26,22,14,.06),0 14px 28px rgba(26,22,14,.1)} .ifl-c-talent__shot{position:relative;display:block;aspect-ratio:4/5;background:var(--ifl-graphite);overflow:hidden} .ifl-c-talent__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0} .ifl-c-talent__shot .ifl-c-dot{right:10px;bottom:10px;width:13px;height:13px;border-width:2px} .ifl-c-talent__body{display:flex;flex-direction:column;gap:7px;padding:13px 14px 15px} .ifl-c-talent__name{margin:0;font:500 18px/1.25 var(--ifl-serif);font-family:var(--ifl-serif)} .ifl-c-talent__name a{color:var(--ifl-white)!important} .ifl-c-talent__name a:hover{color:#8A6A24!important} .ifl-c-talent__bio{margin:0;color:var(--ifl-gray);font-size:13.5px;line-height:1.5} .ifl-c-talent__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px} .ifl-c-talent.is-featured .ifl-c-talent__shot{aspect-ratio:3/4} .ifl-c-talent.is-featured{border-color:rgba(200,161,74,.45)} .ifl-c-talent.is-featured .ifl-c-talent__name{font-size:21px} /* "Ask me about" chips */ .ifl-c-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none} .ifl-c-tags a{display:inline-flex;padding:3px 9px;border-radius:999px;background:var(--ifl-graphite);border:1px solid var(--ifl-line);color:var(--ifl-gray)!important;font:500 11.5px/1.5 var(--ifl-sans)} .ifl-c-tags a:hover{border-color:#8A6A24;color:#8A6A24!important} .ifl-c-tags--sm a{font-size:11px;padding:2px 8px} .ifl-c-askme{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0} .ifl-c-askme__label{font:600 9px/1.4 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:#8A6A24} @media (max-width:560px){ .ifl-c-casting__grid{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:12px} .ifl-c-featured__grid{grid-template-columns:1fr} } /* Casting: filter bar, card meta line */ .ifl-c-castbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;margin:0 0 22px;background:var(--ifl-panel);border:1px solid var(--ifl-line);border-radius:10px} .ifl-c-castbar select{flex:0 1 auto;width:auto;min-width:160px;max-width:240px;padding:9px 12px;background:var(--ifl-black);color:var(--ifl-white);border:1px solid var(--ifl-line);border-radius:8px;font:400 14px/1.4 var(--ifl-sans)} .ifl-c-castbar .ifl-btn{flex:0 0 auto} .ifl-c-castbar select:focus{border-color:#8A6A24;outline:none} .ifl-c-castbar__clear{font:600 10px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ifl-gray)!important} .ifl-c-castbar__clear:hover{color:#8A6A24!important} .ifl-c-talent__meta{margin:0;font:600 9.5px/1.4 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;color:#8A6A24} .ifl-c-castingfields{margin:0 0 20px;padding:0;border:0} .ifl-c-castingfields legend{font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:#8A6A24;padding:0} @media (max-width:560px){ .ifl-c-castbar select{flex:1 1 100%;min-width:0;max-width:none} } /* ---------- The card pop-up ---------- */ .ifl-c-noscroll{overflow:hidden} .ifl-c-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:20px} .ifl-c-modal[hidden]{display:none} .ifl-c-modal__scrim{position:absolute;inset:0;background:rgba(8,7,5,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} .ifl-c-modal__box{position:relative;width:min(560px,100%);max-height:min(86vh,760px);overflow-y:auto;padding:26px;background:var(--ifl-c-surface);color:var(--ifl-c-ink);border:1px solid var(--ifl-c-edge);border-radius:16px;box-shadow:0 24px 60px rgba(8,7,5,.4);scrollbar-width:thin} .ifl-c-modal__x{position:absolute;top:12px;right:12px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--ifl-c-sink);border:1px solid var(--ifl-c-edge);border-radius:9px;color:var(--ifl-c-ink-soft);cursor:pointer} .ifl-c-modal__x:hover{border-color:#8A6A24;color:#8A6A24} .ifl-c-modal__x .ifl-c-icon{width:16px;height:16px} .ifl-c-modal__head{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;padding-right:40px} .ifl-c-modal__shot{width:104px;height:130px;object-fit:cover;border-radius:10px;flex:0 0 auto;background:var(--ifl-c-sink)} .ifl-c-modal__who h2{margin:0 0 5px;font:500 27px/1.15 var(--ifl-serif);font-family:var(--ifl-serif);color:var(--ifl-c-ink);display:flex;align-items:center;gap:8px} .ifl-c-dot--inline{position:static;width:9px;height:9px;border-color:var(--ifl-c-surface)} .ifl-c-modal__roles{margin:0 0 4px;font:600 11px/1.4 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ifl-c-ink)} .ifl-c-modal__meta{margin:0;font:600 9.5px/1.4 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase;color:#8A6A24} .ifl-c-modal__bio{margin:0 0 16px;color:var(--ifl-c-ink-soft);font-size:15px;line-height:1.6} .ifl-c-modal__label{margin:0 0 7px;font:600 9.5px/1 var(--ifl-sans);letter-spacing:.16em;text-transform:uppercase;color:#8A6A24} .ifl-c-modal .ifl-c-tags{margin-bottom:16px} .ifl-c-modal .ifl-c-tags span{display:inline-flex;padding:3px 9px;border-radius:999px;background:var(--ifl-c-sink);border:1px solid var(--ifl-c-edge);color:var(--ifl-c-ink-soft);font:500 11.5px/1.5 var(--ifl-sans)} .ifl-c-modal__reel{position:relative;margin-bottom:18px;border-radius:10px;overflow:hidden;background:#0B0B0D} .ifl-c-modal__reel iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0} .ifl-c-modal__actions{display:flex;flex-wrap:wrap;gap:8px} .ifl-c-imdb{font-weight:700;letter-spacing:.08em} .ifl-c-talent__roles{margin:0;font:600 11px/1.4 var(--ifl-sans);letter-spacing:.08em;color:var(--ifl-white)} .ifl-c-rolepick{margin:0 0 20px;padding:0;border:0} .ifl-c-rolepick legend{font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:#8A6A24;padding:0} .ifl-c-rolepick__group{margin:14px 0} .ifl-c-rolepick__group h4{margin:0 0 7px;padding-bottom:5px;border-bottom:1px solid var(--ifl-c-edge);font:600 9.5px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:#8A6A24;font-family:var(--ifl-sans)} /* Roles sit in columns so a performer isn't scrolling past every crew job. */ .ifl-c-rolepick__roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:2px 14px} .ifl-c-rolepick .ifl-c-tick{margin:0;padding:3px 0} .ifl-c-castingfields{margin-top:22px;padding-top:4px} .ifl-c-castingfields legend,.ifl-c-rolepick legend{padding-bottom:6px} @media (max-width:520px){ .ifl-c-modal{padding:12px} .ifl-c-modal__box{padding:20px;max-height:92vh} .ifl-c-modal__head{flex-direction:column;padding-right:36px} .ifl-c-modal__shot{width:88px;height:110px} } /* ---------- Standings ---------- */ .ifl-c-board__head{margin:0 0 12px;font:600 10px/1 var(--ifl-sans);letter-spacing:.2em;text-transform:uppercase;color:#8A6A24;font-family:var(--ifl-sans)} .ifl-c-board__list{margin:0;padding:0;list-style:none;counter-reset:none} .ifl-c-board__row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 6px;border-radius:9px} .ifl-c-board__row + .ifl-c-board__row{border-top:1px solid var(--ifl-line)} .ifl-c-board__row.is-me{background:var(--ifl-c-gold-soft)} .ifl-c-board__rank{font:500 15px/1 var(--ifl-serif);font-family:var(--ifl-serif);color:#8A6A24;text-align:right} .ifl-c-board__who{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ifl-white)!important;font-size:14px} .ifl-c-board__who .ifl-c-avatar{width:28px;height:28px;flex:0 0 auto} .ifl-c-board__who span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ifl-c-board__who:hover{color:#8A6A24!important} .ifl-c-board__pts{font:600 11px/1 var(--ifl-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ifl-gray)} .ifl-c-board__all{display:inline-block;margin-top:11px;font:600 10px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase} .ifl-c-you__pts{margin:4px 0 0;font:600 9.5px/1 var(--ifl-sans);letter-spacing:.14em;text-transform:uppercase;color:#8A6A24} /* The standings page gets roomier rows. */ .ifl-c-screen .ifl-c-board__row{padding:11px 10px} .ifl-c-screen .ifl-c-board__who .ifl-c-avatar{width:36px;height:36px} /* Casting / Crew cards: one primary action, the rest as quiet links, so every card ends at the same place whether or not someone has a reel or an IMDb. */ .ifl-c-talent{height:100%} .ifl-c-talent__body{flex:1 1 auto} .ifl-c-talent__actions{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:8px} .ifl-c-talent__open{width:100%} .ifl-c-talent__links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;font:600 10px/1 var(--ifl-sans);letter-spacing:.12em;text-transform:uppercase} .ifl-c-talent__links a{color:var(--ifl-gray)!important} .ifl-c-talent__links a:hover{color:#8A6A24!important} .ifl-c-talent__links i{color:var(--ifl-line);font-style:normal} .ifl-c-talent__tags{margin-top:2px} /* --------------------------------------------------------------- Headshots. Avatars are 4:5 portraits now, so anything that frames one has to say so. Without this the profile header renders the image at its natural 480x600 and the circle becomes a giant oval. --------------------------------------------------------------- */ /* Circled avatars crop to the middle of the frame instead of squashing. */ .ifl-c-screen #buddypress img.avatar{object-fit:cover} /* The profile header headshot: a rectangular portrait card, not a circle. Same 4:5 and same corner radius as the Casting and Crew cards, so a person's headshot reads as the same object wherever it appears. */ .ifl-c-screen #buddypress #item-header-avatar img.avatar{ width:200px;height:250px;max-width:40vw; border-radius:var(--ifl-c-radius);object-fit:cover;object-position:50% 30%; border:1px solid var(--ifl-c-edge); box-shadow:0 1px 2px rgba(26,22,14,.04),0 6px 16px rgba(26,22,14,.05) } @media (max-width:782px){ .ifl-c-screen #buddypress #item-header-avatar img.avatar{width:132px;height:165px} } /* The note on the avatar upload screen. */ .ifl-c-shotnote{ padding:11px 14px;margin:0 0 16px; background:rgba(200,161,74,.10);border-left:2px solid #C8A14A; border-radius:0 8px 8px 0;color:var(--ifl-c-ink);font-size:14px;line-height:1.5 } /* BuddyPress's own notice boxes on the avatar screen ship blue and yellow. */ .ifl-c-screen #buddypress .bp-feedback{ background:var(--ifl-c-sink)!important;border:1px solid var(--ifl-c-edge)!important; border-radius:8px;color:var(--ifl-c-ink)!important;box-shadow:none } .ifl-c-screen #buddypress .bp-feedback p{color:var(--ifl-c-ink)!important;font-style:normal} .ifl-c-screen #buddypress .bp-feedback .bp-icon{background:#8A6A24!important;border-radius:8px 0 0 8px} .ifl-c-screen #buddypress .bp-feedback.info{border-left:2px solid #C8A14A!important} .ifl-c-screen #buddypress .bp-help-text, .ifl-c-screen #buddypress p.bp-help-text{ background:var(--ifl-c-sink);border:1px solid var(--ifl-c-edge);border-radius:8px; padding:11px 14px;color:var(--ifl-c-ink-soft);font-style:normal;font-size:14px } .ifl-c-screen #buddypress span.bp-help-text{background:none;border:0;padding:0} .ifl-c-screen #buddypress .bp-avatar-status p.warning, .ifl-c-screen #buddypress p.warning{ background:var(--ifl-c-sink)!important;border:1px solid var(--ifl-c-edge)!important; border-left:2px solid #C8A14A!important;border-radius:0 8px 8px 0; padding:11px 14px;color:var(--ifl-c-ink)!important;font-size:14px } /* --------------------------------------------------------------- Profile header. BuddyPress's cover-image header computes its entire layout from the avatar's dimensions, assuming a square: the cover's height, the avatar's top margin and the content block's offsets are all derived from them. A 4:5 headshot turns that into a 900px grey slab with the photo stranded at the bottom. So the layout is taken over here: a cover strip, then a row of headshot + details beneath it. The !important is to beat BuddyPress's own inline