:root {
    --bh-gold: 176, 147, 89;
}

body {
  /* padding-top: 3rem; */
  /* padding-bottom: 3rem; */
  color: rgb(var(--bs-tertiary-color-rgb));
  transition: all 0.4s;
}

a {
    --bs-link-color-rgb: rgba(var(--bh-gold), var(--bs-link-opacity, 1));
}

a:hover {
    --bs-link-hover-color-rgb: rgba(var(--bh-gold), var(--bs-link-opacity, 1));
    color: rgba(var(--bh-gold), 1);
}

#main_menu li.nav-item:hover > a {
    text-decoration: none;
}

.btn.btn-gold {
    background-color: rgba(var(--bh-gold), 0.90);
    color: #ffffff;
}

.btn:hover.btn-gold {
    background-color: rgba(var(--bh-gold), 1);
}


[data-bs-theme=light] #navbar:not(.bg-body) .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

a.image-scale:hover img {
	  transform: scale(1.1);
    transition: all 200ms;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/* .carousel {
  margin-bottom: 4rem;
} */
/* Since positioning the image, we need to help out the caption */
/* .carousel-caption {
  bottom: 3rem;
  z-index: 10;
} */

/* Declare heights because of positioning of img element */
/* .carousel-item {
  height: 32rem;
} */


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.navbar {
  /* background: linear-gradient(0deg, rgba(33,37,41,0) 0%, rgba(33,37,41,1) 100%); */
  transition: all .4s;
}

li.nav-item.dropdown.position-static > a {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0 2rem;
}

#main_menu a.nav-link.dropdown-toggle::after {
  display: none;
}

#main_menu .nav-item > a,
#settings_menu .nav-item > a,
#settings_menu .nav-item > button {
  color: var(--bs-light);
}

[data-bs-theme="light"] #navbar.bg-body #main_menu .nav-item > a,
[data-bs-theme="light"] #navbar.bg-body #settings_menu .nav-item > a,
[data-bs-theme="light"] #navbar.bg-body #settings_menu .nav-item > button {
  color: var(--bs-dark);
}

/* Dropdown Menu
--------------------------------------- */
#main_menu .dropdown-menu {
    left: 5vw;
    right: 5vw;
    margin-top: 1rem;
}

@media only screen and (max-width: 768px) {
    #navbarCollapse {
      background-color: var(--bs-body-bg);
      color: var(--bs-body-color);
    }

    [data-bs-theme="light"] #main_menu .nav-item > a {
        color: var(--bs-dark);
    }

    #main_menu .dropdown > a {
        line-height: 3;
    }

    /* .card-img {
        display: none;
    } */
}

@media only screen and (min-width: 768px) {
    #settings_menu .dropdown-menu {
        top: unset;
    }

    .dropdown-menu .card {
        --bs-card-bg: transparent;
    }

    .dropdown-menu .list-group-item {
        --bs-list-group-bg: transparent;
    }

    #main_menu .dropdown:hover > .dropdown-menu {
        display: block;
        z-index: 1200;
    }
}

/* @media only screen and (min-width: 768px) and (max-width: 992px) {
    #main_menu .dropdown-menu {
        left: 5vw;
        right: 5vw;
        margin-top: 1rem;
    }
} */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #main_menu .dropdown-menu {
        left: 15vw;
        right: 15vw;
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 1400px) {
    #main_menu .dropdown-menu {
        left: 25vw;
        right: 25vw;
        margin-top: 1rem;
        max-width: 50vw;
    }
}

#main_menu .dropdown:hover > a {
    color: rgba(var(--bh-gold), 1);
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .navbar > .container,
    .navbar-collapse {
    align-items: stretch;
    }
}

#navbar.bg-body {
  background-color: inherit;
}

#navbar .navbar-brand #logo_white {
    display: inline;
}

#navbar .navbar-brand #logo_color {
    display: none;
}

#navbar.bg-body .navbar-brand img {
  max-height: 50px;
}

#navbar.bg-body .navbar-brand #logo_white {
    display: none;
}

#navbar.bg-body .navbar-brand #logo_color {
    display: inline;
}

#main_nav .card img {
  border-radius: var(--bs-card-inner-border-radius);
}

@media only screen and (max-width: 768px) {
    .navbar-collapse {
        max-height: 80vh;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

#shortcuts {
    position: fixed;
    top: 15vh;
    right: 1vh;
    z-index: 1000;
}

#shortcuts .btn {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

header::before {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom,
      rgba(0,0,0,.85)1%,
      rgba(0,0,0,.6273)19%,
      rgba(0,0,0,.45985)34%,
      rgba(0,0,0,.3247)47%,
      rgba(0,0,0,.2363)56.5%,
      rgba(0,0,0,.1649)65%,
      rgba(0,0,0,.1071)73%,
      rgba(0,0,0,.06375)80.2%,
      rgba(0,0,0,.0357)86.1%,
      rgba(0,0,0,.01785)91%,
      rgba(0,0,0,.0068)95.2%,
      rgba(0,0,0,.0017)98.2%,
      rgba(0,0,0,0)100%);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
}

/* Datepicker */
[data-bs-theme="dark"] .datepicker-picker {
    background-color: var(--bs-dark-bg-subtle);
}

[data-bs-theme="dark"] .datepicker-controls .button {
    background-color: var(--bs-dark-bg-subtle);
}

[data-bs-theme="dark"] .datepicker-cell:not(.disabled):hover {
    background-color: var(----bs-body-bg-secondary);
}

/* Booking widget */
[data-bs-theme="dark"] #booking_widget {
    background-color: rgb(248, 249, 250);
}

/* Sticker */
#superior_sticker {
    background-color: #ffffff;
    border-radius: 50%;
    color: rgba(var(--bh-gold), 1);
    position: absolute;
    top: 60vh;
    left: 15vw;
    height: 180px;
    width: 180px;
    z-index: 1000;
}

#superior_sticker:hover {
	  transform: scale(1.1);
    transition: all 200ms;
}

#superior_sticker .badge {
    background-color: rgba(var(--bh-gold), 1) !important;
}