/* General Styling */

body {
	background: #C7B897;
	color:#000000;
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;
	font-size:1rem;
	font-style:normal;
	font-weight:400;
}

body .container {
	background-color: #EFE9DC;  /* Behind Main Content column B39666*/
}

#content-body {
    padding-bottom:0;
    padding-top:0;
}

#content-body > .container {
    min-height:550px;
    padding:20px;
}

a {
	color: #0066cc;
	text-decoration:underline;
}

a:hover,
a:focus {
	color: #0066cc;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color:#C43A3F;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;
	font-style:normal;
	font-weight:500;
}

/* Page Header */

header {
	background-color: #6B3F48; /* Behind Header Color */
}

header .container {
	background-color: transparent;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:25px;
	padding-bottom:25px;
}

header img {
    max-width: 100%;
    height: auto !important;
}

.name, .sites {
    color:#EFE9DC;      /*  header text color */
    font-family:'Georgia', serif;
    font-weight:600;
}

.name {
    font-size:2rem;
}

.sites {
    font-size:1.5rem;
}

/* Navigation */

.navbar {
	background:#3B3B3B; /* BACKGROUND OF MAIN MENU */
}

.navbar .offcanvas {
	background-color:#3B3B3B;
}
	
.navbar .offcanvas .nav-link {
	color:#ffffff;
	font-weight:700;
}

.navbar .offcanvas .nav-link:hover,
.navbar .offcanvas .nav-link:focus {
	background-color: #bf7807;
	color: #000;
	text-decoration:underline;
}

.navbar .offcanvas .nav-item.active .nav-link {
	background-color: #bf7807;
	color: #000;
	text-decoration:underline;
	font-weight:700;
}

.navbar-toggler {
	border: none;
	border-radius: 0;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
	background: #bf7807;
}

.navbar-toggler .navbar-toggler-icon {
	filter: invert(0);
}

.navbar-toggler:hover .navbar-toggler-icon,
.navbar-toggler:focus .navbar-toggler-icon {
	filter: invert(1);
}

.navbar .offcanvas .offcanvas-header .btn-close {
	filter: invert(1);	
	opacity: 1;
}


/* Page Footer */

footer.mt-auto {
    margin-top:0 !important;
}

footer {
	background: transparent;
	color: #000;
}

footer .container {
	background: #aa9a67;
}

footer .container a {
	color: #000;
	text-decoration:none;
}

footer .container a:hover,
footer .container a:focus {
	color: #000;
	text-decoration:none;
}


/* Buttons */

.btn {
    transition:all 0.3s ease;
}


.btn-primary {
	background-color: #bf7807;
	border:2px solid #000;
	color: #000;
}

.btn-primary:hover, 
.btn-primary:focus {
	background-color: #000;
	border: 2px solid #000;
	color: #ffffff;
}

.btn-outline-primary, 
.btn-right, .btn-left {
	background-color: #ffffff;
	border: 2px solid #000;
	color:#000;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, 
.btn-right:hover, .btn-left:hover, .btn-right:focus, .btn-left:focus {
	background-color: #000;
	border: 2px solid #000;
	color: #ffffff;
}

.btn-search, .btn-reset, .view-more-images-button {
    font-weight:700;
}


/* Search Results */

.search-results-info h2 {
	color: #C43A3F;
}

/* Modals */

.custom-knockout-modal .modal-content .modal-header {
	background-color: #bf7807;
}

.modal-title {
	color: #000;
}

.custom-knockout-modal .modal-content .modal-header .btn-close {
	filter: invert(0);
}