// Minty 4.1.3
// Bootswatch


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

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

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: unquote("url('[[font:theme|Montserrat-Thin.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100;
    src: unquote("url('[[font:theme|Montserrat-ThinItalic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: unquote("url('[[font:theme|Montserrat-ExtraLight.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 200;
    src: unquote("url('[[font:theme|Montserrat-ExtraLightItalic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: unquote("url('[[font:theme|Montserrat-Light.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: unquote("url('[[font:theme|Montserrat-LightItalic.otf]]')");
}

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

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: unquote("url('[[font:theme|Montserrat-Italic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: unquote("url('[[font:theme|Montserrat-Medium.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: unquote("url('[[font:theme|Montserrat-MediumItalic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: unquote("url('[[font:theme|Montserrat-SemiBold.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: unquote("url('[[font:theme|Montserrat-SemiBoldItalic.otf]]')");
}

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

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: unquote("url('[[font:theme|Montserrat-BoldItalic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: unquote("url('[[font:theme|Montserrat-ExtraBold.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: unquote("url('[[font:theme|Montserrat-ExtraBoldItalic.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: unquote("url('[[font:theme|Montserrat-Black.otf]]')");
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: unquote("url('[[font:theme|Montserrat-BlackItalic.otf]]')");
}

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

.navbar {
    font-family: $headings-font-family;
}

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

.border-dark {
    border-color: $secondary !important; // stylelint-disable-line declaration-no-important
}

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

.btn {
    font-family: $headings-font-family;

    &,
    &:hover {
        color: $white;
    }

    &-link,
    &-link:hover {
        color: $primary;
    }

    &-link.disabled:hover {
        color: $gray-600;
    }

    &-outline-primary {
        color: $primary;
    }

    &-outline-secondary {
        color: $secondary;
    }

    &-outline-success {
        color: $success;
    }

    &-outline-info {
        color: $info;
    }

    &-outline-warning {
        color: $warning;
    }

    &-outline-danger {
        color: $danger;
    }

    &-outline-dark {
        color: $dark;
    }

    &-outline-light {
        color: $light;
    }
}

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

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

.table {

    &-primary,
    &-secondary,
    &-success,
    &-info,
    &-warning,
    &-danger {
        color: #fff;
    }

    &-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;
            }
        }
    }

    .thead-dark th {
        background-color: $primary;
        border-color: $table-border-color;
        font-family: $headings-font-family;
    }
}

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

legend {
    font-family: $headings-font-family;
}

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

.dropdown-menu {
    font-family: $font-family-sans-serif;
}

.breadcrumb {
    a {
        color: $navbar-dark-color;
    }

    a:hover {
        color: $white;
        text-decoration: none;
    }
}

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

.alert {
    color: $white;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
    }

    a,
    .alert-link {
        color: $white;
    }

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

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

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

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

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

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

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

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

    &-light {
        &,
        & a:not(.btn),
        & .alert-link {
            color: $body-color;
        }
    }
}

.badge {
    color: $white;

    &-light {
        color: $gray-700;
    }
}

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

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

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