/* -------------- */
/* Activity menus */
/* -------------- */
/* Activity menu Grid */
.xactivity_menu_wrapper {
  display: grid;
  grid-template-columns: repeat(22, [col] 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  background-color: #D4A83F; }

.xactivity_menu_wrapper .menubox {
  grid-column: auto / span 3;
  border-left: none;
  grid-gap: 0px;
  text-align: center; }
  .xactivity_menu_wrapper .menubox a {
    text-transform: uppercase; }

.activity_menu_wrapper .mobile {
  display: none; }

.xactivity_menu {
  grid-column: col 1 / span 12; }

.xactivity_menu_wrapper .menubox a:hover {
  background-color: #3B67A2; }

.xactivity_menu_wrapper .menubox a {
  color: white; }

.xactivity_menu_wrapper .spacer {
  grid-column: auto / span 1; }

.xactivity_menu_wrapper .submenu a {
  color: black;
  text-transform: capitalize; }

.xactivity_menu_wrapper .menubox:last-child {
  border-right: none; }

/* Media Queries max 650px: */
@media (max-width: 550px) {
  .activity_menu_wrapper .menubox {
    display: none; }

  .activity_menu_wrapper .mobile {
    margin: 0 auto;
    display: block;
    width: 75%; }

  .activity_menu_wrapper .mobile a.button {
    width: 48%; }

  .activity_menu_wrapper {
    display: block;
    margin: 0 auto;
    background-color: #383B45; }

  .audio_player {
    padding: 0px 10px 0px 10px; } }

/*# sourceMappingURL=activity_menu.css.map */