/*-----------------------------------------------------------------------------------

    Theme Name: Canvas
    Theme URI: http://themes.semicolonweb.com/html/canvas
    Description: The Multi-Purpose Template
    Author: Hyatt Creative Group
    Author URI: http://themeforest.net/user/semicolonweb
    Version: 5.7

    LESS Stylesheet

-----------------------------------------------------------------------------------*/

#content .content-wrap {
  position: relative;
  padding: 80px 0px 0px 0px;
}

body {
  font-size: 18px;
}

element.style {
    margin-top: 20px;
}

.hidden {
    display: none;
}

.swiper-slide .slider-caption.dark h2 {
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.9),
               -2px -2px 4px rgba(0,0,0,0.9);
}

/* Example: set news text color to black */
.header-stick .bnews-slider .slide a,
.header-stick .bnews-slider .slide a strong {
  color: #000000; /* or any hex / rgb you prefer */
}

/* If there’s a background behind it, you might also want: */
.header-stick {
  background-color: #f5f5f5; /* or whatever background gives contrast */
}

.badge {
--bs-badge-color: #000;
color: var(--bs-badge-color);
}

/* Main full-width bar */
.breaking-news-bar {
  width: 100%;
  background-color: #f5f5f5; /* light grey background */
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Inner container for layout */
.breaking-news-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  align-items: center;
  gap: 20px;
}

/* "Breaking News" title */
.breaking-news-title {
  font-weight: bold;
  color: #b30000;
  white-space: nowrap;
}

/* News item container */
.breaking-news-items {
  display: flex;
  overflow-x: auto;
  gap: 30px;
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE 10+ */
}

.breaking-news-items::-webkit-scrollbar {
  display: none;              /* Chrome/Safari */
}

/* Each news item */
.breaking-news-item a {
  color: #333;
  text-decoration: none;
}

.breaking-news-item a:hover {
  text-decoration: underline;
}

#slider {
  margin-top: 0 !important;
}


.breaking-news-bar {
  background: #f5f5f5;
  padding: 10px 20px;
  overflow: hidden;
  position: relative;
}

.breaking-news-title {
  font-weight: bold;
  margin-right: 15px;
  display: inline-block;
  color: #d00; /* red-ish for alert feel */
}

.breaking-news-items {
  display: inline-block;
  white-space: nowrap;
  transition: transform 0.5s ease-in-out;
}

.breaking-news-item {
  display: inline-block;
  min-width: 100%;
  white-space: normal;
  vertical-align: top;
}