/*
Theme Name: Cream Magazine
Theme URI: https://themebeez.com/themes/cream-magazine/
Author: themebeez
Author URI: https://themebeez.com/
Description: Cream Magazine is a news & magazine WordPress theme with a clean & modern design suitable for everyone who wish to share their stories, publish a breaking daily news or write on different topics. Everything in Cream Magazine is very easy to deal with, after assigning a front-page one can fully get started to build a website though WordPress Live Customizer.Cream magazine is build taking SEO, Speed & Responsive in mind. Build-in features like lazy load for images has been implemented to make cream mag load faster & extra library files have been bundled to minimize  HTTP requests. For more information go to https://themebeez.com/themes/cream-magazine/
Version: 2.1.10
Requires PHP: 5.6
Tested up to: 6.8
Requires at least: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cream-magazine
Tags: custom-background, custom-header, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, blog, news, right-sidebar, theme-options, footer-widgets, left-sidebar, grid-layout, rtl-language-support


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cream Magazine WordPress Theme, Copyright (C) 2025, themebeez.
Cream Magazine is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Custom CSS - Remove black background from main menu */
/* High specificity selectors to override theme styles */
body .primary-navigation,
body #main-nav.primary-navigation,
body .primary-navigation.dark,
body .cm_header_lay_three .primary-navigation {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

body .primary-navigation ul,
body #main-nav.primary-navigation ul,
body .primary-navigation.dark ul {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

body .primary-navigation ul li,
body #main-nav.primary-navigation ul li,
body .primary-navigation.dark ul li {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

body .primary-navigation ul li a,
body #main-nav.primary-navigation ul li a,
body .primary-navigation.dark ul li a {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Remove any dark/black backgrounds from all navigation elements */
body #main-nav,
body #main-nav ul,
body #main-nav ul li,
body #main-nav ul li a,
body .header-navigation,
body .header-navigation ul,
body .header-navigation ul li,
body .header-navigation ul li a {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Ensure menu items are visible with proper text color */
body .primary-navigation ul li a,
body #main-nav.primary-navigation ul li a {
    color: #333 !important;
}

body .primary-navigation ul li a:hover,
body #main-nav.primary-navigation ul li a:hover {
    color: #0888ec !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* Additional specificity for any stubborn dark backgrounds */
body .site-header .primary-navigation,
body .site-header #main-nav,
body .site-header .primary-navigation ul,
body .site-header .primary-navigation ul li,
body .site-header .primary-navigation ul li a {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Remove gray background from sidebar widgets */
.sidebar-widget-area .widget,
.sidebar-widget-area .widget *,
#secondary .widget,
#secondary .widget *,
aside .widget,
aside .widget *,
.widget,
.widget * {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Ensure widget titles and content remain visible */
.sidebar-widget-area .widget .widget-title,
.sidebar-widget-area .widget .widget-title h2,
#secondary .widget .widget-title,
#secondary .widget .widget-title h2 {
    background-color: transparent !important;
    background: transparent !important;
}