@import url(https://fonts.googleapis.com/css?family=Nunito);
@charset "UTF-8";


:root {
    /*  Base Values  */
    --primary-color: Black;
    --primary-color_contrast: white;
    --gold-color: #b89014;
}


#product_div {
    background-color:var(--primary-color);
    color:var(--primary-color_contrast);
}

#product_body {
    color:var(--primary-color);
    background-color:var(--primary-color_contrast);
}

a, a:hover {
    background-color: transparent;
    color:color:var(--primary-color);
    text-decoration: none;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #000000;
}
.bg-dark {
    background-color: var(--primary-color_contrast);!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--primary-color);!important;
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:var(--gold-color)}
.navbar-dark .navbar-nav .nav-link.disabled{color:gray}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link
{color:var(--primary-color)}
.navbar-laravel {
    background-color: #f0ecec;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}
.text-light
{
    color: goldenrod !important;
}

a.text-light:focus, a.text-light:hover
{
    color:black !important;
}

.sidebar-logo-text
{
    color: #fff !important;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 24px;
    margin: 0 0 0 1em;
}