.ancr-group > .ancr{ margin-bottom: 0 !important; } .ancr-group.ancr-sticky { position: fixed; left: 0; right: 0; } .ancr-group.ancr-normal { z-index: 9999; } .ancr-group.ancr-pos-top{ top: 0; z-index: 99999; } .ancr-group.ancr-pos-top > .ancr{ top: 0; border-top: 0!important; } .ancr-group.ancr-pos-bottom{ bottom: 0; z-index: 99999; } .ancr-group.ancr-pos-bottom > .ancr{ top: 0; border-bottom: 0!important; } .ancr.ancr-wrap{ display: none; position: relative; width: 100%; background-color: #fff; box-sizing: border-box; padding: 0.5em 1em; border-left-width: 0 !important; border-right-width: 0 !important; } /* Container */ .ancr .ancr-container { max-width: 1000px; margin: 0 auto; display: flex; } .ancr .ancr-inner{ display: inline-block; } .ancr .ancr-inner > *{ margin-bottom: 1em; } .ancr .ancr-inner > *:first-child { margin-top: 0; } .ancr .ancr-inner > *:last-child { margin-bottom: 0; } /* Content */ .ancr .ancr-content{ display: flex; flex-direction: column; justify-content: center; } /* Layout */ .ancr.ancr-lo-separate_column .ancr-content{ flex: 1; } .ancr.ancr-lo-separate_row .ancr-container{ display: block; } .ancr.ancr-lo-separate_row .ancr-btn-wrap{ margin: 0.5em 0; } .ancr.ancr-lo-ticker .ancr-container{ /* Ticker */ max-width: none !important; min-width: 100%; animation: ancr-marquee 20s linear infinite; display: inline-flex; } .ancr.ancr-lo-ticker .ancr-content{ white-space: nowrap; } /* Alignment */ .ancr.ancr-align-center .ancr-container{ justify-content: center; text-align: center; } .ancr.ancr-align-center .ancr-btn-wrap{ justify-content: center; } .ancr.ancr-align-right .ancr-container{ justify-content: flex-end; text-align: right; } .ancr.ancr-align-right .ancr-btn-wrap{ justify-content: flex-end; } /* Close button */ .ancr .ancr-close-btn { position: absolute; top: 50%; right: 1em; transform: translateY(-50%); color: inherit; line-height: 0; padding: 0.5em; z-index: 999; } .ancr .ancr-close-btn:hover { opacity: 0.5; } .ancr .ancr-close-icon{ width: 16px; height: 16px; } .ancr.ancr-lo-separate_column.ancr-has-close-btn{ padding-right: 3.5em; } /* Buttons */ .ancr .ancr-btn-wrap{ display: inline-block; margin: 0 0 0 1em; line-height: 0; display: flex; flex-direction: row; align-items: center; } .ancr .ancr-btn { padding: 0.5em 1em; display: inline-block; margin: 0 0.5em 0 0; text-align: center; line-height: 1; white-space: nowrap; vertical-align: middle; text-decoration: none; } .ancr .ancr-btn:last-child { margin-right: 0; } .ancr .ancr-btn:hover{ opacity: 0.5; } /* Spacer */ .ancr-top-spacer{ transition: height 0.5s; } @keyframes ancr-marquee { 0% { transform: translateX(var(--ancr-width)); } 100% { transform: translateX(-100%); } } @media only screen and (max-width: 800px) { .ancr-lo-same_row .ancr-container{ display: block; } .ancr-lo-same_row .ancr-btn-wrap{ margin: 1em 0; } .ancr-lo-separate_column .ancr-container{ display: block; } .ancr-lo-separate_column .ancr-btn-wrap{ margin: 0.5em 0; } }