/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 5.1.1
*/


@import '../techno/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/

.ticker-wrap {
    position: absolute;
    width: 100vw;
    bottom: 50%;
    overflow: hidden;
    height: 3rem;
}

.ticker-space {
    height: 3rem;
    width: 100%;
    position: relative;
    clear: both;
    display: inline-block
}

.ticker {
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    white-space: nowrap;
    padding-left: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 60s;
    font-family: "Merriweather", Sans-serif;
    color: #0000ff;
    box-sizing: content-box
}

@keyframes ticker {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 1.5rem;
    color: #000
}

.tickerSymbol {
    color: #06f !important
}

.tickerValue {
    color: #1d4891 !important
}

.red {
    color: red !important
}

.green {
    color: #3a0 !important
}

.gray {
    color: #999 !important
}