@charset "utf-8";
/* CSS Document */

	
/*	COLOR DEFINITIONS
	*****************

	Syntax to assign color values in  the CSS:
	color: var(--color-name);
*/

:root {
/*	General
	-------
*/
	--main-bgcolor: #fff;
	--bright-foreground-color: #fff;
	--text-color: #7f888f;
	--text-color: #444;
	--title-color: #3d4449;
	--strong-color: #3d4449;
	--label-color: #3d4449;
	--place-holder-color: #9fa3a6;
	--special-grey-color: #9fa3a6;

/* Green */
	--link-green-color: #333;
	--link-green-hover-color: #333;
	--green-bgcolor: #0c0;;
	--green-bghover-color: #0ac40a;
	

/*	RED (Standard)
	--------------
*/
	--link-color: #f56a6a;
	--theme-color: #f56a6a;
	--theme-bgcolor: rgba(245, 106, 106, 0.15);
	--theme-hover-color: #f67878;
	--field-hover-color: rgba(245, 106, 106, 0.05);
	--footer-link-color: #FFE1E7;

/*	BM Facilty Blue
	---------------
*/
	--link-color: #256bba;
	--title-color: #256bba;
	--theme-color: #256bba;
	--theme-bgcolor: rgba(37, 107, 186, 0.15);
	--theme-hover-color: #444;
	--field-hover-color: rgba(37, 107, 186, 0.05);
	--footer-color: #256bba;
	--footer-link-color: #d8e9ea;
	--footer-link-hover-color: #bad0d2;

	
/*	
    --main-color:#3876bb;
	--main-hover-color: #8bb2dd;
	--main-active-color: #30639C;
	--link-color: #3876bb;
	--link-hover-color: #8bb2dd;
	--text-color: #3d4449;
	--text-hover-color: #657077;
	--button-hover-color: rgba(56, 1118, 187, 0.05);
	--button-active-color: rgba(56, 1118, 187, 0.05);
	--sidebar-bgcolor: #f5f6f7;
	--sidebar-inner-color: #eff1f2;
*/
}

/* ################################################################## */

	body {
		background: var(--main-bgcolor);
	}
	body, input, select, textarea {
		color: var(--text-color);
	}
	a {
		border-bottom: dotted 1px;
		color: var(--link-color);
	}
	a:hover {
		border-bottom-color: var(--link-color);
		color: var(--theme-hover-color);
	}

	a.footerlink,
	a.footerlink:link,
	a.footerlink:visited,
	a.footerlink:hover,
	a.footerlink:active
	{
		color: var(--footer-link-color);
	}

	a.footerlink:hover, a.footerlink:focus {
		border-bottom-color: var(--footer-link-hover-color);
		color: var(--footer-link-hover-color) !important;
	}
	strong, b {
		color: var(--strong-color);
	}
	h1, h2, h3, h4, h5, h6 {
		color: var(--title-color)
	}
	blockquote {
		border-left: solid 3px rgba(210, 215, 217, 0.75);
	}
	code {
		background: rgba(230, 235, 237, 0.25);
		border: solid 1px rgba(210, 215, 217, 0.75);
	}
	hr {
		border-bottom: solid 1px rgba(210, 215, 217, 0.75);
	}
	label {
		color: var(--label-color);
	}
	textarea {
		background: var(--main-bgcolor);
		border: solid 1px rgba(210, 215, 217, 0.75);
		color: inherit;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="search"]:focus,
	input[type="url"]:focus,
	select:focus,
	textarea:focus {
		border-color: var(--link-color);
		box-shadow: 0 0 0 1px var(--link-color);
	}
	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(210, 215, 217, 0.75)' /%3E%3C/svg%3E");
	}
	select option {
		color: var(--label-color);
		background: var(--main-bgcolor);
	}
	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: var(--text-color);
	}
	input[type="checkbox"] + label:before,
	input[type="radio"] + label:before {
		background: var(--main-bgcolor);
		border: solid 1px rgba(210, 215, 217, 0.75);
		}
	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background: var(--label-color);
		border-color: var(--label-color);
		color: var(--bright-foreground-color);
		content: '\f00c';
	}
	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: var(--link-color);
		box-shadow: 0 0 0 1px var(--link-color);
	}
	::-webkit-input-placeholder {
		color: var(--place-holder-color) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: var(--place-holder-color) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: var(--place-holder-color) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: var(--place-holder-color) !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 0.375em;
		border: solid 1px rgba(210, 215, 217, 0.75);
	}

/* List */

	ul.alt li {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
	}
	ul.contact li {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
	}
	ul.contact li:before {
		color: var(--link-color);
	}
	ul.pagination li > .page.active {
		background-color: var(--link-color);
		color: var(--bright-foreground-color) !important;
	}
	ul.pagination li > .page.active:hover {
		background-color: var(--theme-hover-color);
	}
	ul.pagination li > .page.active:active {
		background-color: var(--theme-active-color);
	}

/* Table */

	table tbody tr {
		border: solid 1px rgba(210, 215, 217, 0.75);
	}
	table tbody tr:nth-child(2n + 1) {
		background-color: rgba(230, 235, 237, 0.25);
	}
	table th {
		color: var(--label-color);
	}
	table thead {
		border-bottom: solid 2px rgba(210, 215, 217, 0.75);
	}
	table tfoot {
		border-top: solid 2px rgba(210, 215, 217, 0.75);
	}
	table.alt tbody tr td {
		border: solid 1px rgba(210, 215, 217, 0.75);
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		box-shadow: inset 0 0 0 2px var(--link-color);
		color: var(--link-color) !important;
	}
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		background-color: var(--field-hover-color);
	}
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
		background-color: var(--theme-bgcolor);
	}
	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.primary,
	.button.primary {
		background-color: var(--link-color);
		box-shadow: none;
		color: var(--bright-foreground-color) !important;
	}
	input[type="submit"].primary:hover,
	input[type="reset"].primary:hover,
	input[type="button"].primary:hover,
	button.primary:hover,
	.button.primary:hover {
		background-color: var(--theme-hover-color);
	}
	input[type="submit"].primary:active,
	input[type="reset"].primary:active,
	input[type="button"].primary:active,
	button.primary:active,
	.button.primary:active {
		background-color: var(--theme-active-color);
	}

	.button.green {
		box-shadow: inset 0 0 0 2px var(--link-green-color);
		color: var(--link-green-color) !important;
		background-color: var(--green-bgcolor);
	}
	.button.green:hover {
		background-color: var(--green-bghover-color);
	}
	.button.grenn:active {
		background-color: var(--green-bghover-color) !important;
	}
	.green a,
	.green a:link,
	.green a:visited,
	.green a:hover,
	.greena:active
	{
		color: var(--link-green-color) !important;
	}	

/* Main */

	#main > .inner > section {
		border-top: solid 2px rgba(210, 215, 217, 0.75);

/* Sidebar */

	}
	#sidebar {
		background-color: #f5f6f7;
	}
	#sidebar .toggle {
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}
	#sidebar > .inner > * {
		border-bottom: solid 2px rgba(210, 215, 217, 0.75);
	}
	#sidebar > .inner > .alt {
		background-color: #eff1f2;
	}

	ul.pagination li > .page.active {
		background-color: --theme-hover-color;
		color: #ffffff !important;
	}
	ul.pagination li > .page.active:hover {
		background-color: --theme-hover-color;
	}
	ul.pagination li > .page.active:active {
		background-color: --theme-hover-color;
	}

/* Varia */

	.mini-posts article {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
	}
	.features article .icon:before {
		color: var(--link-color);
	}
	.features article .icon:after {
		border: solid 2px rgba(210, 215, 217, 0.75);
	}
	#search form:before {
		color: var(--text-color);
		content: '\f002';
	}
	.posts article:before {
		background: rgba(210, 215, 217, 0.75);
	}
	.posts article:after {
		background: rgba(210, 215, 217, 0.75);
	}

@media screen and (max-width: 1280px) {
	#sidebar {
		box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
	}
}

@media screen and (max-width: 736px) {
	#sidebar .toggle:before {
		color: var(--text-color);
	}
	#sidebar .toggle:after {
		background: rgba(222, 225, 226, 0.75);
	}
}

/* Header */

	#header {
		border-bottom: solid 5px var(--theme-color);
	}
	header.major > :last-child {
		border-bottom: solid 3px var(--theme-color);
	}

/* Footer */
	#footer { background-color: var(--footer-color);
	color: var(--bright-foreground-color;}

	#footer .copyright {
		color: var(--special-grey-color);
	}

/* Menu */

	#menu ul {
		color: var(--title-color);
	}
	#menu ul a:hover, #menu ul span:hover {
		color: var(--link-color);
	}

	#menu ul a.opener, #menu ul span.opener {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}
	#menu ul a.opener:before, #menu ul span.opener:before {
		color: var(--special-grey-color);
		content: '\f078';
	}
	#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
		color: var(--link-color);
	}
	#menu > ul > li {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
	}
	#menu > ul > li > ul {
		color: var(--special-grey-color);
	}

/*	FONTS
	*****
*/
	h1, h2, h3, h4, h5, h6, th {
		font-family: "Ubuntu", sans serif;