/*****************************
 *  horizontal news ticker
 ******************************/

.newscontainer {
  width: 100%;
}

/* Desktop ticker inside nav */
.news-desktop {
  display: block;
  max-width: 35%;      /* ← ticker width on desktop */
  margin-left: auto;
  margin-right: 10px;
}

/* Mobile ticker class kept for future use, but hidden for now */
.news-mobile {
  display: none;
}

.newswrapper {
  width: 100%; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  border-bottom: 0 solid #333;
  border-top: 0 solid #333;
  border-right: 1px solid #333;
  font-weight: 400;
  font-style: normal;
}

.newswrapper a {
  text-decoration: none;
  border-radius: 10px;
}

.ticker-wrapper-h {
  display: flex;
  position: relative;
  overflow: hidden;
  top: 0;
  font-weight: 400;
  font-style: normal;
  text-shadow: 1px 1px 1px #000;
  z-index: 1;
}

/* Heading on the left */
.ticker-wrapper-h .heading {
  background-image:url("hardwood.jpg");
  color: #AAA;
  padding: 5px 5px 5px 15px;
  flex: 0 0 auto;
  z-index: 1000;
  border-right: 1px solid #333;
  box-sizing: border-box;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: 2px 2px 2px #000;
}

.ticker-wrapper-h .heading:after {
  content: "";
  position: absolute;
  top: 0;
}

/* Scrolling list */
.news-ticker-h {
  display: flex;
  margin: 0;
  padding: 0;
  padding-left: 100%;
  z-index: 999;
  list-style: none;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: tic-h;
  animation-duration: 50s;  /* ← CHANGE THIS to adjust scroll speed */
}

.news-ticker-h:hover {
  animation-play-state: paused;
}

.news-ticker-h li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 10px;
}

.news-ticker-h li a {
  color: #AAA;
  padding: 5px;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  text-shadow: 1px 1px 2px #000;
}

.news-ticker-h li a:hover {
  color: #CCC;
  background-color: #000;
}

/* Animation */
@keyframes tic-h {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

/* Breakpoints – match nav.css mobile breakpoint */
@media only screen and (max-width: 900px) {
  .news-desktop,
  .news-mobile {
    display: none !important;  /* hide ticker completely on mobile */
  }
}

/* Keep these in case you want future width tweaks, harmless as-is */

@media only screen and (min-width: 600px) {
  .newswrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .newswrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .newswrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .newswrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 1930px) {
  .newswrapper {
    width: 100%;
  }
}