/* global */
:root {
    --cladBerry: #ef3d5d;
    --lightestGrey: #fbfaf6;
    --lightestGreyAlpha: rgba(251, 250, 246, 0.2);
    --lightGrey: #e4e3df;
    --lightGreyAlpha: rgba(228, 227, 223, 0.2);
    --midGrey: #8c8b88;
    --midGreyAlpha: rgba(140, 139, 136, 0.21);
    --bg-grey: var(--lightGrey);
    --gray: var(--midGrey);
    --darkGrey: #57584c;
    --darkGreyAlpha: rgba(87, 88, 76, 0.2);
    /*shadows*/
    --navbarShadow: 0 4px 32px -12px rgba(72, 73, 56, 0.5);
    --btnPrimary:#1b8da5;
    --btnPrimaryHover: #1b768e;
    --btnPrimaryDarken: #1c657e;
    --gecco: #50a559;
    --geccoDark: #0F6037;

    --accentColor: var(--primary);

    /*Bootstrap overrides*/
    --bs-nav-pills-link-active-bg: var(--btnPrimary);

    --light: var(--bs-light);
    --primary: var(--bs-primary);
    --secondary: var(--bs-secondary);
    --info: var(--bs-info);
    --success: var(--bs-success);
    --warning: var(--bs-warning);
    --danger: var(--bs-danger);
}


@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1480px;
    }
}


a {
    color: var(--btnPrimary)
}
a:hover {
    color:var(--btnPrimaryHover)
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background-color:var(--btnPrimary);
    border-color:var(--btnPrimary)
}
.btn-outline-primary {
    border-color:var(--btnPrimary)
}
.btn-primary:hover, .btn-outline-primary:hover {
    border-color:var(--btnPrimary);
    background-color:var(--btnPrimaryHover)
}
.badge-primary {
    background-color:var(--btnPrimary)
}
.text-primary {
    color:var(--btnPrimary) !important
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color:var(--btnPrimaryDarken)
}
.dropdown-item.active, .dropdown-item:active {
    background-color:var(--btnPrimary)
}



.card-header {
    background-color:var(--lightestGrey)
}

.bg-gecco {
    background-color:var(--gecco)
}
.bg-gecco-dark {
    background-color:var(--geccoDark);
}