@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

body {
  font-family: 'Cormorant Unicase', serif;
  display: flex;
  flex-direction: column;
  background-color: #222;
  color: #333;
}

.navbar .navbar-burger span {
  background-color: #6db884;
}


.navbar-burger.is-active span {
  background-color: #6db884;
}

/* Dropdown arrow */
.navbar .navbar-link::after {
  border-color: #6db884;
}

.navbar-link:hover::after {
  border-color: #6db884;
}

.navbar {
  background-color: #222;
  /*color: #d7c8b1;*/
}

.navbar-item {
  color: #a3a9b3 !important;
}

.navbar-link {
color: #a3a9b3 !important;
}

.navbar-item:hover {
  background-color: #f5f5f5 !important; /* pale/cream hover background */
  color: #0e442f !important;            /* dark green text on hover */
}

.navbar-button {
  margin: 8px;
}

subtitle {
  font-family: "Amarante", serif;
  font-weight: 400;
  font-style: normal;
  align-items: center;
}

#subtitles {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /* FIX #2: center the text inside the stretched column */
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;   /* vertical centering */
  align-items: center;       /* horizontal centering */
  text-align: center;
}

/* Override Bulma's default button color */
.button {
  background-color: #0e442f !important;
  color: #d7c8b1 !important;
  border-color: #0a3021 !important;
}

#instagram-button{
  color: #d7c8b1 !important;
  font-size: 1.5em; 
  padding-top: 3px;
}

.button:hover,
.button:focus {
  background-color: #197954 !important;
  border-color: #0a3021 !important;
}

#tagline-banner{
  background-color: #d7c8b1;
}

.columns{
  background-color: #222;
  align-items: stretch; /* make sibling columns equal height */
  #synopsis-image {
    margin: 20px;
  }
  #synopsis-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    .subtitle {
      padding: 20px;
      margin-right: 20px;
      color: #d7c8b1;
      vertical-align: middle;
    }
  }
}

/* FIX #1: allow each column to stretch to the tallest sibling */
.column {
  display: flex;
}

.subtitle,
.title {
  color: #0e442f;
}

#booking-banner{
  background-color: #0e442f;
  background-image: url('imgs/texture_green.jpg');
  background-size: cover;
  margin: 0;
  position: sticky;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
  z-index: 10;
}