:root{ --header-top:4.2rem; --header-height:8rem;}#brx-header.scrolling{ top: calc(var(--header-top) * -1); }body.bricks-is-frontend.admin-bar #brx-header.scrolling { top: calc(var(--wp-admin--admin-bar--height) + var(--header-top) * -1);}[lang="fr-CA"] { & .header__nav-actions { gap: var(--space-l); } & .header__menu.brxe-nav-menu .bricks-nav-menu { column-gap: var(--space-2xs); } & .header__container { gap: var(--space-xl); } & .header__menu .bricks-nav-menu > li > a { padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); } & .header__menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle { padding: var(--space-xs) var(--space-m); } & .header__logo { width: clamp(19rem, 17.537rem + 3.049vi, 20.5rem); }}:root .bricks-button:not(.header__button):hover { transform: translateY(-1px);} h1 span { color: var(--secondary);}a{ transition:0.25s all ease;}img{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}blockquote{ background-color: var(--primary-5);}:root .bricks-button[class*="secondary"]{ background: linear-gradient(180deg, var(--base) 0%, var(--bg-surface) 311.54%); position: relative;} :root .bricks-button[class*="secondary"]{border-image-source: linear-gradient(180deg, var(--secondary-10) 0.77%, var(--secondary) 99.23%);border-image-slice: 1;}.brxe-text :where(p) {margin:0 0 var(--space-xl);}.brxe-text :where(p:last-of-type) { margin-bottom: 0;}.brxe-text ul:not(:first-child){ margin-block-start: var(--space-xl);}.brxe-text ul:first-child{ margin-block-start: 0;}.brxe-text ul{ margin-block-end: var(--space-xl); list-style-type: none; padding:0;}.brxe-text ul li{ display: flex; align-items: center; gap: var(--space-s);}.brxe-text ul li::before { content: ""; width: 14px; height: 2px; background: var(--secondary); flex-shrink: 0; border-radius: 1px;}body { -webkit-font-smoothing: antialiased;}.eyebrow--white { color: rgba(255, 255, 255, 0.6);}.section--dark { background: var(--base);}.brxe-text ul li:not(:last-child){ margin-block-end: var(--space-3xs);}.brxe-text strong{ color: var(--text-title); font-weight:600; }:where(p:last-of-type)+h1, :where(p:last-of-type)+h2, :where(p:last-of-type)+h3, :where(p:last-of-type)+h4, :where(p:last-of-type)+h5, :where(p:last-of-type)+h6 { margin-block: 0;}body.bricks-is-frontend :focus { outline: none !important;}.bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) svg *{transition: all 0.3s ease;}.radius-none{border-radius:0 !important;}* { scroll-margin-top: 40px;}@media (max-width:480px){*{ scroll-margin-top: 20px;}}.brxe-text table{ border-collapse: collapse; border-style: solid; border-radius: var(--radius-xl); overflow: hidden; width: auto; max-width: 100%; margin-top: var(--space-5xl);}.brxe-text thead tr { background: var(--tertiary);}.brxe-text th { padding: 1.3rem 2.8rem; font-size: var(--text-s); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--light); text-align: left;}.brxe-text td { padding: 1.2rem 2.8rem; font-size: var(--text-xl); border-top: 0.1rem solid var(--border-primary); color: var(--base);}.brxe-text tbody tr:nth-child(even) td { background: var(--bg-surface);}@keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }@keyframes fadeUpElegant { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }}@keyframes fadeUpSoft { 0% { opacity: 0; transform: translateY(16px); } 60% { opacity: 1; } 100% { opacity: 1; transform: translateY(0) ; }}@keyframes fadeInRightElegant { from { opacity: 0; transform: translate3d(12px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) * {border-color: var(--border-primary)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)} body {font-weight: 400; color: var(--text-body); line-height: 1.65; font-size: var(--text-3xl); font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif} h1, h2, h3, h4, h5, h6 {font-weight: 700; color: var(--text-title); line-height: 1.2; letter-spacing: 0.01em; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase} h1 {font-size: var(--text-7xl); line-height: 1} h2 {font-size: var(--text-6xl); line-height: 1.1} h3 {font-size: var(--text-5xl); line-height: 1.3} h4 {font-size: var(--text-4xl); line-height: 1.4} h5 {font-size: var(--text-3xl)} h6 {font-size: var(--text-2xl)} blockquote {font-weight: 600; letter-spacing: -3%; line-height: 1.4; font-family: "Barlow Condensed"} .brxe-container {width: var(--max-screen-width); padding-right: var(--section-x); padding-left: var(--section-x)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--primary); text-decoration: underline} .brxe-section {padding-top: var(--section-y); padding-bottom: var(--section-y)} html {background-color: var(--bg-body)} body {background: none} .bricks-button {font-size: var(--text-xl); font-weight: 600; line-height: 1.6; text-decoration: none; padding-top: 13px; padding-right: 28px; padding-bottom: 13px; padding-left: 28px; border: 1px solid var(--bricks-border-color); border-radius: var(--radius-xl); transition: 0.25s all ease} .bricks-button.sm {padding-top: 10px; padding-right: 22px; padding-bottom: 10px; padding-left: 22px; font-size: var(--text-l)} :root .bricks-button[class*="primary"] {color: var(--light); border-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} .bricks-button.md {padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-size: var(--text-m)} .bricks-button.outline {background-color: transparent} :root .bricks-button[class*="primary"].outline {border-color: var(--primary); color: var(--primary); background-color: var(--light)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {border: 0; color: var(--primary)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary); border-color: var(--primary); color: var(--light)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--tertiary)} :root .bricks-button[class*="primary"]:hover {border-color: var(--tertiary); color: var(--light)} :root .bricks-button[class*="warning"] {color: var(--dark); font-weight: 700; border-color: var(--warning)} :root .bricks-button[class*="warning"]:not(.outline):hover {background-color: var(--warning-dark)} :root .bricks-button[class*="warning"]:hover {border-color: var(--warning-dark)} :root .bricks-button[class*="warning"]:not(.outline) {background-color: var(--warning)} :root .bricks-button[class*="light"].outline {background-color: var(--light-5); border: 1px solid var(--light-20); color: var(--light-80)} :root .bricks-button[class*="light"].outline:hover {color: var(--light); border-color: var(--light-40); background-color: var(--light-10)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--light)}