/*
    Copyright (C) Hidori2. All rights reserved.
    Developed 2021 by MCDEV Software.
 */
@font-face {
    font-family: 'Nunito-Regular';
    src: url('../font/Nunito/Nunito-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Trajan-Pro-Bold';
    src: url('../font/Trajan Pro/Trajan Pro Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Trajan-Pro-Regular';
    src: url('../font/Trajan Pro/Trajan Pro Regular.ttf') format('truetype');
}

body {
    font-family: 'Nunito-Regular', serif;
    background-color: #1a0e12 !important;

    background: url('../img/header_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
    /*background-size: 100% 1043px;*/
}

a.active, a:focus, button:focus, button.active {
    outline: none;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn:focus {
    box-shadow: none;
}

a:focus, a:hover, a:active {
    outline: 0;
    box-shadow: 0;
}

a:focus, a:hover {
    text-decoration: none;
}

/* custom */
a.red {
    color: #a75b52;
}

a.yellow {
    color: #ffdfa0;
}

label.yellow {
    color: #ffdfa0;
}

/* input style */
input[type='text'],
input[type='email'],
input[type='password'] {

    background: url('../img/content_input.png');

    font-size: 14px;
    color: #a75b52;

    border: unset;

    width: 261px;
    height: 40px;

    /*display: block;*/
    margin-top: 14px;
    padding: 15px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
    /*background-color: #281515;*/
    color: #9a5e5b;
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder {
    color: #ffffff;
    font-size: 15px;
}

/* user-panel input style */
.user-panel input[type='text'],
.user-panel input[type='email'],
.user-panel input[type='password'] {

    background: url('../img/login_panel_input.png');

    font-size: 14px;
    color: #ffffff;
    text-align: center;
    /*background-color: #281515;*/
    border: unset;
    /*border-bottom: 1px solid #4f2e2e !important;*/

    padding: 0 20px;
    margin-top: unset;

    width: 271px;
    height: 44px;
}

/* ranking input style */
.ranking input[type='text'],
.ranking input[type='email'],
.ranking input[type='password'] {

    background: url('../img/ranking_input.png');

    font-size: 14px;
    color: #a75b52;

    border: unset;

    width: 213px;
    height: 40px;

    padding: 15px;
    margin-top: unset;
}

.navbar-expand-lg {
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #efd08d;
    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 40px 70px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #fadc9c;
}

.logo {
    margin-top: 100px;
    position: relative;
}


/* ------------------------------------ */
/* BUTTONS */
/* ------------------------------------ */

/* btn_custom */
.btn-custom {
    position: relative;
    text-align: center;
}

.btn-text-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* btn-sidebar-download */
.btn-sidebar-download {
    background-image: url('../img/btn_main_download.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 315px;
    height: 117px;

    margin: 10px 0 20px;
}

.btn-sidebar-download:hover {
    filter: brightness(110%);
}

.btn-sidebar-download:active {
    filter: brightness(90%);
}

.btn-text-sidebar-download-main {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 68px;
    transform: translate(-50%, -50%);

    font-family: 'Trajan-Pro-Bold', serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
}

.btn-text-sidebar-download-second {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 85px;
    transform: translate(-50%, -50%);

    font-family: 'Nunito-Regular', serif;
    font-size: 12px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(173, 173, 173, 0.75);
}

/* btn-donate */
.btn-donate {
    background-image: url('../img/donate_btn.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 317px;
    height: 79px;
}

.btn-text-donate-main {
    position: absolute;
    width: 100%;
    left: 57%;
    top: 35px;
    transform: translate(-50%, -50%);

    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-text-donate-second {
    position: absolute;
    width: 100%;
    left: 57%;
    top: 55px;
    transform: translate(-50%, -50%);

    font-family: 'Nunito-Regular', serif;
    font-size: 12px;
    color: #bf7463;
}

.btn-donate:hover {
    filter: brightness(110%);
}

.btn-donate:active {
    filter: brightness(90%);
}

/* btn-user-panel-login */
.btn-login {
    background-image: url('../img/login_panel_btn.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 267px;
    height: 38px;
    /*margin: 35px;*/

    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-login:hover {
    filter: brightness(110%);
}

.btn-login:active {
    filter: brightness(90%);
}

/* btn_banner_discord */
.btn-banner-discord {
    background-image: url('../img/btn_main_discord.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 314px;
    height: 104px;

    margin: 10px 0 20px;
}

.btn-banner-discord:hover {
    filter: brightness(110%);
}

.btn-banner-discord:active {
    filter: brightness(90%);
}

.btn-text-banner-discord-main {
    position: absolute;
    left: 30px;
    top: 50px;

    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255, 192, 162, 0.75);
    color: #2b1f19;
}

.btn-text-banner-discord-second {
    position: absolute;
    left: 30px;
    top: 75px;

    font-family: 'OpenSans-Regular', serif;
    font-size: 11px;
    color: #ffe2d5;
}

/* btn-ranking-red */
.btn-ranking-red {
    background-image: url('../img/ranking_btn_red.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 177px;
    height: 40px;

    font-family: 'Trajan-Pro-Bold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-ranking-red:hover {
    filter: brightness(110%);
}

.btn-ranking-red:active {
    filter: brightness(90%);
}

/* btn-ranking-brown */
.btn-ranking-brown {
    background-image: url('../img/ranking_btn_brown.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 177px;
    height: 40px;

    font-family: 'Trajan-Pro-Bold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-ranking-brown:hover {
    filter: brightness(110%);
}

.btn-ranking-brown:active {
    filter: brightness(90%);
}

/* btn search */
.btn-search {
    position: absolute;
    color: #836040;
    top: 12px;
    right: 10px;
}

.btn-search:hover {
    color: #836040;
    filter: brightness(120%);
}

/* btn-download */
.btn-download {
    background-image: url('../img/download_btn.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 317px;
    height: 79px;
}

.btn-text-download-main {
    position: absolute;
    width: 100%;
    left: 57%;
    top: 35px;
    transform: translate(-50%, -50%);

    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-text-download-second {
    position: absolute;
    width: 100%;
    left: 57%;
    top: 55px;
    transform: translate(-50%, -50%);

    font-family: 'Nunito-Regular', serif;
    font-size: 12px;
    color: #bf7463;
}

.btn-download:hover {
    filter: brightness(110%);
}

.btn-download:active {
    filter: brightness(90%);
}

/* btn-user-panel-yellow */
.btn-user-panel-yellow {
    background-image: url('../img/login_panel_btn_small.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 120px;
    height: 33px;

    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-user-panel-yellow:hover {
    filter: brightness(110%);
}

.btn-user-panel-yellow:active {
    filter: brightness(90%);
}

/* btn-account */
.btn-account {
    background-image: url('../img/account_btn.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 72px;
    height: 40px;

    font-size: 15px;
    text-transform: uppercase;
    color: #ffdfa0;
}

.btn-account:hover {
    filter: brightness(110%);
}

.btn-account:active {
    filter: brightness(90%);
}

/* ------------------------------------ */
/* SIDEBAR */
/* ------------------------------------ */

.box-header .name h3 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #dcc096;
    position: relative;
    font-family: "Trajan-Pro-Bold", serif;
    margin-top: 10px;
}

.box-header {
    display: flex;
    justify-content: center;
    /*padding: 42px 15px;*/
    padding: 39px 15px 14px;
    background-image: url(../img/sidebar_box_header.png);
    background-repeat: no-repeat;
    position: relative;

}

/* ------------------------------------ */
/* CONTENT_LEFT */
/* ------------------------------------ */

.stats-body {
    background-color: #0d1817;
    margin: -8px 10px 0;
    border: #ad8255 solid 3px;
    max-width: 315px;
    padding: 3px;
}

.stats-body .inner {
    /*padding: 7px;*/
    border: #392525 solid 1px;
}

.stats-body .title {
    background: rgb(3,10,10);
    border-top: #6f3733 solid 1px;
    border-bottom: #351919 solid 1px;
    font-size: 14px;
    text-align: center;
    color: #b58b6a;
    padding: 6px;

}

.stats-body .content {
    /*padding: 6px;*/
}




.server-stats .item {
    padding: 15px;
    border-bottom: #392525 solid 1px;
}

.server-stats .item .type {
    font-size: 14px;
    color: #b58b6a;
}

.server-stats .item .value {
    float: right;
    font-size: 14px;
    color: #ad8255;
    margin-top: 2px;
}

.server-stats .item .value.online {
    color: #47a56c !important;
}

.server-stats .item .value.offline {
    color: #a54747 !important;
}

.server-stats .item .value.full {
    color: #d48827 !important;
}

/* ------------------------------------ */
/* CONTENT_CENTER */
/* ------------------------------------ */

#custom-content-center {
    padding: 0 16px;
    top: -100px;
}

.user-panel {
    background-image: url(../img/login_panel_bg-min.png);
    background-repeat: no-repeat;
    position: relative;
    width: 642px;
    height: 386px;
}

.user-panel .content {
    padding-top: 180px;
    text-align: center;
}

.user-panel .content .info-bar {
    width: 320px;
    height: 45px;

    display: block;
    margin-left: auto;
    margin-right: auto;

    padding: 6px;
    margin-bottom: 15px;
}

.user-panel .content .info-bar p {
    color: #a75b52;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: unset;
}

.user-panel .content .info-bar p span.highlight {
    color: #dcbe81 !important;
}

.main-content {

}

.main-content .header {
    background-image: url(../img/center_header.png);
    background-repeat: no-repeat;
    position: relative;

    width: 639px;
    height: 85px;
}

.main-content .header h1 {
    font-family: 'Trajan-Pro-Regular', serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #dcc096;
    padding-top: 50px;
}

.main-content .body {
    background-color: #0d1817;
    border: #ad8255 solid 3px;
    width: 619px;
    min-height: 700px;

    margin-left: 10px;
    margin-top: -3px;

    padding: 15px;
}

.main-content .body h2 {
    font-family: 'Nunito-Regular', serif;
    font-weight: bold;
    font-size: 19px;
    color: #eec995;
    margin-top: 15px;
    margin-bottom: unset;
}

.main-content .body .desc {
    font-size: 14px;
    color: #804c49;
}

.main-content .body .news {

}

.main-content .body .news .title {
    background: rgb(17,33,31);

    padding: 4px 15px;

    display: flex;
    justify-content: space-between;
    position: relative;
}

.main-content .body .news .title h2 {
    font-size: 14px;
    color: #b58b6a;
    font-family: 'Nunito-Regular', 'serif';

    margin-top: 8px;
}

.main-content .body .news .title .date {
    padding-top: 7px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Nunito-Regular', 'serif';
}

.main-content .body .news .text {
    margin-top: 10px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Nunito-Regular', 'serif';
}

.main-content .body .news .text img {
    margin-right: 10px;
    float: left;
}

/* ------------------------------------ */
/* CONTENT_RIGHT */
/* ------------------------------------ */

.ranking-table tr.header {
    background: rgb(3,10,10);
}

.ranking-table th {
    color: #b58b6a !important;
}

.ranking-table td, .table th {
    border: 0;
    font-family: 'OpenSans-Regular', serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #b58b6a;
    padding: 8px 15px;
}

.ranking-table tr {
    border-bottom: 1px solid #392525;
}

.ranking-table .player {
    color: #ad8255;
}

.ranking tr.marked {
    -webkit-animation: flash 2s infinite;
    animation: flash 2s infinite;
}

/* ------------------------------------ */
/* FOOTER */
/* ------------------------------------ */

footer {
    background-image: url('../img/footer_bg-min.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;

    /*width: 100%;*/
    height: 1274px;

    margin-top: -800px;
}

footer .main {
    background: #0d1817;
    border-top: 1px solid #b68252;
    height: 210px;
    width: 100%;
    bottom: calc(-100% + 180px);
    position: relative;
}

footer .logo {
    position: absolute;
    /*bottom: -100%;*/
    bottom: 200px;
}

footer .links li {
    padding: 12px 55px;
    list-style: none;
    margin-top: 26px;
}

footer .links li a {
    font-family: 'Trajan-Pro-Regular', 'serif';
    font-size: 16px;
    text-transform: uppercase;
    color: #efd08d;
}

footer .copyright {
    margin-top: 60px;
}

footer .copyright p {
    margin-bottom: unset;
    font-family: 'Nunito-Regular', 'serif';
    font-size: 14px;
    color: #ffffff;
}

footer .copyright a {
    color: #efd08d;
}

/* RANKING */
.ranking {
    font-family: 'OpenSans-Regular', serif;
    font-size: 13px;
    color: #656565;
    border: 1px solid #1f1e1e;

    width: 100%;
}

.ranking .ranking-header {
}

.ranking th {
    color: #ffdfa0 !important;
}

.ranking td, .ranking th {
    padding: 10px;
    border-top: 1px solid #5f2825;
    border-bottom: 1px solid #5f2825;
    color: #ad8255;
}

.ranking tr:nth-child(odd) {
}

.ranking tr:nth-child(even) {
}

.ranking a {
    color: #ffdfa0;
    text-decoration: none;
}

.ranking a:hover {
    color: #f1e7cf;
}

.ranking-paginator {
    display: inline-block;
}

.ranking-paginator a {
    font-family: 'OpenSans-Regular', serif;
    font-size: 14px;
    color: #ffd9c7;
    padding: 8px;
    text-decoration: none;
}

.ranking-paginator a:hover {
    color: #f6e2d9;
}

.ranking-paginator a.active {
    color: #f3e4c1;
    background-color: #101f1f;
    border-radius: 50px;
}

/* ------------------------------------ */
/* MISC */
/* ------------------------------------ */

/* SweetAlert - Hidori2 Theme */
.swal2-modal {
    background-color: #0b1610 !important;
    border: 2px solid #ad8255 !important;
}

#swal2-title {
    color: #eec995 !important;
}

#swal2-content {
    color: #804c49 !important;
}

.swal2-footer {
    border-top: 1px solid #2c1919 !important;
}

.swal2-footer a {
    color: #ffdfa0 !important;
}

.swal2-footer a:hover {
    color: #ffe5bc !important;
}

.swal2-styled.swal2-confirm {
    background-color: #cd7848 !important;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffdfa0 !important;
}

.swal2-styled.swal2-cancel {
    background-color: #5e2726 !important;
    font-family: 'OpenSans-ExtraBold', serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff !important;
}

.swal2-loader {
    border-color: #A45F5F transparent #A45F5F transparent !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background-color: #cd7848 !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background-color: #f39a6b !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background-color: #f39a6b !important;
}

.swal2-progress-steps .swal2-progress-step {
    background-color: #cd7848 !important;
}

.swal2-progress-steps .swal2-progress-step-line {
    background-color: #e78652 !important;
}

/* text colors */
.color-empire-1 {
    color: #ee5862;
}

.color-empire-2 {
    color: #ffa57b;
}

.color-empire-3 {
    color: #58abeb;
}

/* animations */
@-webkit-keyframes flash {
    0% {background: rgb(71, 68, 68);}
    50% {background: rgba(255, 0, 0, 0);}
    100% {background: rgba(253, 128, 109, 0.2);}
}

@keyframes flash {
    0% {background: rgba(253, 128, 109, 0.2);}
    50% {background: rgba(255, 0, 0, 0);}
    100% {background: rgba(253, 128, 109, 0.2);}
}


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