/*
 Theme Name:   Seattle News Child
 Theme URI:    http://example.com/seattle-news-child
 Description:  Child theme for Seattle News
 Author:       Your Name
 Author URI:   http://example.com
 Template:     newsexo
 Version:      1.0.0
 Text Domain:  seattle-news-child
*/

/* === Center Logo on Homepage Header === */

/* Target the logo column and make it full width + center content */
.logo-banner .col-lg-4.col-md-12.align-self-center {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
}

/* Make sure the site logo itself is centered */
.site-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the logo image */
.site-logo img.custom-logo {
    display: block !important;
    margin: 0 auto !important;
    height: auto;
    max-width: 300px; /* adjust logo size if needed */
}

/* Hide any duplicate small logo from top header */
.site-header .custom-logo-link {
    display: none !important;
}

/* Fix container alignment */
.logo-banner .row {
    justify-content: center !important;
}
/* --- Center single post featured image and meta --- */
.single-post .post-thumbnail,
.single-post .post-thumbnail img {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 1100px;
    height: auto;
}

.single-post .entry-meta,
.single-post .entry-header,
.single-post .post-content {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.single-post .entry-header h2.entry-title {
    margin-top: 15px;
    margin-bottom: 10px;
}

.single-post .cat-links a {
    display: inline-block;
    margin: 0 5px;
    padding: 4px 10px;
    border-radius: 4px;
}
/* --- Single Post Layout Fix: Center Meta + Left Title/Content --- */
.single-post .post-meta {
  text-align: center !important;
}

.single-post .entry-header,
.single-post .entry-content,
.single-post .post-body {
  text-align: left !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

.single-post .entry-title {
  text-align: left !important;
  margin-top: 15px;
  margin-bottom: 25px;
}

.single-post .post-meta span {
  display: inline-block;
  margin: 0 8px;
  color: #555;
  font-size: 14px;
}

/* Remove old duplicate meta or comment line if still visible */
.single-post .entry-meta,
.single-post .post-footer-meta,
.single-post .post-meta-bottom {
  display: none !important;
}
/* === NAVIGATION / MENU === */
nav,
.navbar,
.menu,
.main-menu,
.nav-menu,
.site-header {
  background-color: white !important;  /* White background */
  color: black !important;
}

nav a,
.navbar a,
.menu a,
.main-menu a,
.nav-menu a {
  color: black !important;             /* Black menu links */
}

nav a:hover,
.navbar a:hover,
.menu a:hover,
.main-menu a:hover,
.nav-menu a:hover {
  color: #0073e6 !important;           /* Optional hover color (blue) */
}

/* === TICKER SECTION === */

/* Full ticker wrapper */
.ticker,
.trending,
.news-ticker,
.ticker-wrapper {
  background-color: white !important;  /* White background */
  color: black !important;             /* Black text */
  border: none !important;
}

/* Ticker heading (TRENDING) */
.heading,
.ticker-heading,
.trending-title {
  background-color: white !important;  /* White background */
  color: black !important;             /* Black text */
  border: none !important;
}

.heading h5,
.ticker-heading h5,
.trending-title h5 {
  background: white !important;
  color: black !important;
  margin: 0 !important;
  padding: 5px 10px !important;
  display: inline-block;
}

.heading h5 i,
.ticker-heading h5 i,
.trending-title h5 i {
  color: black !important;
}

/* Sliding ticker text (moving part) */
.ticker-content,
.ticker-text,
.ticker-items,
.ticker ul,
.ticker li,
.ticker a,
.trending ul,
.trending li,
.news-ticker a,
.news-ticker span {
  background-color: white !important;  /* White background for sliding area */
  color: black !important;             /* Black text */
  border: none !important;
}

.ticker a:hover,
.trending a:hover,
.news-ticker a:hover {
  color: #0073e6 !important;           /* Optional hover effect */
}

/* Remove any blue pseudo-elements or decorations */
.heading::before,
.heading::after,
.ticker::before,
.ticker::after,
.trending::before,
.trending::after {
  background: white !important;
  color: black !important;
  content: none !important;
}