/* ===================================================================================
* Theme Name: Vinkmag Child
* Theme URI: https://themeforest.net/user/xpeedstudio/portfolio
* Description: Vinkmag is a Multi-concept News Magazine WordPress Theme. Specially built for News, Magazine & Blog WordPress Theme created for News agencies, Tour-Travel websites, Business Magazine, Food Recipes, Crypto News, Health Magazine, Technology Sites and all type of publishing or review site.
* Version: 1.0
* Author: XpeedStudio
* Author URI: http://www.xpeedstudio.com
* Template: vinkmag
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?
* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.
* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/
====================================================================================== */

/* ========== CUSTOM CSS FOR CHILD THEME ========== */

/* Breaking News Section */
.breaking-news {
  background: #d71920;
  color: #fff;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
}
.breaking-news .title {
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}
.breaking-news ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.breaking-news ul li {
  margin-right: 20px;
  white-space: nowrap;
}
.breaking-news ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}
.breaking-news ul li a:hover {
  text-decoration: underline;
}
.breaking-news ul li .cat {
  font-size: 12px;
  color: #ffd700;
  margin-left: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .breaking-news {
    font-size: 14px;
    padding: 6px 10px;
  }
  .breaking-news ul li {
    margin-right: 12px;
  }
}