/*
 Theme Name:   Newsmatic Child
 Theme URI:    https://cryblock.com/
 Description:  Child theme for Newsmatic
 Author:       Wasim Akram
 Template:     newsmatic
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../newsmatic/style.css");

/* Force Archivo everywhere */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.site-title, .site-description,
.main-navigation a,
.widget, 
.entry-title, 
p, a, span, li {
    font-family: 'Archivo', sans-serif !important;
}

/* ===============================
   Header Background for Light & Dark Mode
   =============================== */

/* Default (Light Mode) Header Background */
.site-branding-section {
  background-image: url('https://crypblock.com/wp-content/uploads/2025/10/Header-without-logo-01-scaled.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Dark Mode Header Background */
body.newsmatic_dark_mode .site-branding-section {
  background-image: url('https://crypblock.com/wp-content/uploads/2025/10/Header-without-logo-02-scaled.jpg');
}


/* Default (light mode) logo */
.site-header .custom-logo-link img {
  content: url('https://crypblock.com/wp-content/uploads/2025/09/LogoPNG-scaled.png');
}

/* Dark mode logo */
body.newsmatic_dark_mode .site-header .custom-logo-link img {
  content: url('https://crypblock.com/wp-content/uploads/2025/09/Light-LogoPNG-scaled.png');
}

.quick-nav {
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 25px;
  border-radius: 6px;
  text-align: left; /* align text to left */
}

.quick-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.quick-nav li {
  margin: 10px 0;
  font-size: 15px;
  display: flex;
  align-items: center;
}

.quick-nav li::before {
  content: "•";
  color: #0A66C2; /* LinkedIn blue bullet */
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: 6px;
}

.quick-nav a {
  color: #0A66C2;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.quick-nav a:hover {
  color: #EEBB00; /* CrypBlock yellow */
}