/* *****
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/360020366578-Un-minified-CSS-Javascript
***** */
#shopify-section-announcement-bar {
  position: relative;
}
#shopify-section-announcement-bar .notification-bar {
  text-align: center;
  display: flex;
  padding: 0 15px;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  #shopify-section-announcement-bar .notification-bar {
    flex-direction: row;
    padding: 0 30px;
  }
  #shopify-section-announcement-bar .notification-bar.notification-bar--with-text.notification-bar--with-icons {
    justify-content: space-between;
  }
  #shopify-section-announcement-bar .notification-bar.notification-bar--with-text.notification-bar--with-icons .notification-bar__message {
    max-width: 500px;
  }
  #shopify-section-announcement-bar .notification-bar.notification-bar--with-text.notification-bar--with-icons .sm-icons {
    justify-content: flex-end;
  }
  #shopify-section-announcement-bar .notification-bar.notification-bar--with-text.notification-bar--with-icons .header-social-links,
  #shopify-section-announcement-bar .notification-bar.notification-bar--with-text.notification-bar--with-icons .notification-bar__empty-div {
    flex: 1 1 0;
  }
}
#shopify-section-announcement-bar .notification-bar .sm-icons {
  justify-content: center;
  margin-bottom: 0;
}
#shopify-section-announcement-bar .notification-bar .sm-icons li a {
  margin: 0;
  padding: 8px;
  line-height: 0;
}
@media screen and (max-width: 991px) {
  .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: 10px 15px;
}
.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);
}

/* enable Flickity by default */
.notification-bar:after {
  content: 'flickity';
  display: none; /* hide :after */
}

@media screen and (min-width: 992px) {
  /* disable Flickity for large devices */
  .notification-bar:after {
    content: '';
  }
}

.notification-bar .flickity-viewport {
  width: 100%;
}

.notification-bar .flickity-prev-next-button.previous,
.notification-bar .flickity-prev-next-button.next {
  width: 22px;
  height: 22px;
  background: transparent !important;
}

.notification-bar .flickity-prev-next-button.previous {
  left: 16px !important;
}

.notification-bar .flickity-prev-next-button.next {
  right: 16px !important;
}