/*---------------------------------------------------------------------
 * themes/css/colorSchemes/workbench-2.css
 * 
 * Copyright 2021 Manin Bocss
 *--------------------------------------------------------------------*/
:root {
	
	--primary-color: #000000;
	--alternate-color: #000000;
	
	--text-color: #FFFFEE;
	
	--darkText: black;
	
	--colorTwo: #7A87A9;
	
	--colorThree: #3A4976;
	
	--lightText: #DEDEDE;
	
	--body-font-family: inherit;	
	--body-font-size: inherit;	
	--body-background-color: var(--primary-color);
	--body-color: inherit;
	--body-text-shadow: inherit;
	
	--navMenu-font-family: inherit; 
	--navMenu-font-size: inherit;	
	--navMenu-color: var(--lightText);
	--navMenu-hover-color: #FFFFFF;
	--navMenu-background-color: var(--primary-color);
	--navMenu-background-image: inherit;
	--navMenu-text-shadow: none;
	--navMenu-box-shadow: none;
	
	--alt-navMenu-color: var(--lightText);
	--alt-navMenu-hover-color: #FFFFFF;
	--alt-navMenu-background-color: inherit;
	--alt-navMenu-background-image: inherit;
	--alt-navMenu-text-shadow: 1px 1px black;
	--alt-navMenu-box-shadow: none;
	
	--contentContainer-background-color: var(--colorThree);
	--contentContainer-background-image: none;
	--contentContainer-color: var(--lightText);
	--contentContainer-text-shadow: 1px 1px #555555;
	
	--sidebarContainer-background-color: var(--colorTwo);
	--sidebarContainer-background-image: none;
	--sidebarContainer-color: #F9F9F9;
	--sidebarContainer-text-shadow: 2px 2px #333355;
	
	/* scrollbars */
	
	--scrollbarFancyTrack: grey;
	--scrollbarFancyThumb: #BBBBBB; 
	
	--scrollbarHiddenTrack: grey;
	--scrollbarHiddenThumb: #BBBBBB; 
	
	/* sidebar menu items */
	
	--menuItem-color: inherit;
	--menuItem-hover-color: inherit;
	--menuItem-text-shadow: inherit;
	--menuItem-hover-text-shadow: none;
	
	--menuHighlightItem-color: inherit;
	--menuHighlightItem-hover-color: inherit;
	--menuHighlightItem-text-shadow: 2px 2px #AA0000;
	--menuHighlightItem-hover-text-shadow: 0px 0px #880000;
	
	/* Items found usually in the nav menus */  
	
	--icon-menu-font-size: 20pt;
	--icon-menu-color: var(--lightText);
	--icon-menu-hover-color: var(--navMenu-hover-color);
	
	--site-name-font-family: calibri,arial,sans-serif;
	--site-name-font-size: 1.5rem;
	--site-name-color: var(--lightText);
	--site-name-hover-color: var(--navMenu-hover-color);
	--site-name-text-shadow: 2px 2px #000000;
	--site-name-hover-text-shadow:  0px 0px #000000;
	
	--icon-pointup-font-family: calibri,arial,sans-serif;
	--icon-pointup-font-size: 1.25rem;
	--icon-pointup-color: var(--lightText);
	--icon-pointup-hover-color: var(--navMenu-hover-color);
	
	--edit-link-font-family: calibri,arial,sans-serif;
	--edit-link-font-size: 13pt;
	--edit-link-color: var(--lightText);
	--edit-link-hover-color: var(--navMenu-hover-color);
	
	--icon-circledown-font-size: 14pt;
	--icon-circledown-color: var(--lightText);
	--icon-circledown-hover-color: var(--navMenu-hover-color);
	
	--user-name-font-family: calibri,arial,sans-serif;
	--user-name-font-size: 11pt;
	--user-name-color: var(--lightText);
	--user-name-hover-color: var(--navMenu-hover-color);
	
	/* language element */
	
	--langElementBorder: 1px solid blue;
	--langElementHoverBorder: 2px solid red;
	--langElementHighlightBorder: 2px solid deepskyblue;
	--langElementHighlightHoverBorder: 2px solid red;
	--langElementBoxShadow: 0px 0px 1px black;
	
	/* Image Borders */
	
	--imageBorder: 1px solid blue;
	--imageHoverBorder: 1px solid red;	
	
	/* page divider */
	
	--itemDividerColor: grey;
	--itemDividerShadow: none;
	
	/* Items found on gallery pages */
	
	--linkItem-color: #EEEEEE;
	--linkItem-hover-color: inherit;
	--linkItem-text-shadow: 0px 0px #000000;
	--linkItem-hover-text-shadow: 0px 0px #FFFFFF;
	
	/* Items found on article pages */  
	
	--article-tabs-background: #FFFFFF;
	--article-tabs-background-image: inherit;
	--article-tabs-color: #000000;
	--article-tabs-colorHighlight: #AA0000;
	--article-tabs-underline: 1px solid rgba(0,0,0,0);
	--article-tabs-border: 1px solid #CCCCCC;
	--article-tabs-text-shadow: 0px 0px #000000;
	
	--article-background: #FFFFFF;
	--article-background-image: none;
	--article-color: black;
	--article-border: 1px solid rgba(153,0,0,1);
	--article-text-shadow: none;
	--article-font-family: inherit;
	--article-font-size: inherit;
	
	--articleLinkItem-color: #111177;
	--articleLinkItem-hover-color: #2222BB;
	--articleLinkItem-text-shadow:  none;
	--articleLinkItem-hover-text-shadow: none;
	
	--mathLink-color: #44DD77;
	--mathLink-hover-color: #44DD77;
	--mathLink-text-shadow: none;
	--mathLink-hover-text-shadow: none;
	
	--firstCharacter-color: #F24;
	--firstCharacter-text-shadow: 1px 1px black;  
}
