/*
Copyright (c) 2020-2026 Ethorbit
All rights reserved.
*/

.row .col, .colm
{
    margin-bottom: 2px;
    max-height: 500px;
    width: 400px;
    background-color: #640c0c;
    border: solid rgb(49, 0, 0) 5px;
    border-radius: 10px;
    padding-top: 15px !important;
    overflow: hidden;
}

#Rules, #Info
{
    height: 390px;
}

#Announcements, #Changes, .players, .map
{
    height: 500px;
}

.ruleLine
{
    font-size: 15px !important;
    margin-top: 15px;
}

.subRuleLine
{
    margin-top: 4px;
    font-size: 13px;
    padding: 1px !important;
}

.minimalbg ol
{
    padding-top: 10px;
}

.discBtn:hover
{
    background-color: rgb(112, 112, 255) !important;
    color: white;
}

.forumBtn:hover
{
    background-color: rgb(255, 0, 0) !important;
    color: white;
}

.discBtn
{
    background-color: rgb(70, 70, 168) !important;
}

.discBtn,
.forumBtn
{
    width: 150px !important;
    height: 40px !important;
    border-radius: 15px !important;
    border-width: 3px;
    border-color: black;
    color: white;
    font-size: 22px !important;
    text-decoration: none !important;
    padding: 0;
}

.forumBtn
{
    background-color: rgb(104, 64, 64) !important;
}

table th, thead
{
    font-weight: normal !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

th
{

    white-space: nowrap;
}

table td
{
    border-top: 0px !important;
}

table
{
    width: 100%;
}

.mapContainer
{
    margin: auto;
    width: 256px;
    height: 256px;
    border: black solid 1px;
    border-radius: 7px;
    color: rgba(255, 255, 255, 0.3);
}

.redUnderline
{
    border-bottom: rgb(163, 0, 0) solid 3px;
    margin-right: 30px;
}

.playerPanel, .mappanel, #AnnouncementsPanel, #ChangesPanel
{
    overflow-y: auto;
    max-height: calc(100% - 70px);  /* Replace 'max-height: 87%' with this */
}

#AnnouncementsCenterer, #ChangesCenterer
{
    max-width: 85%;
}

.serverconnectbtn
{
    background-color: transparent;
    border-color: transparent;
}

.imgText, .imgText p
{
    border-top: rgba(255, 255, 255, 0.3) solid 2px;
    border-bottom: rgba(255, 255, 255, 0.3) solid 2px;
    font-size: 35px;
    color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 991px)
{
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .row .col, .colm
    {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    #Info
    {
        order: -100;
    }

    #Title h1 {
        font-size: 5.5vw !important;
    }

    #AnnouncementsCenterer, #ChangesCenterer
    {
        max-width: 100%;
    }
}

@media (max-width: 400px)
{
    #Info, #Rules
    {
        height: 500px;
    }
    
    #Changes
    {
        display: none;
    }
}