/* General Styling */

body {
	background: #ffffff;
	font-family: nimbus-sans, sans-serif;
	font-size: 16px;
}

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: alternate-gothic-no-2-d, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
}

a, a:visited {
	color: #c8224c;
}

a:hover {
	color: #c8224c;
}


/* Page Header */

header {
    background-color: transparent;
}

header .container {
    padding: 10px;
	background-color: transparent;
}


/* General Navigation */

.navbar-default {
	border-color: transparent;
}

nav.navbar {
	background: transparent;
}

div .navbar-header {
	background: transparent;
}

.nav-pills>li>a {
	border-radius: 0;
	font-family: alternate-gothic-no-2-d, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* Left Navigation Buttons */

nav.navbar.side-nav .nav.nav-pills>li {
	border-radius: 0px;
	background-color: #ffffff;
}

nav.navbar.side-nav .nav.nav-pills>li>a {
	color: #828b8d;
	border-bottom: 4px solid transparent;
}

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 {
	background-color: #ffffff;
	color: #828b8d;
	border-bottom-color: #c8224c;
}

nav.navbar.side-nav .nav.nav-pills>li>a:hover, nav.navbar.side-nav .nav.nav-pills>li>a:focus {
	background-color: #ffffff;
	color: #828b8d;
	border-bottom-color: #c8224c;
}


/* Top Navigation Buttons */

.main-nav {
    box-shadow: -3px 4px 8px -1px rgb(0 0 0 / 20%)
}

nav.navbar.main-nav .nav.nav-pills>li {
    margin: 0 5px;
	border-radius: 0px;
	background-color: #ffffff;
}

nav.navbar.main-nav .nav.nav-pills>li>a {
	color: #828b8d;
	border-bottom: 4px solid transparent;
}

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 { 
	background-color: #ffffff;
	color: #828b8d;
	border-bottom-color: #c8224c;
}

nav.navbar.main-nav .nav.nav-pills>li>a:hover, nav.navbar.main-nav .nav.nav-pills>li>a:focus {
	background-color: #ffffff;
	color: #828b8d;
	border-bottom-color: #c8224c;
}


/* Page Footer */

footer {
	background: transparent;
	font-family: nimbus-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
	color: #828b8d;
}

footer img {
    margin-bottom: 20px;
}

footer .container a {
	margin: 0;
	color: #828b8d;
}

footer .container a:hover {
	color: #c8224c;
	text-decoration: underline;
}


/* Search Buttons */

.btn-search {
    min-width: 60px;
	background-color: #c8224c;
	color: #ffffff !important;
	font-family: futura-pt-bold, nimbus-sans, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-search:hover { 
	background-color: #a71c40;
	color: #ffffff !important;
}

.btn-reset {
	font-family: futura-pt-bold, nimbus-sans, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#search-include-containers {
    display: none;
}

#search-include-containers + label {
    display: none;
}


/* Search Results */

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

.search-results-container a {
	color: #C8224C;
}

.search-results-container a:hover, .search-results-container a:focus {
	color: #C8224C;
}


/* Modals */

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

.modal-title {
	color: #ffffff;
}


/* Featured Collections */

.featured {
    max-width: 100%;
    display: grid;
    margin-bottom: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

.feat-item {
    margin: 10px;
    text-align: center;
    color: #c8224c;
}

.feat-item img {
    max-width: 70%;
}

.imls {
    display: block;
    margin: 10px auto;
}


/* 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: #C8224C;
    }
    .navbar-default .navbar-toggle {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #C8224C;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #C8224C;
    }
    .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #ffffff;
    }
    .btn-search {
        font-size: 1em;
    }
}

@media (min-width: 769px) {
    header {
        border-bottom: 1px solid rgba(49, 56, 58, 0.1);
    }
    .main-nav .navbar-collapse {
        margin-bottom: -17px;
    }
}