/*
 * @file
 * Provides the layout styles for four-column layout section.
 */
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.ui-autocomplete {
  border-color: #002855;
  border-color: rgba(0, 40, 85, 0.5);
  background-clip: padding-box;
}
.ui-autocomplete li a {
  display: block;
  color: #002855;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: var(--font-16);
  text-decoration: none;
}
.ui-autocomplete li a.ui-state-active, .ui-autocomplete li a:hover {
  border-color: #002855;
  background-color: #B3DBF5;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #002855;
}

.layout--fourcol-section {
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 30em) {
  .layout--fourcol-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 75em) {
  .layout--fourcol-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
/*# sourceMappingURL=fourcol_section.css.map */