/* Elaine Kristant, DGM- E20 Final Project */


/*Color style rules*/
.bg-chocolate  {
    background-color: #7a3f00;
}

.bg-orange {
    background-color: #c77014;
}

.bg-green {
    background-color: #0c7a1d;
}

.bg-purple {
    background-color: #310C7a;
}

.bg-lt-purple {
    background-color: #480ac7;
}


/* Style rules for hero image and header */
.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/beans_banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-about {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/melted_chocolate.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-shop {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/shop_banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-contact {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/pfoho.JPG);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.nav_logo {
    height: 40px;
    padding-right: 20px ;
}

.cart {
    height:25px;
}

.btn-orange {
    --bs-btn-color: white;
    --bs-btn-bg: #c77014;
    --bs-btn-hover-color: #c77014;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #c77014;
  }