.caption {
    height: 180px;
}


/*Navbar styling*/
.navbar, navbar-inverse, navbar-fixed-top{
    background-color: white;
    border-color: white;
}
.navbar-inverse .navbar-nav>li>a {
    color: #5B8273;
    border: none;
    font-size: 1.5em;
}


/* Logged in user or admin icon */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    color:white;
    background-color: #8b5c4b;
}
.dropdown-menu>li>a{
    color: #5B8273;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
 color: #5B8273;
}



.navbar-inverse .navbar-nav>li>a:hover {
    color: #8b5c4b;
  }
  
  .navbar-toggle {
      background-color: #5B8273;
  }
    .navbar-toggle:hover {
      background-color: #8b5c4b;
  }
  
  .navbar-inverse .navbar-toggle{
        border-color: #5B8273;
}

navbar-header:focus-visible{
    outline:none;
}


/* Logo in navbar */
.navbar-brand img{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 75px;
    position: relative;
    bottom: 20px;
}




/* Top welcome nav */

.display_icon{
    color: #5B8273;
}


/*slider images */

.slide-image{
    max-width: 50%;
    height: auto;
}


/* Category side menu */

.lead{
    color: #5B8273;
}

a.list-group-item{
    color: #5B8273;
}

.container{
    color: #5B8273;
}

/* Greeting h1 */
@media only screen and (max-width: 600px) {
.greeting{
    display: none;
}
}

/* Shop by category */
.thumbnail a h3{
    color: #5B8273;
    text-decoration: none !important;
}
.thumbnail a h3:hover{
    color: #8b5c4b;
    text-decoration-color: #8b5c4b !important;
}


/* About Page */

.about_image{
    width: 450px;
    margin: 20px;
}

/* Contact Page */

#return-link{
    color: #8b5c4b;
}

.contact-info{
    margin-top: 5%;
}

/* Account details page */

#user_details{
    font-size: 2em;
}

#order_history{
    font-size: 2em;
}


/*Shop Page*/

/* Extra small devices */
@media only screen and (max-width: 600px) {
    .shop-layout{
    display: grid;
    grid-template-columns: auto;
    grid-gap: 5px;
    padding: 10px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .shop-layout{
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 5px;
    padding: 10px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .shop-layout{
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 5px;
        padding: 10px;
        }
}

.thumbnail{
    padding: 2%;
}