:root {
    --team-primary-color: rgba(87, 97, 74, 1);
    --team-secondary-color: rgba(175, 125, 40, 1);
    --team-body-color: rgba(240, 240, 240, 1);
}

body {
    background: var(--team-body-color);
}

.bg-team-primary-color {
    background-color: var(--team-primary-color);
}

.text-team-primary-color {
    color: var(--team-primary-color);
}

.bg-team-secondary-color {
    background-color: var(--team-secondary-color);
}

.text-team-secondary-color {
    color: var(--team-secondary-color);
}

/* BUTTONS */
.btn-team-primary {
    background: var(--team-primary-color) !important;
    color: rgba(255, 255, 255, 1) !important;
}

/* NAVBAR */
.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-image: linear-gradient(135deg, var(--team-primary-color), var(--team-primary-color)) !important;
    box-shadow: #dadada 0px 1px 3px 0px, #cacaca 0px 1px 1px 0px;
}

.team-logo {
    background: var(--team-primary-link-background-color);
    padding: 7px;
    border-radius: 8px;
    min-height: 60px !important;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    background: rgba(255, 255, 255, 1);
    color: var(--team-primary-color) !important;
    border-radius: 0.5rem;
    line-height: 1.4rem;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 900ms;
    opacity: 1;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: normal;
}

ul.custom-nav>li.nav-item>a.nav-link.active,
ul.custom-nav>li.nav-item>button.nav-link.active {
    border: 1px solid #CCCCCC !important;
    border-radius: 0.5rem !important;
    color: #FFF !important;
    background-color: var(--team-secondary-color) !important;
    border-color: var(--team-secondary-color) !important;
}

ul.custom-nav>li.nav-item>a.nav-link.active:hover,
ul.custom-nav>li.nav-item>button.nav-link.active:hover {
    background-color: var(--team-secondary-color) !important;
    border-color: var(--team-secondary-color) !important;
    color: #FFF !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-radius: 0.5rem !important;
}

@media (max-width: 991px) {
    .navbar {
        position: fixed;
        min-height: 71.98px;
        overflow: hidden;
        background-image: linear-gradient(135deg, var(--team-primary-color), var(--team-primary-color)) !important;
        box-shadow: #dadada 0px 1px 3px 0px, #cacaca 0px 1px 1px 0px;
        overflow: hidden;
    }

    .navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, 1) !important;
    }

    .navbar-toggler {
        background-color: transparent;
        border-radius: 0.5rem;
        border: 0;
        height: 100%;
        color: var(--team-primary-color) !important;
    }

    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        background: rgba(255, 255, 255, 1) !important;
        color: var(--team-primary-color) !important;
        border-radius: 0.5rem;
        line-height: 1.4rem;
        font-weight: bold;
        animation-name: fadein;
        animation-duration: 900ms;
    }

    .navbar-light .navbar-nav .nav-link {
        background-color: var(--team-primary-color) !important;
        color: rgba(255, 255, 255, 1) !important;
        font-weight: normal;
    }

    .nav-link {
        padding: 0.5rem 1rem !important;
        margin-bottom: 0.4rem;
        background-color: rgba(0, 0, 0, 0.01);
        margin-bottom: 0.4rem;
        background-color: rgb(255 255 255);
        color: #fff !important;
        border-radius: .5rem;
        display: flex;
        align-items: center;
    }
    
    .navbar-collapse-footer>button {
        width: 100%;
        background-color: var(--team-secondary-color);
        color: #fff;
        border: 0;
        border-radius: 0.5rem;
        height: 40px;
        animation-name: fadein;
        animation-duration: 1.4s;
    }
}

/* FOOTER */
.copyright-text p {
    color: rgba(255, 255, 255, 1);
    margin-bottom: 0 !important;
    font-size: 0.8rem;
    background-image: linear-gradient(135deg, var(--team-primary-color), var(--team-primary-color)) !important;
}

.footer {
    border-top: 1px solid #ededed;
}

/* BACKTOTOP */
#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--team-secondary-color);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    padding: 7px 12px;
    border-radius: 7px;
    font-size: 18px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* LISTS */
.list-group.list-group-form-steps>li.list-group-item.active {
    background: var(--team-secondary-color) !important;
    color: rgba(255, 255, 255, 1) !important;
}

/* CARD */
.card {
    border: 1px solid #e2e2e2 !important;
}