1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<title>MeetYu Blog â AI Journaling, Personal Growth & Reflection Tips</title> 7<link rel="preload" href="https://www.meetyu.app/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.ttf" type="font/ttf" as="font" crossorigin="anonymous"><link rel="preload" href="https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 8<meta name="dc.title" content="MeetYu Blog â AI Journaling, Personal Growth & Reflection Tips"> 9<meta name="dc.description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection. Discover how MeetYu helps you turn daily experiences into breakthrough insights."> 10<meta name="dc.relation" content="https://www.meetyu.app/blog/"> 11<meta name="dc.source" content="https://www.meetyu.app/"> 12<meta name="dc.language" content="en_US"> 13<meta name="description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection. Discover how MeetYu helps you turn daily experiences into breakthrough insights."> 14<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> 15<link rel="canonical" href="https://www.meetyu.app/blog/">
16<script id="website-schema" type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","name":"MeetYu Life Coach \u2014 AI Journal App for Clarity, Insights & Growth","alternateName":"MeetYu","description":"MeetYu is the AI journaling app that uncovers hidden patterns, delivers coaching insights, and drives real personal growth. Free on iOS & Android.","url":"https:\/\/www.meetyu.app"}</script>
16 17<meta property="og:url" content="https://www.meetyu.app/blog/"> 18<meta property="og:site_name" content="MeetYu"> 19<meta property="og:locale" content="en_US"> 20<meta property="og:type" content="website"> 21<meta property="og:title" content="MeetYu Blog â AI Journaling, Personal Growth & Reflection Tips"> 22<meta property="og:description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection."> 23<meta property="og:image" content="https://www.meetyu.app/wp-content/uploads/2025/10/MeetYu-Life-Coach-AI-Journal_Banner_3280x1712.webp"> 24<meta property="og:image:secure_url" content="https://www.meetyu.app/wp-content/uploads/2025/10/MeetYu-Life-Coach-AI-Journal_Banner_3280x1712.webp"> 25<meta property="og:image:width" content="1920"> 26<meta property="og:image:height" content="1002"> 27<meta property="og:image:alt" content="MeetYu Life Coach AI Journal banner with four app screenshots, mood tracking, insights, and app store download buttons"> 28<meta property="fb:pages" content="658467060693312"> 29<meta name="twitter:card" content="summary_large_image"> 30<meta name="twitter:site" content="@MeetYu_App"> 31<meta name="twitter:creator" content="@MeetYu_App"> 32<meta name="twitter:title" content="MeetYu Blog â AI Journaling, Personal Growth & Reflection Tips"> 33<meta name="twitter:description" content="Explore research-backed strategies for personal growth, AI-powered journaling tips, and the science of reflection."> 34<meta name="twitter:image" content="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp"> 35<link rel="preload" href="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-en.json.js" as="script"> 36<link rel="preload" href="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css" as="style"> 37<style id="wp-img-auto-sizes-contain-inline-css"> 38img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 39/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 40</style> 41<style id="classic-theme-styles-inline-css"> 42/*! This file is auto-generated */ 43.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 44/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 45</style> 46 47<link rel='stylesheet' id='rate-my-post-css' href='https://www.meetyu.app/wp-content/plugins/rate-my-post/public/css/rate-my-post.min.css' media='all' /> 48<link rel='stylesheet' id='mailerpress-editor-blocks-css-css' href='https://www.meetyu.app/wp-content/plugins/mailerpress//build/dist/js/editor-blocks.css' media='all' /> 49<style id="global-styles-inline-css"> 50:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
50--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
50.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 51/*# sourceURL=global-styles-inline-css */ 52</style> 53 54<link rel='stylesheet' id='automaticcss-core-css' href='https://www.meetyu.app/wp-content/uploads/automatic-css/automatic.css' media='all' /> 55<style id="automaticcss-core-inline-css"> 56/* File: automatic-custom-css.css - Version: 3.3.7 - Generated: 2026-08-26 21:00:33 */ 57@charset "UTF-8"; 58@media (max-width: 991px) { 59 :root { 60 --grid-gap: var(--space-s); 61 } 62} 63/** 64 * MeetYu Homepage â Companion Global CSS 65 * ======================================== 66 * Add this CSS to ONE of the following locations: 67 * 1. ACSS Dashboard â Custom SCSS (preferred â gets compiled and cached) 68 * 2. Bricks â Settings â Custom Code â Custom CSS (Header) 69 * 3. Child theme style.css 70 * 71 * This file contains the global class definitions referenced by the 72 * refactored Bricks JSON. Without these, the gradient text and pulse 73 * animation won't render. 74 * 75 * Color variables reference your ACSS dashboard settings. 76 * Adjust if your ACSS primary/accent colors differ. 77 */ 78/* ========================================================== 79 1. GRADIENT TEXT CLASSES 80 Used on heading <span> elements throughout the page. 81 Replaces 12 inline style="" attributes. 82 ========================================================== */ 83.gradient-text--primary { 84 background: linear-gradient(to right, var(--primary, #6200ee), var(--primary-semi-light, #b59ed6)); 85 -webkit-background-clip: text; 86 -webkit-text-fill-color: transparent; 87 background-clip: text; 88} 89.gradient-text--accent { 90 background: linear-gradient(to right, var(--accent, #dc7e31), var(--secondary, #a74afa)); 91 -webkit-background-clip: text; 92 -webkit-text-fill-color: transparent; 93 background-clip: text; 94} 95/* ========================================================== 96 2. STATUS PULSE ANIMATION 97 Used on the "Live on iOS and Android" badge. 98 Replaces 4.5KB of obfuscated inline JavaScript. 99 ========================================================== */ 100.pulse-dot { 101 position: relative; 102} 103.pulse-dot::before { 104 content: ""; 105 display: inline-block; 106 width: 8px; 107 height: 8px; 108 border-radius: 50%; 109 background-color: var(--success, #22c55e); 110 margin-right: 0.5rem; 111 vertical-align: middle; 112 animation: statusPulse 2s ease-in-out infinite; 113} 114@keyframes statusPulse { 115 0%, 100% { 116 opacity: 1; 117 box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); 118 } 119 50% { 120 opacity: 0.8; 121 box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); 122 } 123} 124/* ========================================================== 125 3. PARALLAX FLOAT CLASS 126 Used on scroll-animated elements (phone screenshots, badges). 127 Replaces 6 ID-level #brxe-xxx CSS rules. 128 129 Each element overrides --parallax-y, --parallax-x, etc. 130 via Bricks element-level custom CSS. 131 ========================================================== */ 132.parallax-float { 133 --parallax-y: 0px;
134 --parallax-x: 0px; 135 --parallax-rotate: 0deg; 136 --parallax-scale-factor: 0; 137 transform: translateY(calc(var(--fa-scroll--custom, 0) * var(--parallax-y))) translateX(calc(var(--fa-scroll--custom, 0) * var(--parallax-x))) rotate(calc(var(--fa-scroll--custom, 0) * var(--parallax-rotate))) scale(calc(1 - var(--fa-scroll--custom, 0) * var(--parallax-scale-factor))); 138 will-change: transform; 139} 140/* ========================================================== 141 4. BEM CLASS STUBS 142 These classes exist as Bricks Global Classes (applied via the 143 class picker) but may need CSS definitions moved here if you 144 want to consolidate from inline builder styles. 145 146 Currently, the builder-level styles handle layout/spacing. 147 These stubs are ready if you want to migrate inline styles 148 to class-level CSS for full single-source-of-truth. 149 ========================================================== */ 150/* 151.hero { } 152.hero__container { } 153.hero__content { } 154.hero__content-inner { } 155.hero__tagline { } 156.hero__heading { } 157.hero__description { } 158.hero__buttons { } 159.hero__btn--primary { } 160.hero__btn--outline { } 161.hero__social-bar { } 162.hero__social-item { } 163.hero__social-link { } 164.hero__social-icon { } 165.hero__logo-bar { } 166.hero__logo-bar-track { } 167.hero__logo-list { } 168.hero__logo-item { } 169.hero__logo-image { } 170 171.hero-barcelona { } 172.hero-barcelona__inner { } 173.hero-barcelona__sliders { } 174.hero-barcelona__slider { } 175.hero-barcelona__slider--reverse { } 176.hero-barcelona__slider--forward { } 177.hero-barcelona__image-wrapper { } 178.hero-barcelona__image { } 179 180.timeline-section { } 181.timeline-section__container { } 182.timeline__slider { } 183.timeline__slide { } 184.timeline__year { } 185.timeline__content { } 186.timeline__heading { } 187.timeline__text { } 188 189.cta-section { } 190.cta-section__container { } 191.cta-section__grid { } 192.cta-section__features { } 193.cta-section__feature { } 194.cta-section__feature-icon { } 195.cta-section__feature-text { } 196 197.section-intro { } 198.section-intro__inner { } 199.section-intro__heading { } 200.section-intro__tagline { } 201 202.reflection-engine { } 203.reflection-engine__container { } 204.reflection-engine__images { } 205.reflection-engine__image { } 206.reflection-engine__list { } 207.reflection-engine__item { } 208.reflection-engine__step { } 209.reflection-engine__step-number { } 210.reflection-engine__step-content { } 211.reflection-engine__step-heading { } 212.reflection-engine__step-text { } 213 214.app-showcase { } 215.app-showcase__grid { } 216.app-showcase__col { } 217.app-showcase__cards { } 218.app-showcase__card { } 219.app-showcase__card-image { } 220.app-showcase__card-title { } 221.app-showcase__card-btn { } 222.app-showcase__center-image { } 223*/ 224 225/*# sourceURL=automaticcss-core-inline-css */ 226</style> 227<link rel='stylesheet' id='bricks-frontend-css' href='https://www.meetyu.app/wp-content/themes/bricks/assets/css/frontend-light-layer.min.css' media='all' /> 228<style id="bricks-frontend-inline-css"> 229body .tox.tox-silver-sink.tox-tinymce-aux, body .tox.tox-tinymce-aux, body .tox-shadowhost { z-index: 10001; } 230@font-face{font-family:"Poppins";font-weight:100;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-100-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:200;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-200-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:300;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-300-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-400-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-500-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-600-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-700-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-800-normal.woff2) format("woff2");}@font-face{font-family:"Poppins";font-weight:900;font-display:swap;src:url(https://www.meetyu.app/wp-content/uploads/2025/10/poppins-latin-900-normal.woff2) format("woff2");} 231 232/*# sourceURL=bricks-frontend-inline-css */ 233</style> 234<link rel='stylesheet' id='bricks-child-css' href='https://www.meetyu.app/wp-content/themes/bricks-child/style.css' media='all' /> 235<link rel='stylesheet' id='bricks-color-palettes-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/color-palettes.min.css' media='all' /> 236<link rel='stylesheet' id='bricks-theme-style-general_style-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/theme-style-general_style.min.css' media='all' /> 237<link rel='stylesheet' id='bricks-post-3661-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-3661.min.css' media='all' /> 238<link rel='stylesheet' id='bricks-post-20-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-20.min.css' media='all' /> 239<link rel='stylesheet' id='bricks-post-25-css' href='https://www.meetyu.app/wp-content/uploads/bricks/css/post-25.min.css' media='all' /> 240<style id="borlabs-cookie-critical-inline-css"> 241body div.brlbs-cmpnt-container a,body div.brlbs-cmpnt-container abbr,body div.brlbs-cmpnt-container acronym,body div.brlbs-cmpnt-container address,body div.brlbs-cmpnt-container applet,body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container b,body div.brlbs-cmpnt-container big,body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container caption,body div.brlbs-cmpnt-container center,body div.brlbs-cmpnt-container cite,body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container del,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container dfn,body div.brlbs-cmpnt-container div,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container dt,body div.brlbs-cmpnt-container em,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container fieldset,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container form,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container i,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container ins,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container label,body div.brlbs-cmpnt-container legend,body div.brlbs-cmpnt-container li,body div.brlbs-cmpnt-container mark,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container output,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container q,body div.brlbs-cmpnt-container ruby,body div.brlbs-cmpnt-container s,body div.brlbs-cmpnt-container samp,body div.brlbs-cmpnt-container section,body div.brlbs-cmpnt-container small,body div.brlbs-cmpnt-container span,body div.brlbs-cmpnt-container strike,body div.brlbs-cmpnt-container strong,body div.brlbs-cmpnt-container sub,body div.brlbs-cmpnt-container summary,body div.brlbs-cmpnt-container sup,body div.brlbs-cmpnt-container table,body div.brlbs-cmpnt-container tbody,body div.brlbs-cmpnt-container td,body div.brlbs-cmpnt-container tfoot,body div.brlbs-cmpnt-container th,body div.brlbs-cmpnt-container thead,body div.brlbs-cmpnt-container time,body div.brlbs-cmpnt-container tr,body div.brlbs-cmpnt-container tt,body div.brlbs-cmpnt-container u,body div.brlbs-cmpnt-container ul,body div.brlbs-cmpnt-container var,body div.brlbs-cmpnt-container video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container section{dis
241play:block}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container q{quotes:none}body div.brlbs-cmpnt-container blockquote:after,body div.brlbs-cmpnt-container blockquote:before,body div.brlbs-cmpnt-container q:after,body div.brlbs-cmpnt-container q:before{content:none}body div.brlbs-cmpnt-container table{border-spacing:0}body div.brlbs-cmpnt-container,body div.brlbs-cmpnt-container *{box-sizing:border-box;color:inherit;font-family:inherit;line-height:inherit;position:static;inset:auto;width:auto;height:auto}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body div.brlbs-cmpnt-container button:after,body div.brlbs-cmpnt-container button:before{content:none}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container select{text-transform:none}body div.brlbs-cmpnt-container [type=button],body div.brlbs-cmpnt-container [type=reset],body div.brlbs-cmpnt-container [type=submit],body div.brlbs-cmpnt-container button{-webkit-appearance:button}body div.brlbs-cmpnt-container ::-moz-focus-inner{border-style:none;padding:0}body div.brlbs-cmpnt-container :-moz-focusring{outline:1px dotted ButtonText}body div.brlbs-cmpnt-container :-moz-ui-invalid{box-shadow:none}body div.brlbs-cmpnt-container legend{padding:0}body div.brlbs-cmpnt-container progress{vertical-align:baseline}body div.brlbs-cmpnt-container ::-webkit-inner-spin-button,body div.brlbs-cmpnt-container ::-webkit-outer-spin-button{height:auto}body div.brlbs-cmpnt-container [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body div.brlbs-cmpnt-container ::-webkit-search-decoration{-webkit-appearance:none}body div.brlbs-cmpnt-container ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body div.brlbs-cmpnt-container summary{display:list-item}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container hr,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre{margin:0}body div.brlbs-cmpnt-container button{background-color:transparent;background-image:none}body div.brlbs-cmpnt-container button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}body div.brlbs-cmpnt-container fieldset{margin:0;padding:0}body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container ul{list-style:none;margin:0;padding:0}body div.brlbs-cmpnt-container *,body div.brlbs-cmpnt-container :after,body div.brlbs-cmpnt-container :before{box-sizing:border-box;border-color:#e5e7eb;border-style:solid;border-width:0}body div.brlbs-cmpnt-container hr{border-top-width:1px}body div.brlbs-cmpnt-container img{border-style:solid}body div.brlbs-cmpnt-container textarea{resize:vertical}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#9ca3af}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#9ca3af}body div.brlbs-cmpnt-container [role=button],body div.brlbs-cmpnt-container button{curs
241or:pointer}body div.brlbs-cmpnt-container table{border-collapse:collapse}body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6{font-size:inherit;font-weight:inherit}body div.brlbs-cmpnt-container a{color:inherit;text-decoration:inherit}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{padding:0;line-height:inherit;color:inherit}body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container svg,body div.brlbs-cmpnt-container video{display:block;vertical-align:middle}body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container video{max-width:100%;height:auto}body div.brlbs-cmpnt-container [multiple],body div.brlbs-cmpnt-container [type=date],body div.brlbs-cmpnt-container [type=datetime-local],body div.brlbs-cmpnt-container [type=email],body div.brlbs-cmpnt-container [type=month],body div.brlbs-cmpnt-container [type=number],body div.brlbs-cmpnt-container [type=password],body div.brlbs-cmpnt-container [type=search],body div.brlbs-cmpnt-container [type=tel],body div.brlbs-cmpnt-container [type=text],body div.brlbs-cmpnt-container [type=time],body div.brlbs-cmpnt-container [type=url],body div.brlbs-cmpnt-container [type=week],body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}body div.brlbs-cmpnt-container [multiple]:focus,body div.brlbs-cmpnt-container [type=date]:focus,body div.brlbs-cmpnt-container [type=datetime-local]:focus,body div.brlbs-cmpnt-container [type=email]:focus,body div.brlbs-cmpnt-container [type=month]:focus,body div.brlbs-cmpnt-container [type=number]:focus,body div.brlbs-cmpnt-container [type=password]:focus,body div.brlbs-cmpnt-container [type=search]:focus,body div.brlbs-cmpnt-container [type=tel]:focus,body div.brlbs-cmpnt-container [type=text]:focus,body div.brlbs-cmpnt-container [type=time]:focus,body div.brlbs-cmpnt-container [type=url]:focus,body div.brlbs-cmpnt-container [type=week]:focus,body div.brlbs-cmpnt-container select:focus,body div.brlbs-cmpnt-container textarea:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(1px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent);border-color:#2563eb}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container ::-webkit-datetime-edit-fields-wrapper{padding:0}body div.brlbs-cmpnt-container ::-webkit-date-and-time-value{min-height:1.5em}body div.brlbs-cmpnt-container select{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3
241E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}body div.brlbs-cmpnt-container [multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body div.brlbs-cmpnt-container [type=checkbox],body div.brlbs-cmpnt-container [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px}body div.brlbs-cmpnt-container [type=checkbox]{border-radius:0}body div.brlbs-cmpnt-container [type=radio]{border-radius:100%}body div.brlbs-cmpnt-container [type=checkbox]:focus,body div.brlbs-cmpnt-container [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:2px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container [type=checkbox]:checked,body div.brlbs-cmpnt-container [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=radio]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=checkbox]:checked:focus,body div.brlbs-cmpnt-container [type=checkbox]:checked:hover,body div.brlbs-cmpnt-container [type=radio]:checked:focus,body div.brlbs-cmpnt-container [type=radio]:checked:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%208h8%22%2F%3E%3C%2Fsvg%3E);border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:focus,body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}:root{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;
241--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}::backdrop{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}.brlbs-cmpnt-container .brlbs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brlbs-cmpnt-container .\!brlbs-hidden{display:none!important}.brlbs-cmpnt-container .brlbs-overflow-auto{overflow:auto}.brlbs-cmpnt-container .brlbs-overflow-hidden{overflow:hidden}.brlbs-cmpnt-container .brlbs-pt-4{padding-top:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{container-name:brlbsCmpntContentBlocker;container-type:inline-size;line-height:1.25em;height:100%;font-size:var(--content-blocker-font-size);font-family:var(--content-blocker-font-family)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a{color:var(--content-blocker-link-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a:hover{color:var(--content-blocker-link-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-card,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-provider-card{container-type:normal}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{position:relative;padding:16px;text-align:left}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header{display:flex;align-items:center}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header.brlbs-cmpnt-with-separator{margin-bottom:16px;border-bottom-width:1px;border-style:solid;padding-bottom:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{display:flex;padding-bottom:16px}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{padding-bottom:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a{align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{border-color:var(--content-blocker-separator-color);border-style:solid;border-bottom-width:var(--content-blocker-separator-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{position:relative;display:flex;height:100%;padding-top:96px;padding-bottom:96px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content{flex-basis:66.666667%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{margin:0;display:flex;flex-basis:33.333333%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c{position:relative;display:flex;height:100%;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{position:relative;margin:48px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:96px;
241gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{margin:0;display:flex;width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button{border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000026;width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:-17px;left:calc(50% - 17px)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278%22%20height%3D%2278%22%20viewBox%3D%220%200%2078%2078%22%3E%3Cpath%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2212%22%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;background-size:contain;content:" ";margin-left:4px;display:inline-block;height:1.142857143em;width:.857142857em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:50%;border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:16px;margin-bottom:16px;flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{display:flex;width:100%;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d){position:fixed;height:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){top:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]){bottom:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){right:calc(var(--content-blocker-icon-width) + var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]){left:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-display\[flex\]){position:relative;display:inline-block;display:flex}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-left\]){float:left}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-right\]){float:right}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-d .brlbs-cmpnt-cb-icon{display:inline-block;height:var(--content-blocker-icon-height);width:var(--content-blocker-icon-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{all:unset;box-sizing:border-box;
241cursor:pointer;align-items:center;justify-content:center;padding:12px 20px;text-align:center;font-size:var(--dialog-font-size);line-height:calc(1.5 * var(--dialog-font-size));font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;border-top-left-radius:var(--content-blocker-button-border-radius-top-left);border-top-right-radius:var(--content-blocker-button-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-button-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-button-border-radius-bottom-right);background-color:var(--content-blocker-button-color);color:var(--content-blocker-button-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{background-color:var(--content-blocker-button-color-hover);color:var(--content-blocker-button-text-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}@container brlbsCmpntContentBlocker (480px <= width < 620px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding-top:12%;padding-bottom:12%}}@container brlbsCmpntContentBlocker (width < 480px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding:0}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{margin:6%;flex-direction:column;gap:8px;justify-content:normal;overflow:auto}}@container brlbsCmpntContentBlocker (640px <= width < 750px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:10%!important}}@container brlbsCmpntContentBlocker (540px <= width < 640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:6%!important}}@container brlbsCmpntContentBlocker (width < 540px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{position:static}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:8px;margin:6%!important;justify-content:normal;overflow:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}@container brlbsCmpntContentBlocker (width < 375px){.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{height:100%;justify-content:normal;overflow:auto}.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper{padding:0}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper:before{padding:0}#BorlabsCookieBox,.brlbs-cmpnt-container{font-family:var(--dialog-font-family);font-weight:400;line-height:calc(1.2 * var(--dialog-font-size))}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element{container-name:brlbsCmpntShortcodeElement;container-type:inline-size;line-height:1.25em;height:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px} 242body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-btn { 243 background: #4267b2; /* new color: #1b74e4;*/ 244 border-radius: 6px; 245} 246 247body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-btn:hover { 248 background: #3b5998; /* new color: #356cd1;*/ 249} 250 251body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook-bricks .brlbs-cmpnt-cb-thumbnail { 252 background-position: center 0; 253}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-bricks .brlbs-cmpnt-cb-btn { 254 background: #4285f4; 255 border-radius: 3px; 256} 257 258body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-bricks .brlbs-cmpnt-cb-btn:hover { 259 background: #fff; 260 color: #4285f4; 261}@container brlbsCmpntContentBlocker (width >= 480px) { 262 body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="bricks-turnstile"] { 263 max-height: 150px; 264 } 265 266 body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="bricks-turnstile"] > div { 267 padding-bottom: 0; 268 padding-top: 0; 269 } 270} 271 272body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-turnstile .brlbs-cmpnt-cb-thumbnail { 273 background-size: contain; 274 background-repeat: no-repeat; 275 background-position: top left; 276}@container brlbsCmpntContentBlocker (width >= 480px) { 277 body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-recaptcha { 278 max-height: 150px; 279 } 280} 281 282body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-bricks-recaptcha .brlbs-cmpnt-cb-thumbnail { 283 background-size: contain; 284 background-repeat: no-repeat; 285 background-position: top left; 286}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%} 287 288body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn { 289 background: #00adef; 290 border-radius: 9999px; 291} 292 293body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn:hover { 294 background: #fff; 295 color: #00adef; 296}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%} 297 298body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn { 299 background: #ff0000; 300 border-radius: 20px; 301} 302 303body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover { 304 background: #fff; 305 color: red; 306}.brxe-map-leaflet:has(.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="osm-bricks"]) { 307 position: relative; 308} 309.brxe-map-leaflet div.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="osm-bricks"] { 310 position: absolute; 311 top: 0; 312 left: 0; 313 width: 100%; 314 height: 100%; 315} 316 317.brlbs-cmpnt-cb-osm-bricks { 318 padding-top: 0; 319 padding-bottom: 0; 320} 321 322.brlbs-cmpnt-cb-osm-bricks .brlbs-cmpnt-cb-main { 323 margin-top: auto; 324 margin-bottom: auto; 325}:root{--content-blocker-background-color: #fafafa; 326--content-blocker-button-color: #0063e3; 327--content-blocker-button-color-hover: #1a66ff; 328--content-blocker-button-text-color: #fff; 329--content-blocker-button-text-color-hover: #fff; 330--content-blocker-font-family: inherit; 331--content-blocker-link-color: #2563eb; 332--content-blocker-link-color-hover: #1e40af; 333--content-blocker-separator-color: #e5e5e5; 334--content-blocker-text-color: #555; 335--content-blocker-border-radius-top-left: 4px; 336--content-blocker-border-radius-top-right: 4px; 337--content-blocker-border-radius-bottom-left: 4px; 338--content-blocker-border-radius-bottom-right: 4px; 339--content-blocker-button-border-radius-top-left: 4px; 340--content-blocker-button-border-radius-top-right: 4px; 341--content-blocker-button-border-radius-bottom-left: 4px; 342--content-blocker-button-border-radius-bottom-right: 4px; 343--content-blocker-font-size: 14px; 344--content-blocker-separator-width: 1px; 345--content-blocker-background-opacity: 0.85; 346--content-blocker-background: rgba(250, 250, 250 ,0.85); 347} 348 349/*# sourceURL=borlabs-cookie-critical-inline-css */ 350</style> 351<link onload="this.media='all';this.onload=null" data-borlabs-cookie-deferred-style="1" rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css' media="print" /> 352<noscript><link rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-en.css' media='all' /> 353</noscript> 354<link rel='stylesheet' id='automaticcss-bricks-css' href='https://www.meetyu.app/wp-content/uploads/automatic-css/automatic-bricks.
354css' media='all' /> 355<link rel='stylesheet' id='color-scheme-switcher-frontend-css' href='https://www.meetyu.app/wp-content/plugins/automaticcss-plugin/classes/Features/Color_Scheme_Switcher/css/frontend.css' media='all' /> 356<style id="bricks-frontend-inline-inline-css"> 357.dwc-nest-header.brxe-section {flex-direction: column; padding-top: 0; padding-right: var(--header-inline-padding); padding-bottom: 0; padding-left: var(--header-inline-padding)}.dwc-nest-header{ background-color: var(--header-bg); transition: opacity 0.1s}html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-header[data-fix-centered-logo-fouc="true"]:not(.dwc-nest-header:has(.dwc-logo-is-centered)){ opacity: 0;}@media (max-width: 991px) {.dwc-nest-header.brxe-section {padding-right: 0; padding-left: 0}}@media (max-width: 767px) {.dwc-nest-header.brxe-section {flex-wrap: nowrap}}.dwc-nest-header__container.brxe-container {min-height: var(--header-min-height)}@media (max-width: 991px) {.dwc-nest-header__container.brxe-container {padding-right: var(--menu-item-inline-padding); padding-left: var(--menu-item-inline-padding)}}.dwc-nest-menu__logo.brxe-div {padding-top: 0.8rem; padding-bottom: 0.8rem; display: flex; align-items: center; justify-content: flex-start}:where(.brx-header-left, .brx-header-right) .dwc-nest-menu__logo{ padding-inline: var(--menu-item-inline-padding)}.dwc-menu-wrap.brxe-div {display: flex; justify-content: center}.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle button[aria-expanded] > * {transition: 0.25s !important}.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle button[aria-expanded="true"] > * {transform: rotateZ(180deg)}.dwc-nest-menu{ --global-width: attr(data-global-content-width px)}@media (min-width:1201px) { .dwc-nest-toggle--open:not(body:has([data-offcanvas="true"]) .dwc-nest-toggle--open){ display: none } }.dwc-mobile .dwc-nav-wrapper:not(.show-nav .dwc-nav-wrapper){ display: none;}:is(.brx-header-left, .brx-header-right).bricks-is-frontend .dwc-nav-wrapper:not(.sidebar-ready .dwc-nav-wrapper){ display: none;} .dwc-nav-wrapper:not(:is(.dwc-mobile, [data-offcanvas="true"]) .dwc-nav-wrapper){ transition-duration: 0s;}.dwc-nest-menu-top{ transition: 0.4s 0.1s;} .dwc-nest-menu-top:not(:is(.dwc-mobile, [data-offcanvas="true"], .brx-header-left, .brx-header-right) .dwc-nest-menu-top){ transition-duration: 0s;}.dwc-nest-menu__mobile-logo.brxe-div {display: flex; justify-content: flex-start; align-items: center; padding-top: 0.5rem; padding-right: var(--menu-item-inline-padding); padding-bottom: 0.5rem; padding-left: var(--menu-item-inline-padding); height: var(--dwc-nest-header-height); max-width: 75%}.dwc-nest-nav-top-link.brxe-dropdown > .brx-dropdown-content {transform: translateY(-15px) scaleX(0.95) scaleY(0.95)}.dwc-nest-nav-list.brxe-div {flex-wrap: wrap; justify-content: flex-start; margin-top: 0; margin-bottom: 0; padding-left: 0}.dwc-nest-nav-list{container-type: inline-size; background-color: var(--dropdown-content-bg)}@media (max-width: 991px) {.dwc-nest-nav-list.brxe-div {flex-wrap: nowrap}}.mega-menu-quantum__content-inner.brxe-block {display: grid; align-items: initial; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); grid-gap: 1rem; margin-right: auto; margin-left: auto; max-width: 1200px; background-color: #ffffff}.mega-menu-quantum__content-inner{ padding-block: 1rem; container-type: inline-size;}html:not(.dwc-mobile) .dwc-stripe-style .mega-menu-quantum__content-inner{ border-radius: var(--stripe-border-radius)}@container (inline-size < 768px) { .mega-menu-quantum__content-inner{grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr)) !important } }@media (max-width: 991px) {.mega-menu-quantum__content-inner.brxe-block {grid-gap: 0px}}.mega-menu-quantum__content-group.brxe-block {align-items: stretch; background-color: var(--neutral-ultra-light); padding-top: 2rem; padding-right: 1rem; padding-bottom: 2rem; padding-left: 1rem; border-radius: 1rem; justify-content: center; align-self: stretch !important; width: 100%; row-gap: 2rem}.mega-menu-quantum__content-group{ flex-wrap: nowrap !important; padding: 1rem}@container (width > 1041px) { .mega-menu-quantum__content-group{ border-right: 1px solid lightgray; border-left: 1px solid lightgray; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; }}@media (max-width: 1200px) {.mega-menu-quantum__content-group.brxe-block {margin-top: 3rem}}.mega-menu-quantum__dropdown-title.brxe-text-basic {text-transform: capitalize; font-weight: 600; text-align: center; font-size: var(--text-m); color: var(--neutral-ultra-dark)}.mega-menu-quantum__dropdown-title{ color:var(--dropdown-heading-clr)}.mega-menu-quantum__txt.brxe-text-basic {font-size: var(--text-xs); text-align: justify; color: var(--neutral-semi-dark); margin-right: 1rem; margin-bottom: 1rem; margin-left: 1rem}.mega-menu-quantum__txt{ font-size: 12px; font-weight: 500;}.mega-menu-quantum__btn.brxe-button {padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; color: var(--white); font-weight: 500; font-size: var(--text-m); background-color: var(--primary)}.mega-menu-quantum__btn.brxe-button:hover {background-color: var(--primary-semi-light)}.h-ruled-grid { --gap: 2em; --line-thickness: 1px; --line-color: #d5d5d5; --line-offset: calc(var(--gap) / 10); gap: var(--gap); overflow: hidden; } .h-ruled-grid > div { position: relative;} .h-ruled-grid > div::before, .h-ruled-grid > div::after { content: ""; background-color: var(--line-color); position: absolute;} .h-ruled-grid > div::before { width: var(--line-thickness); height: 100%; inset-block: 19px; left: calc(var(--line-offset) * -1);} .h-ruled-grid > div::after { width: 100vw; height: var(--line-thickness); top: calc(var(--line-offset) * -1); left: 0;} .h-ruled-grid > div:last-child::before,.h-ruled-grid > div:last-child::after{ display: none;}.mega-menu-quantum__nav-group.brxe-block {row-gap: 0.5rem; flex-direction: column; align-items: center}.mega-menu-quantum__nav-group{ flex-wrap: nowrap !important; padding: 1rem; position: relative;}.mega-menu-heading1.brxe-heading {font-size: var(--text-m); color: var(--neutral); text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 1rem}.header-feature-block-container.brxe-block {margin-top: 1rem}.header-feature-block1.brxe-block {width: var(--width-s); border-radius: 20px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; align-items: center; justify-content: center; height: 17rem; background-image: linear-gradient(120deg, var(--primary), var(--primary-semi-dark))}.header-feature-icon1.brxe-icon {font-size: 3rem; color: var(--white); fill: var(--white)}.header-feature-heading1.brxe-heading {font-size: var(--text-xs); color: var(--white); font-weight: 600; text-align: center; margin-bottom: -5px}.header-feature-text1.brxe-text-basic {font-size: var(--text-xs); color: var(--white); text-align: center}.mega-menu-quantum__link.brxe-button {font-size: var(--text-m); margin-top: 2rem}.mega-menu-quantum__link{padding-inline:0rem;padding-block: 0.5rem; font-weight:600; color: var(--menu-item-clr); display: flex; align-items: baseline; letter-spacing: 0;}.mega-menu-quantum__link::after { content: ""; position: absolute; inset: 0; cursor: pointer !important; display: flex; z-index: 1;} .mega-menu-quantum__link:hover{ color: var(--menu-item-hover-clr)} .mega-menu-quantum__link i{ transition: transform 0.25s} .mega-menu-quantum__link:hover i{ transform: translateX(0.25em)}.top-level-block-crisis.brxe-block {padding-top: 1rem; padding-bottom: 1rem}@media (max-width: 1200px) {.top-level-block-crisis :nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2;}}.block-meetyu-header-org-crisis.brxe-block {width: 25rem; row-gap: 10px; align-items: center; justify-content: flex-start; flex-direction: row}@media (max-width: 1200px) {.block-meetyu-header-org-crisis.brxe-block {width: 15rem; flex-direction: column; align-self: center !important; justify-content: center; align-items: center}}.icon-meetyu-header-org-crisis.brxe-icon {font-size: 4rem; color: #db2323}@media (max-width: 991px) {.icon-meetyu-header-org-crisis.brxe-icon {text-align: center}}.text-meetyu-header-crisis.brxe-text-basic {font-size: var(--text-s); color: var(--neutral); font-weight: 400}@media (max-width: 1200px) {.text-meetyu-header-crisis.brxe-text-basic {text-align: center}}@media (max-width: 991px) {.text-meetyu-header-crisis.brxe-text-basic {align-self: center; font-size: var(--text-xs)}}.block-crisis-results.brxe-block {padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; background-color: #db2323; border-radius: 1.5rem; flex-direction: row; align-self: center !important; justify-content: center; align-items: center; row-gap: 10px; width: var(--width-m)}.header-feature-block-green.brxe-block {background-image: linear-gradient(120deg, #287d26, #4fb530); box-shadow: -1px 2px 10px 0 #41b93c}.mega-menu-nav-icon.brxe-icon {color: var(--primary); fill: var(--primary); font-size: var(--text-xxl); margin-top: 2rem}.fb-archive-hero-01.brxe-section {background-color: var(--white); position: relative; overflow: hidden; z-index: 1; margin-bottom: 5rem}@media (max-width: 767px) {.fb-archive-hero-01.brxe-section {margin-bottom: 7rem}}@media (max-width: 478px) {.fb-archive-hero-01.brxe-section {margin-bottom: 10rem}}.fb-archive-hero-01__container.brxe-container {align-items: center; text-align: center; row-gap: var(--space-s); position: relative; margin-top: 3rem}@media (max-width: 767px) {.fb-archive-hero-01__container.brxe-container {margin-top: 5rem}}@media (max-width: 478px) {.fb-archive-hero-01__container.brxe-container {margin-top: 7rem}}.fb-bread-01.brxe-breadcrumbs .item[aria-current="page"] {color: var(--neutral-dark)}.fb-bread-01.brxe-breadcrumbs {font-size: var(--text-s)}.fb-bread-01 .separator{opacity:.5;color:var(--primary)} .fb-bread-01 a{transition:color .3s,background-color .3s;padding:.3em .5em;border:solid 2px var(--primary);border-radius:.3em} .fb-bread-01 a:hover{color:var(--white);background:var(--primary)} .fb-bread-01 a:focus-visible{color:var(--white);background:var(--primary)}.hero-42__container-info.brxe-block {width: var(--width-xl); flex-direction: column; row-gap: var(--space-m); align-items: center}.hero-42__inner-container-info.brxe-block {align-items: center; flex-direction: column; row-gap: var(--space-xs)}.meetyu-heading-white-bg.brxe-post-title {font-size: var(--text-xxl)}.meetyu-tagline-white-bg.brxe-text-basic {order: -1; font-size: var(--text-m); color: var(--neutral); text-align: center}.meetyu-description-white-bg.brxe-text-basic {width: var(--width-m); text-align: center; color: var(--neutral)}.meetyu-description-white-bg.brxe-text {width: var(--width-m); text-align: center; color: var(--neutral)}.meetyu-description-white-bg.brxe-text a {text-align: center; color: var(--neutral); font-size: inherit}.fb-secside.brxe-section {background-color: var(--primary-semi-dark)}.fb-secside__container.brxe-container {display: grid; align-items: initial; grid-gap: var(--grid-gap); grid-template-columns: 1fr 3fr}@media (max-width: 767px) {.fb-secside__container.brxe-container {grid-template-columns: minmax(0, 1fr)}.fb-secside__container .fb-secside__main{ order: -1;}}.fb-secside__container--inv.brxe-container {grid-template-columns: 3fr 1fr}@media (max-width: 767px) {.fb-secside__container--inv.brxe-container {grid-template-columns: minmax(0, 1fr)}}.fb-secside__main.brxe-block {row-gap: var(--space-l); padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; border-radius: 1.5rem}.fb-grid-blog.brxe-block {display: grid; align-items: initial; grid-template-columns: var(--grid-2); grid-gap: var(--space-s)}@media (max-width: 767px) {.fb-grid-blog.brxe-block {grid-template-columns: var(--grid-1)}}.fb-blog-card-01.brxe-block {border: 1px solid var(--base-light); border-radius: 1.5rem; overflow: hidden; position: relative; z-index: 1; background-color: var(--base)}.fb-blog-card-01{--max-height-excerpt:6em;contain:layout paint}@media (min-width:768px){.fb-blog-card-01__excerpt{display:block;max-height:0;opacity:0}
357:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__excerpt{opacity:1;max-height:var(--max-height-excerpt)}:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__content{gap:var(--space-s)}:is(.fb-blog-card-01:hover,.fb-blog-card-01:focus-within) .fb-blog-card-01__image{transform:scale(1.2);opacity:.5} .fb-blog-card-01__excerpt{transition:opacity .4s,max-height .6s} .fb-blog-card-01__image{transition:transform .4s,opacity .4s} .fb-blog-card-01__content{transition:gap .2s}@media (prefers-reduced-motion:reduce){.fb-blog-card-01__excerpt,.fb-blog-card-01__image,.fb-blog-card-01__content{transition:none}}}.fb-blog-card-01--first-2col:first-child{ grid-column: span 2;} .fb-blog-card-01--first-2col:first-child .fb-blog-card-01__header{ height: 350px;}@media (max-width: 767px) {.fb-blog-card-01--first-2col:first-child{ grid-column: span 1;}.fb-blog-card-01--first-2col:first-child .fb-blog-card-01__header{ height: 250px;}}.fb-blog-card-01__top.brxe-block {position: relative}.fb-blog-card-01__header.brxe-block {overflow: hidden; position: relative; z-index: 2; height: 250px; justify-content: flex-end; padding-top: .5rem; padding-right: .5rem; padding-bottom: 0; padding-left: 0; margin-bottom: 100px}.fb-blog-card-01__header{contain:layout paint}@media (max-width: 767px) {.fb-blog-card-01__header.brxe-block {margin-bottom: 0}}.fb-blog-card-01__date.brxe-block {position: absolute; top: 0px; right: 0px; width: 7rem; align-items: center; height: 7rem; background-color: var(--primary-trans-80); justify-content: center; border-bottom-left-radius: 1.5rem}.fb-blog-card-01__day.brxe-text-basic {margin-bottom: 0; color: var(--white); font-weight: 500; line-height: 1em; font-size: var(--text-s)}.fb-blog-card-01__month.brxe-text-basic {line-height: 1em; color: var(--white); font-size: var(--text-m); font-weight: 300; margin-top: 1rem}.fb-blog-card-01__image.brxe-image:not(.tag), .fb-blog-card-01__image.brxe-image img {object-fit: cover}.fb-blog-card-01__image.brxe-image {position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%}.fb-blog-card-01__content.brxe-block {padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); background-color: var(--white); position: absolute; left: 0px; z-index: 2; bottom: 0px; min-height: 100px; row-gap: 0px}@media (max-width: 767px) {.fb-blog-card-01__content.brxe-block {row-gap: var(--space-xs); position: relative}}.fb-blog-card-01__categories.brxe-div {background-color: var(--primary-trans-80); color: var(--white); font-size: var(--text-s); font-weight: 500; position: absolute; z-index: 2; transition: color .3s, background-color .3s; padding-top: 1.2rem; padding-right: 1rem; padding-bottom: 1.2rem; padding-left: 1rem; bottom: 100%; left: 0px; border-top-right-radius: 1.5rem}.fb-blog-card-01__categories.brxe-div:hover {background-color: var(--primary); color: var(--white)}.blog-archive-19-archive-card__category.brxe-text-basic {color: var(--primary-semi-dark); background-color: var(--primary-ultra-light); padding-top: .3rem; padding-right: .6rem; padding-bottom: .3rem; padding-left: .6rem}.fb-blog-card-01__heading.brxe-heading:hover {color: var(--primary)}.fb-blog-card-01__heading.brxe-heading {transition: color .3s}.fb-blog-card-01__heading:focus{color:var(--primary)}.fb-link-card a:before,a.fb-link-card:before{content:"";position:absolute;inset:0;z-index:1}.fb-blog-card-01__excerpt.brxe-text-basic {font-size: calc(.9 * var(--text-m)); position: relative}.fb-blog-card-01__excerpt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fb-blog-card-01__footer.brxe-block {flex-direction: row; column-gap: var(--space-s); row-gap: var(--space-s); padding-top: 1rem; padding-right: var(--space-s); padding-bottom: 1rem; padding-left: var(--space-s); margin-top: auto; background-color: var(--white); border-top: 1px solid var(--base-light)}.fb-blog-card-01__wrapper.brxe-block {flex-direction: row; align-items: center; column-gap: .5rem; width: auto}@media (max-width: 767px) {.fb-blog-card-01__wrapper.brxe-block {flex-wrap: nowrap}}.fb-blog-card-01__icon.brxe-icon {font-size: var(--text-s); color: var(--base-semi-dark); fill: var(--base-semi-dark)}.fb-blog-card-01__reading-time.brxe-code {font-size: var(--text-s); color: var(--base-semi-dark)}.fb-blog-card-01__comments.brxe-text-basic {font-size: var(--text-s); color: var(--base-semi-dark)}.fb-pagination-four.brxe-pagination .bricks-pagination ul {justify-content: center; gap: 10px}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers {width: 45px; height: 35px; font-size: 20px; color: var(--white); font-weight: 600; border-bottom: 2px solid var(--white)}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers:hover {border-color: var(--accent-semi-light); font-weight: 600; color: var(--accent-semi-light)}.fb-pagination-four.brxe-pagination .bricks-pagination ul .page-numbers.current {font-weight: 700; color: var(--accent-semi-light); border-bottom: 2px solid var(--accent-semi-light)}.fb-pagination-four li .page-numbers{ transition: opacity .3s, border-color .3s; position: relative;} .fb-pagination-four li .page-numbers.current:before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%) translatey(calc(100% - 5px)); width: 10px; height: 10px; border-radius: 50%; background: var(--accent-semi-light);}
357 .fb-pagination-four li .page-numbers:not(.current){ opacity: .7;} .fb-pagination-four li .page-numbers:not(.current):hover{ opacity: 1;} .fb-pagination-four .next, .fb-pagination-four .prev{ border-width: 0 !important; opacity: 1 !important;} .fb-pagination-four li .next:hover, .fb-pagination-four li .prev:hover{ border-width: 1px !important;} .fb-pagination-four li .page-numbers:not(.current):focus-visible{opacity:1} .fb-pagination-four li .next:focus-visible,.fb-pagination-four li .prev:focus-visible{border-width:1px !important}.fb-secside__sidebar.brxe-block {row-gap: var(--space-l); padding-top: 4rem; padding-right: 3rem; padding-bottom: 4rem; padding-left: 3rem; background-color: var(--white); margin-top: 12rem; align-self: flex-start !important; justify-content: center; align-items: center; border-radius: 1.5rem; min-width: 30rem}@media (max-width: 767px) {.fb-secside__sidebar.brxe-block {margin-top: 5REM}}.fb-secside__wrapper.brxe-block {row-gap: var(--space-s); border-radius: 1.5rem}.fb-secside__wrapper--dark.brxe-block {background-color: var(--primary); color: var(--white); padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s)}.fb-secside__heading.brxe-heading {font-size: var(--text-m); color: var(--neutral-ultra-dark); font-weight: 600}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field input {padding-top: 1rem; padding-right: 12px; padding-bottom: 1rem; padding-left: 12px; background-color: var(--neutral-ultra-light); border-radius: 1.5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field textarea {padding-top: 1rem; padding-right: 12px; padding-bottom: 1rem; padding-left: 12px; background-color: var(--neutral-ultra-light); border-radius: 1.5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-form-field input:not([type="checkbox"]):not([type="radio"]) {height: 5rem}.form-mailerpress.brxe-mailerpress-optin .mailerpress-submit-button {width: 100%; border-radius: 5rem}.form-mailerpress.mailerpress-optin-form { --mp-text: #1a1a1a; --mp-label: #4b5563; --mp-muted: #9ca3af; --mp-accent: #6200EE; --mp-bg-input: var(--neutral-ultra-light, #f3f0fa); --mp-success-bg: #16a34a; --mp-error-bg: #dc2626; --mp-radius-field: 1.5rem; --mp-radius-btn: 5rem; --mp-gap: 1.25rem; max-width: 100%; width: 100%; color: var(--mp-text); font-family: inherit;}.form-mailerpress .mailerpress-form-fields-wrapper { display: flex !important; flex-direction: column !important; gap: var(--mp-gap) !important;} .form-mailerpress .mailerpress-form-field { flex: 1 1 100% !important; display: flex; flex-direction: column; gap: .5rem;}.form-mailerpress .mailerpress-form-field > label { display: block; font-size: calc(var(--text-m, 1rem) * 0.8); font-weight: 500; line-height: 1.3; color: var(--mp-label); margin: 0;} .form-mailerpress .required { display: none;}.form-mailerpress input[type="text"],.form-mailerpress input[type="email"] { width: 100%; box-sizing: border-box; height: 5rem; padding: 1rem 1.5rem; font-size: calc(var(--text-m, 1rem) * 0.9); font-family: var(--bricks-font-family-base, inherit); line-height: 1.4; color: var(--mp-text); background: var(--mp-bg-input); border: 1px solid transparent; border-radius: var(--mp-radius-field); transition: border-color .15s ease, box-shadow .15s ease; appearance: none;} .form-mailerpress input[type="text"]:focus,.form-mailerpress input[type="email"]:focus { outline: none; border-color: var(--mp-accent); box-shadow: 0 0 0 3px rgba(98, 0, 238, .15);}.form-mailerpress input:-webkit-autofill,.form-mailerpress input:-webkit-autofill:hover,.form-mailerpress input:-webkit-autofill:focus,.form-mailerpress input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--mp-bg-input) inset !important; -webkit-text-fill-color: var(--mp-text) !important; caret-color: var(--mp-text) !important; transition: background-color 5000s ease-in-out 0s !important; border-radius: var(--mp-radius-field) !important; font-size: calc(var(--text-m, 1rem) * 0.9) !important;}.form-mailerpress input::placeholder { opacity: 0 !important; visibility: hidden !important;}.form-mailerpress .mailerpress-consent-field { flex-basis: 100% !important; margin-top: .25rem;} .form-mailerpress .mailerpress-consent-field > label { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer; font-weight: 500; font-size: calc(var(--text-m, 1rem) * 0.8); line-height: 1.5; color: #555; margin: 0 !important; padding: 0 !important;} .form-mailerpress .mailerpress-consent-field > label > span { flex: 1;}.form-mailerpress input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; display: inline-block !important;
357 width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; border: 2px solid #ddd !important; border-radius: 4px !important; cursor: pointer !important; position: relative !important; margin: 2px 0 0 0 !important; padding: 0 !important; line-height: 1 !important; vertical-align: top !important; transition: border-color .3s, background-color .3s !important; background-color: #fff !important; flex-shrink: 0 !important; box-sizing: border-box !important;} .form-mailerpress input[type="checkbox"]:hover { border-color: var(--mp-accent) !important; background-color: rgba(98, 0, 238, .05) !important;} .form-mailerpress input[type="checkbox"]:checked { background-color: var(--mp-accent) !important; border-color: var(--mp-accent) !important;} .form-mailerpress input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 5px !important; top: 1px !important; width: 5px !important; height: 10px !important; border: solid white !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important;} .form-mailerpress input[type="checkbox"]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(98, 0, 238, .2) !important;} .form-mailerpress .mailerpress-consent-field a { color: var(--mp-accent); text-decoration: none; font-weight: 500;} .form-mailerpress .mailerpress-consent-field a:hover { text-decoration: underline;}.form-mailerpress .mailerpress-turnstile-wrapper { margin: var(--mp-gap) 0 20px !important; max-width: 100% !important; width: 100% !important;} .form-mailerpress .cf-turnstile { max-width: 100% !important; width: 100% !important;} .form-mailerpress .cf-turnstile iframe { max-width: 100% !important;}.form-mailerpress input[name="website"] { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}.form-mailerpress .mailerpress-form-submit { margin-top: var(--mp-gap);} .form-mailerpress .mailerpress-submit-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 5rem; padding: 0 2rem; margin: 0 !important; font-size: calc(var(--text-m, 1rem) * 1.1); font-weight: 600; font-family: inherit; line-height: 1; border-radius: var(--mp-radius-btn); cursor: pointer; transition: opacity .15s ease, transform .05s ease;} .form-mailerpress .mailerpress-submit-button:active:not([disabled]) { transform: translateY(1px);} .form-mailerpress .mailerpress-submit-button[disabled] { cursor: not-allowed; opacity: .75;}.form-mailerpress .mailerpress-form-message { margin-top: var(--mp-gap); padding: 1.25rem 1.5rem; border-radius: var(--mp-radius-field); font-size: calc(var(--text-m, 1rem) * 0.9); font-weight: 500; line-height: 1.4; text-align: center;} .form-mailerpress .mailerpress-form-message.success { background: var(--mp-success-bg); color: #fff;} .form-mailerpress .mailerpress-form-message.error { background: var(--mp-error-bg); color: #fff;}.fb-search-02.brxe-search button {background-color: var(--primary); color: var(--white); height: 50px}.fb-search-02.brxe-search input[type=search] {border: 1px solid var(--base-light); border-top-left-radius: .3em; border-bottom-left-radius: .3em}.fb-search-02.brxe-search form {overflow: hidden; background-color: var(--neutral-ultra-light)}.fb-search-02.brxe-search button:hover {background-color: var(--secondary)}.fb-search-02.brxe-search form:hover {border: 1px solid var(--primary); border-radius: 1.5rem}.fb-search-02.brxe-search form:focus {border: 1px solid var(--primary); border-radius: 1.5rem}.fb-search-02 button{ transition: background-color .3s, color .3s;}.fb-ul-list.brxe-block {padding-top: 0; padding-left: 0; margin-top: 0; margin-bottom: 0}.fb-ul-list{list-style:none}.fb-category-list-01__category:last-child .fb-category-list-01__name:after{ display: none;}.fb-category-list-01__name.brxe-text-basic {padding-top: .8em; padding-right: .8em; padding-bottom: .8em; padding-left: 40px; width: 100%; border: 1px solid rgba(0, 0, 0, 0); border-radius: .3em; transition: border-color .3s; position: relative; font-size: var(--text-s)}.fb-category-list-01__name.brxe-text-basic:hover {border-color: var(--base-light)}.fb-category-list-01__name{ --timeline-color: var(--neutral-semi-light); --timeline-color-hover: var(--primary); --set-top-dot: 1.1em;} .fb-category-list-01__name:before{content: ""; position: absolute; left: 15px; top: var(--set-top-dot); width: 10px; height: 10px; border-radius: 50%; background: var(--timeline-color); z-index: 1; transition: background-color .3s;} .fb-category-list-01__name:after{content: ""; position: absolute; left: 19px; top: var(--set-top-dot); width: 1px; height: 100%; background: var(--timeline-color);} .fb-category-list-01__name:hover:before, .fb-category-list-01__name:focus-within:before{ background: var(--timeline-color-hover);}.fb-tags-01.brxe-block {flex-wrap: wrap; flex-direction: row; column-gap: 1rem; row-gap: 1rem; width: auto}.fb-tags-01__item.brxe-block {width: auto}.fb-tags-01__name.brxe-text-basic {padding-top: .5em; padding-right: .7em; padding-bottom: .5em; padding-left: .7em; border: 1px solid var(--base-light); border-radius: .5em; transition: color .3s, background-color .3s, border-color .3s; font-size: calc(0.8 * var(--text-m)); background-color: var(--white)}.fb-tags-01__name.brxe-text-basic:hover {background-color: var(--primary); color: var(--white); border-color: var(--primary)}.fb-tags-01__name:focus{background:var(--primary);color:var(--white)}.fb-follow-01.brxe-block {flex-direction: row; column-gap: var(--space-xs); row-gap: var(--space-s); flex-wrap: wrap}.fb-follow-01__social.brxe-block {width: auto; justify-content: center; align-items: center; row-gap: .5rem; position: relative}.fb-follow-01__social{ --hover-bg: var(--primary); --hover-color: var(--white);} .fb-follow-01__social:hover .fb-follow-01__icon, .fb-follow-01__social:focus-within .fb-follow-01__icon{ background: var(--hover-bg); color: var(--hover-color); border-color: var(--hover-bg);} .fb-follow-01__social:hover a, .fb-follow-01__social:focus-within a{ color: var(--hover-bg);}.fb-follow-01__icon.brxe-icon {font-size: 2rem; width: 4rem; min-width: 4rem; height: 4rem; min-height: 4rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--primary); border-radius: .3em; transition: color .3s, background-color .3s, border-color .3s; padding-top: .7rem; padding-right: .7rem; padding-bottom: .7rem; padding-left: .7rem; color: var(--primary); fill: var(--primary); background-color: var(--white)}.fb-follow-01__name.brxe-text-basic {font-size: 1rem; color: var(--primary); font-weight: 500; transition: color .3s}.fb-follow-01__name a:before,a.fb-follow-01__name:before{content:"";position:absolute;inset:0;z-index:1}.footer-14.brxe-section {background-color: var(--white); padding-top: var(--space-l); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.footer-14__container.brxe-container {row-gap: var(--space-l)}.footer-14__container-top.brxe-block {flex-direction: row; column-gap: var(--space-l); row-gap: var(--space-l); align-items: flex-end; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 991px) {.footer-14__container-top.brxe-block {flex-direction: column; align-items: center; justify-content: center; align-self: center !important}}.footer-14__heading.brxe-heading {width: var(--width-s); font-size: var(--text-xxl); color: var(--primary); flex-shrink: 0}@media (max-width: 991px) {.footer-14__heading.brxe-heading {width: 100%; text-align: center}}.footer-14__container-contact.brxe-block {margin-top: 0; margin-bottom: 0; padding-left: 0; flex-direction: row; justify-content: flex-end; align-items: flex-end; column-gap: var(--space-m); row-gap: var(--space-m)}@media (max-width: 991px) {.footer-14__container-contact.brxe-block {justify-content: center; align-items: center; align-self: center !important}}.footer-14__contact-element.brxe-block {width: fit-content; row-gap: var(--space-xs)}.app-stores_get-it.brxe-image {transition: transform 0.2s ease-in-out}.app-stores_get-it.brxe-image:hover {transform: scaleX(1.1) scaleY(1.1)}.footer-14__divider.brxe-divider.horizontal .line {width: 100%; border-top-width: 1px; border-top-color: var(--neutral-trans-10)}.footer-14__divider.brxe-divider.vertical .line {border-right-width: 100%; border-right-color: var(--neutral-trans-10)}.footer-14__divider.brxe-divider .line {height: 1px}.footer-14__divider.brxe-divider .icon {color: var(--neutral-trans-10)}.footer-14__container-mid.brxe-block {flex-direction: row; row-gap: var(--space-l); column-gap: var(--space-l); padding-top: var(--space-xs); padding-bottom: var(--section-space-xs)}@media (max-width: 991px) {.footer-14__container-mid.brxe-block {flex-wrap: wrap}}@media (max-width: 478px) {.footer-14__container-mid.brxe-block {flex-direction: column}}.footer-14__form-container.brxe-block {row-gap: var(--space-xs); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; max-width: 400px; margin-right: auto}@media (max-width: 991px) {.footer-14__form-container.brxe-block {max-width: 100%; width: 100%; align-items: center; justify-content: center; align-self: center !important}}@media (max-width: 767px) {.footer-14__form-container.brxe-block {width: 100%; max-width: 100%}}.footer-14__menu-section.brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; row-gap: var(--space-s); width: auto; flex-grow: 1; flex-shrink: 0; max-width: var(--width-s)}@media (max-width: 478px) {.footer-14__menu-section.brxe-block {max-width: 100%}}.footer-14__menu-heading.brxe-heading {font-size: var(--text-m); color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu {flex-direction: column; gap: var(--space-s)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > a {color: var(--neutral-trans-80); font-size: calc(var(--text-m) * 0.9); justify-content: center}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {color: var(--neutral-trans-80); font-size: calc(var(--text-m) * 0.9)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li:hover > a {text-decoration: underline;
357 color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle > * {text-decoration: underline; color: var(--primary)}.footer-14__menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {justify-content: center}.footer-14__menu.brxe-nav-menu {font-size: calc(var(--text-m) * 0.9)}.footer-14__menu-social.brxe-block {align-self: center !important; justify-content: center; align-items: center}.footer-14__container-social.brxe-block {row-gap: var(--space-s); padding-left: 0; margin-top: 0; margin-bottom: 0}.footer-14__social-link.brxe-block {flex-wrap: nowrap; flex-direction: row; column-gap: var(--space-xs); color: var(--neutral-trans-80); border-color: var(--neutral-trans-80); align-items: center; justify-content: center; align-self: center !important}.footer-14__social-link.brxe-block:hover {color: var(--primary); text-decoration: underline; border-color: var(--neutral)}.footer-14__social-icon.brxe-icon {font-size: var(--text-l); font-size: calc(var(--text-m) * 0.95)}.footer-14__social-info.brxe-text-basic {margin-left: 0; font-size: calc(var(--text-m) * 0.9)}.footer-16__container-top.brxe-block {flex-direction: row; column-gap: var(--space-l); row-gap: var(--space-l); align-items: center; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: space-between}@media (max-width: 767px) {.footer-16__container-top.brxe-block {flex-direction: column}}.footer-16__social-container.brxe-div {flex-direction: row; column-gap: var(--space-m); align-items: center; display: flex; width: auto}.footer-14__credit-name.brxe-text-basic {color: var(--neutral-trans-80); font-size: var(--text-s)} 358/*# sourceURL=bricks-frontend-inline-inline-css */ 359</style> 360<link rel='stylesheet' id='bits-icons-to-svg-inline-css' href='https://www.meetyu.app/wp-content/plugins/bricks-icons-to-svg/assets/css/runtime.css' media='all' /> 361<link rel='stylesheet' id='fancy_animations-cache-props-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/props.css' media='all' /> 362<link rel='stylesheet' id='fancy_animations-cache-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/all.css' media='all' /> 363<link rel='stylesheet' id='fancy_animations-cache-cursor-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/custom-cursor.css' media='all' /> 364<link rel='stylesheet' id='fancy_animations-cache-gradient-bg-css' href='https://www.meetyu.app/wp-content/uploads/fancy-animations/cache/gradient-bg.css' media='all' />
365<script>(function(d, s, id){ 366 var js, fjs = d.getElementsByTagName(s)[0]; 367 if (d.getElementById(id)) return; 368 js = d.createElement(s); js.id = id; 369 js.src = 'https://api.anychat.one/widget2/load?id=e40f67f5-23ba-3414-95b3-0313c266958b&r=' + encodeURIComponent(window.location); 370 fjs.parentNode.insertBefore(js, fjs); 371}(document, 'script', 'anw2-sdk-e40f67f5-23ba-3414-95b3-0313c266958b'));</script>
vendor: 1 bytes, line 371
371
372<script id="asenha-external-permalinks-js-after"> 373(function () { 374 'use strict'; 375 376 document.addEventListener( 'DOMContentLoaded', function () { 377 378 var links = document.getElementsByTagName( 'a' ); 379 380 for ( var i = 0; i < links.length; i++ ) { 381 var url = links[i].getAttribute( 'href' ); 382 383 if ( url == null ) { 384 continue; 385 } 386 387 var hasAsenhaEp = url.indexOf( '#asenha_ep' ) >= 0; 388 389 if ( ! hasAsenhaEp ) { 390 continue; 391 } 392 393 url = url.replace( '#asenha_ep', '' ); 394 links[i].setAttribute( 'href', url ); 395 links[i].setAttribute( 'rel', 'noopener noreferrer nofollow' ); 396 } 397 398 } ); 399 400} )(); 401//# sourceURL=asenha-external-permalinks-js-after 402</script>
vendor: 1 bytes, line 402
402
403<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-no-flying-press="true" id="borlabs-cookie-config-js" src="https://www.meetyu.app/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-en.json.js"></script>
vendor: 1 bytes, line 403
403
404<script id="color-scheme-switcher-frontend-js-extra"> 405var acss = {"color_mode":"light","enable_client_color_preference":"false"}; 406//# sourceURL=color-scheme-switcher-frontend-js-extra 407</script>
vendor: 1 bytes, line 407
407
408<script id="color-scheme-switcher-frontend-js" src="https://www.meetyu.app/wp-content/plugins/automaticcss-plugin/classes/Features/Color_Scheme_Switcher/js/frontend.min.js"></script>
vendor: 1 bytes, line 408
408
409<script id="bricks-dl-mode-js-after"> 410(function() { 411 let savedTheme = localStorage.getItem("brx_mode"); 412 let defaultMode = "light"; 413 let currentTheme = savedTheme || defaultMode; 414 415 if (currentTheme === "auto") { 416 let prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches; 417 document.documentElement.dataset.brxTheme = prefersDarkScheme ? "dark" : "light"; 418 } else { 419 document.documentElement.dataset.brxTheme = currentTheme; 420 } 421 })(); 422//# sourceURL=bricks-dl-mode-js-after 423</script>
vendor: 1 bytes, line 423
423
424<script data-borlabs-cookie-script-blocker-ignore> 425 window.brlbsBricksMap = function() { 426 window.brlbsBricksMapCalled = true; 427 } 428</script>
428<script data-borlabs-cookie-script-blocker-ignore> 429 document.addEventListener('borlabs-cookie-google-tag-manager-after-consents', function () { 430 window.BorlabsCookie.Unblock.unblockScriptBlockerId('gtmfourwp-custom-events'); 431 }); 432</script>
432<link rel="https://api.w.org/" href="https://www.meetyu.app/wp-json/" />
432<script 433 src="https://app.rybbit.io/api/script.js" 434 data-site-id="02a333227040" 435 defer 436></script>
vendor: 1 bytes, line 436
436
437<script data-borlabs-cookie-no-flying-press="true" data-borlabs-cookie-script-blocker-ignore> 438 if ('0' === '1' && ('0' === '1' || '1' === '1')) { 439 window['gtag_enable_tcf_support'] = true; 440 } 441 window.dataLayer = window.dataLayer || []; 442 if (typeof gtag !== 'function') { 443 function gtag() { 444 dataLayer.push(arguments); 445 } 446 } 447 gtag('set', 'developer_id.dYjRjMm', true); 448 if ('0' === '1' || '1' === '1') { 449 if (window.BorlabsCookieGoogleConsentModeDefaultSet !== true) { 450 let getCookieValue = function (name) { 451 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 452 }; 453 let consentsFromCookie = {}; 454 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 455 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 456 if (cookieValue !== '') { 457 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 458 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 459 consentsFromCookie = {}; 460 } else { 461 delete consentsFromCookie.cookie_version; 462 } 463 } 464 } 465 let defaultValues = { 466 'ad_storage': 'denied', 467 'ad_user_data': 'denied', 468 'ad_personalization': 'denied', 469 'analytics_storage': 'denied', 470 'functionality_storage': 'denied', 471 'personalization_storage': 'denied', 472 'security_storage': 'denied', 473 'wait_for_update': 500, 474 }; 475 gtag('consent', 'default', { ...defaultValues, ...consentsFromCookie }); 476 } 477 window.BorlabsCookieGoogleConsentModeDefaultSet = true; 478 let borlabsCookieConsentChangeHandler = function () { 479 window.dataLayer = window.dataLayer || []; 480 if (typeof gtag !== 'function') { function gtag(){dataLayer.push(arguments);} } 481 482 let getCookieValue = function (name) { 483 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 484 }; 485 let consentsFromCookie = {}; 486 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 487 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 488 if (cookieValue !== '') { 489 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 490 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 491 consentsFromCookie = {}; 492 } 493 } 494 } 495 496 consentsFromCookie.analytics_storage = BorlabsCookie.Consents.hasConsent('google-analytics') ? 'granted' : 'denied'; 497 consentsFromCookie.cookie_version = window.borlabsCookieConfig.settings.cookieVersion; 498 499 BorlabsCookie.CookieLibrary.setCookie( 500 'borlabs-cookie-gcs', 501 JSON.stringify(consentsFromCookie), 502 BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value, 503 BorlabsCookie.Settings.cookiePath.value, 504 BorlabsCookie.Cookie.getPluginCookie().expires, 505 BorlabsCookie.Settings.cookieSecure.value, 506 BorlabsCookie.Settings.cookieSameSite.value 507 ); 508 } 509 document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler); 510 document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler); 511 } 512 if ('0' === '1') { 513 gtag("js", new Date()); 514 gtag("config", "G-19KP1PNFQC", {"anonymize_ip": true}); 515 516 (function (w, d, s, i) { 517 var f = d.getElementsByTagName(s)[0], 518 j = d.createElement(s); 519 j.async = true; 520 j.src =
521 "https://www.googletagmanager.com/gtag/js?id=" + i; 522 f.parentNode.insertBefore(j, f); 523 })(window, document, "script", "G-19KP1PNFQC"); 524 } 525</script>
525<script data-borlabs-cookie-no-flying-press="true" data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-script-blocker-ignore> 526 (function () { 527 if ('0' === '1' && '1' === '1') { 528 window['gtag_enable_tcf_support'] = true; 529 } 530 window.dataLayer = window.dataLayer || []; 531 if (typeof window.gtag !== 'function') { 532 window.gtag = function () { 533 window.dataLayer.push(arguments); 534 }; 535 } 536 gtag('set', 'developer_id.dYjRjMm', true); 537 if ('1' === '1') { 538 let getCookieValue = function (name) { 539 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 540 }; 541 const gtmRegionsData = '[{"google-tag-manager-cm-region":"","google-tag-manager-cm-default-ad-storage":"denied","google-tag-manager-cm-default-ad-personalization":"denied","google-tag-manager-cm-default-ad-user-data":"denied","google-tag-manager-cm-default-analytics-storage":"denied","google-tag-manager-cm-default-functionality-storage":"denied","google-tag-manager-cm-default-personalization-storage":"denied","google-tag-manager-cm-default-security-storage":"denied"}]'; 542 let gtmRegions = []; 543 if (gtmRegionsData !== '\{\{ google-tag-manager-cm-regional-defaults \}\}') { 544 gtmRegions = JSON.parse(gtmRegionsData); 545 } 546 let defaultRegion = null; 547 for (let gtmRegionIndex in gtmRegions) { 548 let gtmRegion = gtmRegions[gtmRegionIndex]; 549 if (gtmRegion['google-tag-manager-cm-region'] === '') { 550 defaultRegion = gtmRegion; 551 } else { 552 gtag('consent', 'default', { 553 'ad_storage': gtmRegion['google-tag-manager-cm-default-ad-storage'], 554 'ad_user_data': gtmRegion['google-tag-manager-cm-default-ad-user-data'], 555 'ad_personalization': gtmRegion['google-tag-manager-cm-default-ad-personalization'], 556 'analytics_storage': gtmRegion['google-tag-manager-cm-default-analytics-storage'], 557 'functionality_storage': gtmRegion['google-tag-manager-cm-default-functionality-storage'], 558 'personalization_storage': gtmRegion['google-tag-manager-cm-default-personalization-storage'], 559 'security_storage': gtmRegion['google-tag-manager-cm-default-security-storage'], 560 'region': gtmRegion['google-tag-manager-cm-region'].toUpperCase().split(','), 561 'wait_for_update': 500, 562 }); 563 } 564 } 565 let consentsFromCookie = {}; 566 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 567 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 568 if (cookieValue !== '') { 569 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 570 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 571 consentsFromCookie = {}; 572 } else { 573 delete consentsFromCookie.cookie_version; 574 } 575 } 576 } 577 let defaultValues = { 578 'ad_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-storage'], 579 'ad_user_data': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-user-data'], 580 'ad_personalization': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-personalization'], 581 'analytics_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-analytics-storage'], 582 'functionality_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-functionality-storage'], 583 'personalization_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-personalization-storage'], 584 'security_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-security-storage'], 585 'wait_for_update': 500, 586 }; 587 gtag('consent', 'default', {...defaultValues, ...consentsFromCookie}); 588 gtag('set', 'ads_data_redaction', true); 589 } 590 591 if ('1' === '1') { 592 let url = new URL(window.location.href); 593 594 if ((url.searchParams.has('gtm_debug') && url.searchParams.get('gtm_debug') !== '') || document.cookie.indexOf('__TAG_ASSISTANT=') !== -1 || document.documentElement.hasAttribute('data-tag-assistant-present')) { 595 /* GTM block start */
vendor: 429 bytes, lines 595-600
595 596 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 597 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 598 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 599 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 600 })(window,document,'script','dataLayer','
600GTM-PDR6H2C9
vendor: 21 bytes, lines 600-601
600'); 601
601/* GTM block end */ 602 } else { 603 /* GTM block start */ 604 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 605 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 606 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 607 'https://www.meetyu.app/wp-content/uploads/borlabs-cookie/' + i + '.js?ver=7jpjhvtr';f.parentNode.insertBefore(j,f); 608 })(window,document,'script','dataLayer','GTM-PDR6H2C9'); 609 /* GTM block end */ 610 } 611 } 612 613 614 let borlabsCookieConsentChangeHandler = function () { 615 window.dataLayer = window.dataLayer || []; 616 if (typeof window.gtag !== 'function') { 617 window.gtag = function() { 618 window.dataLayer.push(arguments); 619 }; 620 } 621 622 let consents = BorlabsCookie.Cookie.getPluginCookie().consents; 623 624 if ('1' === '1') { 625 let gtmConsents = {}; 626 let customConsents = {}; 627 628 let services = BorlabsCookie.Services._services; 629 630 for (let service in services) { 631 if (service !== 'borlabs-cookie') { 632 customConsents['borlabs_cookie_' + service.replaceAll('-', '_')] = BorlabsCookie.Consents.hasConsent(service) ? 'granted' : 'denied'; 633 } 634 } 635 636 if ('0' === '1') { 637 gtmConsents = { 638 'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 639 'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 640 'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 641 'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 642 }; 643 } else { 644 gtmConsents = { 645 'ad_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 646 'ad_user_data': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 647 'ad_personalization': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 648 'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 649 'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 650 'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 651 'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 652 }; 653 } 654 let cookieGtmConsents = {...gtmConsents}; 655 cookieGtmConsents.cookie_version = window.borlabsCookieConfig.settings.cookieVersion; 656 BorlabsCookie.CookieLibrary.setCookie( 657 'borlabs-cookie-gcs', 658 JSON.stringify(cookieGtmConsents), 659 BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value, 660 BorlabsCookie.Settings.cookiePath.value, 661 BorlabsCookie.Cookie.getPluginCookie().expires, 662 BorlabsCookie.Settings.cookieSecure.value, 663 BorlabsCookie.Settings.cookieSameSite.value 664 ); 665 gtag('consent', 'update', {...gtmConsents, ...customConsents}); 666 } 667 668 669 for (let serviceGroup in consents) { 670 for (let service of consents[serviceGroup]) { 671 if (!window.BorlabsCookieGtmPackageSentEvents.includes(service) && service !== 'borlabs-cookie') { 672 window.dataLayer.push({ 673 event: 'borlabs-cookie-opt-in-' + service, 674 }); 675 window.BorlabsCookieGtmPackageSentEvents.push(service); 676 } 677 } 678 } 679 let afterConsentsEvent = document.createEvent('Event'); 680 afterConsentsEvent.initEvent('borlabs-cookie-google-tag-manager-after-consents', true, true); 681 document.dispatchEvent(afterConsentsEvent); 682 }; 683 window.BorlabsCookieGtmPackageSentEvents = []; 684 document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler); 685 document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler); 686 })(); 687</script>
687<link rel="icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-32x32.webp" sizes="32x32" /> 688<link rel="icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-192x192.webp" sizes="192x192" /> 689<link rel="apple-touch-icon" href="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-180x180.webp" /> 690<meta name="msapplication-TileImage" content="https://www.meetyu.app/wp-content/uploads/2025/10/cropped-meetyu-logo_dark-bg_500px-270x270.webp" /> 691
691<script> 692 /*! js-cookie v3.0.5 | MIT */ 693 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t=function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});return t})); 694 695 const fbaCookieName = 'fancy-animations-disable'; 696 697 function fba_is_deactivated() { 698 return Cookies.get(fbaCookieName) !== undefined; 699 } 700 701 function fba_toggle_deactivation(refresh = true) { 702 if (fba_is_deactivated()) { 703 Cookies.remove(fbaCookieName); 704 } else { 705 Cookies.set(fbaCookieName, 'true', { expires: 365 }); 706 } 707 708 if (refresh) { 709 window.location.reload(); 710 } 711 } 712 713 document.addEventListener('DOMContentLoaded', function () { 714 const wrapper = document.querySelectorAll('.fb-disable-animations'); 715 wrapper.forEach(function (item) { 716 const reloadPage = item.getAttribute('data-fba-reload-page') === '1'; 717 718 const button = item.querySelector('.fb-disable-animations__btn'); 719 720 button.addEventListener('click', function () { 721 fba_toggle_deactivation(reloadPage); 722 }); 723 724 button.setAttribute('aria-checked', String(!fba_is_deactivated())); 725 button.setAttribute('aria-label', item.getAttribute('data-fba-aria-label')); 726 }); 727 }); 728 </script>
728<style id="wp-block-heading-inline-css"> 729h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 730/*# sourceURL=https://www.meetyu.app/wp-includes/blocks/heading/style.min.css */ 731</style> 732<style id="wp-block-paragraph-inline-css"> 733.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 734/*# sourceURL=https://www.meetyu.app/wp-includes/blocks/paragraph/style.min.css */ 735</style> 736 737</head> 738 739<body class="blog wp-theme-bricks wp-child-theme-bricks-child brx-body bricks-is-frontend wp-embed-responsive"> <a class="skip-link" href="#brx-content">Skip to main content</a> 740 741 <a class="skip-link" href="#brx-footer">Skip to footer</a> 742 <header id="brx-header" class="brx-sticky"><div id="brxe-ygujkj" class="brxe-section dwc-nest-header bricks-lazy-hidden" data-overlay-header="true" data-overlay-header-mobile="true" data-overlay-header-optimize-adaptive-height="true" data-overlay-header-no-top-gap data-fullscreen-mobile-menu data-hide-mobile-logo data-offset-section-padding="true" data-fix-centered-logo-fouc data-sticky-overlay-special-style data-mobile-special-style><div id="brxe-infarc" class="brxe-container dwc-nest-header__container bricks-lazy-hidden"><a id="brxe-pmpkoc" href="/" aria-label="MeetYu - Go to homepage" class="brxe-div dwc-nest-menu__logo bricks-lazy-hidden" data-breakout-link><svg aria-hidden="true" class="brxe-svg" id="brxe-ksczkk" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2800" zoomAndPan="magnify" viewBox="0 0 2100 2100.000016" height="2800" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="d709f676df"><path d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></clipPath><clipPath id="21a835ad5f"><path d="M 389.988281 360.222656 L 1672.625 360.222656 L 1672.625 1815.28125 L 389.988281 1815.28125 Z M 389.988281 360.222656 "></path></clipPath></defs><g id="42498f3499"><g clip-rule="nonzero" clip-path="url(#d709f676df)"><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></g><g clip-rule="nonzero" clip-path="url(#21a835ad5f)"><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 138.023438 181.921875 L 1928.921875 181.921875 L 1928.921875 1972.820312 L 138.023438 1972.820312 Z M 138.023438 181.921875 "></path></g><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 1061.015625 1759.597656 L 1061.015625 1375.054688 C 1061.015625 1375.054688 1051.058594 1244.460938 1167.394531 1120.351562 C 1249.132812 1033.171875 1362.566406 980.160156 1462.355469 976.007812 C 1502.4375 974.324219 1579.050781 974.753906 1584.207031 974.789062 C 1587.613281 974.789062 1671.425781 970.097656 1668.308594 1049.21875 C 1664.65625 1141.128906 1668.308594 1475.882812 1668.308594 1475.882812 C 1668.308594 1475.882812 1667.234375 1619.941406 1537.25 1631.226562 C 1400.929688 1643.042969 1299.527344 1682.195312 1225.277344 1727.933594 C 1200.347656 1741.792969 1177.351562 1757.839844 1153.535156 1776.96875 C 1083.152344 1833.453125 1057.113281 1786.101562 1060.980469 1759.597656 Z M 1061.015625 1759.597656 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 993.605469 1745.449219 L 993.605469 1042.84375 C 993.605469 1042.84375 1004.675781 705.941406 627.332031 705.941406 L 470.519531 705.941406 C 470.519531 705.941406 398.492188 698.167969 398.492188 785.167969 L 398.492188 1482.257812 C 398.492188 1482.257812 402.359375 1617.46875 540.332031 1617.46875 C 678.300781 1617.46875 782.496094 1655.6875 859.503906 1700.03125 C 883.644531 1713.929688 925.550781 1743.980469 937.980469 1755.476562 C 978.0625 1792.546875 991.921875 1774.820312 993.570312 1745.449219 Z M 993.605469 1745.449219 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#aeadf8;fill-opacity:1;" d="M 1044.324219 1126.800781 L 1044.324219 840.867188 C 1044.324219 840.867188 1060.945312 605.9375 1233.835938 480.679688 C 1406.730469 355.460938 1585.320312 357.9687
7425 1605.089844 390.921875 C 1611.753906 401.988281 1623.929688 538.3125 1539.722656 703.433594 C 1455.515625 868.554688 1366.828125 917.335938 1264.890625 968.304688 C 1162.953125 1019.273438 1079.820312 1125.691406 1069.828125 1143.421875 C 1059.832031 1161.148438 1047.65625 1179.988281 1044.324219 1126.800781 Z M 1044.324219 1126.800781 "></path></g></svg><span id="brxe-rikhyc" class="brxe-text-basic" aria-hidden="true">MeetYu</span></a><div id="brxe-mdrgft" class="brxe-div dwc-menu-wrap bricks-lazy-hidden"><nav id="brxe-ahwbzf" data-script-id="ahwbzf" class="brxe-nav-nested dwc-nest-menu bricks-lazy-hidden" data-offcanvas data-slide-in-direction="top" data-submenu-reveal="slide" data-match-overlay-header-width="true" data-below-header data-last-item-is-button="true" data-last-item-is-button-alignment="center" data-hide-overlay data-overlay-on-header="true" data-back-text="auto" data-tooltip-back-text="Swipe > Back" data-hide-close-bar data-show-mobile-logo data-mobile-top-transparent="true" data-overlay-sidebar data-sidebar-back-text-on-logo data-align-content-bottom="true" data-optimize-stripe="true" data-caret="true" data-show-toggle-always="true" data-global-content-vertical data-global-content-width="1080" builder-preview-content-width data-align-dropdown-top="true" data-single-back-button="true" aria-label="Main navigation Menu" data-toggle="never"><button id="brxe-dbhrci" data-script-id="dbhrci" class="brxe-toggle dwc-nest-toggle--open brxa--vortex" aria-label="Open Menu" aria-expanded="false" data-selector=".brxe-nav-nested"><span class="brxa-wrap"><span class="brxa-inner"></span></span></button><div id="brxe-cawsyw" class="brxe-block dwc-nav-wrapper bricks-lazy-hidden"><div id="brxe-pfctzi" class="brxe-block dwc-nest-menu-top bricks-lazy-hidden"><a id="brxe-qkuzxj" href="/" aria-label="MeetYu - Go to homepage" class="brxe-div dwc-nest-menu__mobile-logo bricks-lazy-hidden"></a><button id="brxe-cshihx" data-script-id="cshihx" class="brxe-toggle brx-toggle-div" aria-label="Close Menu" aria-expanded="false"><i class="fas fa-xmark bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"></path></svg></i></button></div><ul id="brxe-xxrpxh" class="brxe-block dwc-nest-nav-items brx-nav-nested-items bricks-lazy-hidden" role="list"><li id="brxe-bzrgjg" data-script-id="bzrgjg" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle"><span>MeetYu Life Coach</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-bmdpwy" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="MeetYu Life Coach submenu" role="list"><li id="brxe-ilpefl" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-idcbfo" class="brxe-block mega-menu-quantum__content-group bricks-lazy-hidden"><p id="brxe-yyetqn" class="brxe-text-basic mega-menu-quantum__dropdown-title" role="heading" aria-level="2">MeetYu Life Coach</p><img width="1920" height="1080" src="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp" class="brxe-image mega-menu-product-image-card css-filter size-full" alt="MeetYu Life Coach AI Journal social sharing banner with app screenshots on purple background" id="brxe-yjsqsz" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp 1920w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-300x169.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-768x432.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1536x864.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1200x675.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-600x338.webp 600w" sizes="(max-width: 1920px) 100v
742w, 1920px" /><div id="brxe-alpfzd" class="brxe-block mega-menu-quantum__txt-wrap bricks-lazy-hidden"><p id="brxe-ovccmu" class="brxe-text-basic mega-menu-quantum__txt">MeetYu is your AI-powered Life Coach built into a beautifully simple Journaling App that analyzes your entries to identify patterns, celebrate victories, and guide you through challenges with personalized strategies. Unlike traditional journaling, MeetYu's AI coach engages in meaningful conversations, asking thought-provoking questions that help you discover blind spots and unlock hidden potential. The Life Coach feature learns from your unique journey, providing increasingly personalized guidance as you use the app. Experience the future of self-development where cutting-edge AI technology meets the timeless practice of journaling.</p></div><a id="brxe-aezrpc" class="brxe-button mega-menu-quantum__btn bricks-button circle" href="https://www.meetyu.app/" aria-label="Learn more about MeetYu Life Coach">Learn more<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a></div><div id="brxe-ojoetk" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-lnkkjf" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-eybqnr" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">Packed With Powerful Features</p><p id="brxe-pjmump" class="brxe-text-basic mega-menu-quantum__txt">Everything you need to unlock your full potential - beautifully designed, deeply intuitive, and evolving with you</p><div id="brxe-xsqamt" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-pevsyu" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-ivptpb" class="fas fa-book-open brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 141.3l0 309.3 .5-.2C311.1 427.7 369.7 416 428.8 416l19.2 0 0-320-19.2 0c-42.2 0-84.1 8.4-123.1 24.6-16.8 7-33.4 13.9-49.7 20.7zM230.9 61.5L256 72 281.1 61.5C327.9 42 378.1 32 428.8 32L464 32c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-35.2 0c-50.7 0-100.9 10-147.7 29.5l-12.8 5.3c-7.9 3.3-16.7 3.3-24.6 0l-12.8-5.3C184.1 490 133.9 480 83.2 480L48 480c-26.5 0-48-21.5-48-48L0 80C0 53.5 21.5 32 48 32l35.2 0c50.7 0 100.9 10 147.7 29.5z"></path></svg></i><p id="brxe-fciobq" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Effortless Journaling</p><p id="brxe-cvdced" class="brxe-text-basic header-feature-text1">Capture thoughts in seconds through voice, text, or guided prompts.</p></div><div id="brxe-fmvmrk" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-zhgvvg" class="fas fa-microchip brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M176 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c-35.3 0-64 28.7-64 64l-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0 0 56-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0 0 56-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l40 0c0 35.3 28.7 64 64 64l0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 56 0 0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 56 0 0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40c35.3 0 64-28.7 64-64l40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0 0-56 40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0 0-56 40 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0c0-35.3-28.7-64-64-64l0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40-56 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40-56 0 0-40zM160 128l192 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-192 0c-17.7 0-32-14.3-32-32l0-192c0-17.7 14.3-32 32-32zm16 48l0 160 160 0 0-160-160 0z"></path></svg></i><p id="brxe-jasxoc" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">AI-Powered Reflection</p><p id="brxe-echowe" class="brxe-text-basic header-feature-text1">Discover hidden patterns and receive personalized insights.</p></div><div id="brxe-nvnizo" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-ianpwr" class="fas fa-people-arrows brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M32 64A64 64 0 1 1 160 64 64 64 0 1 1 32 64zM0 224c0-35.3 28.7-64 64-64l64 0c3.2 0 6.4 .2 9.5 .7L93.1 205.1C65 233.2 65 278.8 93.1 306.9l56 56c3.4 3.4 7 6.4 10.9 9l0 92.1c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-120.6C12.9 332.4 0 311.7 0 288l0-64zM352 64a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm66.9 141.1l-44.4-44.4c3.1-.5 6.3-.7 9.5-.7l64 0c35.3 0 64 28.7 64 64l0 64c0 23.7-12.9 44.4-32 55.4L480 464c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-92.1c3.9-2.6 7.5-5.6 10.9-9l56-56c28.1-28.1 28.1-73.7 0-101.8zM302.8 177.8c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S288 321.7 288 312l0-24-64 0 0 24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S224 190.3 224 200l0 24 64 0 0-24c0-9.7 5.8-18.5 14.8-22.2z"></path></svg></i><p id="brxe-lwfwfz" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Two-Way Conversations</p><p id="brxe-uccpvw" class="brxe-text-basic header-feature-text1">Engage with your AI coach who helps you explore deeper insights.</p></div><div id="brxe-ukiqfo" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-srawpd" class="fas fa-lock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"></path></svg></i><p id="brxe-gqrmvp" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Private and Secure</p><p id="brxe-jdnnpq" class="brxe-text-basic header-feature-text1">Your entries are encrypted, ensuring privacy and control.</p></div></div></div><div id="brxe-xusnts" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><a id="brxe-tfonno" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" aria-label="Download MeetYu on Google Play Store (opens in new tab)" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer" target="_blank">Google Play Store<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-uszlij" class="brxe-text-basic mega-menu-quantum__txt">MeetYu transforms your Android device into a powerful personal growth companion. Experience AI-native journaling that analyzes patterns, provides coaching insights, and helps you break through limitations. Available for free with premium features.</p><a id="brxe-ugdxln" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer" target="_blank" title="Google Play Store" class="brxe-div bricks-lazy-hidden" aria-hidden="true" tabindex="-1"><svg aria-hidden="true" class="brxe-svg" id="brxe-brdkvn" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" width="180" height="53.33300018310547" version="1.1" viewBox="0 0 180 53.333" xml:space="preserve"><metadata id="metadata9"></metadata><path id="path11" d="m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665" fill="#100f0d" stroke-width=".13333"></path><path id="path13" d="m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.666
7425-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66" fill="#a2a2a1" stroke-width=".13333"></path><path id="path35" d="m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707" fill="#fff" stroke-width=".13333"></path><path id="path37" d="m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141" fill="#eb3131" stroke-width=".13333"></path><path id="path39" d="m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655" fill="#f6b60b" stroke-width=".13333"></path><path id="path41" d="m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914" fill="#5778c5" stroke-width=".13333"></path><path id="path43" d="m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298" fill="#3bad49" stroke-width=".13333"></path><path id="path33" d="m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.9
7421878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z" fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width=".26666"></path></svg></a></div><div id="brxe-jitvgf" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><a id="brxe-ejgeeb" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" aria-label="Download MeetYu on Apple App Store (opens in new tab)" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer" target="_blank">Apple App Store<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-fbhzhi" class="brxe-text-basic mega-menu-quantum__txt">Unlock your potential with MeetYu Life Coach on iOS - the journaling app that thinks alongside you. Beautiful design meets powerful AI to turn daily reflection into extraordinary personal growth. Discover why MeetYu will be the top choice for mindful professionals.</p><a id="brxe-whgfhd" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer" target="_blank" title="Apple App Store" class="brxe-div bricks-lazy-hidden" aria-hidden="true" tabindex="-1"><svg aria-hidden="true" class="brxe-svg" id="brxe-yceyjs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="135" height="40" viewBox="0 0 135 40" xml:space="preserve"> <g> <path fill="#A6A6A6" d="M130.197,40H4.729C2.122,40,0,37.872,0,35.267V4.726C0,2.12,2.122,0,4.729,0h125.468 C132.803,0,135,2.12,135,4.726v30.541C135,37.872,132.803,40,130.197,40L130.197,40z"></path> <path d="M134.032,35.268c0,2.116-1.714,3.83-3.834,3.83H4.729c-2.119,0-3.839-1.714-3.839-3.83V4.725 c0-2.115,1.72-3.835,3.839-3.835h125.468c2.121,0,3.834,1.72,3.834,3.835L134.032,35.268L134.032,35.268z"></path> <g> <g> <path fill="#FFFFFF" d="M30.128,19.784c-0.029-3.223,2.639-4.791,2.761-4.864c-1.511-2.203-3.853-2.504-4.676-2.528 c-1.967-0.207-3.875,1.177-4.877,1.177c-1.022,0-2.565-1.157-4.228-1.123c-2.14,0.033-4.142,1.272-5.24,3.196 c-2.266,3.923-0.576,9.688,1.595,12.859c1.086,1.553,2.355,3.287,4.016,3.226c1.625-0.067,2.232-1.036,4.193-1.036 c1.943,0,2.513,1.036,4.207,0.997c1.744-0.028,2.842-1.56,3.89-3.127c1.255-1.78,1.759-3.533,1.779-3.623 C33.507,24.924,30.161,23.647,30.128,19.784z"></path> <path fill="#FFFFFF" d="M26.928,10.306c0.874-1.093,1.472-2.58,1.306-4.089c-1.265,0.056-2.847,0.875-3.758,1.944 c-0.806,0.942-1.526,2.486-1.34,3.938C24.557,12.205,26.016,11.382,26.928,10.306z"></path> </g> </g> <g> <path fill="#FFFFFF" d="M53.645,31.504h-2.271l-1.244-3.909h-4.324l-1.185,3.909h-2.211l4.284-13.308h2.646L53.645,31.504z M49.755,25.955L48.63,22.48c-0.119-0.355-0.342-1.191-0.671-2.507h-0.04c-0.131,0.566-0.342,1.402-0.632,2.507l-1.105,3.475 H49.755z"></path> <path fill="#FFFFFF" d="M64.662,26.588c0,1.632-0.441,2.922-1.323,3.869c-0.79,0.843-1.771,1.264-2.942,1.264 c-1.264,0-2.172-0.454-2.725-1.362h-0.04v5.055h-2.132V25.067c0-1.026-0.027-2.079-0.079-3.159h1.875l0.119,1.521h0.04 c0.711-1.146,1.79-1.718,3.238-1.718c1.132,0,2.077,0.447,2.833,1.342C64.284,23.949,64.662,25.127,64.662,26.588z M62.49,26.666 c0-0.934-0.21-1.704-0.632-2.31c-0.461-0.632-1.
74208-0.948-1.856-0.948c-0.526,0-1.004,0.176-1.431,0.523 c-0.428,0.35-0.708,0.807-0.839,1.373c-0.066,0.264-0.099,0.48-0.099,0.65v1.6c0,0.698,0.214,1.287,0.642,1.768 s0.984,0.721,1.668,0.721c0.803,0,1.428-0.31,1.875-0.928C62.266,28.496,62.49,27.68,62.49,26.666z"></path> <path fill="#FFFFFF" d="M75.699,26.588c0,1.632-0.441,2.922-1.324,3.869c-0.789,0.843-1.77,1.264-2.941,1.264 c-1.264,0-2.172-0.454-2.724-1.362H68.67v5.055h-2.132V25.067c0-1.026-0.027-2.079-0.079-3.159h1.875l0.119,1.521h0.04 c0.71-1.146,1.789-1.718,3.238-1.718c1.131,0,2.076,0.447,2.834,1.342C75.32,23.949,75.699,25.127,75.699,26.588z M73.527,26.666 c0-0.934-0.211-1.704-0.633-2.31c-0.461-0.632-1.078-0.948-1.855-0.948c-0.527,0-1.004,0.176-1.432,0.523 c-0.428,0.35-0.707,0.807-0.838,1.373c-0.065,0.264-0.099,0.48-0.099,0.65v1.6c0,0.698,0.214,1.287,0.64,1.768 c0.428,0.48,0.984,0.721,1.67,0.721c0.803,0,1.428-0.31,1.875-0.928C73.303,28.496,73.527,27.68,73.527,26.666z"></path> <path fill="#FFFFFF" d="M88.039,27.772c0,1.132-0.393,2.053-1.182,2.764c-0.867,0.777-2.074,1.165-3.625,1.165 c-1.432,0-2.58-0.276-3.449-0.829l0.494-1.777c0.936,0.566,1.963,0.85,3.082,0.85c0.803,0,1.428-0.182,1.877-0.544 c0.447-0.362,0.67-0.848,0.67-1.454c0-0.54-0.184-0.995-0.553-1.364c-0.367-0.369-0.98-0.712-1.836-1.029 c-2.33-0.869-3.494-2.142-3.494-3.816c0-1.094,0.408-1.991,1.225-2.689c0.814-0.699,1.9-1.048,3.258-1.048 c1.211,0,2.217,0.211,3.02,0.632l-0.533,1.738c-0.75-0.408-1.598-0.612-2.547-0.612c-0.75,0-1.336,0.185-1.756,0.553 c-0.355,0.329-0.533,0.73-0.533,1.205c0,0.526,0.203,0.961,0.611,1.303c0.355,0.316,1,0.658,1.936,1.027 c1.145,0.461,1.986,1,2.527,1.618C87.77,26.081,88.039,26.852,88.039,27.772z"></path> <path fill="#FFFFFF" d="M95.088,23.508h-2.35v4.659c0,1.185,0.414,1.777,1.244,1.777c0.381,0,0.697-0.033,0.947-0.099l0.059,1.619 c-0.42,0.157-0.973,0.236-1.658,0.236c-0.842,0-1.5-0.257-1.975-0.77c-0.473-0.514-0.711-1.376-0.711-2.587v-4.837h-1.4v-1.6h1.4 v-1.757l2.094-0.632v2.389h2.35V23.508z"></path> <path fill="#FFFFFF" d="M105.691,26.627c0,1.475-0.422,2.686-1.264,3.633c-0.883,0.975-2.055,1.461-3.516,1.461 c-1.408,0-2.529-0.467-3.365-1.401s-1.254-2.113-1.254-3.534c0-1.487,0.43-2.705,1.293-3.652c0.861-0.948,2.023-1.422,3.484-1.422 c1.408,0,2.541,0.467,3.396,1.402C105.283,24.021,105.691,25.192,105.691,26.627z M103.479,26.696 c0-0.885-0.189-1.644-0.572-2.277c-0.447-0.766-1.086-1.148-1.914-1.148c-0.857,0-1.508,0.383-1.955,1.148 c-0.383,0.634-0.572,1.405-0.572,2.317c0,0.885,0.189,1.644,0.572,2.276c0.461,0.766,1.105,1.148,1.936,1.148 c0.814,0,1.453-0.39,1.914-1.168C103.281,28.347,103.479,27.58,103.479,26.696z"></path> <path fill="#FFFFFF" d="M112.621,23.783c-0.211-0.039-0.436-0.059-0.672-0.059c-0.75,0-1.33,0.283-1.738,0.85 c-0.355,0.5-0.533,1.132-0.533,1.895v5.035h-2.131l0.02-6.574c0-1.106-0.027-2.113-0.08-3.021h1.857l0.078,1.836h0.059 c0.225-0.631,0.58-1.139,1.066-1.52c0.475-0.343,0.988-0.514,1.541-0.514c0.197,0,0.375,0.014,0.533,0.039V23.783z"></path> <path fill="#FFFFFF" d="M122.156,26.252c0,0.382-0.025,0.704-0.078,0.967h-6.396c0.025,0.948,0.334,1.673,0.928,2.173 c0.539,0.447,1.236,0.671,2.092,0.671c0.947,0,1.811-0.151,2.588-0.454l0.334,1.48c-0.908,0.396-1.98,0.593-3.217,0.593 c-1.488,0-2.656-0.438-3.506-1.313c-0.848-0.875-1.273-2.05-1.273-3.524c0-1.447,0.395-2.652,1.186-3.613 c0.828-1.026,1.947-1.539,3.355-1.539c1.383,0,2.43,0.513,3.141,1.539C121.873,24.047,122.156,25.055,122.156,26.252z M120.123,25.699c0.014-0.632-0.125-1.178-0.414-1.639c-0.369-0.593-0.936-0.889-1.699-0.889c-0.697,0-1.264,0.289-1.697,0.869 c-0.355,0.461-0.566,1.014-0.631,1.658H120.123z"></path> </g> <g> <g> <path fill="#FFFFFF" d="M49.05,10.009c0,1.177-0.353,2.063-1.058,2.658c-0.653,0.549-1.581,0.824-2.783,0.824 c-0.596,0-1.106-0.026-1.533-0.078V6.982c0.557-0.09,1.157-0.136,1.805-0.136c1.145,0,2.008,0.249,2.59,0.747 C48.723,8.156,49.05,8.961,49.05,10.009z M47.945,10.038c0-0.763-0.202-1.348-0.606-1.756c-0.404-0.407-0.994-0.611-1.771-0.611 c-0.33,0-0.611,0.022-0.844,0.068v4.889c0.129,0.02,0.365,0.029,0.708,0.029c0.802,0,1.421-0.223,1.857-0.669 S47.945,10.892,47.945,10.038z"></path> <path fill="#FFFFFF" d="M54.909,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.009,0.718-1.727,0.718 c-0.692,0-1.243-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.712-0.698 c0.692,0,1.248,0.229,1.669,0.688C54.708,9.757,54.909,10.333,54.909,11.037z M53.822,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.22-0.376-0.533-0.564-0.94-0.564c-0.421,0-0.741,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.714-0.191,0.94-0.574 C53.725,11.882,53.822,11.506,53.822,11.071z"></path> <path fill="#FFFFFF" d="M62.765,8.719l-1.475,4.714h-0.96l-0.611-2.047c-0.155-0.511-0.281-1.019-0.379-1.523h-0.019 c-0.091,0.518-0.217,1.025-0.379,1.523l-0.649,2.047h-0.971l-1.387-4.714h1.077l0.533,2.241c0.129,0.53,0.235,1.035,0.32,1.513 h0.019c0.078-0.394,0.207-0.896,0.389-1.503l0.669-2.25h0.854l0.641,2.202c0.155,0.537,0.281,1.054,0.378,1.552h0.029 c0.071-0.485,0.178-1.002,0.32-1.552l0.572-2.202H62.765z"></path> <path fill="#FFFFFF" d="M68.198,13.433H67.15v-2.7c0-0.832-0.316-1.248-0.95-1.248c-0.311,0-0.562,0.114-0.757,0.343 c-0.193,0.229-0.291,0.499-0.291,0.808v2.796h-1.048v-3.366c0-0.414-0.013-0.863-0.038-1.349h0.921l0.049,0.737h0.029 c0.122-0.229,0.304-0.418,0.543-0.569c0.284-0.176,0.602-0.265,0.95-0.265c0.44,0,0.806,0.142,1.097,0.427 c0.362,0.349,0.543,0.87,0.543,1.562V13.433z"></path> <path fill="#FFFFFF" d="M71.088,13.433h-1.047V6.556h1.047V13.433z"></path> <path fill="#FFFFFF" d="M77.258,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.01,0.718-1.727,0.718 c-0.693,0-1.244-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.711-0.698 c0.693,0,1.248,0.229,1.67,0.688C77.057,9.757,77.258,10.333,77.258,11.037z M76.17,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.219-0.376-0.533-0.564-0.939-0.564c-0.422,0-0.742,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.713-0.191,0.939-0.574 C76.074,11.882,76.17,11.506,76.17,11.071z"></path> <path fill="#FFFFFF" d="M82.33,13.433h-0.941l-0.078-0.543h-0.029c-0.322,0.433-0.781,0.65-1.377,0.65 c-0.445,0-0.805-0.143-1.076-0.427c-0.246-0.258-0.369-0.579-0.369-0.96c0-0.576,0.24-1.015,0.723-1.319 c0.482-0.304,1.16-0.453,2.033-0.446V10.3c0-0.621-0.326-0.931-0.979-0.931c-0.465,0-0.875,0.117-1.229,0.349l-0.213-0.688 c0.438-0.271,0.979-0.407,1.617-0.407c1.232,0,1.85,0.65,1.85,1.95v1.736C82.262,12.78,82.285,13.155,82.33,13.433z M81.242,11.813v-0.727c-1.156-0.02-1.734,0.297-1.734,0.95c0,0.246,0.066,0.43,0.201,0.553c0.
742135,0.123,0.307,0.184,0.512,0.184 c0.23,0,0.445-0.073,0.641-0.218c0.197-0.146,0.318-0.331,0.363-0.558C81.236,11.946,81.242,11.884,81.242,11.813z"></path> <path fill="#FFFFFF" d="M88.285,13.433h-0.93l-0.049-0.757h-0.029c-0.297,0.576-0.803,0.864-1.514,0.864 c-0.568,0-1.041-0.223-1.416-0.669s-0.562-1.025-0.562-1.736c0-0.763,0.203-1.381,0.611-1.853c0.395-0.44,0.879-0.66,1.455-0.66 c0.633,0,1.076,0.213,1.328,0.64h0.02V6.556h1.049v5.607C88.248,12.622,88.26,13.045,88.285,13.433z M87.199,11.445v-0.786 c0-0.136-0.01-0.246-0.029-0.33c-0.059-0.252-0.186-0.464-0.379-0.635c-0.195-0.171-0.43-0.257-0.701-0.257 c-0.391,0-0.697,0.155-0.922,0.466c-0.223,0.311-0.336,0.708-0.336,1.193c0,0.466,0.107,0.844,0.322,1.135 c0.227,0.31,0.533,0.465,0.916,0.465c0.344,0,0.619-0.129,0.828-0.388C87.1,12.069,87.199,11.781,87.199,11.445z"></path> <path fill="#FFFFFF" d="M97.248,11.037c0,0.725-0.207,1.319-0.621,1.785c-0.434,0.479-1.008,0.718-1.727,0.718 c-0.691,0-1.242-0.229-1.654-0.689c-0.41-0.459-0.615-1.038-0.615-1.736c0-0.73,0.211-1.329,0.635-1.794s0.994-0.698,1.713-0.698 c0.691,0,1.248,0.229,1.668,0.688C97.047,9.757,97.248,10.333,97.248,11.037z M96.162,11.071c0-0.435-0.094-0.808-0.281-1.119 c-0.221-0.376-0.533-0.564-0.941-0.564c-0.42,0-0.74,0.188-0.961,0.564c-0.188,0.311-0.281,0.69-0.281,1.138 c0,0.435,0.094,0.808,0.281,1.119c0.227,0.376,0.543,0.564,0.951,0.564c0.4,0,0.715-0.191,0.941-0.574 C96.064,11.882,96.162,11.506,96.162,11.071z"></path> <path fill="#FFFFFF" d="M102.883,13.433h-1.047v-2.7c0-0.832-0.316-1.248-0.951-1.248c-0.311,0-0.562,0.114-0.756,0.343 s-0.291,0.499-0.291,0.808v2.796h-1.049v-3.366c0-0.414-0.012-0.863-0.037-1.349h0.92l0.049,0.737h0.029 c0.123-0.229,0.305-0.418,0.543-0.569c0.285-0.176,0.602-0.265,0.951-0.265c0.439,0,0.805,0.142,1.096,0.427 c0.363,0.349,0.543,0.87,0.543,1.562V13.433z"></path> <path fill="#FFFFFF" d="M109.936,9.504h-1.154v2.29c0,0.582,0.205,0.873,0.611,0.873c0.188,0,0.344-0.016,0.467-0.049 l0.027,0.795c-0.207,0.078-0.479,0.117-0.814,0.117c-0.414,0-0.736-0.126-0.969-0.378c-0.234-0.252-0.35-0.676-0.35-1.271V9.504 h-0.689V8.719h0.689V7.855l1.027-0.31v1.173h1.154V9.504z"></path> <path fill="#FFFFFF" d="M115.484,13.433h-1.049v-2.68c0-0.845-0.316-1.268-0.949-1.268c-0.486,0-0.818,0.245-1,0.735 c-0.031,0.103-0.049,0.229-0.049,0.377v2.835h-1.047V6.556h1.047v2.841h0.02c0.33-0.517,0.803-0.775,1.416-0.775 c0.434,0,0.793,0.142,1.078,0.427c0.355,0.355,0.533,0.883,0.533,1.581V13.433z"></path> <path fill="#FFFFFF" d="M121.207,10.853c0,0.188-0.014,0.346-0.039,0.475h-3.143c0.014,0.466,0.164,0.821,0.455,1.067 c0.266,0.22,0.609,0.33,1.029,0.33c0.465,0,0.889-0.074,1.271-0.223l0.164,0.728c-0.447,0.194-0.973,0.291-1.582,0.291 c-0.73,0-1.305-0.215-1.721-0.645c-0.418-0.43-0.625-1.007-0.625-1.731c0-0.711,0.193-1.303,0.582-1.775 c0.406-0.504,0.955-0.756,1.648-0.756c0.678,0,1.193,0.252,1.541,0.756C121.068,9.77,121.207,10.265,121.207,10.853z M120.207,10.582c0.008-0.311-0.061-0.579-0.203-0.805c-0.182-0.291-0.459-0.437-0.834-0.437c-0.342,0-0.621,0.142-0.834,0.427 c-0.174,0.227-0.277,0.498-0.311,0.815H120.207z"></path> </g> </g> </g> </svg></a></div><div id="brxe-nabgwz" class="brxe-block brx-grid bricks-lazy-hidden"><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI journaling app Create new Recap and Ask for Career Advice action cards" id="brxe-bxksou" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_entry-creation-teaser-1.webp 1500w" sizes="(max-width: 300px) 100v
742w, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI Journal Your Journal Reacted notification with coaching feedback and Let's Chat button" id="brxe-mirmwp" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_journal-reaction-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu AI journal mood check-in with excited party emoji and How are you feeling today prompt" id="brxe-jgglve" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_emotions-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /><img width="300" height="300" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-300x300.webp" class="brxe-image mega-menu-image-lightbox css-filter size-medium" alt="MeetYu Life Coach AI Journal insights showing 5 entries this month, todo progress, and tone analysis" id="brxe-klvnus" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-300x300.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-1024x1024.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-150x150.webp 150w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-768x768.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-1200x1200.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1-600x600.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-life-coach-ai-journal_insights-teaser-1.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /></div></div></li></ul></li><li id="brxe-bdhknd" data-script-id="bdhknd" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle"><span>MeetYu Intelligent Workplace</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-hdzmul" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="MeetYu Intelligent Workplace submenu" role="list"><li id="brxe-ahkxqv" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-myscwe" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-hisgyg" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-rdssjh" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">Solving the Organizational Intelligence Crisis</p><p id="brxe-kwijzw" class="brxe-text-basic mega-menu-quantum__txt">Your organization is most likely suffering from a lack of insight into its daily work and people</p><div id="brxe-ikhfvu" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-gqdaii" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-rnqbeq" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-pfdmjq" class="brxe-text-basic text-meetyu-header-crisis">Best practices trapped in individual minds</p></div><div id="brxe-qaiubi" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-hwyock" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-cppzmc" class="brxe-text-basic text-meetyu-header-crisis">Project learnings disappear after project completion</p></div><div id="brxe-wszcer" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-knesqi" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-zqrjhr" class="brxe-text-basic text-meetyu-header-crisis">Process bottlenecks may never surface</p></div></div><div id="brxe-qygrxd" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-jhrbcm" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-ypcobk" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-tlsmmr" class="brxe-text-basic text-meetyu-header-crisis">Innovation ideas never reach decision-makers</p></div><div id="brxe-keqpgc" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-cpohbo" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-tjcfxu" class="brxe-text-basic text-meetyu-header-crisis">Management operates on delayed information</p></div><div id="brxe-ffotuu" class="brxe-block gap--xs block-meetyu-header-org-crisis bricks-lazy-hidden"><i id="brxe-xdqlby" class="fas fa-circle-xmark brxe-icon icon-meetyu-header-org-crisis bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM167 167c9.4-9.4 24.6-9.4 33.9 0l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg></i><p id="brxe-snncmq" class="brxe-text-basic text-meetyu-header-crisis">Cross-team expertise stays siloed within departments</p></div></div><div id="brxe-brnrfa" class="brxe-block brx-grid top-level-block-crisis bricks-lazy-hidden"><div id="brxe-dekxlu" class="brxe-block block-crisis-results gap--xs bricks-lazy-hidden"><i id="brxe-yuoqaa" class="fas fa-exclamation brxe-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M64 432c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40c0-22.1 17.9-40 40-40zM64 0c26.5 0 48 21.5 48 48 0 .6 0 1.1 0 1.7l-16 304c-.9 17-15 30.3-32 30.3S33 370.7 32 353.7L16 49.7c0-.6 0-1.1 0-1.7 0-26.5 21.5-48 48-48z"></path></svg></i><p id="brxe-miefnv" class="brxe-text-basic">From lost revenue opportunities to inflated operational costs: Simple visibility gaps cascade into systematic organizational failure</p></div></div></div><div id="brxe-uiscan" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-nvexpp" class="brxe-heading mega-menu-heading1" role="heading" aria-level="3">To Ensure Your Organizational Excellence</p><p id="brxe-spprvw" class="brxe-text-basic mega-menu-quantum__txt">Everything your organization needs to transform hidden knowledge into competitive advantage</p><div id="brxe-uynwyw" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-wnpuxl" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-zqouvn" class="fas fa-feather-pointed brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M475.3 .1c9.9-.8 19.6 3 26.6 10s10.8 16.7 10 26.6c-4 49.3-17.4 126.2-46.3 199.7-1.8 4.5-5.5 7.9-10.2 9.3L374.5 270c-3.9 1.2-6.5 4.7-6.5 8.8 0 5.1 4.1 9.2 9.2 9.2l38.6 0c12 0 19.7 12.8 13.5 23.1-4 6.7-8.3 13.2-12.7 19.6-2 2.9-5 5-8.4 6.1L310.5 366c-3.9 1.2-6.5 4.7-6.5 8.8 0 5.1 4.1 9.2 9.2 9.2l16 0c14.6 0 21 17.4 8.8 25.4-68 45-137.7 43.3-182.4 31.3-12.7-3.4-24-9.9-34.4-17.9L48 496c-8.8 8.8-23.2 8.8-32 0s-8.8-23.2 0-32l80-80 .5 .5c.7-1.3 1.6-2.5 2.7-3.6L256 224c8.8-8.8 8.8-23.2 0-32s-23.2-8.8-32 0L89.7 326.2c-8.9 8.9-24 4.4-25-8.2-4.3-53.2 9.3-123.1 72.6-186.4 91.1-91.1 254.2-124.7 337.9-131.5z"></path></svg></i><p id="brxe-tspato" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Team-Wide Intelligence Capture</p><p id="brxe-intfot" class="brxe-text-basic header-feature-text1">Convert daily experiences into searchable organizational knowledge.</p></div><div id="brxe-yuzays" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-sjgcfy" class="fas fa-clock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path></svg></i><p id="brxe-layumy" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Real-Time Pattern Recognition</p><p id="brxe-lgjxkq" class="brxe-text-basic header-feature-text1">Surface bottlenecks and opportunities before they impact performance.</p></div><div id="brxe-kwrsly" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-ttlrmy" class="fas fa-people-group brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 0a64 64 0 1 1 0 128 64 64 0 1 1 0-128zm96 312c0 25-12.7 47-32 59.9l0 92.1c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-92.1C172.7 359 160 337 160 312l0-40c0-53 43-96 96-96s96 43 96 96l0 40zM96 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112zm16 240l0 32c0 32.5 12.1 62.1 32 84.7l0 75.3c0 1.2 0 2.5 .1 3.7-8.5 7.6-19.7 12.3-32.1 12.3l-32 0c-26.5 0-48-21.5-48-48l0-56.6C12.9 364.4 0 343.7 0 320l0-32c0-53 43-96 96-96 12.7 0 24.8 2.5 35.9 6.9-12.6 21.4-19.9 46.4-19.9 73.1zM368 464l0-75.3c19.9-22.5 32-52.2 32-84.7l0-32c0-26.7-7.3-51.6-19.9-73.1 11.1-4.5 23.2-6.9 35.9-6.9 53 0 96 43 96 96l0 32c0 23.7-12.9 44.4-32 55.4l0 56.6c0 26.5-21.5 48-48 48l-32 0c-12.3 0-23.6-4.6-32.1-12.3 0-1.2 .1-2.5 .1-3.7zM416 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"></path></svg></i><p id="brxe-gypkst" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Cross-Functional Discovery</p><p id="brxe-ageads" class="brxe-text-basic header-feature-text1">Connect expertise across silos and prevent duplicate work.</p></div><div id="brxe-yxqthd" class="brxe-block header-feature-block1 header-feature-block-green bricks-lazy-hidden"><i id="brxe-kvrtre" class="fas fa-lock brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"></path></svg></i><p id="brxe-rzvsnk" class="brxe-heading header-feature-heading1" role="heading" aria-level="4">Proactive Management Insights</p><p id="brxe-sfpdln" class="brxe-text-basic header-feature-text1">Get AI-powered insights for decisions that matter today.</p></div></div></div></div><div id="brxe-zfeqnk" class="brxe-block mega-menu-quantum__content-group bricks-lazy-hidden"><p id="brxe-mzyaqx" class="brxe-text-basic mega-menu-quantum__dropdown-title" role="heading" aria-level="2">MeetYu Intelligent Workplace</p><img width="1920" height="1257" src="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1.webp" class="brxe-image css-filter size-full" alt="MeetYu Intelligent Workplace platform desktop view with team journal entries and AI-powered analysis" id="brxe-eukljt" loading="eager" decoding="async" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1.webp 1920w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-300x196.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1024x670.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-768x503.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1536x1006.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-1200x786.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/meetyu-intelligent-workplace_mockup-1-600x393.webp 600w" sizes="(max-width: 1920px) 100vw, 1920px" /><div id="brxe-ofwbcy" class="brxe-block mega-menu-quantum__txt-wrap bricks-lazy-hidden"><p id="brxe-gnipll" class="brxe-text-basic mega-menu-quantum__txt">Turn individual experiences into collective knowledge with MeetYu Intelligent Workplace. Our secure AI-powered platform captures team insights seamlessly to identify patterns, prevent bottlenecks, and accelerate innovation through real-time operational intelligence. As teams engage, the system learns your organization's unique dynamics, delivering increasingly strategic recommendations. Experience the future of work where cutting-edge AI meets the power of continuous reflection - turning your collective daily experiences into sustainable competitive advantage.</p></div><button id="brxe-rrmikq" class="brxe-button mega-menu-quantum__btn bricks-button circle" aria-label="MeetYu Intelligent Workplace - Coming soon" aria-disabled="true" type="button" tabindex="-1">Coming soon<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></button></div></li></ul></li><li id="brxe-pvzear" data-script-id="pvzear" class="brxe-dropdown dwc-nest-nav-top-link bricks-lazy-hidden brx-has-megamenu" data-submenu-reveal data-tabbed-dropdown data-toggle="both"><div class="brx-submenu-toggle aria-current"><span>Resources</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul id="brxe-skikxd" class="brxe-div dwc-nest-nav-list brx-dropdown-content bricks-lazy-hidden" data-content-width data-content-align preview-alignment style="--dropdown-content-width: attr(data-content-width px, var(--global-width));" data-hide-instruction aria-label="Resources submenu" role="list"><li id="brxe-zsjtew" class="brxe-block mega-menu-quantum__content-inner bricks-lazy-hidden"><div id="brxe-oytbtw" class="brxe-block brx-grid h-ruled-grid bricks-lazy-hidden"><div id="brxe-gkwcxs" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-yymedd" class="fas fa-heart brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
742<path fill="currentColor" d="M241 87.1l15 20.7 15-20.7C296 52.5 336.2 32 378.9 32 452.4 32 512 91.6 512 165.1l0 2.6c0 112.2-139.9 242.5-212.9 298.2-12.4 9.4-27.6 14.1-43.1 14.1s-30.8-4.6-43.1-14.1C139.9 410.2 0 279.9 0 167.7l0-2.6C0 91.6 59.6 32 133.1 32 175.8 32 216 52.5 241 87.1z"></path></svg></i><a id="brxe-reolqv" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/our-story/" aria-label="Read our story about MeetYu">Our Story<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-peksfi" class="brxe-text-basic mega-menu-quantum__txt">Discover the vision behind MeetYu and our commitment to unlocking human potential through intelligent reflection. A personal message about our journey, values, and promise to help you thrive.</p></div><div id="brxe-uhfjza" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-geoobv" class="fas fa-note-sticky brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 213.5c0 17-6.7 33.3-18.7 45.3L322.7 461.3c-12 12-28.3 18.7-45.3 18.7L64 480zM389.5 304L296 304c-13.3 0-24 10.7-24 24l0 93.5 117.5-117.5z"></path></svg></i><a id="brxe-znlorp" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/blog/" aria-label="Read the MeetYu blog" aria-current="page">Blog<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-ebfzyq" class="brxe-text-basic mega-menu-quantum__txt">Explore insights on personal growth, organizational intelligence, and the science of reflection. From productivity tips to leadership strategies, find expert guidance and real-world success stories from the MeetYu community.</p></div><div id="brxe-oeqpyy" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><i id="brxe-idsxxd" class="fas fa-circle-question brxe-icon mega-menu-nav-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-336c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5l0 3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zM224 368a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg></i><a id="brxe-pngisp" class="brxe-button mega-menu-quantum__link clickable-parent bricks-button" href="https://www.meetyu.app/faq/" aria-label="MeetYu FAQ â frequently asked questions">FAQ<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a><p id="brxe-tbeyms" class="brxe-text-basic mega-menu-quantum__txt">Get instant answers to common questions about MeetYu's features, security, pricing, and implementation. Whether you're an individual user or enterprise leader, find the information you need to maximize your MeetYu experience.</p></div><div id="brxe-vzfcqx" class="brxe-block mega-menu-quantum__nav-group bricks-lazy-hidden"><p id="brxe-nhlwao" class="brxe-heading mega-menu-heading1" role="heading" aria-level="2">
742Join the MeetYu Circle</p><p id="brxe-hlqoty" class="brxe-text-basic mega-menu-quantum__txt">Everything you need to succeed with MeetYu - from getting started guides to advanced strategies for personal and organizational growth.</p><div id="brxe-sfvluz" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><div id="brxe-loqzwn" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-jrbteh" class="fas fa-rocket brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M128 320L24.5 320c-24.9 0-40.2-27.1-27.4-48.5L50 183.3C58.7 168.8 74.3 160 91.2 160l95 0c76.1-128.9 189.6-135.4 265.5-124.3 12.8 1.9 22.8 11.9 24.6 24.6 11.1 75.9 4.6 189.4-124.3 265.5l0 95c0 16.9-8.8 32.5-23.3 41.2l-88.2 52.9c-21.3 12.8-48.5-2.6-48.5-27.4L192 384c0-35.3-28.7-64-64-64l-.1 0zM400 160a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"></path></svg></i><p id="brxe-ifpysh" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Quick Start Guides</p><p id="brxe-dfrraq" class="brxe-text-basic header-feature-text1">Begin your journey with step-by-step tutorials and best practices for immediate impact.</p></div><div id="brxe-yeovgy" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-fiqjdw" class="fas fa-star brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M309.5-18.9c-4.1-8-12.4-13.1-21.4-13.1s-17.3 5.1-21.4 13.1L193.1 125.3 33.2 150.7c-8.9 1.4-16.3 7.7-19.1 16.3s-.5 18 5.8 24.4l114.4 114.5-25.2 159.9c-1.4 8.9 2.3 17.9 9.6 23.2s16.9 6.1 25 2L288.1 417.6 432.4 491c8 4.1 17.7 3.3 25-2s11-14.2 9.6-23.2L441.7 305.9 556.1 191.4c6.4-6.4 8.6-15.8 5.8-24.4s-10.1-14.9-19.1-16.3L383 125.3 309.5-18.9z"></path></svg></i><p id="brxe-dhzfis" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Success Stories</p><p id="brxe-deinrp" class="brxe-text-basic header-feature-text1">Learn from individuals and organizations achieving breakthrough results with MeetYu.</p></div><div id="brxe-mjauye" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-aulxmz" class="fas fa-bullseye brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M448 256a192 192 0 1 0 -384 0 192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg></i><p id="brxe-hwombe" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">Expert Resources</p><p id="brxe-prouya" class="brxe-text-basic header-feature-text1">Access templates, frameworks, and coaching techniques developed by growth professionals.</p></div><div id="brxe-yoxbpx" class="brxe-block header-feature-block1 bricks-lazy-hidden"><i id="brxe-cvmdhb" class="fas fa-hand-holding-heart brxe-icon header-feature-icon1 bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M279.6 31C265.5 11.5 242.9 0 218.9 0 177.5 0 144 33.5 144 74.9l0 2.4c0 64.4 82 133.4 122.2 163.3 13 9.7 30.5 9.7 43.5 0 40.2-30 122.2-98.9 122.2-163.3l0-2.4c0-41.4-33.5-74.9-74.9-74.9-24 0-46.6 11.5-60.7 31L288 42.7 279.6 31zM109.3 341.5L66.7 384 32 384c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l320.5 0c29 0 57.3-9.3 80.7-26.5l126.6-93.3c17.8-13.1 21.6-38.1 8.5-55.9s-38.1-21.6-55.9-8.5L392.6 416 280 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-152.2 0c-33.9 0-66.5 13.5-90.5 37.5z"></path></svg></i><p id="brxe-xreesz" class="brxe-heading header-feature-heading1" role="heading" aria-level="3">
742Community Support</p><p id="brxe-aerrsy" class="brxe-text-basic header-feature-text1">Connect with fellow users, share insights, and get help from our dedicated team.</p></div></div><div id="brxe-weoozs" class="brxe-block brx-grid header-feature-block-container bricks-lazy-hidden"><a id="brxe-rezpzu" class="brxe-button mega-menu-quantum__btn bricks-button circle" href="https://www.meetyu.app/newsletter/" aria-label="Join now â MeetYu community">Join now<i class="fas fa-arrow-right bits-icon-host"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></i></a></div></div></div></li></ul></li><li class="menu-item"><a id="brxe-zlocso" class="brxe-text-link dwc-nest-nav-top-link" href="https://www.meetyu.app/contact/" aria-label="Contact MeetYu">Contact</a></li><li class="menu-item"><a id="brxe-tkuhgn" class="brxe-text-link dwc-nest-nav-top-link" href="https://www.meetyu.app/linktree/" aria-label="Sign up for MeetYu">Sign up</a></li></ul></div></nav></div></div></div><style>/* ======================================== 743MOBILE ONLY STYLES 744add and modify varibales for mobile breakpoint 745========================================= */ 746html.dwc-mobile { 747 --mobile-menu-width: min(450px, 100%); 748 --menu-item-font-size: 18px; 749 --dropdown-item-font-size: var(--menu-item-font-size); 750 --back-text-font-size: 16px; 751 --menu-item-hover-border-bg: initial; 752} 753 754/* ======================================= 755 GENERAL NAV STYLES 756========================================= */ 757:root { 758 /* ======================== 759 GENERAL COLORS/BACKGROUND 760 ======================== */ 761 --primary-clr: var(--primary); 762 --header-bg: white; 763 --dropdown-content-bg: white; 764 --mobile-menu-bg: white; 765 --mobile-menu-topbar-bg: white; 766 767 768 /* =============================== 769 GENERAL WIDTH | HEIGHT | SPACINGS 770 ================================== */ 771 --mobile-menu-width: min(300px, 100%); /* mobile & offcanvas */ 772 --multilevel-dropdown-width: 200px; 773 --dropdown-content-gap: 1px; /* header -> dropdown gap, add unit (e.g. 0px) */ 774 --header-min-height: 60px; 775 --fullscreen-mobile-menu-top-height: 60px; 776 --top-offset: 40px; /* when nav is below header */ 777 --dropdown-content-default-width: 1080px; /* preview width & default width for dropdown content */ 778 --header-inline-padding: clamp(1.5rem, calc(0.625vw + 1.375rem), 1.875rem); 779 780 781 /* ============================================== 782 GENERAL BORDERS | SHADOWS | OVERLAY BACKDROP 783 ================================================= */ 784 /* dropdown content */ 785 --dropdown-content-border-radius: 0px; 786 --dropdown-content-shadow: 0px 5px 15px -10px rgb(0 0 0 / 0%); 787 --dropdown-content-border-size: 1px; /* at least 1px */ 788 --dropdown-content-border-color: var(--dropdown-content-bg); 789 790 /* overlay backdrop */ 791 --nav-overlay-backdrop-blur: 0px; 792 --nav-overlay-backdrop-clr: rgba(0, 0, 0, 0.3); 793 794 /* sidebar nav */ 795 --sidebar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); 796 797 /* radius for special mobile style on overlay header*/ 798 --mobile-menu-radius: var(--overlay-header-radius); 799 800 /* mobile & offcanvas */ 801 --slide-out-speed: 1.3; 802 803 804 /* =============================== 805 MENU TOGGLE - Hamburger 806 (additional settings at line 202) 807 ================================== */ 808 --menu-toggle-clr: var(--menu-item-clr); 809 --menu-close-toggle-clr: var(--menu-item-clr); 810 --menu-toggle-hover-clr: var(--menu-item-hover-clr); 811 812 813 /* ======================== 814 MENU ITEMS 815 ======================== */ 816 /* DEFAULT STATE */ 817 --menu-item-clr: #000; 818 --menu-item-font-size: 14px; 819 --menu-item-font-weight: 500; 820 --menu-item-bg: initial; 821 822 /* HOVER STATE */ 823 --menu-item-hover-clr: var(--primary-clr); 824 --menu-item-hover-bg: initial; 825 --menu-item-hover-border-bg: var(--menu-item-active-border-bg); 826 --menu-item-hover-border-height: var(--menu-item-active-border-height); 827 828 /* ACTIVE STATE 829 (to exclude a link from this style, 830 add .dwc-exclude to its container)*/ 831 --menu-item-active-clr: var(--menu-item-hover-clr); 832 --menu-item-active-bg: initial; 833 --menu-item-active-border-bg: var(--primary-clr); 834 --menu-item-active-border-height: 2px; 835 836 /* PADDING | GAP */ 837 --menu-item-inline-padding: 1.1rem; 838 --menu-item-block-padding: 1rem; 839 --menu-items-gap: 0; 840 841 /* BORDERS | RADIUS */ 842 --menu-item-border: 1px solid rgba(0, 0, 0, 0.1); 843 --menu-item-radius: 0; 844 845 /* CHEVRON (dropdown arrow) */ 846 --chevron-size: 14px; 847 --chevron-clr: var(--menu-item-clr); 848 --chevron-hover-clr: var(--menu-item-hover-clr); 849 850 851 /* ======================== 852 MULTILEVEL DROPDOWN LINKS 853 ======================== */ 854 /* DEFAULT STATE */ 855 --dropdown-item-clr: var(--menu-item-clr); 856 --dropdown-item-font-size: var(--menu-item-font-size); 857 --dropdown-item-bg: initial; 858 --dropdown-indent-bg: rgb(0 0 0 / 5%); 859 --dropdown-heading-clr: var(--primary-clr); 860 861 /* HOVER STATE */ 862 --dropdown-item-hover-clr: var(--menu-item-hover-clr); 863 --dropdown-item-hover-bg: white; 864 865 /* EXPANDED STATE (PARENT) - mobile */ 866 /* when [data-submenu-reveal="expand"] */ 867 --dropdown-expanded-clr: white; 868 --dropdown-expanded-bg: black; 869 870 /* PADDING | GAP | INDENT */ 871 --dropdown-item-inline-padding: var(--menu-item-inline-padding); 872 --dropdown-item-block-padding: var(--menu-item-block-padding); 873 --dropdown-indent: 0.6rem; 874 --dropdown-indent-item-pad-offset: 0.5; 875 --dropdown-indent-line: solid 1px rgb(0 0 0 / 25%); 876 877 /* RADIUS */ 878 --dropdown-item-radius: var(--dropdown-content-border-radius); 879 880 /* OTHERS */ 881 --dropdown-inactive-overlay: rgb(0 0 0 / 10%); 882 883 884 /* ======================== 885 MENU CTA BUTTON (ALL BUTTONS) 886 ======================== */ 887 /* all cta buttons max width on mobile */ 888 --cta-width: 100%; 889 890 /* gap offset between 2 or 3 cta buttons on mobile/offcanvas/sidebar*/ 891 --cta-gap-offset: 0; 892 893 /* gap between breakout cta and menu toggle on mobile */ 894 --cta-breakout-gap: 20px; 895 896 897 /* ======================== 898 MENU CTA BUTTON (LAST BUTTON) 899 ======================== */ 900 /* DEFAULT STATE */ 901 --menu-cta-clr: white; 902 --menu-cta-bg: var(--primary); 903 --menu-cta-inline-padding: calc(var(--menu-item-inline-padding) * 1.3); 904 --menu-cta-block-padding: var(--menu-item-block-padding); 905 --menu-cta-border: none; 906 --menu-cta-radius: 5rem; 907 908 /* HOVER STATE */ 909 --menu-cta-hover-clr: white; 910 --menu-cta-hover-bg: var(--primary-semi-light); 911 912 913 /* ======================== 914 MENU CTA BUTTON (SECOND BUTTON) 915 ======================== */ 916 /* DEFAULT STATE */ 917 --menu-cta-2-clr: white; 918 --menu-cta-2-bg: black; 919 --menu-cta-2-inline-padding: var(--menu-cta-inline-padding); 920 --menu-cta-2-block-padding: var(--menu-cta-block-padding); 921 --menu-cta-2-border: var(--menu-cta-border); 922 --menu-cta-2-radius: var(--menu-cta-radius); 923 924 /* HOVER STATE */ 925 --menu-cta-2-hover-clr: white; 926 --menu-cta-2-hover-bg: var(--primary-clr); 927 928 929 /* ======================== 930 MENU CTA BUTTON (THIRD BUTTON) 931 ======================== */ 932 /* DEFAULT STATE */ 933 --menu-cta-3-clr: white; 934 --menu-cta-3-bg: black; 935 --menu-cta-3-inline-padding: var(--menu-cta-inline-padding); 936 --menu-cta-3-block-padding: var(--menu-cta-block-padding); 937 --menu-cta-3-border: var(--menu-cta-border); 938 --menu-cta-3-radius: var(--menu-cta-radius); 939 940 /* HOVER STATE */ 941 --menu-cta-3-hover-clr: white; 942 --menu-cta-3-hover-bg: var(--primary-clr); 943 944 945 /* ======================== 946 MENU TOGGLE - Hamburger additional settings 947 ======================== */ 948 --open-icon-size: 30px; 949 --open-icon-line-height: 3px; 950 --icon-line-gap: 0.7em; /* gap between the lines*/ 951 --open-icon-line-variance: 9px; /* line width variation, e.g. 0 = same width*/ 952 --open-icon-align: 0; /* 0 = right | auto = left */ 953 --open-icon-horizontal-offset: 0px; /* nudge icon left or right from edge of screen*/ 954 --open-icon-close-offset: 1.2; /* nudge icon left or right when close icon is active */ 955 956 957 /* ====================================== 958 ADAPTIVE HEIGHT/ STRIPE BG COLOR/BORDER 959 ========================================= */ 960 --adaptive-height-bg: #fff; 961 --adaptive-height-border: 1px solid #fff; 962 --adaptive-height-shadow: 0 0 30px rgb(39 50 59 / 10%); 963 964 965 /* ======================== 966 STRIPE - when [data-optimize-stripe="true"] 967 ======================== */ 968 --stripe-border-radius: 10px; 969 970 971 /* ======================== 972 MOBILE/OFFCANVAS MENU 973 ======================== */ 974 --mobile-menu-ttf: cubic-bezier(0.8, 0.07, 0.2, 0.95); 975 /* Transition timing function */ 976 977 978 /* ================= 979 OVERLAY HEADER 980 ================== */ 981 --overlay-header-width: 1400px; 982 --overlay-header-inset: 1rem; 983 --overlay-header-bg: rgb(255 255 255 / 100%); 984 --overlay-header-bg-active: rgb(255 255 255 / 100%); 985 --overlay-header-blur: 10px; 986 --overlay-header-radius: 1rem; 987 --overlay-header-shadow: 0px 2px 20px rgb(0 0 0 / 20%); 988 --overlay-offset-padding: clamp(5rem, 1.875rem + 12.5vw, 11.25rem); 989 990 991 /* ======================== 992 BACK TEXT 993 ======================== */ 994 --back-text-clr: var(--menu-item-clr); 995 --back-text-font-size: 12px;
996 --back-text-font-weight: 600; 997 --back-text-transform: uppercase; 998 --back-text-bg: var(--mobile-menu-topbar-bg); 999 1000 1001 /* ======================== 1002 SIDEBAR NAV - OVERLAY MODE 1003 ======================== */ 1004 --overlay-sidebar-radius: 1rem; 1005 --overlay-sidebar-bg: rgb(255 255 255 / 80%); 1006 --overlay-sidebar-shadow: 0 0 30px rgb(39 50 59 / 10%); 1007 --overlay-sidebar-inset: 12px; 1008 1009 1010 /* ======== DO NOT EDIT THIS VARIABLES! ======== */ 1011 --iw: calc(var(--open-icon-size) - var(--open-icon-line-variance)); 1012 --aw: calc(var(--iw) - var(--open-icon-line-variance)); 1013 --caret-size: calc(var(--dropdown-content-gap) + var(--dropdown-content-border-size)); 1014 --dropdown-content-border: solid var(--dropdown-content-border-color) var(--dropdown-content-border-size); 1015} 1016 1017 1018/* SIDEBAR BACK TEXT BAR HEIGHT WHEN BACK TEXT OVERLAYS LOGO */ 1019#brx-header:has([data-sidebar-back-text-on-logo="true"]) { 1020 --top-offset: var(--mobile-menu-top-height); 1021} 1022 1023 1024/* ======================== 1025 STICKY HEADER STYLES 1026add variables to modify for sticky header 1027 ======================== */ 1028.brx-sticky.scrolling { 1029 /* add your sticky styles variable here */ 1030} 1031 1032/* ======================== 1033DROPDOWN ITEM IS BUTTON OR ICON 1034======================== */ 1035 1036[data-is-button]>.brx-submenu-toggle { 1037 --menu-item-bg: black; 1038 --menu-item-clr: white; 1039 --menu-item-hover-clr: white; 1040 --menu-item-hover-bg: black; 1041 --menu-item-radius: 50vw; 1042 --menu-item-hover-border-height: 0; 1043 --chevron-size: 0; 1044 --chevron-color: white; 1045 --menu-item-inline-padding: 1.5rem; 1046 --menu-item-block-padding: 1rem; 1047 /* mobile only*/ 1048 --menu-item-width: 200px; 1049 --menu-item-border: solid 1px transparent; 1050 --menu-item-hover-border: solid 1px transparent; 1051 1052} 1053 1054[data-is-icon]>.brx-submenu-toggle { 1055 --menu-item-bg: black; 1056 --menu-item-clr: white; 1057 --menu-item-hover-clr: white; 1058 --menu-item-hover-bg: black; 1059 --icon-clr: white; 1060 --icon-hover-clr: white; 1061 --icon-size: 14px; 1062 --menu-item-inline-padding: 1.1rem; 1063 --button-max-diameter: 45px; 1064 --menu-item-radius: 50vw; 1065 --menu-item-border: solid 1px transparent; 1066 --menu-item-hover-border: solid 1px transparent; 1067} 1068 1069/* ========== NAV STYLES END ============== */ 1070 1071 1072 1073/* ======= STICKY HEADER WITH OVERLAY SPECIAL STYLES ===== */ 1074/*===== this styles only apply when the header div attribute [data-sticky-overlay-special-style] 1075attribute is set to true, and sticky header is enabled =====*/ 1076 1077/* SVG STYLES BEFORE SCROLLING - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */ 1078html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) .dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) :is(path, .cls-1):not(:is(.brx-submenu-toggle path)) { 1079 fill: white; 1080} 1081 1082/* BRICKS SEARCH ICON STYLES BEFORE SCROLLING - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */ 1083html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) 1084.dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) :is(.brxe-search path,.brxe-search circle) { 1085 stroke: white; 1086} 1087 1088 1089/* STYLES BEFORE SCROLLING - REVERTS TO INITIAL VALUES WHEN DROPDOWN IS OPEN */ 1090html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) .dwc-nest-header:not(:has(.brxe-dropdown.open, .brx-nav-nested-items > li:hover)) { 1091 --menu-item-clr: white; 1092 --chevron-clr: white; 1093 --menu-item-hover-clr: white; 1094 --menu-item-hover-border-bg: white; 1095 --overlay-header-bg: transparent; 1096 --header-bg: transparent; 1097 --overlay-header-shadow: none; 1098} 1099 1100/* STYLES BEFORE SCROLLING */ 1101html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky:not(.scrolling) { 1102 --link-transition: 0s; 1103 --transition: 0.2s; 1104} 1105 1106 1107/* STYLES WHEN SCROLLING */ 1108html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky.scrolling { 1109 --overlay-header-bg: white; 1110 --header-bg: white; 1111} 1112 1113/* STYLES WHEN SCROLLING :HOVER*/ 1114html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky.scrolling .dwc-nest-header:has(.brxe-dropdown.open) { 1115 /* add and update variable here */ 1116 1117} 1118 1119 1120/* DEFAULT STYLES FOR OVERLAY HEADER */ 1121html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend .brx-sticky { 1122 --menu-item-hover-bg: initial; 1123 --menu-item-bg: initial; 1124 --overlay-header-inset: 0; 1125 --overlay-header-width: 100%; 1126 --overlay-header-radius: 0; 1127} 1128 1129/* RESET STICKY HEADER TRANSITION*/ 1130html:not(.dwc-mobile):has([data-sticky-overlay-special-style="true"]) .bricks-is-frontend #brx-header.brx-sticky .dwc-nest-header { 1131 transition: var(--transition); 1132} 1133 1134 1135/* ======= END STICKY HEADER WITH OVERLAY SPECIAL STYLES ===== */ 1136 1137 1138 1139/* ======== CHANGE postid-xxxx TO THIS TEMPLATE'S ID ========= */ 1140
1141/*hide sidebar in builder */ 1142:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header:not(.postid-23338 *, :has(.dwc-sidebar) *) { 1143 display: none !important; 1144} 1145 1146[data-builder-window] #brx-header:has([data-offcanvas="true"]):not(.postid-23338 *, :has(.dwc-sidebar) *) :is(.dwc-nav-wrapper, .dwc-nest-menu) { 1147 display: none !important; 1148} 1149 1150 1151:is(.brx-header-left, .brx-header-right)[data-builder-window] :is(#brx-content, #brx-footer):not(.postid-23338 *, :has(.dwc-sidebar) *) { 1152 margin: unset !important; 1153} 1154 1155[data-builder-mode]:is(.brx-header-left, .brx-header-right).postid-23338::before { 1156 display: none 1157} 1158 1159 1160</style>
1160<script>const MegaMenuCONFIG = { 1161 // Minimum width threshold for desktop behavior, 1162 // should be 1px larger than mobile (max-width) breakpoint in the "MEDIA QUERY" CSS code block 1163 //IMPORTANT: Also change min-width in the "MEGA MENU Codes" CSS code block to match this value 1164 minWidth: 1201, 1165 1166 // automatically open the current menu panel/dropdown (mobile, offcanvas & sidebar) 1167 menuAutoExpansion: true, 1168 1169 swipeToClose: true, 1170 1171 // show or hide swipe to close hint 1172 toolTip: true, 1173 1174 // adaptive height animation 1175 adaptiveHeight: 1, 1176 1177 // Stripe menu animation 1178 stripeStyle: 0, 1179 1180 headerSelector: '#brx-header', 1181 nestMenuSelector: '.dwc-nest-menu', 1182 1183 closeNavOnClick: 1, 1184 closeOnHashClickOnly: 0, 1185 closeOnMobileOnly: 0, // Set to false to enable close on both mobile and desktop 1186 // Selectors (e.g. .class-name, #id_name, tag-name, .complex > selectors etc.) that should NOT close the navigation when clicked 1187 // Separate multiple selectors with a comma e.g. '.class-one, #id_one, tag' 1188 closeNavOnClickExclude: '.js-wpml-ls-item-toggle', 1189 1190 breakinToNavList: 1, /*mobile only - places the breakin container as an li isnide the nav list (see docs for more info) */ 1191 1192 // New properties for dropdown positioning 1193 shiftFactor: 1, // Factor to shift overflow 1194 minOverflow: 10, // Minimum overflow threshold 1195 reinitializeOnURLchange: true, //when using page transition API 1196 1197 //move backdrop overlay element Inside header 1198 //placing it inside header will allow backdrop overlay/blur to affect header, but won't work when data-overlay-header is enabled. 1199 overlayInsideHeader:0 1200 1201}; 1202 1203// Centered Logo Configuration 1204const CenteredLogoCONFIG = { 1205 enable: 0, 1206 centerGuide: 1, 1207 forceCenteredLogo: 1, 1208 // move the navigation left 1209 // or right using negative or positive value 1210 centerNudge: 0, 1211 // allow centered logo when no. of 1212 // menu items are odd e.g. 5 or 7 1213 allowOddItems: 1, 1214 // place logo 'before' or 'after' the odd menu item 1215 roundOffFactor: 'before' 1216};</script>
1216<div id="brxe-hyjyza" data-script-id="hyjyza" class="brxe-code" data-stylesheet><style>/* DO NOT ADD ANY CODE IN THIS CODE BLOCK */ 1217 1218/*MOBILE MENU/OFFCANVAS/SIDEBAR STYLES*/ 1219 1220 1221 1222 1223@media only screen and (max-width: 1200px) { 1224 1225 .bricks-is-frontend .dwc-nav-wrapper:not(.show-nav .dwc-nav-wrapper){ 1226 display: none; 1227} 1228 1229[data-breakinto].dwc-tabbed-nav-container:not(.brxe-dropdown .dwc-tabbed-nav-container){ 1230 display: none; 1231 } 1232 1233 1234 .desktop-centered header:has([data-fix-centered-logo-fouc="true"]) { 1235 opacity: 0; 1236 } 1237 1238 .dwc-nest-menu__logo[data-breakout-link] { 1239 margin-inline-end: auto 1240 } 1241 1242 /*mobile logo*/ 1243 .dwc-nest-menu__mobile-logo> :is(svg, img) { 1244 block-size: 100%; 1245 inline-size: auto; 1246 } 1247 1248 .dwc-nest-menu__mobile-logo:not([data-show-mobile-logo="true"] .dwc-nest-menu__mobile-logo) { 1249 display: none; 1250 } 1251 1252 1253 [data-sidebar-back-text-on-logo="true"] .dwc-nest-menu__mobile-logo { 1254 --dwc-nest-header-height: var(--mobile-menu-top-height); 1255 } 1256 1257 /*special mobile menu styles for overlay header UPDATED */ 1258 1259 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1260 transform: translateY(-100%); 1261 } 1262 1263 1264 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"].brx-open .brx-nav-nested-items { 1265 transform: translateY(0%); 1266 } 1267 1268 /* .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1269 transition: 0.45s; 1270 transition-timing-function: var(--mobile-menu-ttf); 1271 inset-block-start: calc(min(var(--overlay-header-radius), 2em) * -1); 1272 } */ 1273 1274 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1275 transition: 0.45s; 1276 transition-timing-function: var(--mobile-menu-ttf); 1277 inset-block-start: calc(var(--dwc-nest-header-height) * -1); 1278} 1279 1280 1281 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-submenu-reveal="expand"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1282 /* inset-block-start: calc(var(--dwc-nest-header-height) / -2); */ 1283 /* inset-block-start: -40px;*/ 1284 } 1285 1286 1287 /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1288 --mobile-menu-width: 100% !important; 1289 inline-size: var(--mobile-menu-width); 1290 border-bottom-left-radius: min(var(--mobile-menu-radius), 2em); 1291 border-bottom-right-radius: min(var(--mobile-menu-radius), 2em); 1292 padding-block-start: 40px; 1293 overflow-x: hidden; 1294 } */ 1295 1296 1297 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 1298 --mobile-menu-width: 100% !important; 1299 inline-size: var(--mobile-menu-width); 1300 border-bottom-left-radius: min(var(--mobile-menu-radius), 2em); 1301 border-bottom-right-radius: min(var(--mobile-menu-radius), 2em); 1302 padding-block-start: calc(var(--dwc-nest-header-height) + 0px); 1303 overflow-x: hidden; 1304} 1305 1306 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"]:not([data-submenu-reveal="expand"]) .brx-nav-nested-items { 1307 overflow-y:hidden; 1308 } 1309 1310 1311 1312 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="expand"] .brx-nav-nested-items { 1313 max-block-size: fit-content; 1314 } 1315 1316 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-sli
1316de-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper { 1317 transform: translateY(0%); 1318 border-radius: min(var(--overlay-header-radius), 2em); 1319 overflow: hidden !important; 1320 inset-block-start: var(--overlay-header-inset); 1321 1322 } 1323 1324 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"].brx-open .dwc-nav-wrapper { 1325 transform: translateY(0%); 1326 } 1327 1328 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] :is(.dwc-nav-wrapper) { 1329 --mobile-menu-width: min(calc(100% - (var(--overlay-header-inset) * 2)), 100%) !important; 1330 inline-size: var(--mobile-menu-width) !important; 1331 inset-inline-end: var(--overlay-header-inset) !important; 1332 block-size: calc(100dvb - (var(--overlay-header-inset) * 2)); 1333 } 1334 1335 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu.brxe-nav-nested[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) { 1336 min-block-size: 0; 1337 } 1338 1339 1340 .dwc-mobile [data-overlay-header-mobile="true"].dwc-nest-header:has(.dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"]) { 1341 padding-inline: initial 1342 } 1343 1344 1345 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nest-menu-top { 1346 border-block-end: initial; 1347 min-block-size: var(--dwc-header-div-height); 1348 } 1349 1350 1351 1352 1353 /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul, :has(.dwc-tabbed-nav-list__li.active)) { 1354 1355 inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px))) !important; 1356 padding-block-start: 50px; 1357 } */ 1358 1359 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul, :has(.dwc-tabbed-nav-list__li.active)) { 1360 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important; 1361 padding-block-start: 50px; 1362} 1363 1364 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)), .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)) { 1365 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important; 1366 padding-block-start: 50px; 1367} 1368 1369 1370 /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)), 1371 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, :has(.dwc-tabbed-nav-list__li.active)) { 1372 1373 inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px))) !important; 1374 padding-block-start: 50px; 1375 } */ 1376 1377 .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-sli
1377de-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button), .bricks-is-frontend [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) { 1378 inset-block-start: calc(max(var(--dwc-nest-header-height) - var(--dwc-header-div-height), var(--dwc-header-div-height))); 1379 1380} 1381 1382 1383 /* .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) { 1384 z-index: 9999; 1385 min-inline-size: 100%; 1386 min-block-size: 50px; 1387 1388 inset-block-start: min(calc(var(--overlay-header-radius) + var(--wp-admin--admin-bar--height, 0px)), calc(2em + var(--wp-admin--admin-bar--height, 0px))); 1389 } */ 1390 1391 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) { 1392 z-index: 9999; 1393 min-inline-size: 100%; 1394 min-block-size: 50px; 1395 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important; 1396} 1397 1398.dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle>button:not([data-submenu-reveal="expand"] button) { 1399 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)) !important; 1400} 1401 1402 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 1403 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content { 1404 min-block-size: 100%; 1405 } 1406 1407 .dwc-mobile [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{ 1408 min-inline-size: 0px !important; 1409} 1410 1411 1412 1413 .dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"][data-submenu-reveal="slide"] .brxe-dropdown.brx-has-megamenu:not(:is([data-submenu-reveal="expand"])) .brx-dropdown-content:not([data-submenu-reveal="expand"] .brx-dropdown-content)>li { 1414 padding-block-end: 40px; 1415 } 1416 1417 .dwc-mobile .dwc-nest-header[data-overlay-header-mobile="true"]>div { 1418 padding-inline: var(--menu-item-inline-padding); 1419 border-radius: var(--overlay-header-radius); 1420 } 1421 1422 1423 1424 1425 1426 1427 1428 /* special style UPDATED ends*/ 1429 1430 1431 1432 /* .dwc-nest-menu .brx-nav-nested-items { 1433 inline-size: var(--mobile-menu-width); 1434 } 1435*/ 1436 /* unset default values */ 1437 1438 [data-offcanvas="true"] .open:has(.open) .brx-dropdown-content::before { 1439 display: none !important; 1440 } 1441 1442 [data-offcanvas="true"] .brx-nav-nested-items { 1443 flex-wrap: nowrap; 1444 } 1445 1446 .dwc-nest-menu .brx-nav-nested-items { 1447 gap: 0; 1448 } 1449 1450 1451 .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) { 1452 display: flex; 1453 visibility: hidden; 1454 } 1455 1456 [data-overlay-header="true"] .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content), 1457 .dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.open) .brx-dropdown-content:not([data-builder-mode] .brx-dropdown-content) { 1458 min-inline-size: 0 !important; 1459 } 1460 1461 .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown>.brx-dropdown-content { 1462 overflow-y: auto; 1463 } 1464 1465 .dwc-nest-menu .brx-nav-nested-items { 1466 flex-direction: column !important; 1467 flex-wrap: nowrap; 1468 1469 } 1470 1471 .dwc-nest-toggle--open.brxe-toggle { 1472 display: flex !important; 1473 place-items: center; 1474 } 1475 1476 .dwc-nest-menu .brx-nav-nested-items { 1477 position: relative !Important; 1478 background: var(--mobile-menu-bg) !important; 1479 align-items: stretch; 1480 } 1481 1482 .dwc-nest-header:not([data-overlay-header-mobile="true"]:has([data-sli
1482de-in-direction="top"])) .dwc-nest-menu .brx-nav-nested-items { 1483 flex-grow: 1; 1484 } 1485 1486 [data-overlay-header-mobile="true"] .dwc-nest-menu.dwc-nest-menu[data-submenu-reveal="slide"] .brx-nav-nested-items:has(li.open.active) { 1487 flex-grow: 1; 1488 } 1489 1490 1491 1492 1493 1494 .dwc-nest-menu .brx-nav-nested-items:not(.brx-open .brx-nav-nested-items) { 1495 transform: unset 1496 } 1497 1498 .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content { 1499 transform: translateZ(0); 1500 transform: unset; 1501 } 1502 1503 .dwc-nest-menu.brxe-nav-nested.brx-closing .brx-nav-nested-items { 1504 opacity: unset !important; 1505 visibility: unset !important; 1506 } 1507 1508 .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 1509 overflow-y: auto; 1510 scrollbar-width: none; 1511 justify-content: flex-start !important; 1512 } 1513 1514 1515 /* set new values */ 1516 1517 .dwc-nav-wrapper { 1518 position: fixed; 1519 inset-block: 0; 1520 inset-inline-end: 0; 1521 transform: translateX(100%); 1522 background-color: var(--mobile-menu-bg); 1523 transition: 0.45s; 1524 transition-timing-function: var(--mobile-menu-ttf); 1525 z-index: 1; 1526 flex-wrap: nowrap; 1527 inline-size: var(--mobile-menu-width); 1528 visibility: hidden; 1529 } 1530 1531 1532 1533 .brx-open .dwc-nav-wrapper { 1534 transform: translateX(0%); 1535 visibility: visible; 1536 } 1537 1538 1539 1540 .dwc-nest-menu-top { 1541 background-color: var(--mobile-menu-topbar-bg); 1542 border-block-end: var(--menu-item-border); 1543 min-block-size: var(--dwc-nest-header-height); 1544 display: flex; 1545 flex-direction: row; 1546 align-items: center; 1547 } 1548 1549 1550 1551 .dwc-nest-menu .brxe-dropdown.brx-has-megamenu, 1552 .dwc-nest-menu .menu-item>a { 1553 border-block-end: var(--menu-item-border); 1554 } 1555 1556 .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu):not(.open, :has(.open)), 1557 .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu)>.brxe-dropdown:not(.open, :has(.open)) { 1558 border-block-end: var(--menu-item-border); 1559 } 1560 1561 1562 1563 /* MENU CTA (LAST BUTTON) */ 1564 1565 :is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:last-of-type, 1566 :is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2), 1567 [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3) { 1568 padding-inline: var(--menu-item-inline-padding) !important; 1569 padding-block: var(--menu-item-block-padding) !important; 1570 inline-size: 100%; 1571 margin-inline: auto; 1572 max-inline-size: var(--cta-width); 1573 } 1574 1575 [data-last-item-is-button="true-2"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2)+li { 1576 padding-block-start: var(--cta-gap-offset) !important 1577 } 1578 1579 [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3)+li { 1580 padding-block-start: var(--cta-gap-offset) !important 1581 } 1582 1583 1584 :is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:last-of-type a, 1585 :is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+2) a, 1586 [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items>.menu-item:nth-last-of-type(-n+3) a { 1587 justify-content: center; 1588 } 1589 1590 1591 1592 /* MOBILE MENU SLIDE IN DIRECTION */ 1593 .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper { 1594 transform: translateX(-100%); 1595 inset-inline-start: 0; 1596 overflow: hidden; 1597 } 1598 1599 /* RTL */ 1600 [dir="rtl"] .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper { 1601 inset-inline-start: initial; 1602 inset-inline-end: 0; 1603 } 1604 1605 [dir="rtl"] .bricks-is-frontend [data-slide-in-direction="left"] .dwc-nav-wrapper { 1606 inset-inline-start: initial; 1607 inset-inline-end: 0; 1608 } 1609 1610 [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"][data-sli
1610de-in-direction="left"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button), 1611 1612 [dir="rtl"] .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left"] [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) { 1613 inset-inline-start: initial; 1614 inset-inline-end: 0; 1615 justify-content: flex-end; 1616 } 1617 1618 1619 1620 1621 .bricks-is-frontend [data-slide-in-direction="left"].brx-open .dwc-nav-wrapper { 1622 transform: translateX(0); 1623 } 1624 1625 /* SLIDE IN TOP */ 1626 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"].brx-open .dwc-nav-wrapper, 1627 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left top"].brx-open .dwc-nav-wrapper { 1628 transform: translateY(0%); 1629 } 1630 1631 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"] .dwc-nav-wrapper, 1632 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left top"] .dwc-nav-wrapper { 1633 transform: translateY(-100%); 1634 } 1635 1636 /* SLIDE IN BOTTOM */ 1637 1638 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="bottom"].brx-open .dwc-nav-wrapper, 1639 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left bottom"].brx-open .dwc-nav-wrapper { 1640 transform: translateY(0%); 1641 } 1642 1643 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="bottom"] .dwc-nav-wrapper, 1644 .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="left bottom"] .dwc-nav-wrapper { 1645 transform: translateY(100%); 1646 } 1647 1648 .bricks-is-frontend [data-slide-in-direction="left bottom"] .dwc-nav-wrapper, 1649 .bricks-is-frontend [data-slide-in-direction="left top"] .dwc-nav-wrapper { 1650 inset-inline-start: 0; 1651 overflow: hidden; 1652 } 1653 1654 1655 .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar-track, 1656 .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar-track { 1657 border-radius: 50vw; 1658 background-color: transparent; 1659 } 1660 1661 .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar, 1662 .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar {
1663 inline-size: 0px; 1664 background-color: transparent; 1665 } 1666 1667 .dwc-nest-menu.brxe-nav-nested .brxe-dropdown>.brx-dropdown-content::-webkit-scrollbar-thumb, 1668 .dwc-nest-menu .brx-nav-nested-items::-webkit-scrollbar-thumb { 1669 border-radius: 50vw; 1670 background-color: #55565d; 1671 } 1672 1673 /* SCROLLBARS END */ 1674 1675 1676 1677 /* SLIDE IN DIRECTION - DROPDOWN ITEMS*/ 1678 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"])) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 1679 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content { 1680 max-block-size: unset; 1681 position: absolute !important; 1682 opacity: 1; 1683 transition-duration: 0.45s !important; 1684 transition-timing-function: var(--mobile-menu-ttf); 1685 padding-block-end: 50px; 1686 } 1687 1688 .bricks-is-frontend .dwc-nest-menu [data-submenu-reveal="expand"].brx-has-megamenu>ul { 1689 position: static !important; 1690 padding-block-end: 0 !important; 1691 transition: 0.3s ease-in-out !important; 1692 } 1693 1694 1695 1696 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 1697 inset: 0 !important; 1698 transform: translateX(100%); 1699 transition-property: opacity, transform, visibility; 1700 min-block-size: calc(100dvb - var(--dwc-nest-header-height)); 1701 position: fixed !important; 1702 } 1703 1704 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) { 1705 inset-block-start: var(--dwc-nest-header-height) !important; 1706 } 1707 1708 .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul), 1709 .bricks-is-frontend.brx-header-left [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 1710 transform: translateX(-100%); 1711 } 1712 1713 .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"], [data-submenu-reveal="slide"]).dwc-nest-menu.brx-open .brx-has-megamenu.brxe-dropdown.open>.brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 1714 transform: translateX(0) !important; 1715 } 1716 1717 html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"], [data-submenu-reveal="slide"]).dwc-nest-menu .brx-has-megamenu.brxe-dropdown.open>.brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 1718 transform: translateX(0) !important; 1719 visibility: visible; 1720 } 1721 1722 /* SLIDE IN - mult-level DROPDOWN ITEMS*/ 1723 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 1724 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content { 1725 inset-block: 0 !important; 1726 inline-size: 100%; 1727 transition-property: inset-inline-start, visibility, opacity; 1728 inset-inline-start: 100% !important; 1729 min-block-size: 100dvb; 1730 position: fixed !important; 1731 } 1732 1733 .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, .open, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content),
1734 .bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content), 1735 .bricks-is-frontend.brx-header-left [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content:not([dir="rtl"] .brx-dropdown-content) { 1736 inset-inline-start: -100% !important; 1737 } 1738 1739 /* RTL */ 1740 [dir="rtl"] .brx-header-right.bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content, 1741 [dir="rtl"] .brx-header-right.bricks-is-frontend .dwc-nest-menu:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content, 1742 [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content, 1743 [dir="rtl"] .bricks-is-frontend .dwc-nest-menu:not([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content { 1744 inset-inline-start: -100% !important; 1745 } 1746 1747 [dir="rtl"] .brx-header-left.bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"])[data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content, 1748 [dir="rtl"] .brx-header-left.bricks-is-frontend :is([data-slide-in-direction="left"], [data-slide-in-direction="left bottom"], [data-slide-in-direction="left top"]) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content, 1749 [dir="rtl"] .brx-header-left.bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"], .open) .brx-dropdown-content { 1750 inset-inline-start: 100% !important; 1751 } 1752 1753 1754 1755 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu, [data-submenu-reveal="expand"]) .brx-dropdown-content:not([data-hide-close-bar="true"] ul), 1756 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul) { 1757 inset-block-start: var(--dwc-nest-header-height) !important; 1758 } 1759 1760 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 1761 .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 1762 .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 1763 inset-inline-start: 0 !important; 1764 } 1765 1766 html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-nav-nested .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 1767 html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 1768 html:not(.dwc-mobile) .bricks-is-frontend:is(.brx-header-left, .brx-header-right) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 1769 inset-inline-start: 0 !important; 1770 visibility: visible; 1771 } 1772 1773 .bricks-is-frontend .dwc-nest-menu .brxe-dropdown { 1774 position: static; 1775 } 1776 1777 1778 .bricks-is-frontend [data-submenu-reveal="slide"] .brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg) { 1779 transform: rotate(270deg) 1780 } 1781 1782 1783 /* EXPAND - mult-level DROPDOWN ITEMS*/ 1784 .bricks-is-frontend .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>li, 1785 .bricks-is-frontend .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>.brxe-dropdown .brx-dropdown-content>li, 1786 .bricks-is-frontend .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content>.menu-item:not([data-submenu-reveal="slide"] li) { 1787 transform: translateY(-100px); 1788 opacity: 0; 1789 transition: transform 0s, opacity 0s 1790 } 1791 1792 .bricks-is-frontend .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>li, 1793 .bricks-is-frontend .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>.brxe-dropdown.open .brx-dropdown-content>li, 1794 .bricks-is-frontend .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu).open>.brx-dropdown-content>.menu-item { 1795 transform: translateY(0); 1796 opacity: 1 !important; 1797 transition: transform 0.4s, opacity 0.4s 1798 } 1799 1800 /* MOBILE LOGO */ 1801 .dwc-nest-menu:not([data-submenu-reveal="expand"]):has(.brxe-dropdown.open) .dwc-nest-menu__mobile-logo { 1802 opacity: 0; 1803 transition: 0s; 1804 } 1805 1806 .dwc-nest-menu__mobile-logo { 1807 opacity: 1; 1808 transition: opacity 0.45s 0.15s var(--mobile-menu-ttf); 1809 } 1810 1811 .dwc-nest-menu__mobile-logo:not(.brx-header-left *, .brx-header-right *) {
1812 block-size: var(--dwc-nest-header-height); 1813 max-block-size: var(--dwc-header-div-height); 1814 } 1815 1816 .brx-header-left .dwc-nest-menu__mobile-logo, 1817 .brx-header-right .dwc-nest-menu__mobile-logo { 1818 min-block-size: var(--top-offset); 1819 } 1820 1821 :where(.brx-header-left, .brx-header-right) #brx-header:has([data-sidebar-back-text-on-logo="true"]) .dwc-nest-menu__logo { 1822 display: none; 1823 } 1824 1825 :where(.brx-header-left, .brx-header-right) #brx-header:has([data-sidebar-back-text-on-logo="true"]) .dwc-nest-menu__mobile-logo { 1826 display: flex; 1827 } 1828 1829 /* DROPDOWN INDENT */ 1830 1831 1832 .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] .brx-dropdown-content), 1833 .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu) .brx-dropdown-content { 1834 padding-inline-start: var(--dropdown-indent) !important; 1835 padding-inline-end: calc(var(--dropdown-indent) * 0) !important; 1836 border-left: var(--dropdown-indent-line); 1837 background-color: var(--dropdown-indent-bg); 1838 min-inline-size: 0px !important; 1839 } 1840 1841 1842 .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu)>.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *)>*> :is(a, .brx-submenu-toggle), 1843 .dwc-nest-menu .brxe-dropdown[data-submenu-reveal="expand"]:not(.brx-has-megamenu)>.brx-dropdown-content>*> :is(a, .brx-submenu-toggle) { 1844 padding-inline-start: calc(var(--dropdown-item-inline-padding) * var(--dropdown-indent-item-pad-offset)) !important; 1845 } 1846 1847 1848 .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle, 1849 .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle { 1850 background-color: var(--dropdown-expanded-bg); 1851 color: var(--dropdown-expanded-clr); 1852 } 1853 1854 .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle svg, 1855 .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle svg { 1856 color: var(--dropdown-expanded-clr) !important; 1857 } 1858 1859 1860 /* BACK BUTTON POSITIONING */ 1861 .bricks-is-frontend [data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button), 1862 .bricks-is-frontend [data-submenu-reveal="slide"].open.active>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) { 1863 min-inline-size: 100%; 1864 position: fixed; 1865 inset-block-start: calc(var(--dwc-nest-header-height) - var(--dwc-header-div-height)); 1866 transform: translateY(0%) !important; 1867 inset-inline-start: 0; 1868 padding-inline-start: var(--menu-item-inline-padding); 1869 color: var(--back-text-clr); 1870 text-transform: var(--back-text-transform); 1871 letter-spacing: 1px; 1872 z-index: 1000; 1873 font-size: var(--back-text-font-size); 1874 font-weight: var(--back-text-font-weight); 1875 background-color: var(--back-text-bg); 1876 min-block-size: calc(var(--dwc-header-div-height) - 2px); 1877 -webkit-animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both; 1878 animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both; 1879 } 1880 1881 1882 1883 1884 /* BACK BUTTON TEXT, (ATTR SET BY JS) */ 1885 .bricks-is-frontend [data-submenu-reveal="slide"] .open.active>.brx-submenu-toggle button[data-back-text="auto"]:not([data-submenu-reveal="expand"] button, [data-hide-close-bar="true"] button):after, 1886 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button[data-back-text="auto"]:not([data-hide-close-bar="true"] button):after { 1887 content: attr(data-text); 1888 line-height: 1; 1889 } 1890 1891 /* FORCE TO USE 'BACK' AS BACK BUTTON TEXT */ 1892 1893 .bricks-is-frontend .dwc-nest-menu:not([data-submenu-reveal="expand"]) .brxe-dropdown.open:not([data-submenu-reveal="expand"])>.brx-submenu-toggle button:not([data-back-text="auto"])::after { 1894 content: attr(data-back-text) !important; 1895 } 1896 1897 .dwc-nest-menu:not([data-submenu-reveal="expand"]) .brxe-dropdown:not([data-submenu-reveal="expand"]) .brx-submenu-toggle button[aria-expanded] { 1898 transition: unset !important; 1899 } 1900 1901 /* BACK BUTTON CHEVRON ARROW direction */ 1902 .bricks-is-frontend [data-submenu-reveal="slide"] .brxe-dropdown.open>.brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg), 1903 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button svg { 1904 transform: rotate(90deg); 1905 margin-inline-end: 0.5em; 1906 inline-size: 10px; 1907 } 1908 1909 /* RTL */ 1910 [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"] .brxe-dropdown.open:not([data-submenu-reveal="expand"])>.brx-submenu-toggle button svg, 1911 [dir="rtl"] .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-submenu-toggle button svg { 1912 order: 2; 1913 margin-inline-end: initial; 1914 margin-inline-start: 0.5em; 1915 } 1916 1917 1918 1919 1920 /* overlay back button on logo*/ 1921 body:has(.brx-open .open.active:not([data-submenu-reveal="expand"], [data-submenu-reveal="expand"] .open)) [data-mobile-top-trans
1921parent="true"]:not([data-submenu-reveal="expand"], [data-below-header="true"]) .dwc-nest-menu-top { 1922 background-color: var(--mobile-menu-topbar-bg) !important; 1923 -webkit-animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both; 1924 animation: dwc-nest-fade-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both; 1925 } 1926 1927 body:has([data-submenu-reveal="slide"].brxe-dropdown.open, [data-submenu-reveal="slide"] .brxe-dropdown.open:not([data-submenu-reveal="expand"], [data-submenu-reveal="expand"] .open)) [data-mobile-top-transparent="true"] .dwc-nest-menu-top:not([data-below-header="true"] *) { 1928 background-color: var(--mobile-menu-topbar-bg) !important; 1929 } 1930 1931 .dwc-mobile [data-mobile-top-transparent="true"] .dwc-nav-wrapper:not([data-below-header="true"] .dwc-nav-wrapper, [data-show-mobile-logo="true"] .dwc-nav-wrapper, [data-fullscreen-mobile-menu="true"] .dwc-nav-wrapper) { 1932 background-color: transparent !important; 1933 } 1934 1935 1936 .dwc-mobile [data-mobile-top-transparent="true"] .dwc-nest-menu-top:not([data-below-header="true"] *, [data-show-mobile-logo="true"] *, [data-allow-overlay-mobile-opacity="true"][data-overlay-header-mobile="true"] [data-submenu-reveal="expand"][data-slide-in-direction="top"] *) { 1937 background-color: transparent !important; 1938} 1939 1940.dwc-mobile [data-allow-overlay-mobile-opacity="true"][data-overlay-header-mobile="true"] [data-submenu-reveal="expand"][data-slide-in-direction="top"] .dwc-nest-menu-top { 1941 z-index: 9999; 1942 border-radius: var(--overlay-header-radius); 1943 --mobile-menu-topbar-bg: var(--overlay-header-bg); 1944 backdrop-filter: blur(var(--overlay-header-blur)); 1945} 1946 1947 1948 1949 /* MENU BELOW HEADER */ 1950 .bricks-is-frontend [data-below-header="true"].dwc-nest-menu .dwc-nav-wrapper { 1951 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)); 1952 } 1953 1954 [data-below-header="true"] .dwc-nest-menu-top { 1955 min-block-size: var(--top-offset); 1956 } 1957 1958 .bricks-is-frontend [data-below-header="true"] .brxe-dropdown.open>.brx-submenu-toggle button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button) { 1959 min-block-size: calc(var(--top-offset) - 1px); 1960 padding-block: 0 !important; 1961 inset-block-start: 0; 1962 } 1963 1964 1965 .bricks-is-frontend [data-below-header="true"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not([data-hide-close-bar="true"] ul), 1966 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul) { 1967 inset-block-start: calc(var(--top-offset) + 1px) !important; 1968 } 1969 1970 .bricks-is-frontend [data-below-header="true"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) { 1971 inset-block-start: calc(var(--top-offset) + 1px) !important; 1972 } 1973 1974 .dwc-nest-menu[data-below-header="true"] .dwc-nest-menu__mobile-logo { 1975 display: none; 1976 } 1977 1978 1979 1980 /* tooltip */ 1981 1982 .dwc-nest-tooltip:not(.dwc-nav-wrapper:has(.open.active) .dwc-nest-tooltip, .dwc-tabbed-nav-list__li.active ~ .dwc-nest-tooltip) { 1983 opacity: 0 !important; 1984 } 1985 1986 1987 @keyframes slideIn { 1988 0% { 1989 transform: translateX(-100%); 1990 opacity: 0; 1991 } 1992 1993 100% { 1994 transform: translateX(0); 1995 opacity: 1; 1996 } 1997 } 1998 1999 @keyframes fadeOut { 2000 0% { 2001 transform: translateX(0); 2002 opacity: 1; 2003 } 2004 2005 100% { 2006 transform: translateX(50%); 2007 opacity: 0; 2008 } 2009 } 2010 2011 .dwc-nest-tooltip { 2012 animation: slideIn 0.4s ease-in-out both, fadeOut 0.4s ease-in-out 2s both; 2013 text-transform: initial; 2014 } 2015 2016 2017 /* EXPAND DROP DOWN */ 2018 /* EXPAND MEGA MENU DROP DOWN */ 2019 2020 [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content { 2021 display: grid !important; 2022 grid-template-rows: 0fr; 2023 grid-template-columns: 1fr; 2024 transition: 0.3s ease-in-out; 2025 overflow: hidden; 2026 position: static; 2027 visibility: visible; 2028 opacity: 1; 2029 } 2030 2031 [data-submenu-reveal="expand"] .brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content { 2032 grid-template-rows: 1fr; 2033 grid-template-columns: 1fr; 2034 2035 } 2036 2037 [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content> :is(div, li) { 2038 padding-block: 0 !important; 2039 opacity: 0; 2040 transition: opacity 0.3s ease; 2041 } 2042 2043 [data-submenu-reveal="expand"] .brx-has-megamenu .brx-dropdown-content :is(div, li):not([data-submenu-reveal="slide"] *) { 2044 flex-wrap: nowrap !important; 2045 min-block-size: 0 !important; 2046 } 2047 2048 [data-submenu-reveal="expand"] .brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content> :is(div, li) { 2049 opacity: 1; 2050 transition: opacity 0.25s 0.25s ease; 2051 } 2052 2053 /* EXPAND MEGA MENU DROP DOWN -- MODULAR*/ 2054 2055 [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content { 2056 display: grid !important; 2057 grid-template-rows: 0fr; 2058 grid-template-columns: 1fr; 2059 transition: 0.3s ease-in-out; 2060 overflow: hidden; 2061 position: static; 2062 visibility: visible; 2063 opacity: 1; 2064 } 2065 2066 [data-submenu-reveal="expand"].brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content { 2067 grid-template-rows: 1fr; 2068 grid-template-columns: 1fr; 2069 } 2070 2071 [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content> :is(div, li) { 2072 padding-block: 0 !important; 2073 opacity: 0; 2074 transition: opacity 0.3s ease; 2075 } 2076 2077 [data-submenu-reveal="expand"].brx-has-megamenu .brx-dropdown-content :is(div, li) { 2078 flex-wrap: nowrap !important; 2079 min-block-size: 0 !important; 2080 } 2081 2082 [data-submenu-reveal="expand"].brx-has-megamenu.brxe-dropdown.open.active .brx-dropdown-content> :is(div, li) { 2083 opacity: 1; 2084 transition: opacity 0.8s 0.25s ease; 2085 } 2086 2087 /* HIDE TOP CLOSE BAR */ 2088 [data-hide-close-bar='true'] .dwc-nest-menu-top { 2089 display: none; 2090 } 2091 2092 2093 2094 /* hide close button, bring main hamburger to front */ 2095 2096 .dwc-nest-menu .brxe-toggle { 2097 position: relative; 2098 } 2099
2100 [data-mobile-top-transparent="true"]:not(:has(.brxe-dropdown.open)) .brxe-toggle[aria-label="Open Menu"] { 2101 z-index: 9999; 2102 } 2103 2104 [data-show-toggle-always="true"] .brxe-toggle[aria-label="Open Menu"] { 2105 z-index: 9999; 2106 } 2107 2108 /* .dwc-nest-menu:not([data-mobile-top-transparent="true"], [data-below-header="true"]) .brxe-toggle[aria-label="Close Menu"] { 2109 display: grid; 2110 place-items: center; 2111 block-size: 100%; 2112 } */ 2113 2114 .dwc-nest-menu .brx-nav-nested-items>.brxe-dropdown>.brx-dropdown-content { 2115 transform: unset; 2116 } 2117 2118 .dwc-nest-menu .brx-nav-nested-items>.brxe-dropdown.open>.brx-dropdown-content { 2119 transform: unset; 2120 } 2121 2122 .dwc-stripe-style .dwc-nest-header::after, 2123 .dwc-stripe-style .dwc-nest-header::before { 2124 display: none !important; 2125 } 2126 2127 2128 /* builder */ 2129 [data-builder-mode] .dwc-nest-menu-top { 2130 min-block-size: 80px !important; 2131 } 2132 2133 [data-builder-mode] .dwc-nest-nav-items { 2134 overflow-y: scroll; 2135 } 2136 2137 /* in builder ends*/ 2138 2139 /*==========RTL=============*/ 2140 2141 [dir=rtl] .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested:not([data-slide-in-direction="right"]) .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 2142 transform: translateX(-100%); 2143 } 2144 2145 [dir=rtl] nav:not(.brx-open, [data-slide-in-direction="right"]) .dwc-nav-wrapper { 2146 transform: translateX(-100%); 2147 } 2148 2149 [dir=rtl] .bricks-is-frontend [data-submenu-reveal="slide"] .brx-submenu-toggle button svg:not([data-submenu-reveal="expand"] svg) { 2150 transform: rotate(-270deg); 2151 } 2152 2153 /* ================== BRICKS RESET LAYER ========================== */ 2154 2155 @layer bricks.reset { 2156 2157 /* multilevel dropdown slide in */ 2158 2159 2160 .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .brx-header-left *, .brx-header-right *), 2161 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) { 2162 inset-inline-start: 100% !important; 2163 } 2164 2165 [dir=rtl] .bricks-is-frontend [data-slide-in-direction="right"][data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu), .open) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 2166 [dir=rtl] .bricks-is-frontend [data-slide-in-direction="right"][data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content { 2167 inset-inline-start: -100% !important; 2168 } 2169 2170 .bricks-is-frontend [data-submenu-reveal="slide"][data-slide-in-direction^="left"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .brx-header-left *, .brx-header-right *), 2171 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) { 2172 inset-inline-start: -100% !important; 2173 } 2174 2175 /*sidebar*/ 2176 .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu, .open)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *, .-brx-header-left *, .-brx-header-right *), 2177 .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu, .open) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *) { 2178 inset-inline-start: 100% !important; 2179 } 2180 2181 2182 2183 2184 2185 .bricks-is-frontend [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 2186 .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 2187 .bricks-is-frontend .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 2188 inset-inline-start: 0 !important; 2189 } 2190 2191 2192 .bricks-is-frontend [data-submenu-reveal="slide"][data-sli
2192de-in-direction^="left"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 2193 .bricks-is-frontend [data-slide-in-direction^="left"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 2194 .bricks-is-frontend [data-slide-in-direction^="left"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 2195 inset-inline-start: 0 !important; 2196 } 2197 2198 /*sidebar*/ 2199 .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-nav-nested .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 2200 .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 2201 .bricks-is-frontend:is(.brx-header-right, brx-header-left) [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 2202 inset-inline-start: 0 !important; 2203 } 2204 2205 .brx-closing.brxe-nav-nested .brx-nav-nested-items { 2206 opacity: 1 !important; 2207 } 2208 2209 .dwc-nest-menu.brxe-nav-nested.brx-closing .brx-nav-nested-items { 2210 opacity: unset !important; 2211 visibility: unset !important; 2212 } 2213 2214 } 2215 2216 /* ================== END BRICKS RESET LAYER ========================== */ 2217 2218} 2219 2220 2221/* END MEDIA QUERY*/ 2222 2223 2224 2225@media (min-width: 640px) and (max-width: 1200px) { 2226 2227 /* ================== BRICKS RESET LAYER ========================== */ 2228 2229 @layer bricks.reset { 2230 2231 /*special mobile style on tablet */ 2232 2233 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 2234 .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content { 2235 2236 inset-inline-start: auto !important; 2237 inset-inline-end: -100% !important; 2238 } 2239 2240 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 2241 .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 2242 .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 2243 inset-inline-end: 0% !important; 2244 inset-inline-start: auto !important; 2245 } 2246 2247 2248 2249 } 2250 2251 /* ================== END BRICKS RESET LAYER ========================== */ 2252} 2253 2254/* END MEDIA QUERY*/</style></div><style>@media (min-width: 1201px){ 2255 .dwc-mobile header{ 2256 display: none; 2257 } 2258 2259 @layer bricks.reset{ 2260.brx-dropdown-content:not(.brx-submenu-positioned) { 2261 display: flex!important; 2262} 2263} 2264 2265 2266 /* CENTERED LOGO*/ 2267 2268 /*force center align for centered logo menu */ 2269 2270.dwc-nest-header__container.dwc-logo-is-centered { 2271 justify-content: center; 2272} 2273 2274 .dwc-logo-is-centered .dwc-nest-menu .brx-nav-nested-items{ 2275 justify-content: center; 2276} 2277 2278 2279/*remvoe bricks default margin left*/ 2280#brx-header .dwc-logo-is-centered .dwc-nest-menu li:not(.brx-dropdown-content *){ 2281 2282 margin-inline: 0 !important; 2283 display: flex; 2284 flex-direction: column; 2285 justify-content: center; 2286} 2287 2288/* prevent logo from shrinking on sceen resize*/ 2289#brx-header .dwc-logo-is-centered .dwc-header-logo-item{ 2290 flex-shrink: 0; 2291} 2292 2293.dwc-center-guide { 2294 background-color: rgba(132, 255, 0, 0.32); 2295 position: fixed; 2296 top: 0; 2297 bottom: 0; 2298 align-self: center; 2299 height: 100dvb; 2300 z-index: 9999; 2301 pointer-events: none; 2302} 2303 2304 body:not(:has([data-fix-centered-logo-fouc="true"])) .dwc-center-guide::before { 2305 content: 'To fix FOUC on the header, Go to Header Pro div > Attribute > data-fix-centered-logo-fouc, set the value to "true"'; 2306 position: absolute; 2307 top: 30vh; 2308 padding: 1rem; 2309 background-color: white; 2310 2311} 2312 2313.dwc-logo-is-centered .dwc-menu-wrap{
2314 inline-size:100% 2315} 2316 2317 2318 2319 .dwc-nest-header .brx-nav-nested-items { 2320 transition-property: opacity,transform; 2321} 2322 2323 body.adaptive-height-active:has([data-fix-centered-logo-fouc="true"]):not(:has(.dwc-logo-is-centered))::before { 2324 content: 'Go to the Header Pro section > Attribute > data-fix-centered-logo-fouc, remove the value "true" OR enable Centered Logo'; 2325} 2326 2327 2328} 2329 2330/*======================================= MIN WIDTH MEDIA QUERY ENDS ==============================================================*/ 2331 2332 body:has([data-overlay-header="true"]) .dwc-nest-menu-overlay { 2333 inset-block-start: 0 ; 2334} 2335 2336/*fix centered logo fouc*/ 2337 html:not(.dwc-mobile) .bricks-is-frontend header:has([data-fix-centered-logo-fouc="true"]):not(.desktop-centered header) { 2338 opacity: 0; 2339} 2340 2341 2342 2343/*end fix fouc*/ 2344 2345.dwc-adaptive-height:not(.dwc-stripe-style){ 2346 --dropdown-content-gap: 0 2347} 2348 2349html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content){ 2350 inset-inline-start: 0 !important; 2351} 2352 2353 2354 2355html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brx-dropdown-content .brx-dropdown-content:not(.brx-sub-submenu-overflow-right, .brx-submenu-overflow-right){ 2356inset-inline-start: 100% !important; 2357} 2358 2359 2360html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{ 2361 min-inline-size: var(--multilevel-dropdown-width) !important; 2362} 2363 2364html:not(.dwc-mobile) .bricks-is-frontend .dwc-nest-menu .brx-dropdown-content{ 2365 box-shadow: var(--dropdown-content-shadow); 2366} 2367 2368html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content > *{ 2369 max-block-size: calc(95dvb - calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px))); 2370 overflow-y: auto; 2371 overscroll-behavior: contain; 2372 scrollbar-width: thin !important; 2373} 2374 2375 2376.dwc-nest-menu[data-submenu-reveal="expand"] .brx-nav-nested-items > .brxe-dropdown:not([data-submenu-reveal="slide"], .brx-has-megamenu) > .brx-submenu-toggle { 2377transform: translateY(0); 2378z-index: 9999; 2379} 2380 2381 2382:is([data-submenu-reveal="expand"][data-offcanvas="true"]) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content, 2383:is(.brx-header-right, .brx-header-left) [data-submenu-reveal="expand"] .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content{ 2384inset-block-start: 0; 2385transition: 0s; 2386min-inline-size: var(--mobile-menu-width); 2387} 2388 2389.dwc-nest-toggle--open.brxe-toggle .brxa-inner:before { 2390block-size: var(--open-icon-line-height); 2391inset-inline-end: var(--open-icon-align); 2392} 2393 2394.dwc-nest-toggle--open.brxa--vortex .brxa-inner:before { 2395inline-size: var(--open-icon-size); 2396} 2397 2398.dwc-nest-toggle--open.brxa--vortex .brxa-inner:not(.is-active .brxa-inner):before { 2399inset-block-start: calc(var(--icon-line-gap) * -1); 2400} 2401 2402.dwc-nest-toggle--open.brxa--vortex .brxa-inner:not(.is-active .brxa-inner):after { 2403inset-block-end: calc(var(--icon-line-gap) * -1); 2404} 2405 2406.dwc-nest-toggle--open.brxe-toggle .brxa-inner{ 2407block-size: var(--open-icon-line-height); 2408inset-inline-end: var(--open-icon-horizontal-offset); 2409} 2410 2411.dwc-nest-toggle--open.brxa--vortex .brxa-inner{ 2412inline-size:var(--iw); 2413} 2414 2415.dwc-nest-toggle--open.brxe-toggle .brxa-inner:after { 2416block-size: var(--open-icon-line-height); 2417inset-inline-end: var(--open-icon-align); 2418} 2419 2420.dwc-nest-toggle--open.brxa--vortex .brxa-inner:after { 2421inline-size: var(--aw); 2422} 2423 2424 2425.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner:after,
2426.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner { 2427 inline-size: calc(var(--iw) * var(--open-icon-close-offset)); 2428} 2429 2430 2431.dwc-nest-toggle--open.brxa--vortex .brxa-wrap{ 2432inline-size: var(--open-icon-size) 2433} 2434 2435.dwc-nest-toggle--open .brxa-inner, 2436.dwc-nest-toggle--open .brxa-inner:after, 2437.dwc-nest-toggle--open .brxa-inner:before{ 2438background-color: var(--menu-toggle-clr) 2439} 2440 2441.dwc-nest-menu.brxe-nav-nested .brxe-toggle[aria-label="Close Menu"] i{ 2442color: var(--menu-close-toggle-clr) 2443} 2444 2445.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner, 2446.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner:after, 2447.dwc-nest-toggle--open .brxa-wrap:hover .brxa-inner:before { 2448background-color: var(--menu-toggle-hover-clr) !important 2449} 2450 2451/* icon animation */ 2452 2453.dwc-nest-toggle--open.brxa--vortex .brxa-inner { 2454transition-duration: .3s; 2455transition-timing-function: ease-in-out; 2456} 2457 2458.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner { 2459transform: rotate(225deg); 2460transition-timing-function: ease-in-out; 2461} 2462 2463.dwc-nest-toggle--open.brxa--vortex.is-active .brxa-inner:before { 2464opacity: 0; 2465inset-block-start: calc(var(--icon-line-gap) * -1); 2466inline-size: 0px !important; 2467} 2468 2469.dwc-nest-toggle--open .brxa-inner:before { 2470transition-duration: 0.25s; 2471transition-property: inline-size, tansform !important; 2472 2473} 2474 2475 2476 2477/* MENU ITEMS SPACING AND COLOR*/ 2478/* Shared styles for both menu types */ 2479.dwc-nest-menu .brx-nav-nested-items > li > a:not(.dwc-nest-menu__logo), 2480.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle, 2481.dwc-nest-menu .brx-dropdown-content > .menu-item > a {
2482font-weight: var(--menu-item-font-weight); 2483font-size: var(--menu-item-font-size); 2484color: var(--menu-item-clr); 2485background-color: var(--menu-item-bg); 2486inline-size: 100%; 2487} 2488 2489.dwc-nest-menu .brx-dropdown-content > .brxe-dropdown > .brx-submenu-toggle, 2490.dwc-nest-menu .brx-dropdown-content > .menu-item > a { 2491 --menu-item-font-size: var(--dropdown-item-font-size) 2492} 2493 2494/* Specific padding for nested menu items */ 2495.dwc-nest-menu .brx-nav-nested-items > li > a, 2496.dwc-nest-menu .brx-nav-nested-items > li.brx-has-megamenu .brx-submenu-toggle { 2497padding-block: var(--menu-item-block-padding); 2498padding-inline: var(--menu-item-inline-padding) !important; 2499} 2500 2501/* Specific padding for dropdown items */ 2502 2503.dwc-nest-menu .brx-dropdown-content > .menu-item > a { 2504 padding-block: var(--dropdown-item-block-padding); 2505 padding-inline: var(--dropdown-item-inline-padding) !important; 2506} 2507 2508.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle{ 2509padding-block: var(--dropdown-item-block-padding); 2510 padding-inline: var(--dropdown-item-inline-padding) !important; 2511} 2512 2513.dwc-nest-menu .brx-nav-nested-items > li:not(.brx-has-megamenu) .brx-submenu-toggle:not(.brxe-dropdown li .brx-submenu-toggle){ 2514padding-block: var(--menu-item-block-padding); 2515 padding-inline: var(--menu-item-inline-padding) !important; 2516 2517} 2518 2519 2520.dwc-nest-menu .brx-dropdown-content > .menu-item > a:not([aria-current="page"], li:hover > *), 2521li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *, li:hover > *, .open.active *) { 2522color: var(--dropdown-item-clr) !important; 2523} 2524 2525 2526/* DROPDOWN MENU ITEMS BG COLOR */ 2527.dwc-nest-menu .brx-dropdown-content > .menu-item > a:not(.brx-has-megamenu a), 2528li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *) { 2529background-color: var(--dropdown-item-bg) 2530} 2531 2532/* DROPDOWN BG COLOR */ 2533.dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content { 2534background-color: var(--dropdown-content-bg); 2535} 2536 2537/* DROPDOWN BORDER RADIUS */ 2538.dwc-nest-menu .brx-nav-nested-items .brxe-dropdown:not(.brx-has-megamenu) li :is(.brx-submenu-toggle, .brxe-text-link){ 2539border-radius: var(--dropdown-item-radius) 2540 2541} 2542 2543/* HOVER STYLES */ 2544.dwc-nest-menu .brx-nav-nested-items > li:hover > a, 2545.dwc-nest-menu .brx-nav-nested-items > li:hover > .brx-submenu-toggle, 2546.dwc-nest-menu .brx-dropdown-content > li:hover > .brx-submenu-toggle, 2547.dwc-nest-menu .brx-dropdown-content > .menu-item:hover > a { 2548color: var(--menu-item-hover-clr); 2549background-color: var(--menu-item-hover-bg) 2550} 2551 2552.dwc-nest-nav-dropdown-link:hover { 2553color: var(--menu-item-hover-clr); 2554} 2555 2556.dwc-nest-menu .brx-nav-nested-items > li > a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo):hover::before, 2557body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-nav-nested-items > li > a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo):focus-visible::before, 2558.dwc-nest-menu .brx-nav-nested-items > li:hover > .brx-submenu-toggle::before, 2559body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-nav-nested-items > li:focus-within > .brx-submenu-toggle::before{ 2560 content: ''; 2561 background-color: var(--menu-item-hover-border-bg); 2562 inline-size: 100%; 2563 block-size: var(--menu-item-hover-border-height); 2564 position: absolute; 2565 inset-block-start: calc(100% - var(--menu-item-hover-border-height)); 2566 inset-inline-start: 0; 2567} 2568 2569.dwc-nest-menu .brx-nav-nested-items > li.menu-item:has(> a), 2570.dwc-nest-menu .brx-nav-nested-items > li.menu-item:has(> .brx-submenu-toggle) { 2571 position: relative; 2572} 2573 2574/* ACTIVE STYLES */ 2575/* links and dropdwon active styles */ 2576.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, li:hover > a, a:hover, .dwc-nest-menu__logo, 2577[data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, 2578[data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, 2579[data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a), 2580.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)):not(li:hover) > .brx-submenu-toggle { 2581color: var(--menu-item-active-clr); 2582background-color: var(--menu-item-active-bg); 2583} 2584 2585.dwc-nest-menu .brx-nav-nested-items .brx-submenu-toggle > a[aria-current="page"]{ 2586 background-color: initial !important; 2587} 2588 2589.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, .dwc-nest-menu__logo), 2590.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle{ 2591 position: relative; 2592} 2593 2594.dwc-nest-menu .brx-nav-nested-items a[aria-current="page"]:not(.brxe-button, .dwc-exclude, .dwc-exclude a, [data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, 2595[data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, 2596[data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo, .brx-submenu-toggle > a)::before, 2597.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle::before{ 2598 content: ''; 2599 background-color: var(--menu-item-active-border-bg);
2600 inline-size: 100%; 2601 block-size: var(--menu-item-active-border-height); 2602 position: absolute; 2603 inset-block-start: calc(100% - var(--menu-item-active-border-height)); 2604 inset-inline-start: 0; 2605} 2606 2607.dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle > :is(a:not(.dwc-nest-menu__logo), svg, button, span){ 2608color: var(--menu-item-active-clr); 2609} 2610 2611 2612/* DROPDOWN HOVER BG */ 2613.dwc-nest-menu .brx-dropdown-content > li:hover > .brx-submenu-toggle:not(.brx-has-megamenu *, .dwc-mobile .open.active > *), 2614.dwc-nest-menu .brx-dropdown-content > li:hover > a:not(.brx-has-megamenu a){ 2615background-color: var(--dropdown-item-hover-bg) ; 2616color: var(--dropdown-item-hover-clr); 2617} 2618 2619 2620.dwc-nest-menu.brxe-nav-nested .brx-submenu-toggle { 2621justify-content: space-between; 2622} 2623 2624/* DROPDOWN INDENT */ 2625 2626:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 2627:is([data-submenu-reveal="expand"]) 2628.brxe-dropdown:not(.brx-has-megamenu) > 2629.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *) { 2630padding-inline-start: var(--dropdown-indent) !important; 2631padding-inline-end: calc(var(--dropdown-indent) * 0) !important; 2632border-left: var(--dropdown-indent-line); 2633background-color: var(--dropdown-indent-bg) 2634} 2635 2636:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 2637:is([data-submenu-reveal="expand"]) 2638.brxe-dropdown:not(.brx-has-megamenu) > 2639.brx-dropdown-content:not(.brxe-dropdown[data-submenu-reveal="slide"] *) > * > :is(a, .brx-submenu-toggle){ 2640padding-inline-start: calc(var(--dropdown-item-inline-padding) * var(--dropdown-indent-item-pad-offset)) !important; 2641} 2642 2643 2644 2645:is(.dwc-mobile, .brx-header-left, .brx-header-right, body:has([data-offcanvas="true"])) 2646:is([data-submenu-reveal="expand"]) 2647.open.active.brxe-dropdown > .brx-submenu-toggle svg:not(.open.active.brxe-dropdown:hover > .brx-submenu-toggle svg){ 2648color: var(--dropdown-expanded-clr); 2649} 2650 2651 2652/* MENU ITEMS COLOR */ 2653.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle :where(span, a, svg) { 2654color: inherit; 2655font-weight: inherit; 2656} 2657 2658/* CHEVRON */ 2659.dwc-nest-menu .brx-nav-nested-items > li:not(li:has([aria-current="page"]:not(.dwc-exclude)), li:hover) .brx-submenu-toggle svg{ 2660color: var(--chevron-clr); 2661} 2662 2663.dwc-nest-menu .brx-nav-nested-items > li .brx-submenu-toggle svg{ 2664 font-size: var(--chevron-size); 2665 color: var(--chevron-clr); 2666 } 2667 .dwc-nest-menu .brx-nav-nested-items > li:has([aria-current="page"]:not(.dwc-exclude)) > .brx-submenu-toggle svg, 2668.dwc-nest-menu .brx-nav-nested-items li:hover > .brx-submenu-toggle svg{ 2669 color: var(--chevron-hover-clr); 2670 } 2671 2672[data-align-dropdown-top="true"] .brx-dropdown-content .brxe-dropdown { 2673position: static; 2674} 2675 2676.brx-dropdown-content:not(.brx-has-megamenu .brx-dropdown-content) { 2677padding-inline-end: 0 !important; 2678} 2679 2680 2681/*OVERLAY*/ 2682html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) :is(.brxe-code, .dwc-nest-menu-overlay), 2683body:has([data-hide-overlay="true"]) .dwc-nest-menu-overlay, 2684[data-builder-mode] .dwc-nest-menu-overlay { 2685display: none; 2686} 2687 2688.bricks-is-frontend #brx-header .dwc-nest-menu[data-offcanvas="true"]:not([data-submenu-reveal = 'slide']) .brxe-dropdown:not(.open.active) > .brx-dropdown-content > .brxe-dropdown:not([data-submenu-reveal = 'slide'] *){ 2689visibility: hidden; 2690} 2691 2692/* builder */ 2693 2694[data-builder-mode] [data-offcanvas="true"] .dwc-nest-menu-top { 2695min-block-size: 80px !important; 2696} 2697 2698 2699 2700/* ===========DESKTOP ONLY ============== */ 2701 2702:is( html:not(.dwc-mobile) .dwc-nest-header:not([data-overlay-header="true"]) [data-mobile-top-transparent="true"]) :is(.dwc-nest-menu-top:not([data-below-header="true"] *, :has(.open.active)), 2703.dwc-nav-wrapper:not([data-below-header="true"] *, :has(.open.active))) { 2704 background-color: transparent !important; 2705} 2706 2707 2708html:not(.dwc-mobile):has(:is([data-last-item-is-button-alignment="center"], [data-last-item-is-button-alignment="left"])[data-last-item-is-button="true"]) :is(.dwc-menu-wrap, .dwc-nest-menu){ 2709inline-size: 100%; 2710} 2711 2712html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type, :first-of-type){ 2713margin-inline-start: auto; 2714} 2715 2716html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type) { 2717margin-inline-start: auto; 2718} 2719 2720html:not(.dwc-mobile) .dwc-nest-tooltip { 2721 display: none !important; 2722 clip: rect(1px,1px,1px,1px); 2723 word-wrap: normal!important; 2724 border: 0; 2725 clip-path: inset(50%); 2726 height: 1px !important; 2727 margin: -1px; 2728 overflow: hidden; 2729 overflow-wrap: normal!important; 2730 padding: 0 !important; 2731 width: 1px; 2732} 2733 2734 2735html:not(.dwc-mobile) .open:has(.open) .open:has(.brxe-dropdown:hover) .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *, [data-offcanvas="true"] *) { 2736box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 30%); 2737} 2738 2739html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right) .brxe-nav-nested .brxe-dropdown.open>.brx-dropdown-content { 2740 display: flex; 2741 min-width: auto; 2742 opacity: 1; 2743 overflow-y: auto; 2744 position: static; 2745 visibility: visible; 2746 2747} 2748 2749/* EXTEND DROPDWON BUTTON TO AVOID LOSING FOCUS/CLOSING ON DROPDOWN CONTENT */ 2750 2751 2752html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open .brx-dropdown-content .brxe-dropdown:has( > .brx-sub-submenu-overflow-right):hover::after { 2753 inset-inline-end: 100%; 2754 inset-inline-start: auto; 2755} 2756 2757html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open .brx-dropdown-content .brxe-dropdown:not(.brxe-dropdown:has( > .brx-sub-submenu-overflow-right)):hover::after { 2758 inset-inline-start: 100%; 2759} 2760 2761 2762html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .open .brx-dropdown-content .brxe-dropdown:hover::after { 2763 content: ""; 2764 position: absolute; 2765 inset-block-end: 0; 2766 block-size: 100%; 2767 inline-size: 100%; 2768 z-index: -1; 2769 inset-inline-end: auto; 2770} 2771 2772 2773/*DIM DROPDOWN PARENT WHOSE CHILD DROPDOWN CONTENT IS SHOWING */ 2774html:not(.dwc-mobile) .open:has(.open) > .brx-dropdown-content:not(.brx-header-left *, .brx-header-right *)::before { 2775content: ""; 2776position: absolute; 2777inset: 0; 2778background-color: var(--dropdown-inactive-overlay); 2779pointer-events: none; 2780border-radius: var(--dropdown-content-border-radius); 2781z-index: 1; 2782} 2783 2784html:not(.dwc-mobile) .open:has(.open) > .brxe-dropdown:not(.open, .brx-header-left *, .brx-header-right *){ 2785 position: static; 2786} 2787html:not(.dwc-mobile) .open:has(.open) > .brxe-dropdown:not(.open, .brx-header-left *, .brx-header-right *) > ul{ 2788 opacity: 0; 2789 transition: 0s 2790} 2791 2792html:not(.dwc-mobile) .brxe-dropdown.open:not(.brx-has-megamenu, .brx-header-left *, .brx-header-right *){ 2793 z-index: 1; 2794} 2795 2796/* LAST BUTTON LEFT PADDDING ON DESKTOP */ 2797html:not(.dwc-mobile) [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type { 2798padding-inline-start: var(--menu-item-inline-padding); 2799} 2800 2801/* hide toggle with back button appears */ 2802html:not(.dwc-mobile) body:has(.brxe-dropdown.open) [data-offcanvas="true"] .brxe-toggle[aria-label="Open Menu"] { 2803z-index: 1; 2804} 2805 2806/* fades in close button when the main toggle is covered by the back button */ 2807html:not(.dwc-mobile) body:has(.brxe-dropdown.open) [data-offcanvas="true"] .brxe-toggle[aria-label="Close Menu"]:not([data-submenu-reveal="expand"] *){ 2808opacity: 1; 2809} 2810
2811html:not(.dwc-mobile) [data-mobile-top-transparent="true"][data-offcanvas="true"]:not([data-show-mobile-logo="true"]) .brxe-toggle[aria-label="Close Menu"] { 2812opacity: 0; 2813} 2814 2815html:not(.dwc-mobile) [data-show-mobile-logo="true"] .dwc-nav-wrapper{ 2816 z-index: 9999 2817 } 2818 2819html:not(.dwc-mobile) [data-offcanvas="true"].dwc-nest-menu .brxe-toggle { 2820display: flex; 2821} 2822 2823/* STRIPE STYLE */ 2824html:not(.dwc-mobile) .dwc-stripe-style .brxe-dropdown.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) { 2825background: transparent !important; 2826} 2827 2828html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle), 2829html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle) > a, 2830html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu > .brx-submenu-toggle:not([data-offcanvas="true"] .brx-submenu-toggle, .brx-header-left .brx-submenu-toggle, .brx-header-right .brx-submenu-toggle) > button { 2831cursor: default; 2832} 2833 2834 2835 2836/* handles translate and opacity animation for stripe style on desktop - NEW */ 2837html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{ 2838transform: translateX(0); 2839} 2840 2841html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{ 2842transition: transform 0.4s; 2843} 2844 2845html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open + .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{ 2846transform: translateX(50px); 2847} 2848 2849html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu:has(+ .brx-has-megamenu.open) .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * > *{ 2850transform: translateX(-50px); 2851} 2852 2853html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu.open .brx-dropdown-content:not([data-offcanvas="true"] .brx-has-megamenu .brx-dropdown-content, .brx-header-left .brx-has-megamenu .brx-dropdown-content, .brx-header-right .brx-has-megamenu .brx-dropdown-content) > * { 2854 overflow-x: hidden; 2855} 2856 2857 2858/* mobile logo */ 2859html:not(.dwc-mobile) .dwc-nest-menu__mobile-logo:not([data-offcanvas="true"]:not(.brx-header-left *, .brx-header-right *) .dwc-nest-menu__mobile-logo) { 2860display: none; 2861} 2862 2863 2864/* prevent fouc when offcanvas is enabled and anime height */ 2865body.bricks-is-frontend:has([data-offcanvas="true"]) 2866.dwc-nav-wrapper:not(.sidebar-ready .dwc-nav-wrapper){ 2867display: none; 2868} 2869 2870.dwc-mobile [data-hide-close-bar = 'true'] .dwc-nav-wrapper{ 2871inset-block-start: var(--dwc-nest-header-height) 2872} 2873 2874:is(.brx-header-left, .brx-header-right) .dwc-nest-header::before{ 2875display: none; 2876} 2877 2878/* mobile menu from top behind header */ 2879 2880/* .dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper { 2881z-index: -1; 2882} */ 2883 2884.dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper:not(:has(.brxe-dropdown.open)), 2885.dwc-mobile [data-overlay-header-mobile="true"] :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]) .dwc-nav-wrapper{ 2886 z-index: -1; 2887} 2888 2889 2890 2891 2892.dwc-mobile .bricks-is-frontend #brx-header > .dwc-nest-header[data-overlay-header-mobile="true"]:not(:has([data-offcanvas="true"]))::before { 2893 backdrop-filter: blur(var(--overlay-header-blur)); 2894 content: ''; 2895 position: absolute; 2896 inset: 0; 2897 z-index: -1; 2898 border-radius: var(--overlay-header-radius); 2899} 2900
2901.dwc-mobile :is([data-slide-in-direction="top"], [data-slide-in-direction="top left"]):not([data-match-overlay-header-width="true"], [data-submenu-reveal="expand"]) 2902.dwc-nav-wrapper:has(.brxe-dropdown.open.active) { 2903 z-index: unset !important; 2904} 2905 2906.dwc-mobile .dwc-nest-header:not([data-allow-overlay-mobile-opacity="true"]) .dwc-nest-header__container:has(:is([data-slide-in-direction="top"], [data-slide-in-direction="top left"])) { 2907 background-color: var(--header-bg) 2908} 2909 2910/************************************ 2911MENU HEIGHT/ STRIPE STYLE 2912************************************/ 2913 2914:is([data-builder-mode], .brx-header-right, .brx-header-left) .dwc-nest-header::after, 2915body:has([data-offcanvas="true"]) .dwc-nest-header::after { 2916display: none; 2917} 2918 2919.dwc-nest-header:not(:is(.dwc-adaptive-height, .dwc-stripe-style) .dwc-nest-header)::after{ 2920display: none; 2921} 2922 2923 2924html:not(.dwc-mobile) .dwc-nest-header::after { 2925 display: none; 2926 content: ''; 2927 min-block-size: 0; 2928 inset-inline-start: 0; 2929 inline-size: 100%; 2930 transition-delay: 0.1s !important; 2931 pointer-events: none; 2932 transition: inline-size 0.2s, 2933 block-size 0.2s, 2934 opacity 0.2s, 2935 inset-inline-start 0.2s, 2936 transform 0.2s !important; 2937 will-change: block-size, inline-size, inset-inline-start, transform, opacity; 2938 contain: layout paint; 2939 z-index: -1; 2940} 2941 2942html:not(.dwc-mobile) .dwc-nest-header[data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]::after { 2943 position: fixed; 2944} 2945 2946html:not(.dwc-mobile) .dwc-adaptive-height:not(.dwc-stripe-style) .dwc-nest-header[data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]::after { 2947 inset-block-start: 0; 2948} 2949 2950html:not(.dwc-mobile) .dwc-nest-header:not([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"])::after { 2951 position: absolute; 2952 inset-block-end: calc(100% - var(--dwc-nest-header-height)); 2953 block-size: 1000px; 2954 transform: translateY(calc(var(--dropdown-menu-height) * 1.01)) translateZ(0); 2955} 2956 2957 2958html:not(.dwc-mobile) .adaptive-height-active:is(.dwc-stripe-style, .dwc-adaptive-height) .dwc-nest-header::after { 2959 display: block; 2960} 2961 2962.dwc-nest-menu .brx-has-megamenu .brx-dropdown-content:not(.show-nav .brx-dropdown-content, [data-builder-mode] .brx-dropdown-content){ 2963 display:none 2964} 2965 2966html:not(.dwc-mobile) body:has(.brx-has-megamenu.open) .dwc-nest-header::after { 2967transition-delay: 0s !important; 2968} 2969 2970/* STRIPE STYLE */ 2971html:not(.dwc-mobile) .dwc-stripe-style.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content), 2972html:not(.dwc-mobile) .dwc-adaptive-height.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 2973transition-delay: 0s; 2974box-shadow: none !important; 2975transition-duration: 0s; 2976} 2977 2978html:not(.dwc-mobile) .dwc-stripe-style.bricks-is-frontend .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 2979overflow-x: hidden; 2980} 2981 2982html:not(.dwc-mobile) .dwc-stripe-style .open.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content), 2983html:not(.dwc-mobile) .dwc-adaptive-height .open.brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 2984transition-delay: 0.1s; 2985transition-duration: .2s; 2986} 2987 2988 2989html:not(.dwc-mobile) .dwc-stripe-style .open.brx-has-megamenu:not([data-offcanvas="true"] .brx-has-megamenu)::before { 2990 content: ''; 2991 position: absolute; 2992 inset-block-start: 100%; 2993 block-size: calc(var(--dwc-nest-header-height)* 0.5); 2994 inline-size: min(var(--dropdown-menu-width), 40vw); 2995 transform: translateX(-50%); 2996 inset-inline-start: 0; 2997} 2998 2999html:not(.dwc-mobile) .dwc-stripe-style .brx-nav-nested-items>.brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 3000overflow-x: hidden; 3001border-radius: var(--stripe-border-radius); 3002} 3003 3004 3005html:not(.dwc-mobile) .dwc-nest-header { 3006position: relative; 3007} 3008 3009html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::before { 3010content: ''; 3011inline-size: calc(max(var(--dropdown-content-gap) + 2.5px, 16px) * 1.1); 3012block-size: calc(max(var(--dropdown-content-gap) + 2.5px, 16px) * 1.1); 3013background-color: var(--adaptive-height-bg); 3014position: absolute; 3015inset-block-start: 100%; 3016transition: 0s; 3017transition-property: inset-inline-start, transform, opacity; 3018inset-inline-start: var(--navlink-midpoint); 3019transform: translateX(0%) rotate(45deg) translateY(calc(50% + 1px)); 3020pointer-events: none; 3021border-top: var(--adaptive-height-border); 3022border-left: var(--adaptive-height-border); 3023z-index: 999; 3024} 3025 3026html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header:has(.brxe-dropdown.brx-has-megamenu.open:hover)::before { 3027 transition: 3028 opacity 0.2s 0.1s, 3029 transform 0.2s 0s, 3030 inset-inline-start 0.2s 0s; 3031} 3032 3033html:not(.dwc-mobile) .dwc-nest-header::before{ 3034opacity: 0 ; 3035} 3036 3037html:not(.dwc-mobile) .dwc-nest-header.hide-menu-animation::after { 3038 opacity: 0 !important; 3039 } 3040 3041html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header.show-menu-animation:has(.brx-has-megamenu:hover)::before, 3042html:not(.dwc-mobile) .dwc-nest-header.show-menu-animation::after, 3043html:not(.dwc-mobile) #brx-header.show-menu-animation .dwc-nest-header::after { 3044opacity: 1; 3045} 3046 3047html:not(.dwc-mobile) .dwc-nest-header.show-menu-animation::after, 3048html:not(.dwc-mobile) #brx-header.show-menu-animation .dwc-nest-header::after { 3049 box-shadow: var(--adaptive-height-shadow) 3050 } 3051 3052 3053html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::after { 3054border: var(--adaptive-height-border); 3055} 3056 3057 3058 3059 3060html:not(.dwc-mobile) .dwc-stripe-style .dwc-nest-header::after { 3061inset-inline-start: calc(var(--dropdown-menu-x) - 2.5rem); 3062inline-size: calc(var(--dropdown-menu-width) + 5rem); 3063transform: unset; 3064inset-block-start: calc(var(--dwc-header-div-height) + max(var(--dropdown-content-gap), 16px)); 3065block-size: var(--dropdown-menu-height); 3066z-index: 1; 3067opacity: 0; 3068} 3069 3070html:not(.dwc-mobile) .dwc-stripe-style:has(.brx-has-megamenu.open):not(:has([data-optimize-stripe=true])) .dwc-nest-header::after { 3071block-size: calc(var(--dropdown-menu-height) + 0rem) !important; 3072opacity: 1; 3073} 3074 3075/* hide nav content until js is ready*/ 3076html:not(.dwc-mobile) .dwc-stripe-style .brx-has-megamenu>.brx-dropdown-content:not(.show-nav .brx-dropdown-content, [data-offcanvas="true"] .brx-dropdown-content) { 3077opacity: 0; 3078} 3079 3080 3081 3082body:has(.brx-has-megamenu.open) .sticky .dwc-nest-header::after { 3083background-color: var(--adaptive-height-bg) !important; 3084} 3085 3086body:has(.brx-has-megamenu.open) .brx-sticky .dwc-nest-header::after { 3087 background-color: var(--adaptive-height-bg) !important; 3088 } 3089 3090.dwc-nest-header::after { 3091background-color: var(--adaptive-height-bg) !important; 3092/* opacity: 0; */ 3093} 3094 3095html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after { 3096inset-inline-start: calc(var(--dropdown-menu-x) - 1.5px); 3097inline-size: calc(var(--dropdown-menu-width) + 2.5px); 3098/*transform: unset;*/ 3099block-size: calc(var(--dropdown-menu-height) + 3px) !important; 3100z-index: 1; 3101border-radius: var(--stripe-border-radius); 3102transform: translateZ(0); 3103opacity: 1 3104} 3105 3106 3107html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after { 3108border: var(--adaptive-height-border); 3109} 3110 3111 3112html:not(.dwc-mobile) :not(.brx-header-left, .brx-header-right).dwc-stripe-style:has([data-optimize-stripe=true]) .brx-nav-nested-items>.brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 3113transform: translateY(16px) !important; 3114inset-block-start: 100%; 3115} 3116 3117 3118.dwc-nest-header:not(.show-nav .dwc-nest-header)::after { 3119display: none; 3120} 3121 3122/* STRIP FIX FOR DYNAMIC NAV */ 3123html:not(.dwc-mobile) 3124:not(.brx-header-left, .brx-header-right).dwc-stripe-style:has([data-optimize-stripe=true]) 3125.brx-nav-nested-items> li > .brxe-dropdown.brx-has-megamenu>.brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content) { 3126 transform: translateY(max(calc(var(--dropdown-content-gap) + 2.5px), 17px)) !important; 3127 inset-block-start: 100%; 3128} 3129 3130 3131html:not(.dwc-mobile) .dwc-stripe-style .show-menu-animation .dwc-nest-header:has(.brx-has-megamenu:hover)::before, 3132html:not(.dwc-mobile) .show-menu-animation::after, 3133html:not(.dwc-mobile) .show-menu-animation .dwc-nest-header::after { 3134 opacity: 1; 3135} 3136 3137 3138 3139html:not(.dwc-mobile) .hide-menu-animation .dwc-nest-header::after { 3140 opacity: 0 !important; 3141} 3142 3143html:not(.dwc-mobile) .dwc-stripe-style:has([data-optimize-stripe=true]) .dwc-nest-header::after { 3144 block-size: calc(var(--dropdown-menu-height) + 6px) !important; 3145} 3146 3147 3148/**************** 3149MENU OVERLAY 3150***************/ 3151 3152.dwc-nest-menu-overlay { 3153position: fixed; 3154inline-size: 100%; 3155block-size: 100%; 3156inset-inline-start: 0; 3157inset-block-end: 0; 3158background: var(--nav-overlay-backdrop-clr) !important; 3159z-index: 2; 3160opacity: 0; 3161transition: 0.4s; 3162backdrop-filter: blur(var(--nav-overlay-backdrop-blur)); 3163} 3164 3165html:not(.dwc-mobile) .dwc-nest-header:has(.dwc-nest-menu-overlay) .brxe-nav-nested{ 3166 z-index: 3 3167} 3168 3169[data-overlay-header=true].dwc-nest-header .dwc-nest-menu-overlay{ 3170 display: none; 3171} 3172 3173body:not(:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"])) .dwc-nest-menu-overlay {
3174 inset-block-start: var(--dwc-nest-header-height); 3175} 3176 3177.logged-in:not(:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"])) .dwc-nest-menu-overlay:not(:has(+ .x-header)) { 3178 inset-block-start: calc(var(--dwc-nest-header-height) + var(--wp-admin--admin-bar--height, 0px)); 3179 } 3180 3181body:has([data-overlay-header-optimize-adaptive-height="true"][data-overlay-header="true"], [data-overlay-on-header="true"]) .dwc-nest-menu-overlay { 3182 inset-block-start: 0 !important; 3183} 3184 3185 3186 3187 3188 3189 3190 3191 3192.dwc-nest-menu-overlay { 3193pointer-events: none; 3194} 3195 3196.no-scroll .dwc-nest-menu-overlay { 3197opacity: 1; 3198} 3199 3200:is(.brx-header-right, .brx-header-left) .dwc-nest-header__container { 3201padding-inline: 0 3202} 3203 3204 3205 3206/*fade in back button*/ 3207@-webkit-keyframes dwc-nest-fade-in { 32080% { 3209 opacity: 0; 3210} 3211100% { 3212 opacity: 1; 3213} 3214} 3215@keyframes slide-in-right { 32160% { 3217 opacity: 0; 3218} 3219100% { 3220 opacity: 1; 3221} 3222} 3223 3224/* configurable menu and submenu slide out speed */ 3225.dwc-mobile .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper), 3226.bricks-is-frontend :is([data-submenu-reveal="slide"][data-offcanvas="true"]).dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper), 3227:is(.bricks-is-frontend.brx-header-right, .bricks-is-frontend.brx-header-left) :is([data-submenu-reveal="slide"]).dwc-nest-menu :is(.brx-dropdown-content, .dwc-nav-wrapper){ 3228transition-duration: calc(0.5s / var(--slide-out-speed)) !important; 3229} 3230 3231#brx-header{ 3232--content-gap: 0; 3233--at-container-gap: 0; 3234} 3235 3236 3237/* overlay header */ 3238html:not(.dwc-mobile) .bricks-is-frontend 3239#brx-header:has([data-overlay-header = "true"]) { 3240padding: var(--overlay-header-inset); 3241} 3242 3243html:not(.dwc-mobile) .bricks-is-frontend 3244#brx-header:has([data-overlay-header = "true"]):not(.sticky, .brx-sticky) { 3245position: absolute; 3246inset-block-start: 0; 3247inset-inline: 0; 3248} 3249 3250html:not(.dwc-mobile) .bricks-is-frontend #brx-header > 3251.dwc-nest-header[data-overlay-header = "true"]{ 3252border-radius: var(--overlay-header-radius); 3253background-color: var(--overlay-header-bg); 3254box-shadow: var(--overlay-header-shadow); 3255max-inline-size: var(--overlay-header-width); 3256} 3257 3258 3259html:not(.dwc-mobile) .bricks-is-frontend #brx-header > 3260.dwc-nest-header[data-overlay-header = "true"]:not(:has([data-offcanvas="true"])){ 3261backdrop-filter: blur(var(--overlay-header-blur)); 3262} 3263 3264 3265html:not(.dwc-mobile) .bricks-is-frontend #brx-header:has(.open) > 3266.dwc-nest-header[data-overlay-header = "true"]{ 3267background-color: var(--overlay-header-bg-active) !important; 3268} 3269 3270/* overlay on mobile */ 3271.dwc-mobile .bricks-is-frontend 3272#brx-header:has([data-overlay-header-mobile = "true"]) { 3273padding: var(--overlay-header-inset); 3274} 3275 3276.dwc-mobile .bricks-is-frontend 3277#brx-header:has([data-overlay-header-mobile = "true"]):not(.sticky, .brx-sticky) { 3278position: absolute; 3279inset-block-start: 0; 3280inset-inline: 0; 3281} 3282 3283.dwc-mobile .bricks-is-frontend #brx-header > 3284.dwc-nest-header[data-overlay-header-mobile = "true"]{ 3285border-radius: var(--overlay-header-radius); 3286background-color: var(--overlay-header-bg); 3287box-shadow: var(--overlay-header-shadow); 3288max-inline-size: var(--overlay-header-width); 3289} 3290 3291/*offset hero top padding when overlay header is active */ 3292#brx-header:has([data-offset-section-padding="true"]) + main > :is(section:first-child, div:first-child) { 3293 padding-block-start: var(--overlay-offset-padding); 3294} 3295 3296/* menu height anime on overlay header */ 3297 3298html:not(.dwc-mobile) .bricks-is-frontend.dwc-adaptive-height:not(.dwc-stripe-style) #brx-header:has([data-overlay-header = "true"]) .dwc-nest-header::after { 3299border-radius: min(var(--overlay-header-radius), 2em); 3300inset-block-end: calc(100% + var(--overlay-header-inset)); 3301opacity: 1; 3302} 3303 3304html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) 3305#brx-header:has([data-overlay-header = "true"]:not([data-overlay-header-optimize-adaptive-height="true"])) 3306.dwc-nest-header.show-menu-animation::after, 3307html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) 3308#brx-header.show-menu-animation:has([data-overlay-header = "true"]:not([data-overlay-header-optimize-adaptive-height="true"])) 3309.dwc-nest-header::after { 3310 transform: translateY( calc((var(--dropdown-menu-height) + (var
3310(--dwc-nest-header-height) * 1.5)))) translateZ(0) 3311} 3312 3313html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) #brx-header:has([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]) .dwc-nest-header.show-menu-animation::after, 3314html:not(.dwc-mobile) .bricks-is-frontend:is(.dwc-adaptive-height):not(.dwc-stripe-style) #brx-header.show-menu-animation:has([data-overlay-header="true"][data-overlay-header-optimize-adaptive-height="true"]) .dwc-nest-header::after { 3315 block-size: calc((var(--dropdown-menu-height) + (var(--dwc-nest-header-height) * 1.5))); 3316} 3317 3318/* we need to reposition the overlay outside the header */ 3319html:not(.dwc-mobile) .bricks-is-frontend:has( .dwc-nest-menu .open):not(:has([data-offcanvas="true"])) .dwc-nest-menu-overlay{ 3320 opacity: 1; 3321 } 3322 3323/*menu items border radius desktop only*/ 3324html:not(.dwc-mobile) .dwc-nest-menu .brx-nav-nested-items > li > 3325:is(a:not([data-last-item-is-button="true"] .brx-nav-nested-items > .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo ), .brx-submenu-toggle){ 3326border-radius: var(--menu-item-radius); 3327} 3328 3329html:not(.dwc-mobile) .dwc-nest-menu .brx-nav-nested-items { 3330 gap: var(--menu-items-gap); 3331} 3332 3333/* dynamic dropdown conten width and position */ 3334 3335html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content:not([data-use-selector="true"]) { 3336 min-inline-size: var(--dropdown-content-width, var(--dropdown-content-default-width)) !important; 3337 inset-inline-start: var(--left-position)!important; 3338} 3339 3340html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-dropdown-content { 3341 border-radius: var(--dropdown-content-border-radius); 3342} 3343 3344.dwc-nest-header{ 3345 position: relative; 3346 z-index: 999; 3347 3348} 3349 3350/* optimize multi row header*/ 3351.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"]{ 3352 --dwc-nest-header-height:var(--dwc-header-div-height) !important 3353} 3354 3355.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nest-menu-top:not([data-below-header="true"] *) { 3356 background-color: var(--mobile-menu-topbar-bg) !important; 3357 align-items: center !important; 3358 animation: none !important; 3359} 3360 3361.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nav-wrapper{ 3362 z-index: 99999 3363} 3364 3365.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"] .dwc-nest-menu-top .brxe-toggle { 3366 display: block; 3367} 3368 3369 3370.dwc-mobile .dwc-nest-header[data-fullscreen-mobile-menu="true"]:not([data-hide-mobile-logo="true"]) .dwc-nest-menu__mobile-logo { 3371 display: flex; 3372} 3373 3374/* overlay header on multirow*/ 3375html:not(.dwc-mobile) .dwc-nest-header[data-fullscreen-mobile-menu="true"][data-overlay-header="true"] > div:first-child{ 3376 border-top-left-radius: var(--overlay-header-radius); 3377 border-top-right-radius: var(--overlay-header-radius); 3378} 3379 3380/* BricksExtras support*/ 3381 3382html:not(.dwc-mobile) #brx-header .brxe-xheaderrow:has(.dwc-nest-header){ 3383 position: relative; 3384 z-index:1; 3385} 3386 3387html:not(.dwc-mobile) #brx-header .brxe-xheaderrow:first-child{ 3388 position: relative; 3389 z-index: 99991; 3390} 3391 3392 3393 3394 3395[data-x-overlay]:not([data-x-overlay="none"]) .dwc-nest-header{ 3396background: var(--x-overlay-header-background)!important; 3397 } 3398 3399html:not(.dwc-mobile) .brxe-xheaderrow .dwc-nest-header::after { 3400 block-size: 1000px; 3401} 3402 3403 3404 3405/* in builder */ 3406 3407 3408 3409[data-builder-mode] .brx-open.dwc-nest-menu[data-offcanvas="true"] .brx-nav-nested-items { 3410inline-size: var(--mobile-menu-width); 3411} 3412 3413[data-builder-mode] [data-offcanvas="true"] .dwc-nest-toggle--open{ 3414display: none !important; 3415} 3416 3417[data-builder-mode] [data-offcanvas="true"] .dwc-nest-menu-top{ 3418 display: none; 3419} 3420 3421 3422:is(.brx-header-left, .brx-header-right) [data-builder-mode] .brx-nav-nested-items, 3423[data-builder-mode] .brx-open.dwc-nest-menu[data-offcanvas="true"] .brx-nav-nested-items { 3424 overflow-y: auto; 3425 scrollbar-width: thin !important; 3426 justify-content: flex-start !important; 3427box-shadow: var(--sidebar-shadow); 3428} 3429 3430 3431:is(.brx-header-left, .brx-header-right) [data-builder-mode] .dwc-nav-wrapper, 3432[data-builder-mode] [data-offcanvas="true"] .dwc-nav-wrapper { 3433 inset-inline-end: auto ; 3434 inset-inline-start: 0; 3435} 3436 3437/* preview dropdown content width in builder*/ 3438 3439[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not(.brx-open) .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content, .brx-open .brx-dropdown-content){ 3440 min-inline-size:var(--dropdown-content-width, var(--dropdown-content-default-width)) !important; 3441 transform: translatex(50px); 3442 border: dotted #00b0f4 2px 3443} 3444 3445[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu .brx-has-megamenu .brx-dropdown-content:not([data-offcanvas="true"] .brx-dropdown-content, .brx-open .brx-dropdown-content):not([data-hide-instruction="true"])::after{ 3446 content: 'Set dropdown Content width value in dropdown Content ATTRIBUTES > data-content-width, do not add a unit e.g. px. Leave empty to use global content width, set in Nav Nestable ATTRIBUTES > data-global-content-width. | Set alignment in ATTRIBUTES > data-content-align, values: left, right, center. This aligns the dropdown content to the dropdown button, leave empty to align center to the header. aligments are applied on frontend only. | TIP: click here to select dropdown Content'; 3447 position: absolute; 3448 inset-block-start: 102%; 3449 color: #e1e1e1; 3450 font-size: 12px; 3451 letter-spacing: 0.5px; 3452 line-height: 1.5; 3453 background: #2b2b2b; 3454 min-block-size: fit-content; 3455 padding: 1em; 3456} 3457
3458/*set alignment for sidebar edit on desktop*/ 3459:is(.brx-header-left, .brx-header-right)[data-builder-mode] .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items, 3460[data-builder-mode] .dwc-nest-menu.brxe-nav-nested[data-offcanvas="true"] .brx-nav-nested-items { 3461 justify-content: flex-start !important; 3462} 3463 3464[data-builder-mode]:is(.brx-header-left, .brx-header-right)::before { 3465 content: 'To view sidebar, go to the MENU Styles/Options code block CSS, scroll to the end, and replace all the postid-xxxx in the CSS rules with this template post id'; 3466} 3467 3468 3469:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after { 3470 content: 'To edit Sidebar, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" | TIP: click here to select Nav (Nestable)'; 3471 position: absolute; 3472 padding-inline-start: 20px; 3473 color: #e1e1e1; 3474 font-size: 12px; 3475 line-height: 1.5; 3476 background: #2b2b2b; 3477 min-block-size: fit-content; 3478 padding: 1em; 3479 inline-size: 250px; 3480} 3481 3482.brx-header-left[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after { 3483 inset-inline-start: 100%; 3484} 3485 3486.brx-header-right[data-builder-window] #brx-header .dwc-nest-menu:not(.brx-open)::after { 3487 inset-inline-end: 100%; 3488} 3489 3490[data-builder-window] #brx-header .dwc-nest-menu[data-offcanvas="true"]:not(.brx-open)::after{ 3491 content: 'To edit in Offcanvas mode, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" | TIP: click here to select Nav (Nestable)'; 3492 position: absolute; 3493 inset-block-start: 100%; 3494 padding-block-start: 20px; 3495 color: #e1e1e1; 3496 font-size: 12px; 3497 line-height: 1.5; 3498 background: #2b2b2b; 3499 min-block-size: fit-content; 3500 padding: 1em; 3501 inline-size: 250px; 3502} 3503 3504@media (max-width: 1200px){ 3505 [data-builder-window] #brx-header .dwc-nest-menu[data-offcanvas="true"]:not(.brx-open)::after{ 3506 content: 'To edit in Offcanvas mode, select the Nav (Nestable), go to the CONTENT tab > MOBILE MENU, enable "Keep open while styling" '; 3507 position: absolute; 3508 inset-inline-start: var(--mobile-menu-width); 3509 padding-inline-start: 20px; 3510 } 3511} 3512 3513[data-builder-mode] [data-offcanvas="true"]:not(.brx-open) .dwc-nav-wrapper { 3514 transform: translateX(0); 3515 visibility: visible; 3516} 3517 3518[data-builder-window] [data-last-item-is-button="true"][data-offcanvas="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type { 3519 padding-inline: var(--menu-item-inline-padding) !important; 3520 padding-block: var(--menu-item-block-padding) !important; 3521} 3522 3523 3524/* === */ 3525 3526:is(.brx-header-left, .brx-header-right)[data-builder-window] .brxe-nav-nested .brxe-dropdown .brx-dropdown-content:not(.brx-open .brx-dropdown-content) { 3527 display: none; 3528} 3529 3530 3531:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 3532 scrollbar-width: none; 3533} 3534 3535 3536/* stripe style fix*/ 3537html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-header__container:not(:has([data-offcanvas="true"])) { 3538 align-items: stretch !important; 3539 } 3540 3541 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .dwc-nav-wrapper, 3542 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items, 3543 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown, 3544 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle, 3545 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > li > 3546 a:not([data-last-item-is-button="true"] .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo) 3547 /* a:not(:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>:is(.menu-item:last-of-type, .menu-item:nth-last-of-type(-n+2), .menu-item:nth-last-of-type(-n+3)) a) */ { 3548 height: 100%; 3549 } 3550 3551 html:not(.dwc-mobile) .dwc-stripe-style:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > li.menu-item { 3552 height: 100%; 3553 display: flex; 3554 align-items: center; 3555 } 3556 3557 3558 3559/*fix overlay in boxed mode*/ 3560.brx-boxed .dwc-nest-menu-overlay { 3561 inline-size: var(--boxed-width, 100%); 3562 inset-inline-start: 50%; 3563 transform: translateX(-50%); 3564} 3565 3566/*wait for stripe style to load before active */ 3567body:is(.dwc-stripe-style, .dwc-adaptive-height):not(.adaptive-height-active, .brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu{ 3568 pointer-events: none; 3569} 3570 3571 3572/* LAST CTA BUTTONS */ 3573/* Button styling for FRIST BUTTON*/ 3574:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type a { 3575 color: var(--menu-cta-clr); 3576 background-color: var(--menu-cta-bg); 3577 border-radius: var(--menu-cta-radius) !important; 3578 padding-inline: var(--menu-cta-inline-padding) !important; 3579 padding-block: var(--menu-cta-block-padding) !important; 3580 border: var(--menu-cta-border); 3581} 3582 3583:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(1) a:hover { 3584 color: var(--menu-cta-hover-clr); 3585 background-color: var(--menu-cta-hover-bg); 3586} 3587 3588/* Button styling for second button*/ 3589:is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(2) a { 3590 color: var(--menu-cta-2-clr); 3591 background-color: var(--menu-cta-2-bg); 3592 border-radius: var(--menu-cta-2-radius) !important; 3593 padding-inline: var(--menu-cta-2-inline-padding) !important; 3594 padding-block: var(--menu-cta-2-block-padding) !important; 3595 border: var(--menu-cta-2-border); 3596} 3597 3598:is([data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(2) a:hover { 3599 color: var(--menu-cta-2-hover-clr); 3600 background-color: var(--menu-cta-2-hover-bg); 3601} 3602 3603/* Button styling for third button */ 3604[data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(3) a { 3605 color: var(--menu-cta-3-clr); 3606 background-color: var(--menu-cta-3-bg); 3607 border-radius: var(--menu-cta-3-radius) !important; 3608 padding-inline: var(--menu-cta-3-inline-padding) !important; 3609 padding-block: var(--menu-cta-3-block-padding) !important; 3610 border: var(--menu-cta-3-border); 3611} 3612 3613[data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(3) a:hover { 3614 color: var(--menu-cta-3-hover-clr); 3615 background-color: var(--menu-cta-3-hover-bg); 3616} 3617 3618/* Adjust padding for all variants in desktop mode */ 3619html:not(.dwc-mobile) [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type, 3620html:not(.dwc-mobile) [data-last-item-is-button="true-2"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+2), 3621html:not(.dwc-mobile) [data-last-item-is-button="true-3"].dwc-nest-menu .brx-nav-nested-items > .menu-item:nth-last-of-type(-n+3) { 3622 padding-inline-start: var(--menu-item-inline-padding); 3623} 3624 3625/* Center alignment for single button case */ 3626html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:last-of-type, :first-of-type) { 3627 margin-inline-start: auto; 3628} 3629 3630/* Center alignment for two buttons case */ 3631html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true-2"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:nth-last-of-type(2), :first-of-type) { 3632 margin-inline-start: auto; 3633} 3634 3635/* Center alignment for three buttons case */ 3636html:not(.dwc-mobile) [data-last-item-is-button-alignment="center"][data-last-item-is-button="true-3"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:is(:nth-last-of-type(3), :first-of-type) { 3637 margin-inline-start: auto; 3638} 3639 3640/* Left alignment for single button case */ 3641html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:last-of-type { 3642 margin-inline-start: auto; 3643} 3644 3645/* Left alignment for two buttons case */ 3646html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true-2"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:nth-last-of-type(2) { 3647 margin-inline-start: auto; 3648} 3649 3650/* Left alignment for three buttons case */ 3651html:not(.dwc-mobile) [data-last-item-is-button-alignment="left"][data-last-item-is-button="true-3"].dwc-nest-menu:not(.brx-open) .dwc-nest-nav-items > li:nth-last-of-type(3) { 3652 margin-inline-start: auto; 3653} 3654 3655/* General width rule for all button cases and alignments */ 3656html:not(.dwc-mobile):has(:is([data-last-item-is-button-alignment="center"], [data-last-item-is-button-alignment="left"]):is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"])) :is(.dwc-menu-wrap, .dwc-nest-menu) { 3657 inline-size: 100%; 3658} 3659 3660 3661 3662/* align dropdown content to bottom */ 3663html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-header__container:has([data-align-content-bottom="true"]):not(:has([data-offcanvas="true"])) { 3664 align-items: stretch !important; 3665} 3666 3667html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .dwc-nav-wrapper, 3668html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items, 3669html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown, 3670html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle, 3671html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > li > 3672a:not([data-last-item-is-button="true"] .menu-item:last-of-type a, [data-last-item-is-button="true-2"] .menu-item:nth-last-of-type(-n+2) a, [data-last-item-is-button="true-3"] .menu-item:nth-last-of-type(-n+3) a, .dwc-nest-menu__logo) 3673/* a:not(:is([data-last-item-is-button="true"], [data-last-item-is-button="true-2"], [data-last-item-is-button="true-3"]).dwc-nest-menu .brx-nav-nested-items>:is(.menu-item:last-of-type, .menu-item:nth-last-of-type(-n+2), .menu-item:nth-last-of-type(-n+3)) a, .dwc-nest-menu__logo)*/ { 3674 height: 100%; 3675} 3676 3677html:not(.dwc-mobile) .bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > li.menu-item { 3678 height: 100%; 3679 display: flex; 3680 align-items: center; 3681} 3682 3683/* dropdown content gap */ 3684html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown.open > .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content) { 3685 transform: translateY(calc(var(--caret-size) - var(--dropdown-content-border-size))) scaleX(1) scaleY(1); 3686} 3687 3688html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brxe-dropdown.open > .brx-dropdown-content .brx-dropdown-content{ 3689 transform: translateY(0) scaleX(1) scaleY(1); 3690} 3691 3692html:not(.dwc-mobile) .brx-dropdown-content:not(.open .brx-dropdown-content){ 3693 --dropdown-content-border: solid transparent var(--dropdown-content-border-size); 3694} 3695 3696 3697 3698html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown.open:not(.dwc-stripe-style .brx-has-megamenu)::after { 3699 inline-size: calc((var(--dropdown-content-gap) * 1.414) - var(--dropdown-content-border-size)); 3700 aspect-ratio: 1; 3701 opacity: 1; 3702 transition: opacity 0.2s 0.1s; 3703} 3704 3705html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu)::after { 3706 content: ''; 3707 position: absolute; 3708 background-color: var(--dropdown-content-bg); 3709 transform: rotate(45deg); 3710 inset-block-end: calc((-1 * var(--dropdown-content-gap) - (var(--dropdown-content-gap) * 1.414 / 2.0)) + var(--dropdown-content-border-size)); 3711 inset-inline-start: calc(50% - var( 3712 --dropdown-content-gap)); 3713 opacity: 0; 3714} 3715 3716 3717html:not(.dwc-mobile) body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu)::after { 3718 border-top: var(--dropdown-content-border); 3719 border-left: var(--dropdown-content-border);
3720 z-index: 9999; 3721 inset-block-end: calc(var(--dropdown-content-gap) * -1.55); 3722 3723} 3724 3725html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not([data-offcanvas="true"]) .brx-nav-nested-items > .brxe-dropdown:not(.dwc-stripe-style .brx-has-megamenu) .brx-dropdown-content{ 3726 outline: var(--dropdown-content-border); 3727} 3728 3729 3730 3731 3732/* === ends == */ 3733 3734body:not(.adaptive-height-active) .brxe-dropdown::after{ 3735display: none; 3736} 3737 3738/* multi-level dropdwon arrow > */ 3739 3740html:not(.dwc-mobile) body:not(.brx-header-left, .brx-header-right) 3741.dwc-nest-menu:not([data-offcanvas="true"]) 3742.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown .brx-submenu-toggle button 3743svg { 3744 transform: rotate(270deg); 3745} 3746 3747 3748/* align dropwdown in builder */ 3749 3750[data-builder-mode]:not(.brx-header-left, .brx-header-right) .brx-has-megamenu .brx-dropdown-content[data-content-align="left"][preview-alignment="true"]{ 3751left: 0 !important; 3752right: auto !important; 3753} 3754 3755[data-builder-mode]:not(.brx-header-left, .brx-header-right) .brx-has-megamenu .brx-dropdown-content[data-content-align="right"][preview-alignment="true"]{ 3756left: auto !important; 3757right: 0 !important; 3758} 3759 3760[data-builder-mode]:not(.brx-header-left, .brx-header-right) .dwc-nest-menu:not(.brx-open) .brx-has-megamenu .brx-dropdown-content[data-content-align="center"][preview-alignment="true"]{ 3761left: 50% !important; 3762transform: translatex(-50%) !important; 3763} 3764 3765 3766/* BREAKOUT ITEM */ 3767.dwc-nest-menu > [data-breakout-link]:not(.dwc-nest-menu__logo){ 3768 color: var(--menu-cta-clr); 3769 background-color: var(--menu-cta-bg); 3770 border-radius: var(--menu-cta-radius) !important; 3771 padding-inline: var(--menu-cta-inline-padding) !important; 3772 padding-block: var(--menu-cta-block-padding) !important; 3773 border: var(--menu-cta-border); 3774} 3775 3776.dwc-nest-menu > [data-breakout-link="before"], 3777.dwc-nest-menu > [data-breakout-link]:not([data-breakout-link="after"], .dwc-nest-menu__logo){ 3778 margin-inline-end: var(--cta-breakout-gap); 3779 margin-inline-start: auto; 3780} 3781 3782.dwc-nest-menu > [data-breakout-link="after"]{ 3783 margin-inline-start: var(--cta-breakout-gap); 3784 order: 1; 3785} 3786 3787.dwc-menu-wrap:has(.dwc-nest-menu__logo[data-breakout-link]), 3788.brxe-nav-nested:has(.dwc-nest-menu__logo[data-breakout-link]){ 3789inline-size: 100% !important; 3790} 3791 3792.dwc-stripe-style .dwc-menu-wrap:has(.dwc-nest-menu__logo[data-breakout-link]), 3793.dwc-stripe-style .brxe-nav-nested:has(.dwc-nest-menu__logo[data-breakout-link]) { 3794 min-height: var(--header-min-height); 3795} 3796 3797.dwc-nest-header__container:has(.brx-nav-nested-items .dwc-nest-menu__logo[data-breakout-link]) { 3798 flex-direction: column !important; 3799 justify-content: center !important; 3800} 3801 3802 3803.dwc-nest-menu > [data-breakout-link="after"] + .brxe-toggle[aria-label="Open Menu"]{ 3804 margin-inline-start: auto; 3805} 3806 3807 3808/* BREAKIN ITEM */ 3809 3810.dwc-mobile .dwc-nav-wrapper:has([data-breakin]) { 3811background: linear-gradient(to top, var(--mobile-menu-bg) 0%, var(--mobile-menu-bg) calc(100% - var(--dwc-nest-header-height)), transparent calc(100% - var(--dwc-nest-header-height)), transparent 100%); 3812 3813} 3814 3815 3816.dwc-mobile .dwc-nav-wrapper:has([data-breakin]) .breakin-container{ 3817 inline-size: 100%; 3818} 3819 3820.dwc-mobile .dwc-nav-wrapper:has([data-breakin="end"]) .breakin-container{ 3821 margin-block-start: auto; 3822} 3823 3824html:not(.dwc-mobile) .breakin-container{ 3825visibility: hidden !important; 3826order: 0 !important; 3827} 3828 3829 3830 3831/* ==== DYNAMIC NAV CUSTOM CSS ==== */ 3832 3833[data-builder-mode] .dwc-nest-menu .brx-nav-nested-items > a:not(.dwc-nest-menu__logo){ 3834 font-weight: var(--menu-item-font-weight); 3835 font-size: var(--menu-item-font-size); 3836 color: var(--menu-item-clr); 3837 background-color: var(--menu-item-bg); 3838 padding-block: var(--menu-item-block-padding); 3839 padding-inline: var(--menu-item-inline-padding) !important; 3840 3841} 3842 3843 3844[data-builder-mode] .dwc-nest-menu .brx-dropdown-content > a:not(.brx-has-megamenu a) { 3845 background-color: var(--dropdown-item-bg); 3846 padding-block: var(--dropdown-item-block-padding); 3847 padding-inline: var(--dropdown-item-inline-padding) !important; 3848 font-weight: var(--menu-item-font-weight); 3849 font-size: var(--menu-item-font-size); 3850 color: var(--menu-item-clr); 3851 inline-size: 100%; 3852} 3853 3854[data-builder-mode] .dwc-nest-menu .brx-dropdown-content >
3854 a:hover:not(.brx-has-megamenu a) { 3855 background-color: var(--dropdown-item-hover-bg); 3856 color: var(--dropdown-item-hover-clr); 3857} 3858 3859 3860body:not([data-builder-mode]) .dwc-nest-menu .brx-nav-nested-items > li:empty{ 3861 visibility: hidden; 3862} 3863 3864 3865.dwc-nest-menu .brx-nav-nested-items > * > .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle { 3866 padding-block: var(--dropdown-item-block-padding); 3867 padding-inline: var(--dropdown-item-inline-padding) !important; 3868} 3869 3870/* ==== END DYNAMIC NAV CUSTOM CSS ==== */ 3871 3872 3873 3874/* CARET FIX FOR DYNAMIC MENU STRUCTURE*/ 3875 3876 3877.dwc-nest-menu .brx-nav-nested-items > 3878li> .brx-has-megamenu.open > .brx-dropdown-content { 3879 opacity: 1; 3880 visibility: visible; 3881} 3882 3883html:not(.dwc-mobile) 3884body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) 3885.brx-nav-nested-items > li:has(.brx-has-megamenu.open):not(.dwc-stripe-style .brx-nav-nested-items > li)::after { 3886 inline-size: calc((var(--dropdown-content-gap) * 1.414) - var(--dropdown-content-border-size)); 3887 aspect-ratio: 1; 3888 opacity: 1; 3889 transition: opacity 0.2s 0.1s; 3890} 3891 3892html:not(.dwc-mobile) 3893body:not(.brx-header-right, .brx-header-left) .dwc-nest-menu[data-align-content-bottom="true"][data-caret="true"]:not([data-offcanvas="true"]) 3894.brx-nav-nested-items > li:has(.brx-has-megamenu):not(.dwc-stripe-style .brx-nav-nested-items > li)::after { 3895 content: ''; 3896 position: absolute; 3897 background-color: var(--dropdown-content-bg); 3898 transform: rotate(45deg); 3899 inset-block-end: calc((-1 * var(--dropdown-content-gap) - (var(--dropdown-content-gap) * 1.414 / 2.0)) + var(--dropdown-content-border-size)); 3900 inset-inline-start: calc(50% - var( 3901 --dropdown-content-gap)); 3902 opacity: 0; 3903} 3904 3905 3906html:not(.dwc-mobile) 3907.bricks-is-frontend:not(.brx-header-left, .brx-header-right) 3908.dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 3909.brx-nav-nested-items > li { 3910 height: 100%; 3911 display: flex; 3912 align-items: center; 3913} 3914 3915html:not(.dwc-mobile) 3916.bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 3917.brx-nav-nested-items > li > .brxe-dropdown > .brx-submenu-toggle, 3918html:not(.dwc-mobile) 3919.bricks-is-frontend:not(.brx-header-left, .brx-header-right) .dwc-nest-menu[data-align-content-bottom="true"]:not([data-offcanvas="true"]) 3920.brx-nav-nested-items > li > .brxe-dropdown{ 3921height: 100% 3922 } 3923 3924.brx-nav-nested-items > li:has(> a), 3925.brx-nav-nested-items > li:has(> .brx-submenu-toggle) { 3926 position: relative; 3927} 3928 3929/* END CARET FIX FOR DYNAMIC MENU STRUCTURE*/ 3930 3931/* SPECIAL MOBILE STYLES TABLET ONLY */ 3932 3933 3934@media (min-width: 640px) and (max-width: 1200px) { 3935 3936 /* mega menu */ 3937 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .dwc-nav-wrapper { 3938 --mobile-menu-width: min(720px, 100%); 3939 align-items: flex-end; 3940 } 3941 3942 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-hide-close-bar="true"] ul, [data-submenu-reveal="expand"].brx-has-megamenu ul) { 3943 inline-size: min(400px, 100%); 3944 box-shadow: 0px 0px 15px -10px #000000b3 3945 } 3946 3947 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brx-has-megamenu.brxe-dropdown .brx-dropdown-content:not([data-submenu-reveal="expand"].brx-has-megamenu ul) { 3948 inset-inline-end: 0 !important; 3949 inset-inline-start: auto !important; 3950 inset-block-start: 0 !important; 3951 } 3952 3953/*dropdown*/ 3954 3955 3956 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].dwc-nest-menu.brxe-nav-nested .brxe-dropdown:not(:is([data-submenu-reveal="expand"], .brx-has-megamenu)) .brx-dropdown-content:not([data-submenu-reveal="expand"] *), 3957 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content { 3958 transition-property: inset-inline-start, inset-inline-end, visibility, opacity !important; 3959 inset-inline-start: auto !important; 3960 width: 400px; 3961 box-shadow: 0px 0px 15px -10px #000000b3; 3962 inset-block-start: 0 !important; 3963 inset-inline-end: -100% !important; 3964 } 3965 3966 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] [data-submenu-reveal="slide"].brxe-nav-nested.brx-open .brxe-dropdown.open:not(.brx-has-megamenu, [data-submenu-reveal="expand"])>.brx-dropdown-content, 3967 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content, 3968 .dwc-mobile .bricks-is-frontend [data-mobile-special-style="slide-split"] .brx-open [data-submenu-reveal="slide"].brxe-dropdown.open>.brx-dropdown-content .open>.brx-dropdown-content { 3969 inset-inline-end: 0% !important; 3970 inset-inline-start: auto !important; 3971 } 3972 3973 /*active styles*/ 3974 .dwc-mobile body:not(.brx-header-right, .brx-header-left) [data-mobile-special-style="slide-split"] .brx-nav-nested-items > li > .brx-has-megamenu.open > .brx-submenu-toggle{ 3975 background-color: var(--menu-item-active-bg); 3976} 3977 3978 .dwc-mobile body:not(.brx-header-right, .brx-header-left) [data-mobile-special-style="slide-split"] .brx-nav-nested-items > li.open > .brx-submenu-toggle{ 3979 background-color: var(--menu-item-active-bg); 3980} 3981 3982 3983} 3984 3985/* END SPECIAL MOBILE STYLES TABLET ONLY */ 3986 3987 3988/* OVERLAY HEADER NO TOP GAP */ 3989 3990 .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-sli
3990de-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper { 3991 inset-block-start: 0 !important; 3992 } 3993 3994 /* .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 3995 inset-block-start: calc((var(--dwc-nest-header-height) * 1.2) * -1) !important; 3996 } */ 3997 3998 .bricks-is-frontend [data-overlay-header-no-top-gap="true"] .dwc-nest-menu[data-submenu-reveal="slide"][data-slide-in-direction="top"][data-match-overlay-header-width="true"] .open.active>.brx-submenu-toggle > button:not([data-hide-close-bar="true"] button, [data-submenu-reveal="expand"] button, .open.active:has(.open.active)>.brx-submenu-toggle > button) { 3999 inset-block-start: calc(var(--dwc-nest-header-height) / 2); 4000 4001 } 4002 4003 .bricks-is-frontend #brx-header > 4004 .dwc-nest-header[data-overlay-header-no-top-gap="true"] { 4005 border-top-left-radius: 0 !important; 4006 border-top-right-radius: 0 !important; 4007 } 4008 4009 .bricks-is-frontend 4010 #brx-header:has([data-overlay-header-no-top-gap="true"]) { 4011 padding-block-start: 0 !important; 4012 } 4013 4014/* END OVERLAY HEADER NO TOP GAP */ 4015 4016 4017/* DROPDOWN ITEM IS BUTTON OR ICON */ 4018 4019/* IS ICON */ 4020.brxe-dropdown[data-is-icon]{ 4021 padding-inline: var(--menu-item-inline-padding); 4022} 4023 4024/* remove the underline */ 4025.brxe-dropdown[data-is-icon] > .brx-submenu-toggle::before{ 4026display: none; 4027} 4028 4029/* general styling */ 4030.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{ 4031 height: auto !important; 4032 width: auto; 4033 min-width: var(--button-max-diameter); 4034 aspect-ratio: 1; 4035 border-radius: var(--menu-item-radius) !important; 4036 padding: 0 !important; 4037 margin-inline-start: auto; 4038 margin-block: auto; 4039 transition: 0.4s; 4040 border: var(--menu-item-border) 4041} 4042 4043 4044.dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon]:hover > .brx-submenu-toggle{ 4045 border: var(--menu-item-hover-border) 4046} 4047 4048.dwc-mobile .dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{ 4049max-width: var(--button-max-diameter); 4050} 4051 4052 4053/* centralize */ 4054.brxe-dropdown[data-is-icon] > .brx-submenu-toggle > button{ 4055 margin: auto; 4056 color: var(--icon-clr); 4057 font-size: var(--icon-size); 4058} 4059 4060.brxe-dropdown[data-is-icon]:hover > .brx-submenu-toggle > button{ 4061 color: var(--icon-hover-clr); 4062} 4063 4064/* reset rotation on icon when hovered */ 4065.brxe-dropdown[data-is-icon] > .brx-submenu-toggle button[aria-expanded="true"] > * { 4066 transform: rotateZ(0deg); 4067} 4068 4069/* reset margin left on mobile*/ 4070.dwc-mobile .dwc-nest-menu .brx-nav-nested-items > .brxe-dropdown[data-is-icon] > .brx-submenu-toggle{ 4071 margin-inline-start: initial; 4072} 4073 4074/* remove inner span from document flow and hide visually*/ 4075 4076.brxe-dropdown[data-is-icon] > .brx-submenu-toggle > span{ 4077 clip: rect(1px,1px,1px,1px); 4078 word-wrap: normal!important; 4079 border: 0; 4080 clip-path: inset(50%); 4081 height: 1px; 4082 margin: -1px; 4083 overflow: hidden; 4084 overflow-wrap: normal!important; 4085 padding: 0; 4086 position: absolute!important; 4087 width: 1px; 4088} 4089 4090/* IS ICON ENDS */ 4091 4092/* IS BUTTON */ 4093 4094.brxe-dropdown[data-is-button] > .brx-submenu-toggle{ 4095 height: auto !important; 4096 margin-block: auto; 4097 border-radius: var(--menu-item-radius) !important; 4098 max-width: var(--menu-item-width); 4099 border: var(--menu-item-border); 4100} 4101 4102.brxe-dropdown[data-is-button]:hover > .brx-submenu-toggle { 4103 border: var(--menu-item-hover-border); 4104} 4105 4106 4107/* centralize text in span */ 4108 4109.brxe-dropdown[data-is-button] > .brx-submenu-toggle > span{ 4110 margin-inline: auto; 4111} 4112 4113/* remove button from document flow to allow text to centralize, but keep accessible*/ 4114.brxe-dropdown[data-is-button="no-chevron"] > .brx-submenu-toggle > button{ 4115 clip: rect(1px,1px,1px,1px); 4116 word-wrap: normal!important; 4117 border: 0; 4118 clip-path: inset(50%); 4119 height: 1px; 4120 margin: -1px; 4121 overflow: hidden; 4122 overflow-wrap: normal!important; 4123 padding: 0; 4124 position: absolute!important; 4125 width: 1px; 4126} 4127 4128/* block padding on mobile */ 4129.dwc-mobile .brxe-dropdown:is([data-is-icon], [data-is-button]){ 4130padding-block: var(--menu-item-block-padding); 4131 padding-inline: var(--menu-item-inline-padding); 4132} 4133 4134/* IS BUTTON ENDS */ 4135 4136/* DROPDWON ITEM IS BUTTON OR ICON ENDS */ 4137 4138/* RTL */ 4139 4140html:not(.dwc-mobile) :is(:not(.brx-header-left, .brx-header-right)).bricks-is-frontend .dwc-nest-menu:not([data-offcanvas="true"]) .brx-has-megamenu .brx-dropdown-content:not([data-use-selector="true"]) { 4141 inset-inline-end: var(--right-position)!important; 4142} 4143 4144html:not(.dwc-mobile)[dir=rtl] .dwc-stripe-style .open.brx-has-megamenu:not([data-offcanvas="true"] .brx-has-megamenu)::before { 4145 transform: translateX(50%); 4146} 4147 4148html:not(.dwc-mobile)[dir=rtl] body:not(.brx-header-left, .brx-header-right) 4149.dwc-nest-menu:not([data-offcanvas="true"]) 4150.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown .brx-submenu-toggle button 4151svg { 4152 transform: rotate(-270deg); 4153} 4154 4155 4156 4157 4158/*RTL ENDS */ 4159 4160 4161/* FIXES */ 4162.dwc-nest-nav-items > li { 4163 width: auto; 4164} 4165 4166li { 4167 -webkit-tap-highlight-color: transparent; 4168} 4169 4170html:not(.dwc-mobile) .dwc-adaptive-height #brx-header > *:not(.dwc-nest-header, .dwc-nest-header + *){ 4171 z-index: 9999; 4172 position: relative; 4173} 4174
4175/* dropdown within a dropdown color/chevron */ 4176li:not(.brx-has-megamenu) .brx-submenu-toggle:not( .brx-nav-nested-items > li > *, li:hover > *) { 4177color: var(--dropdown-item-clr); 4178} 4179 4180.dwc-nest-menu .brxe-dropdown:not(.brx-has-megamenu) li .brx-submenu-toggle svg{ 4181 --chevron-clr: var(--dropdown-item-clr); 4182 --chevron-hover-clr: var(--dropdown-item-hover-clr); 4183 4184} 4185 4186/* account for admn bar on mobile menu */ 4187.dwc-mobile .dwc-nav-wrapper { 4188 inset-block-start: var(--wp-admin--admin-bar--height, 0px); 4189} 4190 4191.dwc-mobile .brxe-nav-nested.brx-open .brx-nav-nested-items { 4192 top:0; 4193} 4194 4195 /* fix safari issue on fixed element inside scrollable container */ 4196 .dwc-mobile .dwc-nest-menu.brxe-nav-nested:not([data-submenu-reveal="expand"]) .brx-nav-nested-items:has(.brxe-dropdown.open.active:not([data-submenu-reveal="expand"])){ 4197 overflow-y: hidden; 4198 } 4199 4200 4201/* Only apply to browsers that support attr() with units */ 4202@supports (width: attr(data-format px)) { 4203 4204[data-builder-mode] .dwc-nest-menu { 4205 --global-width: attr(builder-preview-content-width px); 4206 } 4207 4208} 4209 4210 4211/* Only apply to browsers that DON'T support attr() with units (Firefox) */ 4212@supports not (width: attr(data-format px)) { 4213 4214 [data-builder-mode] .brx-dropdown-content { 4215 --dropdown-content-width: var(--dropdown-content-default-width) !important; 4216 } 4217 4218} 4219 4220 4221body:has(.brx-sticky) [id] { 4222 scroll-margin-top: var(--dwc-nest-header-height); 4223} 4224 4225/* phone landscape */ 4226@media (height < 480px){ 4227.dwc-mobile .bricks-is-frontend .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nav-wrapper { 4228 block-size: 100dvb !important; 4229} 4230 4231.dwc-mobile .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] .brx-nav-nested-items { 4232 min-block-size: 100dvb !important; 4233 overflow-y: auto !important; 4234} 4235 4236 .dwc-mobile [data-overlay-header-mobile="true"] [data-slide-in-direction="top"][data-match-overlay-header-width="true"] .dwc-nest-menu-top { 4237 z-index: 9999; 4238 border-radius: var(--overlay-header-radius); 4239 background-color: var(--overlay-header-bg) !important; 4240 backdrop-filter: blur(var(--overlay-header-blur)); 4241} 4242 .dwc-mobile .bricks-is-frontend [data-submenu-reveal="slide"].dwc-nest-menu .brx-dropdown-content { 4243overscroll-behavior: contain; 4244} 4245} 4246 4247 4248/* match mega menu content width to tabbed nav width when tabbed hero is enabled*/ 4249 4250html:not(.dwc-mobile) 4251.dwc-nest-menu 4252.brx-has-megamenu > .brx-dropdown-content:has([data-tabbed-hero="true"]):not(:has(.active:hover)) { 4253 clip-path: inset(0 calc(100% - var(--tab-list-width)) 0 0); 4254} 4255 4256 4257/* automatically remove padding from header div when a block is added to it*/ 4258.dwc-nest-header:has(>.brxe-block){ 4259 padding-inline: 0px; 4260} 4261 4262/* add inline padding to a block when it is a direct child of the header div*/ 4263.dwc-nest-header > .brxe-block{ 4264padding-inline: var(--header-inline-padding) 4265} 4266/* if a block wraps the header container, inherit the header background color*/ 4267.brxe-block:has(.dwc-nest-header__container){ 4268 background-color:var(--header-bg) 4269} 4270 4271/*fix for menu item text color with <font> tag */ 4272.dwc-mobile .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-submenu-toggle font, 4273.dwc-mobile .dwc-nest-menu [data-submenu-reveal="expand"].brxe-dropdown.open>.brx-submenu-toggle font{ 4274 color: var(--dropdown-expanded-clr) !important; 4275} 4276 4277/* when using special mobile style, allow menu to close when clicking outside the menu*/ 4278.dwc-mobile .bricks-is-frontend [data-overlay-header-mobile="true"] .dwc-nest-menu[data-slide-in-direction="top"][data-match-overlay-header-width="true"] :is(.dwc-nav-wrapper):not(:has(.brxe-dropdown.open)) { 4279 block-size: fit-content !important; 4280}</style>
4280<script>//document.body.classList.add('adaptive-height-active'); 4281document.body.classList.add('show-nav'); 4282 4283function updateMobileClass(minWidth = MegaMenuCONFIG.minWidth) { 4284 const classList = document.documentElement.classList; 4285 const viewportWidth = document.documentElement.clientWidth; 4286 const isMobile = viewportWidth < minWidth; 4287 4288 if (isMobile) { 4289 classList.add('dwc-mobile'); 4290 } else { 4291 classList.remove('dwc-mobile'); 4292 } 4293} 4294updateMobileClass(); 4295 4296// Centered Logo functionality 4297class CenteredLogoController { 4298 constructor(config = {}) { 4299 this.config = { 4300 enable: config.enable ?? CenteredLogoCONFIG.enable, 4301 allowOddItems: config.allowOddItems ?? CenteredLogoCONFIG.allowOddItems, 4302 forceCenteredLogo: config.forceCenteredLogo ?? CenteredLogoCONFIG.forceCenteredLogo, 4303 centerNudge: config.centerNudge ?? CenteredLogoCONFIG.centerNudge, 4304 roundOffFactor: config.roundOffFactor || CenteredLogoCONFIG.roundOffFactor, 4305 headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector 4306 }; 4307 4308 this.logoListItem = null; 4309 this.listItems = []; 4310 this.resizedFinished = null; 4311 this.isInitialized = false; 4312 } 4313 4314 // Method to check if DOM elements are ready 4315 checkDOMReady() { 4316 const headerLogo = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu__logo`); 4317 const headerInner = document.querySelector(`${this.config.headerSelector} .dwc-nest-header__container`); 4318 const menu = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`); 4319 const listParent = document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`); 4320 4321 return headerLogo && headerInner && menu && listParent; 4322 } 4323 4324 // Early initialization attempt 4325 initializeEarly() { 4326 if (!this.config.enable || this.isInitialized) return; 4327 4328 // Try immediate initialization if elements are ready 4329 if (this.checkDOMReady()) { 4330 document.body.classList.add('dom-ready') 4331 this.setupElements(); 4332 this.initialize(); 4333 return; 4334 } 4335 4336 // If not ready, use polling with shorter intervals for faster response 4337 const pollForElements = () => { 4338 if (this.checkDOMReady()) { 4339 this.setupElements(); 4340 this.initialize(); 4341 return; 4342 } 4343 // Poll every 10ms for very fast response 4344 setTimeout(pollForElements, 10); 4345 }; 4346 4347 pollForElements(); 4348 } 4349 4350 setupElements() { 4351 this.elements = { 4352 headerLogo: document.querySelector(`${this.config.headerSelector} .dwc-nest-menu__logo`), 4353 headerInner: document.querySelector(`${this.config.headerSelector} .dwc-nest-header__container`), 4354 menu: document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`), 4355 listParent: document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`) 4356 }; 4357 } 4358 4359 initialize() { 4360 4361 if (!this.config.enable || this.isInitialized) { 4362 return; 4363 } 4364 4365 // Ensure elements are set up before proceeding 4366 if (!this.elements) { 4367 this.setupElements(); 4368 } 4369 4370 // Check if all required elements exist 4371 if (!this.elements.headerLogo || !this.elements.headerInner || 4372 !this.elements.menu || !this.elements.listParent) { 4373 return; 4374 } 4375 4376 this.isInitialized = true; 4377 4378 // Create logo list item 4379 this.logoListItem = document.createElement('li'); 4380 this.logoListItem.classList.add('dwc-header-logo-item'); 4381 4382 // Get list items excluding those with toggle divs, and exclude empty li 4383 this.listItems = Array.from(this.elements.listParent.children).filter(item => { 4384 const hasToggleDiv = item.querySelector('.brx-toggle-div'); 4385 const isEmpty = item.matches('li:empty'); 4386 const hasExclude = item.querySelector('.dwc-exclude') 4387 return !hasToggleDiv && !isEmpty && !hasExclude; 4388 }); 4389 4390 4391 // Calculate position 4392 const halfIndex = this.listItems.length / 2; 4393 const logoOrder = this.roundHalfIndex(halfIndex, this.config.roundOffFactor); 4394 this.logoListItem.style.order = logoOrder; 4395 4396 4397 // Apply centering immediately 4398 this.centerLogo(logoOrder); 4399 4400 4401 4402 // Add resize listener 4403 window.addEventListener('resize', this.centerLogo.bind(this, logoOrder)); 4404 } 4405
4406 roundHalfIndex(halfIndex, roundOffFactor) { 4407 if (roundOffFactor === 'before') { 4408 return Math.floor(halfIndex + 1); 4409 } else { 4410 return Math.ceil(halfIndex + 1); 4411 } 4412 } 4413 4414 centerLogo(logoOrder) { 4415 if (!this.config.allowOddItems && this.listItems.length % 2 !== 0) { 4416 return; 4417 } 4418 4419 clearTimeout(this.resizedFinished); 4420 4421 this.resizedFinished = setTimeout(() => { 4422 const isDesktop = window.innerWidth >= MegaMenuCONFIG.minWidth; 4423 4424 if (isDesktop) { 4425 document.body.classList.add('desktop-centered') 4426 let listID = 1; 4427 4428 // Set order for list items 4429 this.listItems.forEach(listItem => { 4430 if (!listItem.dataset.id) { 4431 listItem.dataset.id = listID++; 4432 } 4433 this.logoListItem.style.order = logoOrder; 4434 listItem.style.order = listItem.getAttribute('data-id'); 4435 }); 4436 4437 if (!this.elements.listParent.contains(this.logoListItem) || 4438 !this.elements.listParent.contains(this.elements.headerLogo)) { 4439 4440 this.elements.listParent.prepend(this.logoListItem); 4441 this.logoListItem.append(this.elements.headerLogo); 4442 this.elements.headerInner.classList.add('dwc-logo-is-centered'); 4443 4444 const logoBounds = this.elements.headerLogo.getBoundingClientRect(); 4445 const viewportWidth = document.documentElement.clientWidth; 4446 const logoWidth = this.elements.headerLogo.offsetWidth; 4447 const distanceRight = logoBounds.x; 4448 4449 // Force center if needed 4450 if (this.config.forceCenteredLogo) { 4451 const rightOffset = ((distanceRight + (logoWidth / 2)) + this.config.centerNudge) - (viewportWidth / 2); 4452 const offsetMargin = rightOffset * 2; 4453 this.elements.menu.style.marginRight = offsetMargin + 'px'; 4454 } 4455 4456 if (CenteredLogoCONFIG.centerGuide) { 4457 if (document.body.classList.contains('logged-in')) { 4458 // Check if the indicator already exists 4459 if (!document.querySelector('.dwc-center-guide')) { 4460 const indicatorEl = document.createElement('div') 4461 indicatorEl.classList.add('dwc-center-guide') 4462 indicatorEl.style.width = this.elements.headerLogo.offsetWidth + 'px'; 4463 document.body.appendChild(indicatorEl) 4464 } 4465 } 4466 } 4467 4468 } 4469 4470 } else { 4471 document.body.classList.remove('desktop-centered'); 4472 this.elements.headerInner.classList.add('dwc-logo-is-centered'); 4473 this.elements.menu.style.marginRight = null; 4474 this.elements.headerInner.prepend(this.elements.headerLogo); 4475 this.logoListItem.style.order = null; 4476 this.listItems.forEach(listItem => { 4477 listItem.style.order = null; 4478 }); 4479 } 4480 }, 500); 4481 } 4482} 4483 4484class MenuAnimationController { 4485 constructor(config = {}) { 4486 this.config = { 4487 minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth, 4488 stripeStyle: config.stripeStyle ?? MegaMenuCONFIG.stripeStyle, 4489 adaptiveHeight: config.adaptiveHeight ?? MegaMenuCONFIG.adaptiveHeight, 4490 toolTip: config.toolTip ?? MegaMenuCONFIG.toolTip, 4491 menuAutoExpansion: config.menuAutoExpansion ?? MegaMenuCONFIG.menuAutoExpansion, 4492 headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector, 4493 megaMenuLinksSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .brx-has-megamenu`, 4494 offCanvasSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .dwc-nest-menu[data-offcanvas="true"]`, 4495 shiftFactor: config.shiftFactor ?? MegaMenuCONFIG.shiftFactor, // Added shiftFactor 4496 minOverflow: config.minOverflow ?? MegaMenuCONFIG.minOverflow // Added minOverflow 4497 }; 4498 4499 this.megaMenuLinks = document.querySelectorAll(this.config.megaMenuLinksSelector); 4500 this.header = document.querySelector(this.config.headerSelector); 4501 this.headerDiv = document.querySelector('.dwc-nest-header'); 4502 4503 this.maxMenuWidth = 0; 4504 this.maxMenuHeight = 0; 4505 this.headerTimeoutId = null; 4506 this.mobileMenuTimeoutId = null; 4507 4508 this.applyConfigClasses(); 4509 } 4510 4511 applyConfigClasses() { 4512 if (MegaMenuCONFIG.stripeStyle) { 4513 document.body.classList.add('dwc-stripe-style'); 4514 } 4515 if (MegaMenuCONFIG.adaptiveHeight) { 4516 document.body.classList.add('dwc-adaptive-height'); 4517 } 4518 4519 if (this.header) { 4520 this.header.style.setProperty('--stripe-style-enabled', this.config.stripeStyle ? '1' : '0'); 4521 this.header.style.setProperty('--height-animation-enabled', this.config.adaptiveHeight ? '1' : '0'); 4522 } 4523 } 4524 /* 4525 isAboveMinWidth() { 4526 return window.innerWidth >= this.config.minWidthThreshold; 4527 } 4528 */ 4529 4530 getViewportWidth() { 4531 // Check if window exists (for SSR/Node environments) 4532 if (typeof window === 'undefined') return 0; 4533 4534 return window.innerWidth || 4535 document.documentElement?.clientWidth || 4536 document.body?.clientWidth || 4537 0; 4538 } 4539 4540 isAboveMinWidth() { 4541 return this.getViewportWidth() >= this.config.minWidthThreshold; 4542 } 4543 4544 4545 isOffCanvas() { 4546 return !!document.querySelector(this.config.offCanvasSelector); 4547 } 4548 4549 hasHeaderClass() { 4550 return document.body.classList.contains('brx-header-left') || 4551 document.body.classList.contains('brx-header-right'); 4552 } 4553 4554 updateMenuVariables() { 4555 if (!this.isAboveMinWidth() || !this.header) return; 4556 4557 // Cache RTL detection for performance - only check once per method call 4558 const isRTLLayout = this.isRTL ? this.isRTL() : false;
4559 4560 let menuOpened = false; 4561 let menuWidth = 0; 4562 let menuHeight = 0; 4563 let menuOffset = 0; // Renamed for direction-agnostic naming 4564 4565 this.megaMenuLinks.forEach(link => { 4566 if (link.classList.contains('open')) { 4567 requestAnimationFrame(() => { 4568 let dropdownMenu = link.querySelector('.brx-dropdown-content'); 4569 let nestHeader = link.closest(this.config.headerSelector); 4570 4571 if (dropdownMenu) { 4572 // Get dimensions (direction-agnostic) 4573 menuWidth = dropdownMenu.offsetWidth; 4574 menuHeight = dropdownMenu.offsetHeight; 4575 4576 // RTL-aware offset calculation 4577 if (isRTLLayout) { 4578 // RTL: Calculate offset from right edges 4579 // Formula: distance from header's right edge to menu's right edge 4580 const headerRect = nestHeader.getBoundingClientRect(); 4581 const menuRect = dropdownMenu.getBoundingClientRect(); 4582 menuOffset = (headerRect.right - menuRect.right) + window.scrollX; 4583 } else { 4584 // LTR: Original left-based calculation (unchanged for backwards compatibility) 4585 menuOffset = Number(dropdownMenu.getBoundingClientRect().left) - Number(nestHeader.getBoundingClientRect().left) + window.scrollX; 4586 } 4587 4588 // Update maximum dimensions (direction-agnostic) 4589 this.maxMenuWidth = Math.max(this.maxMenuWidth, menuWidth); 4590 this.maxMenuHeight = Math.max(this.maxMenuHeight, menuHeight); 4591 4592 // Calculate scaling factors (direction-agnostic) 4593 let scaleX = menuWidth / this.maxMenuWidth; 4594 let scaleY = menuHeight / this.maxMenuHeight; 4595 4596 // Set adaptive height if enabled (direction-agnostic) 4597 if (this.config.adaptiveHeight || this.config.stripeStyle) { 4598 this.header.style.setProperty('--dropdown-menu-height', `${menuHeight}px`); 4599 } 4600 4601 // Set stripe-style variables with RTL awareness 4602 if (this.config.stripeStyle) { 4603 // Position variable - RTL-aware naming and calculation 4604 if (isRTLLayout) { 4605 // Set RTL-specific position variable 4606 this.header.style.setProperty('--dropdown-menu-x-rtl', `${menuOffset}px`); 4607 // Also set the standard variable for CSS that expects it 4608 this.header.style.setProperty('--dropdown-menu-x', `${menuOffset}px`); 4609 } else { 4610 // LTR: Use standard left-based positioning 4611 this.header.style.setProperty('--dropdown-menu-x', `${menuOffset}px`); 4612 // Clear any RTL variable that might exist 4613 this.header.style.removeProperty('--dropdown-menu-x-rtl'); 4614 } 4615 4616 // Set dimension and scaling variables (direction-agnostic) 4617 this.header.style.setProperty('--dropdown-menu-width', `${menuWidth}px`); 4618 this.header.style.setProperty('--dropdown-menu-max-width', `${this.maxMenuWidth}px`); 4619 this.header.style.setProperty('--dropdown-menu-max-height', `${this.maxMenuHeight}px`); 4620 this.header.style.setProperty('--dropdown-menu-scale-x', scaleX.toString()); 4621 this.header.style.setProperty('--dropdown-menu-scale-y', scaleY.toString()); 4622 4623 // Set direction indicator for CSS usage 4624 this.header.style.setProperty('--dropdown-menu-direction', isRTLLayout ? 'rtl' : 'ltr'); 4625 } 4626 } 4627 }); 4628 4629 menuOpened = true; 4630 this.header.classList.add('show-menu-animation'); 4631 this.header.classList.remove('hide-menu-animation'); 4632 } 4633 }); 4634 4635 // Handle menu closing (unchanged logic, direction-agnostic) 4636 if (!menuOpened) { 4637 const hasAdaptiveHeight = document.body.classList.contains('dwc-adaptive-height'); 4638 const hasStripeStyle = document.body.classList.contains('dwc-stripe-style'); 4639 4640 if (hasAdaptiveHeight && !hasStripeStyle) { 4641 this.header.style.setProperty('--dropdown-menu-height', '0px'); 4642 } 4643 4644 this.header.style.setProperty('--dropdown-menu-scale-y', '0'); 4645 4646 if (this.header) { 4647 this.header.classList.add('hide-menu-animation'); 4648 this.header.classList.remove('show-menu-animation'); 4649 } 4650 } 4651 } 4652 4653 4654 updateDropdownPositions() { 4655 const viewportWidth = document.documentElement.clientWidth; 4656 if (viewportWidth < this.config.minWidthThreshold) return; // Run only on desktop 4657 4658 const dropdowns = document.querySelectorAll(`${this.config.headerSelector} .dwc-nest-menu .brx-has-megamenu .brx-dropdown-content`); 4659 const defaultElement = document.querySelector('#brx-header'); 4660 const defaultRect = defaultElement ? defaultElement.getBoundingClientRect() : null; 4661 const isRTL = this.isRTL(); 4662 4663 requestAnimationFrame(() => { 4664 // Handle vertical positioning (global top or stripe style) 4665 this.handleVerticalPositioning(); 4666 4667 // Handle width and horizontal alignment positioning 4668 dropdowns.forEach((dropdown) => { 4669 this.setDropdownWidth(dropdown); 4670 this.positionDropdownHorizontally(dropdown, defaultRect, viewportWidth, isRTL); 4671 }); 4672 }); 4673} 4674 4675/** 4676 * Detect if the document is using RTL (Right-to-Left) layout 4677 */ 4678isRTL() { 4679 const htmlDir = document.documentElement.dir?.toLowerCase(); 4680 if (htmlDir) return htmlDir === 'rtl'; 4681 4682 const computedDirection = getComputedStyle(document.documentElement).direction; 4683 return computedDirection === 'rtl'; 4684} 4685 4686/** 4687 * Handle vertical positioning for dropdowns (global top positioning or stripe style) 4688 */ 4689handleVerticalPositioning() { 4690 const nestMenu = document.querySelector('.dwc-nest-menu'); 4691 const globalTopSelector = nestMenu ? nestMenu.getAttribute('data-global-content-vertical')
4691: null; 4692 4693 if (globalTopSelector) { 4694 this.positionDropdownsRelativeToElement(globalTopSelector, 'global top element'); 4695 } else if (this.config.stripeStyle) { 4696 this.positionDropdownsRelativeToElement('#brx-header', '#brx-header bottom (stripe style)'); 4697 } 4698} 4699 4700/** 4701 * Position dropdowns relative to a specified element 4702 */ 4703positionDropdownsRelativeToElement(selector, description) { 4704 const targetElement = document.querySelector(selector); 4705 if (!targetElement) return; 4706 4707 const positioningDropdowns = document.querySelectorAll(`${this.config.headerSelector} .dwc-nest-menu .brx-dropdown-content:not(.brx-dropdown-content .brx-dropdown-content)`); 4708 const targetRect = targetElement.getBoundingClientRect(); 4709 4710 positioningDropdowns.forEach(dropdown => { 4711 const menuItem = dropdown.closest('.menu-item') || dropdown.parentElement; 4712 const menuItemRect = menuItem.getBoundingClientRect(); 4713 4714 const topPosition = menuItemRect.height + targetRect.bottom - menuItemRect.bottom; 4715 dropdown.style.top = `${topPosition}px`; 4716 }); 4717 4718 // console.log(`Positioned dropdowns relative to ${description}`); 4719} 4720 4721/** 4722 * Set dropdown width based on data attributes or global settings 4723 */ 4724setDropdownWidth(dropdown) { 4725 // Check for individual data-content-width attribute first 4726 const localSelector = dropdown.getAttribute('data-content-width'); 4727 4728 if (localSelector) { 4729 this.applyWidthFromSelector(dropdown, localSelector); 4730 return; 4731 } 4732 4733 // Fall back to global data-global-content-width setting 4734 const nestMenu = document.querySelector('.dwc-nest-menu'); 4735 const globalSelector = nestMenu ? nestMenu.getAttribute('data-global-content-width') : null; 4736 4737 if (globalSelector) { 4738 this.applyWidthFromSelector(dropdown, globalSelector); 4739 } 4740} 4741 4742/** 4743 * Apply width to dropdown based on selector (number, CSS value, CSS variable, or element selector) 4744 */ 4745applyWidthFromSelector(dropdown, selector) { 4746 // Check if it's a number or value with CSS units 4747 if (/^\d+(\.\d+)?(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)?$/i.test(selector)) { 4748 const hasUnit = /\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/i.test(selector); 4749 const widthValue = hasUnit ? selector : `${selector}px`; 4750 dropdown.style.setProperty('--dropdown-content-width', widthValue); 4751 } 4752 // Check if it's a CSS variable (starts with var( and ends with )) 4753 else if (/^var\(--[\w-]+\)$/.test(selector)) { 4754 this.applyWidthFromCSSVariable(dropdown, selector); 4755 } 4756 // Treat as element selector 4757 else { 4758 this.applyWidthFromElement(dropdown, selector); 4759 } 4760} 4761 4762/** 4763 * Apply width from CSS variable 4764 */ 4765applyWidthFromCSSVariable(dropdown, variableSelector) { 4766 const variableName = variableSelector.match(/^var\((--[\w-]+)\)$/)[1]; 4767 const computedValue = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim(); 4768 4769 if (computedValue) { 4770 const hasUnit = /\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/i.test(computedValue); 4771 const widthValue = hasUnit ? computedValue : `${computedValue}px`; 4772 dropdown.style.setProperty('--dropdown-content-width', widthValue); 4773 } 4774} 4775 4776/** 4777 * Apply width from target element 4778 */ 4779applyWidthFromElement(dropdown, selector) { 4780 const targetElement = document.querySelector(selector); 4781 if (targetElement) { 4782 const targetWidth = targetElement.getBoundingClientRect().width; 4783 dropdown.style.setProperty('--dropdown-content-width', `${targetWidth}px`); 4784 } 4785} 4786 4787/** 4788 * Handle horizontal positioning of dropdown with RTL support and overflow management 4789 * FIXED VERSION - Properly handles RTL overflow prevention 4790 */ 4791positionDropdownHorizontally(dropdown, defaultRect, viewportWidth, isRTL) { 4792 const parentLi = dropdown.closest('.brx-has-megamenu.brxe-dropdown'); 4793 if (!parentLi) return; 4794 4795 const contentAlign = dropdown.getAttribute('data-content-align'); 4796 let actualDropdownWidth = this.getActualDropdownWidth(dropdown); 4797 const liRect = parentLi.getBoundingClientRect(); 4798 4799 // Constrain width to viewport if dropdown is wider 4800 if (actualDropdownWidth > viewportWidth) { 4801 dropdown.style.setProperty('--dropdown-content-width', `${viewportWidth}px`); 4802 actualDropdownWidth = viewportWidth; 4803 } 4804 4805 // Calculate initial position based on alignment and RTL 4806 let position = this.calculateInitialPosition(dropdown, parentLi, contentAlign, actualDropdownWidth, defaultRect, isRTL); 4807 4808 // Apply overflow corrections with proper RTL support 4809 position = this.handleOverflowAdjustments(position, liRect, actualDropdownWidth, viewportWidth, isRTL); 4810 4811 // Set final position using appropriate CSS property 4812 if (isRTL) { 4813 // In RTL, we need to calculate right-based positioning 4814 const rightPosition = liRect.width - position - actualDropdownWidth; 4815 dropdown.style.setProperty('--right-position', `${rightPosition}px`); 4816 dropdown.style.removeProperty('--left-position'); 4817 } else { 4818 // LTR uses left-based positioning (existing behavior) 4819 dropdown.style.setProperty('--left-position', `${position}px`); 4820 dropdown.style.removeProperty('--right-position'); 4821 4822 // Fallback for existing CSS that expects --left-position 4823 if (!dropdown.style.getPropertyValue('--left-position')) { 4824 dropdown.style.setProperty('--left-position', '0px'); 4825 } 4826 } 4827} 4828 4829/** 4830 * Get actual dropdown width accounting for CSS transforms 4831 */ 4832getActualDropdownWidth(dropdown) { 4833 const computedStyle = getComputedStyle(dropdown); 4834 const dropdownRect = dropdown.getBoundingClientRect(); 4835 4836 // Extract scale factor from transform 4837 const transform = computedStyle.transform || computedStyle.webkitTransform; 4838 let scaleX = 1; 4839 4840 if (transform && transform !== 'none') { 4841 const matrix = transform.match(/^matrix\((.+)\)$/); 4842 if (matrix) { 4843 const values = matrix[1].split(', '); 4844 scaleX = parseFloat(values[0]); 4845 } 4846 } 4847 4848 return dropdownRect.width / scaleX; 4849} 4850 4851/** 4852 * Calculate initial dropdown position based on alignment and RTL settings 4853 * ENHANCED VERSION with improved RTL positioning 4854 */ 4855calculateInitialPosition(dropdown, parentLi, contentAlign, actualDropdownWidth, defaultRect, isRTL) { 4856 const validAlignments = ['left', 'center', 'right']; 4857 const hasValidAlignment = contentAlign && validAlignments.includes(contentAlign); 4858 const liRect = parentLi.getBoundingClientRect(); 4859 4860 if (!hasValidAlignment) { 4861 // Default centering behavior 4862 return this.calculateCenteredPosition(actualDropdownWidth, defaultRect, liRect, isRTL); 4863 } 4864 4865 // Apply RTL-aware alignment mapping 4866 const effectiveAlignment = this.getEffectiveAlignment(contentAlign, isRTL); 4867 4868 // Calculate position relative to parent element 4869 switch (effectiveAlignment) { 4870 case 'left': 4871 return isRTL ? liRect.width : 0; 4872 case 'right': 4873 return isRTL ? 0 : (liRect.width - actualDropdownWidth); 4874 case 'center': 4875 return (liRect.width - actualDropdownWidth) / 2; 4876 default: 4877 return isRTL ? liRect.width : 0; 4878 } 4879} 4880 4881 4882/** 4883 * Map alignment values for RTL layouts 4884 */ 4885getEffectiveAlignment(contentAlign, isRTL) { 4886 if (!isRTL) return contentAlign; 4887 4888 // RTL alignment mapping 4889 switch (contentAlign) { 4890 case 'left': return 'right'; 4891 case 'right': return 'left'; 4892 case 'center': return 'center'; 4893 default: return contentAlign; 4894 } 4895} 4896 4897 4898/** 4899 * Calculate centered position for default alignment 4900 * ENHANCED VERSION with better RTL support 4901 */ 4902calculateCenteredPosition(actualDropdownWidth, defaultRect, liRect, isRTL) { 4903 if (!defaultRect) return isRTL ? liRect.width / 2 : 0; 4904 4905 const defaultElement = document.querySelector('#brx-header'); 4906 const headerRect = defaultElement ? defaultElement.getBoundingClientRect() : null; 4907 4908 if (headerRect) { 4909 const centerOffset = (defaultRect.width - actualDropdownWidth) / 2; 4910 4911 if (isRTL) { 4912 // RTL: Calculate position relative to parent's right edge 4913 const headerRightOffset = headerRect.right; 4914 const liRightOffset = liRect.right; 4915 return centerOffset - (headerRightOffset - liRightOffset); 4916 } else { 4917 // LTR: Calculate position relative to parent's left edge (existing logic) 4918 const headerLeftOffset = headerRect.left + window.scrollX; 4919 return centerOffset - (liRect.left - headerLeftOffset); 4920 } 4921 } 4922 4923 return isRTL ? liRect.width / 2 : 0; 4924} 4925 4926/** 4927 * Handle viewport overflow adjustments with proper RTL support 4928 * COMPLETELY REWRITTEN for accurate RTL edge calculations 4929 */ 4930handleOverflowAdjustments(position, liRect, actualDropdownWidth, viewportWidth, isRTL) { 4931 // Calculate edges based on layout direction 4932 let leftEdge, rightEdge; 4933 4934 if (isRTL) { 4935 // RTL: position is relative to parent's right edge, calculate absolute edges 4936 const parentRight = liRect.right; 4937 rightEdge = parentRight - position; 4938 leftEdge = rightEdge - actualDropdownWidth; 4939 } else { 4940 // LTR: position is relative to parent's left edge (existing logic) 4941 leftEdge = liRect.left + position; 4942 rightEdge = leftEdge + actualDropdownWidth; 4943 } 4944 4945 let adjustedPosition = position; 4946 const isViewportConstrained = actualDropdownWidth >= viewportWidth; 4947 4948 // Check for left viewport overflow
4949 if (leftEdge < 0) { 4950 const leftOverflow = Math.abs(leftEdge); 4951 4952 if (isViewportConstrained) { 4953 // For viewport-constrained dropdowns, use exact positioning 4954 if (isRTL) { 4955 // RTL: adjust position to align left edge with viewport 4956 adjustedPosition = position - leftOverflow; 4957 } else { 4958 // LTR: adjust position to align left edge with viewport 4959 adjustedPosition += leftOverflow; 4960 } 4961 } else { 4962 // For normal dropdowns, use configured shift behavior 4963 const adjustedOverflow = leftOverflow < this.config.minOverflow ? this.config.minOverflow : leftOverflow; 4964 if (isRTL) { 4965 adjustedPosition -= adjustedOverflow * this.config.shiftFactor; 4966 } else { 4967 adjustedPosition += adjustedOverflow * this.config.shiftFactor; 4968 } 4969 } 4970 } 4971 4972 // Recalculate right edge after left adjustments 4973 let adjustedRightEdge; 4974 if (isRTL) { 4975 const parentRight = liRect.right; 4976 adjustedRightEdge = parentRight - adjustedPosition; 4977 } else { 4978 adjustedRightEdge = liRect.left + adjustedPosition + actualDropdownWidth; 4979 } 4980 4981 // Check for right viewport overflow 4982 if (adjustedRightEdge > viewportWidth) { 4983 const rightOverflow = adjustedRightEdge - viewportWidth; 4984 4985 if (isViewportConstrained) { 4986 // For viewport-constrained dropdowns, position exactly at viewport edge 4987 if (isRTL) { 4988 // RTL: adjust position to align right edge with viewport 4989 adjustedPosition += rightOverflow; 4990 } else { 4991 // LTR: adjust position to align right edge with viewport 4992 adjustedPosition -= rightOverflow; 4993 } 4994 4995 // Double-check: if this causes opposite overflow, prioritize based on RTL 4996 let finalLeftEdge, finalRightEdge; 4997 if (isRTL) { 4998 const parentRight = liRect.right; 4999 finalRightEdge = parentRight - adjustedPosition; 5000 finalLeftEdge = finalRightEdge - actualDropdownWidth; 5001 } else { 5002 finalLeftEdge = liRect.left + adjustedPosition; 5003 finalRightEdge = finalLeftEdge + actualDropdownWidth; 5004 } 5005 5006 if (finalLeftEdge < 0) { 5007 if (isRTL) { 5008 // In RTL, prioritize right edge - align dropdown to right edge of viewport 5009 adjustedPosition = liRect.right - viewportWidth; 5010 } else { 5011 // In LTR, prioritize left edge - align dropdown to left edge of viewport 5012 adjustedPosition = -liRect.left; 5013 } 5014 } 5015 } else { 5016 // For normal dropdowns, use configured shift behavior 5017 const adjustedOverflow = rightOverflow < this.config.minOverflow ? this.config.minOverflow : rightOverflow; 5018 if (isRTL) { 5019 adjustedPosition += adjustedOverflow * this.config.shiftFactor; 5020 } else { 5021 adjustedPosition -= adjustedOverflow * this.config.shiftFactor; 5022 } 5023 } 5024 } 5025 5026 return adjustedPosition; 5027} 5028 5029/** 5030 * Handle dropdowns that are wider than the viewport 5031 */ 5032handleWideDropdownOverflow(liRect, actualDropdownWidth, viewportWidth, isRTL) { 5033 // For dropdowns wider than viewport, prioritize showing the start of content 5034 // In RTL, this means showing the right side; in LTR, the left side 5035 if (isRTL) { 5036 // Align to right edge of viewport 5037 return viewportWidth - liRect.left - actualDropdownWidth; 5038 } else { 5039 // Align to left edge of viewport 5040 return -liRect.left; 5041 } 5042} 5043 5044 5045 setCurrentPageDropdownActive() { 5046 if (!this.config.menuAutoExpansion) return; 5047 5048 const isDesktop = window.innerWidth >= this.config.minWidthThreshold; 5049 const hasSpecialHeader = document.body.classList.contains('brx-header-left') || 5050 document.body.classList.contains('brx-header-right'); 5051 const isOffCanvas = !!document.querySelector(this.config.offCanvasSelector); 5052 5053 if (isDesktop && !hasSpecialHeader && !isOffCanvas) return; 5054 5055 const currentPageLink = document.querySelector('[aria-current="page"]'); 5056 5057 if (currentPageLink) { 5058 const parentDropdown = currentPageLink.closest('.brxe-dropdown'); 5059 let tabbedParentDropdown = currentPageLink.closest('.dwc-tabbed-nav-list__li'); 5060 5061 // If tabbedParentDropdown has currentPageLink as a direct child, ignore it 5062 if (tabbedParentDropdown) { 5063 const directPageLink = tabbedParentDropdown.querySelector(':scope > a[aria-current="page"]'); 5064 if (directPageLink) { 5065 tabbedParentDropdown = null; // Ignore tabbedParentDropdown 5066 } 5067 } 5068 5069 if (parentDropdown) { 5070 setTimeout(() => { 5071 // console.log(tabbedParentDropdown); 5072 parentDropdown.classList.add('open', 'active'); 5073 5074 // Only add 'active' class if tabbedParentDropdown exists 5075 if (tabbedParentDropdown) { 5076 tabbedParentDropdown.classList.add('active'); 5077 } 5078 5079 const submenuToggle = parentDropdown.querySelector('.brx-submenu-toggle'); 5080 let button = submenuToggle ? submenuToggle.querySelector('button') : null; 5081 const menuToggle = document.querySelector('.dwc-nest-menu .brxe-toggle'); 5082 5083 if (button) { 5084 menuToggle.addEventListener('click', () => { 5085 setTimeout(() => { 5086 const submenuIsOpen = parentDropdown.classList.contains('open', 'active'); 5087 if (submenuIsOpen) { 5088 button.setAttribute('aria-expanded', 'true'); 5089 currentPageLink.scrollIntoView({ 5090 behavior: 'smooth', 5091 block: 'nearest' 5092 }); 5093 } 5094 }, 600); 5095 }); 5096 } 5097 5098 }, 700); 5099 } 5100 } 5101 } 5102 5103 updateChevronPosition(targetLink) { 5104 if (!this.config.stripeStyle) return; 5105 5106 requestAnimationFrame(() => { 5107 let headerElement = document.querySelector(this.config.headerSelector); 5108 if (!headerElement) { 5109 console.error('Chevron parent element not found.'); 5110 return; 5111 } 5112 5113 // Cache RTL detection for performance within this animation frame 5114 const isRTLLayout = this.isRTL ? this.isRTL() : false;
5115 5116 // Get element dimensions and positions 5117 let linkRect = targetLink.getBoundingClientRect(); 5118 let headerRect = headerElement.getBoundingClientRect(); 5119 5120 // Calculate link midpoint (geometric center - always the same regardless of direction) 5121 let linkMidpoint = linkRect.left + linkRect.width / 2; 5122 5123 // RTL-aware reference point calculation 5124 let headerReferenceOffset, navlinkMidpointOffset, navlinkEdgeOffset; 5125 5126 if (isRTLLayout) { 5127 // RTL: Use right edge as reference point 5128 let headerRightOffset = headerRect.right + window.scrollX; 5129 5130 // Calculate offsets relative to header's right edge 5131 navlinkMidpointOffset = headerRightOffset - linkMidpoint; 5132 navlinkEdgeOffset = headerRightOffset - linkRect.right; 5133 headerReferenceOffset = headerRightOffset; 5134 5135 // Set RTL-specific CSS variables 5136 headerElement.style.setProperty('--chevron-parent-right', `${headerReferenceOffset}px`); 5137 headerElement.style.setProperty('--navlink-midpoint-rtl', `${navlinkMidpointOffset}px`); 5138 headerElement.style.setProperty('--navlink-right', `${navlinkEdgeOffset}px`); 5139 5140 // Set unified variables for CSS that expects them (RTL context) 5141 headerElement.style.setProperty('--navlink-midpoint', `${navlinkMidpointOffset}px`); 5142 headerElement.style.setProperty('--navlink-edge', `${navlinkEdgeOffset}px`); 5143 5144 } else { 5145 // LTR: Original left-based calculation (unchanged for perfect backwards compatibility) 5146 let headerLeftOffset = headerRect.left + window.scrollX; 5147 5148 // Calculate offsets relative to header's left edge (original logic) 5149 navlinkMidpointOffset = linkMidpoint - headerLeftOffset; 5150 navlinkEdgeOffset = linkRect.left - headerLeftOffset; 5151 headerReferenceOffset = headerLeftOffset; 5152 5153 // Set standard LTR CSS variables (original behavior) 5154 headerElement.style.setProperty('--chevron-parent-left', `${headerReferenceOffset}px`); 5155 headerElement.style.setProperty('--navlink-midpoint', `${navlinkMidpointOffset}px`); 5156 headerElement.style.setProperty('--navlink-left', `${navlinkEdgeOffset}px`); 5157 5158 // Set unified edge variable for consistency 5159 headerElement.style.setProperty('--navlink-edge', `${navlinkEdgeOffset}px`); 5160 5161 // Clean up any RTL variables that might exist from previous state 5162 headerElement.style.removeProperty('--chevron-parent-right'); 5163 headerElement.style.removeProperty('--navlink-midpoint-rtl'); 5164 headerElement.style.removeProperty('--navlink-right'); 5165 } 5166 5167 // Set direction-agnostic variables (same for both LTR and RTL) 5168 headerElement.style.setProperty('--chevron-parent-width', `${headerRect.width}px`); 5169 headerElement.style.setProperty('--navlink-width', `${linkRect.width}px`); 5170 5171 // Set direction indicator for CSS conditional logic 5172 headerElement.style.setProperty('--chevron-direction', isRTLLayout ? 'rtl' : 'ltr'); 5173 5174 // Set boolean flags for easier CSS targeting 5175 if (isRTLLayout) { 5176 headerElement.style.setProperty('--is-rtl', '1'); 5177 headerElement.style.removeProperty('--is-ltr'); 5178 } else { 5179 headerElement.style.setProperty('--is-ltr', '1'); 5180 headerElement.style.removeProperty('--is-rtl'); 5181 } 5182 }); 5183 } 5184 5185 5186 updateHeaderHeight() { 5187 if (this.headerTimeoutId) { 5188 clearTimeout(this.headerTimeoutId); 5189 } 5190 5191 requestAnimationFrame(() => { 5192 if (this.header) { 5193 this.headerTimeoutId = setTimeout(() => { 5194 let headerHeight = this.header.offsetHeight; 5195 let headerDivHeight = this.headerDiv.offsetHeight; 5196 document.body.style.setProperty('--dwc-nest-header-height', `${headerHeight}px`); 5197 document.body.style.setProperty('--dwc-header-div-height', `${headerDivHeight}px`); 5198 }, 300); 5199 } 5200 }); 5201 } 5202 5203 setMobileMenuTopHeight() { 5204 if (this.mobileMenuTimeoutId) { 5205 clearTimeout(this.mobileMenuTimeoutId); 5206 } 5207 5208 let mobileMenuTop = document.querySelector('.dwc-nest-menu-top'); 5209 if (!mobileMenuTop) { 5210 console.error('Mobile menu top element not found'); 5211 return; 5212 } 5213 5214 this.mobileMenuTimeoutId = setTimeout(() => { 5215 let menuTopHeight = mobileMenuTop.offsetHeight; 5216 document.body.style.setProperty('--mobile-menu-top-height', `${menuTopHeight}px`); 5217 }, 1000); 5218 } 5219 5220 5221 updateMobileLogo() { 5222 let mobileLogo = document.querySelector('.dwc-nest-menu__mobile-logo'); 5223 let desktopLogo = document.querySelector('.dwc-nest-menu__logo'); 5224 5225 if (!mobileLogo) { 5226 console.error('Mobile logo container not found'); 5227 return; 5228 } 5229 5230 if (!desktopLogo) { 5231 console.error('Desktop logo container not found'); 5232 return; 5233 } 5234 5235 // Updated to check for either img or svg in desktop logo 5236 let desktopLogoElement = desktopLogo.querySelector('img, svg'); 5237 if (!desktopLogoElement) return; 5238 5239 // Check if mobile logo has an image or SVG 5240 const currentMobileLogo = mobileLogo.querySelector('img, svg'); 5241 5242 // Store original logo data if not already stored 5243 if (!mobileLogo.hasAttribute('data-original-logo-type') && currentMobileLogo) { 5244 // Get logo type (img or svg) 5245 const logoType = currentMobileLogo.tagName.toLowerCase(); 5246 mobileLogo.setAttribute('data-original-logo-type', logoType); 5247 5248 if (logoType === 'img') { 5249 mobileLogo.setAttribute('data-original-logo-src', currentMobileLogo.src); 5250 mobileLogo.setAttribute('data-original-logo-alt', currentMobileLogo.alt || ''); 5251 mobileLogo.setAttribute('data-original-logo-class', currentMobileLogo.className || ''); 5252 } else if (logoType === 'svg') { 5253 // Store SVG content as a string 5254 mobileLogo.setAttribute('data-original-logo-content', currentMobileLogo.outerHTML); 5255 mobileLogo.setAttribute('data-original-logo-class', currentMobileLogo.getAttribute('class') || ''); 5256 } 5257 } 5258 5259 if (this.isAboveMinWidth()) { 5260 if (currentMobileLogo) { 5261 mobileLogo.removeChild(currentMobileLogo); 5262 } 5263 5264 // Clone desktop logo (either img or svg) 5265 let newLogo = desktopLogoElement.cloneNode(true); 5266 newLogo.removeAttribute('id'); 5267 // mobileLogo.appendChild(newLogo); 5268 } else { 5269 // For mobile view 5270 const originalLogoType = mobileLogo.getAttribute('data-original-logo-type'); 5271 5272 if (!currentMobileLogo) { 5273 // If no current logo, clone desktop logo 5274 let mobileLogoElement = desktopLogoElement.cloneNode(true); 5275 mobileLogoElement.removeAttribute('id'); 5276 mobileLogo.appendChild(mobileLogoElement); 5277 } else if (originalLogoType) { 5278 mobileLogo.removeChild(currentMobileLogo); 5279 5280 if (originalLogoType === 'img') { 5281 // Restore original img 5282 let mobileLogoImage = document.createElement('img'); 5283 mobileLogoImage.src = mobileLogo.getAttribute('data-original-logo-src'); 5284 mobileLogoImage.alt = mobileLogo.getAttribute('data-original-logo-alt') || ''; 5285 mobileLogoImage.className = mobileLogo.getAttribute('data-original-logo-class') || ''; 5286 mobileLogo.appendChild(mobileLogoImage); 5287 } else if (originalLogoType === 'svg') { 5288 // Restore original SVG 5289 const svgContent = mobileLogo.getAttribute('data-original-logo-content'); 5290 if (svgContent) { 5291 const tempContainer = document.createElement('div'); 5292 tempContainer.innerHTML = svgContent; 5293 const svgElement = tempContainer.querySelector('svg'); 5294 if (svgElement) { 5295 mobileLogo.appendChild(svgElement.cloneNode(true)); 5296 } 5297 } 5298 } 5299 } 5300 } 5301 } 5302 5303 5304 initDesktopNav() { 5305 if (this.isOffCanvas() || !this.header || this.hasHeaderClass()) return; 5306 5307 let menuElement = this.header.querySelector('.dwc-nest-menu'); 5308 if (menuElement) { 5309 menuElement.classList.remove('brx-open'); 5310 menuElement.querySelectorAll('.brxe-dropdown').forEach(dropdown => { 5311 dropdown.classList.remove('active', 'open'); 5312 }); 5313 } 5314 } 5315 5316 initializeMaxDimensions() { 5317 if (!this.isAboveMinWidth()) return; 5318 5319 this.megaMenuLinks.forEach(link => { 5320 let dropdown = link.querySelector('.brx-dropdown-content'); 5321 if (dropdown) { 5322 this.maxMenuWidth = Math.max(this.maxMenuWidth, dropdown.offsetWidth); 5323 this.maxMenuHeight = Math.max(this.maxMenuHeight, dropdown.offsetHeight + 10); 5324 } 5325 }); 5326 5327 this.header.style.setProperty('--dropdown-menu-max-width', `${this.maxMenuWidth}px`); 5328 this.header.style.setProperty('--dropdown-menu-max-height', `${this.maxMenuHeight}px`); 5329 this.header.style.setProperty('--dropdown-menu-scale-x', '0'); 5330 this.header.style.setProperty('--dropdown-menu-scale-y', '0'); 5331 } 5332 5333 resetForMobile() { 5334 this.header.style.setProperty('--dropdown-menu-scale-x', '0'); 5335 this.header.style.setProperty('--dropdown-menu-scale-y', '0'); 5336 this.header.style.setProperty('--dropdown-menu-width', '0'); 5337 5338 if (this.header) { 5339 this.header.classList.remove('show-menu-animation', 'hide-menu-animation'); 5340 } 5341 } 5342 5343 setBoxedWidthVariable() { 5344 // Check if body has the brx-boxed class 5345 if (document.body.classList.contains('brx-boxed')) { 5346 // Get computed style for the body 5347 const computedStyle = window.getComputedStyle(document.body); 5348 5349 // Get the max-width value 5350 const maxWidth = computedStyle.getPropertyValue('max-width'); 5351 5352 // Set the max-width as a CSS variable on the body 5353 document.body.style.setProperty('--boxed-width', maxWidth); 5354 5355 return maxWidth; 5356 } else { 5357 return null; 5358 } 5359 } 5360 5361 closeDesktopMenu(link) { 5362 // Start from the link itself to find parent li.brxe-dropdown elements
5363 let currentElement = link; 5364 5365 while (currentElement) { 5366 // Find the closest parent li.brxe-dropdown from current position 5367 const parentLi = currentElement.closest('li.brxe-dropdown'); 5368 5369 if (!parentLi) break; // No more parent li.brxe-dropdown elements 5370 5371 // Check if this li has open or active class 5372 if (parentLi.classList.contains('open') || parentLi.classList.contains('active')) { 5373 // Remove open and active classes 5374 parentLi.classList.remove('open', 'active'); 5375 5376 // Find the toggle button to update aria-expanded 5377 const toggleButton = parentLi.querySelector(':scope > .brx-submenu-toggle > button'); 5378 5379 if (toggleButton) { 5380 // Set aria-expanded to false 5381 toggleButton.setAttribute('aria-expanded', 'false'); 5382 } 5383 } 5384 5385 // Move up: go to parent li's parent element to continue traversing upward only 5386 currentElement = parentLi.parentElement; 5387 } 5388} 5389 5390 5391 closeNavOnClick() { 5392 if (MegaMenuCONFIG.closeNavOnClick) { 5393 5394 const allLinks = document.querySelectorAll('.dwc-nest-menu a'); 5395 const menuContainer = document.querySelector('.dwc-nest-menu'); 5396 const menuItemLinks = Array.from(allLinks).filter(link => { 5397 return link.parentElement !== menuContainer; 5398 }); 5399 5400 const menuToggle = document.querySelector('.dwc-nest-menu .brxe-toggle'); 5401 5402 // Always remove existing event listeners first 5403 menuItemLinks.forEach(link => { 5404 const storedHandler = link._clickHandler; 5405 if (storedHandler) { 5406 link.removeEventListener('click', storedHandler); 5407 delete link._clickHandler; 5408 } 5409 }); 5410 5411 // Check if we should skip desktop behavior 5412 const isMobile = !this.isAboveMinWidth(); 5413 const shouldSkipDesktop = MegaMenuCONFIG.closeOnMobileOnly && !isMobile; 5414 5415 if (shouldSkipDesktop) return; 5416 5417 // Helper function to check if element has excluded selector 5418 const hasExcludedSelector = (element) => { 5419 if (!MegaMenuCONFIG.closeNavOnClickExclude) return false; 5420 5421 const excludedSelectors = MegaMenuCONFIG.closeNavOnClickExclude 5422 .split(',') 5423 .map(selector => selector.trim()); 5424 5425 return excludedSelectors.some(selector => { 5426 try { 5427 return element.matches(selector); 5428 } catch (error) { 5429 // Fallback for invalid selectors - log warning and skip 5430 console.warn(`Invalid selector: "${selector}"`, error); 5431 return false; 5432 } 5433 }); 5434 }; 5435 5436 // Helper function to check if link has a hash 5437 const hasHashLink = (link) => { 5438 const href = link.getAttribute('href'); 5439 return href && href.includes('#'); 5440 }; 5441 5442 // Add event listeners based on mobile/desktop context 5443 menuItemLinks.forEach(link => { 5444 // Skip this link if it has any excluded classes 5445 if (hasExcludedSelector(link)) return; 5446 5447 // If closeOnHashClickOnly is true, skip links without hash 5448 if (MegaMenuCONFIG.closeOnHashClickOnly && !hasHashLink(link)) return; 5449 5450 const clickHandler = () => { 5451 if (isMobile) { 5452 // Mobile: close entire menu via toggle 5453 if (menuToggle) { 5454 menuToggle.click(); 5455 } 5456 } else { 5457 // Desktop: close parent dropdowns 5458 this.closeDesktopMenu(link); 5459 } 5460 }; 5461 5462 link._clickHandler = clickHandler; 5463 link.addEventListener('click', clickHandler); 5464 }); 5465 } 5466} 5467} 5468 5469class TooltipManager { 5470 constructor(config) { 5471 this.config = { 5472 toolTip: config.toolTip || false 5473 }; 5474 this.targetButton = null; 5475 this.tooltipProcessed = false;
5476 } 5477 5478 setBackText() { 5479 let menuElement = document.querySelector('.dwc-nest-menu'); 5480 let forcedBackText = menuElement.getAttribute('data-back-text') 5481 document.querySelectorAll('.brx-submenu-toggle').forEach(submenu => { 5482 const textContent = submenu.textContent.trim(); 5483 const button = submenu.querySelector('.brx-submenu-toggle > button'); 5484 if (button) { 5485 button.setAttribute('data-text', textContent); 5486 button.setAttribute('data-back-text', forcedBackText); 5487 } 5488 }); 5489 } 5490 5491 updateTooltipDataText(button) { 5492 if (!this.config.toolTip) return; 5493 5494 let menuElement = document.querySelector('.dwc-nest-menu'); 5495 let toolTipBackText = menuElement.getAttribute('data-tooltip-back-text') 5496 5497 const closestUl = button.closest('.dwc-nav-wrapper, .dwc-tabbed-nav__list-wrapper'); 5498 if (closestUl) { 5499 const tooltip = closestUl.querySelector('.dwc-nest-tooltip'); 5500 if (tooltip) { 5501 const buttonText = button.getAttribute('data-text') || 5502 button.querySelector('i')?.getAttribute('data-text'); 5503 tooltip.setAttribute('data-text', buttonText); 5504 tooltip.innerText = toolTipBackText + ' ' + buttonText; 5505 } 5506 // console.log('button: ', button) 5507 // console.log('closet ul: ', closestUl) 5508 } 5509 5510 } 5511 5512 addTooltip(button) { 5513 if (!this.config.toolTip) return; 5514 5515 let menuElement = document.querySelector('.dwc-nest-menu'); 5516 let toolTipBackText = menuElement.getAttribute('data-tooltip-back-text') 5517 5518 const closestUl = button.closest('.dwc-nav-wrapper, .dwc-tabbed-nav__list-wrapper'); 5519 if (!closestUl) return; 5520 5521 this.removeTooltipFrom(closestUl); 5522 5523 const tooltip = document.createElement('div'); 5524 tooltip.className = 'dwc-nest-tooltip'; 5525 tooltip.innerText = toolTipBackText; 5526 tooltip.style.position = 'fixed'; 5527 tooltip.style.bottom = '12px'; 5528 tooltip.style.left = '12px'; 5529 tooltip.style.background = 'rgb(0 0 0 / 30%)'; 5530 tooltip.style.color = 'white'; 5531 tooltip.style.padding = '5px 10px'; 5532 tooltip.style.borderRadius = '5px'; 5533 tooltip.style.fontSize = '12px'; 5534 tooltip.style.zIndex = '9999'; 5535 tooltip.style.opacity = '0'; 5536 tooltip.style.transition = 'opacity 1.5s'; 5537 tooltip.style.pointerEvents = 'none'; 5538 closestUl.appendChild(tooltip); 5539 5540 requestAnimationFrame(() => { 5541 tooltip.style.opacity = '1'; 5542 }); 5543 } 5544 5545 removeAllTooltips() { 5546 document.querySelectorAll('.dwc-nest-tooltip').forEach(tooltip => tooltip.remove()); 5547 } 5548 5549 removeTooltipFrom(ulElement) { 5550 const existingTooltip = ulElement.querySelector('.dwc-nest-tooltip'); 5551 if (existingTooltip) existingTooltip.remove(); 5552 } 5553 5554 setupTooltipObserver() { 5555 const tooltipObserver = new MutationObserver((mutationsList) => { 5556 if (this.tooltipProcessed) return; 5557 5558 for (const mutation of mutationsList) { 5559 if (mutation.type === 'childList') { 5560 for (const node of mutation.addedNodes) { 5561 if (node.nodeType === Node.ELEMENT_NODE && 5562 node.classList.contains('dwc-nest-tooltip') && 5563 !this.tooltipProcessed) { 5564 const button = document.querySelector('.open.active > .brx-submenu-toggle > button:not(.open .open button)'); 5565 if (button) { 5566 this.updateTooltipDataText(button); 5567 this.tooltipProcessed = true; 5568 return; 5569 } 5570 } 5571 } 5572 } 5573 } 5574 }); 5575 5576 tooltipObserver.observe(document.body, { childList: true, subtree: true }); 5577 } 5578} 5579 5580class SwipeGestureHandler { 5581 constructor(config) { 5582 this.config = { 5583 swipeToClose: config.swipeToClose || false 5584 }; 5585 this.targetButton = null; 5586 this.startX = 0; 5587 this.startY = 0; 5588 this.endX = 0; 5589 this.endY = 0; 5590 5591 // Cache RTL detection for performance during touch events 5592 this.isRTLLayout = null; 5593 this.cacheRTLStatus(); 5594 } 5595 5596 /** 5597 * Cache RTL status and set up listener for direction changes 5598 */ 5599 cacheRTLStatus() { 5600 this.isRTLLayout = this.isRTL(); 5601 5602 // Listen for potential direction changes (rare but possible) 5603 const observer = new MutationObserver(() => { 5604 const newRTLStatus = this.isRTL(); 5605 if (newRTLStatus !== this.isRTLLayout) { 5606 this.isRTLLayout = newRTLStatus; 5607 } 5608 }); 5609 5610 observer.observe(document.documentElement, { 5611 attributes: true, 5612 attributeFilter: ['dir', 'class', 'style'] 5613 }); 5614 } 5615 5616 /** 5617 * Detect if the document is using RTL (Right-to-Left) layout 5618 * Follows the same pattern as MenuAnimationController 5619 */ 5620 isRTL() { 5621 const htmlDir = document.documentElement.dir?.toLowerCase(); 5622 if (htmlDir) return htmlDir === 'rtl'; 5623 5624 const computedDirection = getComputedStyle(document.documentElement).direction; 5625 return computedDirection === 'rtl'; 5626 } 5627 5628 initialize() { 5629 if (!this.config.swipeToClose) return; 5630 5631 document.addEventListener('touchstart', this.handleTouchStart.bind(this)); 5632 document.addEventListener('touchend', this.handleTouchEnd.bind(this)); 5633 } 5634 5635 handleTouchStart(event) { 5636 if (!this.isMobileMenuOpen()) return; 5637 5638 this.startX = event.touches[0].clientX; 5639 this.startY = event.touches[0].clientY; 5640 } 5641 5642 handleTouchEnd(event) { 5643 if (!this.isMobileMenuOpen()) return; 5644 5645 this.endX = event.changedTouches[0].clientX; 5646 this.endY = event.changedTouches[0].clientY; 5647 5648 const diffX = this.endX - this.startX; 5649 const diffY = Math.abs(this.endY - this.startY); 5650 5651 // RTL-aware swipe detection 5652 const isValidSwipe = this.isValidSwipeGesture(diffX, diffY); 5653 5654 if (isValidSwipe && this.targetButton) { 5655 this.targetButton.click(); 5656 this.targetButton = null; 5657 } 5658 } 5659 5660 /** 5661 * Determine if the swipe gesture is valid based on layout direction 5662 * @param {number} diffX - Horizontal distance (positive = right, negative = left) 5663 * @param {number} diffY - Vertical distance (absolute value) 5664 * @returns {boolean} True if the swipe should trigger menu close 5665 */ 5666 isValidSwipeGesture(diffX, diffY) { 5667 const swipeThreshold = 50; 5668 const verticalTolerance = 30; 5669 5670 // Vertical movement must be within tolerance 5671 if (diffY >= verticalTolerance) return false;
5672 5673 if (this.isRTLLayout) { 5674 // RTL: Accept right-to-left swipes (negative diffX) 5675 return diffX < -swipeThreshold; 5676 } else { 5677 // LTR: Accept left-to-right swipes (positive diffX) - existing behavior 5678 return diffX > swipeThreshold; 5679 } 5680 } 5681 5682 isMobileMenuOpen() { 5683 return document.querySelector('.dwc-nest-menu')?.classList.contains('brx-open'); 5684 } 5685 5686 setTargetButton(button) { 5687 this.targetButton = button; 5688 } 5689 5690 /** 5691 * Get current layout direction (for debugging) 5692 * @returns {string} 'rtl' or 'ltr' 5693 */ 5694 getLayoutDirection() { 5695 return this.isRTLLayout ? 'rtl' : 'ltr'; 5696 } 5697} 5698 5699class OffcanvasMenuHandler { 5700 constructor(config) { 5701 this.config = config || {}; 5702 } 5703 5704 applyMobileStyles() { 5705 let offcanvasMenu = document.querySelector(this.config.offCanvasSelector); 5706 let hasHeaderPosition = ['brx-header-left', 'brx-header-right'].some(cls => 5707 document.body.classList.contains(cls) 5708 ); 5709 5710 if (!offcanvasMenu && !hasHeaderPosition) return; 5711 5712 let styleSheet = document.querySelector('[data-stylesheet]'); 5713 if (!styleSheet) return; 5714 5715 let styleElement = styleSheet.querySelector('style'); 5716 if (!styleElement) return; 5717 5718 let originalStyles = styleElement.textContent || styleElement.innerText; 5719 let modifiedStyles = originalStyles.replace(/\(max-width:\s*\d+px\)/g, '(max-width: 5000px)'); 5720 5721 let newStyleElement = document.createElement('style'); 5722 newStyleElement.id = 'dwc-offcanvas-styles'; 5723 newStyleElement.textContent = modifiedStyles; 5724 5725 document.head.appendChild(newStyleElement); 5726 5727 setTimeout(() => { 5728 document.body.classList.add('show-nav'); 5729 document.body.classList.add('sidebar-ready'); 5730 5731 }, 100); 5732 5733 styleSheet.remove(); 5734 } 5735} 5736 5737 5738 5739class MobileMenuScrollReset { 5740 constructor(config = {}) { 5741 this.config = { 5742 minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth, 5743 headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector, 5744 scrollResetDelay: config.scrollResetDelay || 300 5745 }; 5746 5747 this.menuElement = null; 5748 this.nestedItemsElement = null; 5749 this.scrollResetTimeout = null; 5750 this.isInitialized = false; 5751 } 5752 5753 initialize() { 5754 if (this.isInitialized) return; 5755 5756 this.menuElement = document.querySelector(`${this.config.headerSelector} .dwc-nest-menu`); 5757 this.nestedItemsElement = document.querySelector(`${this.config.headerSelector} .brx-nav-nested-items`); 5758 5759 if (!this.menuElement || !this.nestedItemsElement) { 5760 console.warn('Mobile menu scroll reset: Required elements not found'); 5761 return; 5762 } 5763 5764 this.setupMutationObserver(); 5765 this.isInitialized = true; 5766 } 5767 5768 setupMutationObserver() { 5769 const observer = new MutationObserver((mutations) => { 5770 mutations.forEach((mutation) => { 5771 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 5772 this.handleMenuClassChange(); 5773 } 5774 }); 5775 }); 5776 5777 observer.observe(this.menuElement, { 5778 attributes: true, 5779 attributeFilter: ['class'] 5780 }); 5781 } 5782 5783 handleMenuClassChange() { 5784 // Only run on mobile 5785 if (!this.isMobile()) return; 5786 5787 const isMenuOpen = this.menuElement.classList.contains('brx-open'); 5788 5789 // If menu is now closed, set timeout to reset scroll 5790 if (!isMenuOpen) { 5791 this.scheduleScrollReset(); 5792 } else { 5793 // If menu is opened, cancel any pending scroll reset 5794 this.cancelScrollReset(); 5795 } 5796 } 5797 5798 scheduleScrollReset() { 5799 // Clear any existing timeout 5800 this.cancelScrollReset(); 5801 5802 // Set new timeout 5803 this.scrollResetTimeout = setTimeout(() => { 5804 this.resetScroll(); 5805 }, this.config.scrollResetDelay); 5806 } 5807 5808 cancelScrollReset() { 5809 if (this.scrollResetTimeout) { 5810 clearTimeout(this.scrollResetTimeout); 5811 this.scrollResetTimeout = null; 5812 } 5813 } 5814 5815 resetScroll() { 5816 if (this.nestedItemsElement && this.isMobile()) { 5817 this.nestedItemsElement.scrollTop = 0; 5818 } 5819 } 5820 5821 isMobile() { 5822 return window.innerWidth < this.config.minWidthThreshold; 5823 } 5824 5825 // Method to reinitialize (useful for your reinitialize functionality) 5826 reinitialize() { 5827 this.cancelScrollReset(); 5828 this.isInitialized = false;
5829 this.initialize(); 5830 } 5831} 5832 5833 5834class MenuSystem { 5835 constructor(config = {}) { 5836 this.config = { 5837 minWidthThreshold: config.minWidthThreshold || MegaMenuCONFIG.minWidth, 5838 stripeStyle: config.stripeStyle ?? MegaMenuCONFIG.stripeStyle, 5839 adaptiveHeight: config.adaptiveHeight ?? MegaMenuCONFIG.adaptiveHeight, 5840 toolTip: config.toolTip ?? MegaMenuCONFIG.toolTip, 5841 swipeToClose: config.swipeToClose ?? MegaMenuCONFIG.swipeToClose, 5842 headerSelector: config.headerSelector || MegaMenuCONFIG.headerSelector, 5843 megaMenuLinksSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .brx-has-megamenu`, 5844 offCanvasSelector: `${config.headerSelector || MegaMenuCONFIG.headerSelector} .dwc-nest-menu[data-offcanvas="true"]`, 5845 shiftFactor: config.shiftFactor ?? MegaMenuCONFIG.shiftFactor, 5846 minOverflow: config.minOverflow ?? MegaMenuCONFIG.minOverflow 5847 }; 5848 5849 this.animationController = new MenuAnimationController(this.config); 5850 this.tooltipManager = new TooltipManager(this.config); 5851 this.swipeHandler = new SwipeGestureHandler(this.config); 5852 this.offcanvasHandler = new OffcanvasMenuHandler(this.config); 5853 this.centeredLogoController = new CenteredLogoController(this.config); 5854 this.mobileScrollReset = new MobileMenuScrollReset(this.config); 5855 5856 // Flag to track if updateDropdownPositions has been called via user interaction 5857 this.hasUpdatedDropdowns = false; 5858 5859 this.centeredLogoController.initializeEarly(); 5860 } 5861 5862 5863 // New method to handle the DOMContentLoaded logic, replaces former menuSystem.initialize() 5864 setupMenu() { 5865 let overlay = document.querySelector('.dwc-nest-menu-overlay'); 5866 if (!overlay) { 5867 overlay = document.createElement('nav-overlay'); 5868 overlay.className = 'dwc-nest-menu-overlay'; 5869 const overlayParent = document.querySelector('.dwc-nest-header__container'); 5870 const header = document.querySelector('#brx-header'); 5871 if (overlayParent && MegaMenuCONFIG.overlayInsideHeader) { 5872 overlayParent.parentNode.prepend(overlay, overlayParent); 5873 } else if (header) { 5874 header.parentNode.insertBefore(overlay, header); 5875 } 5876 } 5877 5878 5879 this.offcanvasHandler.applyMobileStyles(); 5880 this.animationController.updateHeaderHeight(); 5881 this.animationController.initializeMaxDimensions(); 5882 this.animationController.setMobileMenuTopHeight(); 5883 this.animationController.updateMobileLogo(); 5884 this.animationController.setCurrentPageDropdownActive(); 5885 this.tooltipManager.setBackText(); 5886 this.tooltipManager.setupTooltipObserver(); 5887 this.animationController.closeNavOnClick(); 5888 this.centeredLogoController.initialize(); 5889 this.mobileScrollReset.initialize(); 5890 5891 5892 if (this.animationController.isAboveMinWidth()) { 5893 this.setupDesktopBehavior(); 5894 } else { 5895 this.swipeHandler.initialize(); 5896 } 5897 5898 this.setupEventListeners(); 5899 5900 if (!this.animationController.isAboveMinWidth()) { 5901 this.animationController.resetForMobile(); 5902 } 5903 5904 setTimeout(() => { 5905 document.body.classList.add('show-nav'); 5906 this.animationController.updateHeaderHeight(); 5907 }, 0); 5908 5909 setTimeout(() => { 5910 document.body.classList.add('adaptive-height-active'); 5911 if (this.animationController.isAboveMinWidth()) { 5912 this.animationController.updateDropdownPositions(); 5913 this.animationController.setBoxedWidthVariable(); 5914 } 5915 }, 500); 5916 } 5917 5918 // Original initialize method (unchanged) now calls the setupMenu() 5919 initialize() { 5920 updateMobileClass(this.config.minWidthThreshold); 5921 document.addEventListener('DOMContentLoaded', () => { 5922 this.setupMenu(); 5923 }); 5924 return this; 5925 } 5926 5927 // Updated reinitialize method - to call: mainMenu.reinitialize(); 5928 reinitialize() { 5929 // Reset critical states 5930 this.centeredLogoController.isInitialized = false;
5931 this.animationController.maxMenuWidth = 0; 5932 this.animationController.maxMenuHeight = 0; 5933 this.tooltipManager.tooltipProcessed = false; 5934 5935 // Clear breakinto states â ADD THIS 5936 const breakintoElements = document.querySelectorAll('[data-breakinto]'); 5937 breakintoElements.forEach(element => { 5938 breakintoOriginalParents.delete(element); 5939 breakintoOriginalIndexes.delete(element); 5940 breakintoItemStates.delete(element); 5941 element.removeAttribute('data-breakinto-moved'); 5942 }); 5943 5944 // Clear existing timeouts 5945 if (this.animationController.headerTimeoutId) { 5946 clearTimeout(this.animationController.headerTimeoutId); 5947 } 5948 if (this.animationController.mobileMenuTimeoutId) { 5949 clearTimeout(this.animationController.mobileMenuTimeoutId); 5950 } 5951 if (this.centeredLogoController.resizedFinished) { 5952 clearTimeout(this.centeredLogoController.resizedFinished); 5953 } 5954 5955 // Remove added DOM elements and classes 5956 const overlay = document.querySelector('.dwc-nest-menu-overlay'); 5957 if (overlay) overlay.remove(); 5958 document.body.classList.remove('show-nav', 'adaptive-height-active', 'desktop-centered', 'dom-ready'); 5959 this.tooltipManager.removeAllTooltips(); 5960 const offcanvasStyles = document.querySelector('#dwc-offcanvas-styles'); 5961 if (offcanvasStyles) offcanvasStyles.remove(); 5962 5963 // Reset mobile logo 5964 const mobileLogo = document.querySelector('.dwc-nest-menu__mobile-logo'); 5965 if (mobileLogo) { 5966 const currentMobileLogo = mobileLogo.querySelector('img, svg'); 5967 if (currentMobileLogo) currentMobileLogo.remove(); 5968 } 5969 5970 // Re-run setup 5971 updateMobileClass(this.config.minWidthThreshold); 5972 this.setupMenu(); 5973 this.mobileScrollReset.reinitialize(); 5974 // console.log('Mega Menu Pro reinitialized...') 5975 } 5976 5977 5978 5979 setupDesktopBehavior() { 5980 this.animationController.megaMenuLinks.forEach(link => { 5981 link.removeEventListener('mouseenter', this.handleMouseEnter); 5982 link.addEventListener('mouseenter', this.handleMouseEnter); 5983 }); 5984 } 5985 5986 handleMouseEnter = (event) => { 5987 this.animationController.updateChevronPosition(event.target); 5988 // Call updateDropdownPositions on mouseenter if not already called via interaction 5989 if (this.animationController.isAboveMinWidth() && !this.hasUpdatedDropdowns) { 5990 this.animationController.updateDropdownPositions(); 5991 this.animationController.updateMenuVariables(); 5992 this.hasUpdatedDropdowns = true; 5993 } 5994 }; 5995 5996 setupEventListeners() { 5997 let observer = new MutationObserver(mutations => { 5998 mutations.forEach(mutation => { 5999 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 6000 this.animationController.updateMenuVariables(); 6001 } 6002 }); 6003 }); 6004 6005 this.animationController.megaMenuLinks.forEach(link => 6006 observer.observe(link, { attributes: true }) 6007 ); 6008 6009 document.addEventListener('click', event => { 6010 let submenuToggle = event.target.closest('.brx-submenu-toggle, .dwc-tabbed-nav-list__li'); 6011 if (submenuToggle) { 6012 setTimeout(() => { 6013 let openButtons = document.querySelectorAll('.brxe-dropdown.open.active button, .dwc-tabbed-nav-list__li.active button'); 6014 let targetButton = Array.from(openButtons).find(button => { 6015 let parentDropdown = button.closest('.brxe-dropdown.open.active, .dwc-tabbed-nav-list__li.active'); 6016 return parentDropdown && 6017 parentDropdown.tagName.toLowerCase() === 'li' && 6018 !parentDropdown.querySelector('.brxe-dropdown.open.active:not(:scope), .dwc-tabbed-nav-list__li.active:not(:scope)'); 6019 }); 6020 6021 if (targetButton) { 6022 this.swipeHandler.setTargetButton(targetButton); 6023 if (this.config.toolTip) { 6024 this.tooltipManager.removeAllTooltips(); 6025 this.tooltipManager.addTooltip(targetButton); 6026 this.tooltipManager.updateTooltipDataText(targetButton); 6027 } 6028 } 6029 }, 50); 6030 } 6031 }); 6032 6033 window.addEventListener('resize', this.debounce(() => { 6034 updateMobileClass(this.config.minWidthThreshold); 6035 this.animationController.updateHeaderHeight(); 6036 this.animationController.initializeMaxDimensions(); 6037 this.animationController.setMobileMenuTopHeight(); 6038 this.animationController.updateMobileLogo(); 6039 this.animationController.closeNavOnClick(); 6040 6041 if (this.animationController.isAboveMinWidth()) { 6042 this.animationController.updateMenuVariables(); 6043 this.animationController.initDesktopNav(); 6044 this.setupDesktopBehavior();
6045 // Reset flag on resize to desktop and call updateDropdownPositions 6046 this.hasUpdatedDropdowns = false; 6047 this.animationController.updateDropdownPositions(); 6048 } else { 6049 this.animationController.resetForMobile(); 6050 this.swipeHandler.initialize(); 6051 // Reset flag on resize to mobile 6052 this.hasUpdatedDropdowns = false; 6053 } 6054 }, 300)); 6055 } 6056 6057 debounce(func, delay) { 6058 let timeoutId; 6059 return function (...args) { 6060 clearTimeout(timeoutId); 6061 timeoutId = setTimeout(() => func.apply(this, args), delay); 6062 }; 6063 } 6064} 6065 6066const mainMenu = new MenuSystem().initialize(); 6067 6068 6069// RECALCULATE DROPDOWN POSITION ON LAYOUT SHIFTS 6070 6071const debouncedUpdate = mainMenu.debounce(() => { 6072 // console.log('updated') 6073 mainMenu.animationController.updateDropdownPositions(); 6074 mainMenu.animationController.updateMenuVariables(); 6075 6076 if (!mainMenu.animationController.menuOpened) { 6077 mainMenu.animationController.header.style.setProperty('--dropdown-menu-width', '100px'); 6078 // console.log('less') 6079 } 6080 6081}, 300); 6082 6083 6084 6085if (window.visualViewport) { 6086 window.visualViewport.addEventListener('resize', debouncedUpdate); 6087} 6088 6089 6090 6091 6092/* BREAKOUT LINK & BREAKIN FUNCTIONALITY */ 6093 6094// WeakMaps for breakinto feature state management 6095const breakintoOriginalParents = new WeakMap(); // Track original parents for breakinto items 6096const breakintoOriginalIndexes = new WeakMap(); // Track original child indexes for breakinto items 6097const breakintoItemStates = new WeakMap(); // Track individual breakinto item states 6098 6099// Use WeakMap for better garbage collection 6100const originalParents = new WeakMap(); 6101const itemStates = new WeakMap(); // Track individual item states 6102const breakinOriginalParents = new WeakMap(); // Track original parents for breakin items 6103const breakinOriginalIndexes = new WeakMap(); // Track original child indexes for breakin items 6104const breakinItemStates = new WeakMap(); // Track individual breakin item states 6105let isMobileView = null; 6106let resizeTimer; 6107let breakinContainer = null; 6108 6109function ensureBreakInContainer() { 6110 // Check if any breakin elements exist in the header first 6111 const hasBreakInElements = document.querySelector('#brx-header [data-breakin]'); 6112 if (!hasBreakInElements) return null; 6113 6114 // Select nav wrapper based on config 6115 const navWrapperSelector = MegaMenuCONFIG.breakinToNavList 6116 ? '.dwc-nest-menu .brx-nav-nested-items' 6117 : '.dwc-nav-wrapper'; 6118 6119 const navWrapper = document.querySelector(navWrapperSelector); 6120 if (!navWrapper) return null; 6121 6122 if (!breakinContainer) { 6123 breakinContainer = navWrapper.querySelector('.breakin-container'); 6124 if (!breakinContainer) { 6125 // Create element based on config 6126 breakinContainer = MegaMenuCONFIG.breakinToNavList 6127 ? document.createElement('li') 6128 : document.createElement('div'); 6129 6130 breakinContainer.className = 'breakin-container'; 6131 6132 // Prepend to nav list, append elsewhere 6133 if (MegaMenuCONFIG.breakinToNavList) { 6134 navWrapper.prepend(breakinContainer); 6135 breakinContainer.style.order = '100'; 6136 } else { 6137 navWrapper.appendChild(breakinContainer); 6138 } 6139 } 6140 } 6141 6142 return breakinContainer; 6143} 6144 6145function handleBreakInItems() { 6146 const currentWidth = window.innerWidth; 6147 const container = ensureBreakInContainer(); 6148 if (!container) return; 6149 6150 // Get all breakin items from both original locations and breakin container 6151 const breakinItemsInOriginal = document.querySelectorAll('#brx-header [data-breakin]:not(.breakin-container [data-breakin])'); 6152 const breakinItemsInContainer = container.querySelectorAll('[data-breakin]'); 6153 6154 // Combine both nodelets into a single array 6155 const breakinItems = [...breakinItemsInOriginal, ...breakinItemsInContainer]; 6156 6157 breakinItems.forEach(item => { 6158 const breakpointAttr = item.getAttribute('data-breakin'); 6159 6160 // Set default breakpoint if not defined or invalid 6161 let breakpoint; 6162 if (!breakpointAttr || breakpointAttr.trim() === '') { 6163 breakpoint = MegaMenuCONFIG.minWidth - 1; 6164 } else { 6165 breakpoint = parseInt(breakpointAttr, 10); 6166 if (isNaN(breakpoint)) { 6167 breakpoint = MegaMenuCONFIG.minWidth - 1; 6168 } 6169 } 6170 6171 // Continue with your logic using the breakpoint value... 6172 6173 // Determine if item should be in mobile state (moved into container) 6174 const shouldBeInContainer = currentWidth <= breakpoint; 6175 6176 // Get current state of this breakin item 6177 const currentItemState = breakinItemStates.get(item); 6178 6179 // Only process if this item's state changed 6180 if (currentItemState !== shouldBeInContainer) { 6181 breakinItemStates.set(item, shouldBeInContainer); 6182 6183 if (shouldBeInContainer) { 6184 // Move to breakin container 6185 6186 // Store original parent and index if not already stored 6187 if (!breakinOriginalParents.has(item)) { 6188 const originalParent = item.parentElement; 6189 const originalIndex = Array.from(originalParent.children).indexOf(item); 6190 breakinOriginalParents.set(item, originalParent); 6191 breakinOriginalIndexes.set(item, originalIndex); 6192 } 6193 6194 // Move item to breakin container 6195 container.appendChild(item); 6196 6197 } else { 6198 // Move back to original parent at original position 6199 const originalParent = breakinOriginalParents.get(item); 6200 const originalIndex = breakinOriginalIndexes.get(item); 6201 6202 if (originalParent && originalIndex !== undefined) { 6203 const children = originalParent.children; 6204 6205 if (originalIndex >= children.length) { 6206 // Insert at the end if original index is beyond current children 6207 originalParent.appendChild(item); 6208 } else { 6209 // Insert at the original position 6210 originalParent.insertBefore(item, children[originalIndex]); 6211 } 6212 } 6213 } 6214 } 6215 }); 6216} 6217 6218function handleBreakIntoItems() { 6219 const currentWidth = window.innerWidth; 6220 6221 // Get all breakinto items from both original locations and target containers 6222 const breakintoItemsInOriginal = document.querySelectorAll('[data-breakinto]:not([data-breakinto=""])'); 6223 const breakintoItemsInContainers = document.querySelectorAll('[data-breakinto-moved="true"]'); 6224 6225 // Combine both nodelets into a single array 6226 const breakintoItems = [...breakintoItemsInOriginal, ...breakintoItemsInContainers]; 6227
6228 breakintoItems.forEach(item => { 6229 const breakintoAttr = item.getAttribute('data-breakinto'); 6230 6231 // Skip if no breakinto attribute or empty value 6232 if (!breakintoAttr || breakintoAttr.trim() === '') { 6233 return; 6234 } 6235 6236 // Parse the attribute value for container selector and optional breakpoint 6237 let containerSelector, customBreakpoint; 6238 6239 if (breakintoAttr.includes('|')) { 6240 // Format: '.class | 767' or '#id | 1024' 6241 const parts = breakintoAttr.split('|').map(part => part.trim()); 6242 containerSelector = parts[0]; 6243 customBreakpoint = parseInt(parts[1], 10); 6244 6245 // Validate custom breakpoint 6246 if (isNaN(customBreakpoint)) { 6247 console.warn(`Invalid breakpoint in data-breakinto="${breakintoAttr}". Using global breakpoint.`); 6248 customBreakpoint = null; 6249 } 6250 } else { 6251 // Format: '.class' or '#id' 6252 containerSelector = breakintoAttr.trim(); 6253 customBreakpoint = null; 6254 } 6255 6256 // Find the target container 6257 let targetContainer; 6258 try { 6259 targetContainer = document.querySelector(containerSelector); 6260 } catch (error) { 6261 console.error(`Invalid selector in data-breakinto="${breakintoAttr}":`, error); 6262 return; 6263 } 6264 6265 if (!targetContainer) { 6266 console.warn(`Target container "${containerSelector}" not found for data-breakinto element.`); 6267 return; 6268 } 6269 6270 // Determine breakpoint to use (custom or global) 6271 const breakpoint = customBreakpoint !== null ? customBreakpoint : MegaMenuCONFIG.minWidth; 6272 6273 // Determine if item should be in target container (moved state) 6274 const shouldBeInContainer = currentWidth <= breakpoint; 6275 6276 // Get current state of this breakinto item 6277 const currentItemState = breakintoItemStates.get(item); 6278 6279 // Only process if this item's state changed 6280 if (currentItemState !== shouldBeInContainer) { 6281 breakintoItemStates.set(item, shouldBeInContainer); 6282 6283 if (shouldBeInContainer) { 6284 // Move to target container 6285 6286 // Store original parent and index if not already stored 6287 if (!breakintoOriginalParents.has(item)) { 6288 const originalParent = item.parentElement; 6289 const originalIndex = Array.from(originalParent.children).indexOf(item); 6290 breakintoOriginalParents.set(item, originalParent); 6291 breakintoOriginalIndexes.set(item, originalIndex); 6292 } 6293 6294 // Mark item as moved and move to target container 6295 item.setAttribute('data-breakinto-moved', 'true'); 6296 targetContainer.appendChild(item); 6297 6298 } else { 6299 // Move back to original parent at original position 6300 const originalParent = breakintoOriginalParents.get(item); 6301 const originalIndex = breakintoOriginalIndexes.get(item); 6302 6303 if (originalParent && originalIndex !== undefined) { 6304 const children = originalParent.children; 6305 6306 // Remove the moved marker 6307 item.removeAttribute('data-breakinto-moved'); 6308 6309 if (originalIndex >= children.length) { 6310 // Insert at the end if original index is beyond current children 6311 originalParent.appendChild(item); 6312 } else { 6313 // Insert at the original position 6314 originalParent.insertBefore(item, children[originalIndex]); 6315 } 6316 } 6317 } 6318 } 6319 }); 6320} 6321 6322function handleResponsiveMenu() { 6323 const currentIsMobile = window.innerWidth < MegaMenuCONFIG.minWidth; 6324 const currentWidth = window.innerWidth; 6325 6326 const nestMenu = document.querySelector('.dwc-nest-menu'); 6327 if (!nestMenu) return; 6328 6329 // Get all target items from both original locations and nest menu 6330 const targetItemsInOriginal = document.querySelectorAll('.brx-nav-nested-items > .menu-item > [data-breakout-link]'); 6331 const targetItemsInNest = nestMenu.querySelectorAll('[data-breakout-link]'); 6332 6333 // Combine both nodelets into a single array 6334 const targetItems = [...targetItemsInOriginal, ...targetItemsInNest]; 6335 let hasStateChange = false;
6336 6337 targetItems.forEach(item => { 6338 6339 if (item.closest('.dwc-header-logo-item')) return; // don't interfere with centerd logo item 6340 6341 const parent = item.parentElement; 6342 const breakpointAttr = item.getAttribute('data-breakout-link'); 6343 6344 // Determine if item should be in mobile state 6345 let shouldBeMobile; 6346 6347 if (!breakpointAttr || breakpointAttr.trim() === '') { 6348 // No custom breakpoint - use global mobile view logic 6349 shouldBeMobile = currentIsMobile; 6350 } else { 6351 // Custom breakpoint - check if within range 6352 const customBreakpoint = parseInt(breakpointAttr, 10); 6353 if (isNaN(customBreakpoint)) { 6354 // Invalid breakpoint value - fallback to global logic 6355 shouldBeMobile = currentIsMobile; 6356 } else { 6357 // Within custom range: between customBreakpoint and MegaMenuCONFIG.minWidth (exclusive) 6358 shouldBeMobile = currentWidth >= customBreakpoint && currentWidth < MegaMenuCONFIG.minWidth; 6359 } 6360 } 6361 6362 // Get current state of this item 6363 const currentItemState = itemStates.get(item); 6364 6365 // Only process if this item's state changed 6366 if (currentItemState !== shouldBeMobile) { 6367 hasStateChange = true; 6368 itemStates.set(item, shouldBeMobile); 6369 6370 if (shouldBeMobile) { 6371 // Move to mobile state 6372 parent.classList.add('has-breakout-link'); 6373 6374 // Store original parent if not already stored 6375 if (!originalParents.has(item)) { 6376 originalParents.set(item, parent); 6377 } 6378 6379 // Move item to nest menu 6380 nestMenu.insertBefore(item, nestMenu.firstChild); 6381 6382 // Hide the original parent 6383 parent.style.display = 'none'; 6384 } else { 6385 // Move to desktop state - restore to original parent 6386 const originalParent = originalParents.get(item); 6387 if (originalParent) { 6388 originalParent.appendChild(item); 6389 originalParent.style.display = ''; 6390 originalParent.classList.remove('has-breakout-link'); 6391 } 6392 } 6393 } 6394 }); 6395 6396 // Update global mobile view state only if there was a global state change 6397 if (isMobileView !== currentIsMobile) { 6398 isMobileView = currentIsMobile; 6399 } 6400 6401 // Optional: You can add logic here if you need to do something when any state changes 6402 if (hasStateChange) { 6403 // Any additional logic when items change state 6404 } 6405} 6406 6407function handleAllResponsiveElements() { 6408 handleResponsiveMenu(); // Handle breakout functionality 6409 handleBreakInItems(); // Handle breakin functionality 6410 handleBreakIntoItems(); // Handle breakinto functionality â ADD THIS LINE 6411} 6412 6413// Run on page load 6414handleAllResponsiveElements(); 6415 6416// Debounce resize events 6417window.addEventListener('resize', () => { 6418 clearTimeout(resizeTimer); 6419 resizeTimer = setTimeout(handleAllResponsiveElements, 150); 6420}); 6421 6422// Optional: Add for better initial load behavior 6423document.addEventListener('DOMContentLoaded', handleAllResponsiveElements); 6424 6425 6426// REINITIALIZE ON URL CHANGE 6427// REINITIALIZE ON URL CHANGE 6428if (MegaMenuCONFIG.reinitializeOnURLchange) { 6429 // console.log('ð MegaMenu: URL change reinitialization active'); 6430 6431 let lastPath = normalizePathForComparison(window.location.pathname); 6432 let reinitTimer = null; 6433 let lastReinit = 0; 6434 const REINIT_COOLDOWN = 1000; 6435 let isInitialized = false; 6436 let detectionMethod = null; 6437 let forceReinitFromSwup = false; 6438 6439 function normalizePathForComparison(path) { 6440 return path.replace(/\/$/, '') || '/'; 6441 } 6442 6443 function setAriaCurrentPage() { 6444 // console.log('ð Setting aria-current="page" for current URL'); 6445 6446 // First, clear any existing aria-current attributes in the menu 6447 document.querySelectorAll('.dwc-nest-menu [aria-current="page"]').forEach(element => { 6448 element.removeAttribute('aria-current'); 6449 }); 6450 6451 const currentPath = window.location.pathname; 6452 const navLinks = document.querySelectorAll('.dwc-nest-menu a[href]'); 6453 let foundMatch = false;
6454 6455 navLinks.forEach(link => { 6456 const href = link.getAttribute('href'); 6457 if (!href) return; 6458 6459 try { 6460 // Handle relative URLs 6461 let linkPath = href; 6462 if (!href.startsWith('http')) { 6463 // Create absolute URL from relative path 6464 const url = new URL(href, window.location.origin); 6465 linkPath = url.pathname; 6466 } else { 6467 // For absolute URLs, extract just the path 6468 const url = new URL(href); 6469 linkPath = url.pathname; 6470 } 6471 6472 // Normalize paths for comparison 6473 const normalizedLinkPath = normalizePathForComparison(linkPath); 6474 const normalizedCurrentPath = normalizePathForComparison(currentPath); 6475 6476 // Check for match 6477 if (normalizedLinkPath === normalizedCurrentPath) { 6478 link.setAttribute('aria-current', 'page'); 6479 // console.log(`â Set aria-current="page" on:`, link); 6480 foundMatch = true; 6481 } 6482 } catch (e) { 6483 // Fallback: simple string comparison 6484 const normalizedHref = normalizePathForComparison(href); 6485 const normalizedCurrent = normalizePathForComparison(currentPath); 6486 6487 if (normalizedHref === normalizedCurrent || 6488 (normalizedCurrent === '/' && normalizedHref === '') || 6489 normalizedHref.endsWith(normalizedCurrent)) { 6490 link.setAttribute('aria-current', 'page'); 6491 // console.log(`â Set aria-current="page" on (fallback):`, link); 6492 foundMatch = true; 6493 } 6494 } 6495 }); 6496 6497 if (!foundMatch) { 6498 // console.log('â ï¸ No matching link found for current page:', currentPath); 6499 } 6500 } 6501 6502 function performReinit() { 6503 const menuElement = document.querySelector(MegaMenuCONFIG.nestMenuSelector); 6504 if (!menuElement) { 6505 console.warn('â ï¸ MegaMenu: Menu element not found after navigation. Skipping reinit.'); 6506 return; 6507 } 6508 6509 try { 6510 // console.log('ð MegaMenu: Performing reinitialization...'); 6511 6512 // First, set aria-current="page" on the current page link 6513 setAriaCurrentPage(); 6514 6515 // Then reinitialize the menu 6516 mainMenu.reinitialize(); 6517 6518 // console.log('â MegaMenu reinitialized via', detectionMethod); 6519 lastReinit = Date.now(); 6520 forceReinitFromSwup = false; 6521 } catch (error) { 6522 console.error('â MegaMenu reinit failed:', error); 6523 forceReinitFromSwup = false; 6524 } 6525 } 6526 6527 function shouldReinitialize(force = false) { 6528 const now = Date.now(); 6529 6530 // Cooldown check 6531 if (now - lastReinit < REINIT_COOLDOWN) { 6532 // console.log('â±ï¸ MegaMenu: Reinit cooldown active'); 6533 return false; 6534 } 6535 6536 // If forced by Swup, skip path comparison 6537 if (force || forceReinitFromSwup) { 6538 // console.log('ð¯ MegaMenu: Forced reinit requested (Swup event)'); 6539 forceReinitFromSwup = false; 6540 return true; 6541 } 6542 6543 const newPath = normalizePathForComparison(window.location.pathname); 6544 6545 // Path comparison 6546 if (newPath === lastPath) { 6547 // console.log('âï¸ MegaMenu: Path unchanged, skipping'); 6548 return false; 6549 } 6550 6551 // console.log('ð MegaMenu: Path changed:', lastPath, '->', newPath); 6552 lastPath = newPath; 6553 return true; 6554 } 6555 6556 // ============================================================================ 6557 // SWUP INTEGRATION - PRIMARY METHOD 6558 // ============================================================================ 6559 6560 function setupSwupIntegration() { 6561 // console.log('ð¯ MegaMenu: Setting up Swup integration'); 6562 6563 // Method 1: Direct Swup instance hooks (if available) 6564 if (window.swup) { 6565 // console.log('â MegaMenu: Found Swup instance, using direct hooks'); 6566 6567 // Hook into Swup's events 6568 swup.hooks.on('content:replace', () => { 6569 // console.log('ð MegaMenu: Swup content replaced'); 6570 forceReinitFromSwup = true; 6571 handleSwupNavigation(); 6572 }); 6573 6574 swup.hooks.on('page:view', () => { 6575 // console.log('ð MegaMenu: Swup page viewed'); 6576 forceReinitFromSwup = true; 6577 handleSwupNavigation(); 6578 }); 6579 6580 detectionMethod = 'Swup instance hooks'; 6581 return true; 6582 } 6583 6584 // Method 2: Swup custom events (works without instance access) 6585 const swupEvents = [ 6586 'swup:content:replace', 6587 'swup:page:view', 6588 'swup:visit:end' 6589 ]; 6590 6591 let hasSwupEvents = false;
6592 6593 swupEvents.forEach(eventName => { 6594 document.addEventListener(eventName, (event) => { 6595 // console.log(`ð¡ MegaMenu: Swup event fired: ${eventName}`); 6596 forceReinitFromSwup = true; 6597 handleSwupNavigation(); 6598 }, { once: false }); 6599 hasSwupEvents = true; 6600 }); 6601 6602 if (hasSwupEvents) { 6603 detectionMethod = 'Swup events'; 6604 // console.log('â MegaMenu: Swup event listeners attached'); 6605 return true; 6606 } 6607 6608 return false; 6609 } 6610 6611 function handleSwupNavigation() { 6612 // Clear any existing timer 6613 clearTimeout(reinitTimer); 6614 6615 // Wait a bit to ensure DOM is fully updated 6616 reinitTimer = setTimeout(() => { 6617 // Pass true to force reinit for Swup events 6618 if (shouldReinitialize(true)) { 6619 performReinit(); 6620 } 6621 }, 300); 6622 } 6623 6624 // ============================================================================ 6625 // FALLBACK: HISTORY API (For non-Swup navigations) 6626 // ============================================================================ 6627 6628 function setupHistoryAPIFallback() { 6629 // console.log('ð§ MegaMenu: Setting up History API fallback'); 6630 6631 function handleHistoryNavigation() { 6632 // Clear any existing timer 6633 clearTimeout(reinitTimer); 6634 6635 // Wait longer for History API (might be a full page load) 6636 reinitTimer = setTimeout(() => { 6637 // Don't force for History API, only check path changes 6638 if (shouldReinitialize()) { 6639 // console.log('ð MegaMenu: History API navigation detected'); 6640 performReinit(); 6641 } 6642 }, 1000); 6643 } 6644 6645 // Override history methods 6646 const originalPushState = history.pushState; 6647 const originalReplaceState = history.replaceState; 6648 6649 history.pushState = function() { 6650 const result = originalPushState.apply(history, arguments); 6651 // console.log('ð MegaMenu: pushState called'); 6652 handleHistoryNavigation(); 6653 return result; 6654 }; 6655 6656 history.replaceState = function() { 6657 const result = originalReplaceState.apply(history, arguments); 6658 // console.log('ð MegaMenu: replaceState called'); 6659 handleHistoryNavigation(); 6660 return result; 6661 }; 6662 6663 // Listen for back/forward navigation 6664 window.addEventListener('popstate', () => { 6665 // console.log('ð MegaMenu: popstate event'); 6666 handleHistoryNavigation(); 6667 }); 6668 6669 return true; 6670 } 6671 6672 // ============================================================================ 6673 // WATCH FOR SWUP LOAD (For late loading) 6674 // ============================================================================ 6675 6676 function watchForSwupLoad(timeout = 5000) { 6677 // console.log('ð MegaMenu: Watching for Swup to load...'); 6678 6679 // If Swup is already loaded, set it up immediately 6680 if (window.swup || typeof window.Swup === 'function') { 6681 // console.log('â MegaMenu: Swup already loaded'); 6682 setupSwupIntegration(); 6683 return; 6684 } 6685 6686 const startTime = Date.now(); 6687 let checkCount = 0; 6688 6689 const checkInterval = setInterval(() => { 6690 checkCount++; 6691 6692 // Check for Swup 6693 if (window.swup || typeof window.Swup === 'function') { 6694 clearInterval(checkInterval); 6695 // console.log(`â MegaMenu: Swup detected after ${checkCount} checks (${Date.now() - startTime}ms)`); 6696 setupSwupIntegration(); 6697 return; 6698 } 6699 6700 // Timeout check 6701 if (Date.now() - startTime > timeout) { 6702 clearInterval(checkInterval); 6703 // console.log(`â° MegaMenu: Swup watch timeout after ${timeout}ms`); 6704 if (!detectionMethod) { 6705 detectionMethod = 'History API fallback'; 6706 // console.log('â ï¸ MegaMenu: Swup not found, using History API only'); 6707 } 6708 } 6709 }, 100); 6710 } 6711 6712 // ============================================================================ 6713 // INITIALIZATION 6714 // ============================================================================ 6715 6716 function initialize() { 6717 if (isInitialized) { 6718 // console.log('â ï¸ MegaMenu: Already initialized'); 6719 return; 6720 } 6721 6722 // console.log('ð MegaMenu: Initializing reinit detection...'); 6723 6724 // Try to set up Swup integration first 6725 if (setupSwupIntegration()) { 6726 // console.log(`â MegaMenu: Using ${detectionMethod} for reinit detection`); 6727 isInitialized = true; 6728 return; 6729 } 6730 6731 // Swup not loaded yet, set up fallback and watch for Swup 6732 setupHistoryAPIFallback(); 6733 watchForSwupLoad(); 6734 6735 isInitialized = true; 6736 // console.log('â MegaMenu: Reinit detection initialized'); 6737 } 6738 6739 // Run initialization 6740 initialize(); 6741 6742 // ============================================================================ 6743 // DIAGNOSTIC INFO 6744 // ============================================================================ 6745 // console.log('%cð MegaMenu Reinit Diagnostic', 'color: #2196F3; font-weight: bold'); 6746 // console.log('Initial path:', lastPath); 6747 // console.log('Detection method:', detectionMethod || 'Waiting for Swup...'); 6748 // console.log('Reinit cooldown:', REINIT_COOLDOWN + 'ms'); 6749 // console.log('Swup forced reinit:', 'Enabled'); 6750 // console.log('Aria-current setting:', 'Enabled in reinit only'); 6751} 6752 6753console.log('%c<Mega Menu Pro v1.4.4>', 'color: #b388eb');</script>
6753<style>/*prevent FOUC on mobile when using sidebar */ 6754.dwc-mobile :is(.bricks-is-frontend.brx-header-left, .bricks-is-frontend.brx-header-right) #brx-header { 6755 position: relative; 6756 inline-size: 100%; 6757 flex-direction: column; 6758} 6759 6760.dwc-mobile .bricks-is-frontend:is(.brx-header-left, .brx-header-right) :is(#brx-content, #brx-footer) { 6761 margin-inline-start: 0; 6762} 6763 6764/*prevent FOUC on desktop when using sidebar */ 6765.bricks-is-frontend:is(.brx-header-left, .brx-header-right):not(.show-nav) .dwc-nav-wrapper { 6766 display: none; 6767} 6768 6769/*=== sidebar css ===*/ 6770html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header { 6771 flex-direction: column; 6772 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); 6773} 6774 6775html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]).no-scroll { 6776 overflow: visible; 6777} 6778 6779html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 6780 max-block-size: 100dvb; 6781 padding-block-end: 12rem; 6782 overscroll-behavior: contain; 6783} 6784 6785html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nav-wrapper { 6786 position: relative; 6787 overflow: hidden; 6788 block-size: 100%; 6789 transform: translateX(0%); 6790 visibility: visible; 6791} 6792 6793html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu .brxe-toggle { 6794 display: none !important; 6795} 6796 6797html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu { 6798 display: flex; 6799 flex-direction: column; 6800} 6801 6802html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-header > div { 6803 display: flex; 6804 grid-template-columns: 1fr; 6805 block-size: 100%; 6806 flex-direction: column; 6807 justify-content: flex-start; 6808} 6809 6810html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-menu-wrap { 6811 inline-size: 100%; 6812 display: grid; 6813 grid-template-columns: 1fr; 6814 block-size: 100%; 6815} 6816 6817html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header :is(.brxe-code, .dwc-nest-menu-overlay) { 6818 display: none; 6819} 6820 6821html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-header { 6822 inline-size: 100%; 6823 padding-inline: 0; 6824} 6825 6826html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu-top { 6827 min-block-size: var(--top-offset); 6828} 6829 6830html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not( [data-hide-close-bar = 'true']) .brx-dropdown-content { 6831 inset-block-start: calc(var(--top-offset) + 1px) !important; 6832 6833} 6834 6835html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not( [data-submenu-reveal = 'slide']) .brx-dropdown-content:not([data-submenu-reveal = 'slide'] *) { 6836 inset-inline-start: 0; 6837 inset-block-start: unset !important; 6838 overflow: hidden; 6839} 6840 6841html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu:not([data-submenu-reveal = 'slide']) .brxe-dropdown:not(.open.active) > .brx-dropdown-content > .brxe-dropdown:not([data-submenu-reveal = 'slide'] *){ 6842 visibility: hidden; 6843} 6844 6845html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown > .brx-dropdown-content { 6846 overscroll-behavior: contain; 6847 min-inline-size: var(--mobile-menu-width); 6848 6849} 6850 6851html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown.open > .brx-submenu-toggle button:not([data-submenu-reveal = 'expand'] button) { 6852 min-block-size: calc(var(--top-offset) - 1px); 6853 inset-block-start: 0; 6854} 6855 6856html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown.open[data-submenu-reveal = 'slide'] > .brx-submenu-toggle button { 6857 min-block-size: calc(var(--top-offset) - 1px); 6858 inset-block-start: 0; 6859} 6860 6861html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu .brxe-dropdown .brx-submenu-toggle button { 6862 min-block-size: 0; 6863} 6864 6865/* sidebar css ends*/ 6866 6867 6868 6869/*sidebar in builder*/ 6870/*=== sidebar css ===*/ 6871:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header { 6872 flex-direction: column; 6873 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); 6874 --top-offset: 40px; 6875} 6876 6877:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 6878 max-block-size: 100dvb; 6879 padding-block-end: 12rem; 6880 overscroll-behavior: contain; 6881} 6882 6883:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nav-wrapper { 6884 position: relative; 6885 overflow: hidden; 6886 block-size: 100%; 6887 transform: translateX(0%); 6888 visibility: visible; 6889} 6890 6891body:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu .brxe-toggle { 6892 display: none !important; 6893} 6894 6895:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu { 6896 display: flex; 6897 flex-direction: column; 6898} 6899 6900:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-header > div { 6901 display: flex; 6902 grid-template-columns: 1fr; 6903 block-size: 100%; 6904 flex-direction: column; 6905 justify-content: flex-start; 6906} 6907 6908:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-menu-wrap { 6909 inline-size: 100%; 6910 display: grid; 6911 grid-template-columns: 1fr; 6912 block-size: 100%; 6913} 6914 6915:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-header { 6916 inline-size: 100%; 6917 padding-inline: 0; 6918} 6919 6920:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu-top { 6921 min-block-size: var(--top-offset); 6922} 6923 6924:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brx-dropdown-content { 6925 inset-block-start: calc(var(--top-offset) - 1px) !important; 6926} 6927 6928:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested.brx-open .brxe-dropdown > .brx-dropdown-content { 6929 overscroll-behavior: contain; 6930} 6931 6932:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brxe-dropdown.open > .brx-submenu-toggle button { 6933 min-block-size: calc(var(--top-offset) - 1px); 6934 inset-block-start: 0; 6935} 6936 6937:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brxe-dropdown .brx-submenu-toggle button { 6938 min-block-size: 0; 6939} 6940 6941:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu { 6942 margin: 0 !important; 6943} 6944 6945:is(.brx-header-left, .brx-header-right)[data-builder-window] .brx-nav-nested-items { 6946 flex-direction: column !important; 6947} 6948 6949:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-toggle--open.brxe-toggle { 6950 display: flex !important; 6951} 6952 6953:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu .brx-nav-nested-items { 6954 position: relative !Important; 6955 background: var(--mobile-menu-bg) !important; 6956 align-items: stretch; 6957 flex: 1; 6958} 6959 6960:where(.brx-header-left, .brx-header-right)[data-builder-mode]:not(:has(.dwc-sidebar)) .dwc-nest-menu-top::before { 6961 content: 'this space is the back text bar'; 6962 padding: 1rem; 6963 background-color: gray; 6964 color: white; 6965 width: 100%; 6966 text-transform: uppercase; 6967 font-size: 12px; 6968 font-weight: bold; 6969 letter-spacing: 1px; 6970} 6971 6972/* MENU CTA (LAST BUTTON) */ 6973:is(.brx-header-left, .brx-header-right)[data-builder-window] [data-last-item-is-button="true"].dwc-nest-menu .brx-nav-nested-items > .menu-item:last-of-type { 6974 padding-inline: var(--menu-item-inline-padding) !important; 6975 padding-block: var(--menu-item-block-padding) !important; 6976} 6977 6978:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-menu-top { 6979 min-block-size: 80px !important; 6980} 6981 6982:is(.brx-header-left, .brx-header-right)[data-builder-window] .dwc-nest-nav-items {
6983 overflow-y: scroll; 6984} 6985 6986:is(.brx-header-left, .brx-header-right)[data-builder-mode] .brx-dropdown-content { 6987 min-inline-size: var(--mobile-menu-width); 6988 position: static; 6989} 6990 6991:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 6992 flex-wrap: nowrap; 6993} 6994:is(.brx-header-left, .brx-header-right)[data-builder-window] #brx-header .dwc-nest-menu .brx-dropdown-content { 6995 visibility: visible !important; 6996 opacity: 1; 6997} 6998 6999/*OVERLAY SIDEBAR*/ 7000 7001 7002html:not(.dwc-mobile):has([data-overlay-sidebar=true]) { 7003 --mobile-menu-bg: rgb(255 255 255 / 0%); 7004 --menu-item-border: solid 1px rgb(255 255 255 / 50%); 7005 7006} 7007 7008html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) :is(main, footer){ 7009 margin: 0 !important 7010} 7011 7012html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) :is(main, footer) :where(section):not(section>section) { 7013 padding-inline-start: calc(var(--mobile-menu-width) + clamp(1.5rem, calc(0.625vw + 1.375rem), 1.875rem)); 7014 max-inline-size: 100% 7015} 7016 7017html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) #brx-header { 7018 border-radius: var(--overlay-sidebar-radius); 7019 overflow: hidden; 7020 background: var(--overlay-sidebar-bg); 7021 box-shadow: var(--overlay-sidebar-shadow) !important; 7022 inset: var(--overlay-sidebar-inset); 7023} 7024 7025html:not(.dwc-mobile):has([data-overlay-sidebar=true]) :is(.brx-header-left, .brx-header-right):not([data-builder-modee]) .dwc-nest-header{ 7026 backdrop-filter: blur(13px); 7027 background: transparent !important; 7028} 7029 7030html:not(.dwc-mobile):has([data-overlay-sidebar=true]):not([data-builder-modee]) .brx-dropdown-content { 7031 background-color: rgb(255 255 255 / 100%); 7032} 7033 7034/*NO BRX-OPEN STYLES*/ 7035html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) #brx-header .dwc-nest-menu.brxe-nav-nested .brx-nav-nested-items { 7036 display: flex; 7037 flex-wrap: nowrap; 7038 flex-direction: column !important; 7039} 7040 7041 7042 html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu.brxe-nav-nested .brxe-dropdown .brx-dropdown-content { 7043 visibility: visible; 7044 min-inline-size: var(--mobile-menu-width) !important; 7045 } 7046 7047 7048 html:not(.dwc-mobile) :is(.brx-header-left, .brx-header-right):not([data-builder-window]) .dwc-nest-menu[data-submenu-reveal="expand"] .brxe-dropdown.open>.brx-dropdown-content { 7049 position: static; 7050} 7051 7052 7053</style>
7053<script>class SidebarNavigation { 7054 constructor(options = {}) { 7055 // Basic configuration properties 7056 this.config = { 7057 minWidth: options.minWidth || MegaMenuCONFIG.minWidth, // Using external minWidth variable 7058 menuSelector: options.menuSelector || '.dwc-nest-menu', 7059 openClass: options.openClass || 'brx-open', 7060 activeClasses: options.activeClasses || ['open', 'active'], 7061 leftHeaderClass: options.leftHeaderClass || 'brx-header-left', 7062 rightHeaderClass: options.rightHeaderClass || 'brx-header-right', 7063 debounceDelay: options.debounceDelay || 100, 7064 menuItemClickDelay: options.menuItemClickDelay || 300 7065 }; 7066 7067 // Set dependent selectors 7068 const menuSelector = this.config.menuSelector; 7069 this.config.submenuToggleSelector = options.submenuToggleSelector || `${menuSelector} .brx-submenu-toggle`; 7070 this.config.dropdownSelector = options.dropdownSelector || `${menuSelector} .brxe-dropdown`; 7071 this.config.dropdownContentSelector = options.dropdownContentSelector || `${menuSelector} .brx-dropdown-content`; 7072 7073 // State 7074 this.previousHeaderClass = null; 7075 this.dropdownClickHandlers = new Map(); 7076 this.menuHoverHandlers = null; 7077 this.menuItemClickTimeout = null; 7078 this.keyboardNavHandler = null; 7079 this.cachedFocusableElements = null; 7080 this.cachedElements = { 7081 menuElement: null, 7082 navElement: null, 7083 dropdowns: null, 7084 dropdownToggles: null, 7085 menuItems: null 7086 }; 7087 7088 // Bind methods to this instance 7089 this.handleResize = this.debounce(this.handleMenu.bind(this), this.config.debounceDelay); 7090 this.handleOutsideClick = this.handleOutsideClick.bind(this); 7091 } 7092 7093 // Initialize everything - called once 7094 init() { 7095 // Wait for DOM to be fully loaded before attaching events 7096 if (document.readyState === 'loading') { 7097 document.addEventListener('DOMContentLoaded', () => { 7098 this.initAfterDOMLoaded(); 7099 }, { once: true }); 7100 } else { 7101 this.initAfterDOMLoaded(); 7102 } 7103 7104 return this; 7105 } 7106 7107 // Separate initialization method to run after DOM is loaded 7108 initAfterDOMLoaded() { 7109 // Cache DOM elements once 7110 this.cacheElements(); 7111 7112 // Setup resize event with passive flag 7113 window.addEventListener('resize', this.handleResize, { passive: true }); 7114 7115 // Setup mutation observer for critical class changes only 7116 this.setupMutationObserver(); 7117 7118 // Initial setup based on current screen size 7119 this.handleMenu(); 7120 7121 // Cache focusable elements once if header class is present 7122 if (this.hasHeaderClass()) { 7123 this.cacheFocusableElements(); 7124 this.setupMenuFocusNavigation(); 7125 } 7126 } 7127 7128 // Cache all required DOM elements upfront 7129 cacheElements() { 7130 this.cachedElements.menuElement = document.querySelector(this.config.menuSelector); 7131 7132 if (this.cachedElements.menuElement) { 7133 this.cachedElements.navElement = this.cachedElements.menuElement.querySelector('.dwc-nest-nav-items'); 7134 this.cachedElements.dropdowns = Array.from(document.querySelectorAll(this.config.dropdownSelector)); 7135 this.cachedElements.dropdownToggles = Array.from(document.querySelectorAll(this.config.submenuToggleSelector)); 7136 this.cachedElements.menuItems = Array.from(document.querySelectorAll(`${this.config.menuSelector} .menu-item`)); 7137 } 7138 } 7139 7140 // Set up a focused mutation observer only for dropdown state changes 7141 setupMutationObserver() { 7142 if (!this.cachedElements.dropdowns || this.cachedElements.dropdowns.length === 0) return; 7143 7144 const callback = (mutations) => { 7145 for (let mutation of mutations) { 7146 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 7147 const target = mutation.target; 7148 const prevClassList = mutation.oldValue ? mutation.oldValue.split(' ') : []; 7149 const hadBothBefore = prevClassList.includes('open') && prevClassList.includes('active'); 7150 const hasBothNow = target.classList.contains('open') && target.classList.contains('active'); 7151 7152 if (hadBothBefore !== hasBothNow) { 7153 this.updateDropdownAccessibility(); 7154 break; // Only need to update once per batch 7155 } 7156 } 7157 } 7158 }; 7159 7160 // Create observer with optimized options 7161 this.classObserver = new MutationObserver(callback); 7162 7163 // Observe only the dropdown elements 7164 this.cachedElements.dropdowns.forEach(dropdown => { 7165 this.classObserver.observe(dropdown, { 7166 attributes: true, 7167 attributeFilter: ['class'], 7168 attributeOldValue: true 7169 }); 7170 }); 7171 } 7172 7173 // Cache focusable elements for keyboard navigation 7174 cacheFocusableElements() { 7175 if (!this.cachedElements.navElement) return; 7176 7177 // Get direct children of nav 7178 const directChildren = Array.from(this.cachedElements.navElement.children); 7179 7180 // Find the first focusable element within each direct child 7181 this.cachedFocusableElements = directChildren.map(child => { 7182 // Check if the child itself is focusable 7183 if (child.matches('a, button, input, select, textarea, [tabindex]:not
7183([tabindex="-1"])')) { 7184 return child; 7185 } 7186 // Otherwise, find the first focusable element within this child 7187 return child.querySelector('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'); 7188 }).filter(Boolean); // Remove null/undefined values 7189 } 7190 7191 // Clean up all event listeners and observers 7192 destroy() { 7193 // Clean up the mutation observer 7194 if (this.classObserver) { 7195 this.classObserver.disconnect(); 7196 this.classObserver = null; 7197 } 7198 7199 // Clean up resize listener 7200 window.removeEventListener('resize', this.handleResize); 7201 7202 // Clean up click handlers 7203 if (this.dropdownClickHandlers.size > 0) { 7204 this.dropdownClickHandlers.forEach((handler, toggle) => { 7205 toggle.removeEventListener('click', handler); 7206 }); 7207 this.dropdownClickHandlers.clear(); 7208 } 7209 7210 // Clean up hover handlers 7211 this.cleanupMenuHover(); 7212 7213 // Clean up menu item click handlers 7214 this.cleanupMenuItemClicks(); 7215 7216 // Clean up outside click handler 7217 document.removeEventListener('click', this.handleOutsideClick); 7218 7219 // Clean up keyboard navigation 7220 if (this.keyboardNavHandler) { 7221 document.removeEventListener('keydown', this.keyboardNavHandler); 7222 this.keyboardNavHandler = null; 7223 } 7224 7225 // Clear any pending timeouts 7226 if (this.menuItemClickTimeout) { 7227 clearTimeout(this.menuItemClickTimeout); 7228 this.menuItemClickTimeout = null; 7229 } 7230 } 7231 7232 // Utility methods 7233 hasHeaderClass() { 7234 return document.body.classList.contains(this.config.leftHeaderClass) || 7235 document.body.classList.contains(this.config.rightHeaderClass); 7236 } 7237 7238 debounce(func, delay) { 7239 let timer; 7240 return (...args) => { 7241 clearTimeout(timer); 7242 timer = setTimeout(() => func(...args), delay); 7243 }; 7244 } 7245 7246 // Check if an element has all the required active classes 7247 hasAllActiveClasses(element) { 7248 return this.config.activeClasses.every(className => element.classList.contains(className)); 7249 } 7250 7251 // Toggle all active classes on an element 7252 toggleActiveClasses(element) { 7253 this.config.activeClasses.forEach(className => { 7254 element.classList.toggle(className); 7255 }); 7256 } 7257 7258 // Core functionality methods 7259 handleMenu() { 7260 if (!this.cachedElements.menuElement) return; 7261 if (!this.hasHeaderClass() && !this.previousHeaderClass) return; 7262 7263 const screenWidth = window.innerWidth; 7264 const isLargeScreen = screenWidth >= this.config.minWidth; 7265 const menuElement = this.cachedElements.menuElement; 7266 7267 if (!isLargeScreen) { 7268 // Save which class was present before removal 7269 if (this.hasHeaderClass()) { 7270 this.previousHeaderClass = document.body.classList.contains(this.config.leftHeaderClass) 7271 ? this.config.leftHeaderClass 7272 : this.config.rightHeaderClass; 7273 7274 // Remove header classes 7275 document.body.classList.remove(this.config.leftHeaderClass, this.config.rightHeaderClass); 7276 menuElement.classList.remove(this.config.openClass); 7277 7278 // Reset accessibility attributes 7279 this.resetAccessibilityAttributes(); 7280 } 7281 7282 // Clean up event handlers for mobile view 7283 this.cleanupMenuHover(); 7284 this.cleanupMenuItemClicks(); 7285 this.cleanupDropdownHandlers(); 7286 document.removeEventListener('click', this.handleOutsideClick); 7287 7288 return; 7289 } 7290 7291 // Large screen behavior 7292 if (!this.hasHeaderClass() && this.previousHeaderClass) { 7293 document.body.classList.add(this.previousHeaderClass); 7294 } 7295 7296 if (this.hasHeaderClass()) { 7297 if (!menuElement.classList.contains(this.config.openClass)) { 7298 menuElement.classList.add(this.config.openClass); 7299 } 7300 7301 // Setup elements for large screen view 7302 this.setupMenuHover(); 7303 this.setupMenuItemClicks(); 7304 this.setupDropdownHandlers(); 7305 this.setupMenuFocusNavigation(); 7306 this.updateDropdownAccessibility(); 7307 7308 // Ensure outside click handler is set up 7309 document.removeEventListener('click', this.handleOutsideClick); 7310 document.addEventListener('click', this.handleOutsideClick, { passive: false }); 7311 } 7312 } 7313 7314 // Reset accessibility attributes when switching to mobile 7315 resetAccessibilityAttributes() { 7316 if (!this.cachedElements.dropdowns) return; 7317 7318 // Remove all inert attributes from dropdown contents 7319 this.cachedElements.dropdowns.forEach(dropdown => { 7320 const content = dropdown.querySelector(this.config.dropdownContentSelector); 7321 if (content) { 7322 content.removeAttribute('inert'); 7323 } 7324 7325 const button = dropdown.querySelector('button'); 7326 if (button) { 7327 button.setAttribute('aria-expanded', 'false'); 7328 } 7329 }); 7330 } 7331 7332 setupMenuFocusNavigation() { 7333 // Only run if hasHeaderClass() is true and we have focusable elements 7334 if (!this.hasHeaderClass() || !this.cachedFocusableElements || this.cachedFocusableElements.length === 0) { 7335 return; 7336 } 7337 7338 // Clean up previous handler if it exists 7339 if (this.keyboardNavHandler) { 7340 document.removeEventListener('keydown', this.keyboardNavHandler, true); 7341 this.keyboardNavHandler = null; 7342 } 7343 7344 const navMenu = this.cachedElements.menuElement; 7345 const focusableElements = this.cachedFocusableElements; 7346 const firstFocusableElement = focusableElements[0]; 7347 const lastFocusableElement = focusableElements[focusableElements.length - 1]; 7348 7349 // Find adjacent focusable elements outside the menu (only once during setup) 7350 const headerElement = navMenu.closest('header') || document.querySelector('header'); 7351 7352 // Prepare variables to hold adjacent elements 7353 let prevFocusableElement = null; 7354 let nextFocusableElement = null; 7355 let firstElementAfterHeader = null; 7356 7357 if (headerElement) { 7358 // Get all focusable elements within the header - do this once and cache the result 7359 const headerFocusables = Array.from( 7360 headerElement.querySelectorAll('a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not
7360([tabindex="-1"])') 7361 ).filter(el => window.getComputedStyle(el).display !== 'none'); 7362 7363 // Find the index of our first and last menu elements in one pass 7364 const menuStartIndex = headerFocusables.indexOf(firstFocusableElement); 7365 const menuEndIndex = headerFocusables.indexOf(lastFocusableElement); 7366 7367 // Cache the adjacent elements 7368 if (menuStartIndex > 0) { 7369 prevFocusableElement = headerFocusables[menuStartIndex - 1]; 7370 } 7371 7372 if (menuEndIndex !== -1 && menuEndIndex < headerFocusables.length - 1) { 7373 nextFocusableElement = headerFocusables[menuEndIndex + 1]; 7374 } 7375 7376 // Pre-calculate the first element after header - but only if needed 7377 if (!nextFocusableElement) { 7378 // Use a more efficient selector that targets immediate children of body that aren't the header 7379 const selector = 'body > *:not(header)'; 7380 const nonHeaderElements = document.querySelectorAll(selector); 7381 7382 // Only process if we have elements 7383 if (nonHeaderElements.length > 0) { 7384 // Create a function to find the first focusable element (used later if needed) 7385 this.findFirstFocusableAfterHeader = () => { 7386 for (const element of nonHeaderElements) { 7387 const focusable = element.querySelector('a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), select:not([tabindex="-1"]), textarea:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'); 7388 if (focusable && window.getComputedStyle(focusable).display !== 'none') { 7389 return focusable; 7390 } 7391 } 7392 return null; 7393 }; 7394 } 7395 } 7396 } 7397 7398 // Create keyboard navigation handler with closure over the cached elements 7399 this.keyboardNavHandler = (e) => { 7400 // Quick check for Tab key first 7401 if (e.key !== 'Tab') return; 7402 7403 // Then check if focus is inside the menu 7404 if (!navMenu.contains(document.activeElement)) return; 7405 7406 let targetElement = null; 7407 7408 // Handle tab navigation at boundaries only 7409 if (!e.shiftKey && document.activeElement === lastFocusableElement) { 7410 // Forward tab from last element 7411 e.preventDefault(); 7412 e.stopPropagation(); 7413 7414 if (nextFocusableElement) { 7415 targetElement = nextFocusableElement; 7416 } else if (this.findFirstFocusableAfterHeader) { 7417 // Only search for elements after header if needed and not already found 7418 firstElementAfterHeader = this.findFirstFocusableAfterHeader(); 7419 targetElement = firstElementAfterHeader; 7420 } 7421 7422 // Focus on the target or body as fallback 7423 setTimeout(() => { 7424 if (targetElement) { 7425 targetElement.focus(); 7426 } else { 7427 document.body.setAttribute('tabindex', '-1'); 7428 document.body.focus(); 7429 document.body.removeAttribute('tabindex'); 7430 } 7431 }, 10); 7432 } 7433 else if (e.shiftKey && document.activeElement === firstFocusableElement) { 7434 // Backward tab from first element 7435 e.preventDefault(); 7436 e.stopPropagation(); 7437 7438 setTimeout(() => { 7439 if (prevFocusableElement) { 7440 prevFocusableElement.focus(); 7441 } else { 7442 document.body.setAttribute('tabindex', '-1'); 7443 document.body.focus(); 7444 document.body.removeAttribute('tabindex'); 7445 } 7446 }, 10); 7447 } 7448 }; 7449 7450 // Use capture phase for the event 7451 document.addEventListener('keydown', this.keyboardNavHandler, true); 7452 } 7453 7454 setupMenuHover() { 7455 const menuElement = this.cachedElements.menuElement; 7456 if (!menuElement) return; 7457 7458 // Clean up existing hover handlers first 7459 this.cleanupMenuHover(); 7460 7461 // Create event handlers 7462 const mouseenterHandler = () => { 7463 menuElement.classList.add(this.config.openClass); 7464 }; 7465 7466 const mouseleaveHandler = () => { 7467 menuElement.classList.remove(this.config.openClass); 7468 }; 7469 7470 // Add event listeners with passive flag for better performance 7471 menuElement.addEventListener('mouseenter', mouseenterHandler, { passive: true }); 7472 menuElement.addEventListener('mouseleave', mouseleaveHandler, { passive: true }); 7473 7474 // Store the handlers for cleanup 7475 this.menuHoverHandlers = { 7476 element: menuElement, 7477 mouseenter: mouseenterHandler, 7478 mouseleave: mouseleaveHandler 7479 }; 7480 } 7481 7482 cleanupMenuHover() { 7483 if (this.menuHoverHandlers) {
7484 const { element, mouseenter, mouseleave } = this.menuHoverHandlers; 7485 element.removeEventListener('mouseenter', mouseenter); 7486 element.removeEventListener('mouseleave', mouseleave); 7487 this.menuHoverHandlers = null; 7488 } 7489 } 7490 7491 setupMenuItemClicks() { 7492 if (!this.cachedElements.menuItems || this.cachedElements.menuItems.length === 0) return; 7493 7494 // Clean up existing handlers first 7495 this.cleanupMenuItemClicks(); 7496 7497 const menuElement = this.cachedElements.menuElement; 7498 const menuItemHandlers = new Map(); 7499 7500 this.cachedElements.menuItems.forEach(item => { 7501 const clickHandler = () => { 7502 if (this.hasHeaderClass()) { 7503 // Clear any existing timeout 7504 if (this.menuItemClickTimeout) { 7505 clearTimeout(this.menuItemClickTimeout); 7506 } 7507 7508 // Set timeout before adding the class 7509 this.menuItemClickTimeout = setTimeout(() => { 7510 if (!menuElement.classList.contains(this.config.openClass)) { 7511 menuElement.classList.add(this.config.openClass); 7512 } 7513 }, this.config.menuItemClickDelay); 7514 } 7515 }; 7516 7517 menuItemHandlers.set(item, clickHandler); 7518 item.addEventListener('click', clickHandler); 7519 }); 7520 7521 this.menuItemClickHandlers = menuItemHandlers; 7522 } 7523 7524 cleanupMenuItemClicks() { 7525 if (this.menuItemClickHandlers && this.menuItemClickHandlers instanceof Map) { 7526 this.menuItemClickHandlers.forEach((handler, item) => { 7527 item.removeEventListener('click', handler); 7528 }); 7529 this.menuItemClickHandlers.clear(); 7530 } 7531 7532 if (this.menuItemClickTimeout) { 7533 clearTimeout(this.menuItemClickTimeout); 7534 this.menuItemClickTimeout = null; 7535 } 7536 } 7537 7538 setupDropdownHandlers() { 7539 if (!this.hasHeaderClass() || !this.cachedElements.dropdownToggles) return; 7540 7541 // Clean up existing handlers first 7542 this.cleanupDropdownHandlers(); 7543 7544 this.cachedElements.dropdownToggles.forEach(toggle => { 7545 const clickHandler = (event) => { 7546 event.stopPropagation(); 7547 event.preventDefault(); 7548 7549 const dropdown = toggle.closest(this.config.dropdownSelector); 7550 if (dropdown) { 7551 this.toggleActiveClasses(dropdown); 7552 this.updateDropdownAccessibility(); 7553 } 7554 }; 7555 7556 this.dropdownClickHandlers.set(toggle, clickHandler); 7557 toggle.addEventListener('click', clickHandler); 7558 }); 7559 } 7560 7561 cleanupDropdownHandlers() { 7562 if (this.dropdownClickHandlers.size > 0) { 7563 this.dropdownClickHandlers.forEach((handler, toggle) => { 7564 toggle.removeEventListener('click', handler); 7565 }); 7566 this.dropdownClickHandlers.clear(); 7567 } 7568 } 7569 7570 handleOutsideClick(event) { 7571 if (event.target.tagName === 'A') return; 7572 if (!event.target.closest(this.config.dropdownSelector)) return; 7573 if (!event.target.closest(this.config.submenuToggleSelector)) { 7574 event.preventDefault(); 7575 event.stopPropagation(); 7576 } 7577 } 7578 7579 updateDropdownAccessibility() { 7580 // Only run if hasHeaderClass() is true 7581 if (!this.hasHeaderClass() || !this.cachedElements.dropdowns) return; 7582 7583 this.cachedElements.dropdowns.forEach(dropdown => { 7584 const content = dropdown.querySelector(this.config.dropdownContentSelector); 7585 const button = dropdown.querySelector('button'); 7586 7587 // Check if dropdown has all active classes 7588 const isOpen = this.hasAllActiveClasses(dropdown); 7589 7590 if (content) { 7591 if (isOpen) { 7592 content.removeAttribute('inert'); 7593 } else { 7594 content.setAttribute('inert', ''); 7595 } 7596 } 7597 7598 if (button) { 7599 button.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 7600 } 7601 }); 7602 } 7603} 7604 7605 7606const sidebarNav = new SidebarNavigation().init();</script>
7606</header><main id="brx-content"><section id="brxe-iiuxrp" class="brxe-section fb-archive-hero-01 container-gap bricks-lazy-hidden"><div id="brxe-nryihp" class="brxe-container fb-archive-hero-01__container bricks-lazy-hidden"><nav id="brxe-aycwvf" class="brxe-breadcrumbs fb-bread-01 fb-archive-hero-01__breadcrumbs" aria-label="Breadcrumb"><a class="item" href="https://www.meetyu.app">Home</a><span class="separator" aria-hidden="true">/</span><span class="item" aria-current="page">Blog</span></nav></div><div id="brxe-jghbxb" class="brxe-block hero-42__container-info bricks-lazy-hidden"><div id="brxe-bflpqy" class="brxe-block hero-42__inner-container-info bricks-lazy-hidden"><h1 id="brxe-gidpmb" class="brxe-post-title meetyu-heading-white-bg">Blog</h1><p id="brxe-vznswz" class="brxe-text-basic meetyu-tagline-white-bg">Patterns, Practices & Breakthroughs</p></div><p id="brxe-blprvv" class="brxe-text-basic meetyu-description-white-bg">Cutting-edge research, proven techniques, and real stories about the power of AI-enhanced reflection</p></div></section><section id="brxe-ndwuor" class="brxe-section fb-secside bricks-lazy-hidden"><div id="brxe-qmaxoi" class="brxe-container fb-secside__container fb-secside__container--inv bricks-lazy-hidden"><main id="brxe-bumkqc" class="brxe-block fb-secside__main bricks-lazy-hidden"><div id="brxe-iaqqpm" class="brxe-block fb-grid-blog bricks-lazy-hidden" aria-label="Blog posts" role="region"><article class="brxe-apatfj brxe-block fb-blog-card-01 fb-blog-card-01--first-2col bricks-lazy-hidden" data-brx-loop-start="apatfj"><div class="brxe-kzbmqp brxe-block fb-blog-card-01__top bricks-lazy-hidden"><header class="brxe-wbjfyy brxe-block fb-blog-card-01__header bricks-lazy-hidden"><time class="brxe-rgxpac brxe-block fb-blog-card-01__date bricks-lazy-hidden" datetime="2025-08-13"><span class="brxe-flnzov brxe-text-basic fb-blog-card-01__day">13 Aug</span><span class="brxe-osvhcp brxe-text-basic fb-blog-card-01__month">2025</span></time><img width="1024" height="576" src="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp" class="brxe-cdiziv brxe-image fb-blog-card-01__image css-filter size-large" alt="MeetYu Life Coach AI Journal social sharing banner with app screenshots on purple background" decoding="async" fetchpriority="high" srcset="https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1024x576.webp 1024w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-300x169.webp 300w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-768x432.webp 768w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1536x864.webp 1536w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-1200x675.webp 1200w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1-600x338.webp 600w, https://www.meetyu.app/wp-content/uploads/2025/10/banner_meetyu-life-coach-ai-journal-1.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" loading="eager" /></header><div class="brxe-qcnzoe brxe-block fb-blog-card-01__content bricks-lazy-hidden"><div class="brxe-jkvtqc brxe-div fb-blog-card-01__categories bricks-lazy-hidden"><span class="brxe-dsjrci brxe-text-basic blog-archive-19-archive-card__category"> [<a href="https://www.meetyu.app/personal-growth/">Personal Growth</a>] </span></div><h2 class="brxe-tmhneu brxe-heading fb-blog-card-01__heading fb-link-card"><a href="https://www.meetyu.app/2025/08/goal-achievement-with-meetyu-the-science-behind-higher-success-rates/">Goal Achievement with MeetYu: The Science Behind Higher Success Rates</a></h2><p class="brxe-niohgi brxe-text-basic fb-blog-card-01__excerpt">Transform your scattered ambitions into measurable victories through intelligent reflection Summary MeetYu revolutionizes how we approach personal goals by turning daily reflection into a strategic advantage. This intelligent journaling platform doesnât just store your thoughts - it actively helps you…</p></div></div><footer class="brxe-vdnnjg brxe-block fb-blog-card-01__footer bricks-lazy-hidden"><div class="brxe-rthjwb brxe-block fb-blog-card-01__wrapper bricks-lazy-hidden"><i class="fa-solid fa-clock brxe-wotrms brxe-icon fb-blog-card-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
7606<path fill="currentColor" d="M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path></svg></i><p class="read_time" aria-label="10 minute read">10 min read</p></div><div class="brxe-mvwjlp brxe-block fb-blog-card-01__wrapper bricks-lazy-hidden"><i class="fa-solid fa-user brxe-hfvbji brxe-icon fb-blog-card-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z"></path></svg></i><p class="brxe-kelqgf brxe-text-basic fb-blog-card-01__comments" aria-label="Written by MeetYu Team">MeetYu Team</p></div></footer></article><article class="brx-query-trail" data-query-element-id="apatfj" data-query-vars="{"page":"","pagename":"blog","post_type":["post"],"post__not_in":["18090","1"],"is_archive_main_query":true,"posts_per_page":7,"orderby":"date","post_status":"publish","paged":1}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="1"></article></div><nav id="brxe-oscufc" class="brxe-block bricks-lazy-hidden" aria-label="Blog pagination"><div id="brxe-zxwkjm" class="brxe-pagination fb-pagination-four brx-ajax-pagination" style="display: none;" data-query-element-id="apatfj" data-pagination-id="zxwkjm" data-brx-filter="{"filterId":"zxwkjm","targetQueryId":"apatfj","filterAction":"filter","filterType":"pagination","filterMethod":"ajax","filterApplyOn":"change","filterInputDebounce":500}"><div class="bricks-pagination" role="navigation" aria-label="Pagination"></div></div></nav></main><aside id="brxe-jfipqu" class="brxe-block fb-secside__sidebar bricks-lazy-hidden" aria-label="Blog sidebar"><section id="brxe-dpumjy" class="brxe-block fb-secside__wrapper fb-secside__wrapper--dark bricks-lazy-hidden" aria-labelledby="brxe-lhecua"><h3 id="brxe-qyajaj" class="brxe-heading fb-secside__heading">Subscribe to receive the latest news</h3><div id="brxe-qesdyx" class="brxe-mailerpress-optin form-mailerpress mailerpress-optin-form" data-element-id="qesdyx"> <form class="mailerpress-optin-form-element mailerpress-form-columns-1" method="post" action=""> 7607 <input type="hidden" id="mailerpress_optin_nonce" name="mailerpress_optin_nonce" value="4bae3d50f2" /><input type="hidden" name="_wp_http_referer" value="/blog/" /> <input type="hidden" name="element_id" value="qesdyx"> 7608 <input type="hidden" name="page_id" value="2044"> 7609 <input type="hidden" name="element_settings" value="{"form_fields":[{"field_type":"text","field_label":"First name","field_name":"name","field_required":true,"id":"ubrwdp","field_placeholder":"Your first name"},{"field_type":"email","field_label":"Email","field_name":"email","field_required":true,"field_placeholder":"Enter your email","id":"atnfob"},{"field_type":"checkbox","field_label":"Accept Newsletter \u0026 Privacy Policy","field_name":"privacy","field_required":true,"field_placeholder":"Enter your email","id":"kqpxbo","consent_label":"I agree to receive newsletters from MeetYu and accept the \u003Ca href=\u0022https:\/\/www.meetyu.app\/privacy-policy\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003EPrivacy Policy\u003C\/a\u003E"}],"mailerpress_list":["1","2"],"mailerpress_tags":["1"],"double_optin":"yes","field_mapping":[{"id":"qhlzht","mailerpress_field":"contactFirstName","form_field":"name"},{"id":"bohgjg","mailerpress_field":"email","form_field":"email"}],"form_columns":"1","success_message":"
7609Thank you! Please check your email to confirm your subscription.","error_message":"An error occurred. Please try again.","redirect_delay":2000,"buttonText":"Subscribe","buttonIconPosition":"left","optin_source":"\/blog Site","enableTurnstile":true,"_cssGlobalClasses":["enojwa"],"_padding":{"top":"0"},"_cssCustom":"\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n MailerPress optin \u2014 sidebar (dark purple bg variant)\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n#brxe-qesdyx.mailerpress-optin-form {\n --mp-text: #1a1a1a;\n --mp-label: rgba(255, 255, 255, 0.85);\n --mp-muted: #9ca3af;\n --mp-accent: #6200EE;\n --mp-bg-input: #ffffff;\n --mp-bg-input-hover: #f9fafb;\n --mp-success-bg: #16a34a;\n --mp-error-bg: #dc2626;\n --mp-radius-field: 1.5rem;\n --mp-radius-btn: 5rem;\n --mp-gap: 1.25rem;\n\n max-width: 100%;\n width: 100%;\n color: #ffffff;\n font-family: inherit;\n}\n\n\/* Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-fields-wrapper {\n display: flex !important;\n flex-direction: column !important;\n gap: var(--mp-gap) !important;\n}\n\n#brxe-qesdyx .mailerpress-form-field {\n flex: 1 1 100% !important;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n\/* Labels \u2014 light on dark bg \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-field \u003E label {\n display: block;\n font-size: calc(var(--text-m, 1rem) * 0.8);\n font-weight: 500;\n line-height: 1.3;\n color: var(--mp-label);\n margin: 0;\n}\n\n#brxe-qesdyx .required {\n display: none;\n}\n\n\/* Inputs \u2014 white bg, dark text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[type=\u0022text\u0022],\n#brxe-qesdyx input[type=\u0022email\u0022] {\n width: 100%;\n box-sizing: border-box;\n height: 5rem;\n padding: 1rem 1.5rem;\n font-size: calc(var(--text-m, 1rem) * 0.9);\n font-family: var(--bricks-font-family-base, inherit);\n line-height: 1.4;\n color: var(--mp-text);\n background: var(--mp-bg-input);\n border: 1px solid transparent;\n border-radius: var(--mp-radius-field);\n transition: border-color .15s ease, box-shadow .15s ease;\n appearance: none;\n}\n\n#brxe-qesdyx input[type=\u0022text\u0022]:focus,\n#brxe-qesdyx input[type=\u0022email\u0022]:focus {\n outline: none;\n border-color: #ffffff;\n box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);\n}\n\n\/* Suppress browser autofill recolor \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input:-webkit-autofill,\n#brxe-qesdyx input:-webkit-autofill:hover,\n#brxe-qesdyx input:-webkit-autofill:focus,\n#brxe-qesdyx input:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 1000px var(--mp-bg-input) inset !important;\n -webkit-text-fill-color: var(--mp-text) !important;\n caret-color: var(--mp-text) !important;\n transition: background-color 5000s ease-in-out 0s !important;\n border-radius: var(--mp-radius-field) !important;\n font-size: calc(var(--text-m, 1rem) * 0.9) !important;\n}\n\n\/* Hide placeholders \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input::placeholder {\n opacity: 0 !important;\n visibility: hidden !important;\n}\n\n#brxe-qesdyx input::-webkit-input-placeholder {\n opacity: 0 !important;\n visibility: hidden !important;\n}\n\n#brxe-qesdyx input::-moz-placeholder {\n opacity: 0 !important;\n visibility: hidden !important;\n}\n\n#brxe-qesdyx input:-ms-input-placeholder {\n opacity: 0 !important;\n visibility: hidden !important;\n}\n\n\/* Consent field \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-consent-field {\n flex-basis: 100% !important;\n margin-top: .25rem;\n}\n\n#brxe-qesdyx .mailerpress-consent-field \u003E label {\n display: flex !important;
7609\n align-items: flex-start !important;\n gap: 10px !important;\n cursor: pointer;\n font-weight: 500;\n font-size: calc(var(--text-m, 1rem) * 0.8);\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.95);\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field \u003E label \u003E span {\n flex: 1;\n}\n\n\/* Custom-drawn checkbox \u2014 white bg, purple check \u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[type=\u0022checkbox\u0022] {\n appearance: none !important;\n -webkit-appearance: none !important;\n display: inline-block !important;\n width: 20px !important;\n height: 20px !important;\n min-width: 20px !important;\n min-height: 20px !important;\n max-width: 20px !important;\n max-height: 20px !important;\n border: 2px solid #ffffff !important;\n border-radius: 4px !important;\n cursor: pointer !important;\n position: relative !important;\n margin: 2px 0 0 0 !important;\n padding: 0 !important;\n line-height: 1 !important;\n vertical-align: top !important;\n transition: all 0.3s ease !important;\n background-color: #ffffff !important;\n flex-shrink: 0 !important;\n box-sizing: border-box !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:hover {\n background-color: #f3f4f6 !important;\n border-color: #f3f4f6 !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:checked {\n background-color: #ffffff !important;\n border-color: #ffffff !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:checked::after {\n content: \u0027\u0027 !important;\n position: absolute !important;\n left: 5px !important;\n top: 1px !important;\n width: 5px !important;\n height: 10px !important;\n border: solid var(--mp-accent) !important;\n border-width: 0 2px 2px 0 !important;\n transform: rotate(45deg) !important;\n}\n\n#brxe-qesdyx input[type=\u0022checkbox\u0022]:focus {\n outline: none !important;\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field a {\n color: #ffffff !important;\n text-decoration: underline !important;\n font-weight: 500;\n transition: opacity 0.2s ease !important;\n}\n\n#brxe-qesdyx .mailerpress-consent-field a:hover {\n opacity: 0.8 !important;\n}\n\n\/* Turnstile \u2014 full width with breathing room \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-turnstile-wrapper {\n margin: var(--mp-gap) 0 20px !important;\n max-width: 100% !important;\n width: 100% !important;\n overflow: hidden !important;\n}\n\n#brxe-qesdyx .cf-turnstile {\n max-width: 100% !important;\n width: 100% !important;\n}\n\n#brxe-qesdyx .cf-turnstile iframe {\n max-width: 100% !important;\n width: 100% !important;\n transform: scale(1) !important;\n transform-origin: 0 0 !important;\n}\n\n#brxe-qesdyx .cf-turnstile \u003E div {\n max-width: 100% !important;\n width: 100% !important;\n}\n\n\/* Honeypot guard \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx input[name=\u0022website\u0022] {\n position: absolute !important;\n left: -9999px !important;\n width: 1px !important;\n height: 1px !important;\n opacity: 0 !important;\n pointer-events: none !important;\n}\n\n\/* Submit button \u2014 white pill on purple \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-submit {\n margin-top: var(--mp-gap);\n}\n\n#brxe-qesdyx .mailerpress-submit-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: .5rem;\n width: 100%;\n height: 5rem;\n padding: 0 2rem;\n margin: 0 !important;\n font-size: calc(var(--text-m, 1rem) * 1.1);\n font-weight: 600;\n font-family: inherit;\n line-height: 1;\n color: var(--mp-accent) !important;\n background: #ffffff !important;\n border: 1px solid #ffffff !important;\n border-radius: var(--mp-radius-btn);\n cursor: pointer;\n transition: opacity .15s ease, transform .05s ease, background-color .15s ease;\n}\n\n#brxe-qesdyx .mailerpress-submit-button:hover:not([disabled]) {\n background: rgba(255, 255, 255, 0.92) !important;\n}\n\n#brxe-qesdyx .mailerpress-submit-button:active:not([disabled]) {\n transform: translateY(1px);\n}\n\n#brxe-qesdyx .mailerpress-submit-button[disabled] {\n cursor: n
7609ot-allowed;\n opacity: .75;\n}\n\n\/* Feedback message \u2014 centered \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#brxe-qesdyx .mailerpress-form-message {\n margin-top: var(--mp-gap);\n padding: 1.25rem 1.5rem;\n border-radius: var(--mp-radius-field);\n font-size: calc(var(--text-m, 1rem) * 0.9);\n font-weight: 500;\n line-height: 1.4;\n text-align: center;\n}\n\n#brxe-qesdyx .mailerpress-form-message.success {\n background: var(--mp-success-bg);\n color: #fff;\n}\n\n#brxe-qesdyx .mailerpress-form-message.error {\n background: var(--mp-error-bg);\n color: #fff;\n}"}"> 7610 7611 <input type="text" name="website" value="" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; tabindex: -1;" autocomplete="off" aria-hidden="true"> 7612 7613 7614 <div class="mailerpress-form-fields-wrapper"> 7615 <div class="mailerpress-form-field"> 7616 <label for="mailerpress-field-qesdyx-0"> 7617 First name <span class="required">*</span> 7618 </label> 7619 <input type="text" id="mailerpress-field-qesdyx-0" name="name" placeholder="Your first name" required> </div> 7620 <div class="mailerpress-form-field"> 7621 <label for="mailerpress-field-qesdyx-1"> 7622 Email <span class="required">*</span> 7623 </label> 7624 <input type="email" id="mailerpress-field-qesdyx-1" name="email" placeholder="Enter your email" required> </div> 7625 <div class="mailerpress-form-field mailerpress-consent-field"> 7626 <label for="mailerpress-field-qesdyx-2"> 7627 <input type="checkbox" id="mailerpress-field-qesdyx-2" name="privacy" value="1" required> 7628 <span> 7629 I agree to receive newsletters from MeetYu and accept the <a href="https://www.meetyu.app/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a> <span class="required">*</span> 7630 </span> 7631 </label> 7632 </div> 7633 </div> 7634 7635 7636 <div class="mailerpress-turnstile-wrapper" style="margin: 10px 0;"> 7637 <div class="cf-turnstile" data-sitekey="0x4AAAAAAB8x_X_LtkrqBPYE"></div> 7638 </div> 7639 7640 <div class="mailerpress-form-submit"> 7641 <button type="submit" class="mailerpress-submit-button bricks-button bricks-background-primary"> 7642 <span class="bricks-button-text">Subscribe</span> </button> 7643 </div> 7644 7645 <div class="mailerpress-form-message" style="display: none;"></div> 7646 </form> 7647 7648
7648<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
7648 7649 7650
7650<script> 7651 (function() { 7652 document.addEventListener('DOMContentLoaded', function() { 7653 var formElement = document.querySelector('.mailerpress-optin-form[data-element-id="qesdyx"] form'); 7654 7655 if (!formElement) { 7656 return; 7657 } 7658 7659 7660 formElement.addEventListener('submit', function(e) { 7661 e.preventDefault(); 7662 7663 var form = this; 7664 var message = form.querySelector('.mailerpress-form-message'); 7665 var button = form.querySelector('.mailerpress-submit-button'); 7666 var originalButtonText = button ? button.textContent : 'Subscribe'; 7667 7668 7669 submitForm(form, message, button, originalButtonText); 7670 }); 7671 7672 function submitForm(form, message, button, originalButtonText) { 7673 7674 // Hide message and reset classes 7675 if (message) { 7676 message.style.display = 'none'; 7677 message.className = 'mailerpress-form-message'; 7678 message.textContent = ''; 7679 } 7680 7681 // Disable button and show loading state 7682 if (button) { 7683 button.disabled = true; 7684 button.textContent = 'Submitting...'; 7685 } 7686 7687 // Serialize form data 7688 var formData = new FormData(form); 7689 formData.append('action', 'mailerpress_bricks_submit'); 7690 7691 // Make fetch request 7692 fetch('https://www.meetyu.app/wp-admin/admin-ajax.php', { 7693 method: 'POST', 7694 body: formData 7695 }) 7696 .then(function(response) { 7697 if (!response.ok) { 7698 throw new Error('Network response was not ok'); 7699 } 7700 return response.json(); 7701 }) 7702 .then(function(data) { 7703 if (button) { 7704 button.disabled = false; 7705 button.textContent = originalButtonText; 7706 } 7707 7708 if (data.success) { 7709 if (message) { 7710 message.className = 'mailerpress-form-message success'; 7711 message.textContent = data.data.message; 7712 message.style.display = 'block'; 7713 } 7714 form.reset(); 7715 7716 // Check if redirect is enabled 7717 var enableRedirect = false; 7718 var redirectPage = ''; 7719 var redirectDelay = 2000; 7720 7721 if (enableRedirect && redirectPage) { 7722 setTimeout(function() { 7723 window.location.href = redirectPage; 7724 }, redirectDelay); 7725 } 7726 } else { 7727 if (message) { 7728 message.className = 'mailerpress-form-message error'; 7729 message.textContent = data.data.message || 'An error occurred. Please try again.'; 7730 message.style.display = 'block'; 7731 } 7732 } 7733 }) 7734 .catch(function(error) { 7735 if (button) { 7736 button.disabled = false;
7737 button.textContent = originalButtonText; 7738 } 7739 7740 if (message) { 7741 message.className = 'mailerpress-form-message error'; 7742 message.textContent = 'An error occurred. Please try again.'; 7743 message.style.display = 'block'; 7744 } 7745 }); 7746 } 7747 }); 7748 })(); 7749 </script>
7749 7750 7751 <style> 7752 .mailerpress-optin-form { 7753 max-width: 100%; 7754 width: 100%; 7755 } 7756 7757 .mailerpress-form-fields-wrapper { 7758 display: flex; 7759 flex-wrap: wrap; 7760 gap: 8px; 7761 } 7762 7763 .mailerpress-form-field { 7764 flex: 1 1 100%; 7765 } 7766 7767 .mailerpress-form-columns-2 .mailerpress-form-field { 7768 flex: 1 1 calc(50% - 7.5px); 7769 } 7770 7771 .mailerpress-form-columns-3 .mailerpress-form-field { 7772 flex: 1 1 calc(33.333% - 10px); 7773 } 7774 7775 .mailerpress-form-field label { 7776 display: block; 7777 } 7778 7779 .mailerpress-form-field input, 7780 .mailerpress-form-field textarea { 7781 width: 100%; 7782 box-sizing: border-box; 7783 } 7784 7785 .mailerpress-consent-field { 7786 flex-basis: 100% !important; 7787 } 7788 7789 .mailerpress-consent-field label { 7790 display: flex !important; 7791 align-items: flex-start; 7792 gap: 8px; 7793 cursor: pointer; 7794 } 7795 7796 .mailerpress-consent-field input[type="checkbox"] { 7797 width: auto; 7798 margin-top: 3px; 7799 flex-shrink: 0; 7800 } 7801 7802 .mailerpress-form-field textarea { 7803 min-height: 100px; 7804 resize: vertical; 7805 } 7806 7807 .mailerpress-submit-button { 7808 display: inline-flex; 7809 align-items: center; 7810 gap: 8px; 7811 margin-top: 10px; 7812 } 7813 7814 .mailerpress-submit-button .bricks-button-icon { 7815 display: inline-flex; 7816 align-items: center; 7817 } 7818 7819 .mailerpress-form-message { 7820 margin-top: 15px; 7821 padding: 10px; 7822 border-radius: 4px; 7823 } 7824 7825 .mailerpress-form-message.success { 7826 background-color: #00a32a; 7827 color: #fff; 7828 } 7829 7830 .mailerpress-form-message.error { 7831 background-color: #d63638; 7832 color: #fff; 7833 } 7834 7835 @media (max-width: 768px) { 7836 7837 .mailerpress-form-columns-2 .mailerpress-form-field, 7838 .mailerpress-form-columns-3 .mailerpress-form-field { 7839 flex: 1 1 100%; 7840 } 7841 } 7842 </style> 7843 </div> 7844</section><div id="brxe-uslfqv" class="brxe-search fb-search-02"> 7845<form role="search" method="get" class="bricks-search-form" action="https://www.meetyu.app/"> 7846 <label for="search-input-uslfqv" class="screen-reader-text"><span>Search</span></label> 7847 <input type="search" placeholder="Search articles..." value="" name="s" id="search-input-uslfqv" /> 7848 7849 <button type="submit">Go</button></form> 7850</div><nav id="brxe-fhtafy" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Blog categories"><h3 id="brxe-izapxq" class="brxe-heading fb-secside__heading">Blog categories</h3><ul id="brxe-igefez" class="brxe-block fb-category-list-01 fb-ul-list bricks-lazy-hidden" role="list"><li class="brxe-hysktc brxe-block fb-category-list-01__category bricks-lazy-hidden" data-brx-loop-start="hysktc"><a class="brxe-wybpoq brxe-text-basic fb-category-list-01__name" href="https://www.meetyu.app/personal-growth/">Personal Growth</a></li><li class="brx-query-trail" data-query-element-id="hysktc" data-query-vars="{"taxonomy":["category"],"disable_query_merge":true,"number":"10","paged":1,"original_offset":0}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="1"></li></ul></nav><nav id="brxe-swruui" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Blog tags"><h3 id="brxe-gcvgws" class="brxe-heading fb-secside__heading">Blog tags</h3><ul id="brxe-ookmww" class="brxe-block fb-tags-01 fb-ul-list bricks-lazy-hidden" role="list"><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden" data-brx-loop-start="xfgggy"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/daily-reflection/">Daily Reflection</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/meetyu/">MeetYu</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/pattern-recognition/">Pattern Recognition</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/personal-growth/">Personal Growth</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/research-backed/">Research Backed</a></li><li class="brxe-xfgggy brxe-block fb-tags-01__item bricks-lazy-hidden"><a class="brxe-keresw brxe-text-basic fb-tags-01__name" href="https://www.meetyu.app/tag/self-awareness/">Self Awareness</a></li><li class="brx-query-trail" data-query-element-id="xfgggy" data-query-vars="{"taxonomy":["post_tag"],"number":"10","paged":1,"original_offset":0}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="6"></li></ul></nav><nav id="brxe-hufcwa" class="brxe-block fb-secside__wrapper bricks-lazy-hidden" aria-label="Social media links"><h3 id="brxe-buzmky" class="brxe-heading fb-secside__heading">Follow us</h3><ul id="brxe-rgpych" class="brxe-block fb-follow-01 fb-ul-list bricks-lazy-hidden" role="list"><li id="brxe-remgtm" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-kkigdo" class="fab fa-facebook-f brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
7850<path fill="currentColor" d="M80 299.3l0 212.7 116 0 0-212.7 86.5 0 18-97.8-104.5 0 0-34.6c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4 .4 37 1.2l0-88.7C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4l0 42.1-66 0 0 97.8 66 0z"></path></svg></i><a id="brxe-dkupxf" class="brxe-text-basic fb-follow-01__name" href="https://www.facebook.com/meetyu.labs/" rel="noopener noreferrer" target="_blank">Facebook</a></li><li id="brxe-bxhpzh" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-rpjvdn" class="fab fa-instagram brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></i><a id="brxe-ogaqni" class="brxe-text-basic fb-follow-01__name" href="https://www.instagram.com/meetyu.app/" rel="noopener noreferrer" target="_blank">Instagram</a></li><li id="brxe-lzqfih" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-pamunv" class="fab fa-youtube brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"></path></svg></i><a id="brxe-zybdbo" class="brxe-text-basic fb-follow-01__name" href="https://www.youtube.com/@MeetYu-App" rel="noopener noreferrer" target="_blank">YouTube</a></li><li id="brxe-hzzojj" class="brxe-block fb-follow-01__social bricks-lazy-hidden"><i id="brxe-crqogv" class="fab fa-linkedin-in brxe-icon fb-follow-01__icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M100.3 448l-92.9 0 0-299.1 92.9 0 0 299.1zM53.8 108.1C24.1 108.1 0 83.5 0 53.8 0 39.5 5.7 25.9 15.8 15.8s23.8-15.8 38-15.8 27.9 5.7 38 15.8 15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3zM447.9 448l-92.7 0 0-145.6c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7l0 148.1-92.8 0 0-299.1 89.1 0 0 40.8 1.3 0c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3l0 164.3-.1 0z"></path></svg></i><a id="brxe-jwient" class="brxe-text-basic fb-follow-01__name" href="https://www.linkedin.com/company/meetyu" rel="noopener noreferrer" target="_blank">LinkedIn</a></li></ul></nav></aside></div></section>
7850<script type="module"> 7851 function makeSticky(element) { 7852 var topGap = 120; 7853 var bottomGap = 40; 7854 if (element.hasAttribute('data-top-gap')) { 7855 var v = element.getAttribute('data-top-gap'); 7856 topGap = v === 'auto' ? element.getBoundingClientRect().top : parseInt(v); 7857 } 7858 if (element.hasAttribute('data-bottom-gap')) { 7859 bottomGap = parseInt(element.getAttribute('data-bottom-gap')); 7860 } 7861 var isStickyEnabled = false; 7862 var resizeTimer; 7863 var scrollController; 7864 var screenHeight = window.innerHeight; 7865 var elementHeight = element.offsetHeight; 7866 var atTopGap = true; 7867 var currentTop = topGap; 7868 var isTallSidebar; 7869 var endScroll; 7870 7871 function enableSticky() { 7872 if (window.innerWidth <= 767) { 7873 if (isStickyEnabled) { 7874 isStickyEnabled = false; 7875 if (scrollController) scrollController.abort(); 7876 element.removeAttribute('style'); 7877 } 7878 return; 7879 } 7880 if (!isStickyEnabled) { 7881 isStickyEnabled = true; 7882 currentTop = topGap; 7883 element.style.cssText = 'position:sticky;top:' + topGap + 'px;height:fit-content'; 7884 } 7885 updateSticky(); 7886 } 7887 7888 function updateSticky() { 7889 if (scrollController) scrollController.abort(); 7890 scrollController = new AbortController(); 7891 isTallSidebar = elementHeight + topGap + bottomGap > screenHeight; 7892 endScroll = screenHeight - elementHeight - bottomGap + topGap; 7893 var currPos = window.scrollY; 7894 7895 function positionStickyElement() { 7896 var scrollY = window.scrollY; 7897 if (isTallSidebar) { 7898 atTopGap = false; 7899 if (scrollY < currPos) { 7900 if (currentTop < topGap) { 7901 currentTop = Math.min(currentTop + currPos - scrollY, topGap); 7902 element.style.top = currentTop + 'px'; 7903 } 7904 } else { 7905 if (currentTop > endScroll) { 7906 currentTop = Math.max(currentTop + currPos - scrollY, endScroll); 7907 element.style.top = currentTop + 'px'; 7908 } 7909 } 7910 } else if (!atTopGap) { 7911 currentTop = topGap; 7912 element.style.top = topGap + 'px'; 7913 atTopGap = true; 7914 } 7915 currPos = scrollY; 7916 } 7917 7918 document.addEventListener('scroll', positionStickyElement, { 7919 capture: true, 7920 passive: true, 7921 signal: scrollController.signal 7922 }); 7923 } 7924 7925 window.addEventListener('resize', function() { 7926 clearTimeout(resizeTimer); 7927 resizeTimer = setTimeout(function() { 7928 screenHeight = window.innerHeight; 7929 elementHeight = element.offsetHeight; 7930 currentTop = topGap; 7931 atTopGap = false; 7932 enableSticky(); 7933 }, 500); 7934 }); 7935 7936 enableSticky(); 7937 } 7938 7939 document.fonts.ready.then(function() { 7940 document.querySelectorAll('.fb-secside__sidebar').forEach(makeSticky); 7941 }); 7942</script>
7942 7943</main><footer id="brx-footer"><div id="brxe-msulyw" class="brxe-section footer-14 bricks-lazy-hidden"><div id="brxe-wlwbhe" class="brxe-container footer-14__container bricks-lazy-hidden"><section id="brxe-nmhktn" class="brxe-block footer-14__container-top bricks-lazy-hidden" aria-labelledby="brxe-jhkbor"><h2 id="brxe-ezwwdp" class="brxe-heading footer-14__heading"><span style="background: linear-gradient(to right, #dc7e31, #a74afa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Get started today</span></h2><ul id="brxe-askmrh" class="brxe-block footer-14__container-contact bricks-lazy-hidden" role="list" aria-label="Download options"><li id="brxe-koklye" class="brxe-block footer-14__contact-element bricks-lazy-hidden"><figure id="brxe-mxjiwg" class="brxe-image app-stores_get-it tag"><a class="tag" href="https://play.google.com/store/apps/details?id=app.meetyu.meetyuapp" rel="noopener noreferrer me" target="_blank" aria-label="Get MeetYu on Google Play (opens in new tab)"><img src="https://www.meetyu.app/wp-content/uploads/2025/10/Get_it_on_Google_Play_Store_badge.svg" class="css-filter size-full" alt="Download MeetYu Life Coach AI Journal on Google Play Store badge" loading="eager" role="none" fetchpriority="low" decoding="async" /></a></figure></li><li id="brxe-iskvtw" class="brxe-block footer-14__contact-element bricks-lazy-hidden"><figure id="brxe-hdcxjz" class="brxe-image app-stores_get-it tag"><a class="tag" href="https://apps.apple.com/us/app/meetyu-journal/id6450647520" rel="noopener noreferrer me" target="_blank" aria-label="Download MeetYu on the App Store (opens in new tab)"><img src="https://www.meetyu.app/wp-content/uploads/2025/10/Download_on_the_App_Store_Badge-1.svg" class="css-filter size-full" alt="Download MeetYu Life Coach AI Journal on the Apple App Store badge" loading="eager" role="none" fetchpriority="low" decoding="async" /></a></figure></li></ul></section><div id="brxe-nyaizo" class="brxe-divider footer-14__divider horizontal" aria-hidden="true"><div class="line"></div></div><section id="brxe-qjtxcx" class="brxe-block footer-14__container-mid bricks-lazy-hidden" aria-label="Navigation columns and newsletter"><div id="brxe-vkrdmz" class="brxe-block footer-14__form-container bricks-lazy-hidden"><div id="brxe-bjjcic" class="brxe-mailerpress-optin form-mailerpress mailerpress-optin-form" data-element-id="bjjcic"> <form class="mailerpress-optin-form-element mailerpress-form-columns-1" method="post" action=""> 7944 <input type="hidden" id="mailerpress_optin_nonce" name="mailerpress_optin_nonce" value="4bae3d50f2" /><input type="hidden" name="_wp_http_referer" value="/blog/" /> <input type="hidden" name="element_id" value="bjjcic"> 7945 <input type="hidden" name="page_id" value="2044"> 7946 <input type="hidden" name="element_settings" value="{"form_fields":[{"field_type":"email","field_label":"Email","field_name":"email","field_required":true,"field_placeholder":"Enter your email","id":"atnfob"},{"field_type":"checkbox","field_label":"Accept Newsletter \u0026 Privacy Policy","field_name":"privacy","field_required":true,"field_placeholder":"Enter your email","id":"kqpxbo","consent_label":"I agree to receive newsletters from MeetYu and accept the \u003Ca href=\u0022https:\/\/www.meetyu.app\/privacy-policy\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003EPrivacy Policy\u003C\/a\u003E"}],"mailerpress_list":["1","2"],"mailerpress_tags":["1"],"double_optin":"yes","field_mapping":[{"id":"qhlzht","mailerpress_field":"contactFirstName","form_field":"name"},{"id":"bohgjg","mailerpress_field":"email","form_field":"email"}],"form_columns":"1","success_message":"
7946Thank you! Please check your email to confirm your subscription.","error_message":"An error occurred. Please try again.","redirect_delay":2000,"buttonText":"Subscribe","buttonIconPosition":"left","enableTurnstile":true,"_cssGlobalClasses":["enojwa"],"optin_source":"Footer form"}"> 7947 7948 <input type="text" name="website" value="" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; tabindex: -1;" autocomplete="off" aria-hidden="true"> 7949 7950 7951 <div class="mailerpress-form-fields-wrapper"> 7952 <div class="mailerpress-form-field"> 7953 <label for="mailerpress-field-bjjcic-0"> 7954 Email <span class="required">*</span> 7955 </label> 7956 <input type="email" id="mailerpress-field-bjjcic-0" name="email" placeholder="Enter your email" required> </div> 7957 <div class="mailerpress-form-field mailerpress-consent-field"> 7958 <label for="mailerpress-field-bjjcic-1"> 7959 <input type="checkbox" id="mailerpress-field-bjjcic-1" name="privacy" value="1" required> 7960 <span> 7961 I agree to receive newsletters from MeetYu and accept the <a href="https://www.meetyu.app/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a> <span class="required">*</span> 7962 </span> 7963 </label> 7964 </div> 7965 </div> 7966 7967 7968 <div class="mailerpress-turnstile-wrapper" style="margin: 10px 0;"> 7969 <div class="cf-turnstile" data-sitekey="0x4AAAAAAB8x_X_LtkrqBPYE"></div> 7970 </div> 7971 7972 <div class="mailerpress-form-submit"> 7973 <button type="submit" class="mailerpress-submit-button bricks-button bricks-background-primary"> 7974 <span class="bricks-button-text">Subscribe</span> </button> 7975 </div> 7976 7977 <div class="mailerpress-form-message" style="display: none;"></div> 7978 </form> 7979 7980
7980<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
7980 7981 7982
7982<script> 7983 (function() { 7984 document.addEventListener('DOMContentLoaded', function() { 7985 var formElement = document.querySelector('.mailerpress-optin-form[data-element-id="bjjcic"] form'); 7986 7987 if (!formElement) { 7988 return; 7989 } 7990 7991 7992 formElement.addEventListener('submit', function(e) { 7993 e.preventDefault(); 7994 7995 var form = this; 7996 var message = form.querySelector('.mailerpress-form-message'); 7997 var button = form.querySelector('.mailerpress-submit-button'); 7998 var originalButtonText = button ? button.textContent : 'Subscribe'; 7999 8000 8001 submitForm(form, message, button, originalButtonText); 8002 }); 8003 8004 function submitForm(form, message, button, originalButtonText) { 8005 8006 // Hide message and reset classes 8007 if (message) { 8008 message.style.display = 'none'; 8009 message.className = 'mailerpress-form-message'; 8010 message.textContent = ''; 8011 } 8012 8013 // Disable button and show loading state 8014 if (button) { 8015 button.disabled = true; 8016 button.textContent = 'Submitting...'; 8017 } 8018 8019 // Serialize form data 8020 var formData = new FormData(form); 8021 formData.append('action', 'mailerpress_bricks_submit'); 8022 8023 // Make fetch request 8024 fetch('https://www.meetyu.app/wp-admin/admin-ajax.php', { 8025 method: 'POST', 8026 body: formData 8027 }) 8028 .then(function(response) { 8029 if (!response.ok) { 8030 throw new Error('Network response was not ok'); 8031 } 8032 return response.json(); 8033 }) 8034 .then(function(data) { 8035 if (button) { 8036 button.disabled = false; 8037 button.textContent = originalButtonText; 8038 } 8039 8040 if (data.success) { 8041 if (message) { 8042 message.className = 'mailerpress-form-message success'; 8043 message.textContent = data.data.message; 8044 message.style.display = 'block'; 8045 } 8046 form.reset(); 8047 8048 // Check if redirect is enabled 8049 var enableRedirect = false; 8050 var redirectPage = ''; 8051 var redirectDelay = 2000; 8052 8053 if (enableRedirect && redirectPage) { 8054 setTimeout(function() { 8055 window.location.href = redirectPage; 8056 }, redirectDelay); 8057 } 8058 } else { 8059 if (message) { 8060 message.className = 'mailerpress-form-message error'; 8061 message.textContent = data.data.message || 'An error occurred. Please try again.'; 8062 message.style.display = 'block'; 8063 } 8064 } 8065 }) 8066 .catch(function(error) { 8067 if (button) { 8068 button.disabled = false;
8069 button.textContent = originalButtonText; 8070 } 8071 8072 if (message) { 8073 message.className = 'mailerpress-form-message error'; 8074 message.textContent = 'An error occurred. Please try again.'; 8075 message.style.display = 'block'; 8076 } 8077 }); 8078 } 8079 }); 8080 })(); 8081 </script>
8081 8082 8083 <style> 8084 .mailerpress-optin-form { 8085 max-width: 100%; 8086 width: 100%; 8087 } 8088 8089 .mailerpress-form-fields-wrapper { 8090 display: flex; 8091 flex-wrap: wrap; 8092 gap: 8px; 8093 } 8094 8095 .mailerpress-form-field { 8096 flex: 1 1 100%; 8097 } 8098 8099 .mailerpress-form-columns-2 .mailerpress-form-field { 8100 flex: 1 1 calc(50% - 7.5px); 8101 } 8102 8103 .mailerpress-form-columns-3 .mailerpress-form-field { 8104 flex: 1 1 calc(33.333% - 10px); 8105 } 8106 8107 .mailerpress-form-field label { 8108 display: block; 8109 } 8110 8111 .mailerpress-form-field input, 8112 .mailerpress-form-field textarea { 8113 width: 100%; 8114 box-sizing: border-box; 8115 } 8116 8117 .mailerpress-consent-field { 8118 flex-basis: 100% !important; 8119 } 8120 8121 .mailerpress-consent-field label { 8122 display: flex !important; 8123 align-items: flex-start; 8124 gap: 8px; 8125 cursor: pointer; 8126 } 8127 8128 .mailerpress-consent-field input[type="checkbox"] { 8129 width: auto; 8130 margin-top: 3px; 8131 flex-shrink: 0; 8132 } 8133 8134 .mailerpress-form-field textarea { 8135 min-height: 100px; 8136 resize: vertical; 8137 } 8138 8139 .mailerpress-submit-button { 8140 display: inline-flex; 8141 align-items: center; 8142 gap: 8px; 8143 margin-top: 10px; 8144 } 8145 8146 .mailerpress-submit-button .bricks-button-icon { 8147 display: inline-flex; 8148 align-items: center; 8149 } 8150 8151 .mailerpress-form-message { 8152 margin-top: 15px; 8153 padding: 10px; 8154 border-radius: 4px; 8155 } 8156 8157 .mailerpress-form-message.success { 8158 background-color: #00a32a; 8159 color: #fff; 8160 } 8161 8162 .mailerpress-form-message.error { 8163 background-color: #d63638; 8164 color: #fff; 8165 } 8166 8167 @media (max-width: 768px) { 8168 8169 .mailerpress-form-columns-2 .mailerpress-form-field, 8170 .mailerpress-form-columns-3 .mailerpress-form-field { 8171 flex: 1 1 100%; 8172 } 8173 } 8174 </style> 8175 </div> 8176</div><section id="brxe-pwcngh" class="brxe-block footer-14__menu-section bricks-lazy-hidden" aria-labelledby="brxe-eqhpem"><h3 id="brxe-mjqlrv" class="brxe-heading footer-14__menu-heading">Pages</h3><div id="brxe-szejxw" data-script-id="szejxw" class="brxe-nav-menu footer-14__menu"><nav class="bricks-nav-menu-wrapper never" aria-label="Pages"><ul id="menu-pages" class="bricks-nav-menu"><li id="menu-item-4272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4272 bricks-menu-item"><a href="https://www.meetyu.app/">Home</a></li> 8177<li id="menu-item-4273" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1400 current_page_item current_page_parent menu-item-4273 bricks-menu-item"><a href="https://www.meetyu.app/blog/" aria-current="page">Blog</a></li> 8178<li id="menu-item-4275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4275 bricks-menu-item"><a href="https://www.meetyu.app/faq/">FAQ</a></li> 8179<li id="menu-item-4276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4276 bricks-menu-item"><a href="https://www.meetyu.app/newsletter/">Newsletter</a></li> 8180<li id="menu-item-4278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4278 bricks-menu-item"><a href="https://www.meetyu.app/our-story/">Our Story</a></li> 8181<li id="menu-item-4279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4279 bricks-menu-item"><a href="https://www.meetyu.app/linktree/">Linktree</a></li> 8182</ul></nav></div></section><section id="brxe-dnzcck" class="brxe-block footer-14__menu-section footer-14__menu-social bricks-lazy-hidden" aria-labelledby="brxe-oizngo"><h3 id="brxe-laixvd" class="brxe-heading footer-14__menu-heading">Social media</h3><ul id="brxe-lpiisx" class="brxe-block footer-14__container-social bricks-lazy-hidden" aria-label="Social media links" role="list"><li id="brxe-ivfvpo" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-vxvoaf" href="https://www.linkedin.com/company/meetyu" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on LinkedIn (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-mcqtdm" class="fab fa-linkedin-in brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false">
8182<path fill="currentColor" d="M100.3 448l-92.9 0 0-299.1 92.9 0 0 299.1zM53.8 108.1C24.1 108.1 0 83.5 0 53.8 0 39.5 5.7 25.9 15.8 15.8s23.8-15.8 38-15.8 27.9 5.7 38 15.8 15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3zM447.9 448l-92.7 0 0-145.6c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7l0 148.1-92.8 0 0-299.1 89.1 0 0 40.8 1.3 0c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3l0 164.3-.1 0z"></path></svg></i><span id="brxe-kcodxp" class="brxe-text-basic footer-14__social-info">LinkedIn</span></a></li><li id="brxe-ntditl" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-eosrhh" href="https://x.com/MeetYu_App" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on X (Twitter) (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-xwlnmf" class="fab fa-x-twitter brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"></path></svg></i><span id="brxe-lmqgal" class="brxe-text-basic footer-14__social-info">X (Twitter)</span></a></li><li id="brxe-ngwdep" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-ttyddn" href="https://www.youtube.com/@MeetYu-App" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on YouTube (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-jeauct" class="fab fa-youtube brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"></path></svg></i><span id="brxe-oacwvw" class="brxe-text-basic footer-14__social-info">YouTube</span></a></li><li id="brxe-sncmdh" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-dergnz" href="https://www.facebook.com/meetyu.labs/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Facebook (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-dbvftd" class="fab fa-facebook brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5l0-170.3-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 175.9C413.8 494.8 512 386.9 512 256z"></path></svg></i><span id="brxe-dyzbai" class="brxe-text-basic footer-14__social-info">Facebook</span></a></li><li id="brxe-ulxhyh" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-jrdfcr" href="https://www.instagram.com/meetyu.app/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Instagram (opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-expaeo" class="fab fa-instagram brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></i><span id="brxe-sweajx" class="brxe-text-basic footer-14__social-info">Instagram</span></a></li><li id="brxe-uqdoha" class="brxe-block footer-14__social-element bricks-lazy-hidden"><a id="brxe-gcmjmi" href="https://www.reddit.com/r/MeetYu/" rel="noopener noreferrer me" target="_blank" aria-label="Follow MeetYu on Reddit (
8182opens in new tab)" class="brxe-block footer-14__social-link bricks-lazy-hidden"><i id="brxe-vtoili" class="fab fa-reddit-alien brxe-icon footer-14__social-icon bits-icon-host" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="bits-svg-icon" aria-hidden="true" focusable="false"><path fill="currentColor" d="M373 138.6c-25.2 0-46.3-17.5-51.9-41-30.6 4.3-54.2 30.7-54.2 62.4l0 .2c47.4 1.8 90.6 15.1 124.9 36.3 12.6-9.7 28.4-15.5 45.5-15.5 41.3 0 74.7 33.4 74.7 74.7 0 29.8-17.4 55.5-42.7 67.5-2.4 86.8-97 156.6-213.2 156.6S45.5 410.1 43 323.4c-25.4-11.9-43-37.7-43-67.7 0-41.3 33.4-74.7 74.7-74.7 17.2 0 33 5.8 45.7 15.6 34-21.1 76.8-34.4 123.7-36.4l0-.3c0-44.3 33.7-80.9 76.8-85.5 4.9-24.2 26.3-42.4 52.1-42.4 29.4 0 53.3 23.9 53.3 53.3s-23.9 53.3-53.3 53.3zM157.5 255.3c-20.9 0-38.9 20.8-40.2 47.9s17.1 38.1 38 38.1 36.6-9.8 37.8-36.9-14.7-49.1-35.7-49.1l.1 0zM395 303.1c-1.2-27.1-19.2-47.9-40.2-47.9s-36.9 22-35.7 49.1 16.9 36.9 37.8 36.9 39.3-11 38-38.1l.1 0zm-60.1 70.8c1.5-3.6-1-7.7-4.9-8.1-23-2.3-47.9-3.6-73.8-3.6s-50.8 1.3-73.8 3.6c-3.9 .4-6.4 4.5-4.9 8.1 12.9 30.8 43.3 52.4 78.7 52.4s65.8-21.6 78.7-52.4z"></path></svg></i><span id="brxe-kuuaab" class="brxe-text-basic footer-14__social-info">Reddit</span></a></li></ul></section><section id="brxe-eylcyo" class="brxe-block footer-14__menu-section bricks-lazy-hidden" aria-labelledby="brxe-sbzgla"><h3 id="brxe-pxzzas" class="brxe-heading footer-14__menu-heading">Legal</h3><div id="brxe-wcvwpr" data-script-id="wcvwpr" class="brxe-nav-menu footer-14__menu"><nav class="bricks-nav-menu-wrapper never" aria-label="Legal"><ul id="menu-legal" class="bricks-nav-menu"><li id="menu-item-3581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3581 bricks-menu-item"><a href="https://www.meetyu.app/legal-notice/">Legal Notice</a></li> 8183<li id="menu-item-3582" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3582 bricks-menu-item"><a href="https://www.meetyu.app/website-terms/">Website ToU</a></li> 8184<li id="menu-item-3583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3583 bricks-menu-item"><a href="https://www.meetyu.app/terms-of-service/">Customer ToS</a></li> 8185<li id="menu-item-3584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3584 bricks-menu-item"><a href="https://www.meetyu.app/privacy-policy/">Privacy Policy</a></li> 8186<li id="menu-item-3585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3585 bricks-menu-item"><a href="https://www.meetyu.app/cookie-policy/">Cookie Policy</a></li> 8187<li id="menu-item-3586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3586 bricks-menu-item"><a href="https://www.meetyu.app/accessibility-statement/">Accessibility</a></li> 8188</ul></nav></div></section></section><div id="brxe-ohubgp" class="brxe-divider footer-14__divider horizontal" aria-hidden="true"><div class="line"></div></div><div id="brxe-cewuvh" class="brxe-block footer-16__container-top bricks-lazy-hidden"><a id="brxe-reeauu" href="https://www.meetyu.app/" rel="home" aria-label="MeetYu home" class="brxe-div bricks-lazy-hidden"><svg decoding="async" fetchpriority="low" aria-hidden="true" class="brxe-svg" id="brxe-ylclqp" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2800" zoomAndPan="magnify" viewBox="0 0 2100 2100.000016" height="2800" preserveAspectRatio="xMidYMid meet" version="1.2"><defs><clipPath id="d709f676df"><path d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></clipPath><clipPath id="21a835ad5f"><path d="M 389.988281 360.222656 L 1672.625 360.222656 L 1672.625 1815.28125 L 389.988281 1815.28125 Z M 389.988281 360.222656 "></path></clipPath></defs><g id="42498f3499"><g clip-rule="nonzero" clip-path="url(#d709f676df)"><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 0.5 0 L 2099.5 0 L 2099.5 2099 L 0.5 2099 Z M 0.5 0 "></path></g><g clip-rule="nonzero" clip-path="url(#21a835ad5f)"><path style=" stroke:none;fill-rule:nonzero;fill:#6200ee;fill-opacity:1;" d="M 138.023438 181.921875 L 1928.921875 181.921875 L 1928.921875 1972.820312 L 138.023438 1972.820312 Z M 138.023438 181.921875 "></path></g><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 1061.015625 1759.597656 L 1061.015625 1375.054688 C 1061.015625 1375.054688 1051.058594 1244.460938 1167.394531 1120.351562 C 1249.132812 1033.171875 1362.566406 980.160156 1462.355469 976.007812 C 1502.4375 974.324219 1579.050781 974.753906 1584.207031 974.789062 C 1587.613281 974.789062 1671.425781 970.097656 1668.308594 1049.21875 C 1664.65625 1141.128906 1668.308594 1475.882812 1668.308594 1475.882812 C 1668.308594 1475.882812 1667.234375 1619.941406 1537.25 1631.226562 C 1400.929688 1643.042969 1299.527344 1682.195312 1225.277344 1727.933594 C 1200.347656 1741.792969 1177.351562 1757.839844 1153.535156 1776.96875 C 1083.152344 1833.453125 1057.113281 1786.101562 1060.980469 1759.597656 Z M 1061.015625 1759.597656 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#ffffff;fill-opacity:1;" d="M 993.605469 1745.449219 L 993.605469 1042.84375 C 993.605469 1042.84375 1004.675781 705.941406 627.332031 705.941406 L 470.519531 705.941406 C 470.519531 705.941406 398.492188 698.167969 398.492188 785.167969 L 398.492188 1482.257812 C 398.492188 1482.257812 402.359375 1617.46875 540.332031 1617.46875 C 678.300781 1617.46875 782.496094 1655.6875 859.503906 1700.03125 C 883.644531 1713.929688 925.550781 1743.980469 937.980469 1755.476562 C 978.0625 1792.546875 991.921875 1774.820312 993.570312 1745.449219 Z M 993.605469 1745.449219 "></path><path style=" stroke:none;fill-rule:nonzero;fill:#aeadf8;fill-opacity:1;" d="M 1044.324219 1126.800781 L 1044.324219 840.867188 C 1044.324219 840.867188 1060.945312 605.9375 1233.835938 480.679688 C 1406.730469 355.460938 1585.320312 357.9687
81885 1605.089844 390.921875 C 1611.753906 401.988281 1623.929688 538.3125 1539.722656 703.433594 C 1455.515625 868.554688 1366.828125 917.335938 1264.890625 968.304688 C 1162.953125 1019.273438 1079.820312 1125.691406 1069.828125 1143.421875 C 1059.832031 1161.148438 1047.65625 1179.988281 1044.324219 1126.800781 Z M 1044.324219 1126.800781 "></path></g></svg><span id="brxe-lkpurp" class="brxe-text-basic" aria-hidden="true">MeetYu</span></a><div id="brxe-fynjov" class="brxe-div footer-16__social-container bricks-lazy-hidden"><small id="brxe-luxhxw" class="brxe-text-basic footer-14__credit-name">Copyright <span aria-hidden="true">©</span> <time datetime="2025">2025</time>â<time datetime="2026">2026</time> <span aria-hidden="true">â¢</span> <span translate="no">MeetYu LLC</span></small></div></div></div><div id="brxe-gcilic" data-script-id="gcilic" class="brxe-code"><style>/* ââ App Store badges: performance + motion accessibility âââââââââââââââââ 8189 will-change: promotes badges to compositor layer â no layout repaint on hover. 8190 prefers-reduced-motion: removes scale transform for users with vestibular 8191 disorders or OS-level reduced-motion preference (WCAG 2.3.3 best practice). */ 8192@media (prefers-reduced-motion: no-preference) { 8193 .app-stores_get-it { 8194 will-change: transform; 8195 } 8196} 8197 8198@media (prefers-reduced-motion: reduce) { 8199 .app-stores_get-it { 8200 transition: none !important; 8201 transform: none !important; 8202 } 8203 .app-stores_get-it:hover { 8204 transform: none !important; 8205 } 8206} 8207 8208/* ââ Social & nav link focus indicators â WCAG 2.4.7 / 2.4.11 ââââââââââââ 8209 zadtvc / nav-menu classes define hover styles but no :focus-visible. 8210 outline:3px solid transparent is invisible normally but WHCM forces it 8211 visible; border-radius matches the link's visual shape. */ 8212#brxe-hzznzo:focus-visible, 8213#brxe-ogdrpo a:focus-visible, 8214#brxe-dfeqjy a:focus-visible, 8215#brxe-lirugy a:focus-visible, 8216#brxe-hxgaja a:focus-visible, 8217#brxe-hdehsj a:focus-visible { 8218 outline: 3px solid transparent; 8219 box-shadow: 0 0 0 3px var(--primary); 8220 border-radius: 3px; 8221 text-decoration: underline; 8222} 8223/* ââ Gradient h2 text: forced-colors (WHCM) fix â WCAG 1.4.3 âââââââââââââ 8224 -webkit-text-fill-color:transparent + background-clip:text â text invisible 8225 in Windows High Contrast Mode because OS removes CSS backgrounds. 8226 CanvasText is the system's forced foreground color token. */ 8227@media (forced-colors: active) { 8228 #brxe-jhkbor span { 8229 -webkit-text-fill-color: CanvasText; 8230 background: none; 8231 } 8232} 8233/* ââ Form controls focus â WCAG 2.4.7 âââââââââââââââââââââââââââââââââ 8234 Completes focus-visible coverage for the newsletter form. 8235 Includes the inline Privacy Policy <a> inside the checkbox label, 8236 which is a keyboard-focusable element with no inherited focus style. 8237 Same ring pattern as all other interactive elements above. */ 8238#brxe-kyhlsb button[type="submit"]:focus-visible, 8239#brxe-kyhlsb input[type="email"]:focus-visible, 8240#brxe-kyhlsb a:focus-visible { 8241 outline: 3px solid transparent; 8242 box-shadow: 0 0 0 3px var(--primary); 8243 border-radius: 3px; 8244} 8245/* ââ Footer render-skip â content-visibility: auto âââââââââââââââââââââ 8246 Defers layout + paint until near-viewport. Progressive enhancement: 8247 unsupported browsers ignore it. DOM remains accessible to screen 8248 readers, find-in-page, and anchor navigation. 8249 contain-intrinsic-BLOCK-size (not contain-intrinsic-size) because 8250 only the block axis needs an estimate â the inline axis is 8251 parent-determined for this block-level div in normal flow. 8252 'auto' remembers real height after first render (bfcache-friendly); 8253 500px is the initial estimate before first paint. */ 8254#brxe-hlzklw { 8255 content-visibility: auto; 8256 contain-intrinsic-block-size: auto 500px; 8257}</style></div></div></footer>
8257<script data-cfasync="false" data-no-minify="1" data-no-optimize="1" id="borlabs-cookie-core-js-module" src="https://www.meetyu.app/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.5" type="module"></script>
8257 8258<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
8258<script id="flying-press-vitals-js-extra"> 8259var flying_press_vitals = {"site_id":"c351787988908c2a3d9bdf294fd06960"}; 8260//# sourceURL=flying-press-vitals-js-extra 8261</script>
vendor: 1 bytes, line 8261
8261
8262<script id="flying-press-vitals-js" src="https://www.meetyu.app/wp-content/plugins/flying-press/assets/vitals.min.js"></script>
vendor: 1 bytes, line 8262
8262
8263<script id="rate-my-post-js-extra"> 8264var rmp_frontend = {"admin_ajax":"https://www.meetyu.app/wp-admin/admin-ajax.php","postID":"2044","noVotes":"No votes so far! Be the first to rate this post.","cookie":"You already voted! This vote will not be counted!","afterVote":"Thank you for rating this post!","notShowRating":"1","social":"1","feedback":"1","cookieDisable":"1","emptyFeedback":"Please insert your feedback in the box above!","hoverTexts":"1","preventAccidental":"1","grecaptcha":"1","siteKey":"","turnstile":"1","turnstileSiteKey":"","turnstileTheme":"auto","turnstileSize":"normal","votingPriv":"1","loggedIn":"","positiveThreshold":"3","ajaxLoad":"2","disableClearCache":"1","nonce":"0cf2c7f93a","is_not_votable":"false"}; 8265//# sourceURL=rate-my-post-js-extra 8266</script>
vendor: 1 bytes, line 8266
8266
8267<script id="rate-my-post-js" src="https://www.meetyu.app/wp-content/plugins/rate-my-post/public/js/rate-my-post.min.js"></script>
vendor: 1 bytes, line 8267
8267
8268<script id="bricks-scripts-js-extra"> 8269var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https://www.meetyu.app/wp-admin/admin-ajax.php","restApiUrl":"https://www.meetyu.app/wp-json/bricks/v1/","nonce":"dc88ef86c1","formNonce":"9e158f556d","wpRestNonce":"2eef46bf63","postId":"1400","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"activeFiltersCountInstances":[],"googleMapInstances":[],"leafletMapInstances":[],"choicesInstances":[],"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https://www.meetyu.app/blog/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"choicesjs":{"noChoicesText":"No choices to choose from","noResultsText":"No results found","removeItemIconText":"Remove item","search":"Search"},"close":"Close","closeMobileMenu":"Close mobile menu","firstSlide":"Go to first slide","hidePassword":"Hide password","lastSlide":"Go to last slide","locationContent":"Location content","locationSubtitle":"Location subtitle","locationTitle":"Location title","nextSlide":"Next slide","noLocationsFound":"No locations found","openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","pause":"Pause autoplay","play":"Start autoplay","prevSlide":"Previous slide","queryUpdated":"Results updated.","queryUpdatedPage":"Results updated. Page %s.","remove":"Remove","showPassword":"Show password","slideX":"Go to slide %s","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%s of %s"},"swiper":{"paginationBulletMessage":"Go to slide {{index}}","slideLabelMessage":"{{index}} / {{slidesLength}}"},"zoom":"Zoom"},"selectedFilters":[],"filterNiceNames":[],"bricksGoogleMarkerScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/bricks-google-marker.min.js?v=2.3.12","infoboxScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/infobox.min.js?v=2.3.12","markerClustererScript":"https://www.meetyu.app/wp-content/themes/bricks/assets/js/libs/markerclusterer.min.js?v=2.3.12","mainQueryId":"apatfj","activeSearchTemplate":"0","defaultMode":"light"}; 8270//# sourceURL=bricks-scripts-js-extra 8271</script>
vendor: 1 bytes, line 8271
8271
8272<script id="bricks-scripts-js" src="https://www.meetyu.app/wp-content/themes/bricks/assets/js/bricks.min.js"></script>
vendor: 1 bytes, line 8272
8272
8273<script id="fluent_aff_public-js-extra"> 8274var fluent_aff_vars = {"duration_days":"30","aff_param":"","other_params":["utm_source","utm_medium","utm_campaign","visit_id"],"credit_last":"1","request_url":"https://www.meetyu.app/wp-admin/admin-ajax.php?action=fluent_aff_count_visit"}; 8275//# sourceURL=fluent_aff_public-js-extra 8276</script>
vendor: 1 bytes, line 8276
8276
8277<script id="fluent_aff_public-js" src="https://www.meetyu.app/wp-content/plugins/fluent-affiliate/assets/public/fluent_aff.js"></script>
vendor: 1 bytes, line 8277
8277
8278<script data-wp-strategy="defer" defer id="fancy-animations:frontend-scroll-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/scroll.js"></script>
vendor: 1 bytes, line 8278
8278
8279<script id="fancy-animations:frontend-observer-js-before"> 8280fba_execute_once = 1; 8281fba_min_screen_size = 0; 8282fba_scroll_direction_control = 1; 8283fba_global_selector_rules = []; 8284//# sourceURL=fancy-animations%3Afrontend-observer-js-before 8285</script>
vendor: 1 bytes, line 8285
8285
8286<script data-wp-strategy="defer" defer id="fancy-animations:frontend-observer-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/observer.js"></script>
vendor: 1 bytes, line 8286
8286
8287<script id="fancy-animations:frontend-cursor-js-before"> 8288fbaCursorSpeed = '0.3'; 8289fbaCursorStyle = 'default'; 8290fbaCursorRadius = 50; 8291fbaCursorOutline = 'fill'; 8292fbaCursorSticky = 0; 8293fbaCursorDashRotate = 0; 8294fbaCursorTrail = 0; 8295fbaCursorTrailCount = 3; 8296fbaCursorClickEffect = 'shrink'; 8297fbaCursorForceBW = 1; 8298fbaCursorImgLabelSize = 200; 8299fbaCursorImgLabelRatio = '1 / 1'; 8300fbaCursorImgLabelRadius = 20; 8301fbaCursorBlendMode = 0; 8302fbaInvertCursor = '.cursor-invert'; 8303fbaExcludeCursor = '.disable-cursor, input, textarea'; 8304fbaExcludeHoverCursor = '.disable-hover-cursor'; 8305//# sourceURL=fancy-animations%3Afrontend-cursor-js-before 8306</script>
vendor: 1 bytes, line 8306
8306
8307<script data-wp-strategy="defer" defer id="fancy-animations:frontend-cursor-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/custom-cursor.js"></script>
vendor: 1 bytes, line 8307
8307
8308<script data-wp-strategy="defer" defer id="fancy-animations:mouse-events-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/mouse.js"></script>
vendor: 1 bytes, line 8308
8308
8309<script data-wp-strategy="defer" defer id="fancy-animations:text-break-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/text.js"></script>
vendor: 1 bytes, line 8309
8309
8310<script data-wp-strategy="defer" defer id="fancy-animations:gradient-bg-js" src="https://www.meetyu.app/wp-content/plugins/fancy-animations/build/frontend/gradient-bg.js"></script>
vendor: 1 bytes, line 8310
8310
8311<script id="wp-consent-api-js-extra"> 8312var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; 8313//# sourceURL=wp-consent-api-js-extra 8314</script>
vendor: 1 bytes, line 8314
8314
8315<script id="wp-consent-api-js" src="https://www.meetyu.app/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js"></script>
8315 8316<template id="brlbs-cmpnt-cb-template-google-maps-bricks"> 8317 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="google-maps-bricks" data-borlabs-cookie-content="PGRpdiBzdHlsZT0iZGlzcGxheTpub25lOyI+PC9kaXY+"><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-google-maps-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/brlbs-cb-google-maps-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>Google Maps</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div> 8318</template>
8319<script> 8320(function() { 8321 const template = document.querySelector("#brlbs-cmpnt-cb-template-google-maps-bricks"); 8322 const divsToInsertBlocker = document.querySelectorAll('.brxe-map:not(.no-key)'); 8323 for (const div of divsToInsertBlocker) { 8324 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 8325 div.appendChild(cb); 8326 } 8327})() 8328</script>
8328<template id="brlbs-cmpnt-cb-template-osm-bricks"> 8329 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="osm-bricks" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-osm-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/brlbs-cb-google-maps-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>OpenStreetMap</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: none">Accept required service and unblock content</a> </div> </div> </div></div> 8330</template>
8331<script> 8332(function() { 8333 const template = document.querySelector("#brlbs-cmpnt-cb-template-osm-bricks"); 8334 const divsToInsertBlocker = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-leaflet"]) .brxe-map-leaflet'); 8335 for (const div of divsToInsertBlocker) { 8336 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 8337 div.appendChild(cb); 8338 } 8339})() 8340</script>
8340<template id="brlbs-cmpnt-cb-template-facebook-bricks"> 8341 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="facebook-bricks" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-facebook-bricks"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/cb-facebook-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You are currently viewing a placeholder content from <strong>Facebook</strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div> 8342</template>
8343<script> 8344(function() { 8345 const template = document.querySelector("#brlbs-cmpnt-cb-template-facebook-bricks"); 8346 const divsToInsertBlocker = document.querySelectorAll('.brxe-facebook-page-brlbs-blocked'); 8347 for (const div of divsToInsertBlocker) { 8348 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 8349 cb.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.innerHTML))); 8350 div.innerHTML = ''; 8351 div.appendChild(cb); 8352 } 8353})() 8354</script>
8354<template id="brlbs-cmpnt-cb-template-bricks-recaptcha"> 8355 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="bricks-recaptcha" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-bricks-recaptcha"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/bct-google-recaptcha-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You need to load content from <strong>reCAPTCHA</strong> to submit the form. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div> 8356</template>
8357<script> 8358(function() { 8359 const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-recaptcha"); 8360 const forms = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-recaptcha"]) .brxe-form'); 8361 for (const form of forms) { 8362 const div = form.querySelector('.form-group.captcha:has(.recaptcha-hidden)'); 8363 if (div == null) { 8364 continue; 8365 } 8366 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 8367 div.appendChild(cb); 8368 8369 form.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = true); 8370 } 8371})() 8372</script>
8372<template id="brlbs-cmpnt-cb-template-bricks-turnstile"> 8373 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="bricks-turnstile" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-bricks-turnstile"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.meetyu.app/wp-content/uploads/borlabs-cookie/1/Cloudflare-Turnstile-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">You need to load content from <strong>Turnstile</strong> to submit the form. Please note that doing so will share data with third-party providers.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">More Information</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Unblock content</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Accept required service and unblock content</a> </div> </div> </div></div> 8374</template>
8375<script> 8376(function() { 8377 const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-turnstile"); 8378 const forms = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="bricks-turnstile"]) .brxe-form'); 8379 for (const form of forms) { 8380 const div = form.querySelector('.cf-turnstile'); 8381 if (div == null) { 8382 continue; 8383 } 8384 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 8385 div.appendChild(cb); 8386 8387 form.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = true); 8388 } 8389})() 8390</script>
8390<script> 8391(function() { 8392 const ids = JSON.parse('[]'); 8393 for (const id of ids) { 8394 const template = document.querySelector("#brlbs-cmpnt-cb-template-bricks-video-" + id); 8395 const videoContainer = document.querySelector('.brxe-video[data-script-id="' + id + '"]'); 8396 if (template == null || videoContainer == null) { 8397 continue; 8398 } 8399 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container') 8400 const existingCb = videoContainer.querySelector('.brlbs-cmpnt-container'); 8401 if (!existingCb) { 8402 videoContainer.appendChild(cb); 8403 } else { 8404 const thumbnail = existingCb.querySelector('.brlbs-cmpnt-cb-thumbnail'); 8405 const thumbnailNew = cb.querySelector('.brlbs-cmpnt-cb-thumbnail'); 8406 if (thumbnail && thumbnailNew) { 8407 thumbnail.style.backgroundImage = thumbnailNew.style.backgroundImage; 8408 } 8409 } 8410 8411 const previewImageContainer = videoContainer.querySelector('.bricks-video-preview-image'); 8412 if (previewImageContainer != null) { 8413 cb.querySelectorAll('.brlbs-cmpnt-cb-btn').forEach(btn => btn.addEventListener('click', () => { 8414 previewImageContainer.click(); 8415 })) 8416 } 8417 const videoOverlayContainer = videoContainer.querySelector('.bricks-video-overlay'); 8418 if (existingCb != null && previewImageContainer == null && videoOverlayContainer != null) { 8419 existingCb.querySelectorAll('.brlbs-cmpnt-cb-btn').forEach(btn => btn.addEventListener('click', () => { 8420 setTimeout(() => { 8421 const i = videoContainer.querySelector('iframe'); 8422 i && i.getAttribute("src") && (i.src += "&autoplay=1"); 8423 i && i.removeAttribute("tabindex"); 8424 }, 20); 8425 })) 8426 } 8427 } 8428 8429})(); 8430</script>
8430<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"2551183dbb4a4ee2b03ba956af99bbe4","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 8430
8430
8431<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4719f65d9b0a5da',t:'MTc5MTQyNTU2Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
8431</body></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.