/*--------------------------------------------------------------
# Vars
--------------------------------------------------------------*/
:root {
--main-font01:"Ubuntu Sans", sans-serif;
--main-font02:"Ubuntu Sans", sans-serif;
	
/*--font-opts01:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 700;*/
/*--font-opts02:"slnt" 0,"wdth" 75,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 700;*/
--font-opts02:"wdth" 100;
--font-opts02:"wdth" 80;

--icon-font01:"Material Symbols Rounded";
--icon-opts01:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;
--icon-opts02:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;
/*--icon-opts03:'FILL' 1,'wght' 200,'GRAD' 0,'opsz' 24;*/
--icon-opts11:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;
--icon-opts12:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24;
/*--icon-opts13:'FILL' 1,'wght' 200,'GRAD' 0,'opsz' 24;*/

--main-color01:#009c96;
--main-color01-rgb:0,156,150;
--main-color02:#0071ce; 
--main-color02-rgb:0,113,206;
--main-color03:#76bc21;
--main-color03-rgb:118,188,33;
--main-color04:#d3741c;
--main-color04-rgb:211,116,28;
--main-color05:#ffaa00;
--main-color05-rgb:255,170,0;
--main-color06:#d16928;
--main-color06-rgb:209,105,40;
	
--main-color91:#ffeeaa;
	
--prmry-white:#ffffff;
--prmry-yellow:#eeaa32;
--prmry-yellow-rgb:238,170,50;
--prmry-orange:#ff7700;
--prmry-orange-rgb:255,153,0;
--prmry-lime:#99ee00;
--prmry-lime-rgb:153,238,0;
--prmry-green:#33aa00;
--prmry-green-rgb:51,170,0;
--prmry-azur:#5599dd;
--prmry-azur-rgb:85,153,221;
--prmry-blue:#005599;
--prmry-blue-rgb:0,85,153;
--prmry-lilac:#dd32ff;
--prmry-lilac-rgb:221,50,255;
--prmry-violet:#9911ee;
--prmry-violet-rgb:153,17,238;
--prmry-bordeaux:#ac1123;
--prmry-bordeaux-rgb:172,17,35;
--prmry-rust:#cc5500;
--prmry-rust-rgb:204,85,0;
--prmry-red:#cc0023;
--prmry-red-rgb:204,0,35;
--prmry-grey:#9a9a9a;
--prmry-grey-rgb:154,154,154;
--prmry-black:#202020;
	
--bkgd-color01:#ffffff;
--bkgd-color01-rgb:255,255,255;
--bkgd-color02:#f5f7f5;
--bkgd-color02-rgb:245,247,245;
--bkgd-color03:#eaecea;
--bkgd-color03-rgb:234,236,234;
--bkgd-color04:#cdcecd;
--bkgd-color05:#9a9c9a;
--bkgd-color06:#737573;
--bkgd-color07:#555355;
--bkgd-color08:#323032;
--bkgd-color08-rgb:50,48,50;
--bkgd-color09:#000000;
--bkgd-color09-rgb:0,0,0;
	
--text-color01:#ffffff;
--text-color01-rgb:255,255,255;
--text-color02:#e0e3e0;
--text-color03:#9c9e9e;
--text-color04:#757775;
--text-color05:#5a5c5a;
--text-color07:#323532;
--text-color08:#232523;
--text-color09:#000000;
--text-color09-rgb:0,0,0;

--header-default-bkgd:rgba(var(--bkgd-color08-rgb), 0);
--header-default-height:6.25rem;
--header-sticky-bkgd:rgba(var(--bkgd-color08-rgb), 0.5);
--header-sticky-height:6.25rem;
--header-captioned-bkgd:rgba(var(--bkgd-color02-rgb), 0.5);
--header-captioned-height:7.5rem;

--header-compact-default-bkgd:rgba(var(--bkgd-color08-rgb), 0);
--header-compact-default-height:7rem;
--header-compact-sticky-bkgd:rgba(var(--bkgd-color08-rgb), 1);
--header-compact-sticky-height:4.5rem;
--header-compact-slided-bkgd:rgba(var(--bkgd-color08-rgb), 1);
--header-compact-slided-height:7rem;
--header-compact-captioned-bkgd:rgba(var(--bkgd-color02-rgb), 1);
--header-compact-captioned-height:7rem;

--top-default-height:6.25rem;
--top-sticky-height:4.5rem;
--top-compact-height:4rem;

--logo-default:url("/design/images/site-logo-neg.svg");
--logo-sticky:url("/design/images/site-logo.svg");
--logo-short:url("/design/images/site-logo.svg");
--logo-compact:url("/design/images/site-logo-neg.svg");
--logo-payoff:url("/design/images/payoff-logo.svg");
--logo-bkgd:transparent;
--logo-default-width:200px;
--logo-default-height:50px;
--logo-sticky-width:160px;
--logo-sticky-height:40px;
--logo-compact-width:160px;
--logo-compact-height:40px;

--navigation-default-bkgd:transparent;
--navigation-sticky-bkgd:transparent;
--navigation-compact-bkgd:var(--main-color01);

--menu-default-unset-color:var(--text-color02);
--menu-default-hover-color:var(--text-color01);	
--menu-default-active-color:var(--text-color01);	
--menu-default-current-color:var(--main-color01);

--menu-sticky-unset-color:var(--text-color05);
--menu-sticky-hover-color:var(--text-color07);	
--menu-sticky-active-color:var(--text-color07);	
--menu-sticky-current-color:var(--main-color01);	

--menu-compact-unset-color:var(--text-color01);
--menu-compact-hover-color:rgba(var(--text-color09-rgb),0.75);	
--menu-compact-active-color:var(--text-color01);	
--menu-compact-current-color:var(--text-color01);

--submenu-default-unset-color:var(--text-color01);
--submenu-default-hover-color:rgba(var(--text-color09-rgb),0.75);	
--submenu-default-active-color:var(--text-color01);	
--submenu-default-current-color:var(--text-color01);	

--footer-default-bkgd:var(--bkgd-color08);
--footer-default-height:720px;
--footer-compact-height:70rem;
--footerbar-default-bkgd:var(--main-color01);

--button-color:var(--main-color01);
--button-active-color:var(--main-color01);
--button-hover-color:var(--main-color01);

--layer-mask-bkgd:rgba(var(--bkgd-color08-rgb),0.9);
--popup-head-bkgd:var(--main-color01);
--popup-head-color:var(--bkgd-color01);
--popup-body-bkgd:var(--bkgd-color08);
--popup-body-color:var(--text-color01);
--popup-foot-bkgd:var(--bkgd-color08);
--popup-foot-color:var(--text-color01);

--post-info-bkgd:var(--main-color01);
}