#top-nav.navbar {
	background-color: #fff;
	border-bottom:1px solid #ccc;
}

/* On desktops, horizontally center the top navbar header (festival logo): */
@media (min-width: 1200px) {
	#top-nav .navbar-header {
		float:left;
		left: 50%;
		position: relative;
	}
	#top-nav .navbar-header>.navbar-brand.primary {
		float:left;
		margin-left: -50%;
		padding:33px 0;
	}
	.navbar-brand.primary>img {
		height:74px;
	}
}
.navbar-brand.primary>img {
	max-width:100%;
}

/* ------- Color styling ------- */

/* Regular links */
a,
/* Pagination component */
.pagination>li>a, .pagination>li>span,
/* Button links */
.btn-link {
	color:#333; /* Google Material Design Light Blue 700 */
}
/* Regular links */
a {
	color:#d90000; /* secondary color */
}
a.btn,
.dropdown>a,
.dropdown-menu a,
.nav a {
	text-decoration:none;
}
/* Regular links */
a:hover,
a:focus,
/* Pagination component */
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus,
/* Button links */
.btn-link:hover,
.btn-link:focus {
	color:#ea9629; /* secondary color: lighter */
	text-decoration:underline;
}
/* Pagination component */
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus 
{
	background-color:#ea9629; /* secondary color: lighter */
}
/* Primary buttons */
.btn-primary {
	background-color:#d90000; /* secondary color */
	border-color:#d90000; /* secondary color */
	color:#fff;
}
.btn-primary:focus, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary {
	background-color:#d90000; /* secondary color */
	border-color:#d90000; /* secondary color */
	color:#fff;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #ffa3a3;
    border-color: #ffa3a3;
}
/* Active left navigation bar items */
.navbar-left>.navbar-body>.list-unstyled li.active, 
.navbar-left>.navbar-body>.list-unstyled li.active a,
.navbar-left>.navbar-body>.list-unstyled li.active a:hover, 
.navbar-left>.navbar-body>.list-unstyled li.active.dropdown:hover {
	color:#d90000; /* secondary color */
    background-color: #fff;
}
.navbar-left>.navbar-body>.list-unstyled li a:hover,
.navbar-left>.navbar-body>.list-unstyled li.dropdown:hover {
	color:#ea9629; /* secondary color: lighter */
	background-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
	color:#ea9629; /* secondary color: lighter */
	background-color: transparent;
}
.nav-pills>li>a:focus, .nav-pills>li>a:hover {
	color:#999;
}


/* Change font and typography */
body,button {
    color: #141412;
    font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
}
h1 {
    color: #141412;
    font-size: 25px;
    font-family: 'Bitter', serif;
	font-weight:700;
}
h2 {
    color: #141412;
    font-size: 21px;
    font-family: 'Bitter', serif;
	font-weight:700;
}
h3 {
    color: #141412;
    font-family: 'Bitter', serif;
	font-weight:700;
}