header, main > :not(.preloader), footer { opacity: 0; animation: fadeIn 1s forwards; animation-delay: 1.3s; } body.bricks-is-frontend :focus-visible { outline: none; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } body { font-family: var(--ff-text-roman); } .heading__light { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 400; } .heading__normal { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; } .heading__bold { font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; } .text { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 400; } i, em { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 400; } b, strong { font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 700; } html { scroll-padding-top: 170px; } @media (max-width: 478px) { html { scroll-padding-top: 10px; } } main { overflow: hidden; max-width: 100vw; } #brx-header { z-index: 100; } #brx-header.sticky.scrolling > .brxe-section > .header { background-color: rgba(255, 255, 255, 0.9); transition: .3s ease-in; } #brx-footer { z-index: 700; } @media (max-width: 478px) { #brx-header.sticky.scrolling > .brxe-section > .brx-open+.header { background-color: transparent; } .icon__container > a { width: 100%; height; 100%; display: block; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slideUp { 0% { transform: translateY(0); display: flex; } 100% { transform: translateY(-100vh); display: none; } }