1 2 3 4<!DOCTYPE html> 5<html> 6 <head> 7 <meta charset="UTF-8"> 8<link href='https://static-media.hotmart.com/sWdE_7cGxv5hSce6Pwdp7udbpsY=/32x32/https://uploads.teachablecdn.com/attachments/a7a8193440a742fbb9e29789c29f641f.png' rel='icon' type='image/png'> 9 10<link href='https://static-media.hotmart.com/9XQtrnIdokjYreSQqdxZkDg2sKc=/72x72/https://uploads.teachablecdn.com/attachments/a7a8193440a742fbb9e29789c29f641f.png' rel='apple-touch-icon' type='image/png'> 11 12<link href='https://static-media.hotmart.com/E-8_g09KTqYmES_KcUHXQt462Uw=/144x144/https://uploads.teachablecdn.com/attachments/a7a8193440a742fbb9e29789c29f641f.png' rel='apple-touch-icon' type='image/png'> 13 14<link href='https://static-media.hotmart.com/yWf42AVrwoH3lgAOBZmvoTuLirU=/320x345/https://uploads.teachablecdn.com/attachments/bef69186208a4368baefca9e343bc046.jpg' rel='apple-touch-startup-image' type='image/png'> 15 16<link href='https://static-media.hotmart.com/UdSmDxsIikmlgwOGsDzzyOFIMNU=/640x690/https://uploads.teachablecdn.com/attachments/bef69186208a4368baefca9e343bc046.jpg' rel='apple-touch-startup-image' type='image/png'> 17 18<meta name='apple-mobile-web-app-capable' content='yes' /> 19<meta name="csrf-param" content="authenticity_token" /> 20<meta name="csrf-token" content="Gx6L6haS4obpYQRqA2oXwPDttpo4ME7czM-Hy0woEfCMDXABv0IocGOkvqcIjmahcT73EEMIMg2-G2WKcYG-kA" />
21<script src="https://releases.transloadit.com/uppy/v4.18.0/uppy.min.js"></script>
21<link rel="stylesheet" href="https://releases.transloadit.com/uppy/v4.18.0/uppy.min.css" /> 22<style type='text/css'>:root{--brand_primary: #333333;--brand_secondary: #5D77A2;--brand_heading: #333333;--brand_text: #333333;--brand_navbar_text: #FFFFFF;--brand_navbar_fixed_text: #FFFFFF;--brand_homepage_heading: #FFFFFF;--brand_course_heading: #FFFFFF;--brand_video_player_color: #5D77A2;--favicon_url: https://uploads.teachablecdn.com/attachments/a7a8193440a742fbb9e29789c29f641f.png;--font_family:Metropolis;} @font-face { 23 font-family: 'Metropolis'; 24 font-weight: normal; 25 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Regular.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Regular.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Regular.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Regular.otf?v=1") format("otf"); 26 font-display: swap; } 27 28@font-face { 29 font-family: 'Metropolis'; 30 font-weight: normal; 31 font-style: italic; 32 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-RegularItalic.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-RegularItalic.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-RegularItalic.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-RegularItalic.otf?v=1") format("otf"); 33 font-display: swap; } 34 35@font-face { 36 font-family: 'Metropolis'; 37 font-weight: 600; 38 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBold.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBold.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBold.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBold.otf?v=1") format("otf"); 39 font-display: swap; } 40 41@font-face { 42 font-family: 'Metropolis'; 43 font-weight: 600; 44 font-style: italic; 45 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBoldItalic.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBoldItalic.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBoldItalic.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-SemiBoldItalic.otf?v=1") format("otf"); 46 font-display: swap; } 47 48@font-face { 49 font-family: 'Metropolis'; 50 font-weight: bold; 51 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Bold.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Bold.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Bold.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-Bold.otf?v=1") format("otf"); 52 font-display: swap; } 53 54@font-face { 55 font-family: 'Metropolis'; 56 font-weight: bold; 57 font-style: italic; 58 src: url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-BoldItalic.woff2?v=1") format("woff2"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-BoldItalic.woff?v=1") format("woff"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-BoldItalic.ttf?v=1") format("ttf"), url("//assets.teachablecdn.com/fonts/metropolis/Metropolis-BoldItalic.otf?v=1") format("otf"); 59 font-display: swap; } 60</style> 61<link rel="stylesheet" href="https://fedora.teachablecdn.com/assets/pages-ffbb57f0e392071e4b5eded8d46c3a9ab5a2e074a30cf14d403b6ff91a59ca36.css" /> 62<style>/* ========================================================================== 63 Learn To Love Being You - Teachable restyle 64 CLEAN BUILD v28 · replaces every earlier version 65 66 PASTE INTO: Site > Code Snippets > Cascading Style Sheets 67 (delete everything in the box first, then paste this, save, hard-refresh) 68 69 TO UNDO: clear the box and save. 70 71 DIALS YOU MIGHT TOUCH (BANNER section) 72 brightness(.78) higher = brighter photo 73 rgba(10,10,10,.25) / .5 lower = lighter dark overlay 74 ========================================================================== */ 75 76/* fonts load from the Head Code Snippet (a blocking @import here caused the white flash) */ 77 78/* ============================================================== PALETTE */ 79:root{ 80 --lbu-black:#0A0A0A; 81 --lbu-panel:#161512; 82 --lbu-gold:#E8B547; 83 --lbu-gold-h:#F2C25E; 84 --lbu-gold-soft:#BFA76A;
85 --lbu-cream:#F5EFE0; 86 --lbu-body:#E9E2CC; 87 --lbu-faint:#BEB6A0; 88 --lbu-line:rgba(245,239,224,.14); 89 90 /* Teachable's own brand tokens */ 91 --brand_primary:#E8B547!important; 92 --brand_secondary:#E8B547!important; 93 --brand_heading:#F5EFE0!important; 94 --brand_text:#E9E2CC!important; 95 --brand_navbar_text:#F5EFE0!important; 96 --brand_navbar_fixed_text:#F5EFE0!important; 97 --brand_homepage_heading:#F5EFE0!important; 98 --brand_course_heading:#F5EFE0!important; 99 --brand_video_player_color:#E8B547!important; 100 101 /* product / checkout pages use HSL tokens instead */ 102 --primary:41deg 78% 59%!important; 103 --navigation:0deg 0% 4%!important; 104 --navigation-foreground:43deg 51% 92%!important; 105 --background:0deg 0% 4%!important; 106 --foreground:43deg 51% 92%!important; 107 --card:45deg 12% 8%!important; 108 --border:43deg 20% 20%!important; 109} 110 111/* ============================================================ BASE PAGE */ 112body,.blocks-page,main,.course-block,.block, 113[class*="-background_color"], 114.block:hover,[class*="-background_color"]:hover{ 115 background-color:var(--lbu-black)!important; 116 color:var(--lbu-body); 117 font-family:"Lato",sans-serif; 118} 119.blocks-page > div,.blocks-page > div > .block{background-color:#0A0A0A!important} 120.block{padding:56px 0!important;border:0!important} 121.banner{padding:0!important} 122.block:hover,section:hover{outline:none!important;box-shadow:none!important} 123hr{display:none!important} 124::selection{background:var(--lbu-gold);color:#0A0A0A} 125 126/* ============================================================== HEADINGS */ 127h1,h2,h3, 128.block__image-with-text__inner__heading, 129.block__video__heading_text, 130.featured-product-card__content__title{ 131 font-family:"Anton",sans-serif!important; 132 font-weight:400!important; 133 text-transform:uppercase!important; 134 letter-spacing:.02em!important; 135 line-height:1.08!important; 136 color:var(--lbu-cream)!important; 137} 138h1{font-size:clamp(32px,5vw,60px)!important} 139h2{font-size:clamp(26px,3.4vw,42px)!important} 140h3{font-size:clamp(20px,2.3vw,28px)!important} 141h4,h5,h6{ 142 font-family:"Oswald",sans-serif!important;font-weight:500!important; 143 text-transform:uppercase!important;letter-spacing:.12em!important; 144 font-size:13px!important;color:var(--lbu-gold-soft)!important; 145} 146 147/* ============================================================== BODY TEXT */ 148p,li,.rich-text,.block__text-wrapper, 149.featured-product-card__content__subtitle{ 150 font-family:"Lato",sans-serif!important; 151 font-weight:400!important;font-size:16.5px!important;line-height:1.7!important; 152 color:var(--lbu-body)!important; 153 text-transform:none!important;letter-spacing:normal!important; 154} 155.block__text-wrapper .rich-text, 156.block__text .rich-text{max-width:760px;margin:0 auto} 157a{color:var(--lbu-gold)} 158a:hover{color:var(--lbu-gold-h)} 159strong,b{color:var(--lbu-cream);font-weight:700} 160 161/* beat the colours Teachable bakes into blocks and inline spans */ 162[class*="-text_color"],[class*="-heading_color"],[class*="-heading_text_color"], 163[class*="-subheading_text_color"],[class*="-description_color"], 164[class*="-description_text_color"]{color:var(--lbu-body)!important} 165 166[class*="-heading_color"] h1,[class*="-heading_color"] h2,[class*="-heading_color"] h3, 167[class*="-heading_text_color"] h1,[class*="-heading_text_color"] h2,[class*="-heading_text_color"] h3, 168[class*="-heading_color"] .block__image-with-text__inner__heading{ 169 color:var(--lbu-cream)!important; 170} 171.rich-text span,.rich-text p,.rich-text li,.rich-text div,.rich-text font, 172.block__text-wrapper span,.block__text-wrapper p, 173.banner__heading-group span,[data-target] span{ 174 color:inherit!important;font-family:inherit!important;text-transform:none!important; 175} 176.rich-text p,.rich-text li,.rich-text div{color:var(--lbu-body)!important} 177.rich-text h1,.rich-text h2,.rich-text h3, 178.rich-text h1 span,.rich-text h2 span,.rich-text h3 span{ 179 color:var(--lbu-cream)!important;text-transform:uppercase!important; 180} 181.rich-text u{text-decoration:none!important} 182 183/* centred intro text blocks (e.g. above the before/after grid) */ 184.block.text .bl,.block.text .block__text-wrapper, 185.block.text .rich-text{text-align:center!important} 186.block.text .rich-text{margin-left:auto!important;margin-right:auto!important} 187 188/* ============================================================ PULL-QUOTES */ 189.rich-text em,.rich-text i,.rich-text p em{ 190 font-family:"Cormorant Garamond",Georgia,serif!important; 191 font-style:italic!important;font-weight:400!important; 192 font-size:19px!important;line-height:1.7!important; 193 color:var(--lbu-body)!important;text-transform:none!important; 194} 195blockquote,.rich-text blockquote{ 196 font-family:"Cormorant Garamond",Georgia,serif!important; 197 font-style:italic;font-size:21px!important;line-height:1.6!important; 198 color:var(--lbu-cream)!important;background:rgba(232,181,71,.05); 199 border-left:3px solid var(--lbu-gold)!important;border-radius:0 6px 6px 0; 200 padding:22px 26px!important;margin:24px auto;max-width:760px;text-transform:none!important; 201} 202 203/* ================================================================ NAVBAR */ 204.navbar,.navbar.at-top,.navbar.is-homepage{
205 background-color:rgba(10,10,10,.96)!important; 206 border:0!important;box-shadow:none!important;backdrop-filter:blur(6px); 207} 208.navbar *,.navbar__header,.navbar__header__actions, 209.navbar__menu,.navbar__menu__list,.navbar__menu__list li{background-color:transparent!important} 210.navbar li,nav li{list-style:none!important;background:transparent!important} 211.navbar li::marker,nav li::marker{content:none!important} 212.navbar a,.navbar__menu__list a, 213nav a[href*="/courses"],nav a[href*="products"]{ 214 font-family:"Oswald",sans-serif!important; 215 text-transform:uppercase;letter-spacing:.12em;font-size:12.5px; 216 color:var(--lbu-cream)!important; 217} 218.navbar a:hover,nav a[href*="products"]:hover{color:var(--lbu-gold)!important} 219.hamburger span,.hamburger span:before,.hamburger span:after{background-color:var(--lbu-cream)!important} 220.navbar__menu__list.menu{background-color:transparent!important;border:0!important;box-shadow:none!important} 221@media (max-width:767px){ 222 .navbar__menu__list.menu{background-color:var(--lbu-panel)!important;border:1px solid var(--lbu-line)!important} 223} 224.navbar__header__logolink img{mix-blend-mode:screen;filter:brightness(1.1)} 225 226/* log in / sign up, both page types */ 227nav a[href*="sign_in"],nav a[href*="/login"], 228.navbar a[href*="secure/"], 229a[href*="sign_in"][data-radix-collection-item]{ 230 display:inline-block!important;background:transparent!important; 231 border:1px solid var(--lbu-gold)!important;color:var(--lbu-gold)!important; 232 font-family:"Oswald",sans-serif!important;font-weight:500!important;font-size:12px!important; 233 letter-spacing:.14em!important;text-transform:uppercase!important; 234 padding:9px 18px!important;border-radius:2px!important;box-shadow:none!important;line-height:1.2!important; 235} 236nav a[href*="sign_in"]:hover,.navbar a[href*="secure/"]:hover, 237a[href*="sign_in"][data-radix-collection-item]:hover{ 238 background:var(--lbu-gold)!important;color:#0A0A0A!important; 239} 240 241/* ---- reader discount announcement bar ---- */ 242#obb-bar{position:relative;z-index:60;display:flex;align-items:center;justify-content:center; 243 background:#E8B547;color:#0A0A0A;padding:11px 46px 11px 18px;text-align:center} 244#obb-bar .obb-txt{font-family:"Oswald",sans-serif;font-size:12.5px;letter-spacing:.09em; 245 text-transform:uppercase;line-height:1.5;color:#0A0A0A} 246#obb-bar b,#obb-bar strong{color:#0A0A0A!important;font-weight:600} 247#obb-bar a{color:#0A0A0A!important;text-decoration:underline;font-weight:600;white-space:nowrap} 248#obb-bar button{background:none;border:0;color:#0A0A0A;font-size:20px;line-height:1;cursor:pointer; 249 position:absolute;right:14px;top:50%;transform:translateY(-50%);opacity:.55;padding:4px 8px} 250#obb-bar button:hover{opacity:1} 251 252/* =============================================================== BUTTONS */ 253.base-button,.banner__button,button.base-button, 254input[type="submit"],.block__button, 255.buy-now-button,.bg-primary,a.bg-primary,button.bg-primary{ 256 background-color:var(--lbu-gold)!important;border:1px solid var(--lbu-gold)!important; 257 color:#0A0A0A!important;font-family:"Oswald",sans-serif!important; 258 font-weight:500!important;font-size:13.5px!important;letter-spacing:.14em!important; 259 text-transform:uppercase!important;padding:17px 30px!important;border-radius:2px!important; 260 box-shadow:0 12px 30px rgba(232,181,71,.18); 261 transition:background .22s ease,transform .22s ease; 262} 263.base-button:hover,.banner__button:hover,button.base-button:hover, 264input[type="submit"]:hover,.buy-now-button:hover,.bg-primary:hover{ 265 background-color:var(--lbu-gold-h)!important;transform:translateY(-2px); 266} 267 268/* ================================================================= CARDS */ 269.featured-product-card,.course-block,[class*="-card_background_color"]{ 270 background-color:var(--lbu-panel)!important;border:1px solid var(--lbu-line)!important; 271 border-radius:6px!important;overflow:hidden; 272 transition:border-color .2s ease,transform .2s ease; 273} 274.featured-product-card:hover,.course-block:hover{ 275 border-color:var(--lbu-gold)!important;transform:translateY(-3px); 276} 277[class*="-card_border_color"]{border-color:var(--lbu-line)!important} 278.featured-product-card__progressbar{background-color:rgba(245,239,224,.15)!important} 279.featured-product-card__progressbar-fill{background-color:var(--lbu-gold)!important} 280.block img{border-radius:6px} 281 282/* page blocks also carry .course-block: strip the card border off them, 283 then give the real product cards their border back */ 284.course-block.banner,.course-block.block.banner,.block.banner,
285.course-block,.block,section.banner{border:0!important;box-shadow:none!important} 286.course-block.banner,.course-block.block.banner,.block.banner{ 287 background-color:#0A0A0A!important;border-radius:0!important; 288} 289.featured-product-card{border:1px solid var(--lbu-line)!important} 290 291/* ======================================== MEET MIKE (image-with-text block) 292 Matches the "Meet your guide" section on luvbeingu.com/courses: 293 gold Oswald label, big cream Anton headline, Lato body, 294 Cormorant italic quote in a dark card with a gold left bar. */ 295.block__image-with-text__inner{align-items:center!important;gap:44px!important} 296.block__image-with-text__text-wrapper{max-width:640px;padding-top:0!important} 297.block__image-with-text__image img{ 298 border-radius:6px;border:1px solid rgba(232,181,71,.3); 299 max-height:460px;object-fit:cover;width:100%; 300} 301 302/* body copy */ 303.block.image_with_text .rich-text{ 304 border:0!important;padding-left:0!important;text-align:left!important; 305} 306.block.image_with_text .rich-text::before{content:none!important} 307.block.image_with_text .rich-text p, 308.block.image_with_text .rich-text p span, 309.block.image_with_text .rich-text p em, 310.block.image_with_text .rich-text p i{ 311 font-family:"Lato",sans-serif!important; 312 font-weight:400!important;font-size:18px!important;line-height:1.75!important; 313 letter-spacing:0!important;text-transform:none!important; 314 color:var(--lbu-body)!important;text-align:left!important; 315 background:none!important;border:0!important; 316} 317.block.image_with_text .rich-text p{margin:0 0 18px 0!important;padding:0!important} 318.block.image_with_text .rich-text p span{font-style:normal!important} 319.block.image_with_text .rich-text p em, 320.block.image_with_text .rich-text p i{font-style:italic!important} 321 322/* blank lines from the editor */ 323.block.image_with_text .rich-text p:empty, 324.block.image_with_text .rich-text p:has(> br:only-child){display:none!important} 325 326/* headline (the heading field) + the MEET YOUR GUIDE label above it */ 327.block.image_with_text .header{ 328 width:100%!important;max-width:none!important; 329 margin:0 0 22px 0!important;padding:0!important; 330 text-align:left!important;background:none!important;border:0!important; 331} 332.block.image_with_text .header::before{ 333 content:"Meet your guide";display:block; 334 font-family:"Oswald",sans-serif;font-weight:500;font-size:14px;line-height:1.2; 335 letter-spacing:.18em;text-transform:uppercase;color:#E8B547; 336 margin:0 0 12px 0; 337} 338.block.image_with_text .header p, 339.block.image_with_text .header span, 340.block.image_with_text .header p span, 341.block.image_with_text .header p strong, 342.block.image_with_text .header p em, 343.block.image_with_text .header p b{ 344 font-family:"Anton",sans-serif!important; 345 font-style:normal!important;font-weight:400!important; 346 font-size:clamp(34px,4.4vw,54px)!important;line-height:1.05!important; 347 letter-spacing:.01em!important;text-transform:uppercase!important; 348 color:var(--lbu-cream)!important;text-align:left!important; 349 background:none!important;border:0!important;border-radius:0!important; 350 padding:0!important;margin:0!important; 351} 352 353/* the quote: last paragraph of the body */ 354.block.image_with_text .rich-text p:last-child:not(:first-child){ 355 font-family:"Cormorant Garamond",Georgia,serif!important; 356 font-style:italic!important;font-weight:400!important; 357 font-size:24px!important;line-height:1.6!important; 358 color:var(--lbu-cream)!important; 359 background:#15120E!important; 360 border-left:3px solid #E8B547!important; 361 border-radius:0 8px 8px 0!important; 362 padding:24px 28px!important;margin:30px 0 0 0!important; 363} 364.block.image_with_text .rich-text p:last-child:not(:first-child) span, 365.block.image_with_text .rich-text p:last-child:not(:first-child) em, 366.block.image_with_text .rich-text p:last-child:not(:first-child) i, 367.block.image_with_text .rich-text p:last-child:not(:first-child) strong{ 368 font-family:inherit!important;font-style:italic!important;font-weight:400!important; 369 font-size:inherit!important;line-height:inherit!important;color:inherit!important; 370} 371 372/* ============================================ COURSE CARDS (featured products) 373 "Two ways in. One direction." Everything here is CSS: the headline, badges, 374 descriptions, checklists and buttons are drawn over Teachable's card markup. 375 Cards are matched by product id, so their order in the block doesn't matter. 376 2765168 = LUV BEING U Program ($500) 377 2831957 = Anxiety Relief Action Plan ($50) */ 378 379/* --- section heading (typed in the block: h4 label, h2 headline, p intro) */ 380.block.featured_products .block__featured-products__heading_text{ 381 text-align:center!important;max-width:860px!important;margin:0 auto 56px!important; 382} 383.block.featured_products .block__featured-products__heading_text h4, 384.block.featured_products .block__featured-products__heading_text h4 *{ 385 font-family:"Oswald",sans-serif!important;font-weight:500!important;font-size:14px!important; 386 line-height:1.2!important;letter-spacing:.2em!important;text-transform:uppercase!important; 387 color:#E8B547!important;text-align:center!important;margin:0 0 18px 0!important; 388} 389.block.featured_products .block__featured-products__heading_text h2, 390.block.featured_products .block__featured-products__heading_text h2 *{ 391 font-family:"Anton",sans-serif!important;font-weight:400!important; 392 font-size:clamp(36px,5vw,64px)!important;line-height:1.02!important; 393 letter-spacing:.01em!important;text-transform:uppercase!important; 394 color:#F5EFE0!important;text-align:center!important;margin:0 0 22px 0!important; 395} 396.block.featured_products .block__featured-products__heading_text p{
397 font-family:"Lato",sans-serif!important;font-size:19px!important;line-height:1.65!important; 398 color:#E9E2CC!important;text-align:center!important; 399 max-width:760px!important;margin:0 auto!important; 400} 401.block.featured_products .block__featured-products__heading_text p:empty, 402.block.featured_products .block__featured-products__heading_text p:has(> br:only-child){display:none!important} 403 404/* --- grid ----------------------------------------------------------------- */ 405.block.featured_products .block__columns__fixed{ 406 max-width:1120px!important;margin:0 auto!important; 407 grid-column-gap:28px!important;column-gap:28px!important;row-gap:24px!important; 408 align-items:stretch!important; 409 grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important; 410} 411 412/* --- card shell ----------------------------------------------------------- */ 413.block.featured_products .featured-product-card{ 414 display:flex!important;padding:0!important; 415 width:auto!important;height:auto!important;min-height:0!important;max-height:none!important; 416 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 417 border-radius:8px!important;overflow:hidden!important; 418} 419.block.featured_products .featured-product-card[data-featured-product-id="2765168"]{ 420 border-color:rgba(232,181,71,.7)!important; 421 background:linear-gradient(180deg,#2A2214 0%,#171511 48%,#161512 100%)!important; 422} 423.block.featured_products .featured-product-card > a{ 424 display:flex!important;flex-direction:column!important; 425 width:100%;height:auto!important;padding:48px 48px 50px!important; 426 text-decoration:none!important;color:inherit!important; 427} 428.block.featured_products .featured-product-card__image-container, 429.block.featured_products .featured-product-card__author{display:none!important} 430.block.featured_products .featured-product-card__content{ 431 display:flex!important;flex-direction:column!important;flex:1 1 auto; 432 justify-content:flex-start!important;align-items:stretch!important;height:auto!important; 433 padding:0!important;text-align:left!important; 434} 435 436/* --- badge ---------------------------------------------------------------- */ 437.block.featured_products .featured-product-card__content::before{ 438 display:inline-block;align-self:flex-start;width:auto; 439 font-family:"Oswald",sans-serif;font-weight:500;font-size:13px;line-height:1; 440 letter-spacing:.18em;text-transform:uppercase; 441 padding:15px 18px;border-radius:999px;margin:0 0 26px 0; 442} 443.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content::before{ 444 content:"Main program \00b7 Most popular";background:#E8B547;color:#0A0A0A; 445} 446.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content::before{ 447 content:"Start here \00b7 Introduction";color:#BFA76A; 448 border:1px solid rgba(191,167,106,.55); 449} 450 451/* --- title ---------------------------------------------------------------- */ 452.block.featured_products .featured-product-card__content__title{ 453 font-family:"Anton",sans-serif!important;font-weight:400!important; 454 font-size:clamp(28px,3vw,40px)!important;line-height:1.05!important; 455 letter-spacing:.01em!important;text-transform:uppercase!important; 456 color:#F5EFE0!important;text-align:left!important;margin:0 0 16px 0!important; 457 white-space:normal!important;overflow:visible!important; 458} 459/* shorter title for the intro course */ 460.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__title{ 461 font-size:0!important; 462} 463.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__title::before{ 464 content:"Anxiety Relief Action Plan";display:block;font-size:clamp(28px,3vw,40px); 465} 466 467/* --- description + checklist (drawn over the subtitle) -------------------- */ 468.block.featured_products .featured-product-card__content__subtitle{ 469 display:block!important;font-size:0!important;margin:0 0 30px 0!important; 470 height:auto!important;max-height:none!important;overflow:visible!important; 471 white-space:normal!important;-webkit-line-clamp:unset!important; 472 text-overflow:clip!important;letter-spacing:0!important;text-transform:none!important; 473} 474.block.featured_products .featured-product-card__content__subtitle::before{ 475 display:block;margin:0 0 26px 0; 476 font-family:"Lato",sans-serif;font-weight:400;font-size:18.5px;line-height:1.65; 477 letter-spacing:0;text-transform:none;color:#EFE8D4; 478} 479.block.featured_products .featured-product-card__content__subtitle::after{ 480 display:block;white-space:pre;padding-left:30px; 481 font-family:"Lato",sans-serif;font-weight:400;font-size:17px;line-height:46px; 482 letter-spacing:0;text-transform:none;color:#EFE8D4; 483 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 46'%3E%3Cpath d='M2.5 23.5l3.5 3.5 7.5-8' fill='none' stroke='%23E8B547' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left top / 16px 46px repeat-y; 484} 485.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::before{ 486 content:"Ten weeks of guided lessons, daily worksheets and meditations that take you from the present moment, through shifting thoughts and rewriting core beliefs, to truth, forgiveness and gratitude."; 487} 488.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::after{ 489 content:"13 sections, 32 lessons, guided daily\AWorksheets, core belief and mindfulness meditations\A Bonu
489s continued healing calendar and journal\ALifetime access, including future updates"; 490} 491.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::before{ 492 content:"A short, practical introduction: breath work to calm the nervous system, how to anchor in the present moment, and a 30-minute guided grounding meditation."; 493} 494.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::after{ 495 content:"5 sections, 5 lessons\A\201C Breathe Into Your True Self\201D audio session\A 30-minute grounding meditation\ALifetime access"; 496} 497 498/* --- price row ------------------------------------------------------------ */ 499.block.featured_products .featured-product-card__meta{ 500 display:flex!important;align-items:center!important;justify-content:flex-start!important; 501 gap:20px!important;margin-top:auto!important;padding-top:30px!important; 502 align-self:stretch!important;width:100%!important;text-align:left!important; 503 border-top:1px solid rgba(245,239,224,.12)!important; 504} 505.block.featured_products .featured-product-card__price{ 506 font-family:"Anton",sans-serif!important;font-weight:400!important; 507 font-size:58px!important;line-height:1!important;letter-spacing:0!important; 508 color:#E8B547!important;margin:0!important;padding:0!important; 509 flex:0 0 auto!important;width:auto!important;text-align:left!important; 510} 511.block.featured_products .featured-product-card__meta::after{ 512 display:block;white-space:pre; 513 font-family:"Lato",sans-serif;font-size:15.5px;line-height:1.6;color:#C9BFA6; 514} 515.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__meta::after{ 516 content:"one time \00b7 lifetime access\A$375 with the reader code"; 517} 518.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__meta::after{ 519 content:"one time \00b7 lifetime access\A$37.50 with the reader code"; 520} 521 522/* --- button (the whole card is the link) --------------------------------- */ 523.block.featured_products .featured-product-card > a::after{ 524 display:block;margin-top:30px;padding:24px 20px;text-align:center; 525 font-family:"Oswald",sans-serif;font-weight:500;font-size:15px;line-height:1; 526 letter-spacing:.22em;text-transform:uppercase;border-radius:2px; 527 transition:background .22s ease,border-color .22s ease,color .22s ease; 528} 529.block.featured_products [data-featured-product-id="2765168"] > a::after{ 530 content:"Join the program";background:#E8B547;color:#0A0A0A; 531 box-shadow:0 14px 34px rgba(232,181,71,.2); 532} 533.block.featured_products [data-featured-product-id="2831957"] > a::after{ 534 content:"Start the plan";color:#F5EFE0;border:1px solid rgba(245,239,224,.3); 535} 536.block.featured_products [data-featured-product-id="2765168"]:hover > a::after{background:#F2C25E} 537.block.featured_products [data-featured-product-id="2831957"]:hover > a::after{ 538 border-color:#E8B547;color:#E8B547; 539} 540 541/* --- "View all products" under the cards --------------------------------- */ 542.block.featured_products .block__featured-products__button{ 543 display:flex!important;justify-content:center!important; 544 margin:48px auto 0!important;text-align:center!important; 545} 546.block.featured_products .block__featured-products__button .base-button{ 547 background:transparent!important;border:1px solid rgba(245,239,224,.3)!important; 548 color:#F5EFE0!important;box-shadow:none!important; 549 padding:19px 44px!important;min-width:280px; 550} 551.block.featured_products .block__featured-products__button .base-button:hover{ 552 border-color:#E8B547!important;color:#E8B547!important; 553 background:rgba(232,181,71,.06)!important;transform:none!important; 554} 555 556/* ================================ BEFORE / AFTER (2-column text-with-image-grid) 557 Scoped to the 2-column grid only, so the 3-column testimonials keep 558 their photos. */ 559.block.text_with_image_grid:has(.block__columns-per-row--2){padding-top:0!important} 560.block.text + .block.text_with_image_grid:has(.block__columns-per-row--2){margin-top:-30px!important} 561 562.block__columns-per-row--2 .block__columns{align-items:stretch!important;gap:22px!important} 563.block__columns-per-row--2 .block__column{ 564 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 565 border-radius:8px!important;padding:30px 28px!important;margin-top:0!important; 566} 567.block__columns-per-row--2 .block__column:last-child{ 568 border-color:rgba(232,181,71,.55)!important; 569 background:linear-gradient(180deg,rgba(232,181,71,.09),rgba(232,181,71,.015))!important; 570} 571.block__columns-per-row--2 .block__column > *:first-child{margin-top:0!important} 572.block__columns-per-row--2 .block__text-with-image-grid__column__image{ 573 display:none!important;height:0!important;margin:0!important;padding:0!important; 574} 575 576/* column headings: grey on the left card, gold on the right */ 577.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text, 578.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text *{ 579 font-family:"Oswald",sans-serif!important;font-style:normal!important;font-weight:500!important; 580 font-size:15px!important;letter-spacing:.14em!important;text-transform:uppercase!important; 581 text-decoration:none!important;color:#BEB6A0!important;text-align:center!important; 582} 583.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text{margin:0 0 20px 0!important} 584.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__heading-text, 585.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__heading-text *{ 586 color:#E8B547!important; 587} 588 589/* body lines with à and â markers */ 590.block__columns-per-row--2 .block__text-with-image-grid__column__body, 591.block__columns-per-row--2 .block__text-with-image-grid__column__body p, 592.block__columns-per-row--2 .block__text-with-image-grid__column__body span{ 593 font-family:"Lato",sans-serif!important;font-style:normal!important; 594 font-size:15.5px!important;line-height:1.65!important; 595 color:var(--lbu-body)!important;text-align:left!important; 596} 597.block__columns-per-row--2 .block__text-with-image-grid__column__body p{ 598 position:relative!important;padding-left:30px!important;margin:0 0 16px 0!important; 599} 600.block__columns-per-row--2 .block__text-with-image-grid__column__body p::before{ 601 content:"\00d7";position:absolute;
601left:4px;top:-1px; 602 color:#8F887A;font-size:17px;line-height:1.5; 603} 604.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__body p::before{ 605 content:"\2713";color:#E8B547;font-size:14px; 606} 607 608/* ======================================= TESTIMONIALS (3-column text-with-image-grid) 609 Photo on top, name in gold, quote underneath, equal-height cards. */ 610.block__columns-per-row--3 .block__columns{align-items:stretch!important} 611.block__columns-per-row--3 .block__column{ 612 display:flex!important;flex-direction:column!important; 613 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 614 border-radius:8px!important;overflow:hidden!important;padding:0!important; 615 transition:border-color .2s ease; 616} 617.block__columns-per-row--3 .block__column:hover{border-color:rgba(232,181,71,.5)!important} 618.block__columns-per-row--3 img.block__text-with-image-grid__column__image{ 619 display:block!important;width:100%!important;height:auto!important; 620 aspect-ratio:4/3;object-fit:cover!important;object-position:center 30%; 621 margin:0!important;border:0!important;border-radius:0!important; 622 border-bottom:1px solid rgba(232,181,71,.35)!important; 623} 624 625/* name */ 626.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text{ 627 padding:26px 28px 0!important;margin:0 0 12px 0!important;text-align:left!important; 628} 629.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text *{ 630 font-family:"Oswald",sans-serif!important;font-style:normal!important;font-weight:500!important; 631 font-size:14px!important;line-height:1.3!important;letter-spacing:.16em!important; 632 text-transform:uppercase!important;text-decoration:none!important; 633 color:#E8B547!important;text-align:left!important;margin:0!important; 634} 635.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text p:empty, 636.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text p:not(:has(:not(br))){ 637 display:none!important; 638} 639 640/* quote */ 641.block__columns-per-row--3 .block__text-with-image-grid__column__body{ 642 padding:0 28px 30px!important;margin:0!important;flex:1 1 auto; 643} 644.block__columns-per-row--3 .block__text-with-image-grid__column__body::before{content:none!important} 645.block__columns-per-row--3 .block__text-with-image-grid__column__body p, 646.block__columns-per-row--3 .block__text-with-image-grid__column__body p *{ 647 font-family:"Lato",sans-serif!important;font-style:normal!important; 648 font-size:16px!important;line-height:1.7!important; 649 color:#E9E2CC!important;text-align:left!important;margin:0!important;padding:0!important; 650} 651.block__columns-per-row--3 .block__text-with-image-grid__column__body p::before{content:none!important} 652.block__columns-per-row--3 .block__text-with-image-grid__column__body br{display:none!important} 653 654/* ================================================================ BANNER 655 Two elements carry the class "banner": the outer div.course-block.block.banner 656 and the inner section.banner. The scrim goes on the SECTION only; on the 657 outer div it paints over the headline and button. */ 658section.banner{position:relative!important;overflow:hidden} 659.course-block.banner::after, 660div.block.banner::after{display:none!important;content:none!important} 661 662section.banner::after{ 663 content:"";position:absolute;inset:0;pointer-events:none;z-index:1; 664 background:linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,.5) 100%); 665} 666.banner > img,.banner picture,.banner [class*="image_overlay"]{ 667 z-index:0!important;filter:brightness(.78) saturate(1)!important; 668} 669section.banner > .bl, 670section.banner .banner__inner, 671section.banner .banner__heading-group, 672section.banner .banner__button-wrapper, 673section.banner .rich-text{position:relative!important;z-index:6!important} 674 675/* content aligned with the nav container (both 960px) */ 676section.banner .banner__inner{ 677 max-width:960px!important;width:100%!important;margin:0 auto!important; 678 padding:104px 0 28px 0!important; 679} 680 681/* headline */ 682section.banner .banner__heading-group{margin:0 0 26px 0!important} 683.banner__heading-group h1,.banner__heading-group h1 *{ 684 font-family:"Anton",sans-serif!important;color:var(--lbu-cream)!important; 685 opacity:1!important;filter:none!important;mix-blend-mode:normal!important; 686 text-shadow:0 2px 18px rgba(0,0,0,.85); 687} 688section.banner .banner__heading-group h1{ 689 max-width:15ch!important;margin:0!important; 690 line-height:1.03!important;font-size:clamp(34px,4.4vw,58px)!important; 691} 692/* gold words, wrapped by the script in Head Code Snippets */ 693section.banner h1 .lbu-gold, 694section.banner .banner__heading-group h1 strong, 695section.banner .banner__heading-group h1 b, 696section.banner .banner__heading-group h1 [style*="color"]{ 697 color:#E8B547!important;font-weight:400!important; 698} 699 700/* subheading, split by the Head Code Snippets script */ 701.banner .rich-text p,.banner .rich-text p *{ 702 color:#EFE8D4!important;opacity:1!important; 703 font-size:17px!important;max-width:660px;text-shadow:0 1px 10px rgba(0,0,0,.8); 704} 705section.banner .lbu-eyebrow{ 706 display:block!important; 707 font-family:"Oswald",sans-serif!important; 708 font-size:12.5px!important;font-weight:500!important; 709 letter-spacing:.18em!important;text-transform:uppercase!important; 710 color:#E8B547!important;margin:0 0 14px 0!important;text-shadow:none!important; 711} 712section.banner .lbu-proof{ 713 display:block!important; 714 font-family:"Oswald",sans-serif!important; 715 font-size:12px!important;font-weight:400!important; 716 letter-spacing:.14em!important;text-transform:uppercase!important; 717 color:#BFA76A!important;margin:30px 0 0 0!important;text-shadow:none!important; 718} 719section.banner .subheader p{ 720 font-family:"Lato",sans-serif!important; 721 font-size:17px!important;font-weight:400!important; 722 letter-spacing:normal!important;text-transform:none!important; 723 color:#EFE8D4!important;max-width:620px!important; 724 margin:0!important;line-height:1.7!important; 725} 726 727/* stray empty lines in the banner fields */ 728section.banner h1 br.softbreak:last-child, 729section.banner .rich-text p:empty, 730section.banner .rich-text br:last-child{display:none!important} 731 732/* banner button */ 733.banner__button,.banner .base-button{ 734 background:#E8B547!important;color:#0A0A0A!important;opacity:1!important;filter:none!important; 735} 736section.banner .banner__button-wrapper{margin-top:36px!important} 737section.banner .banner__button{padding:18px 34px!important} 738 739/* ===================================== STANDALONE BUTTON BLOCK UNDER BANNER 740 Strip borders and backgrounds from every element in the block, then paint 741 one outline on the deepest clickable element. Never use a negative margin 742 here: the banner above clips it. */ 743.block.button,.block__button,[class*="button-block"], 744.course-block.button,.course-block.block.button{ 745 background:#0A0A0A!important;background-color:#0A0A0A!important; 746 margin:0!important;padding:0 0 40px 0!important; 747 position:relative!important;z-index:2!important;overflow:visible!important; 748} 749.block.button *,.block__button *{ 750 border:0!important;background:transparent!important; 751 background-color:transparent!important;box-shadow:none!important; 752 border-radius:0!important; 753} 754.block.button,.block.button *, 755.block__button,.block__button *{text-align:left!important} 756 757/* same 960px container as the banner */ 758.block.button .bl,.block.button > div,.block.button > div > div, 759.block__button .bl,.block__button > div,.block__button > div > div{ 760 max-width:960px!important;width:100%!important; 761 margin:0 auto!important;padding:0!important; 762} 763.block.button .bl,.block.button > div, 764.block__button .bl,.block__button > div{display:block!important} 765 766/* one outline, on the deepest clickable element */ 767.block.button a:not(:has(button)):not(:has(a)), 768.block.button button:not(:has(button)), 769.block__button a:not(:has(button)):not(:has(a)), 770.block__button button:not(:has(button)){ 771 display:inline-block!important;width:auto!important; 772 border:1px solid rgba(245,239,224,.35)!important; 773 border-radius:2px!important; 774 color:#F5EFE0!important; 775 font-family:"Oswald",sans-serif!important;font-weight:500!important; 776 font-size:13.5px!important;letter-spacing:.14em!important; 777 text-transform:uppercase!important;padding:17px 30px!important; 778} 779.block.button a,.block.button button, 780.block__button a,.block__button button{margin:0!important} 781.block.button a:hover,.block.button button:hover, 782.block__button a:hover,.block__button button:hover{ 783 border-color:#E8B547!important;color:#E8B547!important; 784} 785 786/* ===================================================== READER DISCOUNT BANNER 787 Second banner block ("Read the book. Save on the program."). The Head Code 788 Snippet adds the class .lbu-reader, the steps, the Amazon button and the 789 small print; this section styles them. */ 790 791/* photo stays on the right, text side fades to black so it reads cleanly */ 792section.banner.lbu-reader > img{ 793 left:auto!important;right:0!important;width:58%!important;height:100%!important; 794 object-fit:cover!important;object-position:62% center!important; 795} 796section.banner.lbu-reader::after{ 797 background:linear-gradient(90deg,
798 rgba(10,10,10,1) 0%,rgba(10,10,10,.96) 42%, 799 rgba(10,10,10,.45) 56%,rgba(10,10,10,.08) 72%,rgba(10,10,10,0) 100%)!important; 800} 801section.banner.lbu-reader .banner__inner{padding:96px 0 84px 0!important;align-items:flex-start!important;text-align:left!important} 802section.banner.lbu-reader .banner__heading-group, 803section.banner.lbu-reader .banner__button-wrapper, 804section.banner.lbu-reader .lbu-rd-note{max-width:600px!important} 805 806/* headline */ 807section.banner.lbu-reader .banner__heading-group{margin:0 0 22px 0!important} 808section.banner.lbu-reader .banner__heading-group h1{ 809 max-width:19ch!important;font-size:clamp(34px,4vw,54px)!important; 810 line-height:1.03!important;margin:0 0 20px 0!important; 811} 812 813/* intro paragraph */ 814section.banner.lbu-reader .subheader p.lbu-rd-intro, 815section.banner.lbu-reader .subheader p.lbu-rd-intro *{ 816 font-family:"Lato",sans-serif!important;font-size:18px!important; 817 line-height:1.7!important;color:#EFE8D4!important; 818 max-width:620px!important;margin:0 0 24px 0!important;text-shadow:none!important; 819} 820section.banner.lbu-reader .subheader p.lbu-rd-intro em{font-style:italic!important;margin:0!important} 821 822/* numbered steps */ 823section.banner.lbu-reader .lbu-rd-steps{ 824 list-style:none!important;margin:0!important;padding:0!important;counter-reset:lbu-step; 825} 826section.banner.lbu-reader .lbu-rd-steps li{ 827 position:relative!important;counter-increment:lbu-step; 828 padding:3px 0 0 52px!important;margin:0 0 18px 0!important;min-height:32px; 829 font-family:"Lato",sans-serif!important;font-size:17.5px!important;line-height:1.55!important; 830 color:#EFE8D4!important;text-shadow:none!important; 831} 832section.banner.lbu-reader .lbu-rd-steps li::before{ 833 content:counter(lbu-step); 834 position:absolute;left:0;top:0;width:32px;height:32px;box-sizing:border-box; 835 display:flex;align-items:center;justify-content:center; 836 border:1px solid rgba(232,181,71,.55);border-radius:50%; 837 background:rgba(232,181,71,.06);color:#E8B547; 838 font-family:"Oswald",sans-serif;font-size:13px;font-weight:500; 839} 840 841/* two buttons side by side, same height */ 842section.banner.lbu-reader .banner__button-wrapper{ 843 display:flex!important;flex-wrap:wrap!important;align-items:stretch!important; 844 gap:18px!important;margin-top:30px!important; 845} 846section.banner.lbu-reader .banner__button-wrapper > a:first-child{display:flex!important} 847section.banner.lbu-reader .banner__button{margin:0!important;padding:22px 40px!important} 848section.banner.lbu-reader a.lbu-rd-amazon{ 849 display:inline-flex!important;align-items:center;justify-content:center; 850 padding:22px 40px;border:1px solid rgba(245,239,224,.3);border-radius:2px; 851 background:rgba(10,10,10,.4);color:#F5EFE0!important;text-decoration:none!important; 852 font-family:"Oswald",sans-serif;font-weight:500;font-size:13.5px;line-height:1.2; 853 letter-spacing:.14em;text-transform:uppercase; 854 transition:border-color .22s ease,color .22s ease; 855} 856section.banner.lbu-reader a.lbu-rd-amazon:hover{border-color:#E8B547;color:#E8B547!important} 857 858/* small print */ 859section.banner.lbu-reader p.lbu-rd-note{ 860 font-family:"Lato",sans-serif!important;font-size:14.5px!important; 861 line-height:1.6!important;color:#A9A08C!important; 862 margin:22px 0 0 0!important;text-shadow:none!important; 863} 864 865@media (max-width:767px){ 866 section.banner.lbu-reader > img{width:100%!important;object-position:center!important} 867 section.banner.lbu-reader::after{background:rgba(10,10,10,.94)!important} 868 section.banner.lbu-reader .banner__inner{padding:56px 20px 48px!important} 869 section.banner.lbu-reader .banner__heading-group h1{font-size:30px!important;max-width:100%!important} 870 section.banner.lbu-reader .subheader p.lbu-rd-intro, 871 section.banner.lbu-reader .subheader p.lbu-rd-intro *{font-size:16px!important} 872 section.banner.lbu-reader .lbu-rd-steps li{font-size:15.5px!important;padding-left:46px!important} 873 section.banner.lbu-reader .banner__button-wrapper > a, 874 section.banner.lbu-reader a.lbu-rd-amazon{width:100%!important} 875 section.banner.lbu-reader .banner__button{width:100%!important} 876} 877 878/* ============================================= EMAIL SIGN-UP (email leads block) */ 879.block.email_leads_form section.block__email_leads{ 880 padding:80px 20px 96px!important;background:#0A0A0A!important; 881} 882.block.email_leads_form form{ 883 position:relative;max-width:620px!important;margin:0 auto!important; 884 background:linear-gradient(180deg,#1B1813 0%,#141310 100%)!important; 885 border:1px solid rgba(245,239,224,.12)!important;border-top:2px solid #E8B547!important; 886 border-radius:8px!important;padding:52px 52px 40px!important; 887 text-align:center!important;box-shadow:0 30px 80px rgba(0,0,0,.45); 888} 889.block.email_leads_form form > h4, 890.block.email_leads_form form > h4 *{ 891 font-family:"Anton",sans-serif!important;font-weight:400!important; 892 font-size:clamp(30px,3.4vw,40px)!important;line-height:1.08!important; 893 letter-spacing:.01em!important;text-transform:uppercase!important; 894 color:#F5EFE0!important;margin:0 0 14px 0!important;text-align:center!important; 895} 896.block.email_leads_form form > p:not(.disclaimer_text){ 897 font-family:"Lato",sans-serif!important;font-size:17px!important;line-height:1.65!important; 898 color:#E9E2CC!important;max-width:440px!important;margin:0 auto 34px!important; 899 text-align:center!important; 900} 901.block.email_leads_form fieldset{border:0!important;padding:0!important;margin:0!important;text-align:left!important} 902.block.email_leads_form label[for="email"]{ 903 display:block!important;margin:0 0 9px 0!important; 904 font-family:"Oswald",sans-serif!important;font-size:12px!important;font-weight:500!important; 905 letter-spacing:.16em!important;text-transform:uppercase!important;color:#BFA76A!important; 906} 907.block.email_leads_form input.block__email_leads__input{ 908 width:100%!important;height:58px!important;box-sizing:border-box!important; 909 background:#0C0B09!important;border:1px solid rgba(245,239,224,.2)!important; 910 border-radius:2px!important;padding:0 18px!important; 911 font-family:"Lato",sans-serif!important;font-size:16.5px!important;color:#F5EFE0!important; 912 transition:border-color .2s ease,box-shadow .2s ease; 913} 914.block.email_leads_form input.block__email_leads__input:focus{ 915 border-color:#E8B547!important;box-shadow:0 0 0 3px rgba(232,181,71,.15)!important; 916} 917.block.email_leads_form .block__email_leads__checkbox_wrapper{ 918 display:flex!important;align-items:flex-start!important;gap:12px!important; 919 margin:20px 0 28px 0!important; 920} 921.block.email_leads_form input.block__email_leads__checkbox{ 922 flex:0 0 auto;width:18px!important;height:18px!important;margin:2px 0 0 0!important; 923 accent-color:#E8B547;cursor:pointer; 924} 925.block.email_leads_form .block__email_leads__checkbox_wrapper label{ 926 font-family:"Lato",sans-serif!important;font-size:14px!important;font-weight:400!important; 927 line-height:1.55!important;letter-spacing:0!important;text-transform:none!important; 928 color:#BEB6A0!important;margin:0!important;cursor:pointer; 929} 930.block.email_leads_form button.base-button{ 931 width:100%!important;margin:0!important;padding:20px 30px!important; 932} 933.block.email_leads_form p.disclaimer_text{ 934 font-family:"Lato",sans-serif!important;font-size:13.5px!important; 935 color:#8F887A!important;margin:18px 0 0 0!important;text-align:center!important; 936} 937.block.email_leads_form .block__email_leads__error{ 938 font-family:"Lato",sans-serif;font-size:14px;color:#E8866B;margin-top:12px; 939} 940.block.email_leads_form .block__email_leads__success{ 941 max-width:620px;margin:0 auto;padding:40px 30px;text-align:center; 942 font-family:"Lato",sans-serif;font-size:18px;color:#F5EFE0; 943 background:#161512;border:1px solid rgba(232,181,71,.4);border-radius:8px; 944} 945 946/* ======================================================= PRODUCT / PDP PAGE */ 947.bg-white,[class*="bg-white"]{background-color:var(--lbu-panel)!important;color:var(--lbu-body)!important} 948.border-gray-12,[class*="border-gray"]{border-color:var(--lbu-line)!important} 949.text-gray-500,[class*="text-gray-"]{color:var(--lbu-faint)!important} 950.text-primary{color:var(--lbu-gold)!important} 951[data-state],[class*="data-[state"]{ 952 background-color:var(--lbu-panel)!important;border-color:var(--lbu-line)!important; 953 color:var(--lbu-cream)!important; 954} 955[data-state]:hover{border-color:var(--lbu-gold)!important} 956[data-state] svg{color:var(--lbu-gold)!important} 957[data-sentry-source-file="PricingOption.tsx"],.buy-box{ 958 background-color:var(--lbu-panel)!important;border-color:var(--lbu-line)!important; 959 color:var(--lbu-cream)!important; 960} 961main{background-color:var(--lbu-black)!important} 962main h1,main h2{font-family:"Anton",sans-serif!important;color:var(--lbu-cream)!important} 963main p,main li,main span{color:var(--lbu-body)!important} 964 965/* ============================================ PRODUCT CATALOG (/l/products) 966 Teachable's catalog app paints its cards light grey (#FAFAFA), so the 967 cream text vanished. Dark cards here, plus dark dropdown menus. */ 968:root{ 969 --popover:45deg 12% 8%!important; 970 --popover-foreground:43deg 51% 92%!important; 971 --muted:45deg 10% 12%!important; 972 --muted-foreground:43deg 15% 66%!important; 973 --accent:45deg 10% 14%!important; 974 --accent-foreground:43deg 51% 92%!important; 975 --secondary:45deg 10% 12%!important; 976 --secondary-foreground:43deg 51% 92%!important; 977 --input:43deg 18% 24%!important; 978 --ring:41deg 78% 59%!important; 979} 980.ProductCard{ 981 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 982 border-radius:8px!important;color:#E9E2CC!important;overflow:hidden!important; 983 transition:border-color .2s ease,transform .2s ease; 984} 985.ProductCard:hover{border-color:rgba(232,181,71,.55)!important;transform:translateY(-3px)} 986.ProductCard > a,.ProductCard > a:hover{background:transparent!important} 987.ProductCard .ProductImage{border-bottom:1px solid rgba(232,181,71,.3)!important} 988.ProductCard > a > div:nth-child(2){padding:22px 22px 24px!important} 989.ProductCard .ProductTitle{ 990 font-family:"Anton",sans-serif!important;font-weight:400!important; 991 font-size:24px!important;line-height:1.12!important;letter-spacing:.01em!important; 992 text-transform:uppercase!important;color:#F5EFE0!important; 993} 994.ProductCard .ProductDescription{ 995 font-family:"Lato",sans-serif!important;font-size:15.5px!important; 996 line-height:1.6!important;color:#E9E2CC!important; 997} 998.ProductCard p:not(.ProductDescription), 999.ProductCard p:not(.ProductDescription) span{ 1000 font-family:"Oswald",sans-serif!important;font-size:12px!important;font-weight:500!important; 1001 letter-spacing:.12em!important;text-transform:uppercase!important;color:#BFA76A!important; 1002} 1003/* "Learn more": outline, fills gold when the card is hovered */ 1004.ProductCard .mt-auto > span{ 1005 width:100%!important;padding:14px 16px!important; 1006 background:transparent!important;border:1px solid rgba(232,181,71,.7)!important; 1007 border-radius:2px!important;color:#E8B547!important; 1008 transition:background .2s ease,color .2s ease; 1009} 1010.ProductCard .mt-auto > span *{ 1011 font-family:"Oswald",sans-serif!important;font-size:13px!important;font-weight:500!important; 1012 letter-spacing:.16em!important;text-transform:uppercase!important;color:inherit!important; 1013} 1014.ProductCard:hover .mt-auto > span{background:#E8B547!important;color:#0A0A0A!important} 1015 1016/* catalog heading, search and filters */ 1017main.BrowseProducts h1{ 1018 font-family:"Anton",sans-serif!important;text-transform:uppercase!important; 1019 color:#F5EFE0!important;letter-spacing:.01em!important; 1020} 1021main.BrowseProducts input, 1022main.BrowseProducts button[role="combobox"]{ 1023 background:#161512!important;border:1px solid rgba(245,239,224,.2)!important; 1024 color:#F5EFE0!important;border-radius:2px!important; 1025} 1026main.BrowseProducts input:focus, 1027main.BrowseProducts button[role="combobox"]:focus{border-color:#E8B547!important} 1028[role="listbox"],[role="option"]{background:#161512!important;color:#F5EFE0!important} 1029[role="option"][data-highlighted],[role="option"]:hover{background:#221F19!important;color:#E8B547!important} 1030 1031/* ============================================ STUDENT DASHBOARD (/l/dashboard) 1032 Same catalog app: its panels use the light "bg-container" surface, so the 1033 empty-state text disappeared. Dark panels, calmer headings, matching nav. */ 1034.bg-container{ 1035 background-color:#161512!important;color:#E9E2CC!important; 1036 border-color:rgba(245,239,224,.14)!important; 1037} 1038.bg-container p,.bg-container span:not([class*="bg-"]){color:#BEB6A0!important} 1039.bg-container a{color:#E8B547!important;text-underline-offset:3px} 1040.bg-container a:hover{color:#F2C25E!important} 1041.bg-container h2,.bg-container h3{color:#F5EFE0!important} 1042 1043/* light panels the Teachable app paints (dashboard library, empty states). 1044 The head script tags any light panel on /l/ pages with .lbu-dark-panel; 1045 the class-name guesses below cover the same panels before the script runs. */ 1046main [class*="bg-neutral-50"],main [class*="bg-gray-50"], 1047main [class*="bg-neutral-100"],main [class*="bg-gray-100"]:not([class*="hover:"]), 1048main [class*="bg-surface"],.lbu-dark-panel{ 1049 background-color:#161512!important;color:#E9E2CC!important; 1050 border-color:rgba(245,239,224,.14)!important;box-shadow:none!important; 1051} 1052.lbu-dark-panel p,.lbu-dark-panel span:not([class*="bg-"]){color:#BEB6A0!important} 1053.lbu-dark-panel h1,.lbu-dark-panel h2,.lbu-dark-panel h3,.lbu-dark-panel h4{color:#F5EFE0!important} 1054.lbu-dark-panel a{color:#E8B547!important;text-underline-offset:3px} 1055.lbu-dark-panel a:hover{color:#F2C25E!important} 1056 1057/* headings on dashboard-style pages ("Welcome backâ¦", "My library") */ 1058main:not(.view-school):not(.BrowseProducts) h1{ 1059 font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important;letter-spacing:.01em!important; 1060} 1061main:not(.view-school):not(.BrowseProducts) h2{ 1062 font-size:clamp(20px,2vw,26px)!important;line-height:1.15!important;letter-spacing:.02em!important; 1063} 1064 1065/* "My dashboard" link styled like "Browse products" */ 1066nav a[href*="dashboard"],header a[href*="dashboard"]{ 1067 font-family:"Oswald",sans-serif!important;font-weight:500!important; 1068 text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12.5px!important; 1069 color:#F5EFE0!important; 1070} 1071nav a[href*="dashboard"]:hover,header a[href*="dashboard"]:hover{color:#E8B547!important} 1072 1073/* ============================================= COURSE PAGES (/l/p
1073dp/...) type scale 1074 The global h1/h2/h3 sizes were meant for the homepage and made the course 1075 page headings and every section row huge. Calmer sizes here. 1076 (main.view-school is the homepage, so it is excluded.) */ 1077main:not(.view-school) h1.text-2xl{ 1078 font-size:clamp(32px,3.6vw,46px)!important;line-height:1.05!important; 1079 letter-spacing:.01em!important;margin-bottom:6px!important; 1080} 1081main:not(.view-school):not(.BrowseProducts) h1.font-semibold{ 1082 font-size:clamp(26px,2.6vw,32px)!important;line-height:1.1!important;letter-spacing:.02em!important; 1083} 1084main:not(.view-school) h2.text-base{ 1085 font-family:"Oswald",sans-serif!important;font-size:13.5px!important;font-weight:500!important; 1086 line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase!important; 1087 color:#BFA76A!important;margin-top:6px!important; 1088} 1089/* section rows */ 1090main:not(.view-school) h3.flex{font-size:inherit!important;line-height:inherit!important;margin:0!important} 1091main:not(.view-school) h3.flex > button{ 1092 padding:18px 22px!important;border-color:rgba(245,239,224,.12)!important; 1093 font-size:inherit!important;align-items:center!important; 1094 transition:border-color .2s ease,background .2s ease; 1095} 1096main:not(.view-school) h3.flex > button:hover, 1097main:not(.view-school) h3.flex > button:focus-visible, 1098main:not(.view-school) h3.flex > button[data-state="open"]{ 1099 border-color:rgba(232,181,71,.55)!important;background:rgba(232,181,71,.04)!important; 1100 outline:none!important;box-shadow:none!important; 1101} 1102main:not(.view-school) h3.flex h3.text-base, 1103main:not(.view-school) h3.flex button h3{ 1104 font-family:"Oswald",sans-serif!important;font-size:16.5px!important;font-weight:500!important; 1105 line-height:1.35!important;letter-spacing:.06em!important;text-transform:uppercase!important; 1106 color:#F5EFE0!important;margin:0!important; 1107} 1108main:not(.view-school) h3.flex button span.ml-auto{ 1109 font-family:"Lato",sans-serif!important;font-size:13.5px!important;font-weight:400!important; 1110 letter-spacing:0!important;text-transform:none!important;color:#BEB6A0!important; 1111 white-space:nowrap;padding-left:16px; 1112} 1113main:not(.view-school) h3.flex button svg{color:#E8B547!important} 1114/* lesson list inside an opened section: every row dark, thin dividers */ 1115main:not(.view-school) [role="region"]{background:transparent!important} 1116main:not(.view-school) [role="region"] [data-sentry-component="LessonItem"], 1117main:not(.view-school) [role="region"] .bg-white, 1118main:not(.view-school) [role="region"] .bg-gray-3{ 1119 background:#12110E!important;border-bottom:1px solid rgba(245,239,224,.07)!important; 1120 padding:14px 22px 14px 40px!important;position:relative; 1121} 1122main:not(.view-school) [role="region"] [data-sentry-component="LessonItem"]::before{ 1123 content:"";position:absolute;left:22px;top:50%;width:5px;height:5px;margin-top:-2.5px; 1124 border-radius:50%;background:#E8B547;opacity:.7; 1125} 1126main:not(.view-school) [role="region"] h4{ 1127 font-family:"Lato",sans-serif!important;font-size:15px!important;font-weight:400!important; 1128 line-height:1.5!important;letter-spacing:0!important;text-transform:none!important; 1129 color:#E9E2CC!important;margin:0!important; 1130} 1131/* Afterpay/Klarna line is a Stripe iframe (its text can't be recoloured), 1132 so give it a soft cream backing to keep it readable */ 1133main:not(.view-school) iframe[src*="payment-method-messaging"]{ 1134 background:#EFE8D4!important;border-radius:6px!important;padding:6px 8px!important; 1135 box-sizing:content-box!important;margin-top:4px!important;max-width:calc(100% - 16px)!important; 1136} 1137@media (max-width:767px){ 1138 main:not(.view-school) h1.text-2xl{font-size:30px!important} 1139 main:not(.view-school) h3.flex h3.text-base{font-size:15px!important} 1140 main:not(.view-school) h3.flex > button{padding:15px 16px!important} 1141} 1142 1143/* loading placeholders (grey bars while prices load) and the app footer */ 1144[class*="animate-pulse"],[class*="skeleton"],[class*="Skeleton"]{ 1145 background-color:#1E1C17!important;border-color:transparent!important; 1146} 1147footer,footer *{font-family:"Lato",sans-serif!important} 1148footer{color:#BEB6A0!important} 1149 1150/* ============================================================ FORM FIELDS */ 1151input[type="text"],input[type="email"],input[type="password"],textarea,select{ 1152 background-color:var(--lbu-panel)!important;border:1px solid rgba(245,239,224,.22)!important; 1153 color:var(--lbu-cream)!important;border-radius:2px!important; 1154 font-family:"Lato",sans-serif!important;padding:13px 14px!important; 1155} 1156input::placeholder,textarea::placeholder{color:#8F887A!important} 1157input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--lbu-gold)!important} 1158label{ 1159 font-family:"Oswald",sans-serif!important;text-transform:uppercase; 1160 letter-spacing:.12em;font-size:11.5px!important;color:var(--lbu-gold-soft)!important; 1161} 1162 1163/* ============================================ COURSE PLAYER (/courses/enrolled/...) 1164 The head script adds html.lbu-cp on these pages and tags light panels. */ 1165html.lbu-cp,html.lbu-cp body{background:#0A0A0A!important;color:#E9E2CC} 1166.lbu-dark-page{background-color:#0A0A0A!important;border-color:transparent!important;box-shadow:none!important} 1167.lbu-dark-panel .lbu-dark-panel{background-color:#1D1B16!important} 1168html.lbu-cp header,html.lbu-cp .navbar,html.lbu-cp [class*="navbar"], 1169html.lbu-cp [class*="Navbar"],html.lbu-cp [class*="header"]:not(h1):not(h2):not(h3){ 1170 background-color:#0A0A0A!important;border-color:rgba(232,181,71,.2)!important; 1171} 1172/* calmer type */ 1173html.lbu-cp h1{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.05!important;color:#F5EFE0!important} 1174html.lbu-cp h2{font-size:clamp(20px,2vw,26px)!important;line-height:1.15!important;color:#F5EFE0!important} 1175html.lbu-cp h3,html.lbu-cp h4,html.lbu-cp h5{ 1176 font-family:"Oswald",sans-serif!important;font-size:16px!important;font-weight:500!important; 1177 line-height:1.35!important;letter-spacing:.06em!important;text-transform:uppercase!important; 1178 color:#F5EFE0!important; 1179} 1180html.lbu-cp p,html.lbu-cp li,html.lbu-cp span{color:#E9E2CC} 1181html.lbu-cp .lbu-dark-panel p,html.lbu-cp .lbu-dark-panel span:not([class*="bg-"]):not([class*="btn"]){color:#BEB6A0!important} 1182html.lbu-cp [role="progressbar"],html.lbu-cp [class*="progress"]:not([class*="bar-fill"]){background-color:rgba(245,239,224,.12)!important} 1183html.lbu-cp a.btn,html.lbu-cp button.btn,html.lbu-cp .btn-primary, 1184html.lbu-cp a[class*="start"],html.lbu-cp button[class*="start"]{ 1185 background:#E8B547!important;border-color:#E8B547!important;color:#0A0A0A!important; 1186 font-family:"Oswald",sans-serif!important;font-weight:500!important;letter-spacing:.12em!important; 1187 text-transform:uppercase!important;border-radius:2px!important; 1188} 1189 1190 1191/* course player helpers set by the head script */ 1192.lbu-chip{background-color:rgba(245,239,224,.1)!important;color:#E9E2CC!important;border-color:rgba(245,239,224,.15)!important} 1193.lbu-chip *{color:#E9E2CC!important;fill:currentColor} 1194.lbu-hue-gold,.lbu-hue-before::before,.lbu-hue-after::after{filter:hue-rotate(180deg) saturate(1.7) brightness(1.2)!important} 1195 1196/* ================================================================ FOOTER 1197 The head script reads the links Teachable renders (from Settings > 1198 Navigation) and rebuilds them into this layout on every page type. */ 1199footer.lbu-footer-src > *{display:none!important} 1200footer.lbu-footer-src{padding:0!important;border:0!important;background:#0A0A0A!important} 1201.lbu-footer{ 1202 background:#0A0A0A;border-top:1px solid rgba(232,181,71,.28); 1203 padding:64px 24px 28px;font-family:"Lato",sans-serif;color:#BEB6A0; 1204} 1205.lbu-footer *{box-sizing:border-box} 1206.lbu-footer__inner{max-width:1120px;margin:0 auto} 1207.lbu-footer__top{ 1208 display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px; 1209 padding-bottom:44px;border-bottom:1px solid rgba(245,239,224,.1); 1210} 1211.lbu-footer__brand{ 1212 font-family:"Anton",sans-serif!important;font-size:30px!important;line-height:1!important; 1213 letter-spacing:.01em!important;text-transform:uppercase!important;color:#F5EFE0!important; 1214 margin:0 0 14px!important;font-weight:400!important; 1215} 1216.lbu-footer__tag,.lbu-footer__tag em{ 1217 font-family:"Lato",sans-serif!important;font-size:15.5px!important;line-height:1.65!important; 1218 color:#BEB6A0!important;margin:0!important;max-width:340px; 1219} 1220.lbu-footer__tag em{font-style:italic!important} 1221.lbu-footer__h{ 1222 font-family:"Oswald",sans-serif!important;font-size:12.5px!important;font-weight:500!important; 1223 letter-spacing:.18em!important;text-transform:uppercase!important;color:#E8B547!important; 1224 margin:0 0 18px!important;line-height:1.3!important; 1225} 1226.lbu-footer ul{list-style:none;margin:0;padding:0} 1227.lbu-footer__links li{margin:0 0 12px!important;padding:0!important;list-style:none!important} 1228.lbu-footer a{color:#E9E2CC!important;text-decoration:none!important;transition:color .2s ease} 1229.lbu-footer a:hover{color:#E8B547!important} 1230.lbu-footer__links a{font-family:"Lato",sans-serif!important;font-size:15.5px!important} 1231.lbu-footer__social{display:flex;flex-wrap:wrap;gap:10px} 1232.lbu-footer__social a{ 1233 display:inline-flex;align-items:center;justify-content:center; 1234 width:42px;height:42px;border:1px solid rgba(245,239,224,.2);border-radius:50%; 1235 transition:border-color .2s ease,color .2s ease,background .2s ease; 1236} 1237.lbu-footer__social a:hover{border-color:#E8B547;background:rgba(232,181,71,.08)} 1238.lbu-footer__social svg{width:17px;height:17px;fill:currentColor} 1239.lbu-footer__social a.lbu-txt{width:auto;padding:0 16px;border-radius:999px;font-size:13.5px} 1240.lbu-footer__bottom{ 1241 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px; 1242 padding-top:24px;font-size:13.5px;color:#8F887A; 1243} 1244.lbu-footer__legal{display:flex;gap:24px} 1245.lbu-footer__legal a{color:#8F887A!important;font-size:13.5px} 1246.lbu-footer__legal a:hover{color:#E8B547!important} 1247@media (max-width:820px){ 1248 .lbu-footer{padding:48px 22px 24px} 1249 .lbu-footer__top{grid-template-columns:1fr 1fr;gap:36px} 1250 .lbu-footer__top > div:first-child{grid-column:1 / -1} 1251} 1252@media (max-width:480px){ 1253 .lbu-footer__top{grid-template-columns:1fr} 1254 .lbu-footer__bottom{flex-direction:column;align-items:flex-start} 1255} 1256 1257/* ================================================================= FOOTER */ 1258.footer,footer{background-color:var(--lbu-black)!important;border-top:1px solid var(--lbu-line)}
1259.footer__list li,.footer__copyright,.footer a{ 1260 font-family:"Lato",sans-serif!important;color:var(--lbu-faint)!important;font-size:13.5px; 1261} 1262.footer a:hover{color:var(--lbu-gold)!important} 1263 1264/* ================================================================== PHONE */ 1265@media (max-width:820px){ 1266 .block__image-with-text__inner{gap:24px!important} 1267 .block__image-with-text__image img{max-height:320px} 1268 .block.image_with_text .header::before{font-size:12.5px;margin-bottom:10px} 1269 .block.image_with_text .rich-text p, 1270 .block.image_with_text .rich-text p span, 1271 .block.image_with_text .rich-text p em, 1272 .block.image_with_text .rich-text p i{font-size:16.5px!important;line-height:1.7!important} 1273 .block.image_with_text .rich-text p:last-child:not(:first-child){ 1274 font-size:20px!important;padding:18px 20px!important;margin-top:24px!important; 1275 } 1276 .block__text-with-image-grid__inner::after{display:none} 1277 1278 /* course cards: checklist wraps on phones, so use text ticks instead */ 1279 .block.featured_products .block__columns__fixed{grid-template-columns:minmax(0,1fr)!important} 1280 .block.featured_products .featured-product-card > a{padding:32px 24px 34px!important} 1281 .block.featured_products .featured-product-card__content__subtitle::after{ 1282 white-space:pre-line;padding-left:0;background:none; 1283 font-size:16px;line-height:1.9; 1284 } 1285 .block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::after{ 1286 content:"\2713 13 sections, 32 lessons, guided daily\A\2713 Worksheets, core belief and mindfulness meditations\A\2713 Bonus continued healing calendar and journal\A\2713 Lifetime access, including future updates"; 1287 } 1288 .block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::after{ 1289 content:"\2713 5 sections, 5 lessons\A\2713 \201C Breathe Into Your True Self\201D audio session\A\2713 30-minute grounding meditation\A\2713 Lifetime access"; 1290 } 1291 .block.featured_products .featured-product-card__content__subtitle::before{font-size:16.5px} 1292 .block.featured_products .featured-product-card__price{font-size:46px!important} 1293 .block.featured_products .featured-product-card__meta::after{font-size:14px} 1294 .block.featured_products .block__featured-products__heading_text p{font-size:16.5px!important} 1295 .block.featured_products .block__featured-products__button .base-button{width:100%!important;min-width:0} 1296 .block.email_leads_form section.block__email_leads{padding:56px 16px 64px!important} 1297 .block.email_leads_form form{padding:36px 22px 30px!important} 1298} 1299@media (max-width:767px){ 1300 .block{padding:40px 0!important} 1301 h1,.banner__heading-group h1{font-size:29px!important;line-height:1.1!important} 1302 h2{font-size:25px!important} 1303 h3{font-size:20px!important} 1304 p,li,.rich-text{font-size:15.5px!important} 1305 .rich-text em,.rich-text i,blockquote{font-size:17px!important} 1306 .base-button,.banner__button{padding:15px 22px!important;font-size:12.5px!important;width:100%} 1307 1308 section.banner .banner__inner{padding:56px 20px 28px!important} 1309 section.banner .banner__heading-group h1{font-size:29px!important} 1310 section.banner .banner__inner .rich-text p:not(:first-child):not(:last-child){font-size:15.5px!important} 1311} 1312@media (max-width:600px){ 1313 #obb-bar .obb-txt{font-size:11px;letter-spacing:.05em} 1314}</style> 1315<title>Homepage | LUV BEING U</title> 1316<link rel="canonical" href="https://www.learntolovebeingyou.com/p/home"> 1317<meta property="og:image" content="https://uploads.teachablecdn.com/attachments/056899b7f2944f0d9dbf33b15074512c.png"> 1318<meta property="og:title" content="Homepage"> 1319<meta property="og:type" content="website"> 1320<meta property="og:url" content="https://www.learntolovebeingyou.com/p/home"> 1321<meta name="brand_video_player_color" content="#5D77A2"> 1322<meta name="site_title" content="LUV BEING U"> 1323<link rel="preconnect" href="https://fast.wistia.com" crossorigin>
1324<script src='https://fast.wistia.com/assets/external/E-v1.js' defer></script>
vendor: 154 bytes, lines 1324-1330
1324 1325<script 1326 src='https://www.recaptcha.net/recaptcha/api.js' 1327 async 1328 defer></script> 1329 1330<script src="https://www.google.com/recaptcha/enterprise.js?render=
13306Ldki20tAAAAAJt1XEBkmLFzT9GUedkR-EqEffFw
vendor: 33 bytes, lines 1330-1334
1330" async defer></script> 1331 1332 1333 1334
1334<meta name="asset_host" content="https://fedora.teachablecdn.com"> 1335
1335<script src="https://fedora.teachablecdn.com/packs/pages--03b814707840c70a8dee.js"></script>
1335 1336<meta id='iris-url' data-iris-url=https://eventable.internal.teachable.com />
1337<script type="text/javascript"> 1338 window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])},heap.load("318805607"); 1339 window.heapShouldTrackUser = true; 1340</script>
1340 1341 1342
1343<script type="text/javascript"> 1344 var _user_id = ''; // Set to the user's ID, username, or email address, or '' if not yet known. 1345 var _session_id = '24bde27e1505d43f821d33a29b1fc5b2'; // Set to a unique session ID for the visitor's current browsing session. 1346 1347 var _sift = window._sift = window._sift || []; 1348 _sift.push(['_setAccount', '2e541754ec']); 1349 _sift.push(['_setUserId', _user_id]); 1350 _sift.push(['_setSessionId', _session_id]); 1351 _sift.push(['_trackPageview']); 1352 1353 (function() { 1354 function ls() { 1355 var e = document.createElement('script'); 1356 e.src = 'https://cdn.sift.com/s.js'; 1357 document.body.appendChild(e); 1358 } 1359 if (window.attachEvent) { 1360 window.attachEvent('onload', ls); 1361 } else { 1362 window.addEventListener('load', ls, false); 1363 } 1364 })(); 1365</script>
1365 1366 1367 1368<!-- ===== LUV BEING U: full theme in the page head so it is there on the very first paint, 1369 including when moving between course pages (no unstyled flash) ===== --> 1370<link rel="preconnect" href="https://fonts.googleapis.com"> 1371<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1372<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600&family=Lato:wght@300;400;700&family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap"> 1373<meta name="color-scheme" content="dark"> 1374<style id="lbu-theme"> 1375/* ========================================================================== 1376 Learn To Love Being You - Teachable restyle 1377 CLEAN BUILD v28 · replaces every earlier version 1378 1379 PASTE INTO: Site > Code Snippets > Cascading Style Sheets 1380 (delete everything in the box first, then paste this, save, hard-refresh) 1381 1382 TO UNDO: clear the box and save. 1383 1384 DIALS YOU MIGHT TOUCH (BANNER section) 1385 brightness(.78) higher = brighter photo 1386 rgba(10,10,10,.25) / .5 lower = lighter dark overlay 1387 ========================================================================== */ 1388 1389/* fonts load from the Head Code Snippet (a blocking @import here caused the white flash) */ 1390 1391/* ============================================================== PALETTE */ 1392:root{ 1393 --lbu-black:#0A0A0A; 1394 --lbu-panel:#161512; 1395 --lbu-gold:#E8B547; 1396 --lbu-gold-h:#F2C25E; 1397 --lbu-gold-soft:#BFA76A; 1398 --lbu-cream:#F5EFE0; 1399 --lbu-body:#E9E2CC; 1400 --lbu-faint:#BEB6A0; 1401 --lbu-line:rgba(245,239,224,.14); 1402 1403 /* Teachable's own brand tokens */ 1404 --brand_primary:#E8B547!important; 1405 --brand_secondary:#E8B547!important; 1406 --brand_heading:#F5EFE0!important; 1407 --brand_text:#E9E2CC!important; 1408 --brand_navbar_text:#F5EFE0!important; 1409 --brand_navbar_fixed_text:#F5EFE0!important; 1410 --brand_homepage_heading:#F5EFE0!important; 1411 --brand_course_heading:#F5EFE0!important; 1412 --brand_video_player_color:#E8B547!important; 1413 1414 /* product / checkout pages use HSL tokens instead */ 1415 --primary:41deg 78% 59%!important; 1416 --navigation:0deg 0% 4%!important; 1417 --navigation-foreground:43deg 51% 92%!important; 1418 --background:0deg 0% 4%!important; 1419 --foreground:43deg 51% 92%!important; 1420 --card:45deg 12% 8%!important; 1421 --border:43deg 20% 20%!important; 1422} 1423 1424/* ============================================================ BASE PAGE */ 1425body,.blocks-page,main,.course-block,.block, 1426[class*="-background_color"], 1427.block:hover,[class*="-background_color"]:hover{ 1428 background-color:var(--lbu-black)!important; 1429 color:var(--lbu-body); 1430 font-family:"Lato",sans-serif; 1431} 1432.blocks-page > div,.blocks-page > div > .block{background-color:#0A0A0A!important} 1433.block{padding:56px 0!important;border:0!important} 1434.banner{padding:0!important} 1435.block:hover,section:hover{outline:none!important;box-shadow:none!important} 1436hr{display:none!important} 1437::selection{background:var(--lbu-gold);color:#0A0A0A} 1438 1439/* ============================================================== HEADINGS */ 1440h1,h2,h3, 1441.block__image-with-text__inner__heading, 1442.block__video__heading_text, 1443.featured-product-card__content__title{ 1444 font-family:"Anton",sans-serif!important; 1445 font-weight:400!important; 1446 text-transform:uppercase!important; 1447 letter-spacing:.02em!important; 1448 line-height:1.08!important; 1449 color:var(--lbu-cream)!important; 1450} 1451h1{font-size:clamp(32px,5vw,60px)!important} 1452h2{font-size:clamp(26px,3.4vw,42px)!important} 1453h3{font-size:clamp(20px,2.3vw,28px)!important} 1454h4,h5,h6{ 1455 font-family:"Oswald",sans-serif!important;font-weight:500!important; 1456 text-transform:uppercase!important;letter-spacing:.12em!important; 1457 font-size:13px!important;color:var(--lbu-gold-soft)!important; 1458} 1459 1460/* ============================================================== BODY TEXT */ 1461p,li,.rich-text,.block__text-wrapper, 1462.featured-product-card__content__subtitle{ 1463 font-family:"Lato",sans-serif!important; 1464 font-weight:400!important;font-size:16.5px!important;line-height:1.7!important; 1465 color:var(--lbu-body)!important; 1466 text-transform:none!important;letter-spacing:normal!important; 1467} 1468.block__text-wrapper .rich-text, 1469.block__text .rich-text{max-width:760px;margin:0 auto} 1470a{color:var(--lbu-gold)} 1471a:hover{color:var(--lbu-gold-h)} 1472strong,b{color:var(--lbu-cream);font-weight:700} 1473 1474/* beat the colours Teachable bakes into blocks and inline spans */ 1475[class*="-text_color"],[class*="-heading_color"],[class*="-heading_text_color"], 1476[class*="-subheading_text_color"],[class*="-description_color"], 1477[class*="-description_text_color"]{color:var(--lbu-body)!important} 1478 1479[class*="-heading_color"] h1,[class*="-heading_color"] h2,[class*="-heading_color"] h3, 1480[class*="-heading_text_color"] h1,[class*="-heading_text_color"] h2,[class*="-heading_text_color"] h3, 1481[class*="-heading_color"] .block__image-with-text__inner__heading{ 1482 color:var(--lbu-cream)!important; 1483} 1484.rich-text span,.rich-text p,.rich-text li,.rich-text div,.rich-text font, 1485.block__text-wrapper span,.block__text-wrapper p, 1486.banner__heading-group span,[data-target] span{ 1487 color:inherit!important;font-family:inherit!important;text-transform:none!important; 1488} 1489.rich-text p,.rich-text li,.rich-text div{color:var(--lbu-body)!important} 1490.rich-text h1,.rich-text h2,.rich-text h3, 1491.rich-text h1 span,.rich-text h2 span,.rich-text h3 span{ 1492 color:var(--lbu-cream)!important;text-transform:uppercase!important; 1493} 1494.rich-text u{text-decoration:none!important} 1495 1496/* centred intro text blocks (e.g. above the before/after grid) */ 1497.block.text .bl,.block.text .block__text-wrapper, 1498.block.text .rich-text{text-align:center!important} 1499.block.text .rich-text{margin-left:auto!important;margin-right:auto!important} 1500 1501/* ============================================================ PULL-QUOTES */ 1502.rich-text em,.rich-text i,.rich-text p em{ 1503 font-family:"Cormorant Garamond",Georgia,serif!important; 1504 font-style:italic!important;font-weight:400!important; 1505 font-size:19px!important;line-height:1.7!important; 1506 color:var(--lbu-body)!important;text-transform:none!important; 1507} 1508blockquote,.rich-text blockquote{ 1509 font-family:"Cormorant Garamond",Georgia,serif!important; 1510 font-style:italic;font-size:21px!important;line-height:1.6!important; 1511 color:var(--lbu-cream)!important;background:rgba(232,181,71,.05); 1512 border-left:3px solid var(--lbu-gold)!important;border-radius:0 6px 6px 0; 1513 padding:22px 26px!important;margin:24px auto;max-width:760px;text-transform:none!important; 1514} 1515 1516/* ================================================================ NAVBAR */ 1517.navbar,.navbar.at-top,.navbar.is-homepage{
1518 background-color:rgba(10,10,10,.96)!important; 1519 border:0!important;box-shadow:none!important;backdrop-filter:blur(6px); 1520} 1521.navbar *,.navbar__header,.navbar__header__actions, 1522.navbar__menu,.navbar__menu__list,.navbar__menu__list li{background-color:transparent!important} 1523.navbar li,nav li{list-style:none!important;background:transparent!important} 1524.navbar li::marker,nav li::marker{content:none!important} 1525.navbar a,.navbar__menu__list a, 1526nav a[href*="/courses"],nav a[href*="products"]{ 1527 font-family:"Oswald",sans-serif!important; 1528 text-transform:uppercase;letter-spacing:.12em;font-size:12.5px; 1529 color:var(--lbu-cream)!important; 1530} 1531.navbar a:hover,nav a[href*="products"]:hover{color:var(--lbu-gold)!important} 1532.hamburger span,.hamburger span:before,.hamburger span:after{background-color:var(--lbu-cream)!important} 1533.navbar__menu__list.menu{background-color:transparent!important;border:0!important;box-shadow:none!important} 1534@media (max-width:767px){ 1535 .navbar__menu__list.menu{background-color:var(--lbu-panel)!important;border:1px solid var(--lbu-line)!important} 1536} 1537.navbar__header__logolink img{mix-blend-mode:screen;filter:brightness(1.1)} 1538 1539/* log in / sign up, both page types */ 1540nav a[href*="sign_in"],nav a[href*="/login"], 1541.navbar a[href*="secure/"], 1542a[href*="sign_in"][data-radix-collection-item]{ 1543 display:inline-block!important;background:transparent!important; 1544 border:1px solid var(--lbu-gold)!important;color:var(--lbu-gold)!important; 1545 font-family:"Oswald",sans-serif!important;font-weight:500!important;font-size:12px!important; 1546 letter-spacing:.14em!important;text-transform:uppercase!important; 1547 padding:9px 18px!important;border-radius:2px!important;box-shadow:none!important;line-height:1.2!important; 1548} 1549nav a[href*="sign_in"]:hover,.navbar a[href*="secure/"]:hover, 1550a[href*="sign_in"][data-radix-collection-item]:hover{ 1551 background:var(--lbu-gold)!important;color:#0A0A0A!important; 1552} 1553 1554/* ---- reader discount announcement bar ---- */ 1555#obb-bar{position:relative;z-index:60;display:flex;align-items:center;justify-content:center; 1556 background:#E8B547;color:#0A0A0A;padding:11px 46px 11px 18px;text-align:center} 1557#obb-bar .obb-txt{font-family:"Oswald",sans-serif;font-size:12.5px;letter-spacing:.09em; 1558 text-transform:uppercase;line-height:1.5;color:#0A0A0A} 1559#obb-bar b,#obb-bar strong{color:#0A0A0A!important;font-weight:600} 1560#obb-bar a{color:#0A0A0A!important;text-decoration:underline;font-weight:600;white-space:nowrap} 1561#obb-bar button{background:none;border:0;color:#0A0A0A;font-size:20px;line-height:1;cursor:pointer; 1562 position:absolute;right:14px;top:50%;transform:translateY(-50%);opacity:.55;padding:4px 8px} 1563#obb-bar button:hover{opacity:1} 1564 1565/* =============================================================== BUTTONS */ 1566.base-button,.banner__button,button.base-button, 1567input[type="submit"],.block__button, 1568.buy-now-button,.bg-primary,a.bg-primary,button.bg-primary{ 1569 background-color:var(--lbu-gold)!important;border:1px solid var(--lbu-gold)!important; 1570 color:#0A0A0A!important;font-family:"Oswald",sans-serif!important; 1571 font-weight:500!important;font-size:13.5px!important;letter-spacing:.14em!important; 1572 text-transform:uppercase!important;padding:17px 30px!important;border-radius:2px!important; 1573 box-shadow:0 12px 30px rgba(232,181,71,.18); 1574 transition:background .22s ease,transform .22s ease; 1575} 1576.base-button:hover,.banner__button:hover,button.base-button:hover, 1577input[type="submit"]:hover,.buy-now-button:hover,.bg-primary:hover{ 1578 background-color:var(--lbu-gold-h)!important;transform:translateY(-2px); 1579} 1580 1581/* ================================================================= CARDS */ 1582.featured-product-card,.course-block,[class*="-card_background_color"]{ 1583 background-color:var(--lbu-panel)!important;border:1px solid var(--lbu-line)!important; 1584 border-radius:6px!important;overflow:hidden; 1585 transition:border-color .2s ease,transform .2s ease; 1586} 1587.featured-product-card:hover,.course-block:hover{ 1588 border-color:var(--lbu-gold)!important;transform:translateY(-3px); 1589} 1590[class*="-card_border_color"]{border-color:var(--lbu-line)!important} 1591.featured-product-card__progressbar{background-color:rgba(245,239,224,.15)!important} 1592.featured-product-card__progressbar-fill{background-color:var(--lbu-gold)!important} 1593.block img{border-radius:6px} 1594 1595/* page blocks also carry .course-block: strip the card border off them, 1596 then give the real product cards their border back */ 1597.course-block.banner,.course-block.block.banner,.block.banner,
1598.course-block,.block,section.banner{border:0!important;box-shadow:none!important} 1599.course-block.banner,.course-block.block.banner,.block.banner{ 1600 background-color:#0A0A0A!important;border-radius:0!important; 1601} 1602.featured-product-card{border:1px solid var(--lbu-line)!important} 1603 1604/* ======================================== MEET MIKE (image-with-text block) 1605 Matches the "Meet your guide" section on luvbeingu.com/courses: 1606 gold Oswald label, big cream Anton headline, Lato body, 1607 Cormorant italic quote in a dark card with a gold left bar. */ 1608.block__image-with-text__inner{align-items:center!important;gap:44px!important} 1609.block__image-with-text__text-wrapper{max-width:640px;padding-top:0!important} 1610.block__image-with-text__image img{ 1611 border-radius:6px;border:1px solid rgba(232,181,71,.3); 1612 max-height:460px;object-fit:cover;width:100%; 1613} 1614 1615/* body copy */ 1616.block.image_with_text .rich-text{ 1617 border:0!important;padding-left:0!important;text-align:left!important; 1618} 1619.block.image_with_text .rich-text::before{content:none!important} 1620.block.image_with_text .rich-text p, 1621.block.image_with_text .rich-text p span, 1622.block.image_with_text .rich-text p em, 1623.block.image_with_text .rich-text p i{ 1624 font-family:"Lato",sans-serif!important; 1625 font-weight:400!important;font-size:18px!important;line-height:1.75!important; 1626 letter-spacing:0!important;text-transform:none!important; 1627 color:var(--lbu-body)!important;text-align:left!important; 1628 background:none!important;border:0!important; 1629} 1630.block.image_with_text .rich-text p{margin:0 0 18px 0!important;padding:0!important} 1631.block.image_with_text .rich-text p span{font-style:normal!important} 1632.block.image_with_text .rich-text p em, 1633.block.image_with_text .rich-text p i{font-style:italic!important} 1634 1635/* blank lines from the editor */ 1636.block.image_with_text .rich-text p:empty, 1637.block.image_with_text .rich-text p:has(> br:only-child){display:none!important} 1638 1639/* headline (the heading field) + the MEET YOUR GUIDE label above it */ 1640.block.image_with_text .header{ 1641 width:100%!important;max-width:none!important; 1642 margin:0 0 22px 0!important;padding:0!important; 1643 text-align:left!important;background:none!important;border:0!important; 1644} 1645.block.image_with_text .header::before{ 1646 content:"Meet your guide";display:block; 1647 font-family:"Oswald",sans-serif;font-weight:500;font-size:14px;line-height:1.2; 1648 letter-spacing:.18em;text-transform:uppercase;color:#E8B547; 1649 margin:0 0 12px 0; 1650} 1651.block.image_with_text .header p, 1652.block.image_with_text .header span, 1653.block.image_with_text .header p span, 1654.block.image_with_text .header p strong, 1655.block.image_with_text .header p em, 1656.block.image_with_text .header p b{ 1657 font-family:"Anton",sans-serif!important; 1658 font-style:normal!important;font-weight:400!important; 1659 font-size:clamp(34px,4.4vw,54px)!important;line-height:1.05!important; 1660 letter-spacing:.01em!important;text-transform:uppercase!important; 1661 color:var(--lbu-cream)!important;text-align:left!important; 1662 background:none!important;border:0!important;border-radius:0!important; 1663 padding:0!important;margin:0!important; 1664} 1665 1666/* the quote: last paragraph of the body */ 1667.block.image_with_text .rich-text p:last-child:not(:first-child){ 1668 font-family:"Cormorant Garamond",Georgia,serif!important; 1669 font-style:italic!important;font-weight:400!important; 1670 font-size:24px!important;line-height:1.6!important; 1671 color:var(--lbu-cream)!important; 1672 background:#15120E!important; 1673 border-left:3px solid #E8B547!important; 1674 border-radius:0 8px 8px 0!important; 1675 padding:24px 28px!important;margin:30px 0 0 0!important; 1676} 1677.block.image_with_text .rich-text p:last-child:not(:first-child) span, 1678.block.image_with_text .rich-text p:last-child:not(:first-child) em, 1679.block.image_with_text .rich-text p:last-child:not(:first-child) i, 1680.block.image_with_text .rich-text p:last-child:not(:first-child) strong{ 1681 font-family:inherit!important;font-style:italic!important;font-weight:400!important; 1682 font-size:inherit!important;line-height:inherit!important;color:inherit!important; 1683} 1684 1685/* ============================================ COURSE CARDS (featured products) 1686 "Two ways in. One direction." Everything here is CSS: the headline, badges, 1687 descriptions, checklists and buttons are drawn over Teachable's card markup. 1688 Cards are matched by product id, so their order in the block doesn't matter. 1689 2765168 = LUV BEING U Program ($500) 1690 2831957 = Anxiety Relief Action Plan ($50) */ 1691 1692/* --- section heading (typed in the block: h4 label, h2 headline, p intro) */ 1693.block.featured_products .block__featured-products__heading_text{ 1694 text-align:center!important;max-width:860px!important;margin:0 auto 56px!important; 1695} 1696.block.featured_products .block__featured-products__heading_text h4, 1697.block.featured_products .block__featured-products__heading_text h4 *{ 1698 font-family:"Oswald",sans-serif!important;font-weight:500!important;font-size:14px!important; 1699 line-height:1.2!important;letter-spacing:.2em!important;text-transform:uppercase!important; 1700 color:#E8B547!important;text-align:center!important;margin:0 0 18px 0!important; 1701} 1702.block.featured_products .block__featured-products__heading_text h2, 1703.block.featured_products .block__featured-products__heading_text h2 *{ 1704 font-family:"Anton",sans-serif!important;font-weight:400!important; 1705 font-size:clamp(36px,5vw,64px)!important;line-height:1.02!important; 1706 letter-spacing:.01em!important;text-transform:uppercase!important; 1707 color:#F5EFE0!important;text-align:center!important;margin:0 0 22px 0!important; 1708} 1709.block.featured_products .block__featured-products__heading_text p{
1710 font-family:"Lato",sans-serif!important;font-size:19px!important;line-height:1.65!important; 1711 color:#E9E2CC!important;text-align:center!important; 1712 max-width:760px!important;margin:0 auto!important; 1713} 1714.block.featured_products .block__featured-products__heading_text p:empty, 1715.block.featured_products .block__featured-products__heading_text p:has(> br:only-child){display:none!important} 1716 1717/* --- grid ----------------------------------------------------------------- */ 1718.block.featured_products .block__columns__fixed{ 1719 max-width:1120px!important;margin:0 auto!important; 1720 grid-column-gap:28px!important;column-gap:28px!important;row-gap:24px!important; 1721 align-items:stretch!important; 1722 grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important; 1723} 1724 1725/* --- card shell ----------------------------------------------------------- */ 1726.block.featured_products .featured-product-card{ 1727 display:flex!important;padding:0!important; 1728 width:auto!important;height:auto!important;min-height:0!important;max-height:none!important; 1729 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 1730 border-radius:8px!important;overflow:hidden!important; 1731} 1732.block.featured_products .featured-product-card[data-featured-product-id="2765168"]{ 1733 border-color:rgba(232,181,71,.7)!important; 1734 background:linear-gradient(180deg,#2A2214 0%,#171511 48%,#161512 100%)!important; 1735} 1736.block.featured_products .featured-product-card > a{ 1737 display:flex!important;flex-direction:column!important; 1738 width:100%;height:auto!important;padding:48px 48px 50px!important; 1739 text-decoration:none!important;color:inherit!important; 1740} 1741.block.featured_products .featured-product-card__image-container, 1742.block.featured_products .featured-product-card__author{display:none!important} 1743.block.featured_products .featured-product-card__content{ 1744 display:flex!important;flex-direction:column!important;flex:1 1 auto; 1745 justify-content:flex-start!important;align-items:stretch!important;height:auto!important; 1746 padding:0!important;text-align:left!important; 1747} 1748 1749/* --- badge ---------------------------------------------------------------- */ 1750.block.featured_products .featured-product-card__content::before{ 1751 display:inline-block;align-self:flex-start;width:auto; 1752 font-family:"Oswald",sans-serif;font-weight:500;font-size:13px;line-height:1; 1753 letter-spacing:.18em;text-transform:uppercase; 1754 padding:15px 18px;border-radius:999px;margin:0 0 26px 0; 1755} 1756.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content::before{ 1757 content:"Main program \00b7 Most popular";background:#E8B547;color:#0A0A0A; 1758} 1759.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content::before{ 1760 content:"Start here \00b7 Introduction";color:#BFA76A; 1761 border:1px solid rgba(191,167,106,.55); 1762} 1763 1764/* --- title ---------------------------------------------------------------- */ 1765.block.featured_products .featured-product-card__content__title{ 1766 font-family:"Anton",sans-serif!important;font-weight:400!important; 1767 font-size:clamp(28px,3vw,40px)!important;line-height:1.05!important; 1768 letter-spacing:.01em!important;text-transform:uppercase!important; 1769 color:#F5EFE0!important;text-align:left!important;margin:0 0 16px 0!important; 1770 white-space:normal!important;overflow:visible!important; 1771} 1772/* shorter title for the intro course */ 1773.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__title{ 1774 font-size:0!important; 1775} 1776.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__title::before{ 1777 content:"Anxiety Relief Action Plan";display:block;font-size:clamp(28px,3vw,40px); 1778} 1779 1780/* --- description + checklist (drawn over the subtitle) -------------------- */ 1781.block.featured_products .featured-product-card__content__subtitle{ 1782 display:block!important;font-size:0!important;margin:0 0 30px 0!important; 1783 height:auto!important;max-height:none!important;overflow:visible!important; 1784 white-space:normal!important;-webkit-line-clamp:unset!important; 1785 text-overflow:clip!important;letter-spacing:0!important;text-transform:none!important; 1786} 1787.block.featured_products .featured-product-card__content__subtitle::before{ 1788 display:block;margin:0 0 26px 0; 1789 font-family:"Lato",sans-serif;font-weight:400;font-size:18.5px;line-height:1.65; 1790 letter-spacing:0;text-transform:none;color:#EFE8D4; 1791} 1792.block.featured_products .featured-product-card__content__subtitle::after{ 1793 display:block;white-space:pre;padding-left:30px; 1794 font-family:"Lato",sans-serif;font-weight:400;font-size:17px;line-height:46px; 1795 letter-spacing:0;text-transform:none;color:#EFE8D4; 1796 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 46'%3E%3Cpath d='M2.5 23.5l3.5 3.5 7.5-8' fill='none' stroke='%23E8B547' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left top / 16px 46px repeat-y; 1797} 1798.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::before{ 1799 content:"Ten weeks of guided lessons, daily worksheets and meditations that take you from the present moment, through shifting thoughts and rewriting core beliefs, to truth, forgiveness and gratitude."; 1800} 1801.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::after{ 1802 content:"13 sections, 32 lessons, guided daily\AWorksheets, core belief and mindfulness meditations\A Bonu
1802s continued healing calendar and journal\ALifetime access, including future updates"; 1803} 1804.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::before{ 1805 content:"A short, practical introduction: breath work to calm the nervous system, how to anchor in the present moment, and a 30-minute guided grounding meditation."; 1806} 1807.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::after{ 1808 content:"5 sections, 5 lessons\A\201C Breathe Into Your True Self\201D audio session\A 30-minute grounding meditation\ALifetime access"; 1809} 1810 1811/* --- price row ------------------------------------------------------------ */ 1812.block.featured_products .featured-product-card__meta{ 1813 display:flex!important;align-items:center!important;justify-content:flex-start!important; 1814 gap:20px!important;margin-top:auto!important;padding-top:30px!important; 1815 align-self:stretch!important;width:100%!important;text-align:left!important; 1816 border-top:1px solid rgba(245,239,224,.12)!important; 1817} 1818.block.featured_products .featured-product-card__price{ 1819 font-family:"Anton",sans-serif!important;font-weight:400!important; 1820 font-size:58px!important;line-height:1!important;letter-spacing:0!important; 1821 color:#E8B547!important;margin:0!important;padding:0!important; 1822 flex:0 0 auto!important;width:auto!important;text-align:left!important; 1823} 1824.block.featured_products .featured-product-card__meta::after{ 1825 display:block;white-space:pre; 1826 font-family:"Lato",sans-serif;font-size:15.5px;line-height:1.6;color:#C9BFA6; 1827} 1828.block.featured_products [data-featured-product-id="2765168"] .featured-product-card__meta::after{ 1829 content:"one time \00b7 lifetime access\A$375 with the reader code"; 1830} 1831.block.featured_products [data-featured-product-id="2831957"] .featured-product-card__meta::after{ 1832 content:"one time \00b7 lifetime access\A$37.50 with the reader code"; 1833} 1834 1835/* --- button (the whole card is the link) --------------------------------- */ 1836.block.featured_products .featured-product-card > a::after{ 1837 display:block;margin-top:30px;padding:24px 20px;text-align:center; 1838 font-family:"Oswald",sans-serif;font-weight:500;font-size:15px;line-height:1; 1839 letter-spacing:.22em;text-transform:uppercase;border-radius:2px; 1840 transition:background .22s ease,border-color .22s ease,color .22s ease; 1841} 1842.block.featured_products [data-featured-product-id="2765168"] > a::after{ 1843 content:"Join the program";background:#E8B547;color:#0A0A0A; 1844 box-shadow:0 14px 34px rgba(232,181,71,.2); 1845} 1846.block.featured_products [data-featured-product-id="2831957"] > a::after{ 1847 content:"Start the plan";color:#F5EFE0;border:1px solid rgba(245,239,224,.3); 1848} 1849.block.featured_products [data-featured-product-id="2765168"]:hover > a::after{background:#F2C25E} 1850.block.featured_products [data-featured-product-id="2831957"]:hover > a::after{ 1851 border-color:#E8B547;color:#E8B547; 1852} 1853 1854/* --- "View all products" under the cards --------------------------------- */ 1855.block.featured_products .block__featured-products__button{ 1856 display:flex!important;justify-content:center!important; 1857 margin:48px auto 0!important;text-align:center!important; 1858} 1859.block.featured_products .block__featured-products__button .base-button{ 1860 background:transparent!important;border:1px solid rgba(245,239,224,.3)!important; 1861 color:#F5EFE0!important;box-shadow:none!important; 1862 padding:19px 44px!important;min-width:280px; 1863} 1864.block.featured_products .block__featured-products__button .base-button:hover{ 1865 border-color:#E8B547!important;color:#E8B547!important; 1866 background:rgba(232,181,71,.06)!important;transform:none!important; 1867} 1868 1869/* ================================ BEFORE / AFTER (2-column text-with-image-grid) 1870 Scoped to the 2-column grid only, so the 3-column testimonials keep 1871 their photos. */ 1872.block.text_with_image_grid:has(.block__columns-per-row--2){padding-top:0!important} 1873.block.text + .block.text_with_image_grid:has(.block__columns-per-row--2){margin-top:-30px!important} 1874 1875.block__columns-per-row--2 .block__columns{align-items:stretch!important;gap:22px!important} 1876.block__columns-per-row--2 .block__column{ 1877 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 1878 border-radius:8px!important;padding:30px 28px!important;margin-top:0!important; 1879} 1880.block__columns-per-row--2 .block__column:last-child{ 1881 border-color:rgba(232,181,71,.55)!important; 1882 background:linear-gradient(180deg,rgba(232,181,71,.09),rgba(232,181,71,.015))!important; 1883} 1884.block__columns-per-row--2 .block__column > *:first-child{margin-top:0!important} 1885.block__columns-per-row--2 .block__text-with-image-grid__column__image{ 1886 display:none!important;height:0!important;margin:0!important;padding:0!important; 1887} 1888 1889/* column headings: grey on the left card, gold on the right */ 1890.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text, 1891.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text *{ 1892 font-family:"Oswald",sans-serif!important;font-style:normal!important;font-weight:500!important; 1893 font-size:15px!important;letter-spacing:.14em!important;text-transform:uppercase!important; 1894 text-decoration:none!important;color:#BEB6A0!important;text-align:center!important; 1895} 1896.block__columns-per-row--2 .block__text-with-image-grid__column__heading-text{margin:0 0 20px 0!important} 1897.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__heading-text, 1898.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__heading-text *{ 1899 color:#E8B547!important; 1900} 1901 1902/* body lines with à and â markers */ 1903.block__columns-per-row--2 .block__text-with-image-grid__column__body, 1904.block__columns-per-row--2 .block__text-with-image-grid__column__body p, 1905.block__columns-per-row--2 .block__text-with-image-grid__column__body span{ 1906 font-family:"Lato",sans-serif!important;font-style:normal!important; 1907 font-size:15.5px!important;line-height:1.65!important; 1908 color:var(--lbu-body)!important;text-align:left!important; 1909} 1910.block__columns-per-row--2 .block__text-with-image-grid__column__body p{ 1911 position:relative!important;padding-left:30px!important;margin:0 0 16px 0!important; 1912} 1913.block__columns-per-row--2 .block__text-with-image-grid__column__body p::before{ 1914 content:"\00d7";position:absolute;
1914left:4px;top:-1px; 1915 color:#8F887A;font-size:17px;line-height:1.5; 1916} 1917.block__columns-per-row--2 .block__column:last-child .block__text-with-image-grid__column__body p::before{ 1918 content:"\2713";color:#E8B547;font-size:14px; 1919} 1920 1921/* ======================================= TESTIMONIALS (3-column text-with-image-grid) 1922 Photo on top, name in gold, quote underneath, equal-height cards. */ 1923.block__columns-per-row--3 .block__columns{align-items:stretch!important} 1924.block__columns-per-row--3 .block__column{ 1925 display:flex!important;flex-direction:column!important; 1926 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 1927 border-radius:8px!important;overflow:hidden!important;padding:0!important; 1928 transition:border-color .2s ease; 1929} 1930.block__columns-per-row--3 .block__column:hover{border-color:rgba(232,181,71,.5)!important} 1931.block__columns-per-row--3 img.block__text-with-image-grid__column__image{ 1932 display:block!important;width:100%!important;height:auto!important; 1933 aspect-ratio:4/3;object-fit:cover!important;object-position:center 30%; 1934 margin:0!important;border:0!important;border-radius:0!important; 1935 border-bottom:1px solid rgba(232,181,71,.35)!important; 1936} 1937 1938/* name */ 1939.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text{ 1940 padding:26px 28px 0!important;margin:0 0 12px 0!important;text-align:left!important; 1941} 1942.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text *{ 1943 font-family:"Oswald",sans-serif!important;font-style:normal!important;font-weight:500!important; 1944 font-size:14px!important;line-height:1.3!important;letter-spacing:.16em!important; 1945 text-transform:uppercase!important;text-decoration:none!important; 1946 color:#E8B547!important;text-align:left!important;margin:0!important; 1947} 1948.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text p:empty, 1949.block__columns-per-row--3 .block__text-with-image-grid__column__heading-text p:not(:has(:not(br))){ 1950 display:none!important; 1951} 1952 1953/* quote */ 1954.block__columns-per-row--3 .block__text-with-image-grid__column__body{ 1955 padding:0 28px 30px!important;margin:0!important;flex:1 1 auto; 1956} 1957.block__columns-per-row--3 .block__text-with-image-grid__column__body::before{content:none!important} 1958.block__columns-per-row--3 .block__text-with-image-grid__column__body p, 1959.block__columns-per-row--3 .block__text-with-image-grid__column__body p *{ 1960 font-family:"Lato",sans-serif!important;font-style:normal!important; 1961 font-size:16px!important;line-height:1.7!important; 1962 color:#E9E2CC!important;text-align:left!important;margin:0!important;padding:0!important; 1963} 1964.block__columns-per-row--3 .block__text-with-image-grid__column__body p::before{content:none!important} 1965.block__columns-per-row--3 .block__text-with-image-grid__column__body br{display:none!important} 1966 1967/* ================================================================ BANNER 1968 Two elements carry the class "banner": the outer div.course-block.block.banner 1969 and the inner section.banner. The scrim goes on the SECTION only; on the 1970 outer div it paints over the headline and button. */ 1971section.banner{position:relative!important;overflow:hidden} 1972.course-block.banner::after, 1973div.block.banner::after{display:none!important;content:none!important} 1974 1975section.banner::after{ 1976 content:"";position:absolute;inset:0;pointer-events:none;z-index:1; 1977 background:linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,.5) 100%); 1978} 1979.banner > img,.banner picture,.banner [class*="image_overlay"]{ 1980 z-index:0!important;filter:brightness(.78) saturate(1)!important; 1981} 1982section.banner > .bl, 1983section.banner .banner__inner, 1984section.banner .banner__heading-group, 1985section.banner .banner__button-wrapper, 1986section.banner .rich-text{position:relative!important;z-index:6!important} 1987 1988/* content aligned with the nav container (both 960px) */ 1989section.banner .banner__inner{ 1990 max-width:960px!important;width:100%!important;margin:0 auto!important; 1991 padding:104px 0 28px 0!important; 1992} 1993 1994/* headline */ 1995section.banner .banner__heading-group{margin:0 0 26px 0!important} 1996.banner__heading-group h1,.banner__heading-group h1 *{ 1997 font-family:"Anton",sans-serif!important;color:var(--lbu-cream)!important; 1998 opacity:1!important;filter:none!important;mix-blend-mode:normal!important; 1999 text-shadow:0 2px 18px rgba(0,0,0,.85); 2000} 2001section.banner .banner__heading-group h1{ 2002 max-width:15ch!important;margin:0!important; 2003 line-height:1.03!important;font-size:clamp(34px,4.4vw,58px)!important; 2004} 2005/* gold words, wrapped by the script in Head Code Snippets */ 2006section.banner h1 .lbu-gold, 2007section.banner .banner__heading-group h1 strong, 2008section.banner .banner__heading-group h1 b, 2009section.banner .banner__heading-group h1 [style*="color"]{ 2010 color:#E8B547!important;font-weight:400!important; 2011} 2012 2013/* subheading, split by the Head Code Snippets script */ 2014.banner .rich-text p,.banner .rich-text p *{ 2015 color:#EFE8D4!important;opacity:1!important; 2016 font-size:17px!important;max-width:660px;text-shadow:0 1px 10px rgba(0,0,0,.8); 2017} 2018section.banner .lbu-eyebrow{ 2019 display:block!important; 2020 font-family:"Oswald",sans-serif!important; 2021 font-size:12.5px!important;font-weight:500!important; 2022 letter-spacing:.18em!important;text-transform:uppercase!important; 2023 color:#E8B547!important;margin:0 0 14px 0!important;text-shadow:none!important; 2024} 2025section.banner .lbu-proof{ 2026 display:block!important; 2027 font-family:"Oswald",sans-serif!important; 2028 font-size:12px!important;font-weight:400!important; 2029 letter-spacing:.14em!important;text-transform:uppercase!important; 2030 color:#BFA76A!important;margin:30px 0 0 0!important;text-shadow:none!important; 2031} 2032section.banner .subheader p{ 2033 font-family:"Lato",sans-serif!important; 2034 font-size:17px!important;font-weight:400!important; 2035 letter-spacing:normal!important;text-transform:none!important; 2036 color:#EFE8D4!important;max-width:620px!important; 2037 margin:0!important;line-height:1.7!important; 2038} 2039 2040/* stray empty lines in the banner fields */ 2041section.banner h1 br.softbreak:last-child, 2042section.banner .rich-text p:empty, 2043section.banner .rich-text br:last-child{display:none!important} 2044 2045/* banner button */ 2046.banner__button,.banner .base-button{ 2047 background:#E8B547!important;color:#0A0A0A!important;opacity:1!important;filter:none!important; 2048} 2049section.banner .banner__button-wrapper{margin-top:36px!important} 2050section.banner .banner__button{padding:18px 34px!important} 2051 2052/* ===================================== STANDALONE BUTTON BLOCK UNDER BANNER 2053 Strip borders and backgrounds from every element in the block, then paint 2054 one outline on the deepest clickable element. Never use a negative margin 2055 here: the banner above clips it. */ 2056.block.button,.block__button,[class*="button-block"], 2057.course-block.button,.course-block.block.button{ 2058 background:#0A0A0A!important;background-color:#0A0A0A!important; 2059 margin:0!important;padding:0 0 40px 0!important; 2060 position:relative!important;z-index:2!important;overflow:visible!important; 2061} 2062.block.button *,.block__button *{ 2063 border:0!important;background:transparent!important; 2064 background-color:transparent!important;box-shadow:none!important; 2065 border-radius:0!important; 2066} 2067.block.button,.block.button *, 2068.block__button,.block__button *{text-align:left!important} 2069 2070/* same 960px container as the banner */ 2071.block.button .bl,.block.button > div,.block.button > div > div, 2072.block__button .bl,.block__button > div,.block__button > div > div{ 2073 max-width:960px!important;width:100%!important; 2074 margin:0 auto!important;padding:0!important; 2075} 2076.block.button .bl,.block.button > div, 2077.block__button .bl,.block__button > div{display:block!important} 2078 2079/* one outline, on the deepest clickable element */ 2080.block.button a:not(:has(button)):not(:has(a)), 2081.block.button button:not(:has(button)), 2082.block__button a:not(:has(button)):not(:has(a)), 2083.block__button button:not(:has(button)){ 2084 display:inline-block!important;width:auto!important; 2085 border:1px solid rgba(245,239,224,.35)!important; 2086 border-radius:2px!important; 2087 color:#F5EFE0!important; 2088 font-family:"Oswald",sans-serif!important;font-weight:500!important; 2089 font-size:13.5px!important;letter-spacing:.14em!important; 2090 text-transform:uppercase!important;padding:17px 30px!important; 2091} 2092.block.button a,.block.button button, 2093.block__button a,.block__button button{margin:0!important} 2094.block.button a:hover,.block.button button:hover, 2095.block__button a:hover,.block__button button:hover{ 2096 border-color:#E8B547!important;color:#E8B547!important; 2097} 2098 2099/* ===================================================== READER DISCOUNT BANNER 2100 Second banner block ("Read the book. Save on the program."). The Head Code 2101 Snippet adds the class .lbu-reader, the steps, the Amazon button and the 2102 small print; this section styles them. */ 2103 2104/* photo stays on the right, text side fades to black so it reads cleanly */ 2105section.banner.lbu-reader > img{ 2106 left:auto!important;right:0!important;width:58%!important;height:100%!important; 2107 object-fit:cover!important;object-position:62% center!important; 2108} 2109section.banner.lbu-reader::after{ 2110 background:linear-gradient(90deg,
2111 rgba(10,10,10,1) 0%,rgba(10,10,10,.96) 42%, 2112 rgba(10,10,10,.45) 56%,rgba(10,10,10,.08) 72%,rgba(10,10,10,0) 100%)!important; 2113} 2114section.banner.lbu-reader .banner__inner{padding:96px 0 84px 0!important;align-items:flex-start!important;text-align:left!important} 2115section.banner.lbu-reader .banner__heading-group, 2116section.banner.lbu-reader .banner__button-wrapper, 2117section.banner.lbu-reader .lbu-rd-note{max-width:600px!important} 2118 2119/* headline */ 2120section.banner.lbu-reader .banner__heading-group{margin:0 0 22px 0!important} 2121section.banner.lbu-reader .banner__heading-group h1{ 2122 max-width:19ch!important;font-size:clamp(34px,4vw,54px)!important; 2123 line-height:1.03!important;margin:0 0 20px 0!important; 2124} 2125 2126/* intro paragraph */ 2127section.banner.lbu-reader .subheader p.lbu-rd-intro, 2128section.banner.lbu-reader .subheader p.lbu-rd-intro *{ 2129 font-family:"Lato",sans-serif!important;font-size:18px!important; 2130 line-height:1.7!important;color:#EFE8D4!important; 2131 max-width:620px!important;margin:0 0 24px 0!important;text-shadow:none!important; 2132} 2133section.banner.lbu-reader .subheader p.lbu-rd-intro em{font-style:italic!important;margin:0!important} 2134 2135/* numbered steps */ 2136section.banner.lbu-reader .lbu-rd-steps{ 2137 list-style:none!important;margin:0!important;padding:0!important;counter-reset:lbu-step; 2138} 2139section.banner.lbu-reader .lbu-rd-steps li{ 2140 position:relative!important;counter-increment:lbu-step; 2141 padding:3px 0 0 52px!important;margin:0 0 18px 0!important;min-height:32px; 2142 font-family:"Lato",sans-serif!important;font-size:17.5px!important;line-height:1.55!important; 2143 color:#EFE8D4!important;text-shadow:none!important; 2144} 2145section.banner.lbu-reader .lbu-rd-steps li::before{ 2146 content:counter(lbu-step); 2147 position:absolute;left:0;top:0;width:32px;height:32px;box-sizing:border-box; 2148 display:flex;align-items:center;justify-content:center; 2149 border:1px solid rgba(232,181,71,.55);border-radius:50%; 2150 background:rgba(232,181,71,.06);color:#E8B547; 2151 font-family:"Oswald",sans-serif;font-size:13px;font-weight:500; 2152} 2153 2154/* two buttons side by side, same height */ 2155section.banner.lbu-reader .banner__button-wrapper{ 2156 display:flex!important;flex-wrap:wrap!important;align-items:stretch!important; 2157 gap:18px!important;margin-top:30px!important; 2158} 2159section.banner.lbu-reader .banner__button-wrapper > a:first-child{display:flex!important} 2160section.banner.lbu-reader .banner__button{margin:0!important;padding:22px 40px!important} 2161section.banner.lbu-reader a.lbu-rd-amazon{ 2162 display:inline-flex!important;align-items:center;justify-content:center; 2163 padding:22px 40px;border:1px solid rgba(245,239,224,.3);border-radius:2px; 2164 background:rgba(10,10,10,.4);color:#F5EFE0!important;text-decoration:none!important; 2165 font-family:"Oswald",sans-serif;font-weight:500;font-size:13.5px;line-height:1.2; 2166 letter-spacing:.14em;text-transform:uppercase; 2167 transition:border-color .22s ease,color .22s ease; 2168} 2169section.banner.lbu-reader a.lbu-rd-amazon:hover{border-color:#E8B547;color:#E8B547!important} 2170 2171/* small print */ 2172section.banner.lbu-reader p.lbu-rd-note{ 2173 font-family:"Lato",sans-serif!important;font-size:14.5px!important; 2174 line-height:1.6!important;color:#A9A08C!important; 2175 margin:22px 0 0 0!important;text-shadow:none!important; 2176} 2177 2178@media (max-width:767px){ 2179 section.banner.lbu-reader > img{width:100%!important;object-position:center!important} 2180 section.banner.lbu-reader::after{background:rgba(10,10,10,.94)!important} 2181 section.banner.lbu-reader .banner__inner{padding:56px 20px 48px!important} 2182 section.banner.lbu-reader .banner__heading-group h1{font-size:30px!important;max-width:100%!important} 2183 section.banner.lbu-reader .subheader p.lbu-rd-intro, 2184 section.banner.lbu-reader .subheader p.lbu-rd-intro *{font-size:16px!important} 2185 section.banner.lbu-reader .lbu-rd-steps li{font-size:15.5px!important;padding-left:46px!important} 2186 section.banner.lbu-reader .banner__button-wrapper > a, 2187 section.banner.lbu-reader a.lbu-rd-amazon{width:100%!important} 2188 section.banner.lbu-reader .banner__button{width:100%!important} 2189} 2190 2191/* ============================================= EMAIL SIGN-UP (email leads block) */ 2192.block.email_leads_form section.block__email_leads{ 2193 padding:80px 20px 96px!important;background:#0A0A0A!important; 2194} 2195.block.email_leads_form form{ 2196 position:relative;max-width:620px!important;margin:0 auto!important; 2197 background:linear-gradient(180deg,#1B1813 0%,#141310 100%)!important; 2198 border:1px solid rgba(245,239,224,.12)!important;border-top:2px solid #E8B547!important; 2199 border-radius:8px!important;padding:52px 52px 40px!important; 2200 text-align:center!important;box-shadow:0 30px 80px rgba(0,0,0,.45); 2201} 2202.block.email_leads_form form > h4, 2203.block.email_leads_form form > h4 *{ 2204 font-family:"Anton",sans-serif!important;font-weight:400!important; 2205 font-size:clamp(30px,3.4vw,40px)!important;line-height:1.08!important; 2206 letter-spacing:.01em!important;text-transform:uppercase!important; 2207 color:#F5EFE0!important;margin:0 0 14px 0!important;text-align:center!important; 2208} 2209.block.email_leads_form form > p:not(.disclaimer_text){ 2210 font-family:"Lato",sans-serif!important;font-size:17px!important;line-height:1.65!important; 2211 color:#E9E2CC!important;max-width:440px!important;margin:0 auto 34px!important; 2212 text-align:center!important; 2213} 2214.block.email_leads_form fieldset{border:0!important;padding:0!important;margin:0!important;text-align:left!important} 2215.block.email_leads_form label[for="email"]{ 2216 display:block!important;margin:0 0 9px 0!important; 2217 font-family:"Oswald",sans-serif!important;font-size:12px!important;font-weight:500!important; 2218 letter-spacing:.16em!important;text-transform:uppercase!important;color:#BFA76A!important; 2219} 2220.block.email_leads_form input.block__email_leads__input{ 2221 width:100%!important;height:58px!important;box-sizing:border-box!important; 2222 background:#0C0B09!important;border:1px solid rgba(245,239,224,.2)!important; 2223 border-radius:2px!important;padding:0 18px!important; 2224 font-family:"Lato",sans-serif!important;font-size:16.5px!important;color:#F5EFE0!important; 2225 transition:border-color .2s ease,box-shadow .2s ease; 2226} 2227.block.email_leads_form input.block__email_leads__input:focus{ 2228 border-color:#E8B547!important;box-shadow:0 0 0 3px rgba(232,181,71,.15)!important; 2229} 2230.block.email_leads_form .block__email_leads__checkbox_wrapper{ 2231 display:flex!important;align-items:flex-start!important;gap:12px!important; 2232 margin:20px 0 28px 0!important; 2233} 2234.block.email_leads_form input.block__email_leads__checkbox{ 2235 flex:0 0 auto;width:18px!important;height:18px!important;margin:2px 0 0 0!important; 2236 accent-color:#E8B547;cursor:pointer; 2237} 2238.block.email_leads_form .block__email_leads__checkbox_wrapper label{ 2239 font-family:"Lato",sans-serif!important;font-size:14px!important;font-weight:400!important; 2240 line-height:1.55!important;letter-spacing:0!important;text-transform:none!important; 2241 color:#BEB6A0!important;margin:0!important;cursor:pointer; 2242} 2243.block.email_leads_form button.base-button{ 2244 width:100%!important;margin:0!important;padding:20px 30px!important; 2245} 2246.block.email_leads_form p.disclaimer_text{ 2247 font-family:"Lato",sans-serif!important;font-size:13.5px!important; 2248 color:#8F887A!important;margin:18px 0 0 0!important;text-align:center!important; 2249} 2250.block.email_leads_form .block__email_leads__error{ 2251 font-family:"Lato",sans-serif;font-size:14px;color:#E8866B;margin-top:12px; 2252} 2253.block.email_leads_form .block__email_leads__success{ 2254 max-width:620px;margin:0 auto;padding:40px 30px;text-align:center; 2255 font-family:"Lato",sans-serif;font-size:18px;color:#F5EFE0; 2256 background:#161512;border:1px solid rgba(232,181,71,.4);border-radius:8px; 2257} 2258 2259/* ======================================================= PRODUCT / PDP PAGE */ 2260.bg-white,[class*="bg-white"]{background-color:var(--lbu-panel)!important;color:var(--lbu-body)!important} 2261.border-gray-12,[class*="border-gray"]{border-color:var(--lbu-line)!important} 2262.text-gray-500,[class*="text-gray-"]{color:var(--lbu-faint)!important} 2263.text-primary{color:var(--lbu-gold)!important} 2264[data-state],[class*="data-[state"]{ 2265 background-color:var(--lbu-panel)!important;border-color:var(--lbu-line)!important; 2266 color:var(--lbu-cream)!important; 2267} 2268[data-state]:hover{border-color:var(--lbu-gold)!important} 2269[data-state] svg{color:var(--lbu-gold)!important} 2270[data-sentry-source-file="PricingOption.tsx"],.buy-box{ 2271 background-color:var(--lbu-panel)!important;border-color:var(--lbu-line)!important; 2272 color:var(--lbu-cream)!important; 2273} 2274main{background-color:var(--lbu-black)!important} 2275main h1,main h2{font-family:"Anton",sans-serif!important;color:var(--lbu-cream)!important} 2276main p,main li,main span{color:var(--lbu-body)!important} 2277 2278/* ============================================ PRODUCT CATALOG (/l/products) 2279 Teachable's catalog app paints its cards light grey (#FAFAFA), so the 2280 cream text vanished. Dark cards here, plus dark dropdown menus. */ 2281:root{ 2282 --popover:45deg 12% 8%!important; 2283 --popover-foreground:43deg 51% 92%!important; 2284 --muted:45deg 10% 12%!important; 2285 --muted-foreground:43deg 15% 66%!important; 2286 --accent:45deg 10% 14%!important; 2287 --accent-foreground:43deg 51% 92%!important; 2288 --secondary:45deg 10% 12%!important; 2289 --secondary-foreground:43deg 51% 92%!important; 2290 --input:43deg 18% 24%!important; 2291 --ring:41deg 78% 59%!important; 2292} 2293.ProductCard{ 2294 background:#161512!important;border:1px solid rgba(245,239,224,.14)!important; 2295 border-radius:8px!important;color:#E9E2CC!important;overflow:hidden!important; 2296 transition:border-color .2s ease,transform .2s ease; 2297} 2298.ProductCard:hover{border-color:rgba(232,181,71,.55)!important;transform:translateY(-3px)} 2299.ProductCard > a,.ProductCard > a:hover{background:transparent!important} 2300.ProductCard .ProductImage{border-bottom:1px solid rgba(232,181,71,.3)!important} 2301.ProductCard > a > div:nth-child(2){padding:22px 22px 24px!important} 2302.ProductCard .ProductTitle{ 2303 font-family:"Anton",sans-serif!important;font-weight:400!important; 2304 font-size:24px!important;line-height:1.12!important;letter-spacing:.01em!important; 2305 text-transform:uppercase!important;color:#F5EFE0!important; 2306} 2307.ProductCard .ProductDescription{ 2308 font-family:"Lato",sans-serif!important;font-size:15.5px!important; 2309 line-height:1.6!important;color:#E9E2CC!important; 2310} 2311.ProductCard p:not(.ProductDescription), 2312.ProductCard p:not(.ProductDescription) span{ 2313 font-family:"Oswald",sans-serif!important;font-size:12px!important;font-weight:500!important; 2314 letter-spacing:.12em!important;text-transform:uppercase!important;color:#BFA76A!important; 2315} 2316/* "Learn more": outline, fills gold when the card is hovered */ 2317.ProductCard .mt-auto > span{ 2318 width:100%!important;padding:14px 16px!important; 2319 background:transparent!important;border:1px solid rgba(232,181,71,.7)!important; 2320 border-radius:2px!important;color:#E8B547!important; 2321 transition:background .2s ease,color .2s ease; 2322} 2323.ProductCard .mt-auto > span *{ 2324 font-family:"Oswald",sans-serif!important;font-size:13px!important;font-weight:500!important; 2325 letter-spacing:.16em!important;text-transform:uppercase!important;color:inherit!important; 2326} 2327.ProductCard:hover .mt-auto > span{background:#E8B547!important;color:#0A0A0A!important} 2328 2329/* catalog heading, search and filters */ 2330main.BrowseProducts h1{ 2331 font-family:"Anton",sans-serif!important;text-transform:uppercase!important; 2332 color:#F5EFE0!important;letter-spacing:.01em!important; 2333} 2334main.BrowseProducts input, 2335main.BrowseProducts button[role="combobox"]{ 2336 background:#161512!important;border:1px solid rgba(245,239,224,.2)!important; 2337 color:#F5EFE0!important;border-radius:2px!important; 2338} 2339main.BrowseProducts input:focus, 2340main.BrowseProducts button[role="combobox"]:focus{border-color:#E8B547!important} 2341[role="listbox"],[role="option"]{background:#161512!important;color:#F5EFE0!important} 2342[role="option"][data-highlighted],[role="option"]:hover{background:#221F19!important;color:#E8B547!important} 2343 2344/* ============================================ STUDENT DASHBOARD (/l/dashboard) 2345 Same catalog app: its panels use the light "bg-container" surface, so the 2346 empty-state text disappeared. Dark panels, calmer headings, matching nav. */ 2347.bg-container{ 2348 background-color:#161512!important;color:#E9E2CC!important; 2349 border-color:rgba(245,239,224,.14)!important; 2350} 2351.bg-container p,.bg-container span:not([class*="bg-"]){color:#BEB6A0!important} 2352.bg-container a{color:#E8B547!important;text-underline-offset:3px} 2353.bg-container a:hover{color:#F2C25E!important} 2354.bg-container h2,.bg-container h3{color:#F5EFE0!important} 2355 2356/* light panels the Teachable app paints (dashboard library, empty states). 2357 The head script tags any light panel on /l/ pages with .lbu-dark-panel; 2358 the class-name guesses below cover the same panels before the script runs. */ 2359main [class*="bg-neutral-50"],main [class*="bg-gray-50"], 2360main [class*="bg-neutral-100"],main [class*="bg-gray-100"]:not([class*="hover:"]), 2361main [class*="bg-surface"],.lbu-dark-panel{ 2362 background-color:#161512!important;color:#E9E2CC!important; 2363 border-color:rgba(245,239,224,.14)!important;box-shadow:none!important; 2364} 2365.lbu-dark-panel p,.lbu-dark-panel span:not([class*="bg-"]){color:#BEB6A0!important} 2366.lbu-dark-panel h1,.lbu-dark-panel h2,.lbu-dark-panel h3,.lbu-dark-panel h4{color:#F5EFE0!important} 2367.lbu-dark-panel a{color:#E8B547!important;text-underline-offset:3px} 2368.lbu-dark-panel a:hover{color:#F2C25E!important} 2369 2370/* headings on dashboard-style pages ("Welcome backâ¦", "My library") */ 2371main:not(.view-school):not(.BrowseProducts) h1{ 2372 font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important;letter-spacing:.01em!important; 2373} 2374main:not(.view-school):not(.BrowseProducts) h2{ 2375 font-size:clamp(20px,2vw,26px)!important;line-height:1.15!important;letter-spacing:.02em!important; 2376} 2377 2378/* "My dashboard" link styled like "Browse products" */ 2379nav a[href*="dashboard"],header a[href*="dashboard"]{ 2380 font-family:"Oswald",sans-serif!important;font-weight:500!important; 2381 text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12.5px!important; 2382 color:#F5EFE0!important; 2383} 2384nav a[href*="dashboard"]:hover,header a[href*="dashboard"]:hover{color:#E8B547!important} 2385 2386/* ============================================= COURSE PAGES (/l/p
2386dp/...) type scale 2387 The global h1/h2/h3 sizes were meant for the homepage and made the course 2388 page headings and every section row huge. Calmer sizes here. 2389 (main.view-school is the homepage, so it is excluded.) */ 2390main:not(.view-school) h1.text-2xl{ 2391 font-size:clamp(32px,3.6vw,46px)!important;line-height:1.05!important; 2392 letter-spacing:.01em!important;margin-bottom:6px!important; 2393} 2394main:not(.view-school):not(.BrowseProducts) h1.font-semibold{ 2395 font-size:clamp(26px,2.6vw,32px)!important;line-height:1.1!important;letter-spacing:.02em!important; 2396} 2397main:not(.view-school) h2.text-base{ 2398 font-family:"Oswald",sans-serif!important;font-size:13.5px!important;font-weight:500!important; 2399 line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase!important; 2400 color:#BFA76A!important;margin-top:6px!important; 2401} 2402/* section rows */ 2403main:not(.view-school) h3.flex{font-size:inherit!important;line-height:inherit!important;margin:0!important} 2404main:not(.view-school) h3.flex > button{ 2405 padding:18px 22px!important;border-color:rgba(245,239,224,.12)!important; 2406 font-size:inherit!important;align-items:center!important; 2407 transition:border-color .2s ease,background .2s ease; 2408} 2409main:not(.view-school) h3.flex > button:hover, 2410main:not(.view-school) h3.flex > button:focus-visible, 2411main:not(.view-school) h3.flex > button[data-state="open"]{ 2412 border-color:rgba(232,181,71,.55)!important;background:rgba(232,181,71,.04)!important; 2413 outline:none!important;box-shadow:none!important; 2414} 2415main:not(.view-school) h3.flex h3.text-base, 2416main:not(.view-school) h3.flex button h3{ 2417 font-family:"Oswald",sans-serif!important;font-size:16.5px!important;font-weight:500!important; 2418 line-height:1.35!important;letter-spacing:.06em!important;text-transform:uppercase!important; 2419 color:#F5EFE0!important;margin:0!important; 2420} 2421main:not(.view-school) h3.flex button span.ml-auto{ 2422 font-family:"Lato",sans-serif!important;font-size:13.5px!important;font-weight:400!important; 2423 letter-spacing:0!important;text-transform:none!important;color:#BEB6A0!important; 2424 white-space:nowrap;padding-left:16px; 2425} 2426main:not(.view-school) h3.flex button svg{color:#E8B547!important} 2427/* lesson list inside an opened section: every row dark, thin dividers */ 2428main:not(.view-school) [role="region"]{background:transparent!important} 2429main:not(.view-school) [role="region"] [data-sentry-component="LessonItem"], 2430main:not(.view-school) [role="region"] .bg-white, 2431main:not(.view-school) [role="region"] .bg-gray-3{ 2432 background:#12110E!important;border-bottom:1px solid rgba(245,239,224,.07)!important; 2433 padding:14px 22px 14px 40px!important;position:relative; 2434} 2435main:not(.view-school) [role="region"] [data-sentry-component="LessonItem"]::before{ 2436 content:"";position:absolute;left:22px;top:50%;width:5px;height:5px;margin-top:-2.5px; 2437 border-radius:50%;background:#E8B547;opacity:.7; 2438} 2439main:not(.view-school) [role="region"] h4{ 2440 font-family:"Lato",sans-serif!important;font-size:15px!important;font-weight:400!important; 2441 line-height:1.5!important;letter-spacing:0!important;text-transform:none!important; 2442 color:#E9E2CC!important;margin:0!important; 2443} 2444/* Afterpay/Klarna line is a Stripe iframe (its text can't be recoloured), 2445 so give it a soft cream backing to keep it readable */ 2446main:not(.view-school) iframe[src*="payment-method-messaging"]{ 2447 background:#EFE8D4!important;border-radius:6px!important;padding:6px 8px!important; 2448 box-sizing:content-box!important;margin-top:4px!important;max-width:calc(100% - 16px)!important; 2449} 2450@media (max-width:767px){ 2451 main:not(.view-school) h1.text-2xl{font-size:30px!important} 2452 main:not(.view-school) h3.flex h3.text-base{font-size:15px!important} 2453 main:not(.view-school) h3.flex > button{padding:15px 16px!important} 2454} 2455 2456/* loading placeholders (grey bars while prices load) and the app footer */ 2457[class*="animate-pulse"],[class*="skeleton"],[class*="Skeleton"]{ 2458 background-color:#1E1C17!important;border-color:transparent!important; 2459} 2460footer,footer *{font-family:"Lato",sans-serif!important} 2461footer{color:#BEB6A0!important} 2462 2463/* ============================================================ FORM FIELDS */ 2464input[type="text"],input[type="email"],input[type="password"],textarea,select{ 2465 background-color:var(--lbu-panel)!important;border:1px solid rgba(245,239,224,.22)!important; 2466 color:var(--lbu-cream)!important;border-radius:2px!important; 2467 font-family:"Lato",sans-serif!important;padding:13px 14px!important; 2468} 2469input::placeholder,textarea::placeholder{color:#8F887A!important} 2470input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--lbu-gold)!important} 2471label{ 2472 font-family:"Oswald",sans-serif!important;text-transform:uppercase; 2473 letter-spacing:.12em;font-size:11.5px!important;color:var(--lbu-gold-soft)!important; 2474} 2475 2476/* ============================================ COURSE PLAYER (/courses/enrolled/...) 2477 The head script adds html.lbu-cp on these pages and tags light panels. */ 2478html.lbu-cp,html.lbu-cp body{background:#0A0A0A!important;color:#E9E2CC} 2479.lbu-dark-page{background-color:#0A0A0A!important;border-color:transparent!important;box-shadow:none!important} 2480.lbu-dark-panel .lbu-dark-panel{background-color:#1D1B16!important} 2481html.lbu-cp header,html.lbu-cp .navbar,html.lbu-cp [class*="navbar"], 2482html.lbu-cp [class*="Navbar"],html.lbu-cp [class*="header"]:not(h1):not(h2):not(h3){ 2483 background-color:#0A0A0A!important;border-color:rgba(232,181,71,.2)!important; 2484} 2485/* calmer type */ 2486html.lbu-cp h1{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.05!important;color:#F5EFE0!important} 2487html.lbu-cp h2{font-size:clamp(20px,2vw,26px)!important;line-height:1.15!important;color:#F5EFE0!important} 2488html.lbu-cp h3,html.lbu-cp h4,html.lbu-cp h5{ 2489 font-family:"Oswald",sans-serif!important;font-size:16px!important;font-weight:500!important; 2490 line-height:1.35!important;letter-spacing:.06em!important;text-transform:uppercase!important; 2491 color:#F5EFE0!important; 2492} 2493html.lbu-cp p,html.lbu-cp li,html.lbu-cp span{color:#E9E2CC} 2494html.lbu-cp .lbu-dark-panel p,html.lbu-cp .lbu-dark-panel span:not([class*="bg-"]):not([class*="btn"]){color:#BEB6A0!important} 2495html.lbu-cp [role="progressbar"],html.lbu-cp [class*="progress"]:not([class*="bar-fill"]){background-color:rgba(245,239,224,.12)!important} 2496html.lbu-cp a.btn,html.lbu-cp button.btn,html.lbu-cp .btn-primary, 2497html.lbu-cp a[class*="start"],html.lbu-cp button[class*="start"]{ 2498 background:#E8B547!important;border-color:#E8B547!important;color:#0A0A0A!important; 2499 font-family:"Oswald",sans-serif!important;font-weight:500!important;letter-spacing:.12em!important; 2500 text-transform:uppercase!important;border-radius:2px!important; 2501} 2502 2503 2504/* course player helpers set by the head script */ 2505.lbu-chip{background-color:rgba(245,239,224,.1)!important;color:#E9E2CC!important;border-color:rgba(245,239,224,.15)!important} 2506.lbu-chip *{color:#E9E2CC!important;fill:currentColor} 2507.lbu-hue-gold,.lbu-hue-before::before,.lbu-hue-after::after{filter:hue-rotate(180deg) saturate(1.7) brightness(1.2)!important} 2508 2509/* ================================================================ FOOTER 2510 The head script reads the links Teachable renders (from Settings > 2511 Navigation) and rebuilds them into this layout on every page type. */ 2512footer.lbu-footer-src > *{display:none!important} 2513footer.lbu-footer-src{padding:0!important;border:0!important;background:#0A0A0A!important} 2514.lbu-footer{ 2515 background:#0A0A0A;border-top:1px solid rgba(232,181,71,.28); 2516 padding:64px 24px 28px;font-family:"Lato",sans-serif;color:#BEB6A0; 2517} 2518.lbu-footer *{box-sizing:border-box} 2519.lbu-footer__inner{max-width:1120px;margin:0 auto} 2520.lbu-footer__top{ 2521 display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px; 2522 padding-bottom:44px;border-bottom:1px solid rgba(245,239,224,.1); 2523} 2524.lbu-footer__brand{ 2525 font-family:"Anton",sans-serif!important;font-size:30px!important;line-height:1!important; 2526 letter-spacing:.01em!important;text-transform:uppercase!important;color:#F5EFE0!important; 2527 margin:0 0 14px!important;font-weight:400!important; 2528} 2529.lbu-footer__tag,.lbu-footer__tag em{ 2530 font-family:"Lato",sans-serif!important;font-size:15.5px!important;line-height:1.65!important; 2531 color:#BEB6A0!important;margin:0!important;max-width:340px; 2532} 2533.lbu-footer__tag em{font-style:italic!important} 2534.lbu-footer__h{ 2535 font-family:"Oswald",sans-serif!important;font-size:12.5px!important;font-weight:500!important; 2536 letter-spacing:.18em!important;text-transform:uppercase!important;color:#E8B547!important; 2537 margin:0 0 18px!important;line-height:1.3!important; 2538} 2539.lbu-footer ul{list-style:none;margin:0;padding:0} 2540.lbu-footer__links li{margin:0 0 12px!important;padding:0!important;list-style:none!important} 2541.lbu-footer a{color:#E9E2CC!important;text-decoration:none!important;transition:color .2s ease} 2542.lbu-footer a:hover{color:#E8B547!important} 2543.lbu-footer__links a{font-family:"Lato",sans-serif!important;font-size:15.5px!important} 2544.lbu-footer__social{display:flex;flex-wrap:wrap;gap:10px} 2545.lbu-footer__social a{ 2546 display:inline-flex;align-items:center;justify-content:center; 2547 width:42px;height:42px;border:1px solid rgba(245,239,224,.2);border-radius:50%; 2548 transition:border-color .2s ease,color .2s ease,background .2s ease; 2549} 2550.lbu-footer__social a:hover{border-color:#E8B547;background:rgba(232,181,71,.08)} 2551.lbu-footer__social svg{width:17px;height:17px;fill:currentColor} 2552.lbu-footer__social a.lbu-txt{width:auto;padding:0 16px;border-radius:999px;font-size:13.5px} 2553.lbu-footer__bottom{ 2554 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px; 2555 padding-top:24px;font-size:13.5px;color:#8F887A; 2556} 2557.lbu-footer__legal{display:flex;gap:24px} 2558.lbu-footer__legal a{color:#8F887A!important;font-size:13.5px} 2559.lbu-footer__legal a:hover{color:#E8B547!important} 2560@media (max-width:820px){ 2561 .lbu-footer{padding:48px 22px 24px} 2562 .lbu-footer__top{grid-template-columns:1fr 1fr;gap:36px} 2563 .lbu-footer__top > div:first-child{grid-column:1 / -1} 2564} 2565@media (max-width:480px){ 2566 .lbu-footer__top{grid-template-columns:1fr} 2567 .lbu-footer__bottom{flex-direction:column;align-items:flex-start} 2568} 2569 2570/* ================================================================= FOOTER */ 2571.footer,footer{background-color:var(--lbu-black)!important;border-top:1px solid var(--lbu-line)}
2572.footer__list li,.footer__copyright,.footer a{ 2573 font-family:"Lato",sans-serif!important;color:var(--lbu-faint)!important;font-size:13.5px; 2574} 2575.footer a:hover{color:var(--lbu-gold)!important} 2576 2577/* ================================================================== PHONE */ 2578@media (max-width:820px){ 2579 .block__image-with-text__inner{gap:24px!important} 2580 .block__image-with-text__image img{max-height:320px} 2581 .block.image_with_text .header::before{font-size:12.5px;margin-bottom:10px} 2582 .block.image_with_text .rich-text p, 2583 .block.image_with_text .rich-text p span, 2584 .block.image_with_text .rich-text p em, 2585 .block.image_with_text .rich-text p i{font-size:16.5px!important;line-height:1.7!important} 2586 .block.image_with_text .rich-text p:last-child:not(:first-child){ 2587 font-size:20px!important;padding:18px 20px!important;margin-top:24px!important; 2588 } 2589 .block__text-with-image-grid__inner::after{display:none} 2590 2591 /* course cards: checklist wraps on phones, so use text ticks instead */ 2592 .block.featured_products .block__columns__fixed{grid-template-columns:minmax(0,1fr)!important} 2593 .block.featured_products .featured-product-card > a{padding:32px 24px 34px!important} 2594 .block.featured_products .featured-product-card__content__subtitle::after{ 2595 white-space:pre-line;padding-left:0;background:none; 2596 font-size:16px;line-height:1.9; 2597 } 2598 .block.featured_products [data-featured-product-id="2765168"] .featured-product-card__content__subtitle::after{ 2599 content:"\2713 13 sections, 32 lessons, guided daily\A\2713 Worksheets, core belief and mindfulness meditations\A\2713 Bonus continued healing calendar and journal\A\2713 Lifetime access, including future updates"; 2600 } 2601 .block.featured_products [data-featured-product-id="2831957"] .featured-product-card__content__subtitle::after{ 2602 content:"\2713 5 sections, 5 lessons\A\2713 \201C Breathe Into Your True Self\201D audio session\A\2713 30-minute grounding meditation\A\2713 Lifetime access"; 2603 } 2604 .block.featured_products .featured-product-card__content__subtitle::before{font-size:16.5px} 2605 .block.featured_products .featured-product-card__price{font-size:46px!important} 2606 .block.featured_products .featured-product-card__meta::after{font-size:14px} 2607 .block.featured_products .block__featured-products__heading_text p{font-size:16.5px!important} 2608 .block.featured_products .block__featured-products__button .base-button{width:100%!important;min-width:0} 2609 .block.email_leads_form section.block__email_leads{padding:56px 16px 64px!important} 2610 .block.email_leads_form form{padding:36px 22px 30px!important} 2611} 2612@media (max-width:767px){ 2613 .block{padding:40px 0!important} 2614 h1,.banner__heading-group h1{font-size:29px!important;line-height:1.1!important} 2615 h2{font-size:25px!important} 2616 h3{font-size:20px!important} 2617 p,li,.rich-text{font-size:15.5px!important} 2618 .rich-text em,.rich-text i,blockquote{font-size:17px!important} 2619 .base-button,.banner__button{padding:15px 22px!important;font-size:12.5px!important;width:100%} 2620 2621 section.banner .banner__inner{padding:56px 20px 28px!important} 2622 section.banner .banner__heading-group h1{font-size:29px!important} 2623 section.banner .banner__inner .rich-text p:not(:first-child):not(:last-child){font-size:15.5px!important} 2624} 2625@media (max-width:600px){ 2626 #obb-bar .obb-txt{font-size:11px;letter-spacing:.05em} 2627} 2628 2629</style> 2630
2631<script> 2632/* ========================================================================== 2633 Learn To Love Being You - Head Code Snippet (v11) 2634 Replaces the old snippet. Paste into Site > Code Snippets > Head Code, 2635 delete the old
2635<script> first. 2636 2637 It styles two banner blocks, matched by their headline text: 2638 - HERO ("...Never Given The Manual.") gold words, eyebrow, proof row 2639 - READER ("Read the book. Save on the program.") numbered steps, 2640 second Amazon button, small print 2641 ========================================================================== */ 2642document.addEventListener('DOMContentLoaded', function () { 2643 2644 var AMAZON_URL = 'https://www.amazon.com/dp/B0HJXZR87G'; 2645 var READER_URL = 'https://luvbeingu.com/courses'; 2646 2647 document.querySelectorAll('section.banner').forEach(function (sec) { 2648 var header = sec.querySelector('.header'); 2649 var h1 = sec.querySelector('.header h1, .header h2, .header h3'); 2650 if (!header || !h1) { return; } 2651 var t = header.textContent.toLowerCase(); 2652 if (t.indexOf('read the book') > -1 || t.indexOf('save on the program') > -1 || 2653 t.indexOf('reader discount') > -1) { 2654 buildReader(sec, header); 2655 } else { 2656 buildHero(sec, h1); 2657 } 2658 }); 2659 2660 /* ------------------------------------------------------------ HERO */ 2661 function buildHero(sec, h1) { 2662 var grp = sec.querySelector('.banner__heading-group'); 2663 var sub = sec.querySelector('.subheader'); 2664 if (!grp || !sub || grp.querySelector('.lbu-eyebrow')) { return; } 2665 2666 ['The Manual.'].forEach(function (phrase) { 2667 if (h1.innerHTML.indexOf('lbu-gold') === -1) { 2668 h1.innerHTML = h1.innerHTML.replace(phrase, '<span class="lbu-gold">' + phrase + '</span>'); 2669 } 2670 }); 2671 2672 var lines = []; 2673 var paras = sub.querySelectorAll('p'); 2674 if (paras.length > 1) { 2675 paras.forEach(function (p) { 2676 var s = p.innerHTML.replace(/ /g, ' ').replace(/<br[^>]*>/gi, '').trim(); 2677 if (s) { lines.push(s); } 2678 }); 2679 } else if (paras.length === 1) { 2680 lines = paras[0].innerHTML.split(/<br[^>]*>/i) 2681 .map(function (s) { return s.replace(/ /g, ' ').trim(); }) 2682 .filter(function (s) { return s.length > 0; }); 2683 } 2684 if (lines.length < 2) { return; } 2685 2686 var eyebrow = document.createElement('span'); 2687 eyebrow.className = 'lbu-eyebrow'; 2688 eyebrow.innerHTML = lines.shift(); 2689 grp.insertBefore(eyebrow, grp.firstChild); 2690 2691 var proof = ''; 2692 if (lines.length > 1) { 2693 /* drop the stray coloured bullet Teachable left at the start */ 2694 proof = '<span class="lbu-proof">' + 2695 lines.pop().replace(/^<span[^>]*>\s*â\s*<\/span>/, '').trim() + '</span>'; 2696 } 2697 sub.innerHTML = '<p>' + lines.join(' ') + '</p>' + proof; 2698 } 2699 2700 /* ---------------------------------------------------------- READER */ 2701 function buildReader(sec, header) { 2702 if (sec.classList.contains('lbu-reader')) { return; } 2703 sec.classList.add('lbu-reader'); 2704 2705 var grp = sec.querySelector('.banner__heading-group'); 2706 var sub = sec.querySelector('.subheader'); 2707 var inner = sec.querySelector('.banner__inner'); 2708 2709 /* whatever heading levels were typed in the editor, rebuild it as one h1 */ 2710 header.innerHTML = '<h1>Read the book. Save on the program.</h1>'; 2711 2712 if (grp) { 2713 var eyebrow = document.createElement('span'); 2714 eyebrow.className = 'lbu-eyebrow'; 2715 eyebrow.textContent = 'Reader discount \u00b7 25% off'; 2716 grp.insertBefore(eyebrow, grp.firstChild); 2717 } 2718 2719 if (sub) { 2720 sub.innerHTML = 2721 '<p class="lbu-rd-intro">Every Amazon order of <em>One Brave Breath</em> unlocks 25% off ' + 2722 'the LUV BEING U Program and the Anxiety Relief Action Plan. It takes about a minute.</p>' + 2723 '<ol class="lbu-rd-steps">' + 2724 '<li>Get the book on Amazon, or find the order number on a copy you already own.</li>' + 2725 '<li>Enter your Amazon order number at luvbeingu.com/courses.</li>' + 2726 '<li>Your code appears on screen and lands in your inbox, already applied at checkout.</li>' + 2727 '</ol>'; 2728 } 2729 2730 /* buttons: keep Teachable's button, add the Amazon one beside it */ 2731 var wrap = sec.querySelector('.banner__button-wrapper'); 2732 if (!wrap && inner) { 2733 wrap = document.createElement('div'); 2734 wrap.className = 'banner__button-wrapper'; 2735 wrap.innerHTML = '<a href="' + READER_URL + '" target="_blank" rel="noopener">' + 2736 '<button class="banner__button base-button">Unlock my 25% off</button></a>'; 2737 inner.appendChild(wrap); 2738 } 2739 if (wrap) { 2740 /* Unlock always goes to the reader form; Amazon gets its own button */ 2741 var main = wrap.querySelector('a'); 2742 if (main) { main.setAttribute('href', READER_URL); } 2743 var btn = wrap.querySelector('button'); 2744 if (btn) { btn.textContent = 'Unlock my 25% off'; } 2745 2746 var amz = document.createElement('a'); 2747 amz.className = 'lbu-rd-amazon'; 2748 amz.href = AMAZON_URL; 2749 amz.target = '_blank'; 2750 amz.rel = 'noopener'; 2751 amz.textContent = 'Get the book on Amazon'; 2752 wrap.appendChild(amz); 2753 2754 var note = document.createElement('p'); 2755 note.className = 'lbu-rd-note'; 2756 note.textContent = 'Kindle, paperback and hardcover orders all count. ' + 2757 'Paperback and hardcover go live October 1, 2026.'; 2758 wrap.parentNode.insertBefore(note, wrap.nextSibling); 2759 } 2760 } 2761}); 2762 2763/* ---- darken any light panel Teachable renders (catalog, dashboard, course player) ---- */ 2764(function () { 2765 var path = location.pathname; 2766 var isPlayer = /^\/courses\//.test(path); 2767 if (isPlayer) { document.documentElement.classList.add('lbu-cp'); } 2768 function isLight(c) { 2769 var m = (c || '').match(/[\d.]+/g); 2770 if (!m || m.length < 3) { return false; } 2771 if (m.length > 3 && +m[3] < 0.5) { return false; } 2772 return (0.299 * m[0] + 0.587 * m[1] + 0.114 * m[2]) > 225; 2773 } 2774 function root() { 2775 if (isPlayer) { return document.body; } 2776 var main = document.querySelector('main'); 2777 if (!main || main.classList.contains('view-school')) { return null; } 2778 return main; 2779 } 2780 function fix() { 2781 var r0 = root(); 2782 if (!r0) { return; } 2783 var vw = window.innerWidth; 2784 r0.querySelectorAll('div, section, article, li, aside, header, nav, a, span, small, label, time').forEach(function (el) { 2785 if (el.hasAttribute('data-lbu-dark') || el.closest('.lbu-footer')) { return; } 2786 if (!isLight(getComputedStyle(el).backgroundColor)) { return; } 2787 var r = el.getBoundingClientRect(); 2788 if (r.width < 180 || r.height < 44) { 2789 /* small light chips: duration tags, Draft badges */ 2790 if (r.width > 0 && r.width < 260 && r.height < 60 && !el.querySelector('img')) { 2791 el.setAttribute('data-lbu-dark', '1'); el.classList.add('lbu-chip'); 2792 } 2793 return; 2794 } 2795 el.setAttribute('data-lbu-dark', '1'); 2796 el.classList.add(r.width >= vw * 0.9 ? 'lbu-dark-page' : 'lbu-dark-panel'); 2797 });
2798 } 2799 var t = null; 2800 function soon() { clearTimeout(t); t = setTimeout(fix, 60); } 2801 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', fix); } else { fix(); } 2802 window.addEventListener('load', fix); 2803 new MutationObserver(soon).observe(document.documentElement, { childList: true, subtree: true }); 2804})(); 2805 2806/* ---- footer: rebuild Teachable's footer links into the LUV BEING U layout ---- */ 2807(function () { 2808 var ICONS = { 2809 instagram: '<svg viewBox="0 0 24 24"><path d="M12 7.3A4.7 4.7 0 1 0 12 16.7 4.7 4.7 0 0 0 12 7.3zm0 7.7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm6-7.9a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0zM21.9 7.2c-.1-1.6-.4-3-1.6-4.2S17.6 1.5 16 1.4C14.4 1.3 9.6 1.3 8 1.4 6.4 1.5 5 1.8 3.8 3S2.2 5.6 2.1 7.2C2 8.8 2 13.6 2.1 15.2c.1 1.6.4 3 1.6 4.2s2.6 1.5 4.2 1.6c1.6.1 6.4.1 8 0 1.6-.1 3-.4 4.2-1.6s1.5-2.6 1.6-4.2c.1-1.6.1-6.4 0-8zm-2.1 9.9a3.3 3.3 0 0 1-1.8 1.8c-1.3.5-4.3.4-5.7.4s-4.4.1-5.7-.4a3.3 3.3 0 0 1-1.8-1.8c-.5-1.3-.4-4.3-.4-5.7s-.1-4.4.4-5.7A3.3 3.3 0 0 1 6.3 4c1.3-.5 4.3-.4 5.7-.4s4.4-.1 5.7.4a3.3 3.3 0 0 1 1.8 1.8c.5 1.3.4 4.3.4 5.7s.1 4.4-.4 5.7z"/></svg>', 2810 facebook: '<svg viewBox="0 0 24 24"><path d="M14 8V6.2c0-.8.2-1.3 1.4-1.3H17V2h-2.5C11.6 2 10.6 3.6 10.6 6v2H8.5v3h2.1v11H14V11h2.6l.4-3H14z"/></svg>', 2811 x: '<svg viewBox="0 0 24 24"><path d="M17.8 2.5h3.1l-6.8 7.8 8 10.6h-6.3l-4.9-6.4-5.6 6.4H2.2l7.3-8.3L1.8 2.5h6.4l4.4 5.9 5.2-5.9zm-1.1 16.5h1.7L7.4 4.3H5.6L16.7 19z"/></svg>', 2812 youtube: '<svg viewBox="0 0 24 24"><path d="M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12 31 31 0 0 0 1 16.8a3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8zM9.7 15V9l5.8 3-5.8 3z"/></svg>' 2813 }; 2814 function kind(a) { 2815 var h = (a.getAttribute('href') || '').toLowerCase(); 2816 if (h.indexOf('instagram.com') > -1) { return 'instagram'; } 2817 if (h.indexOf('facebook.com') > -1) { return 'facebook'; } 2818 if (/\/\/(www\.)?(x|twitter)\.com/.test(h)) { return 'x'; } 2819 if (h.indexOf('youtube.com') > -1 || h.indexOf('youtu.be') > -1) { return 'youtube'; } 2820 if (/\/p\/(terms|privacy)/.test(h)) { return 'legal'; } 2821 return 'link'; 2822 } 2823 function esc(t) { return t.replace(/[&<>"]/g, function (c) { return {'&':'&','<':'<','>':'>','"':'"'}[c]; }); } 2824 function aTag(a, inner, cls) { 2825 var tgt = a.getAttribute('target') === '_blank' ? ' target="_blank" rel="noopener"' : ''; 2826 return '<a href="' + esc(a.getAttribute('href')) + '"' + tgt + (cls ? ' class="' + cls + '"' : '') + '>' + inner + '</a>'; 2827 } 2828 function build() { 2829 var f = document.querySelector('footer:not(.lbu-footer-src)'); 2830 if (!f) { 2831 f = document.querySelector('footer.lbu-footer-src'); 2832 if (!f || (f.nextElementSibling && f.nextElementSibling.classList.contains('lbu-footer'))) { return; } 2833 } 2834 var links = [], social = [], legal = []; 2835 f.querySelectorAll('a[href]').forEach(function (a) { 2836 var k = kind(a), label = a.textContent.trim(); 2837 if (!label) { return; } 2838 if (k === 'legal') { legal.push(aTag(a, esc(label))); } 2839 else if (k === 'link') { links.push('<li>' + aTag(a, esc(label)) + '</li>'); } 2840 else { social.push(aTag(a, ICONS[k], '') .replace('<a ', '<a aria-label="' + esc(label) + '" ')); } 2841 }); 2842 var year = new Date().getFullYear(); 2843 var html = 2844 '<div class="lbu-footer__inner"><div class="lbu-footer__top">' + 2845 '<div><p class="lbu-footer__brand">LUV BEING U</p>' + 2846 '<p class="lbu-footer__tag">Online programs with Mike Wood, author of <em>One Brave Breath</em>.</p></div>' + 2847 (links.length ? '<div><p class="lbu-footer__h">Explore</p><ul class="lbu-footer__links">' + links.join('') + '</ul></div>' : '<div></div>') + 2848 (social.length ? '<div><p class="lbu-footer__h">Follow</p><div class="lbu-footer__social">' + social.join('') + '</div></div>' : '') + 2849 '</div><div class="lbu-footer__bottom"><span>© ' + year + ' LUV BEING U Program</span>' + 2850 '<span class="lbu-footer__legal">' + legal.join('') + '</span></div></div>'; 2851 f.classList.add('lbu-footer-src'); 2852 var old = f.nextElementSibling; 2853 if (old && old.classList.contains('lbu-footer')) { old.innerHTML = html; return; } 2854 var box = document.createElement('div'); 2855 box.className = 'lbu-footer'; 2856 box.innerHTML = html; 2857 f.parentNode.insertBefore(box, f.nextSibling); 2858 } 2859 var t = null; 2860 function soon() { clearTimeout(t); t = setTimeout(build, 80); } 2861 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', build); } else { build(); } 2862 new MutationObserver(function (muts) { 2863 for (var i = 0; i < muts.length; i++) { 2864 var n = muts[i].target; 2865 if (n.closest && n.closest('.lbu-footer')) { continue; } 2866 soon(); return; 2867 } 2868 }).observe(document.documentElement, { childList: true, subtree: true });
2869})(); 2870 2871/* ---- course player: swap Teachable's leftover blue for gold, fix unreadable text ---- */ 2872(function () { 2873 if (!/^\/courses\//.test(location.pathname)) { return; } 2874 var GOLD = '#E8B547'; 2875 function rgb(c) { 2876 var m = (c || '').match(/[\d.]+/g); 2877 if (!m || m.length < 3) { return null; } 2878 if (m.length > 3 && +m[3] < 0.15) { return null; } 2879 return [+m[0], +m[1], +m[2]]; 2880 } 2881 function isBlue(c) { 2882 if (!c) { return false; } 2883 var r = c[0] / 255, g = c[1] / 255, b = c[2] / 255; 2884 var mx = Math.max(r, g, b), mn = Math.min(r, g, b), l = (mx + mn) / 2, d = mx - mn; 2885 if (d < 0.08) { return false; } 2886 var s = d / (1 - Math.abs(2 * l - 1)); 2887 var h = mx === r ? 60 * (((g - b) / d) % 6) : mx === g ? 60 * ((b - r) / d + 2) : 60 * ((r - g) / d + 4); 2888 if (h < 0) { h += 360; } 2889 return h >= 190 && h <= 255 && s > 0.18 && l > 0.2 && l < 0.9; 2890 } 2891 function anyBlue(str) { 2892 var m = (str || '').match(/rgba?\([^)]+\)/g) || []; 2893 for (var i = 0; i < m.length; i++) { if (isBlue(rgb(m[i]))) { return true; } } 2894 return false; 2895 } 2896 function lum(c) { return 0.299 * c[0] + 0.587 * c[1] + 0.114 * c[2]; } 2897 function set(el, p, v) { el.style.setProperty(p, v, 'important'); } 2898 function ownText(el) { 2899 for (var n = el.firstChild; n; n = n.nextSibling) { if (n.nodeType === 3 && n.nodeValue.trim()) { return true; } } 2900 return false; 2901 } 2902 function run() { 2903 document.body.querySelectorAll('*').forEach(function (el) { 2904 if (el.closest('.lbu-footer') || /^(IFRAME|VIDEO|IMG|SCRIPT|STYLE)$/.test(el.tagName)) { return; } 2905 var cs = getComputedStyle(el); 2906 var bg = rgb(cs.backgroundColor), fg = rgb(cs.color); 2907 if (isBlue(bg)) { set(el, 'background-color', GOLD); bg = [232, 181, 71]; } 2908 if (isBlue(fg)) { set(el, 'color', GOLD); fg = [232, 181, 71]; } 2909 ['top', 'right', 'bottom', 'left'].forEach(function (s) { 2910 if (parseFloat(cs['border-' + s + '-width']) > 0 && isBlue(rgb(cs['border-' + s + '-color']))) { set(el, 'border-' + s + '-color', GOLD); } 2911 }); 2912 if (el instanceof SVGElement) { 2913 if (isBlue(rgb(cs.fill))) { set(el, 'fill', GOLD); } 2914 if (isBlue(rgb(cs.stroke))) { set(el, 'stroke', GOLD); } 2915 } 2916 /* blue gradients (half-filled progress circles) on small icons: shift the hue to gold */ 2917 var r = el.getBoundingClientRect(); 2918 if (r.width < 70 && r.height < 70 && anyBlue(cs.backgroundImage)) { el.classList.add('lbu-hue-gold'); } 2919 ['::before', '::after'].forEach(function (p) { 2920 var ps = getComputedStyle(el, p); 2921 if (!ps.content || ps.content === 'none') { return; } 2922 if (isBlue(rgb(ps.color)) || isBlue(rgb(ps.backgroundColor)) || isBlue(rgb(ps.borderTopColor)) || anyBlue(ps.backgroundImage)) { 2923 el.classList.add(p === '::before' ? 'lbu-hue-before' : 'lbu-hue-after'); 2924 } 2925 }); 2926 /* any text sitting on this element's own background must contrast with it */ 2927 if (bg) { 2928 var dark = lum(bg) > 150; 2929 [el].concat([].slice.call(el.querySelectorAll('*'))).forEach(function (k) { 2930 if (k !== el && rgb(getComputedStyle(k).backgroundColor)) { return; } 2931 if (!ownText(k)) { return; } 2932 var kc = rgb(getComputedStyle(k).color); 2933 if (kc && Math.abs(lum(bg) - lum(kc)) < 95) { set(k, 'color', dark ? '#0A0A0A' : '#F5EFE0'); } 2934 }); 2935 } 2936 }); 2937 } 2938 var t = null; 2939 function soon() { clearTimeout(t); t = setTimeout(run, 200); } 2940 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); } 2941 window.addEventListener('load', function () { setTimeout(run, 300); }); 2942 new MutationObserver(function (muts) { 2943 for (var i = 0; i < muts.length; i++) { if (muts[i].type === 'childList') { soon(); return; } } 2944 }).observe(document.documentElement, { childList: true, subtree: true }); 2945})(); 2946</script>
2946 2947 2948 2949<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 2949-2950
2949 2950<script async src="https://www.googletagmanager.com/gtag/js?id=
2950G-SL8LSCXHSV
vendor: 12 bytes, line 2950
2950"></script>
2951<script> 2952
vendor: 134 bytes, lines 2952-2956
2952window.dataLayer = window.dataLayer || []; 2953 function gtag(){dataLayer.push(arguments);} 2954 gtag('js', new Date()); 2955 2956 gtag('config', '
2956G-SL8LSCXHSV
vendor: 109 bytes, lines 2956-2960
2956', { 2957 'user_id': '', 2958 'school_id': '2417805', 2959 'school_domain': 'www.learntolovebeingyou.com' 2960 });
2961</script>
2961 2962 2963 2964 2965 </head> 2966 <body class="revamped_lecture_player"> 2967 <meta http-content='IE=Edge' http-equiv='X-UA-Compatible'> 2968 <meta content='width=device-width,initial-scale=1.0' name='viewport'> 2969<meta id="fedora-keys" data-commit-sha="5b1039a489d5b7c23e454aadd8c4389224176d4b" data-env="production" data-sentry-public-dsn="https://[email protected]/120346" data-stripe="pk_live_hkgvgSBxG4TAl3zGlXiB1KUX" data-track-all-ahoy="false" data-track-changes-ahoy="false" data-track-clicks-ahoy="false" data-track-sumbits-ahoy="false" data-iris-url="https://eventable.internal.teachable.com" /><meta id="fedora-data" data-report-card="{}" data-course-ids="[]" data-completed-lecture-ids="[]" data-school-id="2417805" data-school-launched="true" data-preview="logged_out" data-turn-off-fedora-branding="true" data-plan-supports-whitelabeling="true" data-powered-by-text="Powered by" data-asset-path="//assets.teachablecdn.com/teachable-branding-2025/logos/teachable-logomark-white.svg" data-school-preferences="{"ssl_forced":"true","bnpl_allowed":"true","phone_enabled":"false","paypal_enabled":"false","phone_required":"false","gifting_enabled":"true","adaptive_pricing":"false","autoplay_lectures":"false","clickwrap_enabled":"false","comments_threaded":"true","course_blocks_beta":"true","legacy_back_office":"false","themeable_disabled":"false","back_office_enabled":"true","comments_moderation":"false","eu_vat_tax_eligible":"true","charge_exclusive_tax":"true","checkout_submit_type":null,"send_receipts_emails":"true","autocomplete_lectures":"true","class_periods_enabled":"false","custom_fields_enabled":"false","tax_inclusive_pricing":"false","authors_can_manage_pbc":"true","css_properties_enabled":"false","preenrollments_enabled":"false","checkout_tax_id_enabled":"false","new_text_editor_enabled":"false","require_terms_agreement":"true","send_new_comment_emails":"true","author_affiliate_payouts":"false","checkout_tax_id_required":"false","send_drip_content_emails":"true","ssl_forced_from_creation":"true","turn_off_fedora_branding":"true","allow_comment_attachments":"true","authors_can_email_students":"false","authors_can_manage_coupons":"false","custom_email_limit_applied":"true","send_abandoned_cart_emails":"true","teachable_accounts_enabled":"true","teachable_payments_enabled":"true","authors_can_import_students":"false","authors_can_publish_courses":"false","internal_subscriptions_beta":"true","recaptcha_enabled_on_signup":"true","single_page_checkout_enabled":"true","authors_can_set_course_prices":"false","dynamic_tax_inclusive_pricing":"false","send_lead_confirmation_emails":"true","affiliate_cookie_duration_days":"365","authors_can_issue_certificates":"false","store_student_cards_separately":"true","authors_can_manage_certificates":"false","authors_can_manage_course_pages":"false","checkout_promotion_codes_enabled":"false","disable_js_course_event_tracking":"false","exclusive_vat_on_custom_gateways":"true","send_certificate_issuance_emails":"true","
2969owner_teachable_accounts_required":"true","prevent_payment_plan_cancellation":"true","automatically_add_disqus_attachments":"true","recalc_course_pct_on_lecture_publish":"false","send_confirmation_instructions_emails":"true","send_limited_time_unenrollment_emails":"true","turn_off_myteachable_sign_up_branding":"false","checkout_customer_tos_acceptance_required":"false"}" data-accessible-features="["bulk_importing_users","bulk_enroll_students","manually_importing_users","native_certificates","admin_seats","custom_roles","earnings_statements","teachable_payments","teachable_u","course_compliance","page_editor_v2","page_editor_v2_only","certificates_editor_v2","drip_content","custom_domain","coupons","graded_quizzes","email","course_reports","webhooks","integrations","zapier_action_create_user","teachable_payments_payout_view","upsells","facebook_pixel","user_search_filters","user_tags","multiple_course_pages","proration_upgrade_flow","cross_border_payments","limited_time_enrollments","sales_tax_on_student_checkout","paid_integrations","sales_analytics_retool","new_device_confirmation","elasticsearch_users","elasticsearch_transactions","reset_progress","fraud_warnings","paypal_through_tp","new_creator_checkout","circle_oauth"]" data-course-data="{}" /><meta id="analytics-keys" name="analytics" data-analytics="{}" /> 2970 2971 <div class="root" onclick="offMenu(event)"> 2972 2973 2974 <!-- Preview bar --> 2975 2976 2977 2978 2979 2980 2981 2982 2983 <!-- HEADER --> 2984<a id="top"></a> 2985 2986<style id="ncs"> 2987 :root { 2988 2989 --header_width: 960px; 2990 } 2991</style> 2992 2993<header id="header" class="header header-sticky"> 2994 <!-- HEADER for Free Plan --> 2995 2996 2997 2998 2999 3000 3001 <!-- Navbar --> 3002 <nav 3003 class="navbar is-not-signed-in at-top" 3004 id='navbar' 3005 role='navigation'> 3006 <div class='navbar__header'> 3007 <!-- Site logo --> 3008 3009 <a class='navbar__header__logolink' href='https://www.learntolovebeingyou.com'> 3010 <img src="https://static-media.hotmart.com/8Z-cT-B8cKagn0kCzreq5NmElZg=/0x60/https://uploads.teachablecdn.com/attachments/056899b7f2944f0d9dbf33b15074512c.png" alt="LUV BEING U" srcset="https://static-media.hotmart.com/qUVQeiQMQ80V3TQ98fPZpoADE0c=/0x120/https://uploads.teachablecdn.com/attachments/056899b7f2944f0d9dbf33b15074512c.png 2x" /> 3011 </a> 3012 3013 <!-- Header Menu --> 3014 <div class="navbar__menu"> 3015 <button for="f-toggle" tabindex="0" role="button" id="hamburger" class="hamburger" aria-label="Toggle navigation" 3016 onclick="toggleMenu('hamburger-menu')"> 3017 <span></span> 3018 </button> 3019 <ul class='navbar__menu__list menu hidden' id="hamburger-menu" role="menu" aria-describedby="hamburger" tabindex="0"> 3020 3021 3022 3023 <!-- If more than 5 links, collapse the rest in a dropdown --> 3024 3025 3026 3027 <li> 3028 <a href='/sign_in'> 3029 Login 3030 </a> 3031 </li> 3032 3033 3034 3035</ul> 3036 3037 </div> 3038 </div> 3039 </nav> 3040</header> 3041 3042 3043 <main class='view-school page-layout-v2 main'> 3044 3045 3046 3047 3048 3049 3050 3051 3052 <div id="blocks" data-ss-school-id='2417805' class="blocks-page blocks-page-homepage_v2 "> 3053 3054 3055 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3056 3057 3058 3059 3060 <style type='text/css'>.b-219528122-top { padding-top: 50.400000000000006px; } .b-219528122-bottom { padding-bottom: 50.400000000000006px; } .b-219528122-alignment { text-align: left; } .b-219528122-content_width { max-width: 1140px; } .b-219528122-image_overlay { opacity: 0.9; } .b-219528122-background_color { background-color: #0A0A0A; } .b-219528122-heading_text_color { color: #FFFFFF; } .b-219528122-button_border_radius { border-radius: 2px; } .b-219528122-subheading_text_color { color: #FFFFFF; }</style> 3061 3062 3063 <div class="course-block block banner " id="block-219528122"> 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 <style> 3079 3080 .banner .b-219528122-heading_text_color { 3081 color: #FFFFFF 3082 } 3083 3084 3085 3086 .banner .b-219528122-subheading_text_color { 3087 color: #FFFFFF 3088 } 3089 3090 3091 .banner__button.b-219528122-button_border_radius { 3092 border-radius: 2; 3093 } 3094 3095 @media screen and (min-width: 768px) { 3096 .b-219528122-top { 3097 padding-top: 90px; 3098 } 3099 .b-219528122-bottom { 3100 padding-bottom: 90px; 3101 } 3102 } 3103 .bl { 3104 width: 100%; 3105 } 3106 3107 </style> 3108 3109<section class="banner b-219528122-background_color"> 3110 <img 3111 src='https://uploads.teachablecdn.com/attachments/7a635c5365474fccae2ac889377eba03.png' 3112 alt='Quiet morning light in a dark room' 3113 data-target="block.data.image_url Quiet morning light in a dark room" 3114 class=b-219528122-image_overlay 3115 /> 3116 <div class="bl"> 3117 <div class="banner__inner b-219528122-alignment b-219528122-bottom b-219528122-top b-219528122-content_width"> 3118 <div class="banner__heading-group heading-type-h1"> 3119 3120 <div data-target="block.data.heading_text" class="header b
3120-219528122-heading_text_color rich-text"> 3121 <h1>You Are Not Broken. You Were Never Given The Manual.<br class="softbreak"> 3122</h1> 3123 </div> 3124 3125 3126 <div data-target="block.data.subheading_text" class="subheader b-219528122-subheading_text_color rich-text"> 3127 <p>ONLINE PROGRAMS WITH MIKE WOOD</p><p>Anxiety, the loop of negative thoughts, the feeling you are running a life that looks fine from the outside while it never goes quiet inside. Mike lived it for thirty years. LUV BEING U is the ten-week program he built to get out, one daily practice at a time.</p><p><span style="color:rgb(54, 65, 77);">â </span>10 WEEKS, GUIDED DAILY â LIFETIME ACCESS â READERS OF THE BOOK SAVE 25%<br class="softbreak"></p> 3128 </div> 3129 3130 </div> 3131 3132 <div class="banner__button-wrapper"> 3133 <a href='https://learntolovebeingyou.com/l/pdp/learn-to-love-being-you' 3134 target="_blank" rel="noopener" 3135 > 3136 <button 3137 class='banner__button b-219528122-button_border_radius base-button' 3138 data-target="block.data.button_text" 3139 > 3140 Start The 10-Week Program 3141 </button> 3142 </a> 3143 </div> 3144 3145 </div> 3146 </div> 3147</section> 3148 3149 3150 3151 </div> 3152 3153 3154 3155 3156 3157 3158 3159 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3160 3161 3162 3163 3164 <style type='text/css'>.b-219528123-top { padding-top: 22.400000000000002px; } .b-219528123-bottom { padding-bottom: 11.200000000000001px; } .b-219528123-text_color { color: #E9E2CC; } .b-219528123-content_width { max-width: 960px; } .b-219528123-background_color { background-color: #0A0A0A; } .b-219528123-heading_text_color { color: #F5EFE0; }</style> 3165 3166 3167 <div class="course-block block text " id="block-219528123"> 3168 3169 3170 3171 3172 3173 3174 3175 3176<style> 3177 3178 .block__text .b-219528123-text_color { 3179 color: #E9E2CC 3180 } 3181 3182 3183 3184 .block__text .b-219528123-content_width { 3185 width: 960px; 3186 } 3187 3188 3189 3190 .block__text .b-219528123-heading_text_color h1, 3191 .block__text .b-219528123-heading_text_color h2, 3192 .block__text .b-219528123-heading_text_color h3, 3193 .block__text .b-219528123-heading_text_color h4, 3194 .block__text .b-219528123-heading_text_color h5, 3195 .block__text .b-219528123-heading_text_color h6 { 3196 color: #F5EFE0 3197 } 3198 3199 3200 .block__text .block__text-wrapper h2{ 3201 margin-bottom: 2px; 3202 } 3203 3204 .block__text .block__text-wrapper h3{ 3205 margin-bottom: 5px; 3206 } 3207 3208 .block__text .block__text-wrapper h4{ 3209 margin-bottom: 9px; 3210 } 3211 3212 .block__text .block__text-wrapper h5{ 3213 margin-bottom: 11px; 3214 } 3215 3216 .block__text .block__text-wrapper h6{ 3217 margin-bottom: 14px; 3218 } 3219 3220@media screen and (min-width: 768px) { 3221 .b-219528123-top { 3222 padding-top: 40px; 3223 } 3224 .b-219528123-bottom { 3225 padding-bottom: 20px; 3226 } 3227} 3228</style> 3229 3230<section class='container bl block__text rich-text b-219528123-top b-219528123-bottom b-219528123-background_color'> 3231 <div class="block__text-wrapper b-219528123-content_width b-219528123-heading_text_color b-219528123-text_color" data-target="block.data.body"> 3232 <h4>LIFE BEFORE VS. AFTER</h4><h2>What Changes When You Do The Work</h2><p>This is not about becoming someone else. It is about turning down the alarm system so the person who was always there can finally be heard.<br class="softbreak"></p> 3233 </div> 3234</section> 3235 3236 3237 3238 </div> 3239 3240 3241 3242 3243 3244 3245 3246 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3247 3248 3249 3250 3251 <style type='text/css'>.b-219528124-top { padding-top: 0.0px; } .b-219528124-bottom { padding-bottom: 22.400000000000002px; } .b-219528124-gutter_width { --gutter-width: 24px; } .b-219528124-content_width { max-width: 960px; } .b-219528124-text_alignment { text-align: center; } .b-219528124-background_color { background-color: #0A0A0A; } .b-219528124-heading_text_color { color: #F5EFE0; } .b-219528124-image_border_radius { border-radius: 45px; } .b-219528124-description_text_color { color: #E9E2CC; }</style> 3252 3253 3254 <div class="course-block block text_with_image_grid " id="block-219528124"> 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266<style> 3267 3268 .block__text-with-image-grid.b-219528124-background_color {
3269 background-color: #0A0A0A 3270 } 3271 3272 3273 3274 .block__text-with-image-grid.b-219528124-text_alignment { 3275 text-align: center 3276 } 3277 3278 3279 3280 .block__text-with-image-grid.b-219528124-heading_text_color .block__text-with-image-grid__column__heading-text { 3281 color: #F5EFE0 3282 } 3283 3284 3285 3286 .block__text-with-image-grid.b-219528124-description_text_color .block__text-with-image-grid__column__body { 3287 color: #E9E2CC 3288 } 3289 3290 3291 .block__text-with-image-grid__column__image.b-219528124-image_border_radius { 3292 border-radius: 45px; 3293 } 3294 3295@media screen and (min-width: 768px) { 3296 .b-219528124-top { 3297 padding-top: 0px; 3298 } 3299 .b-219528124-bottom { 3300 padding-bottom: 40px; 3301 } 3302 3303 .b-219528124-gutter_width .block__columns { 3304 grid-column-gap: 24px; 3305 } 3306 3307} 3308 3309</style> 3310 3311<section class="bl block__text-with-image-grid b-219528124-background_color b-219528124-top b-219528124-bottom b-219528124-text_alignment b-219528124-heading_text_color b-219528124-description_text_color block__columns-per-row--2 b-219528124-gutter_width"> 3312 3313 <div class="block__columns b-219528124-content_width"> 3314 3315 <div class="block__column"> 3316 3317 <img 3318 class="block__text-with-image-grid__column__image b-219528124-image_border_radius" 3319 alt="" 3320 src="https://assets.teachablecdn.com/page-block-default-images/text-with-image-grid-1.jpg" 3321 /> 3322 3323 <div class="block__text-with-image-grid__column__heading-text rich-text"><p>Where You Are Now<br class="softbreak"></p></div> 3324 <div class="block__text-with-image-grid__column__body"><p>Anxiety and low mood on most days.</p><p>Weighed down by negative thoughts and old beliefs.</p><p>Carrying past hurt that quietly drains you.</p><p>Disconnected from who you really are.<br class="softbreak"></p></div> 3325 </div> 3326 3327 <div class="block__column"> 3328 3329 <img 3330 class="block__text-with-image-grid__column__image b-219528124-image_border_radius" 3331 alt="" 3332 src="https://assets.teachablecdn.com/page-block-default-images/text-with-image-grid-2.jpg" 3333 /> 3334 3335 <div class="block__text-with-image-grid__column__heading-text rich-text"><p>Where This Takes You<br class="softbreak"></p></div> 3336 <div class="block__text-with-image-grid__column__body"><p>Living peacefully, with the volume turned down.</p><p>Turning a negative thought around, on purpose.</p><p>Choosing to be present instead of waiting.</p><p>Real self-love and a gratitude practice that sticks.<br class="softbreak"></p></div> 3337 </div> 3338 3339 </div> 3340 3341</section> 3342 3343 3344 3345 </div> 3346 3347 3348 3349 3350 3351 3352 3353 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3354 3355 3356 3357 3358 <style type='text/css'>.b-219528125-top { padding-top: 11.200000000000001px; } .b-219528125-bottom { padding-bottom: 22.400000000000002px; } .b-219528125-card_style { --card_style: grid; } .b-219528125-gutter_width { --gutter-width: 24px; } .b-219528125-content_width { max-width: 960px; } .b-219528125-heading_color { color: #36414D; } .b-219528125-background_color { background-color: #C3E7FC; } .b-219528125-card_border_color { border-color: #000000; } .b-219528125-card_border_width { border-width: 0px; } .b-219528125-card_border_radius { border-radius: 0px; } .b-219528125-card_text_alignment { text-align: left; } .b-219528125-button_border_radius { border-radius: 0px; } .b-219528125-card_background_color { background-color: #FFFFFF; }</style> 3359 3360 3361 <div class="course-block block featured_products " id="block-219528125"> 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381<style> 3382 .block__featured-products__heading_text.b-219528125-heading_color { 3383 color: #36414D; 3384 } 3385 .block__featured-products.b-219528125-background_color {
3386 background-color: #C3E7FC; 3387 } 3388 .block__featured-products .b-219528125-card_border_color, 3389 .block__featured-products .b-219528125-card_border_width { 3390 border: 0px solid #000000; 3391 } 3392 .block__featured-products .b-219528125-card_text_alignment .featured-product-card__content__title, 3393 .block__featured-products .b-219528125-card_text_alignment .course-card__content__subtitle { 3394 text-align: left; 3395 } 3396 .featured-product-card.b-219528125-card_background_color { 3397 background-color: #FFFFFF; 3398 } 3399 .block__featured-products__button .b-219528125-button_border_radius { 3400 border-radius: 0px; 3401 } 3402 @media screen and (min-width: 768px) { 3403 .b-219528125-top { 3404 padding-top: 20px; 3405 } 3406 .b-219528125-bottom { 3407 padding-bottom: 40px; 3408 } 3409 3410 .b-219528125-gutter_width .block__columns, .b-219528125-gutter_width .block__columns__fixed { 3411 grid-column-gap: 24px; 3412 } 3413 3414 } 3415</style> 3416 3417 3418 3419 <section class="bl block__featured-products block__featured-products__cards block__columns-per-row--2 b-219528125-top b-219528125-bottom b-219528125-gutter_width b-219528125-background_color"> 3420 <div class="block__featured-products__heading_text b-219528125-heading_color rich-text"><h4>Choose your starting point</h4><h2>Two Ways In. One Direction.</h2><p>Most people go straight to the full program. If you want to test the water first, the Anxiety Relief Action Plan is the first step of the same journey.</p></div> 3421 <div class="block__columns__fixed b-219528125-content_width"> 3422 3423 3424 3425 3426 3427<!-- Featured Product Listing --> 3428<div 3429 data-featured-product-type="Course" data-featured-product-id="2765168" class="featured-product-card card-style-grid block__column b-219528125-card_background_color b-219528125-card_border_color b-219528125-card_border_width b-219528125-card_border_radius b-219528125-card_text_alignment"> 3430 <a href="https://www.learntolovebeingyou.com/l/pdp/learn-to-love-being-you"> 3431 <!-- Featured Product Image, Name & Subtitle (everyone) --> 3432 <div class="featured-product-card__image-container"> 3433 3434 <img src="https://static-media.hotmart.com/M2wS1xrzb32St57Ukw8jiCasu1k=/705x0/https://uploads.teachablecdn.com/attachments/529cf73157c04c02b60beb33ab3a8bf7.jpg" role="presentation" /> 3435 3436 </div> 3437 <div class="featured-product-card__content"> 3438 <h3 class="featured-product-card__content__title" title="LUV BEING U Program"> 3439 3440 LUV BEING U Program 3441 3442 </h3> 3443 3444 3445 <!-- Progress bar (enrolled users) --> 3446 <div aria-hidden="true" class="featured-product-card__progressbar hidden"> 3447 <div role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-labelledby="percent-complete-2765168" class="featured-product-card__progressbar-fill"></div> 3448 </div> 3449 3450 3451 <!-- Subtitle (unenrolled users) --> 3452 <h4 class="featured-product-card__content__subtitle" title="This is a 10-week program to help people dealing with anxiety and depression. This course includes multiple different views on life and ways to help navigate through the struggles, so you can live life how you should, happily and peacefully."> 3453 3454 This is a 10-week program to help people dealing with anxiety and depression. This course includes multiple different views on life and ways to help navigate through the struggles, so you can live life how you should, happily and peacefully. 3455 3456 </h4> 3457 <div class="featured-product-card__meta"> 3458 <!-- Bundle v1 Info (everyone) --> 3459 3460 <!-- Author Image and Name (everyone) --> 3461 <div class="featured-product-card__meta__item featured-product-card__author"> 3462 3463 <img src="https://static-media.hotmart.com/sGXv5dSd5-3FBBXfRhhAqiz-JL0=/30x30/https://uploads.teachablecdn.com/attachments/d1514f14be794c76ac7808f8d62332d6.jpeg" alt="Michael Wood " /> 3464 3465 <p class="featured-product-card__author__name" title="Michael Wood "> 3466 3467 Michael Wood 3468 3469 </p> 3470 </div> 3471 3472 3473 3474 <!-- Progress percentage (enrolled users) --> 3475 <div class="featured-product-card__meta__item featured-product-card__progress hidden" aria-hidden="true">
3476 <span class="featured-product-card__percentage" id="percent-complete-2765168" data-featured-product-id="2765168"> 3477 % 3478 </span> 3479 COMPLETE 3480 </div> 3481 3482 3483 <!-- Price (unenrolled users) --> 3484 <p data-include-vat-price=6404917 class="featured-product-card__meta__item featured-product-card__price"> 3485 3486 $500 3487 3488 </p> 3489 </div> 3490 </div> 3491 </a> 3492</div> 3493 3494 3495 3496 3497 3498 3499<!-- Featured Product Listing --> 3500<div 3501 data-featured-product-type="Course" data-featured-product-id="2831957" class="featured-product-card card-style-grid block__column b-219528125-card_background_color b-219528125-card_border_color b-219528125-card_border_width b-219528125-card_border_radius b-219528125-card_text_alignment"> 3502 <a href="https://www.learntolovebeingyou.com/l/pdp/learn-to-love-being-you-introductory-course"> 3503 <!-- Featured Product Image, Name & Subtitle (everyone) --> 3504 <div class="featured-product-card__image-container"> 3505 3506 <img src="https://static-media.hotmart.com/2uw_AHQzvwGvTtFDYxX02PKrFeA=/705x0/https://uploads.teachablecdn.com/attachments/2723bbcb4e434fc6b11c50a93f6bc36f.jpg" role="presentation" /> 3507 3508 </div> 3509 <div class="featured-product-card__content"> 3510 <h3 class="featured-product-card__content__title" title="An
3510xiety Relief Action Plan"> 3511 3512 Anxiety Relief Action Plan 3513 3514 </h3> 3515 3516 3517 <!-- Progress bar (enrolled users) --> 3518 <div aria-hidden="true" class="featured-product-card__progressbar hidden"> 3519 <div role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-labelledby="percent-complete-2831957" class="featured-product-card__progressbar-fill"></div> 3520 </div> 3521 3522 3523 <!-- Subtitle (unenrolled users) --> 3524 <h4 class="featured-product-card__content__subtitle" title="This course is a short introduction to prepare you for the Learn To Love Being You course. Here you will learn the beginnings of breath work and meditation to help our journey through the course."> 3525 3526 This course is a short introduction to prepare you for the Learn To Love Being You course. Here you will learn the beginnings of breath work and meditation to help our journey through the course. 3527 3528 </h4> 3529 <div class="featured-product-card__meta"> 3530 <!-- Bundle v1 Info (everyone) --> 3531 3532 <!-- Author Image and Name (everyone) --> 3533 <div class="featured-product-card__meta__item featured-product-card__author"> 3534 3535 <img src="https://fedora.teachablecdn.com/assets/user-0ae68ba67e6ead32c4ff1cc668d501f896bddd5ef1667ac3e9ff29ce601ed653.png" alt="Trace Wood" /> 3536 3537 <p class="featured-product-card__author__name" title="Trace Wood"> 3538 3539 Trace Wood 3540 3541 </p> 3542 </div> 3543 3544 3545 3546 <!-- Progress percentage (enrolled users) --> 3547 <div class="featured-product-card__meta__item featured-product-card__progress hidden" aria-hidden="true"> 3548 <span class="featured-product-card__percentage" id="percent-complete-2831957" data-featured-product-id="2831957"> 3549 % 3550 </span> 3551 COMPLETE 3552 </div> 3553 3554 3555 <!-- Price (unenrolled users) --> 3556 <p data-include-vat-price=6395319 class="featured-product-card__meta__item featured-product-card__price"> 3557 3558 $50 3559 3560 </p> 3561 </div> 3562 </div> 3563 </a> 3564</div> 3565 3566 3567 </div> 3568 3569 <div class="block__featured-products__button"> 3570 <a href="/courses"> 3571 <button class="base-button b-219528125-button_border_radius"> 3572 View All Products 3573 </button> 3574 </a> 3575 </div> 3576 3577 </section> 3578 3579 3580 3581 3582 </div> 3583 3584 3585 3586 3587 3588 3589 3590 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3591 3592 3593 3594 3595 <style type='text/css'>.b-219528126-top { padding-top: 22.400000000000002px; } .b-219528126-bottom { padding-bottom: 22.400000000000002px; } .b-219528126-content_width { width: 960px; } .b-219528126-heading_color { color: #36414D; } .b-219528126-background_color { background-color: #FFFFFF; } .b-219528126-description_color { color: #36414D; }</style> 3596 3597 3598 <div class="course-block block video " id="block-219528126"> 3599 3600 3601 3602 3603 3604<style> 3605 @media screen and (min-width: 768px) { 3606 .b-219528126-top { 3607 padding-top: 40px; 3608 } 3609 .b-219528126-bottom { 3610 padding-bottom: 40px; 3611 } 3612 } 3613</style> 3614 3615<section class="container bl b-219528126-top b-219528126-bottom b-219528126-background_color"> 3616 <div class="block__video b-219528126-content_width"> 3617 <div class="block__video__text-wrapper rich-text"> 3618 3619 <div class="block__video__heading_text b-219528126-heading_color"> 3620 <h4>Real results</h4><h2 class="ql-align-center">Hear It From Someone Who Did The Work</h2><p><br class="softbreak">Keeley Walker, on coming off medication and finally feeling free.<br class="softbreak"></p> 3621 </div> 3622 3623 3624 <div class="b-219528126-description_color"> 3625 <p><br class="softbreak"></p> 3626 </div> 3627 3628 </div> 3629 3630 <div class='wistia_responsive_padding'> 3631 <div class='wistia_responsive_wrapper'> 3632 <div class='hotmart_video_player public-hotmart-video' data-asset-id='1547177' data-asset-type='video_asset' data-page-id='18577729'> 3633 </div> 3634 </div> 3635 </div> 3636 3637 3638 </div> 3639</section> 3640 3641 3642 3643 </div> 3644 3645 3646 3647 3648 3649 3650 3651 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3652 3653 3654 3655 3656 <style type='text/css'>
3656.b-219528127-top { padding-top: 50.400000000000006px; } .b-219528127-bottom { padding-bottom: 50.400000000000006px; } .b-219528127-alignment { text-align: left; } .b-219528127-content_width { max-width: 1140px; } .b-219528127-image_overlay { opacity: 1; } .b-219528127-background_color { background-color: #0A0A0A; } .b-219528127-heading_text_color { color: #FFFFFF; } .b-219528127-button_border_radius { border-radius: 2px; } .b-219528127-subheading_text_color { color: #FFFFFF; }</style> 3657 3658 3659 <div class="course-block block banner " id="block-219528127"> 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 <style> 3675 3676 .banner .b-219528127-heading_text_color { 3677 color: #FFFFFF 3678 } 3679 3680 3681 3682 .banner .b-219528127-subheading_text_color { 3683 color: #FFFFFF 3684 } 3685 3686 3687 .banner__button.b-219528127-button_border_radius { 3688 border-radius: 2; 3689 } 3690 3691 @media screen and (min-width: 768px) { 3692 .b-219528127-top { 3693 padding-top: 90px; 3694 } 3695 .b-219528127-bottom { 3696 padding-bottom: 90px; 3697 } 3698 } 3699 .bl { 3700 width: 100%; 3701 } 3702 3703 </style> 3704 3705<section class="banner b-219528127-background_color"> 3706 <img 3707 src='https://uploads.teachablecdn.com/attachments/64d903b7aee44f2e9e23002d838676d0.png' 3708 alt='Quiet morning light in a dark room' 3709 data-target="block.data.image_url Quiet morning light in a dark room" 3710 class=b-219528127-image_overlay 3711 /> 3712 <div class="bl"> 3713 <div class="banner__inner b-219528127-alignment b-219528127-bottom b-219528127-top b-219528127-content_width"> 3714 <div class="banner__heading-group heading-type-h4"> 3715 3716 <div data-target="block.data.heading_text" class="header b
3716-219528127-heading_text_color rich-text"> 3717 <h4>Reader discount · 25% off</h4><h2>Read The Book.<br class="softbreak">Save On The Program.</h2><h4><br></h4> 3718 </div> 3719 3720 3721 <div data-target="block.data.subheading_text" class="subheader b-219528127-subheading_text_color rich-text"> 3722 <p>Every Amazon order of <em>One Brave Breath</em> unlocks 25% off the LUV BEING U Program and the Anxiety Relief Action Plan. It takes about a minute.</p><p>Get the book on Amazon, or find the order number on a copy you already own.</p><p>Enter your Amazon order number at luvbeingu.com/courses.</p><p>Your code appears on screen and lands in your inbox, already applied at checkout.</p> 3723 </div> 3724 3725 </div> 3726 3727 <div class="banner__button-wrapper"> 3728 <a href='https://www.amazon.com/dp/B0HJXZR87G' 3729 target="_blank" rel="noopener" 3730 > 3731 <button 3732 class='banner__button b-219528127-button_border_radius base-button' 3733 data-target="block.data.button_text" 3734 > 3735 Unlock My 25% Off 3736 </button> 3737 </a> 3738 </div> 3739 3740 </div> 3741 </div> 3742</section> 3743 3744 3745 3746 </div> 3747 3748 3749 3750 3751 3752 3753 3754 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3755 3756 3757 3758 3759 <style type='text/css'>.b-219528128-top { padding-top: 33.6px; } .b-219528128-bottom { padding-bottom: 22.400000000000002px; } .b-219528128-text_color { color: #E9E2CC; } .b-219528128-gutter_width { --gutter-width: 24px; } .b-219528128-content_width { width: 960px; } .b-219528128-heading_color { color: #F5EFE0; } .b-219528128-text_alignment { text-align: left; } .b-219528128-background_color { background-color: #0A0A0A; } .b-219528128-image_border_radius { border-radius: 2px; }</style> 3760 3761 3762 <div class="course-block block image_with_text " id="block-219528128"> 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775<style> 3776 3777 .block__image-with-text .b-219528128-text_color { 3778 color: #E9E2CC; 3779 } 3780 3781 3782 3783 .block__image-with-text.b-219528128-background_color {
3784 background-color: #0A0A0A; 3785 } 3786 3787 3788 3789 .block__image-with-text .b-219528128-heading_color .block__image-with-text__inner__heading { 3790 color: #F5EFE0; 3791 } 3792 3793 3794 3795 .block__image-with-text .b-219528128-text_alignment { 3796 text-align: left; 3797 } 3798 3799 3800 .block__image-with-text__image.b-219528128-image_border_radius { 3801 border-radius: 2px; 3802 } 3803 3804 .block__image-with-text .block__image-with-text__inner__heading h2{ 3805 margin-bottom: 2px; 3806 } 3807 3808 .block__image-with-text .block__image-with-text__inner__heading h3{ 3809 margin-bottom: 5px; 3810 } 3811 3812 .block__image-with-text .block__image-with-text__inner__heading h4{ 3813 margin-bottom: 9px; 3814 } 3815 3816 .block__image-with-text .block__image-with-text__inner__heading h5{ 3817 margin-bottom: 11px; 3818 } 3819 3820 .block__image-with-text .block__image-with-text__inner__heading h6{ 3821 margin-bottom: 14px; 3822 } 3823 3824@media screen and (min-width: 768px) { 3825 .b-219528128-top { 3826 padding-top: 60px; 3827 } 3828 .b-219528128-bottom { 3829 padding-bottom: 40px; 3830 } 3831 3832 .b-219528128-gutter_width .block__image-with-text__text-wrapper { 3833 width: calc(50% - 12px); 3834 3835 margin-right: 12px; 3836 3837 } 3838 .b-219528128-gutter_width div.block__image-with-text__image { 3839 width: calc(50% - 12px); 3840 3841 margin-left: 12px; 3842 3843 } 3844 3845} 3846</style> 3847 3848<section class='bl container block__image-with-text b-219528128-background_color b-219528128-top b-219528128-bottom b-219528128-gutter_width image-with-text-layout-right'> 3849 <div class="b-219528128-content_width block__image-with-text__wrapper b-219528128-heading_color b-219528128-text_color b-219528128-text_alignment"> 3850 3851 <div class="block__image-with-text__inner block__image-with-text__text-wrapper rich-text"> 3852 3853 <div class="block__image-with-text__inner__heading"> 3854 <h4><span style="background-color:rgb(10, 10, 10);color:rgb(232, 181, 71);">Meet your guide<br class="softbreak"></span></h4><h3>Mike Wood Lived This First</h3><p><br class="softbreak"></p> 3855 </div> 3856 3857 3858 <p>Mike is the author of One Brave Breath and the founder of the LUV BEING U program. Nothing in it came from a textbook. It came from thirty years of living with anxiety, the noise, the looping thoughts, and slowly working out what actually made it quiet.</p><p>The program is that work, written down in order, so you do not have to spend thirty years finding it yourself. It is practical without being shallow, and honest about the fact that it only works if you show up for the daily practice.</p><p><em>"You don't need to leave your life to find peace. You need one brave breath, and then another."</em></p> 3859 3860 </div> 3861 <div class="block__image-with-text__inner block__image-with-text__image"> 3862 3863 <a 3864 href="" 3865 target="_blank" 3866 rel="noopener" 3867 class="block__image-with-text__link" 3868 > 3869 3870 <img 3871 src='https://uploads.teachablecdn.com/attachments/f506ef8c3d6f45aea435587fb6aaf1a8.png' 3872 alt='Mike Wood Lived This First' 3873 data-target="block.data.image_url block.data.alt_text" 3874 class="block__image-with-text__image b-219528128-image_border_radius image" 3875 /> 3876 3877 </a> 3878 3879 </div> 3880 3881 </div> 3882</section> 3883 3884 3885 3886 </div> 3887 3888 3889 3890 3891 3892 3893 3894 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3895 3896 3897 3898 3899 <style type='text/css'>.b-219528129-top { padding-top: 0.0px; } .b-219528129-bottom { padding-bottom: 0.0px; } .b-219528129-text_color { color: #36414D; } .b-219528129-content_width { max-width: 590px; } .b-219528129-background_color { background-color: #C3E7FC; } .b-219528129-heading_text_color { color: #36414D; }</style> 3900 3901 3902 <div class="course-block block text " id="block-219528129"> 3903 3904 3905 3906 3907 3908 3909 3910 3911<style> 3912 3913 .block__text .b-219528129-text_color { 3914 color: #36414D 3915 } 3916 3917 3918 3919 .block__text .b-219528129-content_width { 3920 width: 590px; 3921 } 3922 3923 3924 3925 .block__text .b-219528129-heading_text_color h1, 3926 .block__text .b-219528129-heading_text_color h2, 3927 .block__text .b-219528129-heading_text_color h3, 3928 .block__text .b-219528129-heading_text_color h4, 3929 .block__text .b-219528129-heading_text_color h5, 3930 .block__text .b-219528129-heading_text_color h6 { 3931 color: #36414D 3932 } 3933 3934 3935 .block__text .block__text-wrapper h2{ 3936 margin-bottom: 2px; 3937 } 3938 3939 .block__text .block__text-wrapper h3{ 3940 margin-bottom: 5px; 3941 } 3942 3943 .block__text .block__text-wrapper h4{ 3944 margin-bottom: 9px; 3945 } 3946 3947 .block__text .block__text-wrapper h5{ 3948 margin-bottom: 11px; 3949 } 3950 3951 .block__text .block__text-wrapper h6{ 3952 margin-bottom: 14px; 3953 } 3954 3955@media screen and (min-width: 768px) { 3956 .b-219528129-top { 3957 padding-top: 0px; 3958 } 3959 .b-219528129-bottom { 3960 padding-bottom: 0px; 3961 } 3962} 3963</style> 3964 3965<section class='container bl block__text rich-text b-219528129-top b-219528129-bottom b-219528129-background_color'> 3966 <div class="block__text-wrapper b-219528129-content_width b-219528129-heading_text_color b-219528129-text_color" data-target="block.data.body"> 3967 <h2 class="ql-align-center"> 3968<br class="softbreak">We don't want finances to limit anyone from receiving the help they need.</h2><p class="ql-align-center"><br></p><p class="ql-align-center">If you need assistance in affording the program, please email <a href="mailto:[email protected]" target="_blank">[email protected]</a></p><p><br class="softbreak"></p> 3969 </div> 3970</section> 3971 3972 3973 3974 </div> 3975 3976 3977 3978 3979 3980 3981 3982 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 3983 3984 3985 3986 3987 <style type='text/css'>
3987.b-219528130-top { padding-top: 22.400000000000002px; } .b-219528130-bottom { padding-bottom: 22.400000000000002px; } .b-219528130-gutter_width { --gutter-width: 24px; } .b-219528130-content_width { max-width: 1150px; } .b-219528130-text_alignment { text-align: center; } .b-219528130-background_color { background-color: #FFFFFF; } .b-219528130-heading_text_color { color: #36414D; } .b-219528130-image_border_radius { border-radius: 0px; } .b-219528130-description_text_color { color: #36414D; }</style> 3988 3989 3990 <div class="course-block block text_with_image_grid " id="block-219528130"> 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002<style> 4003 4004 .block__text-with-image-grid.b-219528130-background_color { 4005 background-color: #FFFFFF 4006 } 4007 4008 4009 4010 .block__text-with-image-grid.b-219528130-text_alignment { 4011 text-align: center 4012 } 4013 4014 4015 4016 .block__text-with-image-grid.b-219528130-heading_text_color .block__text-with-image-grid__column__heading-text { 4017 color: #36414D 4018 } 4019 4020 4021 4022 .block__text-with-image-grid.b-219528130-description_text_color .block__text-with-image-grid__column__body { 4023 color: #36414D 4024 } 4025 4026 4027 .block__text-with-image-grid__column__image.b-219528130-image_border_radius { 4028 border-radius: 0px; 4029 } 4030 4031@media screen and (min-width: 768px) { 4032 .b-219528130-top { 4033 padding-top: 40px; 4034 } 4035 .b-219528130-bottom { 4036 padding-bottom: 40px; 4037 } 4038 4039 .b-219528130-gutter_width .block__columns { 4040 grid-column-gap: 24px; 4041 } 4042 4043} 4044 4045</style> 4046 4047<section class="bl block__text-with-image-grid b-219528130-background_color b-219528130-top b-219528130-bottom b-219528130-text_alignment b-219528130-heading_text_color b-219528130-description_text_color block__columns-per-row--3 b-219528130-gutter_width"> 4048 4049 <div class="block__columns b-219528130-content_width"> 4050 4051 <div class="block__column"> 4052 4053 <img 4054 class="block__text-with-image-grid__column__image b-219528130-image_border_radius" 4055 alt="" 4056 src="https://uploads.teachablecdn.com/attachments/YLDZlmdiTuqmlozMdvkp_Still+2025-05-06+144237_1.36.1.png" 4057 /> 4058 4059 <div class="block__text-with-image-grid__column__heading-text rich-text"><h5><strong><em><u>Jaclyn Jarrett:</u></em></strong></h5><p><br class="softbreak"><br class="softbreak"><br class="softbreak"></p></div> 4060 <div class="block__text-with-image-grid__column__body"><p>"Meditation and gratitude have helped me feel more present, calm, and in control of my mindset. I've let go of stress and trauma I used to hold onto and now approach life with more clarity and peace."<br class="softbreak"><br class="softbreak"></p></div> 4061 </div> 4062 4063 <div class="block__column"> 4064 4065 <img 4066 class="block__text-with-image-grid__column__image b-219528130-image_border_radius" 4067 alt="" 4068 src="https://uploads.teachablecdn.com/attachments/JuY1Z0yHRuOsAvzcGEQs_Still+2025-05-06+144237_1.76.2.png" 4069 /> 4070 4071 <div class="block__text-with-image-grid__column__heading-text rich-text"><h5><strong><em><u>Keeley Walker:</u></em></strong></h5><p><br class="softbreak"><br class="softbreak"><br class="softbreak"></p></div> 4072 <div class="block__text-with-image-grid__column__body"><p>"Before Learn to Love Being You, I was stuck in a cycle of anxiety and relying on medication just to get through the day. This program didn't just help me cope, it helped me heal. I finally feel peace, clarity, and love for who I really am."</p></div> 4073 </div> 4074 4075 <div class="block__column"> 4076 4077 <img 4078 class="block__text-with-image-grid__column__image b-219528130-image_border_radius" 4079 alt="" 4080 src="https://uploads.teachablecdn.com/attachments/qrYwslpRCZwO7cmMC4yQ_Still+2025-05-06+144237_1.45.1.png" 4081 /> 4082 4083 <div class="block__text-with-image-grid__column__heading-text rich-text"><h5><strong><em><u>Haley Davis:</u></em></strong></h5><p><br class="softbreak"><br class="softbreak"></p></div> 4084 <div class="block__text-with-image-grid__column__body"><p>"Growing up with an unstable childhood left me burdened with deep insecurities. Through this program I've come to truly understand that I am more than enough. I've found the strength to forgive not only those who caused me pain, but also myself."</p></div> 4085 </div> 4086 4087 </div> 4088 4089</section> 4090 4091 4092 4093 </div> 4094 4095 4096 4097 4098 4099 4100 4101 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 4102 4103 4104 4105 4106 <style type='text/css'>
4106.b-219528131-top { padding-top: 0.0px; } .b-219528131-bottom { padding-bottom: 11.200000000000001px; } .b-219528131-content_width { width: 960px; } .b-219528131-heading_color { color: #36414D; } .b-219528131-background_color { background-color: #C3E7FC; } .b-219528131-description_color { color: #36414D; }</style> 4107 4108 4109 <div class="course-block block video " id="block-219528131"> 4110 4111 4112 4113 4114 4115<style> 4116 @media screen and (min-width: 768px) { 4117 .b-219528131-top { 4118 padding-top: 0px; 4119 } 4120 .b-219528131-bottom { 4121 padding-bottom: 20px; 4122 } 4123 } 4124</style> 4125 4126<section class="container bl b-219528131-top b-219528131-bottom b-219528131-background_color"> 4127 <div class="block__video b-219528131-content_width"> 4128 <div class="block__video__text-wrapper rich-text"> 4129 4130 <div class="block__video__heading_text b-219528131-heading_color"> 4131 <h4>In their own words</h4><h2>People Who Did The Work</h2> 4132 </div> 4133 4134 4135 <div class="b-219528131-description_color"> 4136 <p>The video below is from people who have taken the program.<br class="softbreak"></p> 4137 </div> 4138 4139 </div> 4140 4141 <div class='wistia_responsive_padding'> 4142 <div class='wistia_responsive_wrapper'> 4143 <div class='hotmart_video_player public-hotmart-video' data-asset-id='1342497' data-asset-type='video_asset' data-page-id='18577729'> 4144 </div> 4145 </div> 4146 </div> 4147 4148 4149 </div> 4150</section> 4151 4152 4153 4154 </div> 4155 4156 4157 4158 4159 4160 4161 4162 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 4163 4164 4165 4166 4167 <style type='text/css'>.b-219528132-top { padding-top: 44.800000000000004px; } .b-219528132-bottom { padding-bottom: 22.400000000000002px; } .b-219528132-text_color { color: #36414D; } .b-219528132-gutter_width { --gutter-width: 40px; } .b-219528132-content_width { width: 1500px; } .b-219528132-heading_color { color: #36414D; } .b-219528132-text_alignment { text-align: left; } .b-219528132-background_color { background-color: #FFFFFF; } .b-219528132-image_border_radius { border-radius: 0px; }</style> 4168 4169 4170 <div class="course-block block image_with_text " id="block-219528132"> 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183<style> 4184 4185 .block__image-with-text .b-219528132-text_color { 4186 color: #36414D; 4187 } 4188 4189 4190 4191 .block__image-with-text.b-219528132-background_color {
4192 background-color: #FFFFFF; 4193 } 4194 4195 4196 4197 .block__image-with-text .b-219528132-heading_color .block__image-with-text__inner__heading { 4198 color: #36414D; 4199 } 4200 4201 4202 4203 .block__image-with-text .b-219528132-text_alignment { 4204 text-align: left; 4205 } 4206 4207 4208 .block__image-with-text__image.b-219528132-image_border_radius { 4209 border-radius: 0px; 4210 } 4211 4212 .block__image-with-text .block__image-with-text__inner__heading h2{ 4213 margin-bottom: 2px; 4214 } 4215 4216 .block__image-with-text .block__image-with-text__inner__heading h3{ 4217 margin-bottom: 5px; 4218 } 4219 4220 .block__image-with-text .block__image-with-text__inner__heading h4{ 4221 margin-bottom: 9px; 4222 } 4223 4224 .block__image-with-text .block__image-with-text__inner__heading h5{ 4225 margin-bottom: 11px; 4226 } 4227 4228 .block__image-with-text .block__image-with-text__inner__heading h6{ 4229 margin-bottom: 14px; 4230 } 4231 4232@media screen and (min-width: 768px) { 4233 .b-219528132-top { 4234 padding-top: 80px; 4235 } 4236 .b-219528132-bottom { 4237 padding-bottom: 40px; 4238 } 4239 4240 .b-219528132-gutter_width .block__image-with-text__text-wrapper { 4241 width: calc(50% - 20px); 4242 4243 margin-right: 20px; 4244 4245 } 4246 .b-219528132-gutter_width div.block__image-with-text__image { 4247 width: calc(50% - 20px); 4248 4249 margin-left: 20px; 4250 4251 } 4252 4253} 4254</style> 4255 4256<section class='bl container block__image-with-text b-219528132-background_color b-219528132-top b-219528132-bottom b-219528132-gutter_width image-with-text-layout-right'> 4257 <div class="b-219528132-content_width block__image-with-text__wrapper b-219528132-heading_color b-219528132-text_color b-219528132-text_alignment"> 4258 4259 <div class="block__image-with-text__inner block__image-with-text__text-wrapper rich-text"> 4260 4261 <div class="block__image-with-text__inner__heading"> 4262 <h4>Endorsed by professionals</h4><h2>Clinicians Recommend It</h2><em>Mike has created a masterful program out of a genuine desire to help. In 10 weeks he can teach you to gain control over negative thought loops, rewrite toxic core beliefs, and heal from the past with love and forgiveness. I endorse it without reservation, because I know he has done the deep healing work himself and walks the talk.</em><p><em>â Chris Hancock, LCSW, ACMHP</em></p> 4263 </div> 4264 4265 4266 </div> 4267 <div class="block__image-with-text__inner block__image-with-text__image"> 4268 4269 <img 4270 src='https://uploads.teachablecdn.com/attachments/e4ce89a67a014b5288cf2f084c4ab69a.png' 4271 alt='' 4272 data-target="block.data.image_url block.data.alt_text" 4273 class="block__image-with-text__image b-219528132-image_border_radius image" 4274 /> 4275 4276 </div> 4277 4278 </div> 4279</section> 4280 4281 4282 4283 </div> 4284 4285 4286 4287 4288 4289 4290 4291 <!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check --> 4292 4293 4294 4295 4296 <style type='text/css'>.b-219528133-top { padding-top: 22.400000000000002px; } .b-219528133-bottom { padding-bottom: 22.400000000000002px; } .b-219528133-text_color { color: #36414D; } .b-219528133-background_color { background-color: #C3E7FC; } .b-219528133-heading_text_color { color: #36414D; }</style> 4297 4298 4299 <div class="course-block block email_leads_form " id="block-219528133"> 4300 4301 4302 4303 4304<style> 4305@media screen and (min-width: 768px) { 4306 .b-219528133-top { 4307 padding-top: 40px; 4308 } 4309 .b-219528133-bottom { 4310 padding-bottom: 40px; 4311 } 4312} 4313</style> 4314<section class="block__empty-state block__email_leads bl b-219528133-top b-219528133-bottom b-219528133-background_color b-219528133-text_color"> 4315 <form onsubmit="return false" 4316 data-block-id="219528133" 4317 data-source="Email Leads" 4318 data-ss-school-id='2417805' 4319 data-recaptcha-sitekey="6Ldki20tAAAAAJt1XEBkmLFzT9GUedkR-EqEffFw" 4320 data-recaptcha-action="email_lead"> 4321 <h4 class="b-219528133-heading_text_color"><strong>Letâs keep in touch</strong></h4> 4322 <p>Subscribe to the mailing list and receive the latest updates</p> 4323 <fieldset> 4324 <div> 4325 <label for="email">Email Address</label> 4326 <input type="email" name="email" class="block__email_leads__input" required /> 4327 </div> 4328 4329 <div class="block__email_leads__checkbox_wrapper"> 4330 <input type="checkbox" name="consent" class="block__email_leads__checkbox" required/> 4331 <label for="consent"> 4332 By clicking this checkbox, you consent to receiving emails from this school or course 4333 </label> 4334 </div> 4335 4336 </fieldset> 4337 4338 <button class="base-button" type="submit">Subscribe</button> 4339 <p class="disclaimer_text">We respect your privacy.</p> 4340 <div class="block__email_leads__error"></div> 4341 </form> 4342 <div id="status-219528133" class="block__email_leads__success" hidden> 4343 Check your inbox to confirm your subscription 4344 </div> 4345</section> 4346 4347 4348 4349 </div> 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 </div> 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 </main> 4370 4371 4372<style id="footerStyles"> 4373 :root { 4374 --footer_width: 960px; 4375 } 4376</style> 4377<footer class=''> 4378 <div class="footer"> 4379 <div class='footer__wrapper'> 4380 <div class='footer__inner'> 4381 <ul class="footer__list">
4382 <li class="footer__copyright"> 4383 © 4384 LUV BEING U 4385 2026 4386 </li> 4387 4388 4389 <li> 4390 <a href='https://www.instagram.com/learntolovebeingyou' target='_blank'> 4391 Instagram 4392 </a> 4393 </li> 4394 4395 <li> 4396 <a href='https://www.facebook.com/profile.php?id=61573891247307' target='_blank'> 4397 Facebook 4398 </a> 4399 </li> 4400 4401 <li> 4402 <a href='https://x.com/learnlovingyou?s=21' target='_blank'> 4403 X 4404 </a> 4405 </li> 4406 4407 <li> 4408 <a href='https://youtube.com/@learntolovebeingyou?si=cESJPTzH0jNvSMTX' target='_blank'> 4409 Youtube 4410 </a> 4411 </li> 4412 4413 <li> 4414 <a href='https://luvbeingu.com' target='_blank'> 4415 LUV BEING U Website 4416 </a> 4417 </li> 4418 4419 <li> 4420 <a href='https://luvbeingu.com/about/' target='_blank'> 4421 About Mike 4422 </a> 4423 </li> 4424 4425 <li> 4426 <a href='https://www.amazon.com/dp/B0HJXZR87G' target='_blank'> 4427 Get the Book 4428 </a> 4429 </li> 4430 4431 <li> 4432 <a href='https://luvbeingu.com/courses' target='_blank'> 4433 Reader Discount 4434 </a> 4435 </li> 4436 4437 <li> 4438 <a href='/p/home' target='_blank'> 4439 All Programs 4440 </a> 4441 </li> 4442 4443 4444 </ul> 4445 <ul class="footer__list legal-links"> 4446 <li> 4447 <a href="/p/terms"> 4448 Terms of Use 4449 </a> 4450 </li> 4451 <li> 4452 <a href="/p/privacy"> 4453 Privacy Policy 4454 </a> 4455 </li> 4456 4457 </ul> 4458 </div> 4459 </div> 4460 </div> 4461 </div> 4462</footer> 4463 4464 4465 4466 4467 </div> 4468
4468<script> 4469 if (!Element.prototype.closest) { 4470 Element.prototype.closest = function(s) { 4471 let el = this; 4472 do { 4473 if (el.matches(s)) 4474 return el; 4475 4476 4477 el = el.parentElement || el.parentNode; 4478 } while (el !== null && el.nodeType === 1); 4479 return null; 4480 }; 4481 } 4482 const offMenu = event => { 4483 if (event.target.closest('.navbar__menu')) 4484 return 4485 4486 4487 4488 document.querySelectorAll('.menu').forEach(item => { 4489 item.classList.add('hidden') 4490 item.setAttribute('aria-hidden', 'true') 4491 }) 4492 } 4493 const toggleMenu = id => { 4494 const el = document.getElementById(id) 4495 if (el.classList.contains('hidden')) { 4496 document 4497 .querySelectorAll('.inner-menu') 4498 .forEach(item => { 4499 item.classList.add('hidden') 4500 item.setAttribute('aria-hidden', 'true') 4501 }) 4502 el.classList.remove('hidden') 4503 el.setAttribute('aria-hidden', 'false') 4504 } else { 4505 el.classList.add('hidden') 4506 el.setAttribute('aria-hidden', 'true') 4507 } 4508 !el.classList.contains('hidden') && el.focus() 4509} 4510 4511 4512// toggle open class for v2 preview bar dropdown menu 4513 const v2Dropdown = document.getElementsByClassName('v2-dropdown')[0] 4514 const v2DropdownTrigger = document.querySelector('.v2-dropdown .menu-trigger') 4515 4516// if the preview bar dropdown exists, add event listener to toggle preview menu 4517 if (!! v2Dropdown) { 4518 v2DropdownTrigger.addEventListener('click', () => { 4519 v2Dropdown.classList.toggle('open') 4520 }) 4521 } 4522 4523 const domBody = document.body 4524 const usingMouse = 'using-mouse' 4525 domBody.addEventListener('mousedown', () => { 4526 domBody.classList.add(usingMouse) 4527 }) 4528 domBody.addEventListener('keydown', () => { 4529 domBody.classList.remove(usingMouse) 4530 }) 4531 4532 const headerEl = document.querySelector('#navbar') 4533 const topHook = document.querySelector('#top') 4534 if ("IntersectionObserver" in window) { 4535 const observer = new IntersectionObserver(entries => { 4536 if (entries[0].boundingClientRect.y < 0) { 4537 headerEl.classList.remove('at-top') 4538 } else { 4539 headerEl.classList.add('at-top') 4540 } 4541 }, {threshold: 1}); 4542 observer.observe(topHook) 4543 } 4544 </script>
4544 4545 4546 4547 4548 </body> 4549</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.