/** Shopify CDN: Minification failed

Line 39:8 Expected identifier but found whitespace
Line 39:10 Unexpected "{"
Line 39:20 Expected ":"
Line 40:12 Expected identifier but found whitespace
Line 40:14 Unexpected "{"
Line 40:24 Expected ":"
Line 40:52 Expected ":"

**/


/* CSS from section stylesheet tags */
/* Custom Styles for Announcement Bar */
.announcement-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: fixed;
  top: 0;
  right:0;
  overflow: hidden;
  width: 100%;
  background-color: #000;
  z-index:500;
}

.announcement-items-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.announcement-item {
  flex: 0 0 100%; /* Each item takes up 100% width of the container */
  /* background-color: #000; */
  color: {{ settings.announcement_font_color }};
  font-size: {{ settings.announcement_font_size }}px;
  padding: 10px;
  padding-right: 90px;
    padding-left: 40px;
  text-align: center;
  position: relative;
}

/* Close button outside of .announcement-item but within .announcement-bar */
.announcement-bar .close-btn {
    position: absolute;
    top: -2px;
    right: 0;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 2;
    height: 100%;
}

.announcement-bar .arrow {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    background-color: #000;
    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 2;
}

.announcement-bar .arrow-left {
  left: 10px;
}

.announcement-bar .arrow-right {
  right: 50px;
}

.announcement-bar .close-btn svg {
  height: 14px;
  width: 14px;
  fill: #fff;
}

/* Hide arrows if there's only one slide */
.one-slide .arrow-left, .one-slide .arrow-right {
  display: none;
}
.custom-html-media-section {
  padding: 50px 0px;
  margin: auto;
}
.custom-html-media-section .html-top {
  margin-bottom: 40px;
}
.custom-html-media-section .media-block {
  margin-bottom: 40px;
  text-align: center;
}