p {
    color: black !important;
}

@media only screen and (max-width: 990px) and (min-width: 760px)  {
    /* Centering featured items when rows of two are displayed */
    .featured-item {
        left: 20%;
    }
}

.header-logo-links {
    padding: 0;
}

.banner {

}
.top_nav_right .nav_cart {

}

footer table div {
    /* make the footer stretch across the screen */
    position: relative;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    margin-top: 10px;
}
footer {
    padding-bottom: 0;
}
.split-top {
    background-color: #D8D8D8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.logo {
    max-height:20%
}
body {
   background-image: url("/media/home/bg_paper.gif");
}
.side-bar-header {
    background-color: #D8D8D8 !important;
}
.primary-background-color-hover:hover {
    background-color: #c1110f !important;
}
glyphicon-search {
    color: white !important;
}
@media only screen and (max-width: 500px) {
    #header-logo {
        width: 100vw;
    }
}
#hidden-nav {
    background-color: #c1110f;
}
.custom-page > h2 {
    color: #c1110f;
}
.featured-items > h3 {
    text-transform: capitalize;
}

a {
    color: #003bc7 !important;
}
a.empty-cart-link {
    color: white !important;
}
.footer-contact span {
    color: #003bc7 !important;
}
.footer-contact li {
    color: #c1110f;
}
.footer-info {
    display: none;
}
/* Left align the sidebar search and align the main page content */
@media only screen and (min-width: 650px) and (max-width: 770px) {
.content:not(.col-sm-12) {
left: calc(60vw - 40%);
}
}

@media only screen and (min-width: 767px) and (max-width: 770px) {
/* .sidebar {
width: 100%;
right: 0;
}
.content:not(.col-sm-12) {
width: 100%;
left: 0;
}*/
}
@media only screen and (min-width: 992px) and (max-width: 1330px) {
.featured-items .col-md-4 {
width: 50%;
}
}
/* END left align sidebar and content */
h2 span{
    color: #c1110f !important;
}
/*center header logo*/
#header-logo{
   height: auto;
   width: 100%;
   margin: auto;
   max-height: 100%;
}

.logo.pull-left {
   margin: auto;
}

.brand_logo > .logo.pull-left > a {
/*    height: 100%;*/
/*    display: inline-block;*/
   height: inherit;
}

@media only screen and (max-width: 769px) {
    body > .container > .row {
        display: flex;
        flex-direction: column
    }
    body > .container > .row > .content {
        order: 2;
        padding-top: 0;
    }
    .sidebar {
        order: 1;
    }
    .sidebar > .side-navigation-cont {
        display: none !important;
    }
}