/* General Styling */

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

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

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

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

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

mark, ::selection, ::-moz-selection {
    background:#002956;
    color:#ffffff;
}

/* 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;
    margin:27px 0 27px 36px;
	position:relative;
	z-index:1030;
}

/* Navigation */

.navbar {
	background:transparent;
}

.navbar.main-nav {
    box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
}

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

.navbar .offcanvas {
	background-color:#fff;
}
	
.navbar .offcanvas .nav-link {
	color: #303133;
	font-size:0.875rem;
	font-weight:600;
	text-transform:uppercase;
}

.navbar .offcanvas .nav-link:hover,
.navbar .offcanvas .nav-link:focus {
	background-color: transparent;
	color: rgba(48,49,51,.5);
}

.navbar .offcanvas .nav-item.active .nav-link {
	background-color: transparent;
	color: rgba(48,49,51,.5);
	font-weight:600;
}

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

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

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

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

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


/* Page Footer */

footer {
	background: #022545;
	color: #ffffff;
    font-family: 'Hind', sans-serif;
	font-size:0.938rem;
}

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;
}

.footer-info {
    display:flex;
	margin-top:25px;
	margin-bottom:25px;
	text-align:left;
}

.address {
    min-width:30%;
}

/* Buttons */

.btn-primary {
	background-color: #002956;
	border:1px solid #002956;
	color: #ffffff;
}

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

.btn-outline-primary, 
.btn-right, .btn-left {
	background-color: #ffffff;
	border: 1px solid #002956;
	color: #002956;
	font-weight:500;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, 
.btn-right:hover, .btn-left:hover, .btn-right:focus, .btn-left:focus {
	background-color: #e8ebee;
	border: 1px solid #002956;
	color: #002956;
	font-weight:500;
}

.btn-search, .view-more-images-button, .btn-reset {
	font-weight:600;
	line-height:normal;
	text-transform:uppercase;
}

/* Search Results */

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

/* Modals */

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

.modal-title {
	color: #ffffff;
}

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

/* Featured Items */
.featured-items {
    display:flex;
    flex-wrap:wrap;
    max-width:1320px;
	margin-bottom: 10px;
    text-align: center;
}

.featured-text {
    display:block;
}

.featured-items .col-xs-6 {
    padding: 15px;
}

.featured-items img {
    margin: 0 auto 5px;
    max-width:100%;
}

/* Media Queries */

@media (max-width: 768px) {
    	header .container {
        	text-align:center;
    	}
    	.footer-info {
       		flex-direction:column;
    	}
    	.address {
        	margin-bottom:10px;
    	}
}

@media (min-width:1400px) {
    header {
        box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
    }
    
    .navbar.main-nav {
        box-shadow:none;
    }
    
    .navbar-expand-lg .navbar-nav {
        margin-top:-77px;
        justify-content:flex-end !important;
    }
}