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

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

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

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

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

.wp-streamdecker .wp-streamdecker-tooltip-templates {
  display: none;
}

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

.wp-streamdecker .wp-streamdecker-deck {
  padding-bottom:20px;
}

.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-color-identity,
.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-rarity-count {
  display: inline-block;
}


.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-rarity-count {
  padding-left: 10px;
  padding-right: 10px;
}
.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-color-identity ul{
  margin: 0px; 
}
.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-color-identity ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
}

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

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

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

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

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

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

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

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

.wp-streamdecker .wp-streamdecker-deck .wp-streamdecker-card-name {
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wp-streamdecker .wp-streamdecker-deck .sideboard-container>* {
  display: inline-block;
  width: 100%;
}
.wp-streamdecker .streamdecker-link {
  float: right;
  cursor: pointer;
}

.wp-streamdecker .wp-streamdecker-download-buttons {
  float: right;
}