/*
 * WebEngine 1.2.7 - MU Classic Art Direction v2
 * Uses newly generated MU-style artwork as the visual foundation.
 */

:root{
    --mu-bg:#06090e;
    --mu-panel:#0c1219;
    --mu-panel2:#101821;
    --mu-panel3:#080d13;
    --mu-line:#293542;
    --mu-line2:#3b4853;
    --mu-red:#b62d2d;
    --mu-red2:#e04a42;
    --mu-gold:#b99552;
    --mu-gold2:#e0c37f;
    --mu-text:#c7cdd2;
    --mu-soft:#7e8891;
    --mu-green:#70a13b;
}

html{min-width:1040px;background:var(--mu-bg)!important;}

body{
    margin:0!important;
    color:var(--mu-text)!important;
    background:
        linear-gradient(to bottom,rgba(5,8,13,.05) 0,rgba(5,8,13,.25) 360px,
        rgba(5,8,13,.90) 820px,rgba(5,8,13,.99) 1250px),
        url('../img/background.jpg') center top/cover no-repeat fixed!important;
    font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
    font-size:13px!important;
}

a{color:#c0a362!important;text-decoration:none!important;}
a:hover{color:#ead18f!important;}

img{max-width:100%;}

.global-top-bar{
    height:30px!important;
    box-sizing:border-box!important;
    padding:0!important;
    background:linear-gradient(to right,#12090c,#7c1d21 46%,#1a0a0d)!important;
    border-bottom:1px solid #8b292c!important;
    box-shadow:0 2px 12px #000!important;
    font-size:10px!important;
    letter-spacing:.35px;
}
.global-top-bar .global-top-bar-content{height:30px!important;}
.global-top-bar .text-right{padding-top:4px!important;}
.global-top-bar a{color:#c7c7c4!important;}
.global-top-bar a:hover{color:#fff!important;}
.global-top-bar a.logout{color:#f0c46c!important;}

#navbar{
    height:49px!important;
    background:linear-gradient(to bottom,rgba(9,14,20,.98),rgba(5,9,14,.98))!important;
    border-bottom:1px solid #28343f!important;
    box-shadow:0 4px 15px rgba(0,0,0,.7)!important;
}
#navbar ul{width:1040px!important;margin:0 auto!important;text-align:left!important;}
#navbar ul li{height:49px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.7px!important;}
#navbar ul li a{
    height:49px!important;
    box-sizing:border-box!important;
    padding:16px 22px 0!important;
    color:#8b949c!important;
    text-transform:uppercase!important;
    text-shadow:1px 2px 2px #000!important;
    border-left:1px solid rgba(255,255,255,.018);
    border-right:1px solid rgba(0,0,0,.25);
}
#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li a:active{
    color:#f0d58e!important;
    background:linear-gradient(to bottom,rgba(153,35,37,.18),rgba(0,0,0,0));
}
#navbar ul li a.active{
    color:#f2d48a!important;
    background:linear-gradient(to bottom,rgba(163,34,36,.36),rgba(77,12,16,.10));
    box-shadow:inset 0 -2px 0 var(--mu-red2);
}

#header{
    width:1040px!important;
    height:322px!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    text-align:left!important;
}
#header:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;height:70px;
    background:linear-gradient(to top,rgba(5,9,14,.98),transparent);
    pointer-events:none;
}
#header>a{
    display:block!important;
    position:relative;
    z-index:2;
    width:300px!important;
    padding:33px 0 0 48px!important;
}
.webengine-mu-logo{
    width:255px!important;
    height:auto!important;
    margin:0!important;
    filter:drop-shadow(0 5px 5px #000)!important;
}
.webengine-mu-logo:hover{filter:brightness(1.08) drop-shadow(0 5px 5px #000)!important;}

.header-info-container{
    width:1040px!important;
    height:0!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:5!important;
}
.header-info-container .header-info{
    position:absolute!important;
    right:20px!important;
    top:-68px!important;
    width:420px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:11px 15px!important;
    background:rgba(6,10,15,.86)!important;
    border:1px solid #384652!important;
    border-top:1px solid #82622d!important;
    border-radius:0!important;
    box-shadow:0 5px 18px rgba(0,0,0,.75)!important;
    color:#9ba3aa!important;
    font-size:10px!important;
}
.header-info-container .header-info .header-info-block{color:#9ba3aa!important;}
.header-info-container .header-info .header-info-block #tServerTime,
.header-info-container .header-info .header-info-block #tLocalTime{color:#e0e2e3!important;}
.header-info-container .header-info .header-info-block #tServerDate,
.header-info-container .header-info .header-info-block #tLocalDate{color:#727b83!important;}
.header-info-container .header-info .header-info-block .online-count{color:#82a94b!important;font-weight:700!important;}

.webengine-online-bar{
    height:5px!important;
    margin:5px 0 7px!important;
    border:1px solid #26313a!important;
    border-radius:0!important;
    background:#05080c!important;
}
.webengine-online-bar .webengine-online-bar-progress{
    height:5px!important;
    border-radius:0!important;
    background:linear-gradient(to right,#56752d,#9abf51)!important;
}

#container{
    width:1040px!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:0!important;
    min-height:500px!important;
    background:linear-gradient(to bottom,rgba(10,15,21,.985),rgba(7,11,16,.99))!important;
    border:1px solid #26323d!important;
    border-radius:0!important;
    box-shadow:0 15px 45px rgba(0,0,0,.78)!important;
}
#content{
    width:100%!important;
    box-sizing:border-box!important;
    min-height:500px!important;
    padding:23px 20px 28px!important;
    overflow:auto!important;
}
#content>.row{margin-left:-10px;margin-right:-10px;}

.page-title{
    margin:0 0 18px!important;
    padding:0 0 10px!important;
    color:#d1b873!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:21px!important;
    font-weight:600!important;
    letter-spacing:.7px!important;
    text-transform:uppercase!important;
    text-shadow:1px 2px 3px #000!important;
    border-bottom:1px solid #28343f!important;
}
.page-title:after{
    content:"";
    display:block;
    width:45px;
    height:2px;
    margin-top:8px;
    background:var(--mu-red2);
}

/* Unified module frame */
.panel,
.panel-general,
.panel-sidebar,
.panel-news,
.panel-addstats,
.panel-downloads{
    margin-bottom:18px!important;
    background:linear-gradient(to bottom,rgba(17,24,32,.98),rgba(9,14,20,.99))!important;
    border:1px solid #2a3641!important;
    border-radius:0!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 6px 18px rgba(0,0,0,.52)!important;
    color:var(--mu-text)!important;
}
.panel-heading,
.panel-sidebar>.panel-heading,
.panel-news .panel-heading{
    min-height:39px!important;
    box-sizing:border-box!important;
    padding:9px 13px!important;
    background:
        linear-gradient(to right,rgba(119,28,31,.18),transparent 35%),
        linear-gradient(to bottom,#1b252f,#10161d)!important;
    border:0!important;
    border-bottom:1px solid #70572b!important;
    border-radius:0!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.panel-title,
.panel-news .panel-title{
    margin:0!important;
    color:#d1b873!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.65px!important;
    text-transform:uppercase!important;
    text-shadow:1px 2px 2px #000!important;
}
.panel-body{padding:14px!important;color:#b8c0c6!important;}
.panel-footer{background:#090e14!important;border-top:1px solid #27323c!important;border-radius:0!important;color:#707a82!important;}

/* Home/news */
.home-news-block .home-news-block-header h2{
    margin:0 0 12px!important;
    color:#d1b873!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:16px!important;
    font-style:normal!important;
}
.home-news-block .home-news-block-header a{
    color:#a0a7ad!important;
    font-size:10px!important;
    font-style:normal!important;
    text-transform:uppercase;
}
.home-news-block-article{
    margin-top:0!important;
    padding:9px 0!important;
    border-bottom:1px solid #232e38!important;
}
.home-news-block-article .home-news-block-article-type{
    display:block;
    padding:3px 6px!important;
    background:rgba(137,27,30,.13)!important;
    border:1px solid #5b292d!important;
    color:#d35b55!important;
    font-size:9px!important;
    letter-spacing:.5px;
}
.home-news-block-article .home-news-block-article-title,
.home-news-block-article .home-news-block-article-date{
    line-height:27px!important;
}
.home-news-block-article .home-news-block-article-title{color:#c7cdd2!important;}
.home-news-block-article .home-news-block-article-date{color:#66717a!important;font-size:9px!important;}

/* Rankings */
.rankings-table{background:transparent!important;color:#b9c0c6!important;font-size:12px!important;}
.rankings-table tr td{
    padding:7px 6px!important;
    border-bottom:1px solid #242f38!important;
}
.rankings-table tr:first-child td{color:#d8bd77!important;border-bottom:1px solid #6b552d!important;}
.rankings-table-place{color:#c6a75b!important;font-size:14px!important;}
.rankings-class-image{width:29px!important;border-radius:50%!important;box-shadow:0 0 7px #000!important;}
.rankings_menu{
    background:#080d13!important;
    border:1px solid #2b3741!important;
    border-radius:0!important;
    padding:5px!important;
}
.rankings_menu span{
    color:#d1b873!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:14px!important;
}
.rankings_menu a{
    min-width:90px!important;
    padding:5px 8px!important;
    margin:2px!important;
    background:#121a22!important;
    border:1px solid #303c47!important;
    border-radius:0!important;
    color:#89939b!important;
    font-size:10px!important;
}
.rankings_menu a.active,.rankings_menu a:hover{
    background:#3a1619!important;
    border-color:#9a6f31!important;
    color:#e0c57e!important;
}

/* Account / forms */
.myaccount-table,.general-table-ui{
    background:#0d141b!important;
    border:1px solid #2b3741!important;
    color:#b9c0c6!important;
    font-size:12px!important;
}
.myaccount-table tr td,.general-table-ui tr td{
    padding:8px 10px!important;
    border-bottom:1px solid #25303a!important;
}
.myaccount-table tr td:first-child{color:#8f9aa2!important;}
.general-table-ui tr:nth-child(2n+2) td{background:rgba(255,255,255,.018)!important;}
.general-table-ui tr:first-child td{color:#d0b46d!important;}

.form-control,
input[type=text],input[type=password],input[type=number],select,textarea{
    background:#080d13!important;
    border:1px solid #35424e!important;
    border-radius:0!important;
    color:#c9d0d4!important;
    box-shadow:inset 0 2px 6px rgba(0,0,0,.55)!important;
}
.form-control:focus,
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{
    border-color:#96733a!important;
    box-shadow:0 0 0 1px rgba(185,149,82,.12),inset 0 2px 6px rgba(0,0,0,.55)!important;
}
.form-horizontal .control-label{color:#9aa3aa!important;font-size:11px!important;}

.btn-primary{
    color:#f1dba1!important;
    background:linear-gradient(to bottom,#9f2b2c,#681b20)!important;
    border:1px solid #a9423e!important;
    border-radius:0!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.6px!important;
    text-transform:uppercase!important;
    text-shadow:1px 2px 2px #000!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.45)!important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    color:#fff0c2!important;
    background:linear-gradient(to bottom,#c13a37,#7d2024)!important;
    border-color:#c08c40!important;
}

/* UserCP/sidebar */
.panel-usercp{
    background:linear-gradient(to bottom,rgba(8,13,19,.82),rgba(7,11,16,.98)),url('../img/usercp_bg.jpg') center/cover no-repeat!important;
}
.panel-usercp ul li{border-bottom:1px solid rgba(255,255,255,.045)!important;}
.panel-usercp ul li a{
    color:#9ea7ae!important;
    font-size:11px!important;
    padding:6px 3px!important;
}
.panel-usercp ul li a:hover{color:#dfc37e!important;background:rgba(157,37,39,.07)!important;}
.panel-usercp ul li img{width:22px!important;height:22px!important;opacity:.8!important;}

.sidebar-banner{
    border:1px solid #36434e!important;
    border-radius:0!important;
    box-shadow:0 6px 16px rgba(0,0,0,.62)!important;
}
.sidebar-banner img{
    border-radius:0!important;
    box-shadow:none!important;
}

/* Server Info module */
.panel-sidebar .table{
    margin-bottom:0!important;
    background:transparent!important;
    color:#b9c0c6!important;
    border:0!important;
}
.panel-sidebar .table>tbody>tr>td{
    padding:7px 8px!important;
    border-top:0!important;
    border-bottom:1px solid #252f38!important;
    background:transparent!important;
    color:#aeb7be!important;
    vertical-align:middle!important;
}
.panel-sidebar .table>tbody>tr:last-child>td{
    border-bottom:0!important;
}
.panel-sidebar .table>tbody>tr>td:first-child{
    color:#7f8a93!important;
}
.panel-sidebar .table>tbody>tr>td:last-child{
    color:#d2b873!important;
    text-align:right!important;
}

/* Character cards */
.myaccount-character-block{
    background:#0c131a!important;
    border:1px solid #8a682f!important;
    padding:5px!important;
    border-radius:0!important;
    box-shadow:0 0 14px rgba(0,0,0,.7)!important;
}
.myaccount-character-block img{border-radius:0!important;box-shadow:0 0 7px #000!important;}
.myaccount-character-block-location{color:#68737c!important;}
.myaccount-character-block-level{background:rgba(101,23,27,.94)!important;border-radius:0!important;color:#e0c47b!important;}
.myaccount-character-name a{color:#d7bd7a!important;}

.paypal-gateway-content{
    background:#101820!important;
    border:1px solid #73582e!important;
    border-radius:0!important;
    color:#bec6cb!important;
}
.paypal-gateway-logo{background:#080e14!important;border:1px solid #2b3740!important;border-radius:0!important;}
.paypal-gateway-conversion-rate{color:#d2b873!important;font-family:'Cinzel',Georgia,serif!important;}
.paypal-gateway-form input[type=text]{background:#080e14!important;border:1px solid #8a682f!important;border-radius:0!important;color:#d5bb75!important;}

/* Profiles / Castle Siege */
.profiles_guild_card,.profiles_player_card,.castle-siege-block .castle-owner-panel,.castle-owner-widget{
    border-radius:0!important;
    border:1px solid #36424d!important;
    box-shadow:0 7px 20px rgba(0,0,0,.68)!important;
    background-color:#080d13!important;
}
.profiles_guild_card .guild_name,.profiles_guild_card .guild_members,
.profiles_player_table .cname{
    color:#d8bf7b!important;
    font-family:'Cinzel',Georgia,serif!important;
}
.profiles_player_table .isonline{color:#8caf4a!important;}
.profiles_player_table .isoffline{color:#d14b47!important;}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name,
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name a{
    color:#dfc885!important;
    font-family:'Cinzel',Georgia,serif!important;
}
.btn-castlewidget{border-radius:0!important;color:#ddc584!important;background:#0d141b!important;border:1px solid #785e30!important;}
.btn-castlewidget:hover{background:#7e2327!important;color:#fff0c1!important;border-color:#b58a40!important;}

/* Footer */
.footer{
    width:1040px!important;
    box-sizing:border-box!important;
    margin:0 auto 80px!important;
    padding:34px 40px!important;
    background:
        linear-gradient(to bottom,rgba(7,11,16,.94),rgba(4,7,11,.985)),
        url('../img/background.jpg') center bottom/cover no-repeat!important;
    border:1px solid #222e39!important;
    border-top:1px solid #69552f!important;
    border-radius:0!important;
    color:#6f7982!important;
    font-family:'Roboto Condensed',Arial,sans-serif!important;
    font-size:10px!important;
    box-shadow:0 15px 40px rgba(0,0,0,.8)!important;
}
.footer a{color:#a9986d!important;}
.footer a:hover{color:#dfc681!important;}
.footer hr{border-top:1px solid #28333d!important;}
.footer .footer-social-link{filter:grayscale(100%);opacity:.58;}
.footer .footer-social-link:hover{filter:grayscale(0);opacity:1;}

.alert,.well{background:#101820!important;border:1px solid #303c47!important;border-radius:0!important;color:#bac2c7!important;}
.thumbnail{background:#0c131a!important;border:1px solid #303c47!important;border-radius:0!important;}
a.thumbnail:hover{border-color:#94713a!important;}
.label-default{background:#29343e!important;color:#d2b873!important;border-radius:0!important;}

@media(max-width:1100px){html{min-width:1040px;}}

/* Server Information page - MU Classic theme */
#content .table.table-condensed.table-hover.table-striped.table-bordered{
    width:100%!important;
    margin:10px 0 18px!important;
    background:#0b1118!important;
    border:1px solid #34414c!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    color:#b9c1c7!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 14px rgba(0,0,0,.45)!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>thead>tr>th,
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr>th{
    padding:8px 10px!important;
    background:linear-gradient(to bottom,#1b252f,#10161d)!important;
    border:0!important;
    border-bottom:1px solid #70572b!important;
    color:#d6bc78!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:11px!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    text-shadow:1px 2px 2px #000!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr>td{
    padding:7px 9px!important;
    background:#0b1118!important;
    color:#aeb7be!important;
    border:0!important;
    border-bottom:1px solid #27333d!important;
    vertical-align:middle!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr:nth-child(even)>td{
    background:#101821!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr:hover>td{
    background:#151e27!important;
    color:#d7bd7a!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr>td:first-child{
    color:#8e99a2!important;
}
#content .table.table-condensed.table-hover.table-striped.table-bordered>tbody>tr>td.text-center{
    color:#c5ccd1!important;
}
#content h2{
    margin:26px 0 10px!important;
    padding:0 0 8px!important;
    color:#d1b873!important;
    font-family:'Cinzel',Georgia,serif!important;
    font-size:20px!important;
    font-weight:600!important;
    letter-spacing:.4px!important;
    text-shadow:1px 2px 3px #000!important;
    border-bottom:1px solid #28343f!important;
}
#content h2:after{
    content:"";
    display:block;
    width:38px;
    height:2px;
    margin-top:7px;
    background:#e04a42!important;
}

/* Global module typography - keep all WebEngine modules consistent with MU Classic */
#content,
#content p,
#content div,
#content table,
#content td,
#content th,
#content li,
#content label,
#content input,
#content select,
#content textarea,
#content button,
#content .btn,
#content .form-control,
#content .alert,
#content .well,
#content .pagination,
#content .breadcrumb,
#content .list-group-item,
#content .module-requirements,
#content .download-description,
#content .rankings-update-time{
    font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
}

/* Display typography used consistently by themed modules */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content .page-title,
#content .panel-title,
#content .panel-body .panel-title,
#content .rankings_menu span,
#content .profiles_guild_card .guild_name,
#content .profiles_guild_card .guild_members,
#content .profiles_player_table .cname,
#content .castle-siege-block .castle-owner-name,
#content .paypal-gateway-conversion-rate{
    font-family:'Cinzel',Georgia,serif!important;
}

/* Normalize common module text sizes so inherited stock WebEngine typography does not override the theme */
#content .panel-body,
#content .panel-body p,
#content .panel-body li,
#content .panel-body td,
#content .panel-body th,
#content .panel-body label,
#content .panel-body .form-control,
#content .panel-body .btn,
#content .panel-body .alert,
#content .panel-body .well{
    font-size:12px!important;
    line-height:1.45!important;
}

#content .panel-title{font-size:13px!important;line-height:1.2!important;}
#content h1{font-size:24px!important;}
#content h2{font-size:20px!important;}
#content h3{font-size:17px!important;}
#content h4{font-size:15px!important;}
#content h5{font-size:13px!important;}
#content h6{font-size:12px!important;}

/* Common WebEngine modules */
#content .rankings-table,
#content .rankings-table td,
#content .rankings-table th,
#content .rankings_menu a,
#content .myaccount-table,
#content .myaccount-table td,
#content .general-table-ui,
#content .general-table-ui td,
#content .paypal-gateway-content,
#content .paypal-gateway-form,
#content .panel-downloads,
#content .panel-addstats,
#content .panel-general,
#content .panel-news,
#content .panel-sidebar{
    font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
}

#content .rankings-table tr td{font-size:12px!important;}
#content .rankings-table-place{font-size:14px!important;}
#content .rankings_menu a{font-size:11px!important;}
#content .myaccount-table,
#content .general-table-ui{font-size:12px!important;}
#content .paypal-gateway-form div,
#content .paypal-gateway-form input[type=text]{font-size:14px!important;}
#content .panel-addstats .character-name{font-family:'Cinzel',Georgia,serif!important;font-size:16px!important;}
#content .download-description{font-size:11px!important;}

/* Sidebar modules outside #content */
.panel-sidebar,
.panel-sidebar .panel-body,
.panel-sidebar .panel-body table,
.panel-sidebar .panel-body td,
.panel-sidebar .panel-body th,
.panel-sidebar .panel-body li,
.panel-sidebar .panel-body a,
.panel-sidebar .panel-body label,
.panel-sidebar .panel-body input,
.panel-sidebar .panel-body select,
.panel-sidebar .panel-body textarea,
.panel-sidebar .panel-body button{
    font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
}
.panel-sidebar .panel-title{font-family:'Cinzel',Georgia,serif!important;}

/* Preserve icon fonts where WebEngine/Bootstrap uses them */
.glyphicon,
[class^="icon-"],
[class*=" icon-"]{
    font-family:inherit!important;
}