.skip-link { position: absolute; transform: translateY(-120%); left: 10px; top: 10px; background: #fff; padding: 12px 16px; z-index: 99999; transition: transform 0.2s ease; } .skip-link:focus { transform: translateY(0); } #header_template { height: 100px; display: flex; align-items: center; overflow: hidden; }  #brx-header.brx-sticky.on-scroll.scrolling #header_template{ height: 50px; transition: height 1s ease; } @media (max-width: 782px) { :root { --wp-admin--admin-bar--height: 0px; } } #header_template .site-logo img { height: 40px; width: auto; transform: scale(1); transform-origin: left center; transition: all 1s ease; } #brx-header.brx-sticky.on-scroll.scrolling #header_template .site-logo img{ transform: scale(0.5); transition: all 1s ease; } @font-face { font-display: swap;  }