/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.gsd-school-choice-guide-public-display-banner {
  border: none!important;
  padding: 1rem;
  /* animate the font size and padding */
  -webkit-transition: font-size 0.5s ease-in-out, padding 0.5s ease-in-out;
  -moz-transition: font-size 0.5s ease-in-out, padding 0.5s ease-in-out;
  -o-transition: font-size 0.5s ease-in-out, padding 0.5s ease-in-out;
  transition: font-size 0.5s ease-in-out, padding 0.5s ease-in-out;
}

a:focus .gsd-school-choice-guide-public-display-banner {
  text-decoration: underline;
}

a:focus .gsd-school-choice-guide-public-display-banner,
.gsd-school-choice-guide-public-display-banner:hover {
  font-size: 2rem;
  padding: 0.85rem;
}