/*  Version 1.2 - 10/07/2018 */

.navbar-bootbites {
	background-color: #262626; /* Navbar color */
	margin-bottom: 0;
	color: #e3e3e3;
}
.navbar-bootbites .navbar-brand,
.navbar-bootbites .navbar-nav > li > a {
	color: #e3e3e3;
}
.navbar-bootbites .btn {
	color: #f3f3f3;
}
.jumbotron-bootbites {
	background-color: #EBE1F9;
}
.content {
	padding: 1em 0;  /* Space between navbar and body content */
}
.footer {
	border-top: 5px solid #eee;
	padding: 3em 0;
	margin-top: 3em;
	text-align: center;
}
/* ==================================================
Styling
================================================== */
.btn {
	border-radius: 0;
}
.btn-bootbites {
	background: #262626;
	border-color: #262626 !important;
	border-radius: 0;
}
.btn-bootbites:hover,
.btn-bootbites:focus,
.btn-bootbites:active,
.btn-bootbites.active {
	background: #523e71;
}
.btn-bootbites-invert {
	background: #523e71;
	border-color: #523e71 !important;
	border-radius: 0;
}
.btn-bootbites-invert:hover,
.btn-bootbites-invert:focus,
.btn-bootbites-invert:active,
.btn-bootbites-invert.active {
	background: #262626;
}
/* ==================================================
Common
================================================== */
.canvas {
	background-color: #e3e0d1;
}
.canvas-dark {
	background-color: #d8d4c0; /* cfc9b0 */
}
.canvas-light {
	background-color: #f5f4ef;
}

.sticky.navbar {
	border-radius: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sticky .show-is-sticky,
.sticky .show-not-sticky {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
.sticky .show-not-sticky {
	opacity: 1;
	visibility: visible;
}
.sticky.is-sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
}
.sticky.is-sticky.navbar {
	background-color: SaddleBrown; /* John Deer green #367c2b */
}
.sticky.is-sticky .show-is-sticky {
	opacity: 1;
	visibility: visible;
}
.sticky.is-sticky .show-not-sticky {
	opacity: 0;
	visibility: hidden;
}