/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.breadcrumbs {
  padding-top: 16px;
  padding-bottom: 16px; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs {
      padding-bottom: 10px;
      padding-top: 10px; } }

.breadcrumbs ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0; }
  .breadcrumbs ul li {
    padding: 0 8px; }
    .breadcrumbs ul li:last-child {
      padding-right: 0; }
      .breadcrumbs ul li:last-child a::after {
        display: none; }
    .breadcrumbs ul li:first-child {
      padding-left: 0; }
    .breadcrumbs ul li a {
      color: #818E97;
      font-weight: 500;
      font-size: 10px;
      position: relative;
      letter-spacing: 0.7px;
      text-transform: uppercase; }
      .breadcrumbs ul li a::after {
        content: "/";
        position: absolute;
        width: 1px;
        height: 22px;
        right: -4px;
        top: -1px; }
    .breadcrumbs ul li span.current {
      color: #818E97;
      font-weight: 500;
      font-size: 10px;
      position: relative;
      letter-spacing: 0.7px;
      text-transform: uppercase; }

.breadcrumbs-wrapper ol, .breadcrumbs-wrapper ul, .breadcrumbs-wrapper dl {
  margin: 0; }