header, section { max-width: 100vw; } html, body { max-width: 100%; } button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .button-style-primary { background-image: linear-gradient(var(--primary-semi-light), var(--primary)) !important; } .goodbrush { letter-spacing: -0.5px; font-family: "GoodBrush"; color: var(--action); } .single-post header.scrolling .header-container { background-color: var(--base-trans-40); } .br-l { display: none; } .txt-grad-accent { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, var(--accent), var(--action)); } .nowrap, .checklist-grid--icon-box { white-space: nowrap; } .video-slider .splide__track { width: 90%; border-radius: var(--radius-l); margin: 0 auto; } a.outline.btn-action-gradient { position: relative; display: inline-block; background: transparent; border: none; z-index: 1; overflow: hidden; } a.outline.btn-action-gradient:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(73,160,158,1) 0%, rgba(59,118,132,1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: destination-out; z-index: -1; padding: 2px; } .video-slider img, .video-slider .splide__list { border-radius: var(--radius-l); } .video-slider .splide__pagination__page.is-active { background: linear-gradient(10deg, var(--accent) 0%, var(--accent-medium) 100%); } .video-slider__image svg { width: 5rem; } .video-slider__image:hover svg { fill: var(--action-light); } .bg-side-fade { position: relative; background-size: 1280px 100%; } .bg-side-fade:before { content: ''; width: calc(50% - (162rem /2)); height: 100%; position: absolute; background-color: var(--base); top: 0; left: 0; -webkit-mask: linear-gradient(-90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 150px); z-index: 9999; } .bg-side-fade:after { content: ''; width: calc(50% - (162rem /2)); height: 100%; position: absolute; background-color: var(--base); top: 0; left: auto; right: 0; -webkit-mask: linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 150px); z-index: 9999; } .subtext { font-size: var(--text-l); color: var(--primary-semi-light); } @media only screen and (max-width: 1202px) { .br-l { display: block; } } .pswp__img { border-radius: var(--radius-l); }  @media only screen and (max-width: 1120px) { #nav-desk { display: none !important; } #nav-mob { display: flex !important; } #nav-icons-desk { display: none !important; } #nav-icons-mob { display: flex !important; } } .nav-icons li { transition: all 0.5s; border-radius: var(--radius-circle); margin-right: 0.5rem; margin-left: 0.5rem; background-color: var(--neutral-trans-20); width: 3.6rem; height: 3.6rem; align-items: center; display: flex; font-size: var(--text-m); } .nav-icons li a { color: var(--neutral); } .nav-icons li:hover { color: var(--action-light); background-color: var(--action-trans-20); } .nav-icons li:hover a { color: var(--action-light); } #nav-desk .bricks-nav-menu > li:last-child > a { border-right: none; } #nav-mob .bricks-mobile-menu-wrapper { backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); border-radius: var(--radius-l); background-color: var(--black-trans-80); } #nav-mob .bricks-mobile-menu-wrapper:before { border-radius: var(--radius-l); border: 1px solid var(--action-dark-trans-60); -webkit-mask: linear-gradient(180deg, rgba(0,0,0,5) 0%, rgba(0,0,0,5) 10%, rgba(0,0,0,0) 100%); background-color: var(--neutral-ultra-dark-trans-10); background-image: var(--wpr-bg-c4818e8e-2aef-4412-90d8-691fd1a33ca3); background-repeat: repeat; background-size: contain; } #nav-mob .bricks-mobile-menu { margin-bottom: 2rem; } .brxe-nav-menu .bricks-mobile-menu-overlay { background: none; } .glassblur { backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }  :root a.bricks-button.watch-video-btn { background: linear-gradient(var(--accent-light) 0%, var(--accent-medium) 100%); padding-top: calc(var(--space-xs) / 1.5); padding-right: calc(var(--space-xs) / 1.5); padding-bottom: calc(var(--space-xs) / 1.5); padding-left: calc(var(--space-xs) / 1.5); cursor: pointer; align-self: flex-end; color: var(--neutral); font-size: calc(var(--text-xl) * 1.09); font-family: "GoodBrush"; font-style: normal; line-height: 1; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); border-style: none; border-radius: 0; transform: rotateZ(-7deg); } @media only screen and (max-width: 478px) { :root .bricks-button.watch-video-btn { font-size: calc(var(--text-m) * 1.09); } } .logo-container > .logo-track { display: grid; grid-auto-flow: column; grid-auto-columns: 10%; inline-size: 100%; column-gap: 8% !important; } @media only screen and (max-width: 767px) { .logo-container, .logo-container > .logo-track{ grid-auto-columns: 25%; column-gap: 12.5% !important; } .logo-container { overflow: hidden; } .logo-track { animation: 20s infiniteScroll linear infinite; } .logo-container:hover .logo-track{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } } @keyframes infiniteScroll { 0%{ transform: translateX(0%); } 13.33%{ transform: translateX(0%); } 16.66%{ transform: translateX(-37.5%); } 30%{ transform: translateX(-37.5%); } 33.33%{ transform: translateX(-75%); } 46.66%{ transform: translateX(-75%); } 50%{ transform: translateX(-112.5%); } 63.33%{ transform: translateX(-112.5%); } 66.66%{ transform: translateX(-75%); } 80%{ transform: translateX(-75%); } 83.33%{ transform: translateX(-37.5%); } 96.66%{ transform: translateX(-37.5%); } 100%{ transform: translateX(0%); } } .all-levels-box__container:after { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.4) 60%, rgba(0,0,0,1) 100%); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 1; border-radius: var(--radius-l) var(--radius-l) 0 0; } .all-levels-box__container:before { position: absolute; content: ""; width: calc(100% + 0.2rem); height: 100%; top: -0.1rem; left: -0.1rem; z-index: 0; border-radius: var(--radius-l); background: var(--action-light); background: linear-gradient(165deg, rgba(170,222,218,1) 0%, rgba(170,222,218,0) 65%) border-box; opacity: 50%; right: 0; bottom: 0; border: solid 0.1rem transparent; pointer-events: none; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .check-box svg:not(:root) { overflow: visible; } .check-box svg { height: 22px; width: 22px; } .bricks-button.bricks-background-light { background: linear-gradient(#000, #000) padding-box, linear-gradient(90deg, #e7a44b, #e46c2d) border-box; } .bricks-button.bricks-background-dark { background: linear-gradient(var(--primary-trans-70), var(--primary-trans-50)); } .bricks-button.bricks-background-primary { background: rgb(73,160,158); background: linear-gradient(180deg, rgba(73,160,158,1) 0%, rgba(59,118,132,1) 100%); } .bricks-button.bricks-background-secondary { background: rgb(230,164,74); background: linear-gradient(var(--accent-light) 0%, var(--accent-medium) 100%); } .square-grid__container { position: relative; } .square-grid__container:before { background: radial-gradient(circle, var(--primary-light-trans-60) 0%, transparent 50%); content: ''; position: absolute; width: 100%; height: 100%; top: -10%; background-position: top center; background-repeat: no-repeat; background-size: contain; left: 0; } .square-grid__square { aspect-ratio: 1/ 1; display: flex; align-items: center; padding: var(--space-s) var(--space-s) var(--space-xs) var(--space-s); color: #fff; border: 1px solid #1D302F; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 0; } .bg-stripes { background: var(--wpr-bg-631b36aa-835d-4a4a-844e-3c319c948a0b); } .grid-orange .bg-stripes { background: var(--wpr-bg-39b36209-2484-486e-8f6f-e9729494b9e8); } .square-grid__square:first-child { border-top-left-radius: var(--radius-l); } .square-grid__square:nth-child(2) { background-color: var(--base); z-index: 1; } .square-grid__square:nth-child(2):before { content: ""; position: absolute; width: calc(100% + 2rem); height: calc(100% + 2rem); top: -1rem; left: -1rem; background: var(--action); background: linear-gradient(135deg, var(--action) 0%, var(--primary) 100%); border-radius: var(--radius-m); z-index: -1; } .square-grid__square:nth-child(2):after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--base); z-index: 1; } .square-grid__square:nth-child(3) { border-top-right-radius: var(--radius-l); } .square-grid__square:nth-child(4) { border-bottom-left-radius: var(--radius-l); } .square-grid__square:nth-child(6) { border-bottom-right-radius: var(--radius-l); } @media only screen and (min-width: 767px) { .bg-stripes-desk { background: var(--wpr-bg-09bbd889-6eca-463c-b4bd-121aa1965547); } .grid-orange .bg-stripes-desk { background: var(--wpr-bg-82083e89-53c9-4113-b138-6957b16424f8); } } @media only screen and (max-width: 767px) { .bg-stripes-mob { background: var(--wpr-bg-43cafc52-8741-4c50-bf9f-dea3f569631b); } .grid-orange .bg-stripes-mob { background: var(--wpr-bg-01de5ec6-eda5-41c8-98fc-f2b0ce8709a0); } .square-grid__grid:before { top: 0; background-position: center center; } .square-grid__container:before { top: -20%; } } @media only screen and (max-width: 478px) { .nav-icons li { font-size: var(--text-s); } .square-grid__square { aspect-ratio: 1/ 1.2; } } .instructor-grid-number { font-size: var(--text-l); font-weight: 700; } .course-details { background: linear-gradient(130deg in oklab, color(display-p3 6% 9% 12% / 95%) 13% 0%, color(display-p3 4% 5% 6% / 100%) 40% 40%, color(display-p3 4% 6% 8% / 97%) 66% 98% ); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .course-details__modules, .course-details__lessons-scroll { -webkit-mask: linear-gradient(180deg, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%), linear-gradient(-90deg,rgba(0,0,0,1) 1%, rgba(0,0,0,0) 4rem); mask: linear-gradient(180deg, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%), linear-gradient(-90deg,rgba(0,0,0,1) 1%, rgba(0,0,0,0) 4rem); } .course-details__modules .course-details__module { font-size: var(--h4); line-height: var(--h4-lh); font-weight: 700; margin: 1rem 0 1rem 0; } .is-open { display: flex !important; } .course-details__module-title { transition: color 0.3s; } .course-details__module-title.active { color: var(--action-light); } @media only screen and (max-width: 477px) { .course-details__modules .course-details__module, .course-details__module-title h4 { font-size: calc(var(--h4) * 0.8) !important; } } .course-details__modules::-webkit-scrollbar, .course-details__lessons-scroll::-webkit-scrollbar { -webkit-appearance: none; } .course-details__modules::-webkit-scrollbar:vertical, .course-details__lessons-scroll::-webkit-scrollbar:vertical { width: 1.1rem; } .course-details__modules::-webkit-scrollbar:horizontal, .course-details__lessons-scroll::-webkit-scrollbar:horizontal { height: 1.1rem; } .course-details__modules::-webkit-scrollbar-thumb, .course-details__lessons-scroll::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(170, 222, 218, 0.2); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } .course-details__modules::-webkit-scrollbar-track, .course-details__lessons-scroll::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.04); border-radius: 8px; } .course-details__modules::-webkit-scrollbar:horizontal, .course-details__lessons-scroll::-webkit-scrollbar:horizontal { display: none; } .course-details__modules::-webkit-scrollbar-corner, .course-details__lessons-scroll::-webkit-scrollbar-corner { display: none; } ol.course-details__modules li:has(> p.active)::marker { color: var(--action-light); } .courses-pricing__pricing-image:before { content: ''; width: calc(100% + 2rem); height: calc(100% + 2rem); top: -1rem; left: -1rem; background-image: var(--wpr-bg-f3f83f24-2ba1-41ae-b3fb-ed4e2b106370); position: absolute; background-size: cover; background-repeat: no-repeat; } .pricing-currency { font-size: 24px; font-weight: 600; letter-spacing: -0.5px; color: #d9d9d9; line-height: 1; } .pricing-price { font-size: 48px; font-weight: 700; letter-spacing: -1.2px; color: #fff; line-height: 1; } .full-price { font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color: #e3622a; display: inline-block; vertical-align: top; line-height: 1; text-decoration: line-through; } .first-star { opacity: 0; } .course-details__videos .title { width: fit-content; margin: 0 1rem 0 0; max-width: fit-content; } .course-details__videos .icon { top: 0; } .course-details__videos .accordion-title-wrapper { padding: 0; } .course-details__block-right { border-radius: var(--radius-l); background: linear-gradient( 110deg in oklab, color(display-p3 7% 10% 13% / 97%) 0%, color(display-p3 4% 6% 8% / 75%) 70% ); -webkit-backdrop-filter: blur(4px); } .course-details__block-right .course-details__course-content:not(:first-child) { display: none; } .course-details__lessons-scroll { padding-top: 1rem; padding-bottom: 1rem; width: 100%; height: calc(100% - var(--h4) - var(--space-xs)); max-height: calc(100% - var(--h4) - var(--space-xs)); overflow-y: scroll; } .courses-pricing__pricing-box:before { content: ""; position: absolute; inset: 0; border-radius: var(--radius-l); border: 0.1rem solid transparent; background: linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0) 63%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; z-index: -1; } .courses-pricing__creator-crash-course-box:before { content: ""; position: absolute; inset: 0; border-radius: 12px; border: 1px solid transparent; background: linear-gradient(160deg, rgba(255,255,255,0.2595413165266106) 0%, rgba(255,255,255,0) 63%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; z-index: -1; } .courses-pricing__features li:before { content: url(/wp-content/uploads/2024/03/blue-check.svg); margin-right: calc(var(--space-xs)* 0.8); } .courses-pricing__features span { margin-left: auto; color: var(--accent); font-weight: 500; text-decoration: line-through; opacity: 0.5; } .courses-pricing__brusch-text:before { content: url(/wp-content/uploads/2024/03/pricing-arrow.svg); position: absolute; top: 0; right: -40px; transform: translateY(calc(100% - 15px)); } .courses-pricing__sale-text span { text-transform: uppercase; color: var(--accent); font-weight: 700; } .courses-pricing__ccc-image { grid-row-end: span 3; } .faq__accordion-outer:before { content: ""; position: absolute; inset: 0; border-radius: var(--radius-l); border: 1px solid transparent; background: linear-gradient(210deg, rgba(255,255,255,0.2595413165266106) 0%, rgba(255,255,255,0) 40%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; z-index: -1; } .faq__accordion-outer { background-image: linear-gradient( 166deg in oklab, color(display-p3 61% 77% 88% / 9%) 11% 11%, color(display-p3 0% 0% 0% / 30%) 66% 66% ); } .faq__accordion li { border-bottom: 1px solid hsla(201.82, 47.14%, 72.55%, 0.2); } .faq__accordion .accordion-title-wrapper { padding: 21px 15px 21px 0; } .faq__accordion .title { transition: all 0.5s ease; } .faq__accordion svg { transition: all 0.5s ease; } .faq__accordion li:last-child { border-bottom: none; } .faq__testimonial-slide:before { content: ""; position: absolute; inset: 0; border-radius: var(--radius-m); border: 1px solid transparent; background: linear-gradient( 123deg in oklab, color(display-p3 70% 80% 88% / 45%) 5% 5%, color(display-p3 93% 96% 97% / 9%) 80% 80% ) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .faq__membership a { color: var(--action-light); pointer-events: none; cursor: default; } .faq-side-fade { position: relative; background-size: 1280px 100%; } .faq-side-fade:before { content: ''; width: calc(50% - (139rem / 2)); height: 100%; position: absolute; background-color: var(--base); top: 0; left: 0; -webkit-mask: linear-gradient(-90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 100px); } .faq-side-fade:after { content: ''; width: calc(50% - (139rem / 2)); height: 100%; position: absolute; background-color: var(--base); top: 0; left: auto; right: 0; -webkit-mask: linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 100px); } .faq__testimonial-slider .splide__pagination { align-items: center; display: flex; flex-wrap: nowrap; } .faq__accordion a { color: var(--action); } @media (max-width: 478px) { :root .bricks-button, :root .brxe-button { align-self: stretch; } } .footer__product a { color: var(--neutral-light); }  .footer__social { transition: background-color 0.5s; } .footer__social:hover { background-color: var(--action-dark); } .footer__product-outer:before { content: url(/wp-content/uploads/footer-arrow.svg); margin-right: calc(var(--space-xs)* 0.8); } .footer-tip { color: var(--primary-light); font-size: calc(var(--text-m) * 0.8); text-transform: uppercase; letter-spacing: 0.15rem; } .footer__social { aspect-ratio: 1 / 1; } .footer .form-group:last-child { order: 3; width: calc(50% - (var(--space-xs) / 2)); } .footer .form-group:nth-child(3) { order: 4; width: calc(50% - (var(--space-xs) / 2)); font-size: calc(var(--text-m) * 0.7); color: var(--neutral-light); } .footer .form-group:nth-child(3) input { display: none; } @media (max-width: 991px) { footer .form-group:last-child { width: 100% !important; } .footer .form-group:nth-child(3) { width: 100% !important; } } .footer .form-group:nth-child(3) a { color: var(--primary-light); } .footer .form-group:nth-child(3) a span{ color: var(--neutral); } .footer__form { column-gap: var(--space-xs); row-gap: var(--space-xs); align-items: center; } :root .footer .bricks-button[class*="light"] { background: linear-gradient(#0B161C, #0B161C) padding-box, linear-gradient(90deg, var(--primary-light) 0, var(--primary) 60%) border-box; padding-top: calc(var(--space-xs) * 0.9); padding-bottom: calc(var(--space-xs) * 0.9); padding-right: var(--space-s); padding-left: var(--space-s); transition: all 0.5s; } :root .footer .bricks-button[class*="light"]:hover { background: linear-gradient(var(--action-dark), var(--action-dark)) padding-box, linear-gradient(90deg, var(--primary-light) 0, var(--primary) 60%) border-box; } .footer__text-small .name { font-weight: 700; font-size: var(--text-m); } :where(.brxe-form) .message.success { background-color: var(--primary-dark-trans-20) !important; color: var(--action) !important; border-radius: var(--radius-m) !important; font-size: calc(var(--text-m) * 0.9) !important; } :where(.brxe-form) .message.error { background-color: var(--primary-dark-trans-30) !important; border-radius: var(--radius-m) !important; font-size: calc(var(--text-m) * 0.9) !important; } .footer .label { display: none; }