html {
  scroll-behavior: smooth;
  scroll-padding-top: 75px; }

.hero {
  position: relative;
  background-image: url("https://source.unsplash.com/1600x900/?nature");
  /* Change this to your desired image */
  background-size: cover;
  background-position: center;
  height: 30vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

.popover-dismiss {
  position: absolute;
  top: 7px;
  right: 5px; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  /* Dark overlay */
  z-index: 1; }

.hero-content {
  position: relative;
  z-index: 2; }

.reservation-container {
  padding-top: 65px;
  padding-bottom: 65px; }

.calendar-container {
  min-height: 700px;
  position: relative; }

.calendar-date-container {
  display: flex;
  justify-content: center;
  width: 100%; }

.fc-header-toolbar {
  display: flex !important; }

.fc-timegrid-slot,
.fc-timegrid-slot-lane {
  min-height: 40px !important;
  height: 40px !important; }

.form-wrapper {
  max-width: 600px;
  width: 100%; }

@media screen and (max-width: 667px) {
  #reservationModify .modal-footer {
    flex-direction: column-reverse; }
    #reservationModify .modal-footer > div:nth-of-type(1) {
      width: 100%; }
      #reservationModify .modal-footer > div:nth-of-type(1) button {
        width: 100%; }
    #reservationModify .modal-footer > div:nth-of-type(2) {
      width: 100%;
      display: flex; }
      #reservationModify .modal-footer > div:nth-of-type(2) > button:nth-of-type(1) {
        flex: 1;
        margin-right: 10px; }
      #reservationModify .modal-footer > div:nth-of-type(2) > button:nth-of-type(2) {
        flex: 1; } }
.contact-container {
  background-color: #1f1f1f; }
  .contact-container .form-container {
    padding-top: 65px;
    padding-bottom: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff; }
  .contact-container .btn-right {
    display: flex;
    justify-content: flex-end; }
  .contact-container .form-control {
    background-color: #2a2a2a;
    color: #ffffff;
    border: 1px solid #444; }
  .contact-container .form-control::placeholder {
    color: #bbbbbb; }
  .contact-container .form-control:focus {
    background-color: #2a2a2a; }
  .contact-container .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd; }

@media screen and (max-width: 767px) {
  footer > div > .row {
    text-align: center; }
    footer > div > .row h5 {
      margin-top: 20px; }
    footer > div > .row .nav-link {
      display: block; } }

/*# sourceMappingURL=reservation.css.map */