/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/*
 Theme Name: GeneratePress Child
 Template: generatepress
*/

/* Default light mode styles */
body {
    background-color: #ffffff; /* Default light background */
    color: #000000; /* Default text color */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Dark mode styles */
body.dark-mode {
    background-color: #282828; /* Dark mode background for body */
    color: #ffffff; /* Dark mode text color */
}

/* Dark mode for header */
body.dark-mode .site-header {
    background-color: #282828; /* Header background in dark mode */
    color: #ffffff; /* Header text color in dark mode */
}

/* Dark mode for main menu and sub-menu */
body.dark-mode .main-navigation,
body.dark-mode .main-navigation .sub-menu,
body.dark-mode .main-navigation .dropdown-menu {
    background-color: #000000; /* Main menu and sub-menu background in dark mode (black) */
    color: #ffffff; /* Menu text color in dark mode */
}

/* Dark mode for sub-menu text */
body.dark-mode .main-navigation .sub-menu a,
body.dark-mode .main-navigation .dropdown-menu a {
    color: #ffffff; /* Sub-menu text/links in dark mode (white) */
}

/* Dark mode for sidebar */
body.dark-mode .widget-area,
body.dark-mode .sidebar {
    background-color: #282828; /* Sidebar background in dark mode */
    color: #ffffff; /* Sidebar text color in dark mode */
}

/* Dark mode for individual widgets and their inner elements */
body.dark-mode .widget,
body.dark-mode .widget-area .widget,
body.dark-mode .widget-wrap,
body.dark-mode .widget-area .widget > *,
body.dark-mode .widget ul,
body.dark-mode .widget li,
body.dark-mode .widget .inner {
    background-color: #000000; /* Widget background in dark mode (black) */
    color: #ffffff; /* Widget text color in dark mode */
    border-color: #000000; /* Widget borders in dark mode (black) */
    outline-color: #000000; /* Widget outlines in dark mode (black) */
}

/* Ensure widget titles and links are readable */
body.dark-mode .widget-title,
body.dark-mode .widget a {
    color: #ffffff; /* Widget titles and links in dark mode */
}

/* Ensure specific widget elements have black borders */
body.dark-mode .widget select,
body.dark-mode .widget input,
body.dark-mode .widget .search-field {
    background-color: #000000; /* Match widget background */
    color: #ffffff; /* Text color */
    border-color: #000000; /* Black borders for inputs and select elements */
    outline-color: #000000; /* Black outlines for inputs and select elements */
}

/* Dark mode for content area */
body.dark-mode #content,
body.dark-mode .site-content,
body.dark-mode .site-main,
body.dark-mode .page-content,
body.dark-mode .post,
body.dark-mode .inside-article,
body.dark-mode .entry {
    background-color: #282828; /* Content background in dark mode */
    color: #ffffff; /* Content text color in dark mode */
    border-color: #282828; /* Content borders in dark mode */
    outline-color: #282828; /* Content outlines in dark mode */
}

/* Dark mode for entry titles */
body.dark-mode .entry-title,
body.dark-mode .entry-header h1,
body.dark-mode .entry-header h2 {
    color: #ffffff; /* Entry title color in dark mode (white) */
}

/* Style the toggle button in the menu */
#darkModeToggle {
    padding: 5px 5px;
    cursor: pointer;
    background-color: #333333;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 14px; /* Match GeneratePress menu font size */
}

/* Hover effect for the button */
#darkModeToggle:hover {
    background-color: #555555;
}

/* Align button in GeneratePress menu */
.main-navigation .dark-mode-toggle {
    display: inline-flex;
    align-items: center;
}

.main-navigation #darkModeToggle {
    margin: 0 50px; /* Adjust spacing */
    line-height: inherit; /* Match menu line height */
}



.main-navigation, .main-navigation ul ul {
    z-index: 999 !important; /* higher than stick-Ad */
}

/* Ensure navigation and dropdowns stay ABOVE sidebar ads */
aside#custom_html-7 {
    position: relative; /* keep its own stacking context */
    z-index: 1 !important; /* lower than menu */
}