/* *****
This is a CSS partial, minified file. It is referenced by the theme by default in theme.liquid.
If you would like to edit this code we recommend swapping to the un-minified version.
For full details and instructions please see our documentation:
https://support.weareeight.com/hc/en-us/articles/360020236137-Un-minified-CSS-Javascript
***** */
#shopify-section-announcement-bar{position:relative}.notification-bar{text-align:center;display:flex;padding:0 15px;flex-direction:column-reverse;justify-content:center;align-items:center}.notification-bar .sm-icons{justify-content:center;margin-bottom:0}.notification-bar .sm-icons li a{margin:5px 8px;line-height:0}@media only screen and (min-width:992px){.notification-bar{flex-direction:row}.notification-bar.notification-bar--with-text.notification-bar--with-icons{justify-content:space-between}.notification-bar.notification-bar--with-text.notification-bar--with-icons .notification-bar__message{max-width:500px}.notification-bar.notification-bar--with-text.notification-bar--with-icons .sm-icons{justify-content:flex-end}.notification-bar.notification-bar--with-text.notification-bar--with-icons .header-social-links,.notification-bar.notification-bar--with-text.notification-bar--with-icons .notification-bar__empty-div{flex:1 1 0}}@media screen and (max-width:991px){.notification-bar .sm-icons{margin-top:10px}}.notification-bar__message{font-size:var(--body-font-size);font-family:var(--body-font-stack);font-weight:var(--body-font-weight);font-style:var(--body-font-style);width:100%;padding:7px 0}.notification-bar__message p{display:inline-block;width:100%;margin:0}@media screen and (max-width:991px){.header-social-links{display:none}}.header-social-links .sm-icons svg{height:var(--body-font-size);width:var(--body-font-size)}


@media screen and (max-width: 767px) {
  .notification-bar {
    height: 40px;
  }
  
  .notification-bar__message {
    font-size: 12px;
    line-height: 1;
  }
}