/* Overwriting bootstrap defaults */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    /*--success: #28a745;*/
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'SLMN-Avenir', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --theme: #00d88a;
    --success: var(--theme);


    --cgl-green: var(--theme);
    --cgl-light: #f9f9f9;
    --cgl-dark: #161616;
}

@font-face {
    font-family: 'SLMN-Avenir';
    src: url('/assets/avenir-regular.woff2') format("woff");
    font-weight: 400;
}
@font-face {
    font-family: 'SLMN-Avenir';
    src: url('/assets/avenir-semibold.woff2') format("woff");
    font-weight: 600;
}
@font-face {
    font-family: 'SLMN-Avenir';
    src: url('/assets/avenir-bold.woff2') format("woff");
    font-weight: 700;
}

body {
    background: var(--cgl-dark);
    color: var(--cgl-light);
    font-family: sans-serif;
}

body {
    font: 1rem/1.5 var(--font-family-sans-serif);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

nav {
    text-transform: uppercase;
}
img.navbar-image {
    max-height: 30px;
}

a, a:hover {
    color: var(--theme);
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--theme);
}

.team.selected {
    background: var(--cgl-green) !important;
    color: var(--cgl-dark);
}

.team {
    background: var(--cgl-light);
    color: var(--text-on-theme-gradient);
}
.btn-primary {
    background-color: var(--cgl-green);
    border-color: var(--cgl-green);
}
.btn:hover:not(:disabled), .btn.hover:not(:disabled) {
    background-color: #00a367 !important;
    border-color: #00a367 !important;
}
.btn:focus:not(:disabled), .btn.focus:not(:disabled) {
    background-color: #009357 !important;
    border-color: #009357 !important;
}

#slmn-attribution img {
    height: 40px;
}

#slmn-attribution {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
    opacity: 0.5;
    transition: opacity 200ms ease;
}

#slmn-attribution:hover {
    opacity: 1;
}

body {
    padding-bottom: 80px;
}
.navbar-text b {
    padding: 0 1px;
}