/*
 * Home page (front-page.php, template-parts/home/*).
 */

/* Country cards are links; the React card was a clickable div. */
.an-home-card-link,
.an-home-card-link:hover,
.an-home-card-link:focus {
  color: inherit;
  text-decoration: none;
}

/*
 * Video or slider, like useWindowSize() in index.js:
 *   width > 1350  700px video
 *   width > 1050  500px video
 *   otherwise     image slider
 * (.an-home-slider is only set when there is a video.)
 */
.an-home-video {
  display: none;
}
@media (min-width: 1051px) {
  .an-home-video--mid {
    display: block;
  }
  .an-home-slider {
    display: none;
  }
}
@media (min-width: 1351px) {
  .an-home-video--mid {
    display: none;
  }
  .an-home-video--wide {
    display: block;
  }
}

/* Search box labels: antd vertical form labels */
.an-home-search .an-field > label {
  text-align: left;
}