.deck_listing {
    border: 1px solid #ECECEC;
    display: flex;
    flex-flow: column nowrap;
}

.deck_listing div.deck_header {
    background-color: #ECECEC;
    padding: 1em;
    position: relative;
}

.deck_info {
    margin-right: 6em;
}

.deck_info header.player_name {
    font-size: 2em;
    font-family: "Montserrat", sans-serif;
    line-height: 1em;
}

.deck_info header.player_name a {
    color: #005585;
    text-decoration: none;
}

.deck_info header.player_name a:visited {
    color: #005585;
}

.deck_info header.deck_played_placed {
    font-size: 0.8em;
    margin: 0.2em 0 0.6em 0;
}

.deck_banners div.deck_function_buttons {
    display: flex;
    position: absolute;
    top: 1em;
    right: 1em;
}

.deck_banners div.deck_format {
    color: #fff;
    position: initial;
    background-color: #005585;
    border-radius: 1em;
    display: inline;
    padding: 0.1em 0.7em;
}

deck_function_buttons left {
    background-color: #000000;
    border-radius: 3px;
    margin-right: 0.5em;
}

.deck_function_buttons_c {
    display:flex;
    width: 2.5em;
    height: 2.5em;
    justify-content: center;
    align-items: center;
    margin: 3px;
    background-color: #000000;
    border-radius: 3px;
}

.deck_function_images{
    width:25px;
    height:30px;
}

.deck_function_buttons_a  {
    justify-content: center;
    align-content: center;
}

.deck_function_buttons .arena_decklist button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    font-size: 1em;
    padding: 0;
    background-color: #000000;
}

.deck-print-button {
    background-color: #16663b;
    border-radius: 3px;
}

.deck-print-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    color: #ffffff;
    text-decoration: none;
}

.deck-print-button a:visited {
    color: #ffffff;
}

.deck-print-button a:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f02f';
    font-size: 1.4em;
    margin-right: -0.2em;
}

.deck_listing .deck_card_wrapper {
    display: flex;
    flex-flow: row wrap;
    font-size: 0.9em;
    padding: 1em;
    padding-left: 0;
    justify-content: space-between;
}

.cards_col1 {
    order: 2;
    margin-left: 1em;
}

.cards_col2 {
    order: 3;
    margin-left: 1em;
}

.cards_col2 .deck_sideboard {
    background-color: #eeeeee;
    padding: 0.5em;
}

.card_preview {
    order: 1;
    margin-left: 1em;
    flex: 1 4 11.7em;
}

.deck_social_buttons {
    display: flex;
    margin: 0.3em 0 1em 0;
}

.deck_social_buttons div.left {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
}

.deck_social_buttons div.left a {
    display: block;
    width: 2.2em;
    height: 2.2em;
    background: none;
    border-radius: 100px;
    color: white;
    font-family: "Font Awesome 5 Brands";
    text-decoration: none;
    line-height: 2.2em;
    text-align: center;
    font-size: 1.7em;
}

.deck_social_buttons div.fb-like a {
    background-color: #1776f2;
}

.deck_social_buttons div.fb-like a:before {
    content: '\f39e';
}

.deck_social_buttons div.twitter-button a {
    background-color: #1DA1F2;
}

.deck_social_buttons div.twitter-button a:before {
    content: '\f099';
    margin-left: 0.3em;
}

.deck_social_buttons div.reddit-button a {
    background-color: #ff5700;
}

.deck_social_buttons div.reddit-button a:before {
    content: '\f281';
}

.cards_col1,
.cards_col2 {
    flex: 1 0 11.1em;
    max-width: 45%;
}

.cards_col1 h3,
.cards_col2 h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.3em;
    margin-bottom: 0.4em;
    margin-top: 0;
}

.cards_col1 ul,
.cards_col2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
}

.cards_col1 ul li,
.cards_col2 ul li {
    margin-bottom: 0.3em;
}

.cards_col1 ul li::before,
.cards_col2 ul li::before {
    content: none;
    display: none;
    width: 0;
    margin: 0;
}

            
.clear {
	clear: both;
}
.card-image-shortcode-container {
    text-align: center;
}
.card-image-container {
    display: inline-block;
}
.card-image {
    border: 1px;
    width: 220px;
    height: 310px;
}
.samplehand {
    text-align: center;
}
.samplehand_image{   
    transition: transform .2s; /* Animation */
    width: 111px;
    height: 155px;
    margin: 0 auto;
    border-radius: 5px;
}
.samplehand_image:hover{
    transform: scale(2.0);
    z-index: 1000;
}