/*
 Theme Name:   Stargaze Child Theme
 Theme URI:    https://stargaze.themerex.net
 Description:  Stargaze Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     stargaze
 Version:      1.0.0    
 Tags:         astronomy, telescopes, binoculars, optics, science, online shop, events, museum, space observatory, aerospace company, engineering, space tourism, astronomy museum, planetarium, space blog
 Text Domain:  stargaze
*/


/* =Theme customization starts here
------------------------------------------------------------ */

.page-id-54154.scheme_violet_dark {
    --theme-color-bg_color: #deb64b !important;
    --theme-color-bd_color: #deb64b !important;
    --theme-color-text: #deb64b !important;
    --theme-color-text_light: #deb64b !important;
    --theme-color-text_dark: #deb64b !important;
    --theme-color-text_link: #deb64b !important;
    --theme-color-text_hover: #deb64b !important;
}
/* OVERRIDE ID 54154 WHICH IS SHOWING WRONG COLORS EVEN AFTER UPDATING */

/* OVERRIDE ID 20130 (ABOUT PAGE) WHICH IS SHOWING WRONG COLORS EVEN AFTER UPDATING */

.page-id-20130.scheme_default {
  --theme-color-bg_color: #000000 !important;
  --theme-color-alter_bg_color: #000000 !important;
}

/* Header background and general text */
.page-id-20130.scheme_default header {
  background-color: var(--theme-color-bg_color) !important;
}

/* Fix menu text color to white */
.page-id-20130 .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
  color: #ffffff !important;
}

/* Keep menu hover color as defined */
.page-id-20130 .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover {
  color: var(--theme-color-text_link) !important;
}

/* Fix H6 color */
.page-id-20130.scheme_default h6 {
  color: #ffffff !important;
}
/* OVERRIDE ID 20130 (ABOUT PAGE) WHICH IS SHOWING WRONG COLORS EVEN AFTER UPDATING */

/* OVERRIDE ID 54154 (CONNECT PAGE) WHICH IS SHOWING WRONG COLORS EVEN AFTER UPDATING */

body.page-id-54154 #header-custom-47567 {
  background-color: #000000 !important;
}

body.page-id-54154 #header-custom-47567 .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
  color: #ffffff !important;
}

body.page-id-54154 #header-custom-47567 .sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]):hover {
    
    
  color: #deb64b !important; /* your yellow hover color */
}

/* Force black header background for all screen sizes */
#header-custom-47567 {
  background-color: #000 !important;
}

/* Make sure mobile header also gets black background */
@media (max-width: 768px) {
  #header-custom-47567,
  .mobile_header,
  header.mobile {
    background-color: #000 !important;
  }
  
  .mobile_header .menu-item a {
    color: #fff !important;  /* Optional: white text for visibility */
  }
}

/* Force consistent logo size across site */
.logo_image {
  max-height: 80px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain;
}