@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

html, body {
	font-family: 'Source Sans Pro', sans-serif;
}

body > .bg-dark {
	/* background-color: #0c6893 !important; */
	background: linear-gradient(#2a91bb, #0d557d);
	background: linear-gradient(#0d557d, #2a91bb);
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.photon-circle {
	width: 14px;
	height: 14px;
	display: inline-block;
	background-color: #e65f28;
	border-radius: 50%;
	vertical-align: baseline;
	background: #e5e5e5;
	background: -moz-radial-gradient(center, ellipse cover, #e5e5e5 0%, #e65f28 52%);
	background: -webkit-radial-gradient(center, ellipse cover, #e5e5e5 0%,#e65f28 52%);
	background: radial-gradient(ellipse at center, #e5e5e5 0%,#e65f28 52%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e65f28',GradientType=1);
}

.card-header,
.widget-element #draggableCardList .card-header {
	background-color: rgba(135, 191, 228, 0.3) !important
}

body .navbar-dark .navbar-brand {
	box-shadow: none !important;
}

body nav.navbar.navbar-dark.bg-dark .btn.btn-outline-secondary.dropdown-toggle {
	color: #ffffff;
	border: none;
}

nav.navbar.navbar-dark.bg-dark {
	background: linear-gradient(#0d557d, #2a91bb);
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

#footer a {
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}
.navbar-dark .navbar-nav .nav-item.active .nav-link,
.navbar-dark .navbar-nav .nav-item .nav-link:hover,
#footer a:hover { color: #ef8376; }

#footer { background-color: #2b252c; }

.footer.sticky-bottom.fixed-bottom { min-height: 3em; }