@charset "utf-8";

.media-button-1 a.media-button { display: inline-block; text-decoration: none; }

.media-button-1 .menu-item.media-button { display: inline-block; width: 100%; padding: 0px; font-size: 1.6rem; text-align: left; background: transparent; -webkit-box-align: center; align-items: center; }

.media-button-1 .menu-item.media-button:focus { outline: none; }

.media-button-1 .label.media-button { display: inline-block; padding: 0px; font-weight: 400; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }

.media-button-1 .menu-item.media-button > .icon.media-button { display: inline-flex; vertical-align: middle; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.media-button-1 .menu-item.media-button > .icon.media-button > svg.media-button { height: 4rem; width: 4rem; }

.media-button-1 .menu-item.selected.media-button .icon.media-button { background-color: rgb(51, 51, 51); border-radius: 1rem 0px 0px 1rem; }

.media-button-1 .icon.media-button .fill-color.media-button { fill: rgb(153, 153, 153); }

.media-button-1 .icon.active.media-button .fill-color.media-button { fill: rgb(255, 255, 255); }

.media-button-1 .donate.media-button .fill-color.media-button { fill: rgb(255, 0, 0); }

@media (min-width: 890px) {
  .media-button-1 .menu-item.media-button { width: auto; height: 5rem; color: rgb(153, 153, 153); display: inline-flex; }
  .media-button-1 .menu-item.media-button:hover, .media-button-1 .menu-item.media-button:active, .media-button-1 .menu-item.media-button:focus { color: rgb(255, 255, 255); }
  .media-button-1 .menu-item.media-button:hover .fill-color.media-button, .media-button-1 .menu-item.media-button:active .fill-color.media-button, .media-button-1 .menu-item.media-button:focus .fill-color.media-button { fill: rgb(255, 255, 255); }
  .media-button-1 .label.media-button { display: none; }
  .media-button-1 .label.media-button, .media-button-1 .web.media-button::after { padding-right: 1rem; font-size: 1.3rem; text-transform: uppercase; color: inherit; }
  .media-button-1 .web.media-button::after { display: none; content: "web"; }
  .media-button-1 .donate.media-button, .media-button-1 .more.media-button { display: none; }
  .media-button-1 .menu-item.selected.media-button { background: rgb(71, 71, 71); }
  .media-button-1 .menu-item.selected.media-button .label.media-button, .media-button-1 .menu-item.selected.web.media-button::after { color: rgb(255, 255, 255); }
  .media-button-1 .menu-item.selected.media-button .icon.media-button { background: transparent; }
  .media-button-1 .web.selected.media-button .fill-color.media-button { fill: rgb(255, 205, 39); }
  .media-button-1 .texts.selected.media-button .fill-color.media-button { fill: rgb(250, 171, 60); }
  .media-button-1 .video.selected.media-button .fill-color.media-button { fill: rgb(241, 100, 75); }
  .media-button-1 .audio.selected.media-button .fill-color.media-button { fill: rgb(0, 173, 239); }
  .media-button-1 .software.selected.media-button .fill-color.media-button { fill: rgb(158, 204, 79); }
  .media-button-1 .images.selected.media-button .fill-color.media-button { fill: rgb(170, 153, 201); }
}

@media (min-width: 1200px) {
  .media-button-1 .label.media-button, .media-button-1 .web.media-button::after { display: inline; }
  .media-button-1 .web.media-button .label.media-button { display: none; }
}