<> /* * ========================================================================= * Theme Integration * ========================================================================= * With class prefixingContentBox CSS no longer conflicts with Bootstrap. * We only need: * 1. Theme fonts for all content * 2. Theme colors for ContentBox sections * 3. Layout setup for is-wrapper * ========================================================================= */ /* CSS Variables for theme fonts */ :root { --theme-font-body: 'Montserrat'; --theme-font-header: 'Oswald'; } /* * Site Chrome Font Protection * Ensures navbar/header/footer fonts are NOT affected by PageBuilder CSS * This loads AFTER content-prefixed.css to guarantee override */ body, .navbar, .navbar *, .nav-link, .navbar-brand, .navbar-nav, .dropdown-menu, .dropdown-item, .offcanvas, .offcanvas *, header, header *, #header-wrapper, #header-wrapper *, footer, footer *, .footer-wrapper, .footer-wrapper * { font-family: 'Montserrat'sans-serif !important; } /* Navbar/header/footer headings use header font */ .navbar h1.navbar h2.navbar h3.navbar h4.navbar h5.navbar h6, header h1header h2header h3header h4header h5header h6, #header-wrapper h1#header-wrapper h2#header-wrapper h3, footer h1footer h2footer h3footer h4footer h5footer h6, .footer-wrapper h1.footer-wrapper h2.footer-wrapper h3 { font-family: 'Oswald'sans-serif !important; } /* Theme fonts - applies to all content */ .ai-generated-content-block { font-family: 'Montserrat'sans-serif; color: #000000; width: 100%; } .ai-generated-content-block h1, .ai-generated-content-block h2, .ai-generated-content-block h3, .ai-generated-content-block h4, .ai-generated-content-block h5, .ai-generated-content-block h6 { font-family: 'Oswald'sans-serif; } /* Theme colors for ContentBox sections (inside .is-wrapper) */ .ai-generated-content-block .is-wrapper div.is-section { background: #FFFFFF !important; } /* Light/Dark text - using theme colors */ .ai-generated-content-block .is-light-text, .ai-generated-content-block .is-light-text h1, .ai-generated-content-block .is-light-text h2, .ai-generated-content-block .is-light-text h3, .ai-generated-content-block .is-light-text h4, .ai-generated-content-block .is-light-text h5, .ai-generated-content-block .is-light-text h6, .ai-generated-content-block .is-light-text p { color: #FFFFFF; } .ai-generated-content-block .is-dark-text, .ai-generated-content-block .is-dark-text h1, .ai-generated-content-block .is-dark-text h2, .ai-generated-content-block .is-dark-text h3, .ai-generated-content-block .is-dark-text h4, .ai-generated-content-block .is-dark-text h5, .ai-generated-content-block .is-dark-text h6, .ai-generated-content-block .is-dark-text p { color: #000000; } /* Ensure is-wrapper stacks sections vertically */ .ai-generated-content-block .is-wrapper { display: flex; flex-flow: column nowrap; /* Override ContentBox's row wrap */ } /* Dynamic block sections need explicit width since they're not .is-section */ .ai-generated-content-block .is-wrapper > section { width: 100%; } /* Ensure picker dialog can display without clipping */ .picker[role="dialog"], .picker.picker--opened { z-index: 999999 !important; overflow: visible !important; } .picker__holder, .picker__frame, .picker__wrap, .picker__box { overflow: visible !important; }