/* Measure Menus 
---------------------------------------------------------------------------- */

.is-style-feature-menu .wp-block-navigation-item, 
.is-style-measure-menu .wp-block-navigation-item  {
  -webkit-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.25); 
  box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.25);
	border-radius: 5px;
  background-color:#d7e7f8; 
  border: 1px solid #a8ccf1;
  flex-grow: 1;
  margin: 0;
}

/* Allow muting of buttons in content isn't finished. */
.is-style-measure-menu .is-muted.wp-block-navigation-item, 
.is-style-measure-menu .is-muted.wp-block-navigation-item   {
  opacity: .4;
}

.is-style-feature-menu .wp-block-navigation-link a,
.is-style-feature-menu .wp-block-navigation-link a:link,
.is-style-measure-menu .wp-block-navigation-link a,
.is-style-measure-menu .wp-block-navigation-link a:link {
  flex-grow: 1;
  padding: 10px 15px;
  color: var(--wp--preset--color--charcoal);
  text-decoration: none;
  text-align: center;
  background-color:#d7e7f8; 
  border: 1px solid #a8ccf1;
  border-radius: 5px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; 
}

.is-style-feature-menu .wp-block-navigation-link a:visited,
.is-style-measure-menu .wp-block-navigation-link a:visited {
  color: var(--wp--preset--color--charcoal);
  text-decoration: none;
}

.is-style-measure-menu .wp-block-navigation-link a span.report-count {
  font-size: .9em;
  color: var(--wp--preset--color--purple);
}

@media only screen and (min-width: 480px) {  

  .is-style-feature-menu .wp-block-navigation-link,
  .is-style-measure-menu .wp-block-navigation-link  {
    width: auto
  }

  .is-style-feature-menu .wp-block-navigation-link a,
  .is-style-measure-menu .wp-block-navigation-link a {
    flex-basis: auto;
  }

}

.is-style-feature-menu .wp-block-navigation-link a,
.is-style-feature-menu .wp-block-navigation-link a:link {
  background-color: var(--wp--preset--color--lt-green);
  border: 1px solid var(--wp--preset--color--med-green); 
}

.is-style-feature-menu .wp-block-navigation-link a:focus, 
.is-style-feature-menu .wp-block-navigation-link a:hover,
.is-style-measure-menu .wp-block-navigation-link a:focus, 
.is-style-measure-menu .wp-block-navigation-link a:hover {
  background-color: var(--wp--preset--color--lt-gold);
  border: 1px solid var(--wp--preset--color--dk-gold);
  transform: scale(1.02, 1.02);
}