@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Theme:  nebulas-blue            Base colour: #2D62A3
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  For:   OES websites             version: 3.1
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  Author:     DNC THomas
 *  Last edit:  2025-08-25 18:34:48
 *  As a rule you should ONLY need to change the variables below
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  Theme colour variables */
:root {
    --baseR: 45;
    --baseG: 98;
    --baseB: 163;

    --color1: #0B1827;
    --color2: #16304F;
    --color3: #214877;
    --color4: #2C609F;
    --color5: #3778C7;
    --color6: #5F93D2;
    --color7: #87AEDD;
    --color8: #AFC9E8;
    --color9: #D7E4F3;
    --modal: rgba(var(--baseR),var(--baseG),var(--baseB),0.3);
    --shadow1: 0 0.3em 0.3em -1px var(--color5);
    --shadow2: 0.2em 0.2em rgb(var(--baseR), var(--baseG), var(--baseB), 80%), 0.6em 0.6em 0.6em rgb(var(--baseR), var(--baseG), var(--baseB), 50%);

    --gradient-down: linear-gradient( 0deg, var(--color7), var(--color5));
    --gradient-up: linear-gradient( 0deg,  var(--color5), var(--color7));
    --gradient-ltr: linear-gradient( 90deg,  var(--color7), var(--color5));
    --gradient-rtl: linear-gradient( 90deg,  var(--color5), var(--color7));
}

/*	Combinations colours (Foreground / Background)	
    You may wish to tweek these to improve contrast; you should start by changing color1 to color9 and vica-versa */
.ows-theme4, .ows-theme4-hvr:hover { color: var(--color9);}
.ows-theme5, .ows-theme5-hvr:hover { color: var(--color9);}
.ows-theme6, .ows-theme6-hvr:hover { color: var(--color1);}

/* Gradients ~ You may wish to adjust the foreground colours used */
.ows-theme-grad-down            { color: var(--color1)}
.ows-theme-grad-down-hvr:hover  { color: var(--color9)}
.ows-theme-grad-up              { color: var(--color1)}
.ows-theme-grad-up-hvr:hover    { color: var(--color9)}
.ows-theme-grad-ltr             { color: var(--color1)}
.ows-theme-grad-ltr-hvr:hover   { color: var(--color9)}
.ows-theme-grad-rtl             { color: var(--color1)}
.ows-theme-grad-rtl-hvr:hover   { color: var(--color9)}
