body {
    background-color: #f8e2b7;
}
.btn-danger {
    background-color: #993535;
}
.btn_main {
    background-color:#315c32;
    color:#f8e2b7;
    font-size: 1.2rem;
}
.card_border {
    border: 2px solid #f8e2b7;
}
.card-title {
    font-size: 1.2rem;
    font-weight: bold;
}
.jumbotron, .recent-prod {
    background-color: rgba(255, 255, 255, 0.4);
}
.showprod {
    background-color: rgba(255, 255, 255, 0.4);
    width: 100%;
}
.prod-img-lil {
    display: block;
    margin: auto;
    object-fit: contain;
    height: 100px;
    width: 100px;
    cursor: pointer;
}
.display-4 {
    font-family: 'EB Garamond', serif;
    font-weight: bold;
    font-size: 3.2em;
}
.flip-container {
    width: 100%;
    height: 100%;
}
.flip-cat {
    background-color: rgba(248, 226, 183, 0.7);
}
.flip-item, .dropdown-item {
    color: #f8e2b7 !important;
}
.dropdown-menu {
    background-color:#315c32;
    font-size: 1.1rem;
}
.img-flipbox {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card {
    border: 2px solid #f8e2b7;
}
.error {
    color: red !important;
}
.maincolors {
    background-color:#315c32;
    color:#f8e2b7;
}
.bggreen {
    background-color:#315c32;
}
.nav-link {
    color:#f8e2b7 !important;
    font-size:1.2rem;
}
li[id^="dropdown_"]:hover>div[id^="dropdownitem_"] {
    display: block;
}
a.dropdown-item:hover {
    background-color: #417942 !important;
}
.flip-box {
    background-color: transparent;
    width: 210px;
    height: 250px;
    perspective: 1000px;
}
.nav-tabs {
    border-bottom: none !important;
}
/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
    color: #315c32;
}

/* Style the back side */
.flip-box-back {
    background-color: #315c32;
    color: #f8e2b7;
    transform: rotateY(180deg);
}
.centered {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.card-img-top {
    width: 100%;
    height: 50%;
    margin-bottom: 3px;
}
.card-body {
    height: 50%;
    width: 100%;
    margin-top: 3px;
}
.img-mini-carousel {
    width: 100%;
    object-fit: contain;
    border: 2px solid #325c32;    
}
.carousel-inner, .carousel-item {
    max-height: 100%;
    height: auto;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}
.carousel-item img{
    object-fit: contain;
    border: 2px solid #315c32;
}
.carousel-item {
    text-align: center;
}