/*-----	Global Style Elements -----*/
* {
	margin:0; 
	padding:0;
}

html, body {
	font-size:1rem;
	scroll-behavior: smooth;
}

html {

}

body {
	min-width:320px;
	max-width:100%;
	min-height:100vh; 
	overflow-x:hidden !important;
	color:var(--col-gray);
	font-size:1.72em;
	font-family:var(--font-regular), sans-serif;
	background:var(--col-bg);
	display:flex; 
	flex-direction:column;
	top:0;
	left:0; 
	position:absolute;
}

::selection {
	color:var(--col-white); 
	background:var(--col-secondary);
}

b {}
u {}
i {}

ul, ol, dl {}
ol {}
dl {}
ul {
	list-style: none;
	display: flex;
}

li {
	list-style-position: inside;
}

h1,h2,h3,h4,h5,h6 {
	color:var();
	font-family:var();
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

label {
	cursor: default;
}

input, button {
	border: none;
} 

input {}

button {
	color:var(--col-primary); 
	font-size:inherit; 
	font-family:var(--font-regular); 
	font-weight:bold; 
	margin:25px 0 0 0; 
	padding:15px; 
	border-radius:10px;
	background:var(--col-bg);

	-webkit-transition:var(--ease-out);
	-moz-transition:var(--ease-out);
	-o-transition:var(--ease-out);
	transition:var(--ease-out);
}

button:hover {
	color:var(--col-gray); 
	background:var(--col-primary);
}


/* focus causes button click to stay on after click
button:focus {
	outline:0;
	background:var(--col-tertiary);

}
*/

a {
	text-decoration: none; 
	color:var(--col-white);
}

a:link {}
a:visited {}
a:hover {
	color:var(--col-primary);
} 

a:hover, button:hover {
	cursor: pointer;

	-webkit-transition:var(--ease-out);
	-moz-transition:var(--ease-out);
	-o-transition:var(--ease-out);
	transition:var(--ease-out);
}

a:active {} 
a:active, a:link, a:visited, a:hover {}

a img, img, video {
	border:0;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

img:hover{
	-webkit-transition:var(--ease-out) !important;
	-moz-transition:var(--ease-out) !important;
	-o-transition:var(--ease-out) !important;
	transition:var(--ease-out) !important;
}

video {}

/*svg {
  shape-rendering: crispEdges;
}*/

/*-----	Specific use modifiers -----*/
.none {
	display:none;
}

/* Prevent highlight of applied elements */
.noselect { 
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
} 

/* Honeypot */
.stasis {
	visibility:hidden;
	position:fixed;
	top:-90000px;
	left:-90000px;
	z-index:-9999999;
}

/* Hide Items visability with animation on reveal */
.opacity-0 {
	opacity:0;

	-webkit-transition:var(--ease-out) !important;
	-moz-transition:var(--ease-out) !important;
	-o-transition:var(--ease-out) !important;
	transition:var(--ease-out) !important;
}

/* Required input label */
.required:after {
	color:red;
	content:"*"; 
}

/* -- Accessibility -- */
/* Hidden Label */
.hidden-label {
	width:0; 
	height:0; 
	visibility:hidden; 
	top:-9999999px; 
	left:-9999999px; 
	position:absolute;
}

/* Custom Scroll bar */
/* width */
/*::-webkit-scrollbar {
     background: var(--col-primary);
}*/

/* Track */
/*::-webkit-scrollbar-track {
   	border-radius: 10px;
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
  	background-color:var(--col-bg); 
	border-radius: 10px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  	background: var(--col-secondary);
}*/

@media all and (max-width:400px){
	body {
		font-size:1.48em;
	}
}