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

@media only screen and (min-width: 600px) {
  .wp-streamdecker .sorted-container {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    position: relative;
  }
}

.wp-streamdecker a {
  text-decoration: none;
  box-shadow: none !important;
}

.wp-streamdecker a:hover {
  text-decoration: none;
  box-shadow: none !important;
}

.wp-streamdecker .type-container {
  padding-bottom: 15px;
}

.wp-streamdecker .type-container h5 {
  margin-bottom: 10px !important;
}

.wp-streamdecker .streamdecker-link {
  float: right;
  cursor: pointer;
}

.wp-streamdecker .tooltip_templates {
  display: none;
}

.wp-streamdecker .card-image {
  width: 233px;
  height: 311px;
}

.wp-streamdecker .sideboard-container {
  width: auto !important;
  display: block;
}
.wp-streamdecker .commander-container {
  width: auto !important;
  display: block;
}
.wp-streamdecker .companion-container {
  width: auto !important;
  display: block;
}

.wp-streamdecker .card-mana-cost {
  text-align: right;
  vertical-align: middle;
}

.wp-streamdecker .card-data {
  top: 0;
  right: 0px;
  position: absolute;
}

.wp-streamdecker .element {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 1px;
}

.wp-streamdecker .card-qty {
  padding-right: 5px;
}

.wp-streamdecker .card-qty, .wp-streamdecker .card-name, .wp-streamdecker .card-mana-cost {
  display: inline-block;
}

.wp-streamdecker .mana-checkbox {
  width: 100%;
  display: block;
}

.wp-streamdecker .deck-text {
  padding: 7px 13px;
}

.wp-streamdecker .deck-info {
  height: 75px;
  padding-top: 10px
}

.wp-streamdecker .type-container h5 {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}

.wp-streamdecker .card-row {
  cursor: pointer;
  position: relative;
}

.wp-streamdecker .card-row a:hover {
  text-decoration: none;
}

.wp-streamdecker .streamdecker-sideboard {
  border-top: 1px solid gray;
  padding-top: 3px;
}

.wp-streamdecker ul.inline li {
  display: inline-block;
}

.wp-streamdecker .inline {
  display: inline-block;
}

.wp-streamdecker .disabled {
  pointer-events: none;
  opacity: 0.15;
}

.wp-streamdecker ul.mana-symbols {
  vertical-align: middle;
  margin: 0px;
}

.wp-streamdecker .mtga-rarity-count {
  padding-left: 10px;
  padding-right: 10px;
}

.wp-streamdecker .app-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin: 0 5px;
  background-repeat: no-repeat;
  position: relative;
}

.wp-streamdecker .app-icon.sm {
  width: 16px;
  height: 16px;
}

.wp-streamdecker .app-icon .icon {
  height: 100%;
  width: 100%;
  outline: none;
}

.wp-streamdecker .mtgo-icon {
  background-image: url('../images/mtgoico_24x24.png');
}

.wp-streamdecker .mtgo-icon.sm {
  background-image: url('../images/mtgoico_16x16.png');
}

.wp-streamdecker .mtga-icon {
  background-image: url('../images/mtgaico_24x24.png');
}

.wp-streamdecker .mtga-icon.sm {
  background-image: url('../images/mtgaico_16x16.png');
}

.wp-streamdecker .app-icon .icon:hover {
  -webkit-filter: drop-shadow(0px 0px 5px #FFD700);
  filter: drop-shadow(0px 0px 5px #FFD700);
}

.wp-streamdecker .download-btns {
  display: inline-block;
  float: right;
}

.wp-streamdecker .wp-streamdecker-tooltip {
  opacity: 1 !important;
}

.wp-streamdecker .sideboard-container>* {
  display: inline-block;
  width: 100%;
}