// Cyborg 4.1.3
// Bootswatch


// Variables ===================================================================

//$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,700" !default;
//@import url($web-font-path);

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: unquote("url('[[font:theme|Roboto-Regular-webfont.woff]]') format('woff')");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: unquote("url('[[font:theme|Roboto-Black-webfont.woff]]') format('woff')");
}

// Navbar ======================================================================

.navbar {

    &.bg-primary {
        border: 1px solid $gray-700;
    }

    &.bg-dark {
        background-color: $body-bg !important; // stylelint-disable-line declaration-no-important
        border: 1px solid $gray-700;
    }

    &.bg-light {
        background-color: $gray-500 !important; // stylelint-disable-line declaration-no-important
    }

    &.fixed-top {
        border-width: 0 0 1px 0;
    }

    &.fixed-bottom {
        border-width: 1px 0 0 0;
    }

}

// Buttons =====================================================================

.btn {
    @each $color, $value in $theme-colors {
        &-#{$color} {
            @if $enable-gradients {
                background: $value linear-gradient(180deg, mix($white, $value, 15%), $value) repeat-x;
            } @else { // stylelint-disable-line block-closing-brace-newline-after
                background-color: $value;
            }
        }
    }
}

// Typography ==================================================================

// Tables ======================================================================

table {
    color: #fff;
}

.table {

    &-primary {
        &,
        > th,
        > td {
            background-color: $primary;
        }
    }

    &-secondary {
        &,
        > th,
        > td {
            background-color: $secondary;
        }
    }

    &-light {
        &,
        > th,
        > td {
            background-color: $light;
        }
    }

    &-dark {
        &,
        > th,
        > td {
            background-color: $dark;
        }
    }

    &-success {
        &,
        > th,
        > td {
            background-color: $success;
        }
    }

    &-info {
        &,
        > th,
        > td {
            background-color: $info;
        }
    }

    &-danger {
        &,
        > th,
        > td {
            background-color: $danger;
        }
    }

    &-warning {
        &,
        > th,
        > td {
            background-color: $warning;
        }
    }

    &-active {
        &,
        > th,
        > td {
            background-color: $table-active-bg;
        }
    }

    &-hover {

        .table-primary:hover {
            &,
            > th,
            > td {
                background-color: darken($primary, 5%);
            }
        }

        .table-secondary:hover {
            &,
            > th,
            > td {
                background-color: darken($secondary, 5%);
            }
        }

        .table-light:hover {
            &,
            > th,
            > td {
                background-color: darken($light, 5%);
            }
        }

        .table-dark:hover {
            &,
            > th,
            > td {
                background-color: darken($dark, 5%);
            }
        }

        .table-success:hover {
            &,
            > th,
            > td {
                background-color: darken($success, 5%);
            }
        }

        .table-info:hover {
            &,
            > th,
            > td {
                background-color: darken($info, 5%);
            }
        }

        .table-danger:hover {
            &,
            > th,
            > td {
                background-color: darken($danger, 5%);
            }
        }

        .table-warning:hover {
            &,
            > th,
            > td {
                background-color: darken($warning, 5%);
            }
        }

        .table-active:hover {
            &,
            > th,
            > td {
                background-color: $table-active-bg;
            }
        }

    }
}

// Forms =======================================================================

legend {
    color: #fff;
}

// Navs ========================================================================

.nav-tabs,
.nav-pills {
    .nav-link {
        color: #fff;

        &:hover {
            background-color: $gray-700;
        }

        &.disabled,
        &.disabled:hover {
            background-color: transparent;
            color: $nav-link-disabled-color;
        }

        &.active {
            background-color: $primary;
        }
    }
}

.breadcrumb {
    a {
        color: #fff;
    }
}

.pagination {
    a:hover {
        text-decoration: none;
    }
}

// Indicators ==================================================================

.alert {
    border: none;
    color: $white;

    a,
    .alert-link {
        color: #fff;
        text-decoration: underline;
    }

    @each $color, $value in $theme-colors {
        &-#{$color} {
            @if $enable-gradients {
                background: $value linear-gradient(180deg, mix($white, $value, 15%), $value) repeat-x;
            } @else { // stylelint-disable-line block-closing-brace-newline-after
                background-color: $value;
            }
        }
    }

    &-light {
        &,
        & a,
        & .alert-link {
            color: $body-bg;
        }
    }
}

.badge {
    &-warning {
        color: $white;
    }
}

.close {
    opacity: 0.6;

    &:hover {
        opacity: 1;
    }
}

// Progress bars ===============================================================

// Containers ==================================================================

.list-group-item {
    &:hover {
        background-color: $gray-700;
        color: #fff;
    }

    &-action {
        color: $gray-500;

        .list-group-item-heading {
            color: $gray-500;
        }
    }

    &:hover .list-group-item-heading {
        color: #fff;
    }
}

.card,
.list-group-item {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
    }
}

.popover {
    &-title {
        border-bottom: none;
    }
}

// Fixes =======================================================================

.bg-dark,
.bg-white {
    background-color: $gray-700 !important;
}

.bg-dark {
    color: $gray-500;
    &.text-light {
        color: #fff !important;
    }
}