@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Theme:  aurora-green          (#6ADC99)   v3.0
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  For:   ax websites
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  Author:     DNC THomas
 *  Last edit:  29/12/2024
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  Theme colour variables */
:root {
    --baseR: 106; --baseG: 220; --baseB: 153;
    --color1: #092916;
    --color2: #13522D;
    --color3: #1D7B44;
    --color4: #26A55A;
    --color5: #30CE71;
    --color6: #59D88D;
    --color7: #83E1AA;
    --color8: #ACEBC6;
    --color9: #D5F5E2;
    --modal: rgba(var(--baseR),var(--baseG),var(--baseB),0.3);
    --gradient-down: linear-gradient( var(--color7), var(--color6));
	--gradient-up: linear-gradient( var(--color6), var(--color7));
    --gradient-left: linear-gradient( to right,  var(--color7), var(--color6));
	--gradient-right: linear-gradient( to left, var(--color7), var(--color6));

    --gradientBar: linear-gradient(var(--color5) 0%, transparent 20%, transparent 80%, var(--color5) 100%);
    --shadow:   0 0.15em 0.3em -0.1em var(--color1);
    --shadows: 0 0.1em 0.3em 0 rgba(var(--baseR),var(--baseG),var(--baseB),0.3),0 0.1em 0.7em 0 rgba(var(--baseR),var(--baseG),var(--baseB),0.4);
}

/*	Theme colour combinations (Foreground / Background)	
    You may wish to tweek these to improve contrast; you
    should start by changing color1 to color9 and vica-versa */
.ax-theme4	{color: var(--color9); background-color: var(--color4);}
.ax-theme5	{color: var(--color1); background: var(--color5);}
.ax-theme6	{color: var(--color1); background-color: var(--color6);}

.ax-theme4-hvr:hover	{color: var(--color9); background-color: var(--color4);}
.ax-theme5-hvr:hover	{color: var(--color1); background-color: var(--color5);}
.ax-theme6-hvr:hover 	{color: var(--color1); background-color: var(--color6);}
   
.ax-btn-gradient-left { color:var(--color1); background: var(--gradient-left); border: thin solid var(--color5)!important;}
.ax-btn-gradient-right { color:var(--color1); background: var(--gradient-right);border:thin solid var(--color5)!important;}
.ax-btn-gradient-down { color:var(--color1); background: var(--gradient-down); border: thin solid var(--color5)!important;}
.ax-btn-gradient-up { color:var(--color1); background: var(--gradient-up);border:thin solid var(--color5)!important;}

