#side-menu {
  background-color: var(--primary-red);
}

.close {
  background: transparent;
  border: none;
  color: var(--bs-white);
}

.input-group:focus-within {
  outline: 1px ridge var(--primary-red);
  border-radius: 20px;
  outline-offset: 4px;
}

.input-group .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

.input-with-rotating-shadow {
  position: relative;
  border-radius: 30px;
  z-index: 1;
  background: white;
}

/* The rotating shadow */

.input-with-rotating-shadow::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  border-radius: 40px;
  z-index: -1;
  animation: orbit-shadow 4s linear infinite;
}

@keyframes orbit-shadow {
  0% {
    box-shadow: 0 -10px 30px rgba(235, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 7px -7px 30px rgba(235, 0, 0, 0.7);
  }
  25% {
    box-shadow: 10px 0 30px rgba(235, 0, 0, 0.7);
  }
  37.5% {
    box-shadow: 7px 7px 30px rgba(235, 0, 0, 0.7);
  }
  50% {
    box-shadow: 0 10px 30px rgba(235, 0, 0, 0.7);
  }
  62.5% {
    box-shadow: -7px 7px 30px rgba(235, 0, 0, 0.7);
  }
  75% {
    box-shadow: -10px 0 30px rgba(235, 0, 0, 0.7);
  }
  87.5% {
    box-shadow: -7px -7px 30px rgba(235, 0, 0, 0.7);
  }
  100% {
    box-shadow: 0 -10px 30px rgba(235, 0, 0, 0.7);
  }
}

.text-on-image {
  text-shadow: 0 0 30px rgba(255, 255, 255, .5) !important;
  font-weight: 900;
}

:root {
  --brand-primary: #e63946;
  /*--brand-secondary: #fff;*/
  --link-default-color: var(--brand-primary);
  /*--link-hover-color: #ff6a7e;*/
}

a {
  color: var(--link-default-color);
  text-decoration: none;
}

a:hover {
  color: var(--brand-primary);
  /*font-weight: 900;*/
}

/* For visited links (optional) - good for UX */

a:visited {
  /*color: var(--brand-primary);*/
}

/* For focus state (accessibility important!) */

a:focus {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}

:focus {
  outline: 0;
}

.border-detailing {
  border-radius: 10px;
  border: 1px solid var(--primary-red);
}