.navbar-collapse {
    background-color: black !important;
}

@media (max-width: 767px){
    body {
        padding-top: 0px !important;
    }
    .details-top {
        border: 1px solid #094f2d;
    }
}

.item-name {
    color: #094f2d !important;
}

.details-top {
    border: 1px solid #094f2d;
}



/* change cart text color white */
#stuck_container > div > div > div.top_nav_right > div > p > a, #stuck_container > div > div > div.top_nav_right > div > a > h3 > div, #stuck_container > div > div > div.top_nav_right > div > p > a > i {
    color: #ffffff !important;
}

/* change footer titles red */
body > footer > div > div > div:nth-child(1) > div:nth-child(2) > div > h4, body > footer > div > div > div:nth-child(1) > div:nth-child(3) > div > h4 {
    color: #287952;
}

/* set facebook link to blue */
body > header > div > div.split-top > div > div > div.col-md-3.header-right.pull-right > ul > li:nth-child(2) > a > i, body > header > div > div.split-top > div > div > div.col-md-3.header-right.pull-right > ul > li:nth-child(2) > a {
    color: #4267b2 !important;
}

/* make Robata text red */
#custom-page > div > div > div.container > h3 > span, #custom-page > div > div > div:nth-child(4) > div > h3 > span, #custom-page > div > div > div:nth-child(6) > div > h3 > span {
    color: #287952 !important;
}

/* ensure clearfix to block elements */
#custom-page > div > div.container > div > div.clearfix {
    display: block;
}

/* center all the text under "Robata Online" */
#custom-page > div > div {
    text-align: center;
}

/* borders around food items under, "Robata Online" */
#custom-page > div > div > div.container > div > div.col-md-4.new-gd-middle > div:nth-child(2), #custom-page > div > div > div.container > div > div.col-md-4.new-gd-middle > div:nth-child(4) {
    border: 1px solid #D2D2D2 !important;
}

/* buttons size and color under, "Robata Online" */
#custom-page > div > div > div.container > div > div:nth-child(2) > div > p > a, #custom-page > div > div > div.container > div > div.col-md-4.new-gd-middle > div:nth-child(2) > div.mid-text > a,
#custom-page > div > div > div.container > div > div.col-md-4.new-gd-middle > div:nth-child(4) > div.mid-text > a, #custom-page > div > div > div.container > div > div:nth-child(6) > div > p > a {
    background-color: #287952;
    color: #ffffff;
    padding: 10px 25px;
}

/* centers text within photos under, "Robata Online" */
#custom-page > div > div > div.container > div > div:nth-child(2) > div {
    position: absolute;
    left: 0px;
    top: 35%;
    width: 100%;
    text-align: center;
}

#custom-page > div > div > div.container > div > div:nth-child(6) > div {
    position: absolute;
    left: 0px;
    top: 35%;
    width: 100%;
    text-align: center;
}

/* change text inside photos to white */
#custom-page > div > div > div.container > div > div:nth-child(2) > div > h4, #custom-page > div > div > div.container > div > div:nth-child(2) > div > h5 {
    color: #ffffff !important;
}

body > div > div > div > div > div > div > div.contact-grid.text-center.animated.wow.slideInUp > div > p > a,
body > div > div > div > div > div > div > div.contact-grid.text-center.animated.wow.slideInRight > div > p > a {
    color: #000000 !important;
}

@media screen and (min-width: 1400px){
    #instagram-embed-0 {
        position: relative !important;
        /*left: 20% !important; */
    }
}

@media screen and (max-width: 985px){
    #custom-page > div > div > div.container > div > div.col-md-4.new-gd-middle,
    #custom-page > div > div > div.container > div > div:nth-child(6) > img, 
    #custom-page > div > div > div.container > div > div:nth-child(6) > div,
    #custom-page > div > div > div.container > div > div:nth-child(2) > img,
    #custom-page > div > div > div:nth-child(4) > div > div > div.col-md-5.new-gd-left > img,
    #custom-page > div > div > div:nth-child(4) > div > div > div.col-md-7.new-gd-left > img,
    #custom-page > div > div > div:nth-child(6) > div > div > a > img {
        width:100%;
        float:none;
        display: block !important;
    }
}

.contact_us .glyphicon {
    margin-right: 5px;
}

.contact_us a {
    color: #287952 !important;
}

.contact_us a:hover {
    color: #931504 !important;
}

.content_grid_right h4 {
    color: #000;
}

#instagram-embed-0 {
    margin: 0 auto !important;
}

div.new_arrivals img {
    margin: 0 auto;
}

.side-category h3{
    background-color: #105a38;
}

.menu-side-categories {
    background-color: #238257;
}

a.menuCategory {
    border-bottom: 1px solid #238257;
}

.full-nav-item :hover{
    color: #287952 !important;
}

.contact-form2 textarea{
    min-height: 100px;
}

header {
    background: #151515 !important;
}

footer {
    background: #151515;
}

.header-middle {
  visibility: hidden;
}

.header-full-nav {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.navbar-list-right a.full-nav-link {
    color: white;
}

#hp-socials {
    text-align: center;
}   

#hp-socials i {
    background: none !important;
    color: #287952 !important;
    font-size: 3em;
    margin: 0 15px;
}

#hp-socials i:hover {
    color: #931504 !important;
}

footer img {
    width: 70%;
}

.footer-block h4 {
    font-weight: bold;
    font-size: 1.5em;
}

.footer-block a, .footer-block ul li {
    color: white !important;
}

.footer-nav ul li a:hover, .footer-contact ul li a:hover {
    color: #287952 !important;
}

.footer-contact ul li i {
    color: #287952 !important;
    border-color: #287952 !important;
}

footer .copy-right, footer .copy-right a.trademark-links {
    color: white !important;
}

footer .copy-right a.trademark-links:hover {
    color: #287952 !important;
}

.footer-block a:hover {
    text-decoration: none !important;
}

.footer-info p.copy-right {
    margin-top: 0 !important;
}

@media screen and (min-width: 1081px) {
    .navbar-list > .logo-li {
        margin-right: 2vw;
    }
}

@media screen and (min-width: 1291px) {
    .navbar-list > .logo-li {
        margin-right: 5vw;
    }
}

@media screen and (min-width: 1506px) {
    .navbar-list > .logo-li {
        margin-right: 18vw;
    }
}

@media screen and (min-width: 1790px) {
    .navbar-list > .logo-li {
        margin-right: 31vw;
    }
}

@media screen and (min-width: 2151px) {
    .navbar-list > .logo-li {
        margin-right: 42vw;
    }
}