* {
  margin: 0;
  font-family: SFUIDisplayRegular, sans-serif !important;
  letter-spacing: 0.03em !important;
  font-style: normal !important;
}
body {
  background: $default-background-color !important;
  color: $default-text-color !important;
}
.wrapper {
  max-width: 1440px;
  margin: auto;
}

.background-art {
  @extend .mt-3;
  background: url('../assets/svg/dotted-grid.svg') no-repeat right top;
  &.bottom-left {
    background-position: left bottom;
  }
}

.about {
  @extend .row, .container, .mr-auto, .ml-auto;
  &.block {
    display: block !important;
  }
  &>div {
    @extend .col-sm-12, .col-md-4, .pr-3;
    
    &.larger {
      @extend .col-md-7, .p-5;
      div {
        @extend .d-flex, .align-items-start, .mb-3;
        font-size: 1rem;
      }
    }
  }
}

.innovator {
  @extend .d-flex, .col-sm-4, .text-center, .text-sm-left, .p-3;
  width: 100% !important;
  max-width: 400px !important;
  padding-left: 0px;
}

.text-default {
  color: #1E1E1E !important;
}

img.invert {
  filter: invert(100);
}

.flip{
  transition: transform 0.8s;
  &.horizontal {
    transform-style: preserve-3d;
    transform: rotateY(180deg) !important;
  }
}

.section-title {
  @extend .ml-3;
  font-weight: 600;
  font-size: 1.2em;

  span {
    font-weight: 300 !important;
    font-size: 1em;
  }
}
.filter {
  @extend .pr-4;
  cursor: pointer !important;
  .dropdown-toggle::after {
  content: "" !important;
  margin: 0px !important;
  padding: 0px !important;
  border: none !important;
}
  .dropdown-item {
    border-bottom: $shadow !important;
    &.active, &:hover {
      background: $shadow !important;
    }
  }
}
@include media-breakpoint-down(sm) {
  .section-title {
    font-size: 1em;
  }
  .filter {
    padding-right: 0px !important;
    margin-right: -20px !important;
    font-size: 1em !important;
  }
}

@include media-breakpoint-down(md) {
  .section-title, .filter {
    font-size: 1.3em;
  }
}

.cursor {
  cursor: pointer !important;
}


button {
  outline: none !important;
}