@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Theme: Nebulas Blue			(#3F69AA)	v3.0.1
 *	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *	Designed for:	CMX AI					v2.0.1
 *	&				CMX Default Website		v3.0.0
 *	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *	Author:		DNC Thomas	(c) 2023
 *	Last Edit:	11/09/2023 10:04
 *	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  Theme colour variables
 * 	You should only need to change these to affect changes */
 
:root {
	--add5: #f3f6fb;
	--add4: #d7e1f0;
	--add3: #afc3e1;
	--add2: #86a5d2;
	--add1: #5e87c4;
	--theme: #3f69aa;
	--sub1: #39609a;
	--sub2: #335589;
	--sub3: #2c4b78;
	--sub4: #264067;
	--sub5: #203556;
	--modal: rgba(63, 102, 170, 0.3);
}

/*  Theme 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(--add5); background-color: var(--add1);}
.ow-theme		{color: var(--add5); 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-action {color: var(--sub3); background-color: var(--add3);}

/*	heme 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(--add5); 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);}
.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(--theme);
	background-color: var(--modal);
}