:root {
--clr-purple: #5A2B86;
--clr-purplelite: #C18BBE;
--clr-blue: #005DAA;
--clr-bluebright: #3CA5D5;
--clr-yellow: #F7B923;
--clr-yellowfaded: #FFC845;
--clr-green: #4F868E;
--clr-white: #ffffff;
--text-body: #231F20;

--font-default: "museo", serif;
--font-defaultsans: "museo-sans", sans-serif;
--font-calluna: "calluna", serif;

--clr-purple-hue: 90, 43, 134;
--clr-purplelite-hue: 193, 139, 190;
--clr-blue-hue: 0, 93, 170;
--clr-bluebright-hue: 60, 165, 213;
--clr-yellow-hue: 247, 185, 35;
--clr-green-hue: 79, 134, 142;
--clr-white-hue: 255, 255, 255;
--clr-black-hue: 0, 0, 0;

}


/*
	var(--clr-white);
	rgba(var(--clr-blue-hue), 0.4);

*/

html {
	font-family: var(--font-default); 
	overflow-x: hidden;}

* {box-sizing: border-box;}
.setfixposcontent {z-index: 4;}

.alertcontainer {
	display: none;
	visibility: hidden;
	height: 0;
}

body {
	overflow-x: hidden;
	margin: 0;
}

header.animateheader {
	position: absolute !important;
}

header.animateheader.smaller {
	display: none;
	visibility: hidden;
	height: 0;
	top: -4000px;
}

.utility {
	position: absolute !important;
}

a, a:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

button, button:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}