/* Base CSS */
:root {
    --base-color: 255,255,255;
    --primary-color: 204,103,15;
    --primary-color-readable: 255,255,255;
    --secondary-color: 87,83,83;
    --secondary-color-readable: 255,255,255;
    --text-font: Montserrat;
    --text-font-weight: 300;
    --title-font: Montserrat;
    --title-font-weight: 700;
    --logo-color: 255,247,247;
    --logo-color-alpha: 1;
    --logo-image: url('https://s3.amazonaws.com/guildtag/file/63/888-d483a0.png');
    --logo-image-display: inherit;
    --logo-font: Pirata One;
    --logo-font-weight: 400;
    --logo-size: 2;
    --logo-padding: 4;
    --logo-type-display: inherit;
    --topbar-link-color: 255,255,255;
    --topbar-link-color-alpha: 0.8;
    --topbar-background-color: 0,0,0;
    --topbar-background-color-alpha: 0.36;
    --navbar-link-color: 255,255,255;
    --navbar-link-color-alpha: 1;
    --navbar-link-hover-color: 255,156,0;
    --navbar-link-hover-color-alpha: 0.98;
    --navbar-background-color: 0,0,0;
    --navbar-background-color-alpha: 0;
    --navbar-margin: 0;
    --sidebar-background-color: 38,33,33;
    --sidebar-background-color-alpha: .111;
    --background-color: 38,33,33;
    --background-color-alpha: .111;
    --background-image: url('/images/backgrounds/fantasy-1.jpg');
    --background-size: cover;
    --background-attachment: fixed;
    --background-overlay-color: 4,10,7;
    --background-overlay-color-alpha: 0.86;
    --borderkit-original-image: none;
    --borderkit-repeats-image: none;
    --borderkit-opacity: 0.9;
    --borderkit-buttons-display: inherit;
    --borderkit-borders-display: inherit;
    --borderkit-ornament-top-display: inherit;
    --borderkit-ornament-bottom-display: inherit;
    --borderkit-margin: 0;
    --card-background-color: 255,255,255;
    --card-background-color-alpha: 0;
    --card-background-overlay-color: 255,255,255;
    --card-background-overlay-color-alpha: 0;
    --card-background-image: url('/images/cards/grunge-one/v/grunge-one-15.jpg');
    --card-background-image-alpha: 0.48;
    --modal-color-readable: 255,255,255;
    --modal-background-color: 38,33,33;
    --modal-background-color-alpha: .111;
}

/* Row CSS */
#section-187857 { padding: 5rem 0; background-image: none; background-attachment: fixed; box-shadow: none;} #section-187857::before { background-color: rgba(0,0,0,.2); }#section-187858 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187858::before { background-color: ; }#section-187859 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187859::before { background-color: ; }#section-187860 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187860::before { background-color: ; }#section-187861 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187861::before { background-color: ; }#section-187862 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187862::before { background-color: ; }#section-187863 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187863::before { background-color: ; }#section-187864 { padding: 0rem 0; background-image: url(/images/backgrounds/fantasy-8.jpg); background-attachment: fixed; box-shadow: none;} #section-187864::before { background-color: rgba(0,0,0,.2); }#section-187865 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187865::before { background-color: ; }#section-187866 { padding: 0rem 0; background-image: url(/images/backgrounds/fantasy-8.jpg); background-attachment: fixed; box-shadow: none;} #section-187866::before { background-color: rgba(0,0,0,.2); }#section-187867 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187867::before { background-color: ; }#section-187868 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187868::before { background-color: ; }#section-187869 { padding: 3rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187869::before { background-color: transparent; }#section-187870 { padding: 3rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187870::before { background-color: transparent; }#section-187871 { padding: 3rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187871::before { background-color: transparent; }#section-187872 { padding: rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-187872::before { background-color: ; }#section-314497 { padding: 0rem 0; background-image: none; background-attachment: scroll; box-shadow: none;} #section-314497::before { background-color: ; }
/* Widget CSS */

/* Widget 259671 CSS */

    .widget-forum-container {
        background-color: rgba(0,0,0,.6);
        margin-bottom: .25rem;
        min-height: 40px;
        font-size: 1rem;
        padding: .5rem;
    }

    .widget-forum-title {
        line-height: 1rem;
        padding-bottom: .5rem;
    }

    .widget-forum-stats {
        text-align: right;
        font-size: .75rem;
    }

        .widget-forum-stats span {
            padding-right: .5rem;
        }

            .widget-forum-stats span i {
                padding-right: .25rem;
            }

/* Widget 259672 CSS */


/* Widget 259667 CSS */


/* Widget 259604 CSS */


/* Widget 259603 CSS */


/* Widget 259598 CSS */


/* Widget 259595 CSS */


/* Widget 259590 CSS */


/* Widget 259612 CSS */


/* Widget 259613 CSS */


/* Widget 259618 CSS */


/* Widget 259621 CSS */


/* Widget 259651 CSS */


/* Widget 259656 CSS */


/* Widget 259657 CSS */


/* Widget 259675 CSS */


/* Widget 259680 CSS */


/* Widget 259681 CSS */


/* Widget 259643 CSS */


/* Widget 259648 CSS */


/* Widget 259636 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259635 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259610 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259588 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259627 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259665 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259641 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259687 CSS */

    .widget-news-item hr {
        border-color: #PrimaryButtonBackgroundColor#;
    }

    .widget-news {
        border-bottom: 1px solid rgba(0,0,0,.25);
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .widget-news-title h2 {
        font-size: 1.25rem;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .widget-news-byline {
        margin-bottom: 1rem;
    }

        .widget-news-byline svg {
            margin-left: .5rem;
            margin-right: .25rem;
        }

    .widget-news-body {
        
    }

    .widget-news-readmore {
        margin-top: 1rem;
        text-align: right;
    }

/* Widget 259607 CSS */

    .card-blogpost img {
        object-fit: contain;
    }

/* Widget 259683 CSS */

    .card-blogpost img {
        object-fit: contain;
    }

/* Widget 259684 CSS */

    .card-blogpost img {
        object-fit: contain;
    }

/* Widget 259674 CSS */

    .roster-container {
        font-size: .875rem;
    }

        .roster-container .table th {
            cursor: pointer;
        }

        .roster-container .table th, .table td {
            border-top: 1px solid rgba(255,255,255,.1);
        }

        .roster-container .table thead th {
            vertical-align: bottom;
            border-bottom: 1px solid rgba(255,255,255,.1);
        }


        .roster-container td {
            padding: .25rem;
        }

/* Widget 259682 CSS */

    .user-online-container {
        margin-right: .75rem;
        text-align: center;
        float: left;
        overflow: hidden;
    }

        .user-online-container img {
            height: 48px;
            width: 48px;
        }

    .user-online-username {
        font-size: .625rem;
    }

/* Widget 259658 CSS */

    .user-online-container {
        margin-right: .75rem;
        text-align: center;
        float: left;
        overflow: hidden;
    }

        .user-online-container img {
            height: 48px;
            width: 48px;
        }

    .user-online-username {
        font-size: .625rem;
    }

/* Widget 259666 CSS */

    .widget-stats i {
        padding-right: .5rem;
    }

    .widget-stats-name {
        font-size: 1.5rem;
    }

    .widget-stats-guild {
        background-color: rgba(0,0,0,.05);
        margin-top: 1rem;
        padding: .5rem;
    }

/* Widget 259664 CSS */


/* Widget 259637 CSS */

    .twitch-user-container {
        position: relative;
        color: #fff;
        border: 1px solid rgba(255,255,255,.5);
        margin-bottom: 1rem;
    }

    .twitch-user-container img
    {
       
    }

        .twitch-user-container::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .twitch-user-container.twitch-user-offline::before {
            background-color: rgba(0,0,0,.75);
        }
        .twitch-user-container.twitch-user-online::before {
            background-color: rgba(0,0,0,.25);
        }

    .twitch-user-name {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 600;
        padding: .5rem;
        text-shadow: 0 0 15px rgba(0,0,0,.75), 0 0 5px #000;
    }

    .twitch-user-viewing {
        position: absolute;
        top: 0;
        right: 0;
        font-weight: 600;
        padding: .5rem;
        text-shadow: 0 0 15px rgba(0,0,0,.75), 0 0 5px #000;
    }

    .twitch-user-views {
        position: absolute;
        bottom: 0;
        right: 0;
        font-weight: 600;
        padding: .5rem;
        text-shadow: 0 0 15px rgba(0,0,0,.75), 0 0 5px #000;
    }

    .twitch-user-game {
        position: absolute;
        bottom: 0;
        left: 0;
        font-weight: 600;
        padding: .5rem;
        text-shadow: 0 0 15px rgba(0,0,0,.75), 0 0 5px #000;
    }

/* Widget 259685 CSS */


    .wiki-page-header {
        margin-bottom: .5rem;
        border-bottom: 1px solid rgba(255,255,255,.25);
    }

        .wiki-page-header h1 {
            font-size: 2rem;
        }

    .wiki-page-breadcrumb .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin: 0;
        margin-bottom: 2rem;
    }

/* Widget 259686 CSS */


    .calendar-title {
        text-align: center;
    }

        .calendar-title a {
            font-size: 1rem;
            padding: .5rem 1rem;
        }

    .calendar-header {
        display: flex;
        flex: 1 1 0%;
    }

        .calendar-header div {
            flex: 1 1 0%;
            text-align: center;
        }

    .calendar-month-container {
        border-top: 1px solid rgba(111,111,111,.1);
        border-left: 1px solid rgba(111,111,111,.1);
    }

    .calendar-month-box {
        position: relative;
        background-color: rgba(0,0,0,.1);
        padding: .25rem;
        min-height: 100px;
        border-right: 1px solid rgba(111,111,111,.05);
        border-bottom: 1px solid rgba(111,111,111,.05);
    }

        .calendar-month-box.today {
            color: rgba(var(--primary-color), 1);
        }

            .calendar-month-box.today .calendar-month-date {
                font-weight: 600;
            }

    .calendar-month-date {
        text-align: center;
    }

    .calendar-weekend {
        background-color: rgba(111,111,111,.1);
    }

    .calendar-event {
        font-size: .75rem;
        margin-bottom: .5rem;
    }

    .calendar-event-time {
        font-size: .675rem;
        font-weight: 300;
    }

    .calendar-event-register-count {
        float: right;
        font-size: .75rem;
        margin: .25rem;
    }

        .calendar-event-register-count svg {
            margin-right: .25rem;
        }


    .eventlist-title {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .eventlist-countdown {
        background-color: rgba(111,111,111,.05);
        font-weight: 700;
        font-size: 2rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        text-shadow: 0 0 10px rgba(111,111,111,.2);
    }

    .eventlist-details {
        margin-top: 1rem;
        padding-top: 1rem;
        font-size: .875rem;
        border-top: 1px solid rgba(111,111,111,.2);
    }

    .eventlist-register {
        margin-top: 1rem;
        padding-top: 1rem;
        font-size: .875rem;
        border-top: 1px solid rgba(111,111,111,.2);
    }

    .eventlist-image {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: .2;
    }

    .event-modal .card-footer {
        background-color: rgba(0,0,0,.4);
    }

    .eventdetail-registration {
        background-color: rgba(0,0,0,.4);
    }

/* Widget 259673 CSS */


    .calendar-title {
        text-align: center;
    }

        .calendar-title a {
            font-size: 1rem;
            padding: .5rem 1rem;
        }

    .calendar-header {
        display: flex;
        flex: 1 1 0%;
    }

        .calendar-header div {
            flex: 1 1 0%;
            text-align: center;
        }

    .calendar-month-container {
        border-top: 1px solid rgba(111,111,111,.1);
        border-left: 1px solid rgba(111,111,111,.1);
    }

    .calendar-month-box {
        position: relative;
        background-color: rgba(0,0,0,.1);
        padding: .25rem;
        min-height: 100px;
        border-right: 1px solid rgba(111,111,111,.05);
        border-bottom: 1px solid rgba(111,111,111,.05);
    }

        .calendar-month-box.today {
            color: rgba(var(--primary-color), 1);
        }

            .calendar-month-box.today .calendar-month-date {
                font-weight: 600;
            }

    .calendar-month-date {
        text-align: center;
    }

    .calendar-weekend {
        background-color: rgba(111,111,111,.1);
    }

    .calendar-event {
        font-size: .75rem;
        margin-bottom: .5rem;
    }

    .calendar-event-time {
        font-size: .675rem;
        font-weight: 300;
    }

    .calendar-event-register-count {
        float: right;
        font-size: .75rem;
        margin: .25rem;
    }

        .calendar-event-register-count svg {
            margin-right: .25rem;
        }


    .eventlist-title {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .eventlist-countdown {
        background-color: rgba(111,111,111,.05);
        font-weight: 700;
        font-size: 2rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-align: center;
        text-shadow: 0 0 10px rgba(111,111,111,.2);
    }

    .eventlist-details {
        margin-top: 1rem;
        padding-top: 1rem;
        font-size: .875rem;
        border-top: 1px solid rgba(111,111,111,.2);
    }

    .eventlist-register {
        margin-top: 1rem;
        padding-top: 1rem;
        font-size: .875rem;
        border-top: 1px solid rgba(111,111,111,.2);
    }

    .eventlist-image {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: .2;
    }

    .event-modal .card-footer {
        background-color: rgba(0,0,0,.4);
    }

    .eventdetail-registration {
        background-color: rgba(0,0,0,.4);
    }

/* Widget 438178 CSS */


/* Widget 259668 CSS */


/* Widget 259669 CSS */


/* Widget 259670 CSS */


/* Widget 259676 CSS */


/* Widget 259677 CSS */


/* Widget 259679 CSS */


/* Widget 259678 CSS */


/* Theme Global CSS */
