/*	----------------------------------------------------------------------------------------------
 * 	Theme:  Colours     Base colour: #78a5c9 (CumulusMX)   V: 2
 *  Theme for CumulusMX v 3.10.1 and above
 *  Based on colours generated using the w3Schools Color Generator
 *
 * 	Modifications made to the generated w3.css theme:-
 *  ADDED:   Variables for all theme colours.  Enables access to theme colours
 * 	CHANGED: Colour style names for consistancy;    All start '.w3-theme-'	
 *  ADDED:   '.w3-theme-white';     provides for white panels.
 *  CHANGED: Style names for borders, text and hover;   simply saves typing.
 * 	ADDED:	 Extra hover and border styles.
 * 	MODIFY: 'color' attribute in styles that change both fore- and back-ground
 * 	
 * 	Neil Thomas
 *	--------------------------------------------------------------------------*/

:root {
    --l5: #f7fafc;
    --l4: #e4edf4;
    --l3: #c9dbe9;
    --l2: #aec9df;
    --l1: #93b7d4;
    --theme: #78a5c9;
    --d1: #6195c0;
    --d2: #4a86b7;
    --d3: #4075a1;
    --d4: #37658a;
    --d5: #2e5473;
    --modal: rgba(78, 91, 49, 0.3);
}

/*	Check that your theme is named as shown  below */
.w3-theme-white {color: var(--d5); background-color:#ffffff}
.w3-theme-l5    {color: var(--d5); background-color: var(--l5);}
.w3-theme-l4    {color: var(--d5); background-color: var(--l4);}
.w3-theme-l3    {color: var(--d5); background-color: var(--l3);}
.w3-theme-l2    {color: var(--d5); background-color: var(--l2);}
.w3-theme-l1    {color: var(--d5); background-color: var(--l1);}
.w3-theme-d1    {color: var(--l5); background-color: var(--d1);}
.w3-theme-d2    {color: var(--l5); background-color: var(--d2);}
.w3-theme-d3    {color: var(--l5); background-color: var(--d3);}
.w3-theme-d4    {color: var(--l5); background-color: var(--d4);}
.w3-theme-d5    {color: var(--l5); background-color: var(--d5);}

.w3-theme-light {color: var(--d5); background-color: var(--l5);}
.w3-theme-dark  {color: var(--l5); background-color: var(--d5);}
.w3-theme-action {color: var(--d3); background-color: var(--l3);}

.w3-theme       {color: var(--l5); background-color: var(--theme);}
.w3-theme-txt   {color: var(--theme); }
.w3-theme-bdr   {border-color: var(--theme);}
.w3-theme-l5-bdr{border-color: var(--l5);}
.w3-theme-d5-bdr{border-color: var(--d5);}

.w3-theme-hvr:hover {color: var(--l5); background-color: var(--theme);}
.w3-theme-d5-hvr:hover {color: var(--l5); background-color: var(--d5);}
.w3-theme-l5-hvr:hover {color: var(--d5); background-color: var(--l5);}
.w3-theme-txt-hvr:hover {color: var(--l3);}
.w3-theme-bdr-hvr:hover {border-color: var(--theme);}
.w3-theme-d5-bdr-hvr:hover {border-color: var(--d5);}
.w3-theme-l5-bdr-hvr:hover {border-color: var(--l5);}

.at-theme-modal {
	background-color: var(--theme); 
	background-color: var(--modal);
}