body {
    padding-top: 80px;
    background-color: transparent;
    font-family: 'Bree Serif', serif;
}

.navbar {
    margin-bottom: 0;
    /*background-color: #343A40;*/
    background-color: #FF9900;
    border: 0;
    font-size: 1.2em !important;
    letter-spacing: 2px;
}

.bg-darkx {
    background-color: #FF9900 !important;
}

.navbar-nav > li > a {
    color: white !important;
    font-size: 1.2em;
}

.dropdown-item {
    font-size: 1.2em !important;
    color: black !important;
}

/* Add a gray color to all navbar links */
.navbar .navbar-brand {
    color: #d5d5d5 !important;
}

/* Dropdown */
.open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
}

.dropdown-menu.show {
    background-color: #FFF8D8 !important;
}
/* primary hover focus and active */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: darkblue;
    border-color: darkgray !important;
}
/*buttons customized*/
.btn-primary {
    background-color: #343A40;
    border-color: darkgray !important;
    cursor: pointer;
}

.btn-custom {
    border-radius: 56% 54% 58% 55% / 23% 97% 4% 72%;
    box-shadow: 2px 4px 5px gray;
}

/*table mods*/
.table {
    background-color: white;
    font-size: 1.3em;
}
/*data table top/bottom sections*/
.top, .dataTables_info, .bottom {
    background-color: #FFF8D8 !important;
}

.dataTables_wrapper {
    background-color: #FFF8D8 !important;
}

tr {
    background-color: #FFF9D7;
}
/*striped table custom color*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FEFEE7;
}
/* Dropdown links */
.dropdown-menu li a {
    color: #000 !important;
    font-size: 1.2em !important;
}

/*the shopper sticky is a modified version of *
** the sticky-top class in bootstrap
*/
.shopper-sticky {
    position: sticky;
    top: 60px;
    z-index: 1020;
}

@media screen and (max-width: 700px) {
    .dropdown-menu li a {
        color: white !important;
    }
}

.card-footer {
    background-color: #FFF8D8;
}

.shop-shadow {
    box-shadow: 2rem 2rem 3rem #F78935;
}