/*******************************************************************************
	General styling
*******************************************************************************/

/* Global font face */
body {
	font-family: 'Open Sans', sans-serif; /* Google Font */
}

/* Reset font size of <blockquote> */
blockquote {
	font-size: 1em;
}

/* Reset margin of <p> inside of <li> */
li p {
	margin: 0;
}

/* Auto sqeeze images for small window width */
img {
	max-width: 100%;
	height: auto;
}

hr {
	margin: 1em 0;
	clear: both;
}

abbr {
	text-decoration: none;
}

.larger {
	font-size: larger;
}

.larger-2 {
	font-size: 150%;
}

.larger-3 {
	font-size: 200%;
}

.larger-4 {
	font-size: 300%;
}

.no-margin-top {
	margin-top: 0;
}

input[type="checkbox"]:checked + span,
input[type="radio"]:checked + span {
	font-style: italic;
	text-decoration: underline;
}

.btn-row .btn {
	margin-top: 5px;
	margin-bottom: 5px;
}

.text-monospace {
	font-family: monospace !important;
}

.color-brand {
	color: #ff9520;
}

/*******************************************************************************
	Page structure
*******************************************************************************/

/* Compensate for removed bottom margin from navbar */
#innerbody {
	margin-top: 20px;
}

/*******************************************************************************
	Navigation bar
*******************************************************************************/

/* Increased font size for navigation bar */
.navbar {
	font-size: 1.4em;
	padding-top: 25px;
}

/* Remove bottom margin to allow tight carousel placement */
.navbar {
	margin-bottom: 0;
}

.navbar-brand {
	position: relative;
	top: -35px;
	text-align: center;
}

/* Boostrap 3: Small devices (tablets, 768px and up): @media (min-width: @screen-sm) { ... } */
/* Boostrap 3: Medium devices (desktops, 992px and up): @media (min-width: @screen-md) { ... } */
@media only screen and (min-width:768px) {
	.dropdown-hover.dropdown:hover .dropdown-menu {
		display: block;
	}
}

/*******************************************************************************
	Carousel
*******************************************************************************/

.carousel {
    background: #2f4357;
}

.carousel-inner .item {
	margin: 20px 0 40px 0;
}

.carousel-caption {
	position: static;
}

/*******************************************************************************
	Breadcrumbs
*******************************************************************************/

.breadcrumb-wrapper,
.breadcrumb-wrapper .breadcrumb {
	background-color: #f5f5f5;
}

.breadcrumb {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	border: none;
}

/*******************************************************************************
	Font icons
*******************************************************************************/

/* Icons of a fixed width */
.fa.btn-icon {
	width: 1.4em;
}

/*******************************************************************************
	Headers
*******************************************************************************/

/* No top margin for H1-H3 headings in panels, but allow margin for H4+ headings */
.panel h1 { margin-top: 0; }
.panel h2 { margin-top: 0; }
.panel h3 { margin-top: 0; }

/* No margins for headings in a panel header */
.panel-heading h1 { margin: 0; }
.panel-heading h2 { margin: 0; }
.panel-heading h3 { margin: 0; }
.panel-heading h4 { margin: 0; }
.panel-heading h5 { margin: 0; }

/* No margins for headings in a well */
.well h1 { margin-top: 0; }
.well h2 { margin-top: 0; }
.well h3 { margin-top: 0; }
.well h4 { margin-top: 0; }
.well h5 { margin-top: 0; }

.page-header { margin-top: 20px; }

/*******************************************************************************
	Tables
*******************************************************************************/

table.table-vcenter td, table.table-vcenter th {
	vertical-align: middle !important;
}

.table td.cell-vcenter {
	vertical-align: middle !important;
}

table.table-bighead th {
	font-size: 120%;
}

/*******************************************************************************
	News
*******************************************************************************/

.news-actions {
	margin: 1em 0;
}

.news-actions > * {
	margin-right: 1em;
	white-space: nowrap;
}

.news-actions img {
	padding-right: 0.5em;
}

.news-item .subject {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #eee;
}

.news-item .details {
	color: gray;
	margin: 1em 0;
	font-size: 1.1em;
}

.news-item .details > * {
	display: inline-block;
	margin-right: 1em;
}

/*******************************************************************************
	News snippet
*******************************************************************************/

.news-snippet .header > * {
	display: inline-block;
	float: left;
}

.news-snippet .details {
	float: right;
	color: gray;
}

.news-snippet .message {
	clear: both;
}

/*******************************************************************************
	Posts list
*******************************************************************************/

.posts-list .details {
	white-space: nowrap;
	float: right;
}

.posts-list .details * {
	margin-left: 1em;
}

/*******************************************************************************
	Quotes
*******************************************************************************/

.quote-container {
	font-size: 1.2em;
	max-width: 800px;
	display: block;
	margin: 1em auto 2em auto;
	text-align: center;
	font-style: italic;
}

.quote {
	display: inline-block;
}

.quote .fa {
	font-size: 1.8em;
	color: lightgray;
}

/*******************************************************************************
	Images
*******************************************************************************/

.image-link > img {
	padding: 4px;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 4px;
}

.image-link:hover > img {
	background-color: rgba(51,122,183,0.25);
	border-color: rgba(51,122,183,0.5);
}

.image-trim {
	max-height: 200px;
	overflow: hidden;
}

/*******************************************************************************
	Awards
*******************************************************************************/

.award {
	padding: 10px 0;
	text-align: center;
}

.award img {
	max-width: 150px;
	max-width: 150px;
}

/*******************************************************************************
	Image effects
*******************************************************************************/

.img-hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
	filter: gray; /* IE 6-9 */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.img-hover img:hover {
    opacity: 1.0;
    filter: none;
	-webkit-filter: grayscale(0);
}

/*******************************************************************************
	TESTING
*******************************************************************************/