/* Genealogy Cruise - extracted from page--european-river-cruises.tpl.php */
#testimonial-slider-heritage .flex-control-nav {
  position: relative !important;
}
.daytimephone-textfield {
  display: none;
}
.list-column li {
  font-size: 16px !important;
}
.span4 {
  width: 40%;
}
.span8 {
  width: 55%;
}
.learn-more-button {
  border: none;
  background-color: #9cbe30;
  color: #fff;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
  padding: 10px 25px 10px 25px;
}
@media all and (min-width: 700px) {
  #testimonial-slider-heritage li .testimonial-area {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .testimonial-header {
    background: #92b62b;
    margin-bottom: 3px;
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    min-height: 40px;
  }
}
@media all and (max-width: 700px) {
  .span4 {
    width: 100%;
  }
  .span8 {
    width: 100%;
  }
  .container-fluid.ancestral-width {
    padding: 0px;
    margin-left: 0px;
  }
}
/* The "Tab menu" block that used to sit here was removed: it broke the site
   header on this page.
   It came from page--european-river-cruises.tpl.php (see the file header), a
   DIFFERENT legacy template, and styled that page's `.nav ul > li > a` tab strip
   plus its #prior_to_your_sailing / #during_your_river_cruise / #optional_addons
   panels. None of that markup exists here -- neither
   progen-content/src/views/genealogy-cruise.html nor GenealogyCruisePage.js
   contains a single one of those hooks.
   What the rules DID match is the shared site navigation: Header.js renders
   `<nav className="nav navLoggedOut navStandard" id="mainNav">`, so the
   unscoped `.nav ul` / `.nav li` / `.nav a` selectors repainted the main menu
   with the tab strip's brown #93836a background, white link text, a 40px item
   height, `min-width: 275px` per item and a drop shadow. Because this
   stylesheet is only loaded for `genealogy-cruise` (PAGE_CSS_MAP in
   renderPage.js), the header broke on this page alone.
   Any tab strip added here later needs its own page-scoped class, not `.nav`. */

h3 {
  margin: 0 0 20px 0;
}
.main_content ul li {
  font-family: 'Suisse';
  color: #666;
  text-align: justify;
}
.main_content .span4 img {
  width: 100%;
}
@media all and (max-width: 480px) {
  /* The `.nav li { width: 100%; margin-right: 0 }` rule that used to open this
     block was part of the same removed tab strip, and matched the shared
     `#mainNav` the same way -- stretching each main-menu item to the full width
     below 480px. Removed with the rest of that block. */
  .row,
  .span8,
  .span4 {
    margin-left: 0;
  }
}