<!--
/**
 * @license
 * MyFonts Webfont Build ID 3281897, 2016-09-12T14:13:24-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CharcuterieBlock-Bold by Laura Worthington
 * URL: http://www.myfonts.com/fonts/laura-worthington/charcuterie/block-bold/
 * Copyright: Copyright (c) 2013 by Laura Worthington. All rights reserved.
 * Licensed pageviews: 20,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3281897
 * 
 * © 2016 MyFonts Inc
*/

.GameLogo {
    
    padding:0;
}
.GameLogo img {
    /*background-image: url(../../dire/armory/images/armory-banner.png);*/
    background-repeat: no-repeat;
    background-position: center center;
    max-height: 160px;
    background-size: contain;
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding:0;

}
.StatsHeader .icon {height:30px;width:30px;margin-right:5px;}
.icon-stats {background-image: url(../../dire/armory/images/icon_stats.png);}
.icon-anvil {background-image: url(../../dire/armory/images/icon_anvil.png);}
.icon-coin {background-image: url(../../dire/armory/images/icon_coin.png);}
.icon-compass {background-image: url(../../dire/armory/images/icon_compass.png);}
.icon-crafting {background-image: url(../../dire/armory/images/icon_crafting.png);}
.icon-gem {background-image: url(../../dire/armory/images/icon_gem.png);}
.icon-harvest {background-image: url(../../dire/armory/images/icon_harvest.png);}
.icon-items {background-image: url(../../dire/armory/images/icon_items.png);}
.icon-profession {background-image: url(../../dire/armory/images/icon_profession.png);}
.icon-quest {background-image: url(../../dire/armory/images/icon_quest.png);}
.icon-swords {background-image: url(../../dire/armory/images/icon_swords.png);}
.icon-treasurechest {background-image: url(../../dire/armory/images/icon_treasure_chest.png);}
.icon-treasuremap {background-image: url(../../dire/armory/images/icon_treasure_map.png);}

.LastUpdate.stat-title {
    font-size: 13px;
    text-align: center;
    color: #B1B1B1!important;
}

.icon.ion-trophy.fright {
    width: 8px;
    font-size: 16px;
    margin-top: 1px;
    height:12px;
}
.rank-1{color:gold}
.rank-2{color:silver}
.rank-3{color: #cd7f32}
.ion-ribbon-b:before {
    content: "\f356" !important; /* replace any ribbon with trophy */
}
.rank-4,.rank-5,.rank-6,.rank-7,.rank-8,.rank-9,.rank-10{color:#6e6c6c}   

#GlobalNav input#search{display:none;}

body#category, body#subcat, body#thread-view, body#NewsPage, body#NewsItemPage, body {
    background: url('../../new-images/dire/ui background.png') center center fixed #151A1E!important;
    background-image: url('../../new-images/dire/map-background-generic.jpg')!important;
    background-repeat: repeat !important;
    background-size: auto !important;
}

@font-face {
	font-family: 'CharcuterieBlock-Bold';
	src: url('../webfonts/3213E9_0_0.eot');
	src: url('../webfonts/3213E9_0_0.eot?#iefix') format('embedded-opentype'), 
    url('../webfonts/3213E9_0_0.woff') format('woff'), 
    url('../webfonts/3213E9_0_0.ttf') format('truetype');

}

@font-face {
    font-family: 'CharcuterieFlare-Bold';
    src: url('../webfonts/CharcuturieFlaredBold.eot');
    src: url('../webfonts/CharcuturieFlaredBold.eot?#iefix')format('../dire/embedded-opentype'),
    url('../webfonts/CharcuturieFlaredBold.woff') format('woff'), 
    url('../webfonts/CharcuturieFlaredBold.ttf') format('truetype');
}

.CharcuterieBlock-Bold { 
	font-family: CharcuterieBlock-Bold;
	font-weight: normal;
	font-style: normal;
    font-variant: small-caps;
    text-transform: none !important;
}

.CharcuterieFlare-Bold {
    font-family: CharcuterieBlock-Bold;
    font-weight: normal;
    font-style: normal;

    font-variant: small-caps;
    text-transform: none !important;
}
.breadcrumb {
    padding-top:10px;
    padding-bottom:10px;
    overflow-wrap: break-word;
}
.nodec, .breadcrumb a{
    text-decoration: none;
}
.breadcrumb p.fleft {
    margin: 0;
}

#Top-Image h2, .grid-100 .itembg h2, .grid-100 .itembg h3, .post-developer-butttons, h3, h4, h5, td {
    font-family: CharcuterieBlock-Bold !important;
    font-variant: small-caps;
    text-transform: none !important;
}

h2.search-h2, .grid-100 h2, h3, h4 {
	font-family: CharcuterieBlock-Bold !important;
    color: #fbda8c !important;
    /*
    background: -webkit-linear-gradient(top, #ffe8b3, #bb9251);
	background: linear-gradient(top, #ffe8b3, #bb9251);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    */
	text-shadow: none;
    font-variant: small-caps;
    text-transform: none !important;
}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}

.centertext, .centerP {    
    text-align: center;
}
button h4, .btn h4 {
    font-family: sans-serif !important;
}
.post-text p{
    font-family: CharcuterieBlock-Bold !important;

    font-variant: small-caps;
    text-transform: none !important;
}

.contact-us h4, .soc-media h4 {
    font-size: 1em;
    background:none;
    -webkit-text-fill-color:#ffeecb;
}
.btn.soc-media, .btn.contact-us {
    padding-top:0;
}
.white p.neg, p.neg {color: #C36868 !important;}

.white p.pos, p.pos {color: #B5C562 !important;}
p{font-family: sans-serif;}

#Top-Image h2, .itembg h2, .itembg h3, .phm p, .post-developer-butttons, .quotepost, a, body, p, td {
	color: #F6D995 !important;
}


.paginate_button, button, .btn, .search-types  > li > label, input[type="submit"] {
    background: url('../../new-images/dire/button_left.png')no-repeat,
    url('../../new-images/dire/button_right.png')100% 0 no-repeat,
    url('../../new-images/dire/button_center.png')repeat;
    background-size: 5px 100%, 5px 100%, 100px 100%;
    color: #FFEECB;
    padding: 5px 10px;
    border: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.33);
}

input[type="submit"] {
    border: none !important;
    box-shadow: none !important;
}

button:hover, .search-types  > li > label.checked, .search-options button:hover, .btn:hover, .lb-icon:hover span {
    box-shadow: 0 5px 10px rgba(100,100,100,.66);
    color: #FFF !important;
    cursor: pointer;
}
.search-options button:hover p, #scroll-to-top:hover a, a:hover .ranknum{
    color: #FFF !important;
}

#Page-Wrapper #Top-Image {
    background-image: url('//www.spellbook.com/media/new-images/dire/download-splash-bkg.jpg') !important;
    -webkit-background-size: contain;
    background-size: inherit;
    background-color: #181B20;
}
.btn.btn-sm.contact-us h4, .soc-media.btn.btn-sm h4 {
    margin: 0!important;
    padding-top: 4px;
    font-size: 18px;
}
#Page-Wrapper #Top-Image .GameLogo {
    background-image: url('//www.spellbook.com/media/new-images/dire/dire-logo.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 200px;
    background-size: contain;
    text-align: center;
    position: relative;
    width: 98%;
    margin: 10px 1%;
}
#container {background-size:cover; width: 100%; height: 1280px;}
#Logo {max-width: 100%; padding-top:20px; margin-left: auto; margin-right: auto; display: block;}
#container h1 {color: #CCC;font-style: normal;font-weight: bold;font-size: 48px;text-align: center;text-transform: none;text-shadow: 4px 4px 10px rgba(0,0,0,0.95);word-spacing: 3px;}

.overflow-column {
    overflow-y:scroll;
    height:400px;
    padding: 0;
    background-color: rgba(25,30,36,.66);
}
.overflow-column-row {
    /*overflow: hidden;*/
    background-color: #414a56;
    min-height:75px;
    padding-left:0;
    padding-right: 0;
    margin-bottom: 10px;
}
.overflow-column-row > img {
    padding: 0;
}
.overflow-column-text {
    margin: 0;
    padding: 0;
    text-align: center;
    white-space:nowrap;
}
.overflow-column-text-container {
    max-height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.developerposts-module, .devpost-item, .fb-module, .itembg, .news-item>div, .news-module, .quotepost, .spellcast-module, .subcat-inner, .twit-module, .thread,
.panelbackground, .event-data-container, #panel-leaderboard, .fighter-container
{
    border-style: solid;
    border-width: 16px !important;
    -moz-border-image: url('../../new-images/dire/Window_Background.png') 60 repeat !important;
    -webkit-border-image: url('../../new-images/dire/Window_Background.png') 60 repeat !important;
    -o-border-image: url('../../new-images/dire/Window_Background.png') 60 repeat !important;
    border-image: url('../../new-images/dire/Window_Background.png') 60 fill repeat !important;
    background:none !important;
}
.player-titlebar .panelbackground, .ltgray.panelbackground{
border-style: solid;
border-width: 28px;
-moz-border-image: url('../../dire/armory/images/armoryheader.png') 28 repeat !important;
-webkit-border-image: url('../../dire/armory/images/armoryheader.png') 28 repeat !important;
-o-border-image: url('../../dire/armory/images/armoryheader.png') 28 repeat !important;
border-image: url('../../dire/armory/images/armoryheader.png') 28 fill repeat !important;
}
.fighterPort {text-align:center;}


.PlayerName {margin-bottom: 10px;}
.PlayerTitle {
	margin-top: 10px;
	font-size: 0.9em;
	color: #AEAEAE;
}
#PlayerPage .PlayerTitle {
    font-size: 24px;
}
.portrait {
    height: 128px;
    width: 128px;
}


a.fighter-link, .weapon-container a{
    text-decoration: none !important;
}

.bottom-text {
    display: flex;
    text-align:center;
}
.bottom-text > span {
    margin-left: auto;
    margin-right: auto;
}

#panel-stats p {
    margin: 5px;
}


.leaderboard-type {
    /*background-color: #1b1b1b;*/
}

.nav-tabs {
    list-style: none;
    padding: 0;
}

a .btn, .PlayerNavButtons a, .weapon-container as {    
    text-decoration: none;
}
.sort {
    text-decoration: none;
    display: block;
}

.table-responsive {
    overflow-x: auto;
}

.th-text {
    float: left;
}

.event-data-container > p:nth-of-type(odd) {
    background-color: #1b1b1b
}

.event-data-container > p:nth-of-type(even) {
    background-color: #2a2a2a;
}

.event-data-container > p, .nomargin {
    margin: 0;
}

.TopBottomMargin-5{
    margin-top:5px;
    margin-bottom:5px;
}

.TopBottomMargin-10{
    margin-top:10px;
    margin-bottom:10px;
}

.presentation {
	padding: 0px !important;
	background-color: transparent !important;
}
.presentation a {
    display: block;
    padding: 20px 30px;
    background-color: rgba(0,0,0,0.5);
    float: left;
}
.presentation a:hover {
    background-color: rgba(0,0,0,1);
}


table {
    width: 100%;
}

.btn.active,
.btn:hover, 
.TimeButtons .btn.active, 
.TimeButtons .btn:hover, 
.PlayerNavButtons .btn:hover,  
.hero-container.btn:hover, 
.contact-us:hover,
.Owner:hover,
button:hover,
paginate_button:hover{
    box-shadow: 0px 0px 50px rgba(0,0,0,1) inset !important;
}

tbody> tr:nth-of-type(odd),
.event-data-container > p:nth-of-type(odd),
.stat-history-container p:nth-of-type(even),
.stat-sale-container p:nth-of-type(even),
.search-results > div.search-result:nth-of-type(even)
{
    background-color: rgba(0,0,0,0.33) !important;
}

tbody> tr:nth-of-type(even), .event-data-container > p:nth-of-type(even){
    background-color: rgba(0,0,0,0.1) !important;
}

.stat-history-container p, .stat-sale-container p{
    margin: 0;
    padding: 5px 10px;
}

/* RARITY COLORS */
.rarity-1, .rarity-1 p, .rarity-Common, .rarity-Common p, 
.rarity-Initiate, .rarity-Initiate p{
    color: #AEAEAE !important;
}
.rarity-2, .rarity-2 p, .rarity-Uncommon, .rarity-Uncommon p,
.rarity-Apprentice, .rarity-Apprentice p {
    color: #8DD55C !important;
}
.rarity-3, .rarity-3 p, .rarity-Rare, .rarity-Rare p,
.rarity-Veteran, .rarity-Veteran p {
    color: #69A4C6 !important;
}
.rarity-4, .rarity-4 p, .rarity-Heroic, .rarity-Heroic p,
.rarity-Champion, .rarity-Champion p {
    color: #C686D2 !important;
}
.rarity-5, .rarity-5 p, .rarity-Legendary, .rarity-Legendary p,
.rarity-Master, .rarity-Master p {
    color: #ECC837 !important;
}
.rarity-6, .rarity-6 p, .rarity-Ultimate, .rarity-Ultimate p,
.rarity-Exalted, .rarity-Exalted [] {
    color: #E57300 !important;
}
.AscendHeader {
    color: #AD6EEC !important;
    font-weight: normal;
}


/* TEXT COLORS */
h2.Common, h3.Common, h3.Gray, h4.Gray, 
h2.Initiate, h3.Initiate {
    background: -webkit-linear-gradient(top, #AEAEAE, #AEAEAE);
    background: linear-gradient(top, #AEAEAE, #AEAEAE); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h2.Uncommon, h3.Uncommon,
h2.Apprentice, h3.Apprentice {
    background: -webkit-linear-gradient(top, #8DD55C, #8DD55C);
    background: linear-gradient(top, #8DD55C, #8DD55C); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h2.Rare, h3.Rare,
h2.Veteran, h3.Veteran {
    background: -webkit-linear-gradient(top, #69A4C6, #69A4C6);
    background: linear-gradient(top, #69A4C6, #69A4C6); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h2.Heroic, h3.Heroic,
h2.Champion, h3.Champion {
    background: -webkit-linear-gradient(top, #C686D2, #C686D2);
    background: linear-gradient(top, #C686D2, #C686D2); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h2.Legendary, h3.Legendary,
h2.Master, h3.Master {
    background: -webkit-linear-gradient(top, #ECC837, #ECC837);
    background: linear-gradient(top, #ECC837, #ECC837); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h2.Ultimate, h3.Ultimate,
h2.Exalted, h3.Exalted {
    background: -webkit-linear-gradient(top, #E57300, #E57300);
    background: linear-gradient(top, #E57300, #E57300); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

h4.ItemEnchantmentText {
    background: -webkit-linear-gradient(top, #B2D54E, #B2D54E);
    background: linear-gradient(top, #B2D54E, #B2D54E); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    color: #B2D54E !important;
}

h4.ItemBound {    
    background: -webkit-linear-gradient(top, #C36868, #C36868);
    background: linear-gradient(top, #C36868, #C36868); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    color: #C36868 !important;
}

h4.requiredClass{
    background: -webkit-linear-gradient(top, #FFAE00, #FFAE00);
    background: linear-gradient(top, #FFAE00, #FFAE00); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

h4.WhiteHeader, h3.WhiteHeader {
    background: -webkit-linear-gradient(top, #FFF, #FFF);
    background: linear-gradient(top, #FFF, #FFF); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
h4.GreenHeader, h3.GreenHeader{    
    background: -webkit-linear-gradient(top, #B2D54E, #B2D54E);
    background: linear-gradient(top, #B2D54E, #B2D54E); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}


.white, .white p{
    color: white !important;
}

@media screen and (min-width: 1025px){     
    .desktop-norightpadding {padding-right:0px;}
    .desktop-noleftpadding  {padding-left:0px;}
}
@media screen and (max-width: 1025px) and (min-width: 768px){    
    .tablet-norightpadding {padding-right:0px;}
    .tablet-noleftpadding  {padding-left:0px;}
}
@media screen and (max-width: 768px){              
    .mobile-norightpadding {padding-right:0px;}
    .mobile-noleftpadding  {padding-left:0px;}
}