/*
Theme Name: KopalaMusic Monochrome
Theme URI: https://kopalamusic.com/
Description: Black-and-white child theme styling for the Jannah WordPress theme.
Author: KopalaMusic
Version: 1.0.0
Template: jannah
Text Domain: kopalamusic-monochrome
*/

/* Brand colours: monochrome */
:root {
  --brand-color: #111111;
  --brand-color2: #111111;
  --tie-primary-color: #111111;
  --tie-secondary-color: #111111;
}

/* General text and links */
a,
a:hover,
.post-title a:hover,
.entry-title a:hover {
  color: #111111;
}

/* Header, navigation and footer */
#theme-header,
#main-nav,
.main-nav,
#footer,
.site-footer,
.header-layout-1,
.header-layout-2 {
  background-color: #111111 !important;
  color: #ffffff !important;
}

#theme-header a,
#main-nav a,
.main-nav a,
#footer a,
.site-footer a {
  color: #ffffff !important;
}

/* Remove red accent colours from Jannah section headings and separators */
.block-title,
.block-title:before,
.block-title:after,
.mag-box-title,
.mag-box-title:before,
.mag-box-title:after,
.widget-title,
.widget-title:before,
.widget-title:after,
.section-title,
.section-title:before,
.section-title:after {
  border-color: #111111 !important;
}

.block-title:before,
.mag-box-title:before,
.widget-title:before,
.section-title:before {
  background-color: #111111 !important;
}

/* Buttons, active menu items and pagination */
button,
input[type="submit"],
input[type="button"],
.tie-btn,
a.tie-btn,
.download-button,
.pagination .current,
#main-nav .current-menu-item > a,
#main-nav .current_page_item > a {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* Keep content panels neutral */
.post-content,
.entry-content,
.widget,
.mag-box,
.container-wrapper {
  border-color: #dddddd;
}

/* Dark skin: retain a clean black background and white text */
body.dark-skin,
.dark-skin #content,
.dark-skin .container-wrapper,
.dark-skin .mag-box,
.dark-skin .widget {
  color: #ffffff;
}

body.dark-skin a,
.dark-skin .post-title a,
.dark-skin .entry-title a {
  color: #ffffff;
}

body.dark-skin .block-title,
body.dark-skin .mag-box-title,
body.dark-skin .widget-title {
  border-color: #ffffff !important;
}

/* Mobile menu */
#mobile-menu,
.mobile-menu,
#mobile-nav {
  background-color: #111111 !important;
  color: #ffffff !important;
}