/**
 * @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
*/
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('../dire/webfonts/3213E9_0_0.eot');
    src: url('../dire/webfonts/3213E9_0_0.eot?#iefix')
    format('../dire/embedded-opentype'), url('../dire/webfonts/3213E9_0_0.woff2')
    format('woff2'), url('../dire/webfonts/3213E9_0_0.woff')
    format('woff'), url('../dire/webfonts/3213E9_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'CharcuterieFlare-Bold';
    src: url('../dire/webfonts/CharcuterieFlareBold.eot');
    src: url('../dire/webfonts/CharcuterieFlareBold.eot?#iefix')
    format('../dire/embedded-opentype'), url('../dire/webfonts/CharcuterieFlareBold.woff2')
    format('woff2'), url('../dire/webfonts/CharcuterieFlareBold.woff')
    format('woff'), url('../dire/webfonts/CharcuterieFlareBold.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: CharcuterieFlare-Bold;
    font-weight: normal;
    font-style: normal;
}

#Top-Image h2, .grid-100 .itembg h2, .grid-100 .itembg h3, .post-developer-butttons, h3, h4, h5, td {
    /*font-family: CharcuterieBlock-Bold !important;*/
    font-weight:bold;
    font-variant: small-caps;
    text-transform: none !important;
}

#Top-Image h2, .grid-100 h2, .grid-100 .itembg h3, .post-developer-butttons, h3{
    /*background: -webkit-linear-gradient(top, #ffe8b3, #bb9251);
    background: linear-gradient(top, #ffe8b3, #bb9251);*/
    color: #fbda8c  !important;
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    text-shadow: none !important;
}

.btn.soc-media, .btn.contact-us {
    /*padding-top:0;*/
}
.post-text p{
    /*font-family: CharcuterieFlare-Bold !important;*/
}
#amountbuttons span {
    /*font-family: CharcuterieFlare-Bold;*/
    /*font-size:20px;*/
}
#amountbuttons .btn:hover,
#amountbuttons .btn.active,
#buybuttons .btn:hover
 {
    cursor: pointer;
    /*background: url('../new-images/tib/blue-btn-lg-hover_01.jpg'),url('../new-images/tib/blue-btn-lg-hover_03.jpg'), url('../new-images/tib/blue-btn-lg-hover_02.jpg');*/
    /*background-size: 50px 100%, 50px 100%, 2px 100%;
    background-position: 0 0,100% 0, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    text-align: center;*/

    color: #C09959;
    font-weight: bold;
    background-blend-mode: color;
    background-color: rgba(0,0,0,.5);
}

button h4, .btn h4 {
    font-family: sans-serif !important;
}

h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}

.thread-view-title h2 {margin-top:10px;}
a {word-wrap: break-word;}

/*button, .btn {
    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);
}*/

button, .btn, .pager {
    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 !important;
    background-size: 5px 100%, 5px 100%, 100px 100% !important;
    color: #FFEECB;
    padding: 5px 10px;
    border: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.33);
}

#Other-News .news-item, #NewsItem .news-item {
    background-color: transparent !important;
}
.developerposts-module>.grid-100, .fb-module>.grid-100, .spellcast-module>.grid-100, .twit-module>.grid-100 {
    padding: 0 10px !important;
}
.icon.collapser {
    margin:5px;
}
.grid-100 .module-hline {
    display: block!important;
}
.item-header {
    background:none !important;
}
.news-item>div, .subcat-inner, .developerposts-module, .itemg, .news-item>div, .news-module, .spellcast-module, .twit-module {
    box-shadow: none !important;
}
.subcaticon-wrap {
    height: 65px;
}
.post-wrapper .grid_20, .player-avatar, .player-avatar img {
    max-width:160px;
}

.post-wrapper>.itembg {
    padding: 10px 0px;
}

.itembg.thread-view-title {
    padding-left: 0;
}

#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: 0px;
    font-size: 18px;
}
.soc-media .icon {
    width: 25px;
    height: 25px;
    margin: -2px 0;
}
#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%;
}
#GameLanding #Page-Wrapper #Top-Image {height:500px;}
#GameLanding #Page-Wrapper #Top-Image .GameLogo {
    height: 250px;
    /*margin-bottom: 270px;*/
}
#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;}
#Platforms {max-width: 100%; height: auto; margin-left: auto; margin-right: auto; display: block; text-align: center;}

.panelbackground, .event-data-container, #panel-leaderboard, .fighter-container,
.developerposts-module, .devpost-item, .fb-module, .itembg, .news-item>div, .news-module, .quotepost, .spellcast-module, .subcat-inner, .twit-module, .thread{
    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;
}
.module h4 {font-size:14px !important;margin: 5px 0;}
.threads>.thread:nth-child(even) {
    background-color: rgba(0,0,0,0.33) !important;
}

footer {text-align:center;}

@media (max-width: 960px) {
    #GameLanding  #Page-Wrapper #Top-Image {
        height: 300px;
    }
    #GameLanding #Page-Wrapper #Top-Image .GameLogo {
        height: 200px;
        /* margin-bottom: 270px; */
    }
}

@media (max-width:1024px) {
    #Top-Image .GameLogo, #GameLanding #Top-Image .GameLogo {
        background-image: url('//www.spellbook.com/media/new-images/dire/dire-logo-tablet.png');
    }
}
@media (max-width:768px) {
    #Top-Image .GameLogo, #GameLanding #Top-Image .GameLogo {
        background-image: url('//www.spellbook.com/media/new-images/dire/dire-logo-mobile.png');
    }
}