@charset "UTF-8";.notices {
    list-style: none;
    margin: 0;
    padding: 0
}

.notices.notices--block .notice {
    margin-bottom: 10px
}

.notices.notices--floating {
    margin: 0 20px 0 auto;
    width: 300px;
    max-width: 100%;
    z-index: 800
}

@media(max-width: 340px) {
    .notices.notices--floating {
        margin-right:10px
    }
}

.notices.notices--floating .notice {
    margin-bottom: 20px
}

.notices.notices--scrolling {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-top-color: #222;
    border-right-color: #222;
    border-bottom-color: #2f2f2f;
    border-left-color: #222;
    box-shadow: 2px 2px 2px rgba(0,0,0,.04);
    margin-bottom: 10px
}

.notices.notices--scrolling.notices--isMulti {
    margin-bottom: 30px
}

.notices.notices--scrolling .notice {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    border: none
}

.noticeScrollContainer {
    margin-bottom: 10px
}

.noticeScrollContainer .lSSlideWrapper {
    border-width: 1px;
    border-style: solid;
    border-top-color: #222;
    border-right-color: #222;
    border-bottom-color: #2f2f2f;
    border-left-color: #222;
    box-shadow: 2px 2px 2px rgba(0,0,0,.04)
}

.noticeScrollContainer .notices.notices--scrolling {
    border: none;
    margin-bottom: 0
}

.notice {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-top-color: #222;
    border-right-color: #222;
    border-bottom-color: #2f2f2f;
    border-left-color: #222;
    box-shadow: 2px 2px 2px rgba(0,0,0,.04)
}

.notice:before,.notice:after {
    content: " ";
    display: table
}

.notice:after {
    clear: both
}

.notice.notice--primary {
    color: #ffc;
    background: #000
}

.notice.notice--accent {
    color: #fff;
    background: #333
}

.notice.notice--accent a:not(.button--notice) {
    color: #fff;
    text-decoration: underline
}

.notice.notice--dark {
    color: #fefefe;
    border: none;
    background: #141414
}

.notice.notice--dark a:not(.button--notice) {
    color: #b4b4b4
}

.notice.notice--light {
    color: #141414;
    background: #fefefe
}

.notice.notice--light a:not(.button--notice) {
    color: #828282
}

.notice.notice--enablePush {
    display: none
}

@media(max-width: 900px) {
    .notice.notice--enablePush {
        padding:3px 3px 10px;
        font-size: 13px
    }
}

@media(max-width: 900px) {
    .notice.notice--cookie .notice-content {
        padding:3px 3px 10px;
        font-size: 12px
    }

    .notice.notice--cookie .notice-content .button--notice {
        font-size: 12px;
        padding: 3px 6px
    }

    .notice.notice--cookie .notice-content .button--notice .button-text {
        font-size: 12px
    }
}

.notice.notice--cookieAdvanced .notice-content {
    padding: 1em 0
}

.notice.notice--cookieAdvanced .notice-content .u-pageCentered {
    display: grid;
    grid-template-columns: 1fr 190px;
    gap: 20px;
    align-items: end
}

@media(max-width: 650px) {
    .notice.notice--cookieAdvanced .notice-content .u-pageCentered {
        display:block
    }
}

.notice.notice--cookieAdvanced .notice-content h2 {
    margin: 0
}

.notice.notice--cookieAdvanced .notice-content .button {
    width: 100%;
    margin: .5em 0;
    font-weight: 700
}

.notice.notice--cookieAdvanced .notice-content form.is-active {
    display: contents;
    grid-column: span 2
}

.notice.notice--cookieAdvanced .notice-content form.is-active .formRow.formRow--fullWidth>dd {
    padding-left: 0;
    padding-right: 0
}

.notice.notice--cookieAdvanced .notice-content form:not(.is-active) {
    display: none
}

.notices--block .notice {
    font-size: 13px;
    border-radius: 4px
}

.notices--floating .notice {
    font-size: 11px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.25)
}

.notices--floating .notice.notice--primary {
    background-color: rgba(0,0,0,.8)
}

.notices--floating .notice.notice--accent {
    background-color: rgba(51,51,51,.8)
}

.notices--floating .notice.notice--dark {
    background-color: rgba(20,20,20,.8)
}

.notices--floating .notice.notice--light {
    background-color: rgba(254,254,254,.8)
}

.has-js .notices--floating .notice {
    display: none
}

.notice.notice--hasImage .notice-content {
    margin-left: 68px;
    min-height: 68px
}

@media(max-width: 900px) {
    .notice.notice--hidewide:not(.is-vis-processed) {
        display:none;
        visibility: hidden
    }
}

@media(max-width: 650px) {
    .notice.notice--hidemedium:not(.is-vis-processed) {
        display:none;
        visibility: hidden
    }
}

@media(max-width: 480px) {
    .notice.notice--hidenarrow:not(.is-vis-processed) {
        display:none;
        visibility: hidden
    }
}

.notice-image {
    float: left;
    padding: 10px 0 10px 10px
}

.notice-image img {
    max-width: 48px;
    max-height: 48px
}

.notice-content {
    padding: 10px
}

.notice-content a.notice-dismiss {
    float: right;
    color: inherit;
    font-size: 16px;
    line-height: 1;
    height: 1em;
    box-sizing: content-box;
    padding: 0 0 5px 5px;
    opacity: .5;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    cursor: pointer
}

.notice-content a.notice-dismiss:before {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
    width: .75em;
    display: inline-block;
    text-align: center
}

.notice-content a.notice-dismiss:hover {
    text-decoration: none;
    opacity: 1
}

.notices--floating .notice-content a.notice-dismiss {
    font-size: 14px
}

.notice-detector {
    display: none!important
}

.notice.notice--warning {
    color: #fff;
    background: #c5332a linear-gradient(0deg,#92241c,#c5332a)
}

.overlay--warning .overlay-title {
    color: #fff;
    background: #c5332a linear-gradient(0deg,#92241c,#c5332a)
}

.overlay--warning .overlay-title a {
    color: inherit
}

.overlay-notice .blockMessage {
    padding: 1em
}

.overlay-notice .overlay-image {
    float: left;
    padding-right: 1em;
    padding-bottom: 1em
}

.structItemContainer {
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItemContainer>.structItem:first-child,.structItemContainer>.structItemContainer-group:first-child>.structItem:first-child {
    border-top: none
}

.structItem {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #222;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItem.is-highlighted,.structItem.is-moderated {
    background: #000
}

.structItem.is-deleted {
    opacity: .7
}

.structItem.is-deleted .structItem-title>* {
    text-decoration: line-through
}

.structItem.is-mod-selected {
    background: #000;
    opacity: 1
}

.structItem-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 8px
}

.structItem--middle .structItem-cell {
    vertical-align: middle
}

.structItem-cell.structItem-cell--vote {
    width: 56px
}

.structItem-cell.structItem-cell--icon {
    width: 52px;
    position: relative
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
    width: 64px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
    width: 40px;
    padding-left: 4px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd .structItem-iconContainer {
    padding-top: 6px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmall {
    width: 76px
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconFixedSmallest {
    width: 40px
}

.structItem-cell.structItem-cell--icon .solutionIcon {
    padding-left: 0;
    padding-right: 0
}

.structItem-cell.structItem-cell--meta {
    width: 135px
}

.structItem-cell.structItem-cell--latest {
    width: 190px;
    text-align: right
}

.structItem-iconContainer {
    position: relative
}

.structItem-iconContainer img {
    display: block;
    width: 100%
}

.structItem-iconContainer .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px
}

.structItem-iconContainer .avatar.avatar--xxs {
    width: 24px;
    height: 24px;
    font-size: 14px
}

.structItem-iconContainer .structItem-secondaryIcon {
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 20px;
    height: 20px;
    font-size: 12px
}

.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px
}

.structItem-cell--iconExpanded .structItem-iconContainer .structItem-secondaryIcon {
    width: 22px;
    height: 22px;
    font-size: 13px
}

.structItem-title {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.structItem-title .label {
    font-weight: 400
}

.is-unread .structItem-title {
    font-weight: 700
}

.structItem-minor {
    font-size: 12px;
    color: #eeeeab
}

.structItem-minor a {
    color: inherit;
    text-decoration: none
}

.structItem-minor a:hover {
    text-decoration: underline
}

.structItem-parts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline
}

.structItem-parts>li {
    display: inline;
    margin: 0;
    padding: 0
}

.structItem-parts>li:nth-child(even) {
    color: #eeeeab
}

.structItem-parts>li:before {
    content: "\00B7\20"
}

.structItem-parts>li:first-child:before {
    content: "";
    display: none
}

.structItem-pageJump {
    margin-left: 8px;
    font-size: 11px
}

.structItem-pageJump a {
    color: #eeeeab;
    background: #000;
    border: 1px solid #222;
    text-decoration: none;
    border-radius: 2px;
    padding: 0 3px;
    opacity: .5;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.structItem:hover .structItem-pageJump a,.has-touchevents .structItem-pageJump a {
    opacity: 1
}

.structItem-pageJump a:hover {
    text-decoration: none;
    background: #000
}

.structItem-statuses,.structItem-extraInfo {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

.structItem-statuses>li,.structItem-extraInfo>li {
    float: left;
    margin-left: 8px
}

.structItem-statuses input[type=checkbox],.structItem-extraInfo input[type=checkbox] {
    vertical-align: -2px
}

.structItem-statuses .reactionSummary {
    vertical-align: -2px
}

.structItem-extraInfo .reactionSummary {
    vertical-align: middle
}

.structItem-status::before {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 90%;
    color: #eeeeab
}

.structItem-status--deleted::before {
    content: "\f2ed";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--locked::before {
    content: "\f023";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--moderated::before {
    content: "\f132";
    width: 1em;
    display: inline-block;
    text-align: center;
    color: #fc0
}

.structItem-status--redirect::before {
    content: "\f08e";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem-status--starred::before {
    content: "\f005";
    width: 1.125em;
    display: inline-block;
    text-align: center;
    color: #4d4d4d
}

.structItem-status--sticky::before {
    content: "\f08d";
    width: .75em;
    display: inline-block;
    text-align: center
}

.structItem-status--watched::before {
    content: "\f0f3";
    width: .875em;
    display: inline-block;
    text-align: center
}

.structItem-status--solved::before {
    content: "\f058";
    width: 1em;
    display: inline-block;
    text-align: center;
    color: #63b265
}

.structItem-status--attention::before {
    content: "\f0a1";
    width: 1.125em;
    display: inline-block;
    text-align: center;
    color: #fc0
}

.structItem-status--upvoted::before {
    content: "\f164";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem-status--downvoted::before {
    content: "\f165";
    width: 1em;
    display: inline-block;
    text-align: center
}

.structItem.structItem--note {
    color: #ffc;
    background: #000;
    color: #eeeeab
}

.structItem.structItem--note .structItem-cell {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center
}

@media(max-width: 900px) {
    .structItem-cell {
        vertical-align:top
    }

    .structItem-cell.structItem-cell--meta {
        width: 115px;
        font-size: 12px
    }

    .structItem-cell.structItem-cell--latest {
        width: 140px;
        font-size: 12px
    }
}

@media(max-width: 650px) {
    .structItem-cell+.structItem-cell.structItem-cell--icon {
        padding-left:0;
        width: 44px
    }

    .structItem-cell.structItem-cell--main,.structItem-cell.structItem-cell--newThread {
        display: block;
        padding-bottom: .2em
    }

    .structItem-cell+.structItem-cell.structItem-cell--main,.structItem-cell+.structItem-cell.structItem-cell--newThread {
        padding-left: 0
    }

    .structItem-cell.structItem-cell--meta {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        color: #eeeeab
    }

    .structItem-cell.structItem-cell--meta .structItem-minor {
        display: none
    }

    .structItem-cell.structItem-cell--meta .pairs>dt,.structItem-cell.structItem-cell--meta .pairs>dd {
        display: inline;
        float: none;
        margin: 0
    }

    .structItem-cell.structItem-cell--latest {
        display: block;
        width: auto;
        float: left;
        padding-top: 0;
        padding-left: 0
    }

    .structItem-cell.structItem-cell--latest:before {
        content: "\00A0\00B7\20";
        color: #eeeeab
    }

    .structItem-cell.structItem-cell--latest a {
        color: #eeeeab
    }

    .structItem-cell.structItem-cell--latest .structItem-minor {
        display: none
    }

    .structItem-cell.structItem-cell--iconEnd {
        display: none
    }

    .structItem-pageJump,.structItem-extraInfoMinor {
        display: none
    }

    .is-unread .structItem-latestDate {
        font-weight: 400
    }
}

@media(max-width: 480px) {
    .structItem-parts .structItem-startDate {
        display:none
    }

    .structItem.structItem--quickCreate .structItem-cell--icon,.structItem.structItem--quickCreate .structItem-cell--vote {
        display: none
    }

    .structItem.structItem--quickCreate .structItem-cell--newThread {
        padding-left: 8px;
        padding-bottom: 8px
    }
}

.block--category {
    margin-bottom: 20px
}

.block--category .block-container .node:last-of-type {
    border-radius: 0 0 3px 3px
}

.block--category.collapsible-nodes .block-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.block--category.collapsible-nodes .block-header--left {
    margin-right: auto;
    max-width: 100%
}

.block--category .collapseTrigger {
    opacity: .5;
    transition: opacity .3s
}

.block--category .block-container:hover .collapseTrigger {
    opacity: 1
}

.node .node-title a {
    font-weight: 700
}

.node+.node:nth-child(even) {
    background-color: #000
}

.node.node--read .node-icon i.fa-comments:before {
    content: "\f086\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    text-shadow: none
}

.node.node--unread .node-icon i.fa-comments {
    opacity: 1
}

.node.node--unread .node-icon i.fa-comments:before {
    content: "\f086\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    text-shadow: none
}

.node.node--page .node-icon i {
    opacity: 1
}

.node.node--page .node-icon i:before {
    content: "\f15c\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    text-shadow: none
}

.node.node--link .node-icon i {
    opacity: 1
}

.node.node--link .node-icon i:before {
    content: "\f14c\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    text-shadow: none
}

.node .node-icon i {
    font-size: 26px;
    opacity: .8
}

.block--category .block-body.nodedual {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto
}

.block--category .block-body.nodedual .node {
    min-width: 280px;
    flex: 1 1 50%;
    padding: 6px 0;
    border-bottom: 1px solid #222;
    border-top-width: 0
}

.block--category .block-body.nodedual .node .node-body {
    padding: 0 10px
}

.block--category .block-body.nodedual .node .node-body .node-statsMeta {
    display: inline
}

.block--category .block-body.nodedual .node .node-body .node-stats {
    display: none
}

.block--category .block-body.nodedual .node .node-body .node-extra {
    display: block;
    width: auto;
    padding: 0;
    background-color: #000;
    border-width: 0;
    box-shadow: none
}

.block--category .block-body.nodedual .node .node-body .node-main {
    width: 100%;
    display: block;
    padding: 0 6px 6px
}

.block--category .block-body.nodedual .node .node-body .node-icon {
    box-sizing: content-box;
    padding: 0 6px
}

@media(max-width: 900px) {
    .block--category .block-body.nodedual {
        display:block
    }

    .block--category .block-body.nodedual .node .node-body .node-icon {
        padding-left: 0
    }
}

@media(min-width: 1090px) {
    .node-body .node-stats {
        width:155px
    }

    .node-body .node-extra {
        width: 300px
    }
}

@media(min-width: 650px) {
    .block--category .block-header-wrapper .block-header {
        border-top-left-radius:3px;
        border-top-right-radius: 3px
    }
}

@media(max-width: 1090px) {
    .node-stats {
        display:none
    }

    .node-statsMeta {
        display: inline
    }
}

.p-staffBar .badgeContainer:not(.badgeContainer--highlighted):after {
    background-color: rgba(255,255,255,.25);
    color: #fc0
}

@media(max-width: 650px) {
    .XenBase .p-header {
        display:block
    }

    .XenBase .p-header-logo {
        max-width: none
    }

    .XenBase .p-nav-smallLogo {
        display: none
    }
}

.p-nav-inner {
    align-items: center
}

.p-nav .p-nav-menuTrigger {
    padding-top: 6px;
    padding-bottom: 6px
}

.p-navSticky.is-sticky .p-nav {
    border-radius: 0
}

.p-navSticky.is-sticky .p-nav .p-navEl.is-selected .p-navEl-splitTrigger:before {
    display: none
}

.menu-row.menu-row--highlighted {
    border-left: 5px solid #333
}

@media(min-width: 901px) {
    .p-sectionLinks--wrapper {
        max-width:100%;
        padding: 0 10px;
        margin: 0 auto;
        width: 100%
    }

    .p-sectionLinks--wrapper .p-sectionLinks-inner {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .p-sectionLinks--wrapper .p-sectionLinks-inner .p-sectionLinks-list {
        padding-left: 7px
    }
}

@media(max-width: 650px) {
    .p-nav-opposite .p-navgroup-link {
        padding-right:10px;
        padding-left: 10px
    }

    .p-navgroup-link--switch {
        display: none
    }
}

.p-navgroup-link--iconic.p-navgroup-link--switch i:after {
    content: "\f042\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navgroup-link--iconic.p-navgroup-link--sidebar i:after {
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-sectionLinks-list .p-navEl-link:before {
    display: none
}

a[data-nav-id=login]:before {
    content: "\f2f6";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=register]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=home]:before {
    content: "\f015";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=forums]:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=members]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xfrm]:before {
    content: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=whatsNew]:before {
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=closeMenu]:before {
    content: "\f00d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=contactUs]:before {
    content: "\f0e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRrio]:before {
    content: "\f1e8";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xfmg]:before {
    content: "\f03d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=snog_raffles_navtab]:before {
    content: "\f145";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=th_donate]:before {
    content: "\f2b5";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRatendo]:before {
    content: "\f073";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRcarta]:before {
    content: "\f02d";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRdiscord]:before {
    content: "\f392";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-family: 'font awesome 5 brands';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a[data-nav-id=EWRmedio]:before {
    content: "\f4e1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRporta]:before {
    content: "\f015";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRrio]:before {
    content: "\f144";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=EWRtorneo]:before {
    content: "\f091";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xa_ams]:before {
    content: "\f15c";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xa_ubs]:before {
    content: "\f303";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xa_showcase]:before {
    content: "\f00b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xa_sportsbook]:before {
    content: "\f091";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=xa_pickem]:before {
    content: "\f51e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=sidebar_canvas]:before {
    content: "\f0c9";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a[data-nav-id=lightswitch]:before {
    content: "\f042";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-offCanvasRegisterLink .offCanvasMenu-linkHolder:first-of-type .offCanvasMenu-link:before {
    content: "\f090";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-offCanvasRegisterLink .offCanvasMenu-linkHolder:last-of-type .offCanvasMenu-link:before {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-nav-list a.p-navEl-link:before {
    display: none
}

a.offCanvasMenu-link:before,.p-offCanvasRegisterLink .offCanvasMenu-link:before,.xbSidebar-nav .xbVerticalNav-linkHolder .xbVerticalNav-link:before {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    display: inline-block;
    width: 1.25em;
    margin-right: 5px
}

.p-body-sidebar {
    max-width: 190px
}

@media(max-width: 900px) {
    .p-body-sidebar {
        max-width:none
    }
}

.p-body-sidebar .block .block-container,.p-body-sideNavContent .block .block-container {
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px
}

.p-body-sidebar .block .block-minorHeader,.p-body-sideNavContent .block .block-minorHeader {
    font-size: 15px;
    color: #fff;
    background: #202020;
    background: linear-gradient(to bottom,#333 0%,#060606 100%);
    border-radius: 0!important
}

.p-body-sideNavContent .block-minorHeader {
    font-weight: 700
}

.p-body-sideNavCol,.p-body-contentCol,.p-body-sidebarCol {
    display: none
}

@media(min-width: 901px) {
    .p-body-main.p-body-main--withSidebar {
        display:flex;
        align-items: stretch;
        width: 100%;
        max-width: 100%
    }

    .p-body-main.p-body-main--withSidebar .p-body-content {
        width: calc(100% - 190px);
        max-width: calc(100% - 190px);
        display: inline-block;
        order: 2;
        padding-left: 20px;
        padding-right: 0
    }

    .p-body-main.p-body-main--withSidebar.p-body-main--withSideNav .p-body-content {
        width: calc(100% - 190px - 190px);
        max-width: calc(100% - 190px - 190px);
        padding-right: 20px
    }

    .p-body-main.p-body-main--withSidebar.p-body-main--withSideNav .p-body-sideNav {
        order: 3
    }
}

@media(min-width: 901px) {
    .p-sidebarWrapper {
        display:table-cell;
        vertical-align: top;
        width: 190px;
        height: 0
    }

    .p-sidebarWrapper.is-active {
        height: auto
    }
}

@media(min-width: 901px) and (max-width:900px) {
    .p-sidebarWrapper {
        width:auto;
        display: block;
        height: auto
    }
}

.block--messages .block-container {
    box-shadow: none
}

.block--messages article.message {
    padding: 10px
}

.block--messages article.message .bbWrapper {
    font-family: arial,helvetica,san-serif;
    font-size: 15.5px
}

.message-cell .messageNotice {
    background-color: #000;
    color: #eeeeab
}

.message-cell .messageNotice a {
    text-decoration: underline;
    color: #fc0
}

.message-cell .messageNotice a:hover {
    color: #ffe066
}

.message-main .message-attribution {
    padding-bottom: 10px
}

.message .messageNotice:not(.messageNotice--highlighted) a,.message .messageNotice:not(.messageNotice--highlighted) a:hover {
    color: #fff
}

.fr-element a,.bbWrapper a {
    color: #fc0
}

.fr-element a:hover,.bbWrapper a:hover {
    color: #ffe066
}

.bbWrapper .bbCodeBlock-title a,.bbWrapper .bbCodeBlock-expandLink a {
    color: inherit
}

.bookmarkLink.bookmarkLink--highlightable.is-bookmarked:hover {
    color: #ffe066
}

.message-footer .message-actionBar {
    margin-top: 10px
}

.message-footer .message-actionBar .actionBar-set {
    margin-top: 0
}

.actionBar-action.actionBar-action--report:before {
    content: "\f0f3\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--edit:before {
    content: "\f040\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--history:before {
    content: "\f133\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--delete:before {
    content: "\f1f8\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--warn:before {
    content: "\f071\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--ip:before {
    content: "\f0ac\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--reassign:before {
    content: "\f362\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--change-date:before {
    content: "\f783\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--date:before {
    content: "\f783\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--approve:before {
    content: "\f00c\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.actionBar-action.actionBar-action--unapprove:before {
    content: "\f2ee\20";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-header .message-attribution {
    color: #fc0;
    background: #333;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: linear-gradient(to bottom,#333 0%,#060606 100%)
}

.message-header .message-attribution a {
    padding: 3px 7px;
    margin: -3px -7px;
    display: inline-block
}

.message-header .message-attribution a:hover {
    color: #fc0;
    background-color: rgba(0,0,0,.09);
    text-decoration: none!important
}

.message-header .message-attribution .bookmarkLink {
    color: #fc0!important
}

.message .message-body {
    margin-top: 0
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-inner {
    display: block
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell {
    display: block
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell:before,.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell:after {
    content: " ";
    display: table
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell:after {
    clear: both
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell.message-cell--user {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #222
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell.message-cell--vote {
    width: auto;
    border-left: none;
    border-top: 1px solid #222
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell.message-cell--vote .solutionIcon {
    margin-top: 0
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-cell.message-cell--main {
    padding-left: 10px
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-column {
    flex-direction: row;
    justify-content: space-evenly
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .contentVote {
    flex-direction: row;
    justify-content: center
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .contentVote-score {
    min-width: 1.41em;
    text-align: center;
    padding: 0 6px
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .contentVote-score:first-child {
    padding-top: 0
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userArrow {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 24px;
    border: none;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #222
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userArrow:after {
    top: auto;
    right: auto;
    left: -9px;
    bottom: -10px;
    border: none;
    border: 9px solid transparent;
    border-top-width: 0;
    border-bottom-color: #000
}

.block--messages .message:not(.message--forceColumns):not(.message--simple).is-mod-selected .message-userArrow:after {
    border-color: transparent;
    border-bottom-color: #000
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-user {
    display: flex
}

.has-no-flexbox .block--messages .message:not(.message--forceColumns):not(.message--simple) .message-user {
    display: table;
    width: 100%
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-avatar {
    margin-bottom: 0
}

.has-no-flexbox .block--messages .message:not(.message--forceColumns):not(.message--simple) .message-avatar {
    display: table-cell;
    width: 1%
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userDetails {
    flex: 1;
    min-width: 0;
    padding-left: 10px
}

.has-no-flexbox .block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userDetails {
    display: table-cell
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-name {
    text-align: left
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userTitle,.block--messages .message:not(.message--forceColumns):not(.message--simple) .message-userBanner.userBanner {
    display: inline-block;
    text-align: left;
    margin: 0
}

.block--messages .message:not(.message--forceColumns):not(.message--simple) .message--deleted .message-userDetails {
    display: block
}

.message-newIndicator.message-adminIndicator {
    background: #e74c3c
}

.message-newIndicator.message-moderatorIndicator {
    background: #2980b9
}

.message-newIndicator.message-staffIndicator {
    background: #27ae60
}

.message-newIndicator.message-bannedIndicator {
    background: #95a5a6
}

.message-newIndicator.message-threadStarter {
    background: #fc0
}

@media(max-width: 650px) {
    .tag-threadStarter,.tag-adminIndicator,.tag-moderatorIndicator,.tag-staffIndicator,.tag-bannedIndicator {
        display:none
    }
}

footer.p-footer {
    padding: 0;
    background: 0 0;
    border-width: 0;
    box-shadow: none
}

.layout-default .footer-stretched .p-footer-inner,.layout-classic .footer-stretched .p-footer-inner,.layout-canvas .footer-stretched .p-footer-inner,.layout-default .footer-stretched .p-footer-inner,.layout-classic .footer-stretched .p-footer-inner,.layout-canvas .footer-stretched .p-footer-inner {
    padding-right: 12px;
    padding-left: 12px
}

.p-footer-default {
    font-size: 13px;
    color: #fc0;
    background: #222;
    border: 1px solid #222;
    padding: 10px 12px;
    z-index: 1;
    position: relative
}

.p-footer-default a {
    color: #fc0
}

.p-body .p-footer-default {
    margin-top: 12px
}

.p-footer-default .p-footer-row {
    margin-bottom: 0
}

.p-footer-default .p-footer-row>div {
    margin-bottom: 0
}

.p-footer-inner {
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto
}

.p-body .p-footer-inner {
    max-width: 100%!important;
    padding-right: 0;
    padding-left: 0
}

.p-footer-rssLink>span {
    top: 0;
    height: auto;
    font-size: 13px;
    background-color: transparent
}

.p-footer-copyright {
    font-size: 13px;
    color: #fff;
    background: #121212;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-top: 0;
    text-align: center
}

.p-footer-copyright .p-pe-copyright a {
    color: #fff
}

.p-footer-copyright .p-footer-default {
    font-size: 13px
}

.p-footer-copyright .p-footer-default a {
    color: #fff
}

.p-footer-debug {
    margin-top: 0;
    background-color: #121212;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 5px 0
}

.p-footer-debug a {
    color: #fff;
    text-decoration: underline
}

.p-footer-debug .pairs>dt {
    color: inherit
}

.p-footer--container:before,.p-footer--container:after {
    content: " ";
    display: table
}

.p-footer--container:after {
    clear: both
}

.p-footer-row-main {
    margin-right: .5em
}

.p-footer-linkList .shareButtons--iconic .shareButtons-button {
    font-size: 13px;
    line-height: 1
}

.p-footer--container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px
}

.p-footer--container .p-footer-inner {
    max-width: 100%;
    padding: 0
}

.layout-classic .p-footer--container {
    padding: 0
}

@media(max-width: 650px) {
    .XenBase .p-footer--container {
        padding:0
    }
}

@media(max-width: 650px) {
    .p-footer--container .p-footer-default,.p-footer--container .p-footer-custom,.p-footer--container .p-footer-copyright {
        padding-left:10px;
        padding-right: 10px;
        font-size: 12px
    }

    .p-footer--container .p-footer-default .p-footer-inner,.p-footer--container .p-footer-custom .p-footer-inner,.p-footer--container .p-footer-copyright .p-footer-inner {
        padding-right: 0;
        padding-left: 0
    }

    .p-footer--container .p-footer-default .p-footer-linkList>li a,.p-footer--container .p-footer-custom .p-footer-linkList>li a,.p-footer--container .p-footer-copyright .p-footer-linkList>li a {
        padding-left: 0
    }

    .p-footer--container .p-footer-copyright .p-footer-debug {
        text-align: left;
        margin-top: 10px
    }

    .p-footer--container .copyright-right {
        margin-top: 10px
    }

    .p-footer-row-main {
        margin-bottom: 10px
    }

    .p-footer-row-main,.p-footer-row-opposite {
        float: none
    }

    .p-footer-copyright {
        text-align: left;
        padding: 10px 5px
    }
}

@media(max-width: 480px) {
    .p-footer--container .p-footer-default,.p-footer--container .p-footer-custom,.p-footer--container .p-footer-copyright {
        padding-left:10px;
        padding-right: 10px
    }

    .p-footer--container .p-footer-default .p-footer-inner,.p-footer--container .p-footer-custom .p-footer-inner,.p-footer--container .p-footer-copyright .p-footer-inner {
        padding-right: 0;
        padding-left: 0
    }

    .p-footer--container .p-footer-default .p-footer-linkList>li a,.p-footer--container .p-footer-custom .p-footer-linkList>li a,.p-footer--container .p-footer-copyright .p-footer-linkList>li a {
        padding-left: 0
    }

    .p-footer--container span.p-pe-copyright {
        display: block;
        margin-top: 10px
    }
}

@media(min-width: 651px) {
    .layout-boxed .footer-stretched>div {
        padding-right:12px;
        padding-left: 12px
    }
}

@media(max-width: 650px) {
    .p-body .p-footer-default {
        margin-right:-10px;
        margin-left: -10px
    }
}

@media(max-width: 650px) {
    .p-footer--container .p-footer-default .p-footer-linkList li {
        margin-right:5px
    }

    .p-footer--container .p-footer-default .p-footer-linkList li a {
        padding: 4px 6px;
        display: block
    }

    .p-footer--container .p-footer-default .p-footer-linkList li:first-of-type a {
        padding-left: 0
    }

    .p-footer-default .p-footer-row-main {
        margin-bottom: 5px;
        padding-right: 0
    }

    .p-footer--container .p-footer-default .p-footer-linkList li,.p-footer-custom .xb-footer-block ul.footerList li {
        margin: 0;
        float: none
    }

    .p-footer--container .p-footer-default .p-footer-linkList li a,.p-footer-custom .xb-footer-block ul.footerList li a {
        padding: 6px 0;
        display: block
    }
}

@media(min-width: 651px) {
    .footer-stretched>div {
        padding-right:0;
        padding-left: 0
    }
}

.XenBase .notice {
    border-width: 1px;
    border-style: solid;
    border-left-width: 3px;
    border-radius: 0
}

.XenBase .notice a:not(.button) {
    text-decoration: underline
}

.XenBase .notice.notice--primary {
    color: #3f3a23;
    background: #fcf8e3;
    border-color: #e6ddb0
}

.XenBase .notice.notice--primary a:not(.button) {
    color: #78735d
}

.XenBase .notice.notice--primary a.button {
    background: #3f3a23;
    color: #fff;
    border-color: #3f3a23
}

.XenBase .notice.notice--primary a.button:hover {
    background: rgba(63,58,35,.9);
    border-color: #3f3a23
}

.XenBase .notice.notice--accent,.XenBase .notice.notice--enablePush,.XenBase .notice.notice--cookie {
    color: #fff;
    background: #333;
    border-color: #4d4d4d
}

.XenBase .notice.notice--accent a:not(.button),.XenBase .notice.notice--enablePush a:not(.button),.XenBase .notice.notice--cookie a:not(.button) {
    color: #c2c2c2
}

.XenBase .notice.notice--accent a.button,.XenBase .notice.notice--enablePush a.button,.XenBase .notice.notice--cookie a.button {
    background: #fff;
    color: #000;
    border-color: #fff
}

.XenBase .notice.notice--accent a.button:hover,.XenBase .notice.notice--enablePush a.button:hover,.XenBase .notice.notice--cookie a.button:hover {
    background: rgba(255,255,255,.9);
    border-color: #fff
}

.XenBase .notice.notice--dark {
    color: #fefefe;
    background: #282828;
    border-color: #404040
}

.XenBase .notice.notice--dark a:not(.button) {
    color: #bebebe
}

.XenBase .notice.notice--dark a.button {
    background: #fefefe;
    color: #000;
    border-color: #fefefe
}

.XenBase .notice.notice--dark a.button:hover {
    background: rgba(254,254,254,.9);
    border-color: #fefefe
}

.XenBase .notice.notice--light {
    color: #ffc;
    background: #000;
    border-color: #222
}

.XenBase .notice.notice--light a:not(.button) {
    color: #b3b38f
}

.XenBase .notice.notice--light a.button {
    background: #ffc;
    color: #000;
    border-color: #ffc
}

.XenBase .notice.notice--light a.button:hover {
    background: rgba(255,255,204,.9);
    border-color: #ffc
}

.XenBase .notice.myCustomNotice {
    color: #fff;
    background: #27826e;
    border-color: #1b6151
}

.XenBase .notice.myCustomNotice a:not(.button) {
    color: #bedad4
}

.XenBase .notice.myCustomNotice a.button {
    background: #fff;
    color: #000;
    border-color: #fff
}

.XenBase .notice.myCustomNotice a.button:hover {
    background: rgba(255,255,255,.9);
    border-color: #fff
}

.XenBase .notice.notice--cookie {
    border-left-width: 0;
    border-right-width: 0
}

.XenBase .notice.notice--cookie .notice-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 0
}

.XenBase .notice.notice--cookie .notice-content>* {
    text-align: left;
    margin-top: 0;
    margin: 6px 10px
}

.XenBase .notice.notice--cookie .notice-content .u-inputSpacer {
    white-space: nowrap
}

.notices--floating .XenBase .notice.notice--primary {
    background-color: rgba(252,248,227,.9)
}

.notices--floating .XenBase .notice.notice--accent {
    background-color: rgba(51,51,51,.9)
}

.notices--floating .XenBase .notice.notice--dark {
    background-color: rgba(40,40,40,.9)
}

.notices--floating .XenBase .notice.notice--light {
    background-color: rgba(0,0,0,.9)
}

.notices--floating .XenBase .notice.myCustomNotice {
    background-color: rgba(39,130,110,.9)
}

html,button,input,optgroup,select,textarea {
    font-family: arial,helvetica,sans-serif
}

.xb-page-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.xb-page-wrapper .xb-content-wrapper {
    flex-grow: 1
}

.button {
    background-color: #fc0;
    color: #000;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.button.button--icon--cancel .button-text:before {
    vertical-align: baseline
}

.XenBase :not(.block-header) .button.button--link,.XenBase :not(.block-header) a.button.button--link {
    background-color: #fc0;
    color: #141414
}

.XenBase :not(.block-header) .button.button--link>*,.XenBase :not(.block-header) a.button.button--link>* {
    color: #141414
}

.block-container .structItem.structItem--note {
    color: #ffc
}

.block-filterBar a {
    color: #fff
}

.structItemContainer .structItem {
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.p-breadcrumbs--parent {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

@media(max-width: 650px) {
    .p-breadcrumbs--parent {
        display:block
    }
}

.p-breadcrumbs--parent.p-breadcrumbs--bottom {
    margin-top: 20px;
    margin-bottom: 0
}

.p-breadcrumbs--parent .p-breadcrumbs {
    flex: 1 1 auto;
    margin-bottom: 0;
    color: #fc0;
    font-weight: 400;
    background: #000;
    border: 0 solid #222;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 12px
}

.p-breadcrumbs--parent .p-breadcrumbs a {
    color: #fc0
}

.p-breadcrumbs--parent .p-breadcrumbs>li:after {
    color: #997a00
}

.p-breadcrumbs--parent .p-breadcrumbs.p-breadcrumbs--bottom {
    margin-top: 0;
    margin-bottom: 0
}

.p-breadcrumbs--parent .shareButtons {
    margin-left: 5px;
    align-self: center
}

@media(max-width: 650px) {
    .p-breadcrumbs--parent .shareButtons {
        display:none
    }
}

.p-body-pageContent .block .block-minorHeader {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background: #202020;
    background: linear-gradient(to bottom,#333 0%,#060606 100%)
}

.p-body-pageContent .block .block-minorHeader a {
    text-decoration: none!important
}

.block-header-wrapper .p-body-pageContent .block .block-minorHeader {
    color: #f33
}

.p-body-pageContent .block .block-minorHeader:before,.p-body-pageContent .block .block-minorHeader:after {
    content: " ";
    display: table
}

.p-body-pageContent .block .block-minorHeader:after {
    clear: both
}

.p-body-pageContent .block .block-minorHeader a {
    color: inherit;
    text-decoration: none
}

.p-body-pageContent .block .block-minorHeader a:hover {
    text-decoration: underline
}

.pika-prev,.pika-next {
    color: #ffc
}

.tabs--editor .tabs-tab {
    color: #eeeeab
}

.XenBase label.iconic:hover>input+i {
    color: #ffd429
}

.XenBase label.iconic i {
    color: #fc0
}

.XenBase .offCanvasMenu--nav .offCanvasMenu-content {
    color: #fff;
    background: #141414;
    width: 260px
}

.XenBase .offCanvasMenu--nav .offCanvasMenu-content .offCanvasMenu-subHeader {
    display: none
}

.blockMessage.blockMessage--none {
    box-shadow: none
}

a.shareButtons-button {
    border-radius: 2px
}

a.shareButtons-button.shareButtons-button--youtube:hover {
    background-color: red
}

a.shareButtons-button.shareButtons-button--youtube>i:before {
    content: "\f167";
    width: 1.29em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--linkedin:hover {
    background-color: #0077b5
}

a.shareButtons-button.shareButtons-button--linkedin>i:before {
    content: "\f0e1";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--vimeo:hover {
    background-color: #1ab7ea
}

a.shareButtons-button.shareButtons-button--vimeo>i:before {
    content: "\f27d";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--steam:hover {
    background-color: #00adee
}

a.shareButtons-button.shareButtons-button--steam>i:before {
    content: "\f1b6";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--twitch:hover {
    background-color: #6441a5
}

a.shareButtons-button.shareButtons-button--twitch>i:before {
    content: "\f1e8";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--vk:hover {
    background-color: #45668e
}

a.shareButtons-button.shareButtons-button--vk>i:before {
    content: "\f189";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--instagram:hover {
    background-color: #833ab4
}

a.shareButtons-button.shareButtons-button--instagram>i:before {
    content: "\f16d";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--github:hover {
    background-color: #4078c0
}

a.shareButtons-button.shareButtons-button--github>i:before {
    content: "\f09b";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--discord:hover {
    background-color: #7289da
}

a.shareButtons-button.shareButtons-button--discord>i:before {
    content: "\f392";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--tiktok:hover {
    background-color: #25f4ee
}

a.shareButtons-button.shareButtons-button--tiktok>i:before {
    content: "\e07b";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--mastodon:hover {
    background-color: #6364ff
}

a.shareButtons-button.shareButtons-button--mastodon>i:before {
    content: "\f4f6";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--rss:hover {
    background-color: #f26522
}

a.shareButtons-button.shareButtons-button--rss>i:before {
    content: "\f09e";
    width: 1em;
    display: inline-block;
    text-align: center
}

a.shareButtons-button.shareButtons-button--share {
    background: 0 0;
    color: #ffc
}

a.shareButtons-button.shareButtons-button--share:hover {
    background-color: transparent;
    color: #ffc
}

.userBanner {
    font-size: 75%;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 2px;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    font-style: normal;
    text-align: center
}

.userBanner.userBanner--staff {
    color: #fff;
    background: #202020;
    border-color: #535353;
    background: linear-gradient(to bottom,#202020,#3a3a3a 100%);
    box-shadow: inset 0 1px 0 0 #000
}

.userBanner.userBanner--primary {
    color: #fff;
    background: #141414;
    border-color: #474747;
    background: linear-gradient(to bottom,#141414,#2e2e2e 100%);
    box-shadow: inset 0 1px 0 0 #000
}

.userBanner.userBanner--accent {
    color: #fff;
    background: #333;
    border-color: #666;
    background: linear-gradient(to bottom,#333,#4d4d4d 100%);
    box-shadow: inset 0 1px 0 0 #000
}

.userBanner.userBanner--red {
    color: #fff;
    background: #d80000;
    border-color: #ff3f3f;
    background: linear-gradient(to bottom,#d80000,#ff0c0c 100%);
    box-shadow: inset 0 1px 0 0 #3f0000
}

.userBanner.userBanner--green {
    color: #fff;
    background: green;
    border-color: #00e600;
    background: linear-gradient(to bottom,#008000,#00b300 100%);
    box-shadow: inset 0 1px 0 0 #000
}

.userBanner.userBanner--olive {
    color: #fff;
    background: olive;
    border-color: #e6e600;
    background: linear-gradient(to bottom,#808000,#b3b300 100%);
    box-shadow: inset 0 1px 0 0 #000
}

.userBanner.userBanner--lightGreen {
    color: #3b5638;
    background: #ccf9c8;
    border-color: #fff;
    background: linear-gradient(to bottom,#ccf9c8,#f7fef6 100%);
    box-shadow: inset 0 1px 0 0 #4cea3e
}

.userBanner.userBanner--blue {
    color: #fff;
    background: #0008e3;
    border-color: #4a50ff;
    background: linear-gradient(to bottom,#0008e3,#171fff 100%);
    box-shadow: inset 0 1px 0 0 #00034a
}

.userBanner.userBanner--royalBlue {
    color: #fff;
    background: #4169e1;
    border-color: #99afef;
    background: linear-gradient(to bottom,#4169e1,#6d8ce8 100%);
    box-shadow: inset 0 1px 0 0 #132c76
}

.userBanner.userBanner--skyBlue {
    color: #fff;
    background: #7cc3e0;
    border-color: #cee9f4;
    background: linear-gradient(to bottom,#7cc3e0,#a5d6ea 100%);
    box-shadow: inset 0 1px 0 0 #257b9e
}

.userBanner.userBanner--gray {
    color: #fff;
    background: gray;
    border-color: #b3b3b3;
    background: linear-gradient(to bottom,#808080,#9a9a9a 100%);
    box-shadow: inset 0 1px 0 0 #343434
}

.userBanner.userBanner--silver {
    color: #000;
    background: silver;
    border-color: #f3f3f3;
    background: linear-gradient(to bottom,#c0c0c0,#dadada 100%);
    box-shadow: inset 0 1px 0 0 #747474
}

.userBanner.userBanner--yellow {
    color: #000;
    background: #ffff91;
    border-color: #b3b325;
    background: linear-gradient(to bottom,#ffff91,#ffffc4 100%);
    box-shadow: inset 0 1px 0 0 #f7f700
}

.userBanner.userBanner--orange {
    color: #000;
    background: #ffcb00;
    border-color: #ffe066;
    background: linear-gradient(to bottom,#ffcb00,#ffd533 100%);
    box-shadow: inset 0 1px 0 0 #665100
}

.js-prefixMenuContent .menu-row {
    padding-bottom: 3px;
    padding-top: 3px
}

.overlay {
    background: none no-repeat 0 0 #000
}

[data-template=login] .formRow a:not(.button),[data-template=register_form] .formRow a:not(.button),.overlay-content .formRow a:not(.button):not(.menuTrigger--prefix) {
    text-decoration: underline
}

.blockMessage.blockMessage.blockMessage.blockMessage--highlight {
    background-color: #000;
    color: #fff;
    border-color: #1a1a1a;
    border-left: 3px solid #1a1a1a
}

.blockMessage.blockMessage.blockMessage.blockMessage--highlight:before {
    color: #1a1a1a
}

.blockMessage.blockMessage.blockMessage.blockMessage--important {
    background-color: #333;
    color: #fff;
    border-color: #4d4d4d
}

.blockMessage.blockMessage.blockMessage.blockMessage--important:before {
    color: #4d4d4d
}

.blockMessage.blockMessage.blockMessage.blockMessage--success {
    border-color: #63b265
}

.blockMessage.blockMessage.blockMessage.blockMessage--warning {
    border-color: #dcda54
}

.blockMessage.blockMessage.blockMessage.blockMessage--error {
    border-color: #c84448
}

.pageNav-page,.pageNav-jump {
    background: #000
}

@media(max-width: 900px) {
    .p-linkList-changeWidth {
        display:none
    }
}

@media(max-width: 650px) {
    .p-header-inner,.p-nav-inner,.p-body-inner,.p-footer-inner {
        max-width:100%
    }
}

@media(max-width: 480px) {
    .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
        display:block
    }
}

textarea.input::selection {
    background: #a8d1ff
}

.fr-view {
    font-size: 15.5px!important
}

.fr-view ::selection {
    background: #a8d1ff
}

.select2-search .select2-search__field {
    color: #ffc
}

div.overlay {
    box-shadow: 0 0 5px 10px #c9c9c9
}

.message-signature {
    margin-top: 10px;
    font-size: 12px;
    color: #eeeeab;
    border-top: 1px solid #222;
    padding-top: 20px
}

.memberOverviewBlocks>li {
    border: 1px solid #222
}

@media(max-width: 900px) {
    .p-body-main,.p-body-content {
        width:100%
    }
}

@media(max-width: 650px) {
    .bbCodeBlock {
        max-width:90%
    }
}

@media(max-width: 650px) {
    .hScroller-scroll {
        white-space:normal
    }
}

.inlineModButton.is-mod-active {
    color: #141414
}

.block-body .node--unread .node-icon i {
    background-position: -36px 0
}

.block-body .node-icon {
    padding-right: 10px;
    padding-left: 10px;
    width: 46px
}

.block-body .node-icon i {
    background: url(styles/bhwstyle/xenforo/sources/node-sprite-dark.png) no-repeat left center;
    width: 36px;
    height: 36px
}

.block-body .node-icon i:before {
    opacity: 0!important
}

@media(min-width: 901px) {
    .p-sidebarWrapper {
        height:auto
    }
}

.p-body-content .p-description a {
    text-decoration: underline
}

.cookies-options li.inputChoices-choice {
    font-weight: 700
}

.cookies-options .formRow .formRow-explain {
    color: #4d4935
}

.cookies-options label.iconic i,.cookies-options label.iconic:hover>input+i {
    color: #4d4935
}

@media(min-width: 650px) {
    .p-header-logo--image {
        width:500px;
        height: 125px
    }
}

@media(max-width: 650px) {
    .p-header-logo--image {
        width:358px;
        height: 90px
    }
}

.button-large-text {
    font-size: 20px;
    font-weight: 900
}

.custom-notice {
    color: red;
    font-weight: 900
}

.pleaseRead {
    color: #0f3;
    font-size: 90%
}

.style-light .pleaseRead {
    color: #ab8901
}

.pleaseRead i {
    font-size: 80%
}

.xb-page-wrapper {
    margin: 0 1%;
    padding: 0 5px
}

.xb-page-wrapper .p-header-content,.xb-page-wrapper .p-header-inner {
    padding: 0
}

.p-nav-list .p-navEl.is-selected {
    border-right: 1px solid #000;
    border-left: 1px solid #000
}

.p-body-inner {
    padding-right: 0;
    padding-left: 0
}

.p-body-content a {
    text-decoration: none
}

.style-light .p-body-content .fr-element a,.style-light .p-body-content .bbWrapper a {
    text-decoration: underline
}

[data-widget-key=visitorpanel] .contentRow {
    display: block
}

.p-footer--container {
    padding-left: 0;
    padding-right: 0
}

.block-menu .block-body {
    display: none
}

.block-menu.block-nodes--toggle .block-body {
    display: block
}

.block-forumStats .block-minorHeader {
    display: none
}

.bhw-banners {
    text-align: center
}

.bhw-banners img {
    display: block
}

.bhw-banners .bhw-banner-top,.bhw-banners .bhw-banner-bottom {
    padding: 5px
}

.bhw-banners .bhw-banner-left,.bhw-banners .bhw-banner-right {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 5px
}

.bhw-banners .bhw-banner-left div {
    float: right
}

.bhw-banners .bhw-banner-right div {
    float: left
}

@media(max-width: 900px) {
    .bhw-banners {
        width:100%
    }

    .bhw-banners .bhw-banner-left,.bhw-banners .bhw-banner-right,.bhw-banners .bhw-banner-1 {
        float: none;
        width: 100%
    }

    .bhw-banners .bhw-banner-left div,.bhw-banners .bhw-banner-right div,.bhw-banners .bhw-banner-1 div {
        float: none;
        margin: 0px auto,width:468px
    }

    .bhw-banner-1 {
        height: 0;
        padding-bottom: 61px;
        overflow: hidden;
        max-width: 100%
    }

    .bhw-banner-1>div {
        top: 125px;
        max-width: 100%;
        height: auto
    }

    .bhw-banners .bhw-banner-top-top-m,.bhw-banners .bhw-banner-top-bottom-m,.bhw-banners .bhw-banner-bottom-top-m {
        height: 0;
        padding-bottom: 70px;
        overflow: hidden;
        max-width: 100%
    }

    .bhw-banners .bhw-banner-top-top-m>div,.bhw-banners .bhw-banner-top-bottom-m>div,.bhw-banners .bhw-banner-bottom-top-m>div {
        top: 0;
        max-width: 100%;
        height: auto
    }
}

@media(min-width: 900px) {
    .bhw-banners .bhw-banner-left,.bhw-banners .bhw-banner-right {
        height:0;
        padding-bottom: 70px;
        overflow: hidden;
        max-width: 100%
    }

    .bhw-banners .bhw-banner-left>div,.bhw-banners .bhw-banner-right>div {
        top: 125px;
        max-width: 100%;
        height: auto
    }

    .bhw-banners .bhw-banner-top-top,.bhw-banners .bhw-banner-top-bottom {
        height: 0;
        padding-bottom: 90px;
        overflow: hidden;
        max-width: 100%
    }

    .bhw-banners .bhw-banner-top-top>div,.bhw-banners .bhw-banner-top-bottom>div {
        top: 0;
        max-width: 100%;
        height: auto
    }
}

.bhw-banners--bottom {
    margin-top: 20px
}

.bhw-advertise-link {
    font-size: 11px
}

.bhw-advertise-link a:link,.bhw-advertise-link a:visited {
    color: #fc0;
    text-decoration: underline;
    display: block
}

.style-light .bhw-advertise-link a:link,.style-light .bhw-advertise-link a:visited {
    color: #000
}

.js-visitorMenuBody .avatar.avatar--l {
    width: 96px;
    height: 96px;
    font-size: 58px
}

.p-body-sidebar [data-widget-key=visitorpanel] .block-container {
    padding: 0
}

.p-body-sidebar [data-widget-key=visitorpanel] .block-container .block-row {
    padding: 0
}

.p-body-sidebar [data-widget-key=visitorpanel] .block-container .contentRow-main {
    padding: 10px
}

.p-body-sidebar [data-widget-key=visitorpanel] .block-container .avatar.avatar--l {
    width: 186px;
    height: 186px
}

.p-breadcrumbs--parent {
    margin-bottom: 12px
}

.p-breadcrumbs--parent .p-breadcrumbs.p-breadcrumbs--bottom {
    display: none
}

.p-footer-copyright--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.p-footer-copyright--flex .copyright-right {
    margin-left: auto
}

.p-footer-copyright--flex .p-footer-default {
    background: 0 0;
    border-width: 0;
    padding: 0!important
}

.p-footer-copyright--flex .p-footer-default .p-footer-inner {
    max-width: 100%!important;
    padding: 0!important
}

.p-footer-copyright--flex .p-footer-default .p-footer-inner>* {
    float: none
}

@media(min-width: 901px) {
    .overlay-large .overlay {
        max-width:1400px;
        margin: 30px auto
    }

    .overlay-large .overlay .fr-wrapper {
        max-height: 100vh!important
    }

    .overlay-large .overlay .fr-element,.overlay-large .overlay textarea.input {
        min-height: calc(100vh - 320px)!important
    }

    .overlay-large .overlay .formSubmitRow-controls {
        padding: 10px;
        text-align: center
    }

    .overlay-large .overlay .formSubmitRow-controls .button {
        display: block;
        width: 100%;
        padding: 15px;
        font-size: 15px
    }
}

@media(max-width: 900px) {
    .p-footer--container .p-footer-copyright--flex {
        display:block
    }
}

@media(max-width: 650px) {
    .p-body-inner {
        padding-right:10px;
        padding-left: 10px
    }
}

@media(max-width: 900px) {
    .p-body-sidebar {
        display:none
    }
}

@media(min-width: 901px) {
    .p-body-main.p-body-main--withSidebar.p-body-main--withSideNav .p-sidebarWrapper {
        order:1
    }

    .p-body-main.p-body-main--withSidebar.p-body-main--withSideNav .p-body-sideNav {
        order: 2;
        padding-left: 20px
    }

    .p-body-main.p-body-main--withSidebar.p-body-main--withSideNav .p-body-content {
        order: 3
    }
}

@media(min-width: 651px) {
    .block--messages .message:not(.message--forceColumns):not(.message--simple) .message-avatar .avatar {
        width:96px;
        height: 96px
    }

    .block--messages .message:not(.message--forceColumns) .message-user .message-userDetails {
        margin-right: auto;
        flex: 0 0 160px
    }

    .block--messages .message:not(.message--forceColumns) .message-user .message-userDetails .message-userBanner.userBanner {
        display: block
    }

    .block--messages .message:not(.message--forceColumns) .message-user .message-userDetails .message-name {
        font-size: 17px
    }

    .block--messages .message:not(.message--forceColumns) .message-user .message-userDetails .userBanner {
        font-size: 11px
    }

    .message-userExtras .pairs {
        padding: 3px 10px
    }

    .message-userExtras .pairs:first-of-type {
        padding-top: 0
    }

    .message-userExtras .pairs:last-of-type {
        padding-bottom: 0
    }
}

.img-bhw-cdn {
    display: block;
    margin: 0 auto
}