:root {
	/* constraint */
	--box-max-width:1024px;
	
	/* primary */
	/* --primary-one: #06a; */ /* medium blue */
	/* --primary-one-dark:#248; */ /* dark blue */
	/* --primary-two: #794; */ /* chartreuse */
	/* --primary-two: #8a5; */
	--primary-one: #239; /* dark blue */
	--primary-one-dark: #016; /* dark blue */
		
	--primary-two: #0ae; /* sky blue */
	--primary-two-light: #0cf;
	--primary-two-dark: #07b;
	/* --primary-three: #a6a095; */
	
	--alt:var(--primary-one);
	--accent:var(--primary-three);
	--neutral:#eff5fa; /* #e6eaee */
	--contrast:#fff;
	
	
	/* FOCUS */
	--a-active-color:#fff;
	--a-active-background-color:var(--primary-three);
	--focus-outline-color:#e90;
	
	
	/* HEADINGS */
	--heading-color:#231208;
	
	
	/* MAIN MENU */
	--nav-main-background-color:#220;
	--nav-main-item-color:#fff;
	--nav-main-item-border-top:1px dotted #999;
	
	
	/* BUTTONS */
	--button-font-size:1.25rem;
	--button-font-weight:400;
	
	--button-border-width:4px;
	--button-border-radius:12px;

	
	--button-text-color:#fff;
	--button-background-color:#e90;

	
	--button-text-color-alt:#fff;
	--button-background-color-alt:#e90;
	
	
	--body-background-color:#fff;
	
	/* AREAS */
	--head-area-background-color:var(--primary-one);
	--head-area-color:#fff;
	--head-area-padding:initial;
	
	--foot-area-background-color:var(--primary-one);
	--foot-area-color:#fff;
	--foot-area-padding:initial;
	
}


/* HEADINGS */
@media screen {
	h1, .h1, h2, .h2 {
		color: var(--heading-color);
		}
	h1, .h1 {
		font-family:var(--heading-font);
		font-size:2.2rem;
		font-weight:700;
		line-height:1;
		}
	h2, .h2 {
		font-family:var(--heading-font);
		font-size:1.6rem;
		font-weight:600;
		line-height:1;
		}
	h3, .h3 {
		font-size:1.2rem;
		}
	.h1, .h2, .h3 {
		display:block;
		}
} @media screen and (max-width:640px) {
	h1, .h1 {
		font-size:2rem;
		}
	h2, .h2 {
		font-size:1.4rem;
		}
}



/* LINKS */
main a {
	color:var(--primary-accent);
	}
main a {
	text-decoration:underline;
	}
main a:hover {
	text-decoration:none;
	}



/* buttons */
._bd_button,
._bd_button-alt {
	display:inline-block;
	font-size:var(--button-font-size, 1.2rem);
	font-weight:var(--button-font-weight, 600);
	text-align:center;
	text-decoration:none;
	border-width:var(--button-border-width, 2px);
	border-radius:var(--button-border-radius, 8px);
	border-style:solid;
	transition:all 200ms ease-in-out;
	}
/* button alternate */
._bd_button,
._bd_button-alt {
	padding:1rem 2rem;
	}
/* button compact */
._bd_button-compact {
	text-transform:initial;
	padding:10px 1rem;
	}


/* button */
._bd_button {
	font-weight:700;
	}
._bd_button {
	color:var(--button-text-color, #fff);
	background-color:var(--button-background-color, #000);
	border-color:var(--button-text-color, #fff);
	}
._bd_button:hover,
._bd_button:focus {
	color:var(--button-background-color, #000);
	background-color:var(--button-text-color, #fff);
	border-color:var(--button-background-color, #000);
	}
._bd_button:active {
	color:var(--button-text-color, #fff);
	background-color:var(--button-background-color, #000);
	border-color:var(--button-text-color, #fff);
	}


/* button alternate */
._bd_button-alt {
	font-weight:700;
	text-shadow:0px 1px 3px #0008;
	}
._bd_button-alt:hover {
	text-shadow:initial;
	}

._bd_button-alt {
	color:var(--button-text-color-alt, #000);
	background-color:var(--button-background-color-alt, #fff);
	border-color:var(--button-text-color-alt, #000);
	}
._bd_button-alt:hover,
._bd_button-alt:focus {
	color:var(--button-background-color-alt, #fff);
	background-color:var(--button-text-color-alt, #000);
	border-color:var(--button-background-color-alt, #fff);
	}
._bd_button-alt:active {
	color:var(--button-text-color-alt, #000);
	background-color:var(--button-background-color-alt, #fff);
	border-color:var(--button-text-color-alt, #000);
	}


/* HEAD / FOOT AREAS */
._bd_head-area {
	background-color:var(--head-area-background-color, #000);
	color:var(--head-area-color, #fff);
	padding:var(--head-area-padding, initial);
	}
._bd_foot-area {
	background-color:var(--foot-area-background-color, #000);
	color:var(--foot-area-color, #fff);
	padding:var(--foot-area-padding, initial);
	}

