@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Theme: thmDefaultBlue.css		Version: 3.0.0
 * 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Designed for CumulusMX default website v:3.0.0
 * 	Base colour:	#4E5B31

 * 	Author: Neil Thomas
 * 	Edited: 21 Mar 2023		Checked: 21 Mar 2023
 *	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *	Theme Colour Variable Definitions
 * 	You only need to change these values to affect
 * 	ALL theme colours
 * 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

:root {
	--add5: #f7fafc;
	--add4: #e4edf4;
	--add3: #c9dbe9;
	--add2: #aec9df;
	--add1: #93b7d4;
	--theme: #78a5c9;
	--sub1: #6195c0;
	--sub2: #4a86b7;
	--sub3: #4075a1;
	--sub4: #37658a;
	--sub5: #2e5473;
	--modal: rgba(120, 165, 201, 0.3);
}

/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Don't change anything below here unless you
 * 	know what you are doing!
 * 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 	Colour combinations (Foreground / Background) */
 
.ow-theme-add5	{color: var(--sub5); background-color: var(--add5);}
.ow-theme-add4  {color: var(--sub5); background-color: var(--add4);}
.ow-theme-add3  {color: var(--sub5); background-color: var(--add3);}
.ow-theme-add2  {color: var(--sub5); background-color: var(--add2);}
.ow-theme-add1  {color: var(--sub5); background-color: var(--add1);}
.ow-theme       {color: var(--sub5); background-color: var(--theme);}
.ow-theme-sub1  {color: var(--add5); background-color: var(--sub1);}
.ow-theme-sub2  {color: var(--add5); background-color: var(--sub2);}
.ow-theme-sub3  {color: var(--add5); background-color: var(--sub3);}
.ow-theme-sub4  {color: var(--add5); background-color: var(--sub4);}
.ow-theme-sub5	{color: var(--add5); background-color: var(--sub5);}

.ow-theme-white {color: var(--sub5); background-color:#ffffff;}
.ow-theme-action {color: var(--sub3); background-color: var(--add3);}

/*	Theme colour combinations for HOVER effects (Foreground / Background)	*/
.ow-theme-add5-hvr:hover 		{color: var(--sub5); background-color: var(--add5);}
.ow-theme-add4-hvr:hover 		{color: var(--sub5); background-color: var(--add4);}
.ow-theme-add3-hvr:hover 		{color: var(--sub5); background-color: var(--add3);}
.ow-theme-add2-hvr:hover 		{color: var(--sub5); background-color: var(--add2);}
.ow-theme-add1-hvr:hover 		{color: var(--sub5); background-color: var(--add1);}
.ow-theme-hvr:hover 			{color: var(--sub5); background-color:var(--theme); }
.ow-theme-sub1-hvr:hover 		{color: var(--sub5); background-color: var(--sub1);}
.ow-theme-sub2-hvr:hover 		{color: var(--add5); background-color: var(--sub2);}
.ow-theme-sub3-hvr:hover 		{color: var(--add5); background-color: var(--sub3);}
.ow-theme-sub4-hvr:hover 		{color: var(--add5); background-color: var(--sub4);}
.ow-theme-sub5-hvr:hover		{color: var(--add5); background-color: var(--sub5);}

.ow-theme-action-hvr:hover		{color: var(--add3); background-color: var(--sub3);}

/*	Theme TEXT only colours	*/
.ow-theme-add5-txt	{color: var(--add5);}
.ow-theme-add4-txt	{color: var(--add4);}
.ow-theme-add3-txt	{color: var(--add3);}
.ow-theme-add2-txt	{color: var(--add2);}
.ow-theme-add1-txt	{color: var(--add1);}
.ow-theme-txt		{color: var(--theme);}
.ow-theme-sub1-txt	{color: var(--sub1);}
.ow-theme-sub2-txt	{color: var(--sub2);}
.ow-theme-sub3.txt	{color: var(--sub3);}
.ow-theme-sub4-txt	{color: var(--sub4);}
.ow-theme-sub5-txt	{color: var(--sub5);}

/*	Theme TEXT only HOVER colours	*/
.ow-theme-add5-txt-hvr:hover	{color: var(--add5);}
.ow-theme-txt-hvr:hover			{color: var(--theme);}
.ow-theme-sub5-txt-hvr:hover	{color: var(--sub5);}

/*	Theme BORDER only colours	*/
.ow-theme-add5-bdr	{border-color: var(--add5);}
.ow-theme-add4-bdr	{border-color: var(--add4);}
.ow-theme-add3-bdr	{border-color: var(--add3);}
.ow-theme-add2-bdr	{border-color: var(--add2);}
.ow-theme-add1-bdr	{border-color: var(--add1);}
.ow-theme-bdr		{border-color: var(--theme)!important;}
.ow-theme-sub1-bdr	{border-color: var(--sub1);}
.ow-theme-sub2-bdr	{border-color: var(--sub2);}
.ow-theme-sub3-bdr	{border-color: var(--sub3);}
.ow-theme-sub4-bdr	{border-color: var(--sub4);}
.ow-theme-sub5-bdr	{border-color: var(--sub5);}

/*	Theme BORDER only HOVER colours	*/
.ow-theme-add5-bdr-hvr:hover	{border-color: var(--add5); }
.ow-theme-bdr-hvr:hover 		{border-color: var(--theme);}
.ow-theme-sub5-bdr-hvr:hover	{border-color: var(--sub5);}

/*	Theme Modal Window Background	*/
.ow-theme-modal {
	background-color: var(--add5);
	background-color: var(--modal);
}