/************ SEASONS ****************/
:root {
   /* COLOURS */
   --main_colour: #015A43;
   --darker_shade_1: #004b37;
   --darker_shade_2: #003325;
   --lighter_shade_1: #056e52;
   --lighter_shade_2: #0a7e5f;
   --lighter_shade_3: #139673;
   --lighter_shade_4: #1ca782;
   --lighter_shade_5: #26b68f;
   --lightest_shade_1: #eff6f4;
   --lightest_shade_2:  #deece8;
   --light_transparent: #018C6814;

   /* NAVIGATOR */
   --navigator_font: #FFFFFF;
   --navigator_image_overlay: 'none'; /* e.g light curves image overlayed on navigator */
   --navigator_hover: rgba(0, 0, 0, 0.2); /* e.g hovering over items in navigator */
   --navigator_selected: rgba(0, 0, 0, 0.2); /* e.g current page item highlighted in navigator */
   --navigator_skeleton_loader_gradient: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
   --navigator_skeleton_loader_background: #00000044;

	--scrollbar_thumb: #b4b4b4;
	--scrollbar_thumb_hover: #909090;
}


/* MAIN BACKGROUND IMAGE */
#navigator {
   background: url(/images/seasons/christmas2024/season_background.png) !important;
}

#navigatorcontent {
   background-color: unset !important;
}

/* LOGO */
#navigator .navigator_logo {
   background-image: url(/images/seasons/christmas2024/season_logo.svg) !important;
   background-size: auto 45px !important;
   background-position: left center !important;
}

/* OVERRIDING CONTACTS GRADIENT NAV */
#navigator.contactenergy, #navigator.contactenergy #navigatorcontent, #navigator.powerco, #navigator.powerco #navigatorcontent {
   background: unset;
}

/* SEARCH BAR COLOR */
#quick_keywords {
   background-color: #02351fb4 !important;
   color: #fff !important;
}

/* SEARCH BAR PLACEHOLDER */
#quick_keywords::placeholder {
	color: #b6b6b6 !important;
}

.tree a.treeselected:hover {
   background-color: var(--navigator_selected) !important;
}

/* BOTTOM UTILS BACKGROUND COLOR */
#siteutils {
   background: #00000063 !important;
}

#navigatorcontent .tree .navigator_tree_div > .navigator_open_node svg {
	background-color: rgba(0, 0, 0, 0.25);
}

/* USER PHOTO STATUS DOT - MAKE SIMILAR COLOUR TO BACKGROUND */
#menuDropdown .status_state {
   border: 2px solid #6E1823;
}

/* TREE INDENT LINE COLOR */
.navigator_expanded #navigatorcontent:hover .navigator_indent {
   border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* FAVOURITES SECTION BORDER BOTTOM */
#navigatorcontent #local_tree > ul > #node_0 {
   border-bottom: 1px solid #ffffff79 !important;
}

/* SCROLLBAR COLOR */
#navigatorcontent::-webkit-scrollbar-thumb {
   background: rgba(255,255,255,0.4) !important;
}

/* SHOW NAV COLOR - MAKE SIMILAR COLOUR TO BACKGROUND*/
.show_navigator_button {
   background-color: #018C68 !important;
}

.show_navigator_button:hover {
	background-color: var(--darker_shade_1) !important;
}