.text-grafted-dark {
  color: var(--grafted-dark) !important;
}

.border-color-grafted-dark {
  border-color: var(--grafted-dark) !important;
}

.bg-grafted-dark {
  background-color: var(--grafted-dark) !important;
}

.bg-base-color {
  background-color: var(--base-color) !important;
}

.bg-dark-gray {
  background-color: var(--dark-gray) !important;
}

/**/
.bg-grafted-dark-transparent-75 {
  background-color: color-mix(in srgb, var(--grafted-dark) 75%, transparent);
}

.bg-base-color-transparent-75 {
  background-color: color-mix(in srgb, var(--base-color) 75%, transparent);
}

.bg-dark-gray-transparent-75 {
  background-color: color-mix(in srgb, var(--base-dark-gray) 75%, transparent);
}

/**/
.bg-grafted-dark-transparent-50 {
  background-color: color-mix(in srgb, var(--grafted-dark) 50%, transparent);
}

.bg-base-color-transparent-50 {
  background-color: color-mix(in srgb, var(--base-color) 50%, transparent);
}

.bg-dark-gray-transparent-50 {
  background-color: color-mix(in srgb, var(--base-dark-gray) 50%, transparent);
}

/**/
.bg-grafted-dark-transparent-25 {
  background-color: color-mix(in srgb, var(--grafted-dark) 25%, transparent);
}

.bg-base-color-transparent-25 {
  background-color: color-mix(in srgb, var(--base-color) 25%, transparent);
}

.bg-dark-gray-transparent-25 {
  background-color: color-mix(in srgb, var(--base-dark-gray) 25%, transparent);
}


/* .bg-medium-gray {
    background-color: var(--base-color) !important;
} */


#home {
  background-image: url('../images/hero-bg-square.jpg');
  background-size: cover;
  background-position: center;
}

/* Small screens (mobile) */
@media (max-width: 767px) {
  #home {
    background-image: url('../images/hero-bg-square.jpg');
  }
}
@media (min-width: 768px){
  #nav-grafted {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


/* Medium screens (tablet) */
@media (min-width: 768px) and (max-width: 1199px) {
  #home {
    background-image: url('../images/hero-bg-square.jpg');
  }
}

/* Large screens (desktop) */
@media (min-width: 1200px) {
  #home {
    background-image: url('../images/hero-bg-square.jpg');
  }
}

.cursor-default {

  cursor: default;
}

.navbar .navbar-nav .nav-link {
  font-size: 20px;
}

.scroll-top-arrow,
.scroll-top-arrow:focus {
  background: #fff;
  font-size: 17px;
  line-height: 34px;
  box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  display: none;
  height: 34px;
  width: 34px;
  padding: 0;
  position: fixed;
  right: 45px;
  text-align: center;
  text-decoration: none;
  bottom: 45px;
  z-index: 1029;
  border-radius: 100%
}

.scroll-top-arrow:hover {
  background: #fff;
  color: #828282;
  box-shadow: 0 0 30px rgba(23, 23, 23, .4);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px)
}