/* General Styling */

body {
	background: #ffffff;
	color:#000000;
	font-family: 'Archivo', sans-serif;
	font-size:1rem;
	font-style:normal;
	font-weight:400;
}

body .container {
	background-color: #ffffff;
}

a {
	color: #3D6FB3;
	text-decoration:underline;
}

a:hover,
a:focus {
	color: #3D6FB3;
	text-decoration:none;
}

h1, .h1 {
    color:#3D6FB3;
    font-family: 'Lora', serif;
    font-style:normal;
    font-weight:500;
}

h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
    color:#25282e;
	font-family: 'Lora', serif;
	font-style:normal;
	font-weight:500;
}

/* Page Header */

header {
	background-color: transparent;
}

header .container {
	background-color: transparent;
}

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

/* Navigation */

.navbar {
	background:#fff;
}

.navbar .offcanvas {
	background-color:#fff;
}
	
.navbar .offcanvas .nav-link {
	color:#000;
}

.navbar .offcanvas .nav-link:hover,
.navbar .offcanvas .nav-link:focus {
	color:#3D6FB3;
	background-color: #fff;
}

.navbar .offcanvas .nav-item.active .nav-link {
	color:#3D6FB3;
	background-color: #fff;
	font-weight:normal;
}

.navbar-toggler {
	border:none;
	border-radius:0;
	filter:invert(1);
}

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

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

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


/* Page Footer */

footer {
	background: #25282E;
	color: #ffffff;
}

footer .container {
	background: transparent;
    font-size:14px;
    line-height:28px;
    letter-spacing:0.2px;
    text-align:left;
    padding:68px 0;
}

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

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

footer img {
    max-width:100%;
	height:auto;
    margin-top:10px;
}

.flex-grid-footer {
    display: flex;
    justify-content:space-between;
}

.flex-grid-footer .col {
    flex: 1;
    padding:15px;
}

footer h4 {
    color:#ffffff;
    font-size:24px;
}

.social {
    font-size:22px;
    margin-bottom:20px;
    margin-top:68px;
    text-align:center;
}

.social a {
    color:#aaaaaa !important;
    padding:7px;
}

.social a:hover {
    color:#91BEFD !important;
}

.copyright {
    font-size:16px;
    text-align:center;
}

/* Buttons */

.btn {
	border-radius:3px;
}

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

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

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

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

/* Search Results */

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

#keywoard-search-page-markup .search-input-container .checkbox, #catalog-records-list-page-markup .search-input-container .checkbox {
    display:none;
}

#advance-search-page-markup .search-options-container {
    display:none;
}

/* Modals */

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

.modal-title {
	color: #ffffff;
}

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

/* Media Queries */

@media (max-width: 996px) {
    .flex-grid-footer {
        display:unset;
    }
    .flex-grid-footer .col {
        width:100%;
    }
    .flex-grid-footer img {
        max-width:260px;
    }
}