// This is the place to place Bootstrap-related CSS customizations. // As example you can start by importing the _bootswatch.scss file from one of the // theme provided by bootswatch.com .

// Minty 4.3.1 // Bootswatch

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

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

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

.navbar {

font-family: $headings-font-family;

}

.bg-dark {

background-color: $secondary !important;

}

.border-dark {

border-color: $secondary !important;

}

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

.btn {

font-family: $headings-font-family;

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

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

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

}

.logo-icon {

color: $gray-800;

}