@media screen and (min-width: 1024px) {
header.main:before {
    background: url(https://media.hearthpwn.com/attachments/93/319/hearthpwn-default-header.png) transparent;
    background-repeat: repeat;
    background-position-x: 0;
    background-position-x: center;
    background-repeat: no-repeat;
}
}

.b-social-networks li a{
    background-image:url(https://media.hearthpwn.com/attachments/96/894/socialz.png);
}
.b-social-networks li a:hover{
    background-image:url(https://media.hearthpwn.com/attachments/96/894/socialz.png);
}
.b-social-networks li a:active{
    background-image:url(https://media.hearthpwn.com/attachments/96/894/socialz.png)
}

.hearth-top-decks-table {
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    border: 1px solid #aaa;
}

.hearth-top-decks-table .flex-row {
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
}

.hearth-top-decks-table .flex-row.header div {
    background: #363228;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.hearth-top-decks-table .flex-row div {
    padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hearth-top-decks-table .flex-row:nth-child(odd) {
    background-color: #ece3ca;
}

.hearth-top-decks-table .flex-row:nth-child(even) {
    background-color: #e1d7bd;
}

.hearth-top-decks-table .flex-row .top-decks-class {
    flex: 0 0 48px;
    padding: 6px 0 0 10px;
    background: #363228;
}


.hearth-top-decks-table .flex-row.class_druid .top-decks-class {
    border-right: 4px solid #FF7D0A;
}

.hearth-top-decks-table .flex-row.class_hunter .top-decks-class {
    border-right: 4px solid #ABD473;
}

.hearth-top-decks-table .flex-row.class_mage .top-decks-class {
    border-right: 4px solid #69CCF0;
}

.hearth-top-decks-table .flex-row.class_paladin .top-decks-class {
    border-right: 4px solid #F58CBA;
}

.hearth-top-decks-table .flex-row.class_priest .top-decks-class {
    border-right: 4px solid #ffffff;
}

.hearth-top-decks-table .flex-row.class_rogue .top-decks-class {
    border-right: 4px solid #FFF569;
}

.hearth-top-decks-table .flex-row.class_shaman .top-decks-class {
    border-right: 4px solid #0070DE;
}

.hearth-top-decks-table .flex-row.class_warlock .top-decks-class {
    border-right: 4px solid #9482C9;
}

.hearth-top-decks-table .flex-row.class_warrior .top-decks-class {
    border-right: 4px solid #C79C6E;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class {
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('https://media.hearthpwn.com/attachments/97/726/class-icons.png');
    background-size: 240px;
    background-repeat: no-repeat;
    margin: 2px 0 -2px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_druid {
    background-position: 0px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_hunter {
    background-position: -24px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_mage {
    background-position: -48px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_paladin {
    background-position: -72px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_priest {
    background-position: -96px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_rogue {
    background-position: -120px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_shaman {
    background-position: -144px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_warlock {
    background-position: -168px 0;
}

.hearth-top-decks-table .flex-row .top-decks-class span.class.class_warrior {
    background-position: -192px 0;
}


.hearth-top-decks-table .flex-row .top-decks-name {
    flex: 1 1 auto;
}

.hearth-top-decks-table .flex-row .top-decks-name span.type {
    font-size: 12px;
    opacity: .75;
}

.hearth-top-decks-table .flex-row .top-decks-author {
    flex: 0 0 175px;
}

.hearth-top-decks-table .flex-row .top-decks-author a {
    font-weight: normal;
}

.hearth-top-decks-table .flex-row.header .top-decks-cost {
    text-align: center;
}

.hearth-top-decks-table .flex-row .top-decks-cost {
    flex: 0 0 100px;
    text-align: left;
}

.hearth-top-decks-table .flex-row .top-decks-cost span.dust {
    font-weight: bold;
    color: #1a7abb;
}

.hearth-top-decks-table .flex-row .top-decks-cost span.dust::before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url('https://media.hearthpwn.com/attachments/97/726/class-icons.png');
    background-size: 160px;
    background-position: -144px 0;
    background-repeat: no-repeat;
    margin: 2px 5px -2px 0;
    
}

.hearth-top-decks-table .flex-row .top-decks-rating {
    flex: 0 0 75px;
    text-align: center;
}

.hearth-top-decks-table .flex-row .top-decks-rating span.rating {
    font-weight: bold;
    color: #4e9b1c;
}

@media screen and (max-width: 600px) {
    .hearth-top-decks-table .flex-row .top-decks-author {
        display: none;
    }
    
    .hearth-top-decks-table .flex-row .top-decks-name a {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .hearth-top-decks-table .flex-row .top-decks-cost {
        flex: 0 0 80px;
        font-size: 12px;
    }
}




.ui-dialog { z-index: 1006 !important; }

.body-hspack-simulatordetails .pack-slot .card-back { background-image: url('https://media.hearthpwn.com/attachments/78/43/boomsday-cardback.png') !important; }

body[class*="body-cardset-id"] #content .primary-content {
    background: black;
    background: #f3eddd url(https://media.hearthpwn.com/attachments/74/935/expansion-set-header-card-page-basic-classic.jpg) top center no-repeat;
    box-shadow: inset 0 0 1px 0 #f3eddd;
    padding-top: 85px;
}

body.body-cardset-id-100 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/946/expansion-set-header-card-page-naxx.jpg); }
body.body-cardset-id-101 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/945/expansion-set-header-card-page-gvg.jpg); }
body.body-cardset-id-102 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/944/expansion-set-header-card-page-brm.jpg); }
body.body-cardset-id-103 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/943/expansion-set-header-card-page-tgt.jpg); }
body.body-cardset-id-104 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/942/expansion-set-header-card-page-loe.jpg); }
body.body-cardset-id-105 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/941/expansion-set-header-card-page-og.jpg); }
body.body-cardset-id-106 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/940/expansion-set-header-card-page-kara.jpg); }
body.body-cardset-id-107 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/939/expansion-set-header-card-page-msg.jpg); }
body.body-cardset-id-108 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/936/expansion-set-header-card-page-ung.jpg); }
body.body-cardset-id-109 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/937/expansion-set-header-card-page-kft.jpg); }
body.body-cardset-id-110 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/938/expansion-set-header-card-page-kob.jpg); }
body.body-cardset-id-111 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/947/expansion-set-header-card-page-witchwood.jpg); }
body.body-cardset-id-113 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/933/boomsday-card-header.jpg); }
body.body-cardset-id-114 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/84/489/expansion-set-header-card-page-rasta.jpg); }
body.body-cardset-id-4 #content .primary-content { background-image: url(https://media.hearthpwn.com/attachments/74/934/expansion-set-header-card-page-hall-of-fame.jpg); }



.listing-decks .col-name {
    width: 440px !important;
}


.page-block--archetypes__list__turns { visibility: hidden; }

/* Raven */

#hot-decks .decks>li .deck-contents .std-icon,
.card-filters .show-std span::before,
.listing-decks .is-std::before, .listing-deckhash .is-std::before { background: url(https://media.hearthpwn.com/attachments/100/204/phoenix_v2.png) no-repeat !important; }

header.deck-detail section.deck-info .is-std {
    background: url(https://media.hearthpwn.com/attachments/100/205/standard-badge-phoenix_v2.png) no-repeat !important;
}


div.pack-leaderboard-widget a#showBluePostBlock { display: none; }

.pack-leaderboard-widget {
    background: #f3eddd;
    padding-bottom: 8px !important;   
}

.pack-leaderboard-widget a.jump {
        background: #832323; 
        border: 1px solid #471313;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background-image:linear-gradient(rgb(145, 34, 34), rgb(133, 31, 31));
    line-height: 1.53846em;
    padding: .30769em .61538em;
    border-radius: 4px;
}

.page-block__list__item__title { font-size: 13px !important; }
.page-block__list__item__title a { color: black !important;}

/*Center Images*/

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

/* Deckbuilder row issue on mac safari */
body.body-hsdeck-create .deck-card-list { margin-top: 10px; }

.deck-container div#cards ul.tabbed-tabs .b-tab-item[data-tab-id="#the-witchwood"] a:before {
    background-position: 0 -672px !important;
}

#hot-decks .decks>li header div.byline {
    text-align: left;
}

#hot-decks #event-decks>ul.tabs {
    margin: 0 !important;
}

/* Hide promo content embed ad slot at the bottom of deck lists */
div#promo-content-embed { display: none; }
@media screen and (max-width: 1023px) {
p#top-forum-banner-thing {
   display: none;
}
}
/*Kobolds Navs */
@media screen and (min-width: 1024px) {
.p-nav-a .b-list-a>.nav-topdecks a::before {
    background-position: -350px -1px !important;
    background-image: url(https://media.hearthpwn.com/attachments/55/587/kc-hpnav.png);
}
}

#hot-decks #event-decks[data-event-key="kft"] ul.tabs>li[data-wing-id].closed li[data-wing-id],
#hot-decks #event-decks[data-event-key="kft"] ul.tabs>li[data-wing-id].closed:hover li[data-wing-id]{
    background-position: 0 -24px !important;
}

#hot-decks #event-decks[data-event-key="kft"] ul.tabs>li[data-wing-id] .wing_frozen-throne a{
    font-size: 10px;
}




#tos-banner .tos-link:hover,#tos-banner .tos-link:active,#tos-banner .tos-link:visited{color:#fff !important}

/* Quick fix for responsive decks in news posts */
@media screen and (max-width: 551px) {

body.responsive-enabled .p-article-a .p-article-content table.deck {
    display: block;
    padding: 0;
}

body.responsive-enabled .p-article-a .p-article-content table.deck tbody tr td {
  display:block;
}

body.responsive-enabled .p-article-a .p-article-content table.deck thead,
body.responsive-enabled .p-article-a .p-article-content table.deck thead tr,
body.responsive-enabled .p-article-a .p-article-content table.deck thead tr th {
  display: block;
}

}


/* Quick fix for deck winrates */
#hot-decks .decks>li .deck-contents .deck-engagement li:not(:first-child) {
    margin-left: 7px;
}

#hot-decks .decks>li .deck-contents .deck-engagement li.average-turns { padding-left: 0px; }
#hot-decks .decks>li .deck-contents .win-rate {    height: 10px; margin-top: -5px;}


/* Stupid chrome changing our timestamps to have an underline */
abbr[title], acronym[title] {
   text-decoration: none;
}

/* Current patch description makes our rows too large. changed font size to be a tiny bit lower to fix it */
.deck-build.build-latest {
    font-size: 10px;
}

/* TEMP FIX FOR DECKBUILDER ZINDEX ISSUE FOR VIDEO EMBED */
body.body-hsdeck-create > div.t-save-deck-modal {
    z-index: 9050 !important;
}

body.body-hsdeck-create > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.modal {
    z-index: 9100 !important;
}

/* UnGoro Website Background 

body {
    background-image: url(https://media.hearthpwn.com/attachments/45/137/hearthpwn-bg-jpg10.jpg);
} */

/* UnGoro pack background image*/
.pack-link img {
    width: 160px;
}

@media screen and (min-width: 1024px) {header.main { background-image: linear-gradient(to bottom, #23201f, #1f1d1b); }}

/* Fix for mod thread quick actions being absoluted to the bottom of the site */
td.forum-thread-mod { position: relative; }

/* social button position fix */
.social-share{    
    vertical-align: top;
font-size: 10px!important;
}

.deck-card-list .tabbed-tabs li[data-tab-id="#journey-to-ungoro"] a {
    width: 210px;
    max-width: 210px;
}
.deck-card-list .tabbed-tabs li[data-tab-id="#journey-to-ungoro"] a:before {
  background-image: url(https://media.hearthpwn.com/attachments/44/886/classes-32.jpg);
  background-position: 0 638px;
}


@media (min-width: 1024px) {
  #site-main .netbar {
    background: transparent;
    border-bottom: none;
  }

  #site-main #gadgetzan-available {
    display: block;
    position: absolute;
    text-indent: -999999px;
    background: transparent;
    height: 50px;
    width: 160px;
    top: 0;
    left: calc(50% - 80px);
  }

  #site-main header.main a.logo {
    background: transparent !important;
  }
}
/* gadgetzan end */
/* start samus */
@media (min-width: 1024px) {
  #site-main section.secondary-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #site-main section.secondary-content #sidebar-tyrande-link {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    text-indent: -99999px;
    height: 250px;
    background-image: url(//media.hearthpwn.com/attachments/40/21/sidebar_article_link.jpg);
  }
}
/* end samus */



header.deck-detail section.deck-actions { min-height: 350px; }
header.deck-detail section.deck-info { height: 350px; }

/* temp nativo styling until next deploy 6/24/16 */
article[id*="ntv"] {
  margin: 24px -11px !important;
  padding: 10px;
  position: relative;
}

article[id*="ntv"]::before,
article[id*="ntv"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  background: #292c2e;
  height: 10px;
  border: 1px solid #dfcfa4;
  border-width: 1px 0;
}

article[id*="ntv"]::before {
  top: -10px;
}

article[id*="ntv"]::after {
  bottom: -10px;
}

/* end temp nativo styling until next deploy 6/24/16 */

@media (max-width: 1023px) {
.speed-dating-for-eu-champs { display: none; }
#gadgetzan-available { display: none; }

.ad-skin .ad-container { z-index: 11; }
body:not(.ad-skin) .ad-leaderboard { width: 728px; }

header.deck-detail section.user-details>img {
    max-width: 60px;
}
}
@media (min-width: 1024px) {
header.main h1>a.logo.old-gods-static {
    background: url(https://media.hearthpwn.com/attachments/37/978/logo.png) no-repeat !important;
    width: 379px !important;
    height: 71px !important;
    margin-left: -574px !important;
}
}

.b-table-a td.col-name span>a, .b-shoutbox-a .shoutbox-messages>table.listing td.col-name span>a {
max-width: 210px !important;
}


.card-filters .deck-collection-toggle, .card-filters .deck-arena-toggle {
    padding: 3px 6px !important;
}
@media (max-width: 1023px) {
  .logo {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
  }
}

/* PACK OPENER dFIX FOR DECKBUILDER */
body.body-hsdeck [data-rarity="3"]::before, 
body.body-hsdeck [data-rarity="4"]::before,
body.body-hsdeck [data-rarity="5"]::before,
body.body-hscollection [data-rarity="3"]::before, 
body.body-hscollection [data-rarity="4"]::before,
body.body-hscollection [data-rarity="5"]::before {
 display: none;
}

/* END */
body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr td .thread-title a {
  font-weight: 400;   
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) tr.forum-thread-row-unread td .thread-title a {
  font-weight: 700;   
}

.forum-title-116 {
    color: orange;
    background-image: url(https://media-titanium.cursecdn.com/avatars/thumbnails/58/601/16/16/635811948089451290.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
}


.p-comment-post[data-id="1477798"] {
display: none;
}
ul.innkeeper-image-list li {
    list-style-type: none;
    background-image: url(https://media.hearthpwn.com/attachments/25/140/hearthpwn-swirl.png);
    background-repeat: no-repeat;
    line-height: 20px;
    padding-left: 20px;
    margin-bottom: 2px;
}


.p-comment-post[data-id="1477801"] .p-comment-wrapper {
margin-left: 0px !important;
}

.p-comment-post[data-id="1477801"] .forum-post-body-container {
background-color:#3B3531 !important;
color:white !important;
}
.p-comment-post[data-id="1477801"] .forum-post-body-container a{

color: #F38A1A !important;

}


.p-comment-post[data-id="1477801"] .forum-post-body-container .post-date{
color:white !important;
}
.p-comment-post[data-id="1477801"] .forum-post-body-container a:hover{
text-decoration:underline;
color:white !important;
}
.p-comment-post[data-id="1477801"] .p-comment-user-background,  .p-comment-post[data-id="1477801"] .forum-post-info{
display:none !important;
}


tr.j-forum-thread-row[data-id="95652"] .status-icon { 
    background-image: url('https://media.hearthpwn.com/attachments/22/906/icon.png') !important;
    text-indent: -9999px;
    overflow: hidden;
    background-size: 32px 32px;
    padding: 0px;
    border: 0px;

}
tr.j-forum-thread-row[data-id="95652"] .status-icon:hover {
background-position: 0px 0px;
}
tr.j-forum-thread-row[data-id="95652"] .title {
color:white !important;
}
tr.j-forum-thread-row[data-id="95652"] a {
color:#f6bb59 !important;
}
html tr.j-forum-thread-row[data-id="95652"] td{ 
    background: #4b413b !important;
background-image: url('https://media.hearthpwn.com/attachments/22/912/untitled-1.jpg') !important;
  background-repeat: repeat !important;
    color: #f6bb59 !important;
border:0px !important;
}


.text-spoiler { background: #222; min-width: 150px; text-align: center; display: inline-block;}
.text-spoiler:hover { background: none; }



/* testing some custome stuff out */

.p-comment-post[data-author-id="22259721"] .p-comment-wrapper {
margin-left: 0px !important;
}

.p-comment-post[data-author-id="22259721"] .forum-post-body-container {
background-color:#3B3531 !important;
background-image:url('https://media.hearthpwn.com/attachments/25/139/splash-logo.png');
background-repeat: no-repeat;
background-position-y: 20px;
background-position-x:50px;
background-position: 50px 20px !important;
color:white !important;
min-height:320px;
}

.p-comment-post[data-author-id="22259721"] .p-comment-sig{
    border: 0px !important;
    margin-top: -60px;
}
.p-comment-post[data-author-id="22259721"] .p-comment-notes{
display:none;
}
.p-comment-post[data-author-id="22259721"] .forum-post-body-container a{

color: #F38A1A !important;

}

.p-comment-post[data-author-id="22259721"] .forum-post-body-container .post-date{
color:white !important;
}
.p-comment-post[data-author-id="22259721"] .forum-post-body-container a:hover{
text-decoration:underline;
color:white !important;
}
.p-comment-post[data-author-id="22259721"] .p-comment-user-background,  .p-comment-post[data-author-id="22259721"] .forum-post-info{
display:none !important;
}



.p-comment-post[data-author-id="22259721"] .forum-post-body {
background-color: #4b413b; 
border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
 
    display: inline-block;
    padding: 10px 18px;
   max-width:600px;

        margin: 25px 0px 55px 330px;
}


@media screen and (max-width: 680px) {
 .p-comment-post[data-author-id="22259721"] .forum-post-body {
        margin:0px auto !important;
}


}

.p-comment-post[data-author-id="22259721"] .forum-post-body p {
color:white !important;
margin:0px !important;
}



/* TEMP FOR PORTALS BRALW */
.brawl-too-many-portals {
      background: url(https://media.hearthpwn.com/attachments/18/181/brawl-promo-portals.jpg);
    display: block;
    height: 205px;
    margin-top: -5px;
    position: relative;
}

.brawl-custom-description-week {
  color: #000;
  background: url('https://media.hearthpwn.com/attachments/16/954/brawl-parchment-of-doom-590px-110px.png');
  width: 589px;
  height: 110px;
  margin: 0 auto;
  position: absolute;
  right: 10px;
  top: 40px;
}

.brawl-custom-description-week ul {
   margin-top: 31px;   
}

#hot-decks #event-decks[data-event-key="brawl"].premade .brawl-info .time-to-end { left: 69%; }


/*==============================================================*/

/* MIN WIDTH FOR NON-RESPONSIVE PAGES, DON'T REMOVE TILL ADDED BACK INTO PROJECT */
body.responsive-disabled { min-width: 1024px; }

/* Incredibly crude fix for mods not being able to see spammed and deleted posts on user profile pages */
.s_myProfile .comment-listing .comment-spam {
    background: #E00B0B;
}
.s_myProfile .comment-listing .comment-deleted {
    background: #4C4C4C;
}

/* TEMP FIX FOR SKELSAURUS REX HAVING THE WRONG NAME */
#hot-decks footer #slide-up-filters ul.tabs.the-league-of-explorers li.boss_skelesaurus-rex {
        padding-left: 78px; }
 #hot-decks footer #slide-up-filters ul.tabs.the-league-of-explorers li.boss_skelesaurus-rex a::before {
          background-position: -612px 0; }
 #hot-decks footer #slide-up-filters ul.tabs.the-league-of-explorers li.boss_skelesaurus-rex a::after {
          left: 44px; }
        #hot-decks #event-decks[data-event-key="loe"] ul.tabs > li[data-wing-id] li[data-boss-id].boss_skelesaurus-rex {
          background-position: -612px -34px; }
          #hot-decks #event-decks[data-event-key="loe"] ul.tabs > li[data-wing-id] li[data-boss-id].boss_skelesaurus-rex.selected, #hot-decks #event-decks[data-event-key="loe"] ul.tabs > li[data-wing-id] li[data-boss-id].boss_skelesaurus-rex:hover {
            background-position: -612px 0; }
/* END OF TEMP FIX FOR TEMP FIX FOR SKELSAURUS REX HAVING THE WRONG NAME */

/* TEMP FIX FOR BRAWL TIMER BEING TOO HIGH -- HRTH-501*/
#hot-decks #event-decks[data-event-id="0"].active .brawl-info .time-to-end {
    bottom: -33px;
}
/* END OF TEMP FIX FOR BRAWL TIMER BEING TOO HIGH -- HRTH-501*/

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton):not(.deck) tr td, body.body-user .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton):not(.deck) tr td {
    background: #ece3ca;
}

body.body-forum .single-column #content .p-forum-a table:not(.mceLayout):not(.mceToolbar):not(.mceListBox):not(.mceSplitButton) thead tr td { background: #212121 !important; border-bottom: 1px solid #363636 !important; border: 1px solid #3F3C3F !important;}

/* TEMP FIX FOR BRONZE ACHIEVEMENT TROPHIES MISSING ON FORUM POSTS */
body.body-forum .single-column #content .p-forum-a .p-comment-stats li.p-achievement-user-count-tier-1 {
  display: list-item !important;
}

.brawl-info * { text-shadow: none; }

.brawl-info h4[data-reactid=".0.2.0.0"] { display: none; }

/* Temp Fix for Aaron's Trophy Fix on Local */
.p-achievement.p-achievement-user-count:after {
  content: "";
  display: table;
  clear: both;
}

/* This temp fixes an issue with pagination hover state on forum listings not having a border attribute and not having a visible text color  */

.b-pagination-b li.b-pagination-item>a:hover, .b-pagination-b li.b-pagination-item a:visited:hover {
  background: #832323;
  color: #fff !important;
  border: 1px solid #832323;
}

/* This turns off filtering decks by tournament */
label[for="filter-tournament"], label.filter-tournament, input#filter-tournament, #filter_tournament_chosen { display: none; }


/* This is for the site feedback create thread page block */
div.page-block.feedback-announcement {
    background: url(https://media.hearthpwn.com/attachments/49/30/feedback-bg.jpg) top center no-repeat #f3eddd;
    margin: -10px -10px 0 -10px;
    padding: 30px 10px 10px 10px;
    text-align: center;
box-shadow: inset 0 0 1px 0 #f3eddd;
}

div.page-block.feedback-announcement img {
    border: 2px solid rgba(6, 102, 121, 0.51);   
}

.page-block.feedback-announcement .pbfa-wrapper {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
}

.page-block.feedback-announcement .pbfa-wrapper .pbfa-interior {
    border: 1px solid #DCC1C1;
    border-radius:2px;
    display: inline-block;
    padding: 15px;
    background: #f2dede;
}
/* End of SFCTPB */



/* ==================================== CARD REVEAL NEWS POSTS - DO NOT EDIT WITHOUT TALKING TO FLUX*/
.news-card-reveal { display: inline-block; text-align: center; }

p.card-reveals {
    position: relative;
    text-align: center;
    margin-bottom: 0px !important;
}

p.card-reveals .news-card-reveal {
    margin: 0 0 20px 0;
}

p.card-reveals .news-card-reveal.card-unrevealed {
    vertical-align: bottom;
}

span[class^="news-card-reveal reveal-rarity-"] img, span[class^="news-card-reveal card-unrevealed reveal-rarity-"] img {
    width: 220px;
}
.news-card-reveal span.pretty-bg {
    position: relative;
    display: block;
}

span[class^="news-card-reveal reveal-rarity-"] .pretty-bg::before, span[class^="news-card-reveal card-unrevealed reveal-rarity-"] .pretty-bg::before {
    content: " ";
    display: block;
    width: 170px;
    height: 252px;
    position: absolute;
    float: left;
    bottom: 20px;
    left: calc(50% + 3px);
    transform: translateX(-50%);
    z-index: -1;
    opacity: .75;
    border-radius: 5px;
}

.news-card-reveal.reveal-rarity-legendary .pretty-bg::before {
    background: #fc8d09;
    box-shadow: 0 0 35px 10px #fc8d09;
}

.news-card-reveal.reveal-rarity-epic .pretty-bg::before {
    background: #a335ee;
    box-shadow: 0 0 25px 10px #a335ee;
}

.news-card-reveal.reveal-rarity-rare .pretty-bg::before {
    background: #0070ff;
    box-shadow: 0 0 25px 10px #0070ff;
}

.news-card-reveal.reveal-rarity-common .pretty-bg::before {
    background: #444;
    box-shadow: 0 0 25px 10px #444;
}

.news-card-reveal a.discuss {
    display: inline-block;
    background: #c67036;
    padding: 6px 10px;
    border-radius: 5px;
    margin: 10px 0 0 6px;
    color: #fff;
}

.news-card-reveal a.discuss:hover {
    background: #ba4b00;
}

.news-card-reveal span.pretty-bg.unrevealed {
    margin-bottom: 43px;
}

@media only screen and (max-width : 508px) and (orientation : portrait)  {
    .news-card-reveal span.pretty-bg.unrevealed {
        margin-bottom: 0;
    }
}

.guideheader {
    margin: 0 !important;
    padding: 45px 0 0 0;
    text-align: center;
    height: 125px;
    color: #8d8060 !important;
}

.guideheader.neutral {
    background: url('https://media.hearthpwn.com/attachments/45/169/header-neutral.png') center center no-repeat;
}

.guideheader.druid {
    background: url('https://media.hearthpwn.com/attachments/45/166/druid.png') center center no-repeat;
}

.guideheader.hunter {
    background: url('https://media.hearthpwn.com/attachments/45/167/header-hunter.png') center center no-repeat;
}

.guideheader.mage {
    background: url('https://media.hearthpwn.com/attachments/45/168/header-mage.png') center center no-repeat;
}

.guideheader.paladin {
    background: url('https://media.hearthpwn.com/attachments/45/170/header-paladin.png') center center no-repeat;
}

.guideheader.priest {
    background: url('https://media.hearthpwn.com/attachments/45/171/header-priest.png') center center no-repeat;
}

.guideheader.rogue {
    background: url('https://media.hearthpwn.com/attachments/45/172/header-rogue.png') center center no-repeat;
}

.guideheader.shaman {
    background: url('https://media.hearthpwn.com/attachments/45/173/header-shaman.png') center center no-repeat;
}

.guideheader.warlock {
    background: url('https://media.hearthpwn.com/attachments/45/174/header-warlock.png') center center no-repeat;
}

.guideheader.warrior {
    background: url('https://media.hearthpwn.com/attachments/45/175/header-warrior.png') center center no-repeat;
}

.guideheader.demonhunter {
    background: url('https://media.hearthpwn.com/attachments/99/832/dh-class-header_v3.png') center center no-repeat;
}


@media only screen and (max-width : 508px) and (orientation : portrait)  {
    .guideheader {
        background-size: 90% !important;
        font-size: 16px !important;
        height: 100px !important;
        padding: 38px 0 0 0 !important;
    }
}

/* ==================================== END CARD REVEAL NEWS POSTS - DO NOT EDIT WITHOUT TALKING TO FLUX */

.bqitalics, .bqitalics p { color: white !important; font-style: italic !important; }


/*New Blizzard and Datamine Quote */
blockquote.blizzard {
    background: url(https://media.hearthpwn.com/attachments/43/297/awdawda.png) right top no-repeat, url(https://media.hearthpwn.com/attachments/43/295/background-hearthstone-repeat.jpg) center top #42331e;
    border: 1px solid #1f1609;
    color: #00b4ff;
    margin: 0;
    box-shadow: inset 0 1px 0 0 #55452e;
    padding: 10px;
    border-radius: 4px;
}

blockquote.dark {
    border: 1px solid #1f1609;
    color: #FFFFFF;
    margin: 0;
    box-shadow: inset 0 1px 0 0 #55452e;
    padding: 10px;
    border-radius: 4px;
    background: #313131;
}

blockquote.blizzard strong, blockquote.dark strong,
blockquote.blizzard em, blockquote.dark em,
blockquote.blizzard i, blockquote.dark i {
    color: #fff
}
blockquote.blizzard a, blockquote.dark a {
    color: #f8b700;
    text-decoration: none;
    font-weight: 400
}
blockquote.blizzard a:visited, blockquote.dark a:visited {
    color: #f8b700;
    text-decoration: none;
    font-weight: 400
}
blockquote.blizzard a[class*=rarity] {
    font-weight: 700
}
blockquote.blizzard a:hover, blockquote.dark:hover {
    color: #fff
}
blockquote.blizzard ul, blockquote.dark ul {
    margin: 0;
}
blockquote.blizzard li ul li {
    margin-top: 7px;
}
blockquote.blizzard li, blockquote.dark li {
    margin-bottom: 7px
}
blockquote.blizzard .quote-source , blockquote.dark .quote-source {
    background: rgba(1, 1, 1, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin: -10px -10px 10px;
    padding: 5px 10px;
    color: #797165
}
blockquote.blizzard .quote-author, blockquote.dark .quote-author {
    color: #fff;
    font-weight: 400
}
blockquote.blizzard h4 {
    color: #fff
}
blockquote.blizzard a.rarity-1.set-2,
blockquote.blizzard a.rarity-2.set-2 {
    color: #FFF !important;
}
blockquote.blizzard hr {
    border-color: #5c4b32;
}
blockquote.blizzard blockquote {
    background: 0 0;
    border: none;
    margin: 0 0 7px;
    padding: 0;
    color: #fff
}
blockquote.blizzard blockquote::before {
    content: url(https://media.hearthpwn.com/attachments/43/795/blizzquote-quote.png);
    float: left;
    margin-right: 6px;
    width: 14px
}
blockquote.blizzard blockquote p {
    margin: 0!important
}
blockquote.blizzard p+hr {
    margin-top: -8px
}
blockquote.hearthpwn-dm {
    background: url(https://media.hearthpwn.com/attachments/43/800/awdawdawdawdawd.png) right bottom no-repeat, url(https://media.hearthpwn.com/attachments/43/799/background-datamine-repeat.png) center top #333;
    border: 1px solid #333;
    color: #81b558;
    margin: 0;
    box-shadow: inset 0 1px 0 0 #55452e;
    padding: 10px;
    border-radius: 4px
}
blockquote.hearthpwn-dm strong {
    color: #fff
}
blockquote.hearthpwn-dm a,
blockquote.hearthpwn-dm a:visited {
    color: #f8b700;
    text-decoration: none;
    font-weight: 400
}
blockquote.hearthpwn-dm a[class*=rarity] {
    font-weight: 700
}
blockquote.hearthpwn-dm a:hover {
    color: #fff
}

blockquote.hearthpwn-dm h2,
blockquote.hearthpwn-dm h3,
blockquote.hearthpwn-dm h4,
blockquote.hearthpwn-dm h5,
blockquote.hearthpwn-dm h6 {
    color: #FFF;
}

blockquote.blizzard p+ul,
blockquote.hearthpwn-dm p+ul {
    margin-top: -14px
}
blockquote.blizzard p:nth-last-child(2),
blockquote.hearthpwn-dm p:nth-last-child(2) {
    margin: 0 0 5px
}
blockquote.blizzard p:last-child,
blockquote.hearthpwn-dm p:last-child,
blockquote.hearthpwn-dm ul {
    margin: 0
}
blockquote.hearthpwn-dm li ul li {
    margin-top: 7px
}
blockquote.hearthpwn-dm li {
    margin-bottom: 7px
}
blockquote.hearthpwn-dm .quote-source {
    background: rgba(1, 1, 1, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin: -10px -10px 10px;
    padding: 5px 10px;
    color: #777
}
blockquote.hearthpwn-dm .quote-author {
    color: #fff;
    font-weight: 400
}
blockquote.hearthpwn-dm h4 {
    color: #fff
}
blockquote.hearthpwn-dm a.rarity-1.set-2,
blockquote.hearthpwn-dm a.rarity-2.set-2 {
    color: #FFF!important
}
blockquote.hearthpwn-dm hr {
    border-color: #444
}
blockquote.hearthpwn-dm blockquote {
    background: 0 0;
    border: none;
    margin: 0 0 7px;
    padding: 0;
    color: #fff
}
blockquote.hearthpwn-dm blockquote::before {
    content: url(https://media.hearthpwn.com/attachments/43/795/blizzquote-quote.png);
    float: left;
    margin-right: 6px;
    width: 14px
}
blockquote.hearthpwn-dm blockquote p {
    margin: 0!important
}
blockquote.hearthpwn-dm p+hr {
    margin-top: -8px
}
blockquote.blizzard a:hover,
blockquote.hearthpwn-dm a:hover {
    text-decoration: none !important;
}

blockquote.blizzard blockquote {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

blockquote.blizzard blockquote p+ul,blockquote.hearthpwn-dm blockquote p+ul{margin-top:0px}

blockquote.blizzard td {
    background: #332714;
}
blockquote.blizzard tr:nth-child(even) td, table.blizzard tr.odd td {
    background: #271d0d;
}
blockquote.blizzard tbody tr td {
    border-left: 1px solid #4c3d24;
}

blockquote.blizzard tbody tr td {
    border: 1px solid #4c3d24;
}
blockquote.blizzard table tbody tr td {
    border-left: 1px solid #4c3d24;
}

blockquote.blizzard table td { color: #FFF; }

.hstrn-groups, .hstrn-group, .hstrn-groups .hstrn-groups-wrapper, .hstrn-groups .hstrn-group h4 {
    text-align: center;
  }
.hstrn-groups-wrapper .player-portrait br+img { vertical-align: middle; }
.hstrn-groups-wrapper .player-portrait br+img+strong { font-size: 10px; line-height: 10px; }
  .hstrn-group {
    display: inline-block;
    margin: 14px;
  }

.hstrn-groups .player-portrait, .player-portrait {
  text-align: center;
  display: inline-block;
}

.hstrn-groups .player-portrait img.player-avatar {
  width: 80px;
  border:2px solid black;
}


.cardsetbadge {
  display: inline-block;
  vertical-align: top;
  width: 41px;
  height: 17px;
  border-radius: 3px;
}

.cardsetbadge.naxx {
  background: url(https://media.hearthpwn.com/attachments/10/453/naxx-badge-inline.png);
}

.cardsetbadge.gvg {
  background: url(https://media.hearthpwn.com/attachments/6/929/goblinsvsgnomes-inline.png);
}

.cardsetbadge.brm {
  background: url(https://media.hearthpwn.com/attachments/10/452/brm-badge-inline.png);
}

.cardsetbadge.tgt {
  background: url(https://media.hearthpwn.com/attachments/14/957/expansion-badge-inline-tgt-2.png);
}
.cardsetbadge.loe {
  background: url(https://media.hearthpwn.com/attachments/22/105/expansion-badge-inline-loe.png);
}

.cardsetbadge.wog {
  background: url(https://media.hearthpwn.com/attachments/28/96/expansion-badge-inline-whispers-of-the-old-gods-2.png);
}

.cardsetbadge.kara {
  background: url(https://media.hearthpwn.com/attachments/37/981/expansion-badge-inline-kara.png);
}
.cardsetbadge.gadget { background: url(https://media.hearthpwn.com/attachments/41/16/expansion-badge-inline-msg.png); }
.cardsetbadge.ungoro { background: url(https://media.hearthpwn.com/attachments/44/994/expansion-badge-inline-ungoro.png); }
.cardsetbadge.frozenthrone { background: url(https://media.hearthpwn.com/attachments/49/873/expansion-badge-inline-kft.png); }
.cardsetbadge.kobalds { background: url(https://media.hearthpwn.com/attachments/55/290/expansion-badge-inline-knc.png); }
.cardsetbadge.witchwood { background: url(https://media.hearthpwn.com/attachments/67/546/expansion-badge-inline-witchwood.jpg); }
.cardsetbadge.boomsday { background: url(https://media.hearthpwn.com/attachments/74/619/expansion-badge-inline-boom.jpg); }
.cardsetbadge.rr { background: url(https://media.hearthpwn.com/attachments/84/265/expansion-badge-inline-rr.png); }
.cardsetbadge.shadows { background: url(https://media.hearthpwn.com/attachments/93/732/expansion-badge-inline-ros.png); }
.cardsetbadge.saviors { background: url(https://media.hearthpwn.com/attachments/99/430/souforum.png); }
.cardsetbadge.dragons { background: url(https://media.hearthpwn.com/attachments/99/429/dodforum.png); }
.cardsetbadge.aoo { background: url(https://media.hearthpwn.com/attachments/99/990/aoo.png); }

.cdcbadge {
  display: inline-block;
  vertical-align: top;
  width: 118px;
  height: 17px;
}

.cdcbadge.cdcsubmissions { background: url(https://media.hearthpwn.com/attachments/52/775/cdc-submissions.png); }
.cdcbadge.cdcdiscussion { background: url(https://media.hearthpwn.com/attachments/52/776/cdc-discussion.png); }
.cdcbadge.cdcfinalists { background: url(https://media.hearthpwn.com/attachments/52/777/cdc-final-poll.png); }
.cdcbadge.cdcfeedback { background: url(https://media.hearthpwn.com/attachments/52/772/cdc-feedback.png); }
.cdcbadge.cdcminicomps { background: url(https://media.hearthpwn.com/attachments/52/774/cdc-mini-comp.png); }
.cdcbadge.cdcbigcomps { background: url(https://media.hearthpwn.com/attachments/52/773/cdc-big-comp.png); }

.p-nav-a .p-nav-item.brm a:before {
  background-position: -559px 0;
}
.p-nav-a .p-nav-item.gvg a:before {
  background-position: -500px 0;
}

.centerinlineblock { 
  text-align: center;
  display: inline-block;
}

.center-stuff-inside-me {
  text-align: center;
}

.t-deck-details .deck-description > div {float: none !important;}

/* Exp 1 GvG Nav Icon */
.p-nav-a .p-nav-item#nav-expansion-1 a:before {
  background-position: -500px 0;
}
/*
.p-nav-a li#nav-expansion-1>a:before { background-image: url(https://media.hearthpwn.com/attachments/6/739/zjuivsm.png) !important; }*/

/* Remove double goblin icons */
.b-table-a tr td.visual-details-cell .t-card-unreleased {
  background: none;
  width: 0;
  margin: 0;
}

/* Add Naxx and Gobos to Deckbuilder */
.deck-card-link .set-101 {
  padding-left: 30px;
  padding-top: 5px;
  background: url(https://media.hearthpwn.com/attachments/6/771/exp1-icon.png) no-repeat 0 1px !important;
}

.deck-card-link .set-100 {
  padding-left: 30px;
  padding-top: 5px;
  background: url(https://media.hearthpwn.com/attachments/6/770/icon-naxx.png) no-repeat 0 1px !important;
}


/* Remove Attack and Health Table Columns on Deckbuilder */
.deck-card-link td.attack-col {
  display:none;
}

.deck-card-link td.hp-col {
  display:none;
}

.deck-full-card-list .listing-cards-tabular th:nth-child(4),
.forge-data-container .listing-cards-tabular th:nth-child(4){
  display:none;
}

.deck-full-card-list .listing-cards-tabular th:nth-child(3),
.forge-data-container .listing-cards-tabular th:nth-child(3) {
  display:none;
}

.deck-full-card-list .listing-cards-tabular th:nth-child(2),
.forge-data-container .listing-cards-tabular th:nth-child(2) {
  width: 62px !important;
}

/* TEMP */
.deck-full-card-list .listing-cards-tabular th.col-cost,
.forge-data-container .listing-cards-tabular th.col-cost {
  width: 62px !important;
  display: table-cell !important;
}
.deck-full-card-list .listing-cards-tabular th.col-type,
.forge-data-container .listing-cards-tabular th.col-type {
  display:none;
}
.deck-full-card-list .listing-cards-tabular th.col-class,
.forge-data-container .listing-cards-tabular th.col-class {
  display:none;
}
.deck-full-card-list .listing-cards-tabular th.col-attack,
.forge-data-container .listing-cards-tabular th.col-attack {
  display:none;
}
.deck-full-card-list .listing-cards-tabular th.col-health,
.forge-data-container .listing-cards-tabular th.col-health {
  display:none;
}


/* Upsell */
#upsell-banner { background: url("https://media.hearthpwn.com/attachments/9/493/speed-dating-hearthpwn-banner.png") no-repeat top left; width: 350px; height: 43px; float: right; margin-top: 3px; position: absolute; top: 0; left: 255px; display:none; }
#upsell-banner a { display: block; height: 43px; width: 350px; text-indent: -9999px; }



/* Temp fix for notifications listing having white text */
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container p,
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container p strong,
.p-notifications-a .listing-container .listing-body .user-notification-listing>.b-list-item .notification-content-container a
{
  color: #6f1b1b;
}

/* Temp fix for additional author types for Community Tracker */
.p-devTracker-a .p-devTracker-content a.type-admin-post, .p-devTracker-a .p-devTracker-content .col-author-link a, .p-devTracker-a .p-devTracker-content .p-comment-post.community-forum-post-moderator-post .p-comment-author a {
  color: #0055ab;
  font-weight: bold;
  padding-left: 24px;
  background: url("https://media.hearthpwn.com/attachments/4/452/icon-dev.png") no-repeat left center; }

.p-devTracker-a .p-devTracker-content a.type-admin-post:hover, .p-devTracker-a .p-devTracker-content .col-author-link a:hover, .p-devTracker-a .p-devTracker-content .p-comment-post.community-forum-post-moderator-post .p-comment-author a:hover {
    color: #006ede; }

.community-forum-post-moderator-post .u-typography-format {
    color: #0055ab !important;
}


/*Vote upsell wrap fix */
.t-deck-vote-upsell .t-deck-rating-container form.rating-form {
    width: 130px;
}

/*Multi-line header fix*/
.post-collection .post-listing>li .p-article-a .p-article-header .p-article-title {
    max-width: 700px;
    line-height: 24px;
    margin: 6px 0;
}

.post-collection .post-listing>li .p-article-a .p-article-header {
    background: #181718 url("https://media.hearthpwn.com/attachments/2/533/box-texture-bg2.png") no-repeat left top
}
/*Multi-line header fix*/


.t-deck-header .t-deck-title {
    line-height: 1.2em;
}

.t-deck-filters fieldset.class ul li
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.u-typography-format table tbody tr td
{
     border-left: 1px solid #e4d7b4;
}

.atf .p-base-a .b-list .b-list-item {
    padding: 4px 6px;
}

.atf .p-base-a .p-base-footer {
margin: 0;
padding: 0px 5px 5px 5px;
}









blockquote.twitch {
    color: #AF71DC;
    background-image: none;
}

blockquote.twitch .quote-source {
    background: none;   
    color: #AF71DC;
    padding-left: 8px;
}

blockquote.neutral {
    color: #FFF;
    background-image: none;
}

blockquote.neutral .quote-source {
    background: none;   
    color: #FFF;
    padding-left: 0px;
}


article.p-article a { font-weight: bold; }

.page-block.announcement {
  border:1px #212121 dashed;
  padding:20px;
  width:800px;
  margin-left:auto;
  margin-right:auto;
}


.body-hscard-index .card-image-item {
width: 233px;
display: inline;
}

.p-article-content table.deck th { text-align: left; /*background-position: -10px -15px*/ }


/* HearthPwn Moderator Custom User Styling */
span.user-role-moderator,
span.user-role-arena-moderator,
span.user-role-streams-videos-moderator,
span.user-role-druid-moderator,
span.user-role-hunter-moderator,
span.user-role-mage-moderator,
span.user-role-paladin-moderator,
span.user-role-priest-moderator,
span.user-role-rogue-moderator,
span.user-role-shaman-moderator,
span.user-role-warlock-moderator,
span.user-role-warrior-moderator,
span.user-role-general-discussion-moderator,
span.user-role-fan-creations-mod {
  color: #CB60B3 !important;
  padding-left: 16px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/10/592/mod-pink-crystal.png) no-repeat left center;
}

span.user-role-senior-moderator {
  color: #CE0A0A !important;
  padding-left: 16px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/10/593/senior-mod-red-crystal.png) no-repeat left center;
}

.p-comments-b .p-comment-user .p-comment-username .user-role-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-arena-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-streams-videos-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-druid-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-hunter-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-mage-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-paladin-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-priest-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-rogue-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-shaman-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-warlock-moderator,
.p-comments-b .p-comment-user .p-comment-username .user-role-warrior-moderator
.p-comments-b .p-comment-user .p-comment-username .user-role-general-discussion-moderator
.p-comments-b .p-comment-user .p-comment-username .user-role-fan-creations-mod  {
  color: #CB60B3;
}

span.user-role-contributor,
.p-comments-b .p-comment-user .p-comment-username .user-role-contributor
{
  color: #ce550d;
}

.p-comments-b .p-comment-user .p-comment-username .user-role-senior-moderator {
  color: #CE0A0A;
}

span.user-role-esports-team {
  color: #1B8000 !important;
  padding-left: 16px;
  min-height: 15px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/10/127/esports-team.png) no-repeat left center;
}
.p-comments-b .p-comment-user .p-comment-username .user-role-esports-team {
  color: #1B8000;
}


/* Avatar Portrait Borders */
@media screen and (min-width: 640px) {
.p-comments-b .p-comment-post .p-comment-avatar>.user-role-card-design-champion,
.s_myProfile .p-user-info .user-avatar>.user-role-card-design-champion,
.p-comments-b .p-comment-post .p-comment-avatar>.user-role-grand-adventurer,
.s_myProfile .p-user-info .user-avatar>.user-role-grand-adventurer,
.p-comments-b .p-comment-post .p-comment-avatar>.user-role-adventurer-extraordinaire,
.s_myProfile .p-user-info .user-avatar>.user-role-adventurer-extraordinaire,
.p-comments-b .p-comment-post .p-comment-avatar>.user-role-grand-explorer,
.s_myProfile .p-user-info .user-avatar>.user-role-grand-explorer,
.p-comments-b .p-comment-post .p-comment-avatar>.user-role-explorer-extraordinaire,
.s_myProfile .p-user-info .user-avatar>.user-role-explorer-extraordinaire
 {
    background: url(https://media.hearthpwn.com/attachments/10/231/card-competition-winner-portrait-border.png);
    padding: 10px 0px 0px 10px;
    width: 118px;
    height: 135px;
}

.p-comments-b .p-comment-post .p-comment-avatar>.user-role-grand-adventurer,
.s_myProfile .p-user-info .user-avatar>.user-role-grand-adventurer {
   background: url(https://media.hearthpwn.com/attachments/40/618/acc-runnerup.png);
}

.p-comments-b .p-comment-post .p-comment-avatar>.user-role-adventurer-extraordinaire,
.s_myProfile .p-user-info .user-avatar>.user-role-adventurer-extraordinaire {
   background: url(https://media.hearthpwn.com/attachments/40/619/acc-winner.png);
}


.p-comments-b .p-comment-post .p-comment-avatar>.user-role-grand-explorer,
.s_myProfile .p-user-info .user-avatar>.user-role-grand-explorer {
   background: url(https://media.hearthpwn.com/attachments/52/200/ecc-runnerup.png);
    padding: 10px 0 0 9px;
}

.p-comments-b .p-comment-post .p-comment-avatar>.user-role-explorer-extraordinaire,
.s_myProfile .p-user-info .user-avatar>.user-role-explorer-extraordinaire {
   background: url(https://media.hearthpwn.com/attachments/52/213/ecc-winner.png);
    padding: 10px 0 0 9px;
}

.user-role-card-design-champion .u-icon-online, .user-role-grand-adventurer .u-icon-online, .user-role-adventurer-extraordinaire .u-icon-online,
.user-role-card-design-champion .u-icon-online, .user-role-grand-explorer .u-icon-online, .user-role-explorer-extraordinaire .u-icon-online {
  left: 10px;
  bottom: 25px;
}
}

/* Static size for arcane dust column on tables */
td.col-dust-cost { width: 118px !important; }
#decks td.col-updated { width: 125px !important; }

/* Jump button for articles was hitting the right side. */
.p-article-a .p-article-jump {
  margin-right: 10px;
}

/* TEMP FIXES - TESTED PAGES!! Card links globally bold with hack, it messed with nav as well. this reset the nav.*/
div.dropdown.section a[href^="/cards/"] {
 font-weight: normal !important;
}

.recent-blue-posts a.community-forum-thread-admin-post { color: #0055ab !important;}

section.p-article-content .b-tab-b.tabbed-container > div.b-tab-content {
  border: 1px solid #d8cdae;
  border-top: none;
  padding: 8px;
  background: #F0E6CB;
}

/* Deck Spotlight stuff */
.deck-byline {
  color: #6b6658;
  font-size: 11px;
}

.deck-byline div {
  display: inline-block;
  margin-right: 5px;
}

.deck-byline .ds-icon:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(https://media.hearthpwn.com/attachments/2/460/icon-staff-12x12.png);
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.deck-byline .hpwn:before {
  width: 12px;
  height: 12px;
  background: url(https://media.hearthpwn.com/attachments/2/460/icon-staff-12x12.png);
}

.deck-byline .twitter:before {
  background: url(https://media.hearthpwn.com/attachments/2/463/14px-twitter-icon.png);
}

.deck-byline .twitch:before {
  background: url(https://media.hearthpwn.com/attachments/2/462/14px-twitch-icon.png);
}

.deck-byline .youtube:before {
  background: url(https://media.hearthpwn.com/attachments/2/465/14px-youtube-icon.png);
}

span.user.user-role-bot {
  color: #58077A;
  font-weight: 700;
  /*padding-left: 16px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/3/165/icon-v2.png) no-repeat left center;*/
}

span.user.user-role-deck-architect {
  color: #C0770A;
  padding-left: 12px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/3/929/hp-vip-community-member-icon.png) no-repeat left center;
}

div.j-comment[data-author-id="999931"] .p-comment-statitem.forum-title { 
  padding-left: 18px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/4/265/chinwing.png) no-repeat left center;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  color: #FF69B4;
}

div.j-comment[data-author-id="999931"] .p-comment-sig {
  max-height: 200px;
}


div.j-comment[data-author-id="22105429"] .p-comment-statitem.forum-title { 
  padding-left: 18px;
  min-height: 16px;
  display: inline-block;
  background: url(https://media.hearthpwn.com/attachments/45/482/636254616316300627.png) no-repeat left center;
font-size: 11px;
}

div.j-comment[data-author-id="11132251"] .p-comment-statitem.forum-title { 
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
    padding-left: 38px;
}

div.j-comment[data-author-id="4371937"] .p-comment-statitem.forum-title {
 -webkit-animation: cc 1s linear 1s infinite alternate;
 animation: cc 1s linear 1s infinite alternate;
 color: #CC66FF;
}

div.j-comment[data-author-id="73374"] .p-comment-statitem.forum-title { 
    color: #7D26CD;
    font-weight: 600;
}

div.j-comment[data-author-id="19625232"] .p-comment-statitem.forum-title {
    animation: rainbow 4s linear 0s infinite;
    color: #36A00C;
    font-size: 120%;
}

div.j-comment[data-author-id="21258956"] .p-comment-statitem.forum-title { 
  padding-left: 18px;
  min-height: 16px;
  display: inline-block;
  color: #FF0000;
}

@-webkit-keyframes cc
{
 0%   { 
color: #CC66FF;

}
 50%  {

 color: #660066;}
 100% {

 color: #CC66FF;}

}

@keyframes cc
{
 0%   { color: #CC66FF;}
 50%  { color: #660066;}
 100% { color: #CC66FF;}
}

@keyframes rainbow {
    0% { color: #0000FF; }
    33% { color: #00CF00; }
    66% { color: #FF0000; }
    100% { color: #0000FF; }
}

/* for special guides with card img alignments */
.forumpost-cardguide-fancy:after {
    content: "";
    display: table;
    clear: both;
}

div.forumpost-cardguide-fancy {
    margin-bottom: 0px !important;
}

.forumpost-cardguide-fancy .alignedcard-right img,
.forumpost-cardguide-fancy .alignedcard-right video {
    float: right;
}

.forumpost-cardguide-fancy .alignedcard-left img,
.forumpost-cardguide-fancy .alignedcard-left video {
    float: left;
}

.forumpost-cardguide-fancy > .news-card-reveal { display: block; }
/* BROKEN CSS FIX FOR FORUM POSTS AND PROFILE COMMENTS */
.forum-post-content .p-comment-content { margin-left: 0px !important; }

/* Broken CSS Fix for pagination dots. Stolen from Heroes Nexus */
.b-pagination-b .dots { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; padding: .3em .1em; }

/* Broken CSS for Moderators on Forum View */ 
.p-forum-a .b-table .forum-row .col-forum .moderators, .p-forum-a .announcements .forum-row .col-forum .moderators {
float: left;
font-size: 11px;
margin-right: 4px;
font-weight: bold;
margin-top: 2px;
}
.p-forum-a .b-table .forum-row .col-forum .expanded-by-default { clear: none; float: left; }

/* Thread Prefix */
.thread-prefix {
  display: inline-block !important;
  margin: 0px 0px 1px 0px !important;
}

.thread-prefix span.thread-prefix {
  background-color: #C98D0E;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 4px;
}

/* Generic Colors */
.thread-prefix span.red { background-color: #e51c23; }
.thread-prefix span.pink { background-color: #e91e63; }
.thread-prefix span.purple { background-color: #9c27b0; }
.thread-prefix span.deep-purple { background-color: #673ab7; }
.thread-prefix span.indigo { background-color: #3f51b5; }
.thread-prefix span.blue { background-color: #5677fc; }
.thread-prefix span.light-blue { background-color: #03a9f4; }
.thread-prefix span.cyan { background-color: #00bcd4; }
.thread-prefix span.teal { background-color: #009688; }
.thread-prefix span.green { background-color: #259b24; }
.thread-prefix span.light-green { background-color: #8bc34a; }
.thread-prefix span.lime { background-color: #cddc39; }
.thread-prefix span.yellow { background-color: #ffeb3b; }
.thread-prefix span.amber { background-color: #ffc107; }
.thread-prefix span.orange { background-color: #ff9800; }
.thread-prefix span.deep-orange { background-color: #ff5722; }
.thread-prefix span.brown { background-color: #795548; }
.thread-prefix span.grey { background-color: #9e9e9e; }
.thread-prefix span.blue-grey { background-color: #607d8b; }

/* Class Icon Thread Prefixes */
.thread-prefix span.hsclass { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url(https://media.hearthpwn.com/attachments/4/850/new-class-icons.png) }
.thread-prefix span.hsclass.druid { background-position: -25px 0px; }
.thread-prefix span.hsclass.hunter { background-position: -50px 0px; }
.thread-prefix span.hsclass.mage { background-position: -75px 0px; }
.thread-prefix span.hsclass.paladin { background-position: -100px 0px; }
.thread-prefix span.hsclass.priest { background-position: -125px 0px; }
.thread-prefix span.hsclass.rogue { background-position: -150px 0px; }
.thread-prefix span.hsclass.shaman { background-position: -175px 0px; }
.thread-prefix span.hsclass.warlock { background-position: -200px 0px; }
.thread-prefix span.hsclass.warrior { background-position: -225px 0px; }
.thread-prefix span.hsclass.monk { background-position: -250px 0px; }
.thread-prefix span.hsclass.deathknight { background-position: -275px 0px; }


.thread-prefix span.bug {
  background-color: #dd434b;
}

.thread-prefix span.resolved {
  background-color: #4f864f;
}

.thread-prefix span.request {
  background-color: #dd4398;
}

.thread-prefix span.mod.wip {
  background-color: #8bc34a;
}

.thread-prefix span.mod.handbook {
  background-color: #009688;
}

.thread-prefix span.mod.question {
  background-color: #5677fc;
}

.thread-prefix span.mod.update {
  background-color: #673ab7;
}

.thread-prefix span.mod.urgent {
  background-color: #ffc107;
}

.thread-prefix span.mod.fun {
  background-color: #00bcd4;
}

.thread-prefix span.mod.meta {
  background-color: #e91e63;
}

.ad-container {
    overflow: visible !important;
}

.p-forum-a > .user-actions { z-index: 2 }

/* TEMP EXPANSION CSS */

.deck-card-list .tabbed-content.exp1-bg {
background: url('https://media.hearthpwn.com/attachments/6/726/exp1-bg.png') no-repeat;
}

.deck-container div#cards ul.tabbed-tabs .b-tab-item[data-tab-id="#goblins-vs-gnomes"] a:before {
background-position: 0 -416px;
}

/* Polldaddy */
.pds-box {
  margin: 0 auto !important; 
  max-width: 450px !important;
  width: initial !important;
  background-color: #F1F1F1 !important;
  border: 1px solid #ccc !important;
  background-color: #ECE3CA !important;
  border: 1px solid #E3D5AF !important;
}
.pds-question-top {
font: normal normal bold 15px/20px Arial !important;
color: #FFF !important;
text-align: left !important;
border: 0 none #eee !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
background-color: #3D403D !important;
margin: 0 0 15px !important;
padding: 5px !important;
background-color: #902222 !important;
}
.pds-vote-button {
font: normal normal bold 14px/24px Arial !important;
color: #FFF !important;
text-align: left !important;
background: #3D403D !important;
border: 1px solid #999 !important;
-webkit-border-radius: 11px !important;
-moz-border-radius: 11px !important;
border-radius: 8px !important;
margin: 0 !important;
padding: 0 24px !important;
display: block !important;
float: left !important;
text-decoration: none !important;
background-color: #902222 !important;
}
.pds-links {
display: block !important;
padding: 0 0 0 15px !important;
float: left !important;
}
.pds-view-results {
font: normal normal normal 11px/11px Arial !important;
color: #333 !important;
text-align: left !important;
padding: 8px 10px 0 0 !important;
}
.pds-pd-link {
font: normal normal normal 11px/11px Arial !important;
color: #6B6B6B !important;
text-align: left !important;
padding: 8px 10px 0 0 !important;
}
.pds-answer {
border: none !important;
padding: 0 !important;
}
.pds-answer-feedback-bar {
background-color: #8cc63f !important;
border: 1px solid #7EB339 !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
padding: 0 !important;
margin: 0 !important;
height: 25px !important;
}

.deck-card-list .tabbed-content .listing-body {
top: 0;
}

/*.deck-card-list .tabbed-content .listing-body .card-image-item:nth-child(6n-2), .deck-card-list .tabbed-content .listing-body .card-image-item:nth-child(6n-1), .deck-card-list .tabbed-content .listing-body .card-image-item:nth-child(6n) {
margin-top: 240px;
}*/


/* ADVENTURE BOSS CSS */
/* Adventure Guides - High Res Devices */
@media screen and (min-width: 641px) {
  
  ul.ab-adventure-bosses, ul.ab-adventure-bosses ul.wb-wing-bosses {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  
  ul.ab-adventure-bosses li.aw-adventure-wing {
    font-weight: 700;
    font-size: 120%;
    display: inline-block;
    margin: 10px 20px;
  }
  
  ul.ab-adventure-bosses ul.wb-wing-bosses {
    margin: 10px 0;
  }
  
  ul.ab-adventure-bosses ul.wb-wing-bosses li.be-boss-encounter a {
    width: 104px;
    height: 104px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 2px solid black;
  }
  
  ul.ab-adventure-bosses ul.wb-wing-bosses li.be-boss-encounter {
   display: inline-block; 
  }
  
  /* Blackrock Mountain */
  ul.ab-adventure-bosses ul.wb-wing-bosses li.be-boss-encounter.be-brm a {
    background: url('https://media.hearthpwn.com/attachments/11/282/brm-boss-grid-sp.png');
  }
  
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-coren { background-position: 0 0 !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-grimstone { background-position: -100px 0 !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-thaurissan { background-position: -200px 0 !important; }

  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-garr { background-position: 0 -100px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-barongeddon { background-position: -100px -100px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-majordomo { background-position: -200px -100px !important; }

  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-highlordomokk { background-position: 0 -200px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-drakkisath { background-position: -100px -200px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-rendblackhand { background-position: -200px -200px !important; }

  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-razorgore { background-position: 0 -300px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-vaelastrasz { background-position: -100px -300px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-chromaggus { background-position: -200px -300px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-nefarius { background-position: -300px -300px !important; }

  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-omnotron { background-position: 0 -400px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-maloriak { background-position: -100px -400px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-atramedes { background-position: -200px -400px !important; }
  ul.ab-adventure-bosses li.be-boss-encounter.be-brm a.bid-nefarian { background-position: -300px -400px !important; }
  
  ul.ab-adventure-bosses ul.wb-wing-bosses li.be-boss-encounter.be-loe a {
    background: url('https://media.hearthpwn.com/attachments/22/134/635832391925255216.png');
  }
ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-zinaar { background-position: -0px -0px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-sunraiderphaerix { background-position: -100px -0px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-templeescape { background-position: -200px -0px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-chieftainscarvash { background-position: -0px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-minecart { background-position: -100px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-archaedas { background-position: -200px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-lordslitherspear { background-position: -0px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-giantfinbossguide { background-position: -100px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-ladynazjar { background-position: -200px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-skelesaurushex { background-position: -0px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-thesteelsentinel { background-position: -100px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-rafaam { background-position: -200px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-loe a.bid-rafaamunleashed { background-position: -300px -300px !important; }

/* Karazhan */
ul.ab-adventure-bosses ul.wb-wing-bosses li.be-boss-encounter.be-kara a {
    background: url('https://media.hearthpwn.com/attachments/38/40/kara-boss-sprite.png');
  }
ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-princemalchezaar { background-position: -0px -0px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-silverwaregolem { background-position: -0px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-magicmirror { background-position: -100px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-blackking { background-position: -200px -100px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-romuloandjulianne { background-position: -0px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-bigbadwolf { background-position: -100px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-thecrone { background-position: -200px -200px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-thecurator { background-position: -0px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-nightbane { background-position: -100px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-terestianillhoof { background-position: -200px -300px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-shadeofaran { background-position: -0px -400px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-netherspite { background-position: -100px -400px !important; }ul.ab-adventure-bosses li.be-boss-encounter.be-kara a.bid-unknownboss { background-position: -200px -400px !important; }




}
/* Adventure Class Challenge Guides - High Res Devices */
@media screen and (min-width: 641px) {
  
  ul.acc-adventure-class-challenge {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class {
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
  }
  
  
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.gl-guide-link {
    width: 254px;
    height: 84px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 2px solid black;
  }
  
  /* Default */
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class.cc-default a.gl-guide-link {
    background: url('https://media.hearthpwn.com/attachments/11/299/250x80-heroes-sprite.png');
  }
   ul.acc-adventure-class-challenge li.ccc-class-challenge-class.cc-default a.gl-guide-link.locked {
    background: url('https://media.hearthpwn.com/attachments/11/302/250x80-heroes-sprite-locked.png');
  }
  
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-druid { background-position: 0 0 !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-hunter { background-position: -250px 0 !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-mage { background-position: -500px 0 !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-paladin { background-position: 0 -80px !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-priest { background-position: -250px -80px !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-rogue { background-position: -500px -80px !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-shaman { background-position: 0 -160px !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-warlock { background-position: -250px -160px !important; }
  ul.acc-adventure-class-challenge li.ccc-class-challenge-class a.ccid-warrior { background-position: -500px -160px !important; }

  ul.acc-adventure-class-challenge li.ccc-class-challenge-class.cc-default ul.cr-challenge-reward {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}


.table-400 {
  margin: 0 auto;
  max-width: 400px;
}

/* Fan Creations */
div.p-comments[data-id="44475"] .j-comment-body img,
div.p-comments[data-id="50060"] .j-comment-body img,
div.p-comments[data-id="52381"] .j-comment-body img,
div.p-comments[data-id="52382"] .j-comment-body img,
div.p-comments[data-id="53254"] .j-comment-body img,
div.p-comments[data-id="53255"] .j-comment-body img,
div.p-comments[data-id="54300"] .j-comment-body img,
div.p-comments[data-id="54301"] .j-comment-body img,
div.p-comments[data-id="50718"] .j-comment-body img,
div.p-comments[data-id="50717"] .j-comment-body img {
  max-width:220px;
}

div.p-comments[data-id="44475"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="50060"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="52381"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="52382"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="53254"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="53255"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="54300"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="54301"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="50718"]  #forum-post-body-1.j-comment-body img,
div.p-comments[data-id="50717"]  #forum-post-body-1.j-comment-body img {
  max-width: initial !important; 
}

/* Fan Creations Threads */

ul.mana-crystal-list {
    list-style-image: url(https://media.hearthpwn.com/attachments/13/931/mana-crystal-large-li.png);
}

ul.hallow-pumpkins {
    list-style-image: url(https://media.hearthpwn.com/attachments/40/825/pumpkin-list-icon.png);
}

hr.hallow-spooky {
    background: url(https://media.hearthpwn.com/attachments/40/827/hallow-spooky.png) no-repeat scroll center;
    height: 30px;
    border: none !important;
}

ul.mana-crystal-list ul.smaller-crystals {
    list-style-image: url(https://media.hearthpwn.com/attachments/13/932/mana-crystal-small-li.png);   
}

p.no-bottom-margin, ul.no-bottom-margin {
    margin-bottom: 0px !important;
}



.ccc-card-wrapper .the-flavor {
    width: 180px;
    display: inline-block;
    background: #e9dfc2;
    border: 1px solid #decda0;
    border-radius: 3px;
    padding: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    position: relative;
    vertical-align: middle;
}

/* ESPORTS BLIZZCON BRACKETS */
.esbr-blizzcon{line-height:1}.esbr-blizzcon li,.esbr-blizzcon ol{list-style:none;margin:0;padding:0}ol.esbr-brackets{display:flex;overflow:auto}ol.esbr-brackets h2.esbr-title{display:block;text-align:center;margin:0;font-weight:700;font-size:16px;color:#630}ol.esbr-brackets span.esbr-date{display:block;font-size:11px;margin:5px 0 10px;color:#aaa;text-align:center}li.esbr-round{float:left;width:25%}li.esbr-match{padding:0 15px}li.esbr-round.esbr-quarter li.esbr-match:not(:last-child){margin:0 0 30px}li.esbr-round.esbr-semi li.esbr-match:first-child{margin:51px 0 0}li.esbr-round.esbr-semi li.esbr-match:not(:first-child){margin:134px 0 0}li.esbr-round.esbr-finals li.esbr-match:first-child{margin:154px 0 0}li.esbr-round.esbr-winner li.esbr-match{margin:188px 0 0}li.esbr-round.esbr-winner h2.esbr-title{margin:0 0 10px;text-shadow:0 0 2px #fc0}li.esbr-competitor{background:#ece3ca;padding:8px;margin:0 0 5px;border:2px solid #e4d7b3;border-radius:4px}li.esbr-competitor:hover{border-color:#CEB674}li.esbr-competitor img{margin:2px 3px -2px 0;vertical-align:top}li.esbr-competitor .esbr-team .esbr-score{float:right;font-weight:700}li.esbr-competitor.esbr-win{background:#e4ecca;border-color:#b8c787}li.esbr-competitor.esbr-lose{background:#f2e4e4;border-color:#d9a9a9}li.esbr-competitor.esbr-win:hover{border-color:#899465}li.esbr-competitor.esbr-lose:hover{border-color:#b37d7d}li.esbr-round.esbr-winner li.esbr-competitor{background:url(https://media.hearthpwn.com/attachments/21/395/rjficsv.png) right no-repeat #faf0b6;border-color:#fc0;box-shadow:0 0 3px 0 #fc0}@media only screen and (max-width:850px),only screen and (max-device-width:850px){ol.esbr-brackets{display:block;overflow:auto}li.esbr-round{float:none;width:100%}li.esbr-match{margin:0 0 30px!important}}
.esbr-blizzcon-deck a{text-decoration:none;color:#6f1b1b!important;font-weight:700;font-size:13px}.esbr-blizzcon-deck a:hover{color:#982525!important}.esbr-blizzcon-deck{text-align: left;display:inline-block;line-height:1;background:#f9f7f1;font-family:'Open Sans',sans-serif;font-size:13px;border:1px solid #a4977b;border-radius:5px;width:300px;box-shadow:0 0 4px -1px #999;margin-bottom:10px}.esbr-blizzcon-deck .esbr-header{background:#f0e1bc;background:linear-gradient(to bottom,#fff5dc,#f0e1bc);box-shadow:inset 0 -1px 0 0 #f4ebd4;border-top-right-radius:5px;border-top-left-radius:5px;border-bottom:1px solid #c8c0af;padding:10px 0 9px 10px}.esbr-blizzcon-deck .esbr-playercountry{margin:0 5px 0 0}.esbr-blizzcon-deck .esbr-playercountry img{vertical-align:top;margin:2px 0 -2px}.esbr-blizzcon-deck .esbr-playername{color:#222;font-size:15px;font-weight:700}.esbr-blizzcon-deck .esbr-decklist li,.esbr-blizzcon-deck .esbr-decklist ol{list-style:none;padding:0;margin:0}.esbr-blizzcon-deck li.esbr-deckname{display:flex;background:#eee}.esbr-blizzcon-deck li.esbr-deckname:not(:first-child){border-top:1px solid #c8c0af}.esbr-blizzcon-deck li.esbr-deckname:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.esbr-blizzcon-deck .esbr-deckname.esbr-druid{background:linear-gradient(#f6f3eb,#FF7D0A 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-hunter{background:linear-gradient(#f6f3eb,#ABD473 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-mage{background:linear-gradient(#f6f3eb,#69CCF0 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-paladin{background:linear-gradient(#f6f3eb,#F58CBA 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-priest{background:linear-gradient(#f6f3eb,#ddd 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-rogue{background:linear-gradient(#f6f3eb,#FFF569 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-shaman{background:linear-gradient(#f6f3eb,#0070DE 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-warlock{background:linear-gradient(#f6f3eb,#9482C9 125px)}.esbr-blizzcon-deck .esbr-deckname.esbr-warrior{background:linear-gradient(#f6f3eb,#C79C6E 125px)}.esbr-blizzcon-deck .esbr-deckclass{padding:8px 0 8px 10px}.esbr-blizzcon-deck .esbr-deckclass img{width:16px;height:16px;vertical-align:top}.esbr-blizzcon-deck .esbr-decktitle{padding:10px 10px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.esbr-blizzcon-deck .esbr-dustcost{background:url(https://media.hearthpwn.com/attachments/27/129/icon-dust.png) 0 8px no-repeat;padding:10px 10px 6px 16px;margin:0 0 0 auto;color:#1a7abb;font-weight:700}.esbr-blizzcon-deck:nth-child(1n) {
 margin-right: 8px;
}



div.fan-creations-pageblock {
    text-align: center;
}

div.fan-creations-pageblock-promo .snowground {
    background: url(https://media.hearthpwn.com/attachments/26/354/love-is-in-the-air-forum-header-background.png) center;
    height: 150px;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    border: 2px solid black;
    margin-bottom: 15px;
}

div.fan-creations-pageblock-promo .fake-text {
    background: url(https://media.hearthpwn.com/attachments/26/466/love-is-in-the-air-text.png);
    width: 630px;
    height: 85px;
    margin: 0 auto;
    top: 15px;
    background-repeat: no-repeat;
    position: relative;
}

div.fan-creations-pageblock-promo .real-text {
    color: white !important;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}

@media screen and (max-width: 680px) {
    div.fan-creations-pageblock-promo .fake-text {
        width: 400px;     
        background-size: 400px;
    }
    div.fan-creations-pageblock-promo .real-text {
        font-size: 20px;
        margin-top: 0px;
    }
}

@media screen and (max-width: 440px) {
    div.fan-creations-pageblock-promo .fake-text {
        width: 300px;     
        background-size: 300px;
    }
    div.fan-creations-pageblock-promo .real-text {
        font-size: 14px;                                     
    }
}


tr.j-forum-thread-row[data-id="14499"] { 
background-image:url('https://media.hearthpwn.com/attachments/97/727/minecraft-banner.png') !important;
color:white !important;
border: 2px solid black;
}

tr.j-forum-thread-row[data-id="14499"] td { 
background-color: transparent !important;
border:0px !important;
color: white !important;
}



/* BLAH */

meta[content^="https://www.hearthpwn.com/news/1233"] + header + section.p-article-content {
    background: url(https://media.hearthpwn.com/attachments/28/955/test.jpg) center top no-repeat #281d15;
    padding: 0px !important;
    margin-bottom: 0px;
}

meta[content^="https://www.hearthpwn.com/news/1233"] + header + section.p-article-content + footer.p-article-footer {
    margin-top: -11px;   
}

div.card-reveal-promo {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

div.card-reveal-promo a {
    color: #FFF569 !important;
}

div.card-reveal-promo a:hover {
    color: #FFEF10 !important;
}

div.card-reveal-promo span.toxins-soon-wrapper {
    padding: 20px;
}

div.card-reveal-promo span.toxins-soon {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    display: block;
    width: 50%;
    margin: 0px auto;
    color: white;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.3);
}

@media (min-width: 860px) {
    div.hero-render {
        background: url(https://media.hearthpwn.com/attachments/28/956/reveal-character-rdy.png);
        width: 260px;
        height: 408px;
        position: absolute;
        right: 9px;
        top: -40px;
        z-index: 100;
    }
} 
div.card-reveal-promo header {
    background: rgba(0,0,0,.65);
    font-size: 26px;
    line-height: 38px;
    padding-left: 10px;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    margin-bottom: 15px;
    color: #ff8000;
    text-shadow: 1px 1px 1px #000;
}

div.card-reveal-promo h3 {
    text-align: center;
    color: #FFF569;
    font-size: 30px;
    background: rgba(0,0,0,0.7);
    text-shadow: 1px 1px 1px #000;
}

div.card-reveal-promo h3.toxins {
    color: #3c9b1a;
}

div.card-reveal-promo p.toxin-cards {
    text-align: center;
    background: rgba(79, 135, 23, 0.1);
    margin-bottom: -24px;
    margin-top: -8px;
    padding: 20px 0px;
}

div.card-reveal-promo .promo-lore {
    color: white;
    background: rgba(0, 0, 0, 0.3);
    margin: 20px;
    padding: 10px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.3);
}

div.card-reveal-promo .promo-lore a {
    color: #FFF569;
}

div.card-reveal-promo .promo-lore ul { margin-bottom: 0px; }

div.card-reveal-promo a.reveal-discuss {
    margin: 0px auto;
    background: url(https://media.hearthpwn.com/attachments/28/954/reveal-character-discuss-button.png);
    width: 230px;
    height: 45px;
    display: block;
margin-top: 10px;
}

div.card-reveal-promo a.reveal-discuss:hover {
    background-position: 0px 46px;
}


.card-page-custom-poll{background:#efe7d2;border:1px solid #decda0;float:right;width:350px;margin:0 0 50px 20px;border-radius:5px;padding:8px;clear:both}.card-page-custom-poll h2{font-size:14pt;border-bottom:2px solid #decda0;padding:0 0 8px}.card-page-custom-poll .poll-results p:first-child{display:none}.card-page-custom-poll .poll-login-message,.card-page-custom-poll form.b-poll-voting{border-bottom:2px solid #decda0;margin:0 0 8px}.card-page-custom-poll .poll-login-message{padding:0 0 8px}.card-page-custom-poll label.j-poll-choice{line-height:1.5;margin:3px 0 0;font-size:10pt}.card-page-custom-poll label.j-poll-choice input{line-height:1.5;margin:0;vertical-align:middle}
.p-article.post-draft .p-article-header {
    background-color: #0D47A1 !important;
}

.p-article.post-draft .p-article-interact {
    background: #E1F0F7;
    border-top: 1px solid #CEE2EB !important;
}

/* Disable the green flashing dot for online users - now its just green. Caused cpu spikes on forum threads. */
.u-icon-online:before { animation: none !important; -webkit-animation: none !important;}

/* Appeals */
.body-infractions-appealdetails header.h2 h2,
.body-infractions-appealdetails .sub-header {
    display: none;
}

.appeal-details {
    font-weight: bold;
    margin-top: 25px;
}

.appeal-details li {
    padding: 5px;
    border-bottom: 1px solid #D1C7AB;
}

.appeal-details li:nth-child(even) {
    background: #ece3ca;
}

.appeal-details li:nth-child(odd) {
    background: #e1d7bd;
}

.appeal-details span {
    position: absolute;
    left: 150px;
    font-weight: normal;
}

.appeal-user {
    border-top: 1px solid #D1C7AB;
}

.appeal-text {
    padding: 5px;
    font-weight: bold;
  background: #e1d7bd;
    margin-top: 20px;
    border-bottom: 1px solid #D1C7AB;
    border-top: 1px solid #D1C7AB;
}

.appeal-reason {
    padding: 5px;
  background: #ece3ca;
    border-bottom: 1px solid #D1C7AB;
}

.appeal-moderation-actions {
    margin-bottom: 20px;
}

@media (min-width: 1023px) {
.speed-dating-for-old-gods a{
  background: url(https://media.hearthpwn.com/attachments/30/623/trolle.png);
    width: 225px;
    height: 43px;
    display: block;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -160px;
}

.speed-dating-for-eu-champs a{
  background: url(https://media.hearthpwn.com/attachments/36/12/speed-dating-americas.png);
    width: 225px;
    height: 43px;
    display: block;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -160px;
}

.speed-dating-for-3d-cards a{
  background: url(https://media.hearthpwn.com/attachments/31/842/speed-dating-promo-spot3.png);
    width: 225px;
    height: 43px;
    display: block;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -160px;
}
}

/* OLD GOD STUFF */
.wog-header-text {
    text-shadow: -1px 0 3px #4A148C,0 1px 3px #4A148C,1px 0 3px #4A148C,0 -1px 3px #4A148C;;
    color: #FBC02D !important;
}

.wog-old-gods-score {
    text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px black;
    font: bold 28px 'Open Sans Condensed', sans-serif;
    color: #fff;
    line-height: 1;
}

.wog-score-string {
    text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px black;
    font: bold 16px 'Open Sans Condensed', sans-serif;
    margin-top: 10px;
    display: inline-block;
}

.wog-stats-string {
    text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px black;
    font: bold 20px 'Open Sans Condensed', sans-serif;
    margin-bottom: 5px;
    display: inline-block;
    color: #fff;
    width: 125px;
}

.wog-legendary-string {
    background: #000;
    color: #ff8000;
    position: absolute;
    width: 96px;
    padding: 5px 0;
    opacity: .75;
    font: normal 15px 'Open Sans Condensed', sans-serif;
    margin-top: 120px;
}

.score-gold    { color: #F2CD57; }
.score-silver  { color: #C0C0C0; }
.score-bronze  { color: #A57164; }
.score-bad     { color: #e53935; }

div#site div.container meta[content^="https://www.hearthpwn.com/news/1438"] + header + section.p-article-content {
    background: url(https://media.hearthpwn.com/attachments/30/742/stats-bg-big-final.jpg) center top no-repeat;
}

div#site div.container meta[content^="https://www.hearthpwn.com/news/1438"] + header + section.p-article-content hr {
    border-color: #A1887F;
}

/* CTHUN*/
#site div.container meta[content^="https://www.hearthpwn.com/news/1447"] + header + section.p-article-content {
    background: url(https://media.hearthpwn.com/attachments/31/113/old-gods-article-background.jpg) center top no-repeat #C2AF98;
    padding-left: 0px;
    padding-right: 0px;
}

#site div.container meta[content^="https://www.hearthpwn.com/news/1449"] + header + section.p-article-content {
    background: url(https://media.hearthpwn.com/attachments/31/389/yogg-article-background.jpg) center top no-repeat #f3eddd;
    padding-left: 0px;
    padding-right: 0px;
}

#site div.container meta[content^="https://www.hearthpwn.com/news/1447"] + header + section.p-article-content hr {
   border-color: #582E54;   
}

#site div.container meta[content^="https://www.hearthpwn.com/news/1447"] + header + section.p-article-content h2 { 
    text-shadow: 0px 0px 2px #000;
    color: white;   
}

#site div.container meta[content^="https://www.hearthpwn.com/news/1449"] + header + section.p-article-content h2 {
    text-shadow: 0 0 2px #77D0AE;
    color: #1E1F1A;
}

#site div.container meta[content^="https://www.hearthpwn.com/news/1449"] + header + section.p-article-content hr {
   border-color: #77D0AE;   
}

div.old-gods-promo-area {
    color: white;  
    padding: 20px;
    text-shadow: 0px 0px 2px #000;
}

@media (max-width: 1023px) {
  #site div.old-gods-promo-area {
    margin-left: 0px !important; 
    margin-right: 0px !important;
  }
}

div.old-gods-promo-area h2, div.old-gods-promo-area a { color: #F07000 !important; }
div.old-gods-promo-area a:hover { color: orange !important; text-decoration: underline; }

p.old-gods-cthun-decks-class-select {
    background: rgba(39, 1, 45, 0.42);
    margin-bottom: -16px !important;
    margin-top: -14px;
    padding: 20px 0px;
}

.fake-h2 { display: block; font-size: 1.6em;
    font-weight: 700;font-family: "Open Sans Condensed",serif; color: white; margin-bottom: 20px;text-shadow: 0px 0px 2px #000;}

#site-main section.secondary-content #sidebar-gadget-promo {
    text-indent: -99999px;
    height: 250px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/91/565/rise-of-shadows-pwn-frontpage.jpg);
}

#site-main section.secondary-content #sidebar-network-promo {
    text-indent: -99999px;
    height: 250px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/51/481/300x250.gif) !important;
}

#site-main section.secondary-content #sidebar-blizzcon-esports-promo {
    text-indent: -99999px;
    height: 150px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/40/974/sidebar-esports.jpg);
}

#site-main section.secondary-content #sidebar-chat-bnet {
    text-indent: -99999px;
    height: 90px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/53/836/sidebar-chat-badge-bnet.jpg);
}

#site-main section.secondary-content #sidebar-chat-twitch {
    text-indent: -99999px;
    height: 90px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/53/837/sidebar-chat-badge-twitch.jpg);
}

#site-main section.secondary-content #sidebar-chat-hgg {
    text-indent: -99999px;
    height: 107px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/76/109/sidebar-global-games.jpg);
}


#site-main section.secondary-content #sidebar-chat-seatstory {
    text-indent: -99999px;
    height: 107px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/76/110/sidebar-seatstorycup.jpg);
}


#site-main section.secondary-content #sidebar-chat-mmochamp {
    text-indent: -99999px;
    height: 250px;
    display: block;
    background-image: url(https://media.hearthpwn.com/attachments/57/751/300x250_mmoc.jpg);
}

/* Karazhan Counter */
.page-block.kara-guide-promo {
    height: 250px;
    position: relative;
    text-align: center;
    color: #FFF;
    margin-bottom: 4px;
}

.page-block.kara-countdown {
    background: url(https://media.hearthpwn.com/attachments/68/167/reveal-countdown-stream.jpg);
    height: 200px;
    position: relative;
    text-align: center;
    color: #FFF !important;
    margin-bottom: 5px;
}

.page-block.kara-countdown a {
color: #FFF !important;
}

.page-block.kara-countdown a:visited {
color: #FFF !important;
}


.page-block.kara-countdown .inner-timer {
    bottom: 0px;
    background: transparent;
    padding-top: 48px;
}

.page-block.kara-countdown .inner-timer .group {
    display: inline-block;   
}

.page-block.kara-countdown .inner-timer .counter {
    display: block;
    font-size: 40px;
    min-width: 90px;
    background: rgba(00, 00, 10, 0.6);
    border-radius: 5px;
}

.page-block.kara-countdown .inner-timer .desc {
    font-size: 12px;
padding: 3px;
    border-radius: 4px;
    margin-bottom: 5px;
    display: block;
background: rgba(0,0,0,0.7);
}

/* Daily Reveals */

.page-block.card-reveal-countdown {
    background: url(https://media.hearthpwn.com/attachments/91/980/todays-reveals-shadows.jpg) no-repeat top center;
    color: #FFF;
    text-align: left;
    margin-bottom: 5px;
}

.page-block.card-reveal-countdown a { color: #FFF; }
.page-block.card-reveal-countdown a:visited { color: #FFF; }
.page-block.card-reveal-countdown a:hover { color: #FFF; }

.page-block.card-reveal-countdown .border-wrapper {
    margin: 1px;
    border: 2px solid #41455b;
    padding: 60px 3px 3px;
}

.page-block.card-reveal-countdown img {
    border: 1px solid #251516;
    border-radius: 3px;
    vertical-align: text-top;
    margin-right: 9px;
}

.page-block.card-reveal-countdown .counter-revealed {
    padding: 12px; 
    width: 190px;
    text-align: center;
    margin-left:2px;
}

.page-block.card-reveal-countdown .inner-timer {
    background: rgba(65, 69, 91, 0.8);
    padding: 8px;
    margin-bottom: 7px;
    box-shadow: 1px 1px 3px #000;
    text-align: center;
    display: block;
}

.page-block.card-reveal-countdown a.inner-timer:hover {
    background: rgba(58, 54, 42, 0.7);
}

.page-block.card-reveal-countdown .inner-timer:last-child {
    margin-bottom: 0;
}

.page-block.card-reveal-countdown .inner-timer .group {
    display: inline-block;
    vertical-align: text-top;
}

.page-block.card-reveal-countdown .inner-timer .counter {
    display: block;
    font-size: 20px;
    min-width: 60px;
    background: rgba(00, 00, 10, 0.3);
    border-radius: 5px;   
}

.page-block.card-reveal-countdown .inner-timer .desc {
    font-size: 12px;
    padding: 3px;
    border-radius: 4px;
    margin-bottom: 5px;
    display: block;
    background: rgba(0,0,0,0.2);
}

.page-block.card-reveal-countdown .timer-desc {
    font-weight: 600;
    margin-left: 77px;
    margin-bottom: 6px;
}

/* COVERAGE */
.page-block.coverage-button a {
    background: url(https://media.hearthpwn.com/attachments/54/911/blizzcon-2017-click.jpg);
    width: 300px;
    height: 70px;
    display: block;
    margin-bottom: 5px;
    text-indent: -9999px;
}


.acclc-wrap .acclc { position: relative; top: 60%; } .acclc-wrap { height: 240px; }

body.body-hsdeck-edit input#field-name, body.body-hsdeck-create input#field-name   { width: 350px; }

.body-hscard-details .infobox ul {
    background: transparent;
}

.body-hscard-details .infobox ul, 
.body-hscard-details .infobox li {
    list-style: none !important;
    margin: 0 0 5px 0;
}

.body-hscard-details .infobox li a {
    font-weight: bold;
}

/*.body-hscard-details .infobox li a:first-child:before {
    content: '';
    display: block;
}*/

.body-hscard-details .infobox li input {
    display: block;
    width: 100%;
    margin-top: 2px;
}

/* CDC */
img.makemealigned { padding-top: 75px; }

/* Twitter banner in news posts */ 
span.twitterbanner {
  display: block;
  margin: 0 auto;
  background: #bde0f3 url('https://media.hearthpwn.com/attachments/45/125/twitterbanner.png') 5px 5px no-repeat;
  border: 1px solid #71c9f8;
  border-radius: 3px;
  padding: 10px 25px;
  text-align: center;
}

span.twitterbanner a {
  color: #065f95 !important;
}

span.twitterbanner a:hover {
  color: #147dbe !important;
}

/* TAGS */
.p-article-tags a.tag { background: #ece3ca; padding: 6px; border: 1px solid #e6d9b7; border-radius: 5px;  }

/* Compendium Slider */
.glide {
  position: relative;
  width: 100%;
  height: 100%;
}
.glide__wrapper {
  overflow: hidden;
}
.glide__track {
  position: relative;
  width: 100%;
  height: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -ms-touch-action: pan-Y;
      touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
}
.glide__track.dragging {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.glide__slide {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.glide__arrow {
  cursor: pointer;
}
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.glide--slider .glide__slide {
  float: left;
  clear: none;
}
.glide--carousel.glide--vertical .glide__track {
  overflow: visible;
}
.glide--carousel .glide__slide {
  float: left;
  clear: none;
}
.glide--slideshow .glide__wrapper {
  height: 100%;
}
.glide--slideshow .glide__slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.glide--slideshow .glide__slide.active {
  z-index: 1;
}

/* Theme */

.glide__arrows {
  position: absolute;
}
.glide--horizontal .glide__arrows {
  top: 50%;
  width: 92%;
  margin-left: 4%;
}
.glide--vertical .glide__arrows {
  left: 50%;
  height: 88%;
  margin-top: 6%;
}
.glide__arrow {
  position: absolute;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  font: 11px Arial, sans-serif;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: opacity 150ms ease, border 300ms ease-in-out;
          transition: opacity 150ms ease, border 300ms ease-in-out;
}
.glide__arrow.disabled {
  opacity: 0.33;
}
.glide__arrow:focus {
  outline: none;
}
.glide__arrow:hover {
  border-color: white;
}
.glide--horizontal .glide__arrow {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.glide--horizontal .glide__arrow.prev {
  left: 0;
}
.glide--horizontal .glide__arrow.next {
  right: 0;
}
.glide--vertical .glide__arrow {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.glide--vertical .glide__arrow.prev {
  top: 0;
}
.glide--vertical .glide__arrow.next {
  bottom: 0;
}
.glide__bullets {
  position: absolute;
  z-index: 9999;
  list-style: none;
}
.glide--horizontal .glide__bullets {
  bottom: 8%;
  left: 0;
  width: 100%;
  height: 12px;
  text-align: center;
}
.glide--vertical .glide__bullets {
  top: 50%;
  right: 8%;
  width: 12px;
  height: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.glide__bullets > * {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
}
.glide--horizontal .glide__bullets > * {
  margin: 0 5px;
}
.glide--vertical .glide__bullets > * {
  vertical-align: middle;
}
.glide__bullets > *.active {
  background-color: white;
}
.glide__bullets > *:focus {
  outline: none;
}
.glide__bullets > *:hover,
.glide__bullets > *:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}



@media (max-width: 940px) {
    div.page-block.twitch-crates-promotion {
        display: none;
}     
}

/* Chim */
@media (min-width: 940px) {
body.body-forum .single-column #content .p-forum-a div.j-comment[data-author-id="1845788"] .p-comment-user-background{
    background: url(//media.hearthpwn.com/attachments/56/190/bolv-bg.png) top center no-repeat #e9dfc2;
}

div.j-comment[data-author-id="1845788"] .p-comment-statitem.forum-title { 
  padding-left: 18px;
  min-height: 16px;
  display: inline-block;
  background: url(//media.hearthpwn.com/attachments/54/933/exp9-icon16.png) no-repeat left center;
  color: #a31414;
}

body.body-forum .single-column #content .p-forum-a div.j-comment[data-author-id="999931"] .p-comment-user-background{
    background: url(//media.hearthpwn.com/attachments/50/10/flux-profile-bg.png) top center no-repeat #e9dfc2;
}



}

/* You can't read text well on the custom profile fields. This fixes it. */
body.body-user-details .member-profile {
    font-size: 14px;
}

/* Quest Trading Thread Hide Sigs and BTags */
div.p-comments[data-id="214403"] .p-comment-sig { display: none; }
div.p-comments[data-id="214403"] .p-comment-statitem.battletag { display: none; }
div.p-comments[data-id="214403"] .p-comment-statitem.location { display: none; }

/* No more warning profiles */
ul.user-actions-forum-post-author-menu .user-action.b-userAction-item.user-action-warn { display: none; }

/* CSS to make 2 Column Tag pages look like the homepage */
.body-post-tagdetails div#content .primary-content {
    padding: 5px;
    width: 675px;
}

.body-post-tagdetails div#content .secondary-content {
    margin-left: 0;
    padding: 5px 5px 0 0;
    width: 305px;
}

.body-post-tagdetails div#content .primary-content, .body-post-tagdetails div#content .secondary-content {
    background: #61615f;
}

.body-post-tagdetails div#content {
    display: flex;
}

/* Pretty Forums */
li#forum-root-hearthstone-general-8 tr.forum-row td.col-forum,
li#forum-root-hearthstone-game-modes-51 tr.forum-row td.col-forum,
li#forum-root-hearthstone-events-52 tr.forum-row td.col-forum,
li#forum-root-class-discussion-23 tr.forum-row td.col-forum {
    padding-right: 100px !important;
    background-repeat: no-repeat !important;
    background-position: right 0 top -0px;
    background-color: #ece3ca !important;
}

li#forum-root-hearthstone-general-8 tr.forum-row td.col-forum,
li#forum-root-hearthstone-game-modes-51 tr.forum-row td.col-forum,
li#forum-root-hearthstone-events-52 tr.forum-row td.col-forum {
    background-image: url(https://media.hearthpwn.com/attachments/71/275/forums-misc-pics-v5.jpg) !important;
}

tr.forum-row[data-id="42"] td.col-forum { background-position: right 0 top 0px !important; }
tr.forum-row[data-id="43"] td.col-forum { background-position: right 0 top -90px !important; }
tr.forum-row[data-id="49"] td.col-forum { background-position: right 0 top -180px !important; }
tr.forum-row[data-id="10"] td.col-forum { background-position: right 0 top -270px !important; }
tr.forum-row[data-id="50"] td.col-forum { background-position: right 0 top -360px !important; }
tr.forum-row[data-id="53"] td.col-forum { background-position: right 0 top -450px !important; }
tr.forum-row[data-id="20"] td.col-forum { background-position: right 0 top -540px !important; }
tr.forum-row[data-id="9"] td.col-forum { background-position: right 0 top -630px !important; }
tr.forum-row[data-id="11"] td.col-forum { background-position: right 0 top -720px !important; }
tr.forum-row[data-id="41"] td.col-forum { background-position: right 0 top -810px !important; }
tr.forum-row[data-id="12"] td.col-forum { background-position: right 0 top -900px !important; }
tr.forum-row[data-id="15"] td.col-forum { background-position: right 0 top -990px !important; }
tr.forum-row[data-id="38"] td.col-forum { background-position: right 0 top -1080px !important; }
tr.forum-row[data-id="54"] td.col-forum { background-position: right 0 top -1170px !important; }
tr.forum-row[data-id="55"] td.col-forum { background-position: right 0 top -1260px !important; }
tr.forum-row[data-id="56"] td.col-forum { background-position: right 0 top -270px !important; }

/* Pretty Class Forums */
li#forum-root-class-discussion-23 tr.forum-row td.col-forum {
    background-image: url(https://media.hearthpwn.com/attachments/100/324/forums-class-pics_png_dh-v2.png) !important;
}

li#forum-root-class-discussion-23 tr.forum-row td.col-forum h4.title a {
    padding-left: 20px;
    background-size: 16px 16px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* Druid */
tr.forum-row[data-id="24"] td.col-forum { background-position: right 0 top 0px !important; }
tr.forum-row[data-id="24"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/265/icon_druid_32.png); }

/* Hunter */
tr.forum-row[data-id="25"] td.col-forum { background-position: right 0 top -90px !important; }
tr.forum-row[data-id="25"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/266/icon_hunter_32.png); }

/* Mage */
tr.forum-row[data-id="26"] td.col-forum { background-position: right 0 top -180px !important; }
tr.forum-row[data-id="26"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/267/icon_mage_32.png); }

/* Paladin */
tr.forum-row[data-id="27"] td.col-forum { background-position: right 0 top -270px !important; }
tr.forum-row[data-id="27"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/268/icon_paladin_32.png); }

/* Priest */
tr.forum-row[data-id="28"] td.col-forum { background-position: right 0 top -360px !important; }
tr.forum-row[data-id="28"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/269/icon_priest_32.png); }

/* Rogue */
tr.forum-row[data-id="29"] td.col-forum { background-position: right 0 top -450px !important; }
tr.forum-row[data-id="29"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/270/icon_rogue_32.png); }

/* Shaman */
tr.forum-row[data-id="30"] td.col-forum { background-position: right 0 top -540px !important; }
tr.forum-row[data-id="30"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/271/icon_shaman_32.png); }

/* Warlock */
tr.forum-row[data-id="31"] td.col-forum { background-position: right 0 top -630px !important; }
tr.forum-row[data-id="31"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/272/icon_warlock_32.png); }

/* Warrior */
tr.forum-row[data-id="32"] td.col-forum { background-position: right 0 top -720px !important; }
tr.forum-row[data-id="32"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/0/273/icon_warrior_32.png); }

/* Demon Hunter */
tr.forum-row[data-id="57"] td.col-forum { background-position: right 0 top -810px !important; }
tr.forum-row[data-id="57"] td.col-forum h4.title a { background-image: url(https://media.hearthpwn.com/attachments/99/875/icon_dh_32.png); }


.forum-post-body img.fullbanner {
    margin: -10px -10px 0;
    max-width: 808px !important;
}

/* Fix for logo on non-responsive view on responsive devices */
@media (max-width: 1023px) {
header.main h1>a.logo {
    background: url(https://media.hearthpwn.com/attachments/57/84/header-logo.png);
    top: -10px;
}
}

/* Display comment scores */
@media screen and (min-width: 641px) {
.p-user-a.s_myProfile .p-user-interaction .p-user-content .p-comment-wrapper {
    position: relative;   
}

.p-user-a.s_myProfile .p-user-interaction .p-user-content .comment-rating-wrapper {
    display:block !important;
    position: absolute;
    top: 60px;
}
.p-user-a.s_myProfile .p-user-interaction .p-user-content .forum-post-rating { font-weight: 600; }
.p-user-a.s_myProfile .p-user-interaction .p-user-content .forum-post-rating::before {
    content: "Rating: ";   
}
}
.post-exerpt {
  width: 100%;
  max-width: 665px;
  position: relative;
  padding-left: 184px;
}
.post-exerpt > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 184px;
  height: 184px;
}
.post-exerpt img {
  display: block;
  width: 100%;
  height: 100%;
}
.post-exerpt > div {
  padding: 10px;
  background: #f3eddc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 34px;
  left: 184px;
}
.post-exerpt h2 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}
.post-exerpt h2 a,
.post-exerpt h2 a:hover,
.post-exerpt h2 a:active,
.post-exerpt h2 a:visited {
  color: #222;
}
.post-exerpt p {
  margin-bottom: 0;
}
.post-exerpt footer {
  padding: 150px 10px 0;
  line-height: 34px;
  background: #ece3c9;
}
.post-exerpt footer > a {
  float: right;
  margin-left: 20px;
  position: relative;
  padding-left: 18px;
  font-weight: bold;
}
.post-exerpt footer > a,
.post-exerpt footer > a:hover,
.post-exerpt footer > a:active,
.post-exerpt footer > a:visited {
  color: #222;
}
.post-exerpt footer > a::before, .post-exerpt footer > a::after {
  content: '';
  position: absolute;
}
.post-exerpt footer > a::before {
  width: 13px;
  height: 10px;
  background: #9a2421;
  left: 0;
  top: 11px;
}
.post-exerpt footer > a::after {
  height: 0;
  width: 0;
  border-top: 4px solid #9a2421;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 9px;
}
.post-exerpt .p-article-social {
  float: right;
  margin-top: 7px;
}
.post-exerpt .social-sharing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-exerpt .fb-like > span {
  display: block;
  line-height: 20px;
}
.post-exerpt .social-share.facebook {
  width: auto;
  margin-right: 10px;
}
.post-exerpt .social-share.twitter {
  height: 20px;
  line-height: 20px;
}
.post-exerpt .user {
  font-weight: bold;
}

@media (max-width: 686px) {
  .post-exerpt {
    padding: 0;
  }
  .post-exerpt::before, .post-exerpt::after {
    content: '';
  }
  .post-exerpt::before {
    display: block;
    padding-top: 100%;
  }
  .post-exerpt::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
  .post-exerpt h2 a,
  .post-exerpt h2 a:hover,
  .post-exerpt h2 a:active,
  .post-exerpt h2 a:visited {
    color: #fff;
  }
  .post-exerpt > a {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .post-exerpt .p-article-social {
    display: none;
  }
  .post-exerpt > div {
    left: 0;
    bottom: 54px;
    z-index: 3;
    top: auto;
    background: none !important;
  }
  .post-exerpt footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: none;
    color: #fff;
    z-index: 3;
  }
  .post-exerpt footer > a,
  .post-exerpt footer > a:hover,
  .post-exerpt footer > a:active,
  .post-exerpt footer > a:visited {
    color: #fff;
  }
  .post-exerpt footer > a::before {
    background: #fff;
  }
  .post-exerpt footer > a::after {
    border-top-color: #fff;
  }
  .post-exerpt h2 {
    font-size: 34px;
    line-height: 37px;
    margin: 0;
  }
  .post-exerpt h2 a {
    color: #fff;
  }
  .post-exerpt p {
    display: none;
  }
}
.flag-template > div {
  background: url(https://media-hearth.cursecdn.local/attachments/1/689/flag_corner_1.png) top right/86px no-repeat, url(https://media-hearth.cursecdn.local/attachments/1/688/background_post.png) top right no-repeat, #f3eddc;
}
.flag-template h2 {
  margin: 0 58px 10px 0;
}
.flag-template p {
  margin-right: 70px;
}
@media (max-width: 686px) {
  .flag-template h2 {
    margin: 0 28px 0 0;
  }
  .flag-template::after {
    background: url(https://media-hearth.cursecdn.local/attachments/1/689/flag_corner_1.png) top right/86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media-hearth.cursecdn.local/attachments/1/689/flag_corner_1.png) top right/86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-tavern-brawl > div {
  background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/37/318/tavernbrawl_bg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-tavern-brawl::after {
    background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-blue-post > div {
  background: url(https://media.hearthpwn.com/attachments/37/302/flag_bluepost.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-blue-post::after {
    background: url(https://media.hearthpwn.com/attachments/37/302/flag_bluepost.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/302/flag_bluepost.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-wild-decks > div {
  background: url(https://media.hearthpwn.com/attachments/37/313/flag_wackywilddecks.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-wild-decks::after {
    background: url(https://media.hearthpwn.com/attachments/37/313/flag_wackywilddecks.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/313/flag_wackywilddecks.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-esports > div {
  background: url(https://media.hearthpwn.com/attachments/37/307/flag_esports.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-esports::after {
    background: url(https://media.hearthpwn.com/attachments/37/307/flag_esports.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/307/flag_esports.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-top-decks > div {
  background: url(https://media.hearthpwn.com/attachments/37/312/flag_topdecks.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/37/319/topdecksoftheweek_bg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-top-decks::after {
    background: url(https://media.hearthpwn.com/attachments/37/312/flag_topdecks.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/312/flag_topdecks.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-patch > div {
  background: url(https://media.hearthpwn.com/attachments/37/310/flag_patchnotes.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/37/317/patch_notesbg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-patch::after {
    background: url(https://media.hearthpwn.com/attachments/37/310/flag_patchnotes.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/310/flag_patchnotes.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-pretty-patch {
    padding-left: 0;
}

.fullwidthfancypost {
  min-height: 360px;
  color: #FFF;
}

.fullwidthfancypost h2 a {
  color: #FFF;
}

.fullwidthfancypost::after {
  background: url(https://media.hearthpwn.com/attachments/37/310/flag_patchnotes.png) top right / 86px no-repeat,linear-gradient(to top,#091216,rgba(9,18,22,0));
}.news-template-cdc > div {
  background: url(https://media.hearthpwn.com/attachments/37/304/flag_carddesigncomp.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/37/315/carddesigncomp_bg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-cdc::after {
    background: url(https://media.hearthpwn.com/attachments/37/304/flag_carddesigncomp.pngg) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/304/flag_carddesigncomp.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-card-reveal > div {
  background: url(https://media.hearthpwn.com/attachments/37/305/flag_cardreveal.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/37/316/cardreveal_bg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-card-reveal::after {
    background: url(https://media.hearthpwn.com/attachments/37/305/flag_cardreveal.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/305/flag_cardreveal.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.special-card-reveal footer {
  padding: 150px 10px 0;
  line-height: 34px;
  background: #ece3c9;
}
.special-card-reveal footer > a {
  float: right;
  margin-left: 20px;
  position: relative;
  padding-left: 18px;
  font-weight: bold;
}
.special-card-reveal footer > a,
.special-card-reveal footer > a:hover,
.special-card-reveal footer > a:active,
.special-card-reveal footer > a:visited {
  color: #222;
}
.special-card-reveal footer > a::before, .special-card-reveal footer > a::after {
  content: '';
  position: absolute;
}
.special-card-reveal footer > a::before {
  width: 13px;
  height: 10px;
  background: #9a2421;
  left: 0;
  top: 11px;
}
.special-card-reveal footer > a::after {
  height: 0;
  width: 0;
  border-top: 4px solid #9a2421;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 9px;
}
.special-card-reveal .p-article-social {
  float: right;
  margin-top: 7px;
}
.special-card-reveal .social-sharing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.special-card-reveal .fb-like > span {
  display: block;
  line-height: 20px;
}
.special-card-reveal .social-share.facebook {
  width: auto;
  margin-right: 10px;
}
.special-card-reveal .social-share.twitter {
  height: 20px;
  line-height: 20px;
}
.special-card-reveal .user {
  font-weight: bold;
}


.special-card-reveal .gradient-border-wrapper {
    background: rgba(243,207,153,1);
    background: linear-gradient(to bottom, rgba(243,207,153,1) 0%, rgba(189,122,28,1) 100%);
    padding: 3px;
}

.special-card-reveal .interior-details {
    background: #000;   
    padding: 30px;
}

.special-card-reveal.karazhan-reveal .gradient-border-wrapper {
    background: #9176b7;
    background: linear-gradient(to bottom, #b4abc2 0%, #9176b7 100%);
}

.special-card-reveal.karazhan-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/38/18/test.png) #000;   
}

.special-card-reveal .the-card-spot {
    margin-right: 20px;
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.special-card-reveal .the-info {
    color: #FFF;
    display: inline-block;
    width: 330px;
    margin-top: 30px;
}

.special-card-reveal .the-info h2 a {
    color: #FFFFFF;   
    font-size: 1.3em;
}

.special-card-reveal h2 a:hover {
    color: #e4c7ea;   
}

.special-card-reveal footer {
    margin: 30px -30px -30px -30px;
    padding-top: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.special-card-reveal footer a {
    color: #FFF;   
}

.special-card-reveal footer a:visited {
    color: #FFF;   
}

.special-card-reveal footer a:hover {
    color: #DDD;   
}

.special-card-reveal .card-reveal-button {
    display: block;
    text-align: center;
}

.special-card-reveal .card-reveal-button a {
    color: white;
    background: #46325a;
    padding: 10px 20px;
    border: 1px solid #573c65;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
}

.special-card-reveal .card-reveal-button a:hover {
    background: #734e85;
}

@media (max-width: 686px) {
.special-card-reveal .p-article-social {
   
  }
.special-card-reveal .the-info p {
 
}
.special-card-reveal .the-info {
    width: auto;
}
.special-card-reveal .the-card-spot {
       display: none;                
    }
    
    .special-card-reveal .the-card-spot img {
        width: 160px;                             
    }
}
.news-template-new-season > div {
  background: url(https://media.hearthpwn.com/attachments/37/309/flag_newseson.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-new-season::after {
    background: url(https://media.hearthpwn.com/attachments/37/309/flag_newseson.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/309/flag_newseson.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-kawaii > div {
  background: url(https://media.hearthpwn.com/attachments/38/346/cute-news-front.png) #fff4f5;
}

.news-template-kawaii footer {
    background: #ffe8ea;
}

.news-template-kawaii footer > a::before {
      background: #fb9bae;
}

.news-template-kawaii footer > a::after {
      border-top: 4px solid #fb9bae;
}.expansion-patch-post-with-card footer {
  padding: 150px 10px 0;
  line-height: 34px;
  background: #ece3c9;
}
.expansion-patch-post-with-card footer > a {
  float: right;
  margin-left: 20px;
  position: relative;
  padding-left: 18px;
  font-weight: bold;
}
.expansion-patch-post-with-card footer > a,
.expansion-patch-post-with-card footer > a:hover,
.expansion-patch-post-with-card footer > a:active,
.expansion-patch-post-with-card footer > a:visited {
  color: #222;
}
.expansion-patch-post-with-card footer > a::before, .expansion-patch-post-with-card footer > a::after {
  content: '';
  position: absolute;
}
.expansion-patch-post-with-card footer > a::before {
  width: 13px;
  height: 10px;
  background: #9a2421;
  left: 0;
  top: 11px;
}
.expansion-patch-post-with-card footer > a::after {
  height: 0;
  width: 0;
  border-top: 4px solid #9a2421;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 9px;
}
.expansion-patch-post-with-card .p-article-social {
  float: right;
  margin-top: 7px;
}
.expansion-patch-post-with-card .social-sharing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.expansion-patch-post-with-card .fb-like > span {
  display: block;
  line-height: 20px;
}
.expansion-patch-post-with-card .social-share.facebook {
  width: auto;
  margin-right: 10px;
}
.expansion-patch-post-with-card .social-share.twitter {
  height: 20px;
  line-height: 20px;
}
.expansion-patch-post-with-card .user {
  font-weight: bold;
}


.expansion-patch-post-with-card .gradient-border-wrapper {
    background: rgba(243,207,153,1);
    background: linear-gradient(to bottom, rgba(243,207,153,1) 0%, rgba(189,122,28,1) 100%);
    padding: 3px;
}

.expansion-patch-post-with-card .interior-details {
    background: #000;   
}

.expansion-patch-post-with-card.karazhan-reveal .gradient-border-wrapper {
    background: #9176b7;
    background: linear-gradient(to bottom, #b4abc2 0%, #9176b7 100%);
}

.expansion-patch-post-with-card.karazhan-post-with-card .interior-details {
    background: url(https://media.hearthpwn.com/attachments/38/441/discobg2.jpg) #000;   
    padding: 30px;
}

.expansion-patch-post-with-card .the-card-spot {
    margin-right: 20px;
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.expansion-patch-post-with-card .the-card-spot p { text-align: center; }

.expansion-patch-post-with-card .the-info {
    color: #FFF;
    display: inline-block;
    width: 330px;
    margin-top: 30px;
}

.expansion-patch-post-with-card .the-info h2 a {
    color: #FFFFFF;   
    font-size: 1.3em;
}

.expansion-patch-post-with-card h2 a:hover {
    color: #e4c7ea;   
}

.expansion-patch-post-with-card footer {
    margin: 30px -30px -30px -30px;
    padding-top: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.expansion-patch-post-with-card footer a {
    color: #FFF;   
}

.expansion-patch-post-with-card footer a:visited {
    color: #FFF;   
}

.expansion-patch-post-with-card footer a:hover {
    color: #DDD;   
}

.expansion-patch-post-with-card .card-reveal-button {
    display: block;
    text-align: center;
}

.expansion-patch-post-with-card .card-reveal-button a {
    color: white;
    background: #46325a;
    padding: 10px 20px;
    border: 1px solid #573c65;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
}

.expansion-patch-post-with-card .card-reveal-button a:hover {
    background: #734e85;
}

@media (max-width: 686px) {
.expansion-patch-post-with-card .p-article-social {
    display: none;
  }
.expansion-patch-post-with-card .the-info p {
   display: none;
}
.expansion-patch-post-with-card .the-info {
    width: auto;
}
.expansion-patch-post-with-card .the-card-spot {
        display: block;
        text-align: center;                      
    }
    
    .expansion-patch-post-with-card .the-card-spot img {
        width: 160px;                             
    }
}.special-card-reveal.karazhan-reveal.special-compendium .interior-details {
    background: url(https://media.hearthpwn.com/attachments/38/897/letsdiveinkara.png) #000;   
    padding: 30px;
}
.special-card-reveal.karazhan-reveal.special-compendium .interior-details .the-info {
    margin-left: 250px;
    margin-top: 0px;
}

@media (max-width: 686px) {
    .special-card-reveal.karazhan-reveal.special-compendium .interior-details .the-info { margin-left: 20px; margin-top: 200px;}
}.balance-changes .whats-changing {
font-size:27px;
margin:0px !important;
text-align:center;
}
.balance-changes .description {
font-size:20px;
margin:0px !important;
text-align:center;
margin-bottom: 40px;
font-weight: lighter;
}
.balance-changes footer {
  padding: 150px 10px 0;
  line-height: 34px;
  background: #ece3c9;
}
.balance-changes footer > a {
  float: right;
  margin-left: 20px;
  position: relative;
  padding-left: 18px;
  font-weight: bold;
}
.balance-changes footer > a,
.balance-changes footer > a:hover,
.balance-changes footer > a:active,
.balance-changes footer > a:visited {
  color: #222;
}
.center-content {
width: 50%;
    margin: 0 auto;
}
.balance-changes footer > a::before, .balance-changes footer > a::after {
  content: '';
  position: absolute;
}
.balance-changes footer > a::before {
  width: 13px;
  height: 10px;
  background: #9a2421;
  left: 0;
  top: 11px;
}
.balance-changes footer > a::after {
  height: 0;
  width: 0;
  border-top: 4px solid #9a2421;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 9px;
}
.balance-changes .p-article-social {
  float: right;
  margin-top: 7px;
}
.balance-changes .social-sharing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.balance-changes .fb-like > span {
  display: block;
  line-height: 20px;
}
.balance-changes .social-share.facebook {
  width: auto;
  margin-right: 10px;
}
.balance-changes .social-share.twitter {
  height: 20px;
  line-height: 20px;
}
.balance-changes .user {
  font-weight: bold;
}


.balance-changes .gradient-border-wrapper {
    background: rgba(243,207,153,1);
    background: linear-gradient(to bottom, rgba(243,207,153,1) 0%, rgba(189,122,28,1) 100%);
    padding: 3px;
}

.balance-changes .interior-details {
    background: #000;   
}

.balance-changes.karazhan-reveal .gradient-border-wrapper {
    background: #5FD7FB;

}

.balance-changes.karazhan-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/40/67/balance_post_hrthpwn.jpg) #000;   
    padding: 30px;
}

.balance-changes .the-card-spot {
    margin-left: 145px;
    display: inline-block;
    vertical-align: top;
}

.balance-changes .the-info {
    color: #FFF;
    display: inline-block;

    margin-top: 30px;
}

.balance-changes .the-info h2 a {
    color: #FFFFFF;   
    font-size: 1.3em;
}

.balance-changes h2 a:hover {
    color: #e4c7ea;   
}

.balance-changes footer {
    margin: 30px -30px -30px -30px;
    padding-top: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.balance-changes footer a {
    color: #FFF;   
}

.balance-changes footer a:visited {
    color: #FFF;   
}

.balance-changes footer a:hover {
    color: #DDD;   
}

.balance-changes .balance-changes-button {
    display: block;
    text-align: center;
    margin-top: 40px;
}

.balance-changes .balance-changes-button a {
    color: white;
    background: #5FD7FB;
    padding: 10px 20px;
    border: 1px solid #5FD7FB;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
}

.balance-changes .balance-changes-button a:hover {
    background: #72DAF9;
}

@media (max-width: 686px) {
.balance-changes .p-article-social {
   display: none;     
  }
.balance-changes .the-info p {
 
}
.balance-changes .the-info {
margin-top: 150px;
    width: auto;
}
.balance-changes .the-card-spot {
    display: none;                  
    }
    .balance-changes .balance-changes-buttont {
    display: none;                  
    }
    .balance-changes .the-card-spot img {
        width: 160px;                             
    }
}
#samus-wrapper {
  background: url(https://media.hearthpwn.com/attachments/40/12/mobile_artcle_front.jpg) no-repeat;
  height: 500px;
  background-size: cover;
}
#samus-wrapper #samus {
  display: inline-block;
  height: 500px;
  width: 100%;
}
#samus-wrapper #samus h1,
#samus-wrapper #samus p {
  display: none;
}
#samus-wrapper #samus #mobile-title {
  display: block;
  color: white;
  position: relative;
  top: 380px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 24px;
}
#samus-wrapper footer {
  position: relative;
  top: -40px;
  height: 40px;
  background: rgba(5, 9, 12, 0.75);
  padding: 10px 10px 0;
  color: white;
}
#samus-wrapper footer .user {
  color: #53d8fe;
}
#samus-wrapper footer > a {
  color: white;
  float: right;
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}
#samus-wrapper footer > a:before, #samus-wrapper footer > a:after {
  content: '';
  position: absolute;
}
#samus-wrapper footer > a:before {
  width: 13px;
  height: 10px;
  background: white;
  top: 3px;
  left: 0;
}
#samus-wrapper footer > a:after {
  height: 0;
  width: 0;
  border-top: 4px solid white;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 1px;
}

@media (min-width: 600px) {
  #samus-wrapper {
    background: url(https://media.hearthpwn.com/attachments/40/18/frontpage_article.jpg) no-repeat;
    height: 550px;
  }
  #samus-wrapper footer {
    display: none;
  }
  #samus-wrapper #samus {
    background-size: 100%;
    padding-left: 30px;
    height: 550px;
  }
  #samus-wrapper #samus #mobile-title {
    display: none;
  }
  #samus-wrapper #samus h1 {
    display: block;
    position: relative;
    top: 180px;
    font-size: 60px;
    line-height: 55px;
    width: 360px;
    color: white;
  }
  #samus-wrapper #samus p {
    display: inline-block;
    position: relative;
    top: 135px;
    color: white;
    line-height: 27px;
    width: 280px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  #samus h1 {
    top: 175px;
  }
  #samus p {
    top: 140px;
  }
}
.balance-changes .whats-changing a {
  font-size:27px;
  margin:0px !important;
  text-align:center;
  color: #60D6FA;
}
.balance-changes .whats-changing a:hover {
    color: #60D6FA;
}

.balance-changes .interior-details { text-align: center; }

.balance-changes .interior-details footer { text-align: left; }

.balance-changes .post-image-spot {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 686px) {
  .balance-changes .post-image-spot {
    display: none;
  }
}.news-template-deckspotlight > div {
  background: url(https://media.hearthpwn.com/attachments/37/306/flag_deckspotlights.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-deckspotlight::after {
    background: url(https://media.hearthpwn.com/attachments/37/306/flag_deckspotlights.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/306/flag_deckspotlights.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.special-card-reveal.karazhan-reveal.special-hhe-compendium .interior-details {
    background: url(https://media.hearthpwn.com/attachments/40/874/hhe-postbg-uc-1.jpg);
    padding: 30px;
}
.special-card-reveal.karazhan-reveal.special-hhe-compendium .interior-details .the-info {
    margin-left: 215px;
    margin-top: 80px;
width: 350px;
}

.special-card-reveal.karazhan-reveal.special-hhe-compendium .interior-details .the-info p {
  background: rgba(0, 0, 0, 0.73);
    padding: 12px 18px;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

.special-card-reveal.karazhan-reveal.special-hhe-compendium .gradient-border-wrapper {
    background: #e07516;
    background: linear-gradient(to bottom,#e6751a 0,#ca4607 100%);
}


.special-card-reveal.karazhan-reveal.special-hhe-compendium .card-reveal-button a {
       background: #b35610;
        border: 1px solid #e28030;
}
.special-card-reveal.karazhan-reveal.special-hhe-compendium .card-reveal-button a:hover {
background: #e8963e;
}


@media (max-width: 686px) {
    .special-card-reveal.karazhan-reveal.special-hhe-compendium .interior-details .the-info { margin-left: 20px; margin-top: 200px;}
}.news-template-blizzcon > div {
  background: url(https://media.hearthpwn.com/attachments/54/913/blizzcon_new.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/40/976/blizzcon-bg-2.jpg) top right no-repeat, #f3eddc;
}

.news-template-blizzcon.post-exerpt footer {
  background: #23405d;
  color: #eaeaea;
}

.news-template-blizzcon.post-exerpt footer > a {
  color: #eaeaea;
}

.news-template-blizzcon.post-exerpt footer > a::before {
  background: #3f8ed8;
}

.news-template-blizzcon.post-exerpt footer > a::after {
  border-top: 4px solid #3f8ed8;
}


.news-template-blizzcon.post-exerpt h2 a,
.news-template-blizzcon.post-exerpt h2 a:hover,
.news-template-blizzcon.post-exerpt h2 a:active,
.news-template-blizzcon.post-exerpt h2 a:visited {
  color: #fff;
  text-shadow: #000000 1px 1px 2px;
}
.news-template-blizzcon.post-exerpt h2 {
  margin-right: 60px;
}
.news-template-blizzcon p {
  color: white;
    text-shadow: black 0px 0px 1px;
}.special-card-reveal.gadget-reveal .gradient-border-wrapper {
    background: #b78876;
    background: linear-gradient(to bottom, #241323 0,#73312c 100%);
}

.special-card-reveal.gadget-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/41/52/msg-reveal-bg-2.jpg) bottom right;
        }  

.special-card-reveal.gadget-reveal .card-reveal-button a {
    color: white;
    background: #e68514;
    padding: 10px 20px;
    border: 1px solid #bb8b19;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
}

.special-card-reveal.gadget-reveal .card-reveal-button a:hover {
    background: #f6a444;
}

.special-card-reveal.gadget-reveal p {
       text-shadow: black 0 0 1px;
}@media (min-width: 1024px) {
.exclusive-card-announcement {
  height: 375px;
  background: url(//media.hearthpwn.com/attachments/41/156/excerpt-bg.png) no-repeat;
  position: relative;
}
.exclusive-card-announcement .card-spot {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: calc(100% - 35px);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.exclusive-card-announcement .info {
  float: right;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 35px);
  width: calc(100% - 234px);
  padding-left: 50px;
}
.exclusive-card-announcement .info h2 {
  color: #ffb400;
  font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
  margin-bottom: -15px;
  text-align: left;
  width: 100%;
}
.exclusive-card-announcement .info .description {
  margin-bottom: 20px;
  width: 100%;
}
.exclusive-card-announcement .info .description h3,
.exclusive-card-announcement .info .description span {
  color: white;
  text-align: left;
}
.exclusive-card-announcement .info .description h3 {
  font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
  font-size: 80px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.exclusive-card-announcement .btn {
  color: white;
  background: -webkit-linear-gradient(top, #e68614, #f3c525);
  background: linear-gradient(to bottom, #e68614, #f3c525);
  border: 1px solid #ea994a;
  box-shadow: 0 0 10px rgba(237, 171, 30, 0.5);
  padding: 10px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1.5px;
  width: 270px;
  text-align: center;
  margin-right: auto;
}
.exclusive-card-announcement .btn span {
  font-weight: bold;
  color: white;
}
.exclusive-card-announcement p {
  text-shadow: black 0 0 1px;
}
.exclusive-card-announcement footer {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: relative;
  height: 35px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.exclusive-card-announcement footer > span {
  display: inline-block;
  color: white;
}
.exclusive-card-announcement footer .p-article-social {
  display: inline-block;
  margin-left: auto;
}
.exclusive-card-announcement footer .p-article-social .facebook {
  width: auto;
}
.exclusive-card-announcement footer > a {
  position: relative;
  font-weight: bold;
  padding-left: 18px;
  margin-left: 15px;
  color: white;
}
.exclusive-card-announcement footer > a::before {
  width: 13px;
  height: 10px;
  background: #9a2421;
  left: 0;
  top: 3px;
  content: '';
  position: absolute;
}
.exclusive-card-announcement footer > a::after {
  height: 0;
  width: 0;
  border-top: 4px solid #9a2421;
  border-left: 4px solid transparent;
  left: 4px;
  bottom: 1px;
  content: '';
  position: absolute;
}
}


@media (max-width: 1023px) {
  .exclusive-card-announcement {
    background: url(//media.hearthpwn.com/attachments/41/156/excerpt-bg.png) no-repeat;
    background-size: cover;
    position: relative;
  }
  .exclusive-card-announcement .card-spot img {
    display: block;
    margin: 0 auto;
  }
  .exclusive-card-announcement .info h2 {
    text-align: center;
    color: #ffb400;
    font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
    font-size: 23px;
    margin-bottom: 0;
  }
  .exclusive-card-announcement .info .description h3 {
    color: white;
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .exclusive-card-announcement .info .description span {
    color: white;
    text-align: center;
    width: 100%;
    display: block;
  }
  .exclusive-card-announcement .info .btn {
    color: white;
    background: -webkit-linear-gradient(top, #e68614, #f3c525);
    background: linear-gradient(to bottom, #e68614, #f3c525);
    border: 1px solid #ea994a;
    box-shadow: 0 0 10px rgba(237, 171, 30, 0.5);
    padding: 10px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.5px;
    width: 270px;
    text-align: center;
    display: block;
    margin: 10px auto;
  }
  .exclusive-card-announcement .info .btn span {
    font-weight: bold;
    color: white;
  }
  .exclusive-card-announcement footer {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: relative;
    height: 35px;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 5px;
  }
  .exclusive-card-announcement footer > span {
    display: inline-block;
    color: white;
  }
  .exclusive-card-announcement footer > span a {
    margin-right: 40px;
  }
  .exclusive-card-announcement footer .social-sharing {
    display: none;
  }
  .exclusive-card-announcement footer .p-article-social {
    display: inline-block;
  }
  .exclusive-card-announcement footer .p-article-social .facebook {
    width: auto;
  }
  .exclusive-card-announcement footer > a {
    position: relative;
    font-weight: bold;
    padding-left: 18px;
    margin-left: 15px;
    color: white;
  }
  .exclusive-card-announcement footer > a::before {
    width: 13px;
    height: 10px;
    background: #9a2421;
    left: 0;
    top: 3px;
    content: '';
    position: absolute;
  }
  .exclusive-card-announcement footer > a::after {
    height: 0;
    width: 0;
    border-top: 4px solid #9a2421;
    border-left: 4px solid transparent;
    left: 4px;
    bottom: 1px;
    content: '';
    position: absolute;
  }
}

.news-template-tavern-brawl-special {
    border: 1px solid #402b1a;
}

.news-template-tavern-brawl-special > div {
  background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png)  top 9px right 9px/77px no-repeat, url(https://media.hearthpwn.com/attachments/41/282/tavern-brawl-special-background.png) center right no-repeat, #f3eddc;
    left: 0;
    color: #fff;
}

.post-exerpt.news-template-tavern-brawl-special h2 a {
    color: #fff;
}

.post-exerpt.news-template-tavern-brawl-special {
padding-left: 0;
}

@media (min-width: 686px) {
    .news-template-tavern-brawl-special > div {
border-bottom: 1px solid #402b1a;
padding: 15px 15px 15px 195px;
}
    
    .news-template-tavern-brawl-special footer {
    background: url(https://media.hearthpwn.com/attachments/41/295/tb-footer.png) 0 14px;
color: #fff;
}

.news-template-tavern-brawl-special > a {
    left: -99999px;
}

    .news-template-tavern-brawl-special footer span:first-child {
    text-shadow: 0 0 2px #000;
}

    
    .news-template-tavern-brawl-special a img {
		display: none
	}
}


@media (max-width: 686px) {
  .news-template-tavern-brawl::after {
    background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/37/311/flag_tavernbrawl.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}.post-exerpt.giveaway-gold footer {
    background: #e4ca7e;
} 
.post-exerpt.giveaway-gold > div {
    background: #f1e0b0;
}.gadgetzan-compendium h2 { display: none; }
.gadgetzan-compendium .gradient-border-wrapper { background: #161515; padding: 4px; }
.gadgetzan-compendium .interior-details {
    background: url(https://media.hearthpwn.com/attachments/41/839/msgcc-background.jpg) #000;   
    padding: 30px;
}
.gadgetzan-compendium {
    text-align: center;
}
.gadgetzan-compendium .interior-details img { display: inline-block; }
.gadgetzan-compendium .interior-details { padding: 0px 0px 30px 0px; }
.gadgetzan-compendium .interior-details footer {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}
.gadgetzan-compendium .interior-details .cc-logo-hp { padding-top: 40px; }
.gadgetzan-compendium .interior-details .cc-logo-post { margin: 8px 0; }
.gadgetzan-compendium .interior-details .cc-logo-hp img:not(.cc-bar-large),
.gadgetzan-compendium .interior-details .cc-classicons img:not(.cc-bar-small){
    margin: 0 5px;
}

@media screen and (max-width: 700px) {
    .gadgetzan-compendium .interior-details .cc-bar-large,
    .gadgetzan-compendium .interior-details .cc-bar-small {
        display: none;   
    }
    .gadgetzan-compendium .interior-details .cc-logo-post img {
        max-width: 100%;
    }
    
    .gadgetzan-compendium .interior-details .cc-classicons img {
        max-width: 80%;
    }
}.balance-changes.year-of-the-mammoth-post p.article-title-thing {
    font-size:27px;
    margin: 0px !important;
    text-align:center;
    background: #19a3b3;
    padding: 10px 20px;
    margin-top: 85px !important;
}

.balance-changes.year-of-the-mammoth-post .gradient-border-wrapper {
    background: #19a3b3;
    background: linear-gradient(to bottom, #19a3b3 0%, #0f8a98 100%);
    padding: 3px;
}

.balance-changes.karazhan-reveal.year-of-the-mammoth-post .interior-details {
    background: url(https://media.hearthpwn.com/attachments/44/650/mammoth-bg.jpg) top center #000;   
    padding: 30px;
    min-height: 350px;
}

.balance-changes .balance-changes-button.mammoth-button a {
    background: #052f35;
    border: 1px solid #1a2627;
}

.balance-changes.karazhan-reveal.year-of-the-mammoth-post footer {
    margin-top: 55px;   
}

@media (max-width: 686px) {
    
    .balance-changes.karazhan-reveal.year-of-the-mammoth-post .interior-details {
        min-height: initial;                                     
    }
    .balance-changes.karazhan-reveal.year-of-the-mammoth-post .the-info  {
        margin-top: 0px;
    }
}

@media (max-width: 426px) {
    .balance-changes.karazhan-reveal.year-of-the-mammoth-post .the-info  {
        margin-top: -40px;
    }
}.expansion-patch-post-with-card.karazhan-post-with-card.ungoro-announce .interior-details {
  background-image: url(//media.hearthpwn.com/attachments/44/905/ungoro-post-bg-wlogo2.jpg);
}

.ungoro-announce .interior-details .the-info {
        margin-left: 282px;
margin-top: 0px;
}
.expansion-patch-post-with-card.ungoro-announce .gradient-border-wrapper {
    background: linear-gradient(to bottom,rgb(154, 59, 94) 0,rgb(128, 33, 18) 100%);
}

.ungoro-announce .interior-details .the-info p {
background: rgba(0,0,0,0.7);
    padding: 8px;
    border-radius: 4px;
    text-align: center;
        box-shadow: 1px 2px 20px 5px rgba(0,0,0,.5);
    font-weight: 600;
}

.ungoro-announce .interior-details .the-info h2 {
  font-size: 21px;
  text-shadow: 1px 1px 20px black;
} 
.expansion-patch-post-with-card.ungoro-announce .card-reveal-button a {
background: #e2571f;
    border: 1px solid rgb(226, 132, 39);

}
.expansion-patch-post-with-card.ungoro-announce .card-reveal-button a:hover {
    background: #b74a14;
}


@media (max-width: 686px) {
    .expansion-patch-post-with-card.karazhan-post-with-card.ungoro-announce .interior-details .the-info { margin-left: 0px; margin-top: 120px; text-align: center; }
    
    .expansion-patch-post-with-card.karazhan-post-with-card.ungoro-announce .interior-details {
                                         background: url(//media.hearthpwn.com/attachments/44/906/ungoro-post-bg-mobile.jpg) top center;   
                                        }
}.special-card-reveal.ungoro-reveal {
	position: relative;
}

.special-card-reveal.ungoro-reveal .the-info h2 {
	margin-bottom: 10px;
}

.special-card-reveal.ungoro-reveal .the-info h2 a:hover {
	color: #fff0df;
}

.special-card-reveal.ungoro-reveal .gradient-border-wrapper {
    background: #efb221;
    background: linear-gradient(to bottom, #efb221 0,#222 100%);
}

.special-card-reveal.ungoro-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/45/180/ungoro-reveal-bg-2.png) center left;
        }  

.special-card-reveal.ungoro-reveal .card-reveal-button {
	position: absolute;
	bottom: 112px;
	right: 130px;
}

.special-card-reveal.ungoro-reveal .card-reveal-button a {
    color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
    background: #f26122;
    padding: 10px 20px 10px 25px;
    border: 1px solid #ecb51f;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.8px;
	box-shadow: 0 0 10px 0 #333;
}

.special-card-reveal.ungoro-reveal .card-reveal-button a:hover {
    border: 1px solid #f26122;
}

.special-card-reveal.ungoro-reveal p {
       text-shadow: black 0 0 1px;
}

.special-card-reveal.ungoro-reveal .the-card-spot img {
	
	position: relative;
}

.special-card-reveal.ungoro-reveal .the-card-spot::before {	
	content: '';
	display: block;
	width: 180px;
	height: 262px;
	position: absolute;
	bottom: 87px;
	left: 61px;
	border-radius: 5px;
	background: #000;
	box-shadow: 0 0 35px 10px #000;
	opacity: .6;
}

.special-card-reveal.ungoro-reveal footer > a::before {
	background-color: #fff;
}

.special-card-reveal.ungoro-reveal footer > a::after {
	border-top-color: #fff;
}

@media (max-width: 686px) {
	.special-card-reveal.ungoro-reveal .card-reveal-button {
		display: none;
	}
}.hct-winter-championship-excerpt .gradient-border-wrapper {
    background: #efb221;
	background: linear-gradient(to top, #ea6f2c 0,#ffbf25 100%);
	padding: 1px;
	color: #fff;
}

.hct-winter-championship-excerpt .interior-details {
    background: url('https://media.hearthpwn.com/attachments/45/491/n9ctgzi.png') top left;
}

.hct-winter-championship-excerpt .interior-details .hct-logo {
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	margin-left: 27px;
}

.hct-winter-championship-excerpt .interior-details .hct-logo img {
	width: 100%;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info {
	margin: 0 0 0 184px;
	padding: 22px 10px 10px 10px;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info h2 {
	margin: 0 0 10px 0;
	font-size: 19px;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info h2 a {
	color: #ffd83d;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info h2 a:hover {
	color: #ffbf25;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info p {
	margin: 0;
}

.hct-winter-championship-excerpt .interior-details .hct-excerpt-info .hct-excerpt-button {
	display: none;
}

.hct-winter-championship-excerpt .interior-details footer {
	clear: both;
	text-align: right;
}

.hct-winter-championship-excerpt .interior-details footer * {
	display: none;
}

@media (max-width: 686px) {
	.hct-winter-championship-excerpt .interior-details .hct-excerpt-info p {
		display: none;
	}
	
	.hct-winter-championship-excerpt .interior-details .hct-logo {
		display: block;
		float: none;
		padding: 10px 0 0 0;
		width: auto;
		margin: 0 0 -10px 0;
		text-align: center;
	}
	
	.hct-winter-championship-excerpt .interior-details .hct-logo img {
		max-width: 100px;
	}
	
	.hct-winter-championship-excerpt .interior-details .hct-excerpt-info {
		margin: 0;
		padding: 10px;
		clear: both;
	}
	
	.hct-winter-championship-excerpt .interior-details .hct-excerpt-info h2 {
		margin: 0;
		text-align: center;
	}
}.hct-winter-championship-excerpt-pinned .gradient-border-wrapper {
    background: #efb221;
	background: linear-gradient(to top, #ea6f2c 0,#ffbf25 100%);
	padding: 1px;
	color: #fff;
}

.hct-winter-championship-excerpt-pinned .hct-pinned {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	background: url('https://media.hearthpwn.com/attachments/45/492/pinned.png') no-repeat;
	background-size: 100%;
	right: 9px;
	top: 12px;
}

.hct-winter-championship-excerpt-pinned .interior-details {
    background: url('https://media.hearthpwn.com/attachments/45/491/n9ctgzi.png') top left;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-logo {
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	margin-left: 27px;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-logo img {
	width: 100%;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info {
	margin: 0 0 0 184px;
	padding: 22px 10px 10px 10px;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info h2 {
	margin: 0 0 10px 0;
	font-size: 19px;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info h2 a {
	color: #ffd83d;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info h2 a:hover {
	color: #ffbf25;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info p {
	margin: 0;
}

.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info .hct-excerpt-button {
	display: none;
}

.hct-winter-championship-excerpt-pinned .interior-details footer {
	clear: both;
	text-align: right;
}

.hct-winter-championship-excerpt-pinned .interior-details footer * {
	display: none;
}

@media (max-width: 686px) {
	.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info p {
		display: none;
	}
	
	.hct-winter-championship-excerpt-pinned .interior-details .hct-logo {
		display: block;
		float: none;
		padding: 10px 0 0 0;
		width: auto;
		margin: 0 0 -10px 0;
		text-align: center;
	}
	
	.hct-winter-championship-excerpt-pinned .interior-details .hct-logo img {
		max-width: 100px;
	}
	
	.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info {
		margin: 0;
		padding: 10px;
		clear: both;
	}
	
	.hct-winter-championship-excerpt-pinned .interior-details .hct-excerpt-info h2 {
		margin: 0;
		text-align: center;
	}
}.special-card-reveal.ungoro-reveal-exclusive {
	position: relative;
}

.special-card-reveal.ungoro-reveal-exclusive .the-info h3 {
	color: #ffb400;
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	top: 35px;
}

.special-card-reveal.ungoro-reveal-exclusive .the-info h2 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 60px !important;
	line-height: 1.1;
	color: #fff;
}

.special-card-reveal.ungoro-reveal-exclusive .the-info h2 a { font-size: 60px !important; }

.special-card-reveal.ungoro-reveal-exclusive .the-info h2 a:hover {
	color: #fff0df;
}

.special-card-reveal.ungoro-reveal-exclusive .gradient-border-wrapper {
    background: #efb221;
    background: linear-gradient(to bottom, #56abff 0,#222 100%);
}

.special-card-reveal.ungoro-reveal-exclusive .interior-details {
    background: url(https://media.hearthpwn.com/attachments/45/603/kalimos-frontpage.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal-exclusive .card-reveal-button {
	position: absolute;
	bottom: 92px;
	right: 110px;
}

.special-card-reveal.ungoro-reveal-exclusive .card-reveal-button a {
    color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
    background: linear-gradient(to bottom,#e68614,#f3c525);
    padding: 10px 50px 10px 50px;
    border: 1px solid #ecb51f;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.8px;
	box-shadow: 0 0 10px rgba(237,171,30,0.5);
}

.special-card-reveal.ungoro-reveal-exclusive .card-reveal-button a:hover {
    border: 1px solid #f26122;
}

.special-card-reveal.ungoro-reveal-exclusive p {
       text-shadow: black 0 0 1px;
}

.special-card-reveal.ungoro-reveal-exclusive .the-card-spot img {
	
	position: relative;
}

.special-card-reveal.ungoro-reveal-exclusive .the-card-spot::before {	
	content: '';
	display: block;
	width: 180px;
	height: 262px;
	position: absolute;
	bottom: 87px;
	left: 61px;
	border-radius: 5px;
	background: #000;
	box-shadow: 0 0 35px 10px #000;
	opacity: .6;
}

.special-card-reveal.ungoro-reveal-exclusive footer > a::before {
	background-color: #fff;
}

.special-card-reveal.ungoro-reveal-exclusive footer > a::after {
	border-top-color: #fff;
}

@media (max-width: 686px) {
	.special-card-reveal.ungoro-reveal-exclusive .card-reveal-button {
		display: none;
	}
}.ungoro-compendium-excerpt {
	background: #f00;
}

.ungoro-compendium-excerpt .gradient-border {
	background: linear-gradient(to bottom, #efb221 0,#222 100%);
	padding: 3px;
}

.ungoro-compendium-excerpt .ungoro-logo-wrapper {
	background: url('https://media.hearthpwn.com/attachments/47/300/ungoro-comp-header.png') center center no-repeat;
	background-size: cover;
	position: relative;
}

.ungoro-compendium-excerpt .ungoro-logo-wrapper::after {
	display: block;
	content: '';
	background: url('https://media.hearthpwn.com/attachments/47/297/branch-top.png') center center no-repeat;
	position: absolute;
	top: 0;
	width: 100%;
	height: 144px;
}

.ungoro-compendium-excerpt .ungoro-logo {
	text-align: center;
	max-width: 476px;
	margin: 0 auto;
}

.ungoro-compendium-excerpt .ungoro-logo img {
	width: 100%;
}

.ungoro-compendium-excerpt footer {
	background: rgba(0, 0, 0, 0.5);
	padding: 8px;
	color: #fff;
}

.ungoro-compendium-excerpt footer .comments {
	float: right;
	
}

.ungoro-compendium-excerpt footer .comments a {
	color: #fff;
	font-weight: bold;
	position: relative;
}

.ungoro-compendium-excerpt footer .comments a::before {
	content: '';
    position: absolute;
    width: 13px;
    height: 10px;
    background: #fff;
	left: -20px;
	top: 5px;
	display: block;
}

.ungoro-compendium-excerpt footer .comments a::after {
	content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    left: -17px;
	top: 15px;
	display: block;
}

.ungoro-compendium-excerpt footer span.user {
	font-weight: bold;
}.special-card-reveal.ungoro-reveal.icecrown-reveal .gradient-border-wrapper {
    background: #efb221;
    background: linear-gradient(to bottom, #5abdff 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.icecrown-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/49/868/icecrown-reveal-bg-new.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.icecrown-reveal .card-reveal-button a {
    background: #f26122;
    border: 1px solid #ecb51f;
	box-shadow: 0 0 10px 0 #333;
}

.special-card-reveal.ungoro-reveal.icecrown-reveal .card-reveal-button a:hover {
    border: 1px solid #f26122;
}

.special-card-reveal.ungoro-reveal.icecrown-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.icecrown-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal.icecrown-reveal-exclusive .gradient-border-wrapper {
    background: #5abdff;
        background: linear-gradient(to bottom,#5abdff 0,#222 100%);
}

.special-card-reveal.icecrown-reveal-exclusive .interior-details {
    background: url(https://media.hearthpwn.com/attachments/50/428/revealbg.png) center left;
        } .news-template-innkeeper > div {
  background: #2e1e19;
  color: #c1a694;
}
.news-template-innkeeper footer {
    background: #443a37;
    color: #c1a694;
}
.news-template-innkeeper footer > a::before {
      background: #695c59;
}
.news-template-innkeeper footer > a::after {
      border-top: 4px solid #695c59;
}

.post-exerpt.news-template-innkeeper h2 a, .post-exerpt.news-template-innkeeper h2 a:hover, .post-exerpt.news-template-innkeeper h2 a:active, .post-exerpt.news-template-innkeeper h2 a:visited { color: #f7eee7; }


.post-exerpt.news-template-innkeeper footer > a, .post-exerpt.news-template-innkeeper footer > a:hover, .post-exerpt.news-template-innkeeper footer > a:active, .post-exerpt.news-template-innkeeper footer > a:visited {
    color: #c1a694;
}.news-template-dev-interview > div {
  background: url(https://media.hearthpwn.com/attachments/53/814/flag_developer_interview.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/53/815/developer_background.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-dev-interview::after {
    background: url(https://media.hearthpwn.com/attachments/53/814/flag_developer_interview.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/53/814/flag_developer_interview.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-new-hero > div {
  background: url(https://media.hearthpwn.com/attachments/53/816/flag_new_hero.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-new-hero::after {
    background: url(https://media.hearthpwn.com/attachments/53/816/flag_new_hero.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/53/816/flag_new_hero.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.special-card-reveal.ungoro-reveal.kobold-reveal .gradient-border-wrapper {
    background: #ca850e;
    background: linear-gradient(to bottom, #ca850e 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.kobold-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/55/592/card-reveal-bg-kobols.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.kobold-reveal .card-reveal-button a {
    background: #f26122;
    border: 1px solid #ecb51f;
	box-shadow: 0 0 10px 0 #333;
}

.special-card-reveal.ungoro-reveal.kobold-reveal .card-reveal-button a:hover {
    border: 1px solid #f26122;
}

.special-card-reveal.ungoro-reveal.kobold-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.kobold-reveal .card-reveal-button { bottom: 90px; }
.balance-changes.karazhan-reveal.year-of-the-raven-post .interior-details {
    background: url(https://media.hearthpwn.com/attachments/66/470/year-of-raven.jpg) top center #000;   
    padding: 30px;
    min-height: 350px;
}.special-card-reveal.ungoro-reveal.witchwood-reveal .gradient-border-wrapper {
    background: #52b2ac;
    background: linear-gradient(to bottom, #52b2ac 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.witchwood-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/67/48/witchwood-bg.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.witchwood-reveal .card-reveal-button a {
        background: #52b29f;
        border: 1px solid #8fefdc;
	box-shadow: 0 0 10px 0 #333;
}

.special-card-reveal.ungoro-reveal.witchwood-reveal .card-reveal-button a:hover {
    border: 1px solid #33caa9;
    background: #3a9482;
}

.special-card-reveal.ungoro-reveal.witchwood-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.witchwood-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal .multi-reveal-text {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #1888b5;
    width: 160px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    padding-right: 10px;
    text-align: right;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px black;
}.news-template-opinion > div {
  background: url(https://media.hearthpwn.com/attachments/72/939/flag-opinion.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-opinion::after {
    background: url(https://media.hearthpwn.com/attachments/72/939/flag-opinion.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/72/939/flag-opinion.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.news-template-cdc-tt > div {
  background: url(https://media.hearthpwn.com/attachments/73/385/timestream-flag.png) top right/86px no-repeat, url(https://media.hearthpwn.com/attachments/73/383/timestream-tracking-bg.png) top right no-repeat, #f3eddc;
}

@media (max-width: 686px) {
  .news-template-cdc-tt::after {
    background: url(https://media.hearthpwn.com/attachments/73/385/timestream-flag.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/73/385/timestream-flag.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}
.special-card-reveal.ungoro-reveal.boomsday-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#cf53b9 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.boomsday-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/74/732/reveal-bg-boom.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.boomsday-reveal .card-reveal-button a {
        background: #d052b9;
    border: 1px solid #d04978;
}

.special-card-reveal.ungoro-reveal.boomsday-reveal .card-reveal-button a:hover {
    background: #982c84;
    border: 1px solid #cc5f85;
}

.special-card-reveal.ungoro-reveal.boomsday-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.boomsday-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal.ungoro-reveal.rasta-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#53cfb6 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.rasta-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/84/783/rasta-bg.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.rasta-reveal .card-reveal-button a {
        background: #52d0b8;
    border: 1px solid #49d07a;
}

.special-card-reveal.ungoro-reveal.rasta-reveal .card-reveal-button a:hover {
    background: #2c9896;
    border: 1px solid #2c987b;
}

.special-card-reveal.ungoro-reveal.rasta-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.rasta-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal.ungoro-reveal.shadows-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#53cfb6 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.shadows-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/91/981/reveal-bg.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a {
        background: #52d0b8;
    border: 1px solid #49d07a;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a:hover {
    background: #2c9896;
    border: 1px solid #2c987b;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal.ungoro-reveal.shadows-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#53cfb6 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.shadows-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/97/116/uldum-background-3.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a {
        background: #52d0b8;
    border: 1px solid #49d07a;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a:hover {
    background: #2c9896;
    border: 1px solid #2c987b;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button { bottom: 90px; }.special-card-reveal.ungoro-reveal.shadows-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#53cfb6 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.shadows-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/98/665/card-reveal-background.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a {
        background: #52d0b8;
    border: 1px solid #49d07a;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button a:hover {
    background: #2c9896;
    border: 1px solid #2c987b;
}

.special-card-reveal.ungoro-reveal.shadows-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.shadows-reveal .card-reveal-button { bottom: 90px; }.news-template-friday-fun > div {
  background: url(https://media.hearthpwn.com/attachments/99/122/post-flag.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-deckspotlight::after {
    background: url(https://media.hearthpwn.com/attachments/99/122/post-flag.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/99/122/post-flag.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}.news-template-battlegrounds > div {
  background: url(https://media.hearthpwn.com/attachments/99/161/post-flag-battlegrounds.png) top right/86px no-repeat #f3eddc;
}

@media (max-width: 686px) {
  .news-template-deckspotlight::after {
    background: url(https://media.hearthpwn.com/attachments/99/161/post-flag-battlegrounds.png) top right / 86px no-repeat, -webkit-linear-gradient(bottom, #091216, rgba(9, 18, 22, 0));
    background: url(https://media.hearthpwn.com/attachments/99/161/post-flag-battlegrounds.png) top right / 86px no-repeat, linear-gradient(to top, #091216, rgba(9, 18, 22, 0));
  }
}.special-card-reveal.ungoro-reveal.secret-reveal .gradient-border-wrapper {
    background: #cf53b9;
    background: linear-gradient(to bottom,#53cfb6 0,#222 100%);
}

.special-card-reveal.ungoro-reveal.secret-reveal .interior-details {
    background: url(https://media.hearthpwn.com/attachments/99/755/ashes-card-reveal.jpg) center left;
        }  

.special-card-reveal.ungoro-reveal.secret-reveal .card-reveal-button a {
        background: #9707f5; 
    border: 1px solid #44096a;
}

.special-card-reveal.ungoro-reveal.secret-reveal .card-reveal-button a:hover {
    background: #b144f9;
    border: 1px solid #44096a;
}

.special-card-reveal.ungoro-reveal.secret-reveal .the-card-spot::before { display: none; }

.special-card-reveal.ungoro-reveal.secret-reveal .card-reveal-button { bottom: 90px; }