html {
  scroll-behavior: smooth !important;
}

* {
  outline: none !important;
  &::selection {
    background-color: $my-orange;
    color: white;
  }
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

button:focus {
  outline: none !important;
  outline: 0 auto -webkit-focus-ring-color;
}

.form-control:focus {
  outline: 0;
  box-shadow: none;
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
  z-index: 0;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0;
}

a {
  @extend %tr02;
  text-decoration: none;
  color: inherit;

  &:hover {
    text-decoration: none;
    color: inherit;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

body {
  &.menu-active {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}

body {
  background-color: #fff !important;
  font-family: "ProximaNova", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

html {
  position: relative;
  height: 100%;
}