/* Diving page (/diving-offerings/) */

/* hero: block section, blue + bubbles, grey curve divider flipped to the right */
.dv-hero { background-blend-mode: multiply; }
.dv-hero__title { margin-bottom: 2.75%; font-size: 4vw; color: var(--white); }   /* Divi block-column module margin */
.dv-hero__text { padding-bottom: 10px; }                                          /* the empty <h4> that follows the paragraph on the live page */
.dv-hero__text p { font-size: 1.5vw; color: rgba(255, 255, 255, .8); }
.dv-hero__divider { transform: scale(-1, 1); }

/* photo tiles: 250px background-image columns with a white label pinned to the bottom */
.dv-tile { height: 250px; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; }
.dv-tile__label {
  padding: 5px 20px;
  background-color: var(--white);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -8px 4px -6px rgba(0, 0, 0, .3);
  overflow: hidden;
}
.dv-tile__label h2 { font-size: 23px; text-align: center; }

/* white rounded cards on the grey section */
.dv-card { border-radius: 15px; box-shadow: 0 8px 10px -6px rgba(0, 0, 0, .3); overflow: hidden; }

/* small blue pill button ("All courses") */
.dv-btn {
  padding: 4.5px 15px;
  border: 0;
  border-radius: 15px;
  font-size: 15px;
  line-height: 1.7em;
  color: var(--white);
  background-color: var(--primary);
}
.dv-btn:hover { padding: .3em 1em; }

@media (max-width: 980px) {
  .dv-hero__title { margin-bottom: 30px; }
  .dv-tiles { flex-wrap: wrap; }
}
@media (max-width: 767px) {
  .dv-hero__title { font-size: 7vw; }
  .dv-hero__text p { font-size: 3.5vw; }
}

/* the photo tiles link to the cards below (Divi column links #shore/#boat/#safari/#padi) */
.dv-tile { position: relative; }
.dv-tile__link { position: absolute; inset: 0; z-index: 1; }
.dv-tile__label { position: relative; z-index: 2; pointer-events: none; }