html, body {
	background-color: #F9F9FA;
}

:root {
	--activated-txt-color: #00508F; /*  http://styleguide.multichoice.com/  */
	--core-txt-color: #0095DA;  
}

/*--------------------------------------------------------------
HACKS
--------------------------------------------------------------*/
a {
	color: var(--core-txt-color);
}

a:hover {
	text-decoration: none;
	color: var(--activated-txt-color);
}

#nav-below .nav-previous {
	float: left;
}

#nav-below .nav-next {
	float: right;
}

.tooltip-inner {
    max-width: 400px;
}

.modal-dialog {
 	max-width: 670px;
}


/*--------------------------------------------------------------
Top navigation
--------------------------------------------------------------*/
.grad-nav {
	background: #00508F; /* For browsers that do not support gradients (first) */
    background: linear-gradient(to right, #0095DA, #00508F);
}

h1 a {
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 300;
	color: white;
	transition: all .35s ease-in-out;
}

h1 a:hover {
	color: deepskyblue;
	text-decoration: none;
}

h1 a span {
	font-weight: 600;
}

h5.site-description {
	font-size: 1.2rem;
	color: white;
	font-weight: normal;
}

h5.site-description span {
	color: deepskyblue;
	font-weight: bold;
}

/*Hack! - expand dropdown*/
.dropdown-menu {
	min-width: 15rem;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
}

/*--------------------------------------------------------------
Homepage
--------------------------------------------------------------*/
.homepage a {
	color: black;
	transition: all .35s ease-in-out;
}

.homepage a:hover {
	text-decoration: none;
	color: #0095DA;
	color: var(--core-txt-color);
}

.homepage a img , a .blog-featured-image , a .aligncenter , .challenge a img {
	filter:contrast(100%) brightness(100%);
	transition: all .35s ease-in-out;
}

.homepage a:hover img , a:hover .blog-featured-image , a:hover .aligncenter , .challenge a:hover img {
	filter:contrast(100%) brightness(130%);
}

.blog-featured-image img {
	width: 100%!important;
	height: auto;
	display: block;
}

/*--------------------------------------------------------------
Header menu
--------------------------------------------------------------*/
ul.menu {
	list-style: none;
	padding-left: 0;
}

li.menu-item a {
	display: block;
	padding: 0.25rem 1rem;
	background-color: white;
	color: var(--core-txt-color);
	transition: all .35s ease-in-out;
	font-weight: 500;
}

li.menu-item a:hover {
	text-decoration: none;
	background-color: var(--core-txt-color);
	color: white;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
.widget h4 , .blue-header {
	color: white;
	background-color: #00508F;
	background-color: var(--activated-txt-color);
	padding: 0.5rem 0.7rem;
	font-weight: normal;
	font-size: 1.25rem;
}

.widget h5 {
	font-size: 1.1rem;
	color: var(--core-txt-color);
	transition: all .35s ease-in-out;
}

.widget h5:hover {
	color: var(--activated-txt-color);
}

.widget h5 i:first-child , .menu-item a i , .borderless i , .breadcrumb i  {
	opacity: 0.4;
}

.widget button:hover , .widget button:focus {
	text-decoration: none;
	color: #00508F;
	color: var(--activated-txt-color);
}

.widget a h5 {
	padding-left: 0.75rem;
}

/*Hack!*/
#sidebarCollapseOne i , #sidebarCollapseTwo i , #sidebarCollapseThree i {
	line-height: 1.7;
}

.icon-rotate i:last-child {
	transform: rotate(0deg);
	transition: all .35s ease-in-out;
}

.icon-rotate:focus i:last-child {
	transform: rotate(90deg);
}

.table-borderless i {
	opacity: 0.3;
}

.table-borderless td small {
	font-weight: 500;
	white-space: normal;
}

.table-borderless button {
	padding: 0.85rem 0.15rem;
	line-height: 1;
}

.widget table {
	table-layout: fixed;
}

.table-borderless button:hover {
	color: white;
}

/*--------------------------------------------------------------
My profile
--------------------------------------------------------------*/
.border-extended {
	border: 1px solid #dee2e6;
}

.entry-content .nav-tabs {
	margin-bottom: -2px;
}

.overflow-scroll {
	-webkit-overflow-scrolling: touch; 
	overflow-x: auto; 
	overflow-y: hidden;
}

.lightbulb-follow-clicked {
	color: forestgreen;
}

.report-abuse-clicked {
	color: red;
}

.admin-control-hide {
	display: none;
}

.admin-control-clicked {
	display: inline-block;
}

.leadership-qualities-hidden {
	 display: none; 
}