/* This is where you actually start "painting" the site. This file targets global HTML tags like ,

, and . This ensures that even if you just drop a "Text" element in Bricks without styling it, it already looks like your brand./ / --- GLOBAL DEFAULTS --- / body { font-family: 'Raleway', Arial, sans-serif; / Sets the default font family for the entire site / font-size: var(--fs-fluid-100); / Sets the base font size / line-height: 1.5; / Sets the default line height for better readability / color: var(--clr-n-900); / Sets the default text color using a CSS variable / background-color: #ffffff; / Sets the default background color using a CSS variable / margin: 0; / Removes default margin / padding: 0; / Removes default padding / -webkit-font-smoothing: antialiased; / Improves font rendering on WebKit browsers / -moz-osx-font-smoothing: grayscale; / Improves font rendering on Firefox on macOS / } / Fluid font sizes for headings / .ce-h1 { font-size: var(--fs-fluid-900); } .ce-h2 { font-size: var(--fs-fluid-800); } .ce-h3 { font-size: var(--fs-fluid-700); } .ce-h4 { font-size: var(--fs-fluid-600); } .ce-h5 { font-size: var(--fs-fluid-500); } / --- SECTIONS --- / .section-padding { padding-block: 10rem; / Adds vertical padding to sections / padding-inline: 2rem; / Adds horizontal padding to sections / } .section-padding--m { padding: 6.4rem 6.4rem; / Adds medium vertical padding to sections / } @media (max-width: 991px) { .section-padding--m { padding: 3.2rem 3.2rem; / Adjusts medium padding for smaller screens / } } @media (max-width: 767px) { .section-padding--m { padding: 2rem 2rem; / Adjusts medium padding for smaller screens / } } .brxe-container { width: 100%; } / If it's NOT the home page, force the logo to the corner by default */ body:not(.home) .c-logo-fixed { top: 2rem !important; left: 2rem !important; transform: translate(0, 0) scale(0.4) !important; } .text-s { font-size: 1.2rem; } .text-link { text-decoration: underline; } .text-link:hover { color: black; }