/* The three book pages (books/forex/forex-trading-*.html), hand-built v3. One stylesheet; the book's level colour comes from main.bp.l1 / .l2 / .l3. */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section { padding: 100px 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp h2.display { font-size: clamp(30px, 3.6vw, 46px); margin: 14px 0 0; line-height: 1.1; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .display em { font-style: italic; color: var(--blue); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .lede { font-size: 19px; color: var(--ink-2); margin: 16px 0 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-head { max-width: 760px; margin: 0 0 52px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .eyebrow { color: var(--lv-t); } /* ---- top ---- */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-top { position: relative; padding: 40px 0 88px; background: linear-gradient(180deg, #fff 0%, var(--paper) 80%); border-bottom: 1px solid var(--rule); overflow: hidden; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 44%; background: radial-gradient(60% 50% at 55% 45%, var(--lv-bg), rgba(255,255,255,0) 75%), linear-gradient(rgba(7,24,39,.045) 1px, transparent 1px) 0 0 / 100% 64px; pointer-events: none; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top-in { position: relative; display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 72px; align-items: start; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-art { position: sticky; top: 110px; display: flex; flex-direction: column; align-items: center; padding-top: 48px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-edtag { margin: 44px 0 0; background: var(--navy); color: #C7D6E2; padding: 12px 16px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; border-left: 3px solid var(--gold); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-edtag b { display: block; color: #fff; font-family: var(--serif); font-size: 20px; letter-spacing: 0; text-transform: none; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-copy { max-width: 640px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-copy .breadcrumb { margin-bottom: 26px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-level { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--lv-t); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-level i { width: 28px; height: 3px; background: var(--lv); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top h1.display { font-size: clamp(40px, 4.8vw, 62px); line-height: 1.04; margin: 16px 0 10px; color: var(--navy); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sub { font-family: var(--serif); font-style: italic; font-size: 22px; line-height: 1.35; color: var(--ink-2); margin: 0 0 22px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-desc { font-size: 17.5px; line-height: 1.7; color: var(--ink-2); margin: 0 0 30px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-desc strong { color: var(--navy); font-weight: 600; } /* buy panel */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-buy { background: #fff; border: 1px solid var(--rule); border-top: 3px solid var(--lv); padding: 24px 26px 20px; box-shadow: 0 30px 60px -40px rgba(7,24,39,.45); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-buy-h { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; padding: 16px 18px; margin-bottom: 10px; border: 1.5px solid var(--rule); border-radius: 4px; color: var(--ink); min-height: 64px; transition: border-color .25s, background .25s, transform .25s var(--ease), box-shadow .25s; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt:first-of-type { background: var(--navy); border-color: var(--navy); color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt:hover { border-color: var(--blue); transform: translateY(-1px); box-shadow: 0 12px 24px -16px rgba(23,102,195,.6); color: var(--ink); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt:first-of-type:hover { background: var(--blue-text); border-color: var(--blue-text); color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt-n { font-weight: 600; font-size: 16px; display: flex; flex-direction: column; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt-n small { font-weight: 400; font-size: 13px; color: var(--ink-3); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt:first-of-type .bp-fmt-n small { color: #9FB0C2; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt b { font-size: 24px; font-weight: 700; letter-spacing: -.02em; color: inherit; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt svg { width: 16px; height: 16px; transition: transform .25s var(--ease); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt:hover svg { transform: translateX(3px); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-isbn { list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: 8px 28px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-isbn li { display: flex; flex-direction: column; font-size: 14px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-isbn span { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-isbn b { color: var(--navy); font-weight: 600; font-variant-numeric: tabular-nums; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-risk { font-size: 13px; color: var(--ink-3); margin: 14px 0 0; line-height: 1.55; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-jump { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 28px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-jump li { min-height: 36px; display: flex; align-items: center; } /* at a glance strip */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-glance { background: var(--navy); padding: 0; border: 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats li { display: flex; gap: 14px; align-items: center; padding: 22px 22px; color: #E6EEF6; font-size: 15px; font-weight: 500; border-left: 1px solid rgba(255,255,255,.08); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats li:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.08); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats li:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.08); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats svg { flex: none; width: 22px; height: 22px; color: var(--blue-light); } /* learn */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-learn { background: #fff; border-bottom: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--rule); border-left: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card { background: #fff; border: 0; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); border-radius: 0; padding: 34px 32px 32px; box-shadow: none; transform: none; transition: background .4s; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card:hover { background: var(--paper); transform: none; box-shadow: none; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card::before { width: 32px; height: 3px; background: var(--lv); margin-bottom: 20px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card h3 { font-size: 22px; line-height: 1.25; margin: 0 0 12px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card p { font-size: 15.5px; color: var(--ink-2); margin: 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card p em { display: block; font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--lv-t); margin-top: 14px; } /* chapters */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-chapters { background: var(--paper); scroll-margin-top: 70px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-chapters-in { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 72px; align-items: start; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-chapters-side { position: sticky; top: 110px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-chapters-side p { color: var(--ink-2); margin: 16px 0 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy .btn { width: 100%; justify-content: center; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy .link-arrow { margin-top: 4px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapters-list { border-top: 1px solid var(--rule); counter-reset: none; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-num { font-family: var(--serif); font-size: 40px; line-height: 1; font-weight: 700; color: var(--lv); font-variant-numeric: lining-nums; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-title h4 { font-family: var(--serif); font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--navy); margin: 0 0 8px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-title p { margin: 0 0 10px; font-size: 16px; color: var(--ink-2); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-title p.chapter-topics { font-size: 13.5px !important; line-height: 1.7; color: var(--ink-3) !important; margin: 0; } /* who (Book 1) */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-who { background: #fff; border-top: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist li { border-top: 3px solid var(--lv); padding: 24px 0 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist h3 { font-size: 21px; margin: 0 0 8px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist p { margin: 0; font-size: 15.5px; color: var(--ink-2); } /* course */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-course { background: radial-gradient(1000px 420px at 90% 0%, rgba(47,128,237,.22), transparent 60%), var(--navy); color: #fff; scroll-margin-top: 70px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course-in { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course .eyebrow { color: var(--blue-light); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course h2.display { color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course h2.display em { color: var(--blue-light); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course p { color: #C7D6E2; margin: 18px 0 0; font-size: 17px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course p strong { color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cfacts { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cfacts li { font-size: 13px; color: #C7D6E2; border: 1px solid rgba(255,255,255,.18); padding: 5px 11px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cfacts b { color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cfacts li.bp-freepill { background: rgba(31,157,116,.22); border-color: rgba(31,157,116,.5); color: #9BE3C8; font-weight: 700; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course-buy { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.12); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cprice { font-size: 40px; font-weight: 700; letter-spacing: -.02em; line-height: 1; display: flex; flex-direction: column; color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-cprice small { font-size: 13px; font-weight: 400; letter-spacing: 0; color: #9FB0C2; margin-top: 6px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .btn-light { background: #fff; color: var(--navy); border-color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .btn-light:hover { background: var(--blue-light); border-color: var(--blue-light); color: var(--navy); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen { display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 40px 80px -30px rgba(0,0,0,.6); transition: transform .5s var(--ease); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen:hover { transform: translateY(-4px); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: var(--cloud); border-bottom: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-bar i { width: 10px; height: 10px; border-radius: 50%; background: #D5DCE4; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-bar em { margin-left: 12px; font-style: normal; font-size: 12px; color: var(--ink-3); background: #fff; border: 1px solid var(--rule); border-radius: 999px; padding: 3px 12px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-body { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(120% 100% at 30% 0%, #17406f, var(--navy-2)); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .l2 .bp-screen-body { background: radial-gradient(120% 100% at 30% 0%, #155b4b, #0c3a33); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .l3 .bp-screen-body { background: radial-gradient(120% 100% at 30% 0%, #5e4721, #3a2c12); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-body img { position: absolute; right: 8%; top: 12%; width: 34%; height: auto; transform: rotate(6deg); box-shadow: 0 24px 44px rgba(0,0,0,.5); border-radius: 2px; transition: transform .6s var(--ease); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen:hover .bp-screen-body img { transform: rotate(2deg) translateY(-6px); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-play { position: absolute; left: 7%; top: 12%; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: var(--navy); display: grid; place-items: center; animation: pulse 2.6s infinite; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-play svg { width: 24px; height: 24px; margin-left: 3px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-t { position: absolute; left: 7%; bottom: 10%; max-width: 50%; color: #fff; font-family: var(--serif); font-size: 26px; line-height: 1.15; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-t small { display: block; font-family: var(--sans); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--blue-light); margin-bottom: 6px; } /* author */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-author { background: var(--paper); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-author-in { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 64px; align-items: center; max-width: 980px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-portrait { margin: 0; position: relative; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-portrait img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; filter: grayscale(1) contrast(1.05); border: 1px solid var(--rule); position: relative; z-index: 1; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-portrait::after { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 2px solid var(--blue); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-author p { color: var(--ink-2); margin: 18px 0 20px; font-size: 17px; } /* series */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-series { background: #fff; border-top: 1px solid var(--rule); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-svlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; padding: 26px 24px; border: 1px solid var(--rule); border-top: 3px solid var(--lv); background: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv.is-here { background: var(--paper); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv-l { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--lv-t); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-here { display: inline-block; margin-top: 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; background: var(--navy); color: #fff; padding: 3px 8px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv h3 { font-size: 20px; margin: 8px 0 8px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv h3 a { color: var(--navy); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv h3 a:hover { color: var(--blue-text); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv p { margin: 0; font-size: 14.5px; color: var(--ink-2); } /* end band */ :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-end { background: radial-gradient(1200px 400px at 85% 0%, rgba(47,128,237,.25), transparent 60%), var(--navy-2); padding: 88px 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end-in { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end h2.display { color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end p { color: #C7D6E2; margin: 14px 0 0; font-size: 17px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-btn-out { border-color: rgba(255,255,255,.55); color: #fff; background: transparent; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-btn-out:hover { background: #fff; color: var(--navy); border-color: #fff; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end .bp-risk { flex-basis: 100%; text-align: right; color: #9FB0C2; margin: 6px 0 0; font-size: 13px; } /* ---- responsive ---- */ @media (max-width: 1080px) { :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top-in { grid-template-columns: 320px minmax(0, 1fr); gap: 48px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top .b3d.lg { --w: 250px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist { grid-template-columns: repeat(2, 1fr); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist { grid-template-columns: repeat(2, 1fr); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-svlist { grid-template-columns: 1fr; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course-in, :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end-in { grid-template-columns: 1fr; gap: 48px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end-actions { justify-content: flex-start; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end .bp-risk { text-align: left; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats { grid-template-columns: repeat(2, 1fr); } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats li:nth-child(n) { border: 0; border-top: 1px solid rgba(255,255,255,.08); } } @media (max-width: 860px) { :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section { padding: 72px 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main.bp > section.bp-top { padding: 28px 0 64px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top::before { width: 100%; height: 520px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top-in { grid-template-columns: 1fr; gap: 24px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-art { position: static; padding-top: 0; order: 0; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-copy { order: -1; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-edtag { display: none; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top .b3d.lg { --w: 200px; --d: 18px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-art { padding-top: 16px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-chapters-in { grid-template-columns: 1fr; gap: 32px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-chapters-side { position: static; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy { flex-direction: row; flex-wrap: wrap; align-items: center; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy .btn { width: auto; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-author-in { grid-template-columns: 1fr; gap: 40px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-portrait { max-width: 240px; } } @media (max-width: 600px) { :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body main .wrap { padding: 0 16px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-top h1.display { font-size: 38px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sub { font-size: 19px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-buy { padding: 18px 16px 16px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt { gap: 12px; padding: 14px 14px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-fmt b { font-size: 21px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist, :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-wholist, :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats { grid-template-columns: 1fr; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-learnlist .feature-card { padding: 28px 22px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-feats li { padding: 16px 4px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-item { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-num { font-size: 30px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp .chapter-title h4 { font-size: 20px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-side-buy .btn, :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-end-actions .btn, :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-course-buy .btn { width: 100%; justify-content: center; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-screen-t { font-size: 18px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-play { width: 48px; height: 48px; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv { grid-template-columns: 1fr; } :root:is(.page-books-forex-forex-trading-foundations, .page-books-forex-forex-trading-strategies, .page-books-forex-forex-trading-mastery) body .bp-sv .b3d { display: none; } }