:root {
    /*Sukup Primary Colors*/
    --sukup-green: #008752;
    --sukup-grey: #4D4C4C;
    /*black*/
    /*Sukup Accent Colors*/
    --sukup-suede: #DDD2C2;
    --sukup-blue: #07456B;
    --sukup-mint: #9FD9B2;
}

a:link, a:visited {
    text-decoration: none;
}

.row-wide {
    margin-left: 0;
    margin-right: 0;
}

.enforce-margins {
    max-width: 100em;
}

button.sukup-btn-primary {
    background-color: var(--sukup-green) !important;
    border-color: var(--sukup-green) !important;
}

    button.sukup-btn-primary:hover {
        background-color: darkgreen;
        border-color: darkgreen;
    }

.sukup-bg-primary {
    background-color: var(--sukup-green) !important;
    border-color: var(--sukup-green);
}

.sukup-bg-product:hover {
    cursor: pointer;
    background-color: darkgreen !important;
    border-color: darkgreen;
}

button.sukup-btn-primary:active {
    background-color: var(--sukup-green) !important;
    border-color: var(--sukup-green) !important;
}

.sukup-productline-card {
    width: 22em;
    border-width: 0;
    margin-bottom: 2em;
    text-decoration: none;
    border-width: thin;
    border-color: lightgrey;
    --bs-card-border-width: 0;
    height: 95%;
}

.sukup-productline-img {
    height: 12em;
}

.sukup-productline-card:hover {
    cursor: pointer;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.sukup-product-img {
    height: 12em;
}

.sukup-product-card {
    width: 22em;
    border-width: 0;
    margin-bottom: 2em;
    text-decoration: none;
    border-width: thin;
    border-color: lightgrey;
    --bs-card-border-width: 0;
    height: 90%;
}

    .sukup-product-card:hover {
        cursor: pointer;
        box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
    }

.pagination {
    --bs-pagination-color: var(--sukup-green);
    --bs-pagination-hover-color: darkgreen;
    --bs-pagination-focus-color: var(--sukup-green);
    --bs-pagination-active-bg: var(--sukup-green);
    --bs-pagination-active-border-color: var(--sukup-green);
}

.sukup-tab-item-link {
    color: black;
}

    .sukup-tab-item-link:hover {
        color: darkgreen;
    }

    .sukup-tab-item-link.active {
        color: var(--sukup-green) !important;
    }

        .sukup-tab-item-link.active:hover {
            cursor: initial;
        }

.swal2-confirm {
    background-color: var(--sukup-green) !important;
    border-color: var(--sukup-green);
}

button.sukup-btn-primary.picked {
    background-color: white !important;
    border-color: var(--sukup-green) !important;
    color: var(--sukup-green) !important;
}

.filter:indeterminate {
    background-color: var(--sukup-green) !important;
    border-color: var(--sukup-green) !important;
    /*opacity: 50%;*/
}