/* This is supposed to be used to update colors on the site. */

:root {
/* DEFAULT THEME COLORS (Customizable in the Appearance settings) */
	--primary: #002e5d; /* NAVY */
	--primary_contrast: #ffffff; /* WHITE */
	--secondary: #003da5; /* ROYAL (links) */
	--body_copy: #141414; /* DARK GRAY */
	--highlight: #f9ff8c; /* PALE YELLOW */

/* ADDITIONAL COLORS */
	--light_blue: #4d97e0;
	--muted_text: #666666;
	--red: #b3041a;
	--gray_20: #e6e6e6;
	--gray_10: #f2f2f2;
}

.highlight {
	background-color: var(--highlight);
}

.red {
	color: var(--red);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--primary);
}
#topNav {
	background-color: var(--primary);
}
#topNav ul.menu li a {
    color: var(--primary_contrast);
}
html {
	background-color: var(--primary_contrast);
}
body,
p,
ul,
ol {
	color: var(--body_copy);
}

/* Links */

a,
a:link,
a:visited,
a:active,
li a,
li a:link,
li a:visited,
li a:active {
	color: var(--secondary);
}

a:hover,
li a:hover {
	color: var(--primary);
	border-bottom: 1px solid var(--light_blue);
}

/* Buttons */

a.button,
a.btn-primary,
a.btn-primary:visited,
a.btn-primary:link,
a.btn-primary:hover,
a.btn-primary:active,
.form-submit,
.basic-cart-add-to-cart a {
	background-color: var(--secondary);
	color: var(--primary_contrast);
	border: 1px solid var(--secondary);
}

a.button:hover,
a.btn-primary:hover,
.form-submit:hover,
.basic-cart-add-to-cart:hover a {
	background-color: var(--light_blue);
	color: var(--primary_contrast);
	border: 1px solid var(--primary_contrast);
}

/* Other */

#pageBottom {
    background-color: var(--gray_10));
}