@font-face {
    font-family: 'Friz Quadrata Std Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Friz Quadrata Std Italic'), url('../fonts/friz-quadrata-std-italic-587033b2c95df.woff') format('woff');
}


@font-face {
    font-family: 'Friz Quadrata Std Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Friz Quadrata Std Medium'), url('../fonts/friz-quadrata-std-medium-5870338ec7ef8.woff') format('woff');
}


@font-face {
    font-family: 'Friz Quadrata Std Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Friz Quadrata Std Bold'), url('../fonts/friz-quadrata-std-bold-587034a220f9f.woff') format('woff');
}


@font-face {
    font-family: 'Friz Quadrata Std Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Friz Quadrata Std Bold Italic'), url('../fonts/friz-quadrata-std-bold-italic-587033d6d4298.woff') format('woff');
}

body{
    background-color: #14120d;
    background: url("../images/body-bg.png") no-repeat center center;
    background-size: cover;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

a {
    text-decoration: none;
    color: #ffd1c9;
    cursor: pointer
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;

}

a:hover, a:focus, .nav-item a:hover{
    color: #f2aa8a;
}

.nav-top-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
}

 th,  td {
    border-bottom: none;
}

 th{
    color:#836b66;
}

 td{
    color:#f2aa8a;
}

 tr:nth-child(even) {
    background-color: rgba(15, 14, 10, 0.5);
}

 tr:nth-child(odd) {
    background-color: rgba(20, 18, 13, 0.5);
}

 thead tr:nth-child(1) {
    background-color: rgba(24, 21, 16, 0.5);
}


 tr:hover td,  tr:hover th{
    color:#ffc28b!important;
}


/* padding to cells 5px top and bottom */
 td,  th{
    padding-top: 9px;
    padding-bottom: 9px;
}

.empire-1{
    color: #d84b4b;
}

.empire-2{
    color: #ffc28b;
}

.empire-3{
    color: #5d99f2;
}

.text-brown{
    color: #ffc28b;
}

.ranking-section{
    background: url("../images/ranking-bg.png") no-repeat center center;
    background-size: cover;
}

.ranking-title{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.title-image{
    margin-top: -20px;
}

.footer-section{
    background: url("../images/footer-bg.png") no-repeat center center;
    background-size: cover;
}

.large-number{
    color: #e8c18f;
    font-size: 2rem;
    font-weight: 600;
}

.small-text{
    text-transform: uppercase;
    margin-top: -10px;
}

.text-green{
    color: #9dff55;
}

.news-section{
    background: #1a1411;
    color: #fff;
}

.article-date{
    color: #b2b2b2;
}

.dotted-border{
    border-bottom: 8px dotted #28211e;
}

.wp-pagenavi{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wp-pagenavi .current{
    color: #ffc28b;
}

h1, h2, h3, h4, h5, h6, .article-category, .small-text, .large-number{
    font-family: "Friz Quadrata Std Medium", serif;
}

.bg-dark{
    background-color: #14120d!important;
}

.nav-item{
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.nav-item a{
    color: #fff;
    font-weight: 600;
}


.center-nav .nav-item{
    display: flex;
    align-content: center;
    align-items: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}


.btn-image, .btn-primary{
    border: none;
    background: #b6987e;
    color: #000!important;
    border-bottom: 3px solid #7d0f0f;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
}

.btn-image:hover, .btn-primary:hover {
    border: none;
    filter: brightness(1.2);
    background: #b6987e;
    color: #000!important;
    border-bottom: 3px solid #7d0f0f;
}

.nav-tabs .nav-item{
    padding: 0;
}

.main-section:not(.news){
    background: #1a1411;
    padding: 2rem;
}

.btn-active{
    filter: brightness(1.2);
}

.page-hd{
    margin-bottom: 2rem;
}

.form-control{
    border-radius: 0;
}

.panel-group{
    flex-direction: row;
}


.btn{
    border-radius: 0;
}

.download-section .small-text{
    color: #e8c18f;
}

.download-section .stat-number{
    font-size: 3.5rem;
}

.fade-border-right{
    border-width: 0 3px 0 0;
    border-style: solid;
    border-image: linear-gradient( to bottom, #4a301f, rgba(0, 0, 0, 0) ) 1 100%;
}

.fade-border-bottom{
    border: 10px solid;
    border-image-source: none;
    border-image-slice: 1;
    border-width: 0 0 3px 0;
    border-image-source: linear-gradient(90deg, rgba(74,48,31,0.15) 0%, rgb(74, 48, 31) 50%, rgba(74,48,31,0.15) 100%);
}

.download{
    background: url("../images/download-title-bg.png") bottom center no-repeat;

}

.rotate-180{
    transform: rotate(180deg);
}

.title-image-rotated{
    margin-bottom: -20px;
}

.download-section{
    margin-top: -300px;
}

.dropdown-menu{
    background: #250806;
    border: 1px solid #592622;
    border-radius: 0px;
}

.nav-item .dropdown-item:hover, .nav-item .dropdown-item:focus, .nav-item .dropdown-item:active{
    background-color: #180504;
}

.download-section{
    background: url("../images/download-bg.png") center center no-repeat;
    background-size: cover;
}

@media (max-width: 833px) {
    .download-section{
        margin-top: 0px;
    }
}


.download-section .large-number{
    font-size: 1.6rem;
}

.download-section .small-text{
    font-size: .8rem;
}

.article *{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.discord-widget {
    width:320px;
    transition-property:right;
    transition-duration:2s;
    -webkit-transition-property:right;
    -webkit-transition-duration:1s;
    position:fixed;
    bottom:20px;
    right:-340px;
    z-index:10;
    opacity: .6;
}
.discord-widget.active {
    right:20px;
    opacity: 1;
}

.title {
    position:relative;
    font-size:14px;
    border-left:1px solid #671914;
    display:flex;
    align-items:center;
    background: url("../images/title-bg.png") no-repeat;
    background-size: cover;
    padding: 0;
}
.title:after {
    background:linear-gradient(90deg,#671914 0,rgba(18,44,37,0) 100%);
    display:block;
    left:0;
    height:1px;
    width:100%;
    position:absolute;
    bottom:0
}
.title .icon {
    width:63px;
    height:65px;
    background: url("../images/icon-bg.png") no-repeat;
    border-right:1px solid #671914;
    padding:10px;
    text-align:center;
    font-size:30px;
    line-height: 40px;
}
.title .title-text {
    font-size:18px;
    padding-left:15px;
    margin-bottom:0;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color:#ffb7a6;
}
.title .title-right {
    font-size:12px;
    color:#dfd1af;
    margin-left:auto
}
.title .title-right a {
    color:#d4e9fe
}

.articles{
    background: url("../images/news-bg.png") no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.blog-title{
    padding: 5px 15px;
    background: rgb(55,12,6);
    background: linear-gradient(90deg, rgba(55,12,6,1) 0%, rgba(40,12,9,1) 100%);
}

.blog-title span{
    color: #ffb7a6;
    font-family: "Open Sans", sans-serif;
}

.btn-large{
    background: url("../images/large-btn-bg.png");
    width: 100%;
    height: 33.33%;
    background-size: cover;
    position: relative;
}

.top-buttons-row{
    background: url("../images/top-buttons-bg.png") no-repeat;
    background-size: cover;
    border: 1px solid #692e2a;
}

.top-sidebar{
    background: url("../images/top-sidebar-bg.png");
    background-size: cover;
    padding: 15px 10px;
    color: #fff;
    background-color: #0d161d;
}

.top-sidebar h4{
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
}

.login-btn{
    background: url("../images/login-btn-bg.png");
    background-size: cover;
    width: 98px;
    height: 36px;
    border: none;
    color: #fff;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    transition: filter 0.5s;
}

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

.widget-container {
    background: #190303;
}

.stat-table{
    margin-bottom: 0;
}

.stat-table td:nth-child(1){
    border-right: 1px solid #96513d;
    padding: 15px 10px;
    text-align: center;
}

.stat-table th{
    padding: 15px 10px;
    color: #f2aa8a;
}

.stat-table tr{
    background: url("../images/stat-row.png");
    background-size: cover;
}

.ranking-table, table{
    background: url("../images/ranking-bg.png");
    background-size: cover;
}


/* odd rows have no background */
.ranking-table tr:nth-child(odd), table tr:nth-child(odd), .list-group-item:nth-child(odd){
    background: none;
}

.ranking-table tr:nth-child(even), table tr:nth-child(even), .list-group-item:nth-child(even){
    background: #210404;
}

.ranking-table td, .ranking-table th, table td, table th{
    padding-top: 7px;
    padding-bottom: 7px;
}

.ranking-table th, table th, .list-group-item{
    color: #ffdfc9;
}

.ranking-table td, table td, .list-group-item:hover{
    color: #ffc4aa;
}

.list-group-item.active{
    background: #3e0a0a;
    border: none;
}

table thead tr{
    background: #210404!important;
}

.input-group-text, .input-group .form-control, .form-control{
    background: #140705;
    border: none;
    border-radius: 0;
    color: #cb8c77;
    border-bottom: 1px solid #6c4837;
    padding: 10px;
}

/* focus */

.input-group-text:focus, .input-group .form-control:focus, .form-control:focus{
    background: #180906;
    border: none;
    border-radius: 0;
    color: #cb8c77;
    border-bottom: 1px solid #6c4837;
    box-shadow: none;
}

.input-group-text i{
    color: #cb8c77;
}

/* placeholder color */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffccb6!important;
    font-size: 12px;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #ffccb6!important;
    font-size: 12px;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #ffccb6!important;
    font-size: 12px;
}

.input-group-text::after {
    content: '';
    height: 60%;
    width: 1px;
    background: linear-gradient(to right, #261716 50%, #050201 50%);
    background-size: 1px 2px;
    display: block;
    margin: auto 0;
    margin-left: 10px;
}

.header{
    position: absolute;
    z-index: 0;
    width: 100%;
    top: 0;
}

.navbar{
    position: absolute;
    justify-content: center !important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.navbar.bg-dark{
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.lang-btn{
    background: url("../images/lang-btn-bg.png") no-repeat;
    background-size: cover;
}

.lang-btn .flag-key{
    padding: 7px;
    background-color:#250806;
    margin-right: 5px;
}

.blog-post p{
    color: #f3bbae;
}

.top-buttons-row p{
    color: #ddaf9d;
    font-family: "Myriad Pro", sans-serif;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.top-buttons-row .col-6:hover{
    filter: brightness(1.2);
    cursor: pointer;
}

.vote-col::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 50%; /* Adjust the height as needed */
    width: 1px;
    background-color: #4c201f;
}
.top-buttons-row {
    position: relative;
}

.vote-col {
    position: relative;
}

.footer-section{
    font-family: "Myriad Pro", sans-serif;
}

.footer-links-row a{
    color: #dfd8cf;
}

.footer-links-row .highlight-col a{
    color: #f6c5bb;
}

.footer-section .footer-col{
    position: relative;
}

.footer-section .footer-col::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    width: 1px;
    background-color: #30211c;
}

.footer-section .footer-col::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    width: 1px;
    background-color: #30211c;
}

.btn-large:hover{
    filter: brightness(1.2);
    cursor: pointer;
}

.btn-large:hover *{
    color: #f2aa8a;
}

.btn-large p{
    margin: 0;
}

/* under 772px hide image from .btn-large and make the height auto */
@media (max-width: 772px) {
    .btn-large{
        height: auto;
        padding: 10px 0;
    }

    .btn-large img{
        display: none;
    }
}

.main-container{
    transform: translateY(-200px);
}

.main-col{
    background: url("../images/news-bg.png") no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
/*    background-size: 100%;
    background-color: #210706;*/
}

.title{
    margin-bottom: 3rem;
}

.nav-tabs{
    border-color: #631b16;
}

.input-group-btn button{
    height: 100%;
}

.h-100{
    height: 100%;
}

.server-select-row a:hover{
    filter: brightness(1.2);
}

.btn-large p{
    font-size: .8rem;
    color: #fff!important;
}

.btn-large *{
    color: #fff!important;
}

/* add a slow transition to the image */
.btn-large img{
    transition: transform 0.5s;
}


.btn-large:hover img{
    transform: translateY(-7px) scale(1.05) translateX(7px);

}

@media (max-width: 992px) {
    #discordwidget{
        display: none;
    }
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert .alert-link {
	font-weight: 700
}

.alert>p,
.alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success .alert-link {
	color: #2b542c
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.alert-info hr {
	border-top-color: #a6e1ec
}

.alert-info .alert-link {
	color: #245269
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.alert-warning hr {
	border-top-color: #f7e1b5
}

.alert-warning .alert-link {
	color: #66512c
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.alert-danger hr {
	border-top-color: #e4b9c0
}

.alert-danger .alert-link {
	color: #843534
}

.alert {
    padding: 15px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}
.alert-heading {
    color: inherit
}
.alert-link {
    font-weight: 700
}
.alert-dismissible {
    padding-right: 35px
}
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}
.alert-success hr {
    border-top-color: #c1e2b3
}
.alert-success .alert-link {
    color: #2b542c
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}
.alert-info hr {
    border-top-color: #a6d5ec
}
.alert-info .alert-link {
    color: #245269
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}
.alert-warning hr {
    border-top-color: #f7ecb5
}
.alert-warning .alert-link {
    color: #66512c
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}
.alert-danger hr {
    border-top-color: #e4b9b9
}
.alert-danger .alert-link {
    color: #843534
}