/* Creative Flair brand layer for BuddyBoss, Elementor and plugin pages. Loads on every page except the homepage and Opportunities. */ html:root{ --bb-primary-color:#15110C; --bb-primary-color-rgb:21,17,12; --bb-body-background-color:#FAFAF7; --bb-body-background-color-rgb:250,250,247; --bb-content-background-color:#FFFFFF; --bb-content-alternate-background-color:#F1EEE6; --bb-content-border-color:#E4DED2; --bb-content-border-color-rgb:228,222,210; --bb-headings-color:#15110C; --bb-headings-color-rgb:21,17,12; --bb-body-text-color:#2E271F; --bb-body-text-color-rgb:46,39,31; --bb-alternate-text-color:#5E564B; --bb-alternate-text-color-rgb:94,86,75; --bb-primary-button-background-regular:#15110C; --bb-primary-button-background-hover:#2E261D; --bb-primary-button-border-regular:#15110C; --bb-primary-button-border-hover:#2E261D; --bb-primary-button-text-regular:#FAFAF7; --bb-primary-button-text-regular-rgb:250,250,247; --bb-primary-button-text-hover:#FAFAF7; --bb-primary-button-text-hover-rgb:250,250,247; --bb-secondary-button-background-regular:#FAFAF7; --bb-secondary-button-background-hover:#15110C; --bb-secondary-button-border-regular:#15110C; --bb-secondary-button-border-hover:#15110C; --bb-secondary-button-text-regular:#15110C; --bb-secondary-button-text-hover:#FAFAF7; --bb-sidenav-menu-background-color-active:#15110C; --bb-sidenav-count-background-color-hover:#15110C; --bb-sidenav-count-background-color-active:#15110C; --bb-login-register-link-color-regular:#15110C; --bb-login-register-link-color-hover:#8A6B3A; --bb-login-register-button-background-color-regular:#15110C; --bb-login-register-button-background-color-hover:#2E261D; } body.cfh-site{background-color:#FAFAF7;font-family:'Manrope','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body.cfh-site:not(.single-post) .entry-title, body.cfh-site .page-title, body.cfh-site:not(.single-post) .entry-header h1, body.cfh-site .bb-single-title, body.cfh-site:not(.single-post) .entry-content h1, body.cfh-site:not(.single-post) .entry-content h2, body.cfh-site:not(.single-post) .entry-content h3{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.01em;color:#15110C} body.cfh-site .entry-content{color:#2E271F} body.cfh-site:not(.single-post) .entry-content a:not([class]){color:#15110C;text-decoration:underline;text-decoration-color:#B89968;text-underline-offset:3px} body.cfh-site:not(.single-post) .entry-content a:not([class]):hover{color:#8A6B3A} body.cfh-site #content.site-content{padding-top:32px} @media (min-width:960px){body.cfh-site #content.site-content{padding-top:48px}} body.cfh-site.elementor-page #content.site-content, body.cfh-site.page-template-elementor_header_footer #content.site-content{padding-top:0} /* An empty sidebar leaves a blank column, so the content takes the full width instead. */ body.cfh-site .site-content-grid:has(> #secondary):not(:has(#secondary .widget:not(:empty))) > #secondary{display:none!important} body.cfh-site .site-content-grid:has(> #secondary):not(:has(#secondary .widget:not(:empty))) > #primary{flex:0 0 100%!important;max-width:100%!important;width:100%!important} /* The Journal has its own heading, so the plain "Articles" title bar above it goes. */ body.cfh-site.blog .site-content-grid:has(.cf-jr) > .bb-blog-dir-header{display:none!important} /* ------------------------------------------------------------------ * Guides. The existing post styling (Manrope, Apple style) stays; * this lines the page up with the header and fixes the gaps. * ------------------------------------------------------------------ */ body.single-post .elementor-location-single > .e-con:first-child{--content-width:1216px} @media (max-width:767px){body.single-post .elementor-location-single > .e-con{padding-left:20px!important;padding-right:20px!important}} /* One comfortable reading column, centred under the title. */ body.single-post .elementor-location-single .elementor-widget-theme-post-content{max-width:760px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important} /* Body text was falling back to a light Poppins; it is meant to be Manrope. */ body.single-post .elementor-widget-theme-post-content :is(p,li,td,th){font-family:'Manrope',-apple-system,system-ui,sans-serif!important;font-weight:400} body.single-post .elementor-widget-theme-post-content strong{font-weight:700!important} /* Author box and comments sit on the same reading column as the guide. */ body.single-post .elementor-location-single :is(.elementor-widget-author-box,.elementor-widget-divider,.elementor-widget-post-comments){max-width:760px;width:100%;margin-left:auto!important;margin-right:auto!important} body.single-post .elementor-widget-author-box .elementor-author-box{border-radius:20px} /* The old related posts grid pulled in art history posts from years ago; each guide now ends with its own Keep reading. */ body.single-post .elementor-location-single .elementor-widget-posts{display:none!important} /* ------------------------------------------------------------------ * Guide extras: VISIBLE part way through, and the ending. * Scoped by id so the post styling cannot repaint them. * ------------------------------------------------------------------ */ :is(#cfx-inline,#cfx-end){font-family:'Manrope',-apple-system,system-ui,sans-serif} :is(#cfx-inline,#cfx-end) a{border-bottom:0!important;padding-bottom:0!important;text-decoration:none!important} :is(#cfx-inline,#cfx-end) img{margin:0!important;display:block!important;max-width:100%!important;box-shadow:none} :is(#cfx-inline,#cfx-end) p{letter-spacing:0!important} #cfx-inline .cfx-eyebrow,#cfx-end .cfx-eyebrow{display:block;font:800 11px/1.3 'Manrope',-apple-system,system-ui,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:#8A6B3A!important} #cfx-end .cfx-eyebrow--gilt{color:#B89968!important} :is(#cfx-inline,#cfx-end) .cfx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px!important;border-radius:999px;border:1.5px solid transparent!important;font:700 15px/1.1 'Manrope',-apple-system,system-ui,sans-serif!important;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .12s ease} :is(#cfx-inline,#cfx-end) .cfx-btn:active{transform:scale(.98)} :is(#cfx-inline,#cfx-end) .cfx-btn--dark{background:#15110C;border-color:#15110C!important;color:#FAFAF7!important} :is(#cfx-inline,#cfx-end) .cfx-btn--dark:hover{background:#2E261D;color:#FAFAF7!important} #cfx-end .cfx-btn--gilt{background:#B89968;border-color:#B89968!important;color:#15110C!important;font-weight:800!important} #cfx-end .cfx-btn--gilt:hover{background:#C9AD80;border-color:#C9AD80!important;color:#15110C!important} #cfx-end .cfx-btn--light{background:transparent;border-color:rgba(241,238,230,.55)!important;color:#F1EEE6!important} #cfx-end .cfx-btn--light:hover{background:#F1EEE6;border-color:#F1EEE6!important;color:#15110C!important} #cfx-end .cfx-btn--line{background:transparent;border-color:#15110C!important;color:#15110C!important} :is(#cfx-inline,#cfx-end) .cfx-textlink{font:700 15px/1.3 'Manrope',-apple-system,system-ui,sans-serif!important;color:#15110C!important;text-decoration:underline!important;text-decoration-color:#B89968!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px} :is(#cfx-inline,#cfx-end) .cfx-textlink:hover{color:#8A6B3A!important} #cfx-inline{display:flex;gap:18px;align-items:flex-start;margin:40px 0 44px;padding:20px;border:1px solid #E4DED2;border-radius:20px;background:#F1EEE6} #cfx-inline .cfx-inline__cover{width:72px!important;height:auto!important;border-radius:6px!important;box-shadow:0 10px 24px rgba(21,17,12,.22);flex:none} #cfx-inline p{margin:8px 0 14px!important;font-size:16px!important;line-height:1.6!important;font-weight:500!important;color:#3B342B!important} #cfx-inline .cfx-inline__links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px} #cfx-inline .cfx-btn{min-height:44px;padding:0 18px!important;font-size:14px!important} @media (max-width:480px){#cfx-inline{padding:16px;gap:14px}#cfx-inline .cfx-inline__cover{width:56px!important}} #cfx-end{margin-top:56px;display:flex;flex-direction:column;gap:32px} #cfx-end .cfx-book{display:grid;gap:24px;align-items:center;background:#15110C;color:#F1EEE6;border-radius:24px;padding:28px 22px;overflow:hidden} #cfx-end .cfx-book h2{font:500 clamp(28px,3.2vw,38px)/1.1 'Playfair Display',Georgia,serif!important;letter-spacing:-.01em!important;color:#FAFAF7!important;margin:12px 0 0!important} #cfx-end .cfx-book h2 em{color:#B89968!important;font-style:italic} #cfx-end .cfx-book p{font-size:16px!important;line-height:1.65!important;font-weight:400!important;color:#D9D3C7!important;margin:12px 0 0!important} #cfx-end .cfx-proof{list-style:none!important;margin:18px 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:6px} #cfx-end .cfx-proof li{font:600 14px/1.5 'Manrope',-apple-system,system-ui,sans-serif!important;color:#F1EEE6!important;margin:0!important;padding:0!important;list-style:none!important} #cfx-end .cfx-proof li::before,#cfx-end .cfx-proof li::marker{content:none!important} #cfx-end .cfx-stars{color:#B89968;letter-spacing:2px} #cfx-end .cfx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} #cfx-end .cfx-book .cfx-small{font-size:13px!important;color:#9C9384!important;margin-top:12px!important} #cfx-end .cfx-book__cover{display:block;max-width:220px;width:100%;margin:0 auto} #cfx-end .cfx-book__cover img{width:100%!important;height:auto!important;border-radius:8px!important;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(2deg)} @media (min-width:768px){#cfx-end .cfx-book{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);padding:44px;gap:36px}} @media (max-width:767px){#cfx-end .cfx-book__cover{order:-1;max-width:140px}#cfx-end .cfx-actions .cfx-btn{width:100%}} #cfx-end .cfx-more__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px} #cfx-end .cfx-more h2{font:600 26px/1.2 'Manrope',-apple-system,system-ui,sans-serif!important;margin:0!important;color:#15110C!important;letter-spacing:-.02em!important} #cfx-end .cfx-more__grid{display:grid;gap:14px} @media (min-width:640px){#cfx-end .cfx-more__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}} #cfx-end .cfx-card{display:flex;flex-direction:column;gap:12px;color:#15110C!important} #cfx-end .cfx-card__img{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#F1EEE6} #cfx-end .cfx-card__img img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .4s ease} #cfx-end .cfx-card:hover .cfx-card__img img{transform:scale(1.03)} #cfx-end .cfx-card__title{font:600 16px/1.4 'Manrope',-apple-system,system-ui,sans-serif} #cfx-end .cfx-card:hover .cfx-card__title{text-decoration:underline;text-decoration-color:#B89968;text-underline-offset:3px} @media (max-width:639px){#cfx-end .cfx-card{flex-direction:row;align-items:center;gap:14px}#cfx-end .cfx-card__img{width:92px;flex:none;aspect-ratio:1;border-radius:14px}#cfx-end .cfx-card__title{font-size:15px}} #cfx-end .cfx-ig{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:18px;background:#F1EEE6;color:#15110C!important} #cfx-end .cfx-ig__text{font:500 15px/1.5 'Manrope',-apple-system,system-ui,sans-serif} #cfx-end .cfx-ig .cfx-btn{min-height:40px;padding:0 16px!important;font-size:14px!important;flex:none} /* Reading progress. */ .cfx-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;pointer-events:none} body.admin-bar .cfx-progress{top:32px} @media (max-width:782px){body.admin-bar .cfx-progress{top:46px}} .cfx-progress span{display:block;height:100%;background:#B89968;transform:scaleX(0);transform-origin:0 50%;will-change:transform} /* ------------------------------------------------------------------ * Resource Library. * ------------------------------------------------------------------ */ /* The shop's clearfix was taking the first grid cell, pushing every shelf one place to the right. */ .cf-rl ul.products::before,.cf-rl ul.products::after{content:none!important;display:none!important} @media (max-width:767px){html body .cf-rl .woocommerce ul.products:is(.columns-3,.columns-4){grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* A shelf with nothing on it yet stays hidden, along with its card in the shelf list. */ .cf-rl section.library-section:has(.woocommerce):not(:has(li.product)){display:none!important} .cf-rl:has(#working-life .woocommerce:empty) a.category-card[href="#working-life"]{display:none!important} /* Phone gutters on the post title and body line up with the header. */ @media (max-width:767px){body.single-post .elementor-widget-theme-post-content > .elementor-widget-container{padding-left:0!important;padding-right:0!important}} @media (prefers-reduced-motion:reduce){#cfx-end .cfx-card__img img,.cfx-btn{transition:none!important}}