/* General Styling */

body {
	background: #ffffff;
	color:#484848;
    font-family: 'Outfit', sans-serif;
    font-size:1.125rem;
	font-style:normal;
	font-weight:400;
}

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

a {
	color: #224670;
	text-decoration:underline;
}

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color:#cf102d;
    font-family: 'Outfit', sans-serif;
	font-style:normal;
	font-weight:500;
}

/* Page Header */

header {
	background-color: transparent;
	padding:0 !important;
}

header .container {
	background-color: transparent;
	max-width: 100%;
	padding:0 !important;
}

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

#top-header {
	background-color: #224670;
	height: 28px;
}

#main-header {
    align-items:center;
	background-color: #002856;
	display:flex;
	min-height:80px;
	padding: 0 3rem;
}

.name {
    color:#ffffff;
    font-size:3rem;
    font-weight:500;
    padding-left: 3.5rem;
}

/* Navigation */

.navbar {
	background:#224670;
}

.main-nav .navbar-nav {
    flex-wrap: wrap;
}


.navbar .offcanvas {
	background-color:#224670;
}
	
.navbar .offcanvas .nav-link {
	color:#ffffff;
}

.navbar .offcanvas .nav-link:hover,
.navbar .offcanvas .nav-link:focus {
	background-color: #002856;
	color: #ffffff;
}

.navbar .offcanvas .nav-item.active .nav-link {
	background-color: #002856;
	color: #ffffff;
	font-weight:400;
}

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

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

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

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

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


/* Page Footer */

footer {
	background: #002856;
	color: #ffffff;
}

footer .container {
	background: transparent;
}

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

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

.footerinfo {
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    margin-bottom:10px;
}

.contact {
    line-height:2rem;
    text-align:left;
}

.contact {
    line-height:2.5rem;
    text-align:left;
}

.contact > div {
    align-items:center;
    display:flex;
}

.fa-fw {
    font-size:1.5rem;
    margin-right:10px;
}


/* Buttons */

.btn-primary {
	background-color: #0061AB;
	border:2px solid #0061AB;
	color: #ffffff;
}

.btn-primary:hover, 
.btn-primary:focus {
	background-color: #0061AB;
	border:2px solid #0061AB;
	color: #ffffff;
	opacity:0.8;
}

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

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

/* Search Results */

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

/* Modals */

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

.modal-title {
	color: #ffffff;
}

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

/* Media Queries */

@media (max-width: 768px) {
    #top-header {
        display:none;
    }
    
    #main-header {
        flex-direction:column;
        padding:15px;
    }
    
    header img {
    	max-width: 100%;
    	width: 288px !important;
        height: auto !important;
    }
    
    .name {
        font-size:2.5rem;
        padding-left:0;
    }
    
    .footerinfo {
        flex-direction:column;
    }
    
}