@font-face {
    font-family: 'Ionicons';
    src: url('https://tunagear.co.uk/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2') format('woff2');
    font-display: swap;
}

::selection {
  background-color: var(--primary, var(--port, var(--black, #000)));
  color: var(--white, #fff)
}

#brx-content {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 100vh
}

.bricks-button {
  cursor: pointer
}

.brxe-alert.alert.info a {
  color: white;
  transition: color var(--global-transition-speed) ease;
  
  &:hover {
    color: var(--at-n100);
  }
}

.marquee {
  --marquee-scroll-speed: var(--marquee-transition-speed--slow, 26s);
  display: flex;
  visibility: inherit;
  opacity: 1;
  transition: all 1.2s ease;
  user-select: none
}

.marquee__track {
  will-change: transform
}

@media screen and (max-width:991px) {
  .marquee {
    --marquee-scroll-speed: calc(var(--marquee-transition-speed--slow)/2)
  }
}

@media screen and (max-width:767px) {
  .marquee {
    --marquee-scroll-speed: calc(var(--marquee-transition-speed--slow)/3)
  }
}

.marquee--soft-edges {
  mask-image: linear-gradient(to right, hsl(0 0 0 / 0), hsl(0 0 0 / 1) 7%, hsl(0 0 0 / 1) 93%, hsl(0 0 0 / 0))
}

.marquee--do-scroll>div>.marquee__track {
  animation: scroll-left var(--marquee-scroll-speed) linear infinite
}

.marquee--do-pause .marquee__track {
  animation-play-state: running
}

.marquee--do-pause:hover .marquee__track {
  animation-play-state: paused;
  will-change: auto
}

@media (prefer-reduced-motion:reduce) {
  .marquee__track {
    animation: none
  }
}

@keyframes scroll-left {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-100% - var(--marquee-gap)))
  }
}

.iconbox__bullet--primary {
  color: var(--primary)
}

.iconbox__bullet--secondary {
  color: var(--secondary)
}

.iconbox__bullet--info {
  color: var(--info)
}

body:not([data-builder-mode]) [hero--002-content] {
  visibility: hidden
}

[data-render=""],
[data-render=false] {
  display: none;
  visibility: hidden
}

[data-render="true"] {
  display: flex;
  visibility: inherit;
}

div[data-podcast-rss] > p {
  margin: unset;
  margin-block: unset;
  line-height: 1;
}

div[data-podcast-rss] > p > iframe {
  height: 127px !important;
}

.stock,
.discontinued_status_message {
  display: flex;
  justify-self: flex-start;
  font-size: var(--at-text--xs);
  font-weight: 500;
  background-color: var(--at-n500);
  color: var(--at-black);
  padding: var(--at-space--3xs) var(--at-space--xs);
  border-radius: var(--at-radius--xs);
  cursor: default;
  user-select: none;
}

.stock {
  margin-bottom: var(--at-gutter);
}

.stock.available-on-backorder {
  background-color: var(--at-secondary);
  color: var(--at-white);
}

.stock.in-stock,
.stock.low-stock {
  background-color: var(--at-tertiary);
  color: var(--at-white);
}

.stock.out-of-stock {
  background-color: var(--at-primary);
  color: var(--at-white);
}

.stock.discontinued,
.discontinued_status_message {
  background-color: var(--at-n500);
  color: var(--at-white);
}

.woocommerce .button.disabled {
  background-color: var(--at-n500) !important;
  color: var(--at-white) !important;
}