/* General Styling */

body {
	background: #ffffff;
	font-family: 'Libre Caslon Text', serif;
	font-size:14px;
}

body .container {
	background-color: #ffffff;
}

a, a:visited {
	color: #012B65;
}

a:hover {
	color: #4E6B94;
}

h1, h2, h3, h4, h5, h6 {
    color:#012B65;
    font-family: 'Libre Caslon Text', serif;
}

h1 {
    font-size:30px;
}

h2 {
    font-size:26px;
}

h3 {
    font-size:22px;
}


/* Page Header */

header {
	background-color: transparent;
}

header .container {
	background-color: transparent;
	text-align:center;
}


/* General Navigation */

.navbar-default {
	border-color: transparent;
}

nav.navbar {
	background: #ffffff;
}

div .navbar-header {
	background: #ffffff;
}

.nav-pills>li>a {
	border-radius: 0;
    text-transform:uppercase;
    font-size:14px;
	letter-spacing:1px;
}


/* Left Navigation Buttons */

nav.navbar.side-nav .nav.nav-pills>li {
	border-radius: 3px;
	background-color: #ffffff;
}

nav.navbar.side-nav .nav.nav-pills>li>a {
	color: #012B65;
}

nav.navbar.side-nav .nav.nav-pills>li:active, nav.navbar.side-nav .nav.nav-pills>li:hover {
	background-color: transparent;
}

nav.navbar.side-nav .nav.nav-pills>li.active>a, nav.navbar.side-nav .nav.nav-pills>li.active>a:hover, nav.navbar.side-nav .nav.nav-pills>li.active>a:active {
	border-radius:3px;
	background-color: #012B65;
	color: #ffffff;
}

nav.navbar.side-nav .nav.nav-pills>li>a:hover, nav.navbar.side-nav .nav.nav-pills>li>a:focus {
	border-radius:3px;
	background-color: #012B65;
	color: #ffffff;
}


/* Top Navigation Buttons */

nav.navbar.main-nav .nav.nav-pills>li {
	border-radius: 3px;
	background-color: #ffffff;
}

nav.navbar.main-nav .nav.nav-pills>li>a {
	color: #012B65;
}

nav.navbar.main-nav .nav.nav-pills>li:active, nav.navbar.main-nav .nav.nav-pills>li:hover {
	background-color: transparent;
}

nav.navbar.main-nav .nav.nav-pills>li.active>a, nav.navbar.main-nav .nav.nav-pills>li.active>a:hover, nav.navbar.main-nav .nav.nav-pills>li.active>a:active { 
	border-radius: 3px;
	background-color: #012B65;
	color: #ffffff;
}

nav.navbar.main-nav .nav.nav-pills>li>a:hover, nav.navbar.main-nav .nav.nav-pills>li>a:focus {
	border-radius: 3px;
	background-color: #012B65;
	color: #ffffff;
}


/* Page Footer */

footer {
	background: #012B65;
	color: #ffffff;
}

footer .container {
	background: transparent;
}

footer .container a {
	margin: 0;
	color: #ffffff;
}

footer .container a:hover {
	color: #ffffff;
}


/* Buttons */

.btn {
	font-size:14px;
}

.btn-search {
	text-transform:uppercase;
}

.btn-primary {
	background-color: #012B65;
	border:2px solid #012B65;
	color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus { 
	background-color: #4E6B94;
	border: 2px solid #4E6B94;
	color: #ffffff;
}

.btn-outline-primary {
	background-color: #ffffff;
	border:2px solid #012B65;
	color:#012B65;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
	background-color: #e8ebee;
	border: 2px solid #4E6B94;
	color:#4E6B94;
}


/* Search Results */

.search-results-info h2 {
	color: #012B65;
	font-size:26px;
}

.search-results-info .search-info {
	color: #012B65;
}

.search-results-container a {
	color: #012B65;
}

.search-results-container a:hover, .search-results-container a:focus {
	color: #4E6B94;
}

.side-img {
	max-width: 100%;
	max-height: 100%;
}


/* Modals */

.custom-knockout-modal .modal-content .modal-header {
	background-color: #012B65;
}

.modal-title {
	color: #ffffff;
}

.custom-knockout-modal .close {
	color: #ffffff;
}


/* Media Queries */

@media (max-width: 768px) {
    header img {
    	max-width: 100%;
    	width: initial !important;
    }
    .main-nav #navbar-collapse {
        margin-bottom: 0;
    }
    .container .navbar-header {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #012B65;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #012B65;
    }
    .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #cccccc;
    }
}

@media (min-width: 769px) {
    .main-nav .navbar-collapse {
        margin-bottom: -17px;
    }
}