div#shopify-section-static-basic-header.site-header-wrapper.site-header--sticky { position: sticky; } body.template- { margin-top: 0px; } @media only screen and (max-width: 480px){ header.site-header.site-header--basic.transparent div.live-search { top: 142px; } #shopify-section-static-product #product-gallery div.canvas-wrapper { width: 100%; height: 100%; top: 136px; } } .announcement-bar-text, .announcement-bar-text-mobile { width: 100%; padding:0; height: 48px; position: relative; transform-style: preserve-3d; transition: transform 1s; transform: translateZ(-20px); animation: calc( 4s * 1 ) ease-in-out infinite; } .announcement_wrapper { font-size: 0.87891rem; } .announcement_wrapper--1 { transform: rotateX( 0deg) translateZ(13.85640646055102px); } .announcement_wrapper--2 { transform: rotateX(120deg) translateZ(13.85640646055102px); } .announcement_wrapper--3 { transform: rotateX(240deg) translateZ(13.85640646055102px); } @keyframes rot3 { 0% { transform:translateZ(-20px) rotateX(0turn); } 30% { transform:translateZ(-20px) rotateX(0turn); } 33% { transform:translateZ(-20px) rotateX(.333turn); } 63% { transform:translateZ(-20px) rotateX(.333turn); } 66% { transform:translateZ(-20px) rotateX(.666turn); } 96% { transform:translateZ(-20px) rotateX(.666turn); } 99% { transform:translateZ(-20px) rotateX(.999turn); } 100% { transform:translateZ(-20px) rotateX(1turn); } } @keyframes rot2 { 0% { transform:translateZ(-20px) rotateX(0turn); } 45% { transform:translateZ(-20px) rotateX(0turn); } 50% { transform:translateZ(-20px) rotateX(-.333turn); } 55% { transform:translateZ(-20px) rotateX(-.333turn); } 95% { transform:translateZ(-20px) rotateX(-.333turn); } 100% { transform:translateZ(-20px) rotateX(0turn); } } /* hide mobile announcement bar */ @media (min-width: 576px){ .announcement-bar-text-mobile { display: none !important; } } /* hide desktop announcement bar */ @media (max-width: 576px){ .announcement-bar-text { display: none !important; } }