// Litera 4.1.3
// Bootswatch


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

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

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

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: unquote("url('[[font:theme|Raleway-Bold.ttf]]') format('truetype')");
}

$font-family-serif:      Georgia, Cambria, "Times New Roman", Times, serif !default;

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

.navbar {
    font-size: 0.875em;
}

.bg-dark {
    background-color: $success !important; // stylelint-disable-line declaration-no-important
}

.bg-light {
    background-color: #fff !important; // stylelint-disable-line declaration-no-important
    border: 1px solid rgba(0, 0, 0, 0.1);

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

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

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

.btn {
    border-radius: 1.078em;
    font-family: $font-family-sans-serif;
    font-size: 0.875em;

    &-lg {
        border-radius: 2.688em;
    }

    &-sm {
        border-radius: 0.844em;
        font-size: 0.688em;
    }

    &-secondary,
    &-secondary:hover,
    &-warning,
    &-warning:hover {
        color: $white;
    }
}

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

p {
    font-family: $font-family-serif;
}

blockquote {
    font-style: italic;
}

footer {
    font-size: 0.875em;
}

.lead {
    color: $gray-600;
    font-family: $font-family-sans-serif;
}

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

table,
.table {
    font-size: 0.875em;

    &-primary,
    &-secondary,
    &-success,
    &-info,
    &-warning,
    &-danger {
        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 =======================================================================

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

.nav,
.breadcrumb,
.pagination {
    font-size: 0.875em;
}

.dropdown-menu {
    font-size: 0.875em;
}

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

.alert {
    border: none;
    color: $white;
    font-size: 0.875em;

    &,
    p {
        font-family: $font-family-sans-serif;
    }

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

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

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

.badge {
    vertical-align: bottom;

    &-secondary,
    &-warning {
        color: $white;
    }
}

.tooltip {
    font-size: 11px;
}

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

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

.list-group {
    font-size: 0.875em;
}
