restaurantStyle.scss

$starCheckedColor: orange;
$btnOrderOnlineColorYellow: orange;
$imgUrl:url("https://source.unsplash.com/1280x720/?food,food");
// $imgUrl: url("https://mdbootstrap.com/img/new/standard/nature/111.jpg");

.checked {
  color: $starCheckedColor;
}

.btnOrderOnline {
  background-color: $btnOrderOnlineColorYellow;
  color: black;
  border-radius: 15px;
}

.img-fluid {
  content: $imgUrl;
}
.row {
  margin-top: 4vh;
}

.owl-item {
  cursor: pointer;
}

.owl-item:hover {
  img {
    opacity: 0.8;
  }

  p {
    text-decoration: underline;
  }
}

.owl-prev {
  left: -30px;
}

.owl-next {
  right: -4px;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 30%;
}

.owl-prev span,
.owl-next span {
  font-size: 3rem;
}

.owl-dot {
  font-size: 4rem;
}

.div-btn {
  position: absolute;
  top: 12px;
  right: 22px;
}

.btn-outline-dark {
  border-right: transparent;
  border-color: lightgray;
  border-radius: 5px;
  border-width: 2px;
  height: 35px;
}
// .btn-outline-dark:focus-visible {
//   border-right: transparent;
//   border-color: lightgray;
//   border-radius: 5px;
//   border-width: 2px;
//   height: 35px;
// }
.btn-outline-dark i {
  font-size: 0.8rem;
}
.inbSearch {
  border-color: lightgray;
  border-radius: 5px;
  border-width: 2px;
}

//footer

footer {
  background-color: #FAF1ED;
}

footer p {
  color: #5a5151;
}

footer a {
  color: black;
  font-weight: 520;
}

footer a:hover {
  text-decoration: underline;
  color: #56645f;
}

footer span {
  color: #5a5151;
}

footer ul {
  list-style: none;
  padding-left: 0;
}

footer ul a {
  text-decoration: none;
}

.card-text,.card-title
  { 
    text-overflow: ellipsis;
    overflow: hidden; 
    width: 160px; 
    height: 1.2em; 
    white-space: nowrap;
  }