/* The home page: its colored buttons, recent price changes and news. */

/* Home page buttons in Disney Cruise Line's navy, blue, red and gold,
   each with text that reads clearly on it */
.hero-btn-d:nth-child(2) {
  background: #1A2B4C;
}
.hero-btn-d:nth-child(3) {
  background: #022EB8;
}
.hero-btn-d:nth-child(4) {
  background: #C8102E;
}
.hero-btn-d:nth-child(5) {
  background: #FFD700;
  color: #1A2B4C;  /* white on gold is unreadable */
}
.hero-btn-d:nth-child(6) {
  background: #1A2B4C;
}
.hero-btn-d:nth-child(7) {
  background: #022EB8;
}
.hero-btn-d:nth-child(8) {
  background: #C8102E;
}
.hero-btn-d:nth-child(9) {
  background: #FFD700;
  color: #1A2B4C;  /* white on gold is unreadable */
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */
  width: 130px;
  top: 100%;
  left: 50%;
  margin-left: -65px; /* Use half of the width (130/2 = 65), to center the tooltip */
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1; /* Ensure tooltip is displayed above content */
  font-size: 0.8em;
}

/* Show the tooltip text on hover */
.btn-tooltip:hover .tooltiptext {
  visibility: visible;
}

.change-list {
    list-style: none;
    padding: 0;
}

.change-entry {
    margin-bottom:0.1em;
    padding:0.1em;
    border:1px solid #ddd;
    border-radius:4px;
}

.change-entry-cabin {
    color: #666;
    font-size: 0.9em;
}

.change-entry-diff {
    margin-left: 0.5em;
    font-weight: bold;
}

/* The Patreon post on the home page reads as written there: left-aligned
   unless the post sets its own alignment (the section centers its text) */
.news-post {
  text-align: left;
}
/* Its headings start at <h3> under the post title; the browser's default
   <h5> is smaller than the text, so size them as headings */
.news-post h3 { font-size: 1.35em; margin: 1em 0 0.4em; }
.news-post h4 { font-size: 1.2em; margin: 1em 0 0.4em; }
.news-post h5,
.news-post h6 { font-size: 1.1em; margin: 1em 0 0.4em; }