/* Site additions on top of the Agency template (agency.min.css). Shared by every page. */

/* Call-to-reserve buttons */
.cta-phone { display: block; margin-top: 6px; font-size: 15px; letter-spacing: 1px; }
.reserve-cta { margin-top: 40px; }
.reserve-cta p { font-size: 18px; margin-bottom: 20px; }

/* Hero tagline under the h1 */
.intro-sub { display: block; margin-top: 15px; font-size: 0.4em; line-height: 1.3; letter-spacing: 2px; color: #fed136; }

/* Reviews */
.reviews-section { background-color: #212529; }
.reviews-section .section-heading { color: #fff; }
.reviews-section .section-subheading { color: #fed136; }
.review-card { background: #fff; border-radius: 6px; padding: 30px; margin: 0; }
.review-stars { color: #fed136; font-size: 20px; margin-bottom: 15px; }
.review-card blockquote { margin: 0 0 20px; }
.review-card blockquote p { color: #495057; }
.review-card figcaption { font-family: Montserrat, sans-serif; font-weight: 700; }
.review-card figcaption span { display: block; font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; color: #6c757d; }

/* Services: link under each service */
.service-link { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }

/* Fare tables (home page and ride pages) */
.fares { max-width: 640px; margin: 50px auto 0; }
.fares h3 { font-size: 22px; text-align: center; margin-bottom: 20px; }
.fares table { background: #fff; }
.fares td:last-child, .fares th:last-child { text-align: right; white-space: nowrap; font-weight: 700; }
.fares .fares-note { font-size: 14px; color: #6c757d; text-align: center; }

/* FAQ */
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item { margin-bottom: 30px; }
.faq-item h3 { font-size: 20px; text-transform: none; margin-bottom: 8px; }
.faq-item p { color: #495057; margin-bottom: 0; }

/* Ride pages (las vegas / zion / medical). Selectors start with header.masthead to outrank
   agency.min.css's header.masthead .intro-text rules. */
header.masthead.page-hero { background-size: cover; }
header.masthead.page-hero .intro-text { padding-top: 150px; padding-bottom: 80px; }
header.masthead.page-hero .intro-text .intro-heading { font-size: 30px; line-height: 1.2; margin-bottom: 30px; }
@media (min-width: 768px) {
  header.masthead.page-hero .intro-text { padding-top: 200px; padding-bottom: 120px; }
  header.masthead.page-hero .intro-text .intro-heading { font-size: 56px; }
}
.ride-page .page-section { padding: 70px 0; }
.ride-page h2 { font-size: 28px; margin-bottom: 20px; }
.ride-page .lead-copy { font-size: 18px; }
.ride-page ul.ride-points { padding-left: 20px; }
.ride-page ul.ride-points li { margin-bottom: 8px; }
.ride-page .notice { border-left: 4px solid #fed136; background: #fff8dc; padding: 15px 20px; margin: 25px 0; }
.related-rides a { display: block; margin-bottom: 8px; }


/* Dark call-to-action band on ride pages */
.cta-band { background-color: #212529; }
.cta-band .section-heading { color: #fff; font-size: 28px; }