/***********************
Fixes
/**********************/

.list-widget .widget-info {
    font-size: .7em !important;
}

/***********************
Global
/**********************/
.header {
    width: 100%;
}

a .large-font {
    color: #002a37;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
}

.slick-slide:before {
    content: ' ';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border: 1px solid white;
    pointer-events: none;
}

.pad-smol {
    margin-bottom: 8px;
}

.pad {
    margin-bottom: 22px;
}

.decklist .blue-bar {
   margin-bottom: 0px !important; 
}

.blue-bar {
   margin-bottom: 7px !important;
}

.sm-blue-bar {
    width: 100%;
    background-color: #1183A8;
    color: #fff !important;
    text-align: center;
    font-size: 1em;
    display: block;
    padding: 2px 0;
}

.blue-alt {
    background-color: #00303F !important;
}

.product-spotlight img {
    width: 100%;
}

.pad-sm {
    margin-bottom: 7px !important;
}

.jbtn {
    width: 100% !important;
}

h2 {
    margin-bottom: 10px;
}


/***********************
Global - Large Shims and higher
/**********************/
@media only screen and (min-width: 80em) {
    .small-cta {
        background: linear-gradient(to right, #eeeeee 50%,#ffffff 100%);
        padding: 10px 10px;
        border-radius: 100px 0 0 100px;
    }
    
    .small-cta a {
        padding-left: 15px;
    }
    
    .cta-txt {
        padding-left: 15px;
    } 
}


/***********************
Global - Medium Shims and higher
/**********************/
@media only screen and (min-width: 40.0625em) {
    /*.sets.row-padding {
        margin-top: 0 !important;
    }*/
    
   .row-padding {
      margin: 30px 0 !important;
    }
    
    .top-padding {
        /*margin-top: 20px !important;*/
        margin-bottom: 10px !important;
    }
    
    .large-font {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}


/***********************
Global - Medium and Lower 
/**********************/
@media only screen and (max-width: 80em) {
    .small-cta {
       text-align: center;
    }
    
    .small-cta {
        /*background: linear-gradient(to right, #f5f5f5 50%,#ffffff 100%);
        padding: 10px 10px;
        border-radius: 25px;*/
    }
    
    .pretty-cta img {
        padding-right: 15px;
    }
    
    .large-font {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 2em;
        line-height: 1.3em;
    }
    
    .cta-txt {
        padding-left: 0;
        padding-top: 15px;
    } 
}


/***********************
Global - Small Only
/**********************/
@media only screen and (max-width: 40.0625em) {
    .pretty-cta {
        margin-bottom: 10px;
    }
    
    .large-font {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.6em;
        line-height: 1.4em;
    }
    
    .small-cta {
       /* background: none;
        padding: 0;
        border-radius: 0;*/
        text-align: left;
        background: linear-gradient(to right, #eeeeee 50%,#ffffff 100%);
        padding: 10px 10px;
        border-radius: 100px 0 0 100px;
    }
    
    .cta-txt {
        padding-left: 15px;
        padding-top: 0;
    } 
    
    .sets div {
        margin-bottom: 15px !important;
    }
    
    .small-padding {
      margin: 10px 0 !important;
    }
    
}

/*.pad {
        margin-bottom: 8px;
        text-align: center;
    } */

img.header { width: 100%; }


/***********************
Floated Link
/**********************/

.floated-link h1.blue-bar {
    margin-bottom: -14px !important;
}

.floated-link p.view-all {
    position: relative;
    top: -19px;
    text-align: right;
    right: 10px;
    font-size: .9rem;
}

.floated-link p.view-all a {
    color: #fff !important;
}

@media only screen and (max-width: 80em) { 
    .floated-link h1.blue-bar {
        margin-bottom: 7px !important;
    }
}

/*@media only screen and (max-width: 40.0625em) {
    .floated-link {
        margin-bottom: 20px !important;
    }
}*/


/***********************
Decklists / Articles
/**********************/

.list-widget {
    margin-bottom: .5rem !important;
}

/*.gm-article-preview:not(:last-child) {
    padding-bottom: 1.4rem !important;
}*/


/***********************
Small CTA
/**********************/

.small-cta {
    margin-top: 10px;
}

.small-cta a {
    text-decoration: none;
}

.small-cta .cta-ico {
    /*background: #83c783;*/ /**** BLUE SOLID ****/
    /*background: linear-gradient(135deg, #1183a8 0%,#2fcace 100%);*/ /**** BLUE GRADIENT ****/
    /*background-color: #ffa400;*/ /**** ORANGE SOLID ****/
    /*background: linear-gradient(to bottom right, rgba(255,164,0,1) 0%,rgba(244,118,0,1) 100%);*/ /**** ORANGE GRADIENT ****/
    background: #83c783; /**** GREEN SOLID ****/
    background: linear-gradient(135deg, #83c783 1%,#0eaf0e 99%); /**** GREEN GRADIENT ****/
    width: 100px; height: 100px;
    border-radius: 50%;
}

.small-cta .cta-ico i {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.5em;
    color: #fff;
}

.small-cta .cta-txt h1 {
    display: block;
    color: #002a37;
    font-size: 1.7rem;
    margin-bottom: 0px;
}

.small-cta .cta-txt span {
    display: block;
    font-size: 1rem;
    color: #707070;
}

.black .cta-ico {
    background: #000 !important;
    background: linear-gradient(135deg, #3C3C40 1%,#000 99%) !important;
}

.cyber .cta-ico {
    background: #000 !important;
    background: linear-gradient(135deg, #4c5dd2 1%,#102198 99%) !important;
}

.holiday .cta-ico {
    background: #dd3333 !important;
    background: linear-gradient(135deg, #f77979 1%,#dd3333 99%) !important;
}


/***********************
List
/**********************/

.set-wrapper {
    border: 1px solid #eee;
    box-shadow: 2px 2px 2px #eee;
    border-radius: 3px;
    padding: 15px;
}

h1 {
    font-size: 2rem;
    margin-bottom: 15px;
    display: block;
    line-height: 2.3rem;
}

/* h2 {
    color: #363636;
   font-size: 1.3rem;
} */

.set-list {
    column-count: 3;
    column-width: 325px;
    column-gap: 30px;
}

/*.set-list ul.set-group {
    margin-bottom: 20px;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}*/

.set-list ul.set-group {
    margin-bottom: 20px;
    padding-left: 0px !important;
    overflow: hidden; /* fix for Firefox */
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
}

.set-list ul.set-group-break {
    margin-bottom: 20px;
}

.set-list ul.set-group li:nth-child(n+2), .set-list ul.set-group-break li:nth-child(n+2) {
    margin-top: 5px;
}

.set-list ul.set-group li img {
    margin-right: 10px;
}

.set-list ul.set-group li i {
    margin-right: 10px;
    font-size: 20px;
}

/***********************
4x Tags
/**********************/

.sets {
    /*margin-bottom: -23px;*/
}

.sets a:hover {
    text-decoration: none !important;
}


span.new {
    color: #fff;
    text-align: center;
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 2px 0px;
    width: 100%;
    background: rgba(221, 51, 51, 1);
    display: block;
    text-decoration: none !important;
    position: relative;
    bottom: 27px;
    margin-bottom: -28px;
}

span.sale {
    color: #fff;
    text-align: center;
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 2px 0px;
    width: 100%;
    background: rgba(221, 51, 51, 1);
    display: block;
    text-decoration: none !important;
    position: relative;
    bottom: 27px;
    margin-bottom: -28px;
}

span.preorder {
    color: #fff;
    text-align: center;
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 2px 0px;
    width: 100%;
    background: rgba(0, 118, 25, 1);
    display: block;
    text-decoration: none !important;
    position: relative;
    bottom: 27px;
    margin-bottom: -28px;
}

span.available {
    color: #fff;
    text-align: center;
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 2px 0px;
    width: 100%;
    background: rgba(0, 184, 204, 1);
    display: block;
    text-decoration: none !important;
    position: relative;
    bottom: 27px;
    margin-bottom: -28px;
}

span.reprint {
    color: #fff;
    text-align: center;
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 2px 0px;
    width: 100%;
    background: rgba(173, 77, 177, 1);
    display: block;
    text-decoration: none !important;
    position: relative;
    bottom: 27px;
    margin-bottom: -28px;
}

span.blank {
    margin-bottom: -28px;
    display: block;
}

/***********************
List Tags
/**********************/

strong.exclusive:after {
    content: "CSI Exclusive!";
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8rem;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #dd3333;
    /*border-radius: 3px;*/
    box-shadow: 1px 1px 1px #ccc;
}

strong.sale:after {
    content: "On Sale!";
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8rem;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #dd3333;
    /*border-radius: 3px;*/
    box-shadow: 1px 1px 1px #ccc;
}

strong.preorder:after {
    content: "Preorder Now!";
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8rem;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #007619;
    /*border-radius: 3px;*/
    box-shadow: 1px 1px 1px #ccc;
}

strong.available:after {
    content: "New Release!";
    font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8rem;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background: rgba(0, 184, 204, 1);
    /*border-radius: 3px;*/
    box-shadow: 1px 1px 1px #ccc;
}


/***********************
List Tags
/**********************/

.kfg a i {
    margin-right: 3px !important;
    font-size: 16px !important;
    /*color: #00303f;*/
}

.kfg li a i:nth-child(n+2) {
    margin-left: 5px !important;
    /*font-size: 20px !important;*/
}