body .navTabs #searchBar {
    float: right;
    position: relative;
    max-width: none;
    margin: 5px 8px 0 0;
    padding: 0;
    width: 220px;
    z-index: 100;
}
body .navTabs #QuickSearchPlaceholder {
    display: none !important;
}
body .navTabs #QuickSearch {
    display: block !important;
    position: relative !important;
}


body .pageWidth { max-width: 1600px; }
#logoBlock { display: none; }

#header {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
body #header {
    background-color: rgb(255 255 255);
}
body .navTabs {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: rgb(255 255 255);
    font-size: 13px;
    padding: 0 25px;
    /* height: 43px; */
}
body .navTabs .publicTabs {
    order: 2;
    margin-right: 3vw;
    margin-left: 3vw;
}

body .navTabs .visitorTabs {
    order: 4;
}
body .navTabs .visitorTabs {
    background: url(../../../rgba.php?r=0&g=0&b=0&a=30);
    background: #294BAC;
    font-size: 14px;
    border-radius: 20px;
    padding: 4px 6px;
}
body .navTabs .visitorTabs .navLink {
    display: inline-block;
    color: #ffffff !important;
    padding: 0 10px;
    transition: all 0.2s ease;
}
#navigation .pageContent {
    height: 10vh;
    display: flex;
    align-items: center;
}
#headerMover #headerProxy {
    background-color: rgb(255 255 255);
    height: 10vh;
}
body .navTabs .navTab.selected .navLink {
    position: relative;
    color: #294BAC;
    background-color: #c4d9fb73;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: 700;
    border-radius: 50px;
}
body .navTabs .navTab.PopupClosed .navLink {
    color: #959595;
    transition: all 0.2s ease;
    font-weight: 600;
}
body .navTabs .navTab.PopupClosed:hover {
    opacity: 1;
    transition: all 0.2s ease;
    background-color: transparent;
}
body .navTabs .navTab.PopupClosed .navLink:hover {
    color: #294BAC;
    font-weight: 600;
}
body .navTabs .navTab.PopupOpen .navLink {
    color: #294BAC;
    font-weight: 600;
}
body .navTabs .navTab.PopupOpen .SplitCtrl::after {
    font-family: "FontAwesome";
    content: "\F0D8";
    color: #0098ff;
    opacity: 1;
    font-size: 12px;
    padding: 0 2px;
    margin-left: -2px;
}
body .navTabs .navTab.PopupClosed .SplitCtrl::after {
    font-family: "FontAwesome";
    content: "\F0D7";
    color: #0098ff;
    opacity: .5;
    font-size: 12px;
    padding: 0 2px;
}


body .Menu {
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    padding: 6px 0;
    background: #fff;
    min-width: 200px;
}
body .Menu .menuHeader {
    background: transparent !important;
    border-bottom: 1px solid #eef2f7;
    padding: 8px 14px 6px;
}
body .Menu .menuHeader h3 {
    font-size: 14px;
    color: #294BAC;
    font-weight: 600;
}
body .Menu .menuHeader .muted {
    font-size: 11px;
    color: #959595;
}
body .Menu .blockLinksList {
    padding: 4px 0;
}
body .Menu .blockLinksList li {
    float: none;
    padding: 0;
}
body .Menu .blockLinksList a {
    display: block;
    padding: 7px 14px;
    font-size: 13px;
    color: #555;
    font-weight: 500;
    transition: all 0.15s ease;
    border-radius: 8px;
    margin: 1px 6px;
}
body .Menu .blockLinksList a:hover {
    color: #294BAC;
    background-color: #c4d9fb73;
    text-decoration: none;
}

/* Search trigger button */
.search-mini-trigger {
    display: flex;
    align-items: center;
    order: 3;
    /* margin-left: auto; */
    margin-right: 2vw;
}
.search-trigger-btn {
    background: #294BAC;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 1.5vh;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    line-height: 1.4;
}
.search-trigger-btn:hover {
    background: #1e3a8a;
    color: #fff;
}
.search-trigger-btn i {
    font-size: 13px;
}

/* Search modal overlay */
.search-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 10vh;
    animation: modalFadeIn 0.2s ease;
}
@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.search-modal-panel {
    background: #fff;
    border-radius: 16px;
    width: 600px;
    max-width: 90vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    animation: modalSlideIn 0.25s ease;
    overflow: hidden;
}
@keyframes modalSlideIn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.search-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 0;
}
.search-modal-header h3 {
    font-size: 18px;
    color: #294BAC;
    font-weight: 600;
    margin: 0;
}
.search-modal-close {
    font-size: 28px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    transition: color 0.15s;
}
.search-modal-close:hover { color: #294BAC; }
.search-modal-body {
    padding: 16px 20px 20px;
    overflow-y: auto;
    flex: 1;
}
.search-modal-input-wrap {
    position: relative;
    margin-bottom: 12px;
}
.search-modal-input-wrap i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 15px;
}
.search-modal-input-wrap input {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 38px;
    font-size: 15px;
    border: 2px solid #e0e5ec;
    border-radius: 12px;
    background: #f8f9fc;
    transition: all 0.2s;
    box-sizing: border-box;
}
.search-modal-input-wrap input:focus {
    border-color: #294BAC;
    background: #fff;
    outline: none;
}
.search-modal-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px;
    background: #f8f9fc;
    border-radius: 12px;
}
.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
}
.filter-checkbox input { accent-color: #294BAC; }
.filter-user { position: relative; display: flex; align-items: center; }
.filter-user i { position: absolute; left: 8px; color: #aaa; font-size: 12px; }
.filter-user input {
    padding: 5px 8px 5px 26px;
    font-size: 13px;
    border: 1px solid #dde0e6;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.filter-date select {
    padding: 5px 8px;
    font-size: 13px;
    border: 1px solid #dde0e6;
    border-radius: 8px;
    background: #fff;
    color: #555;
}
.search-modal-results { min-height: 60px; }
.search-modal-placeholder {
    text-align: center;
    padding: 30px 0;
    color: #aaa;
    font-size: 14px;
}
.search-result-item {
    display: block;
    padding: 10px 14px;
    border-radius: 10px;
    transition: background 0.15s;
    margin-bottom: 4px;
    text-decoration: none;
}
.search-result-item:hover { background: #f0f2f7; }
.search-result-item h4 {
    margin: 0 0 3px;
    font-size: 14px;
    color: #294BAC;
    font-weight: 600;
}
.search-result-item:hover h4 { text-decoration: underline; }
.search-result-item .result-meta {
    font-size: 12px;
    color: #888;
}
.search-result-item .result-snippet {
    font-size: 13px;
    color: #555;
    margin-top: 3px;
    line-height: 1.4;
}
.search-result-item .result-snippet b,
.search-result-item .result-snippet strong { color: #294BAC; }
.search-modal-loading {
    text-align: center;
    padding: 30px 0;
    color: #888;
}
.search-modal-no-results {
    text-align: center;
    padding: 30px 0;
    color: #888;
    font-size: 14px;
}



.header-banner {
    text-align: center;
    margin: 10px 0;
}
.header-banner img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}


.xenOverlay {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
    padding: 0 !important;
    overflow: hidden;
    max-width: 420px !important;
    width: 90vw !important;
    background: #fff !important;
    z-index: 99999 !important;
}
.xenOverlay #pageLogin {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}
.xenOverlay #pageLogin .heading {
    font-size: 20px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 24px 28px 0 !important;
    margin: 0 0 4px !important;
    border: none !important;
    background: none !important;
}
.xenOverlay #pageLogin .ctrlUnit {
    margin: 0 28px 12px !important;
    border: none !important;
    padding: 0 !important;
}
.xenOverlay #pageLogin .ctrlUnit dt {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
    color: #666 !important;
    font-weight: 500 !important;
}
.xenOverlay #pageLogin .ctrlUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenOverlay #pageLogin .ctrlUnit .textCtrl,
.xenOverlay #pageLogin .ctrlUnit input[type="text"],
.xenOverlay #pageLogin .ctrlUnit input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    margin: 0 !important;
}
.xenOverlay #pageLogin .ctrlUnit .textCtrl:focus,
.xenOverlay #pageLogin .ctrlUnit input[type="text"]:focus,
.xenOverlay #pageLogin .ctrlUnit input[type="password"]:focus {
    border-color: #294BAC !important;
    background: #fff !important;
    outline: none;
}
.xenOverlay #pageLogin .ctrlUnit ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenOverlay #pageLogin .ctrlUnit ul li {
    font-size: 13px !important;
    color: #555 !important;
    margin-bottom: 8px !important;
    line-height: 1.5 !important;
}
.xenOverlay #pageLogin .ctrlUnit ul li input[type="radio"] {
    accent-color: #294BAC !important;
    margin-right: 5px !important;
}
.xenOverlay #pageLogin .rememberPassword {
    font-size: 13px !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 6px !important;
}
.xenOverlay #pageLogin .rememberPassword input {
    accent-color: #294BAC !important;
}
.xenOverlay #pageLogin .submitUnit {
    padding: 16px 28px 24px !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 0 16px 16px !important;
    border: none !important;
}
.xenOverlay #pageLogin .button.primary {
    width: 100% !important;
    height: 44px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
}
.xenOverlay #pageLogin .button.primary:hover {
    background: #1e3a8a !important;
}
.xenOverlay #pageLogin.xenForm {
    margin: 0 !important;
}
.xenOverlay #pageLogin .ctrlUnit > dt label {
    margin-left: 0 !important;
}
.login-modal-close { position: absolute; top: 12px; right: 16px; font-size: 24px; color: #999; cursor: pointer; line-height: 1; z-index: 10; transition: color 0.15s; } .login-modal-close:hover { color: #294BAC !important; }


/* Category styling */
body .node.category.level_1 {
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 18px;
    border: 1px solid rgba(0,0,0,0.04);
}
body .node.category.level_1 .categoryStrip {
    border-bottom: 1px solid #eef0f4;
    padding: 12px 16px;
    border-radius: 14px 14px 0 0 !important;
}
body .node.category.level_1 .categoryStrip .nodeTitle a {
    color: #294BAC !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

/* Forum node styling */
body .node.forum.level_2 .forumNodeInfo {
    border: none !important;
    border-bottom: 1px solid #f0f2f6 !important;
    padding: 12px 16px;
    background: #fff !important;
}
body .node.forum.level_2 .forumNodeInfo .nodeText .nodeTitle a {
    color: #294BAC !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

/* Stats */
.nodeStats li { font-weight: 700 !important; }
.nodeStats li span { font-weight: 400 !important; color: #888; }

/* Last post */
.nodeLastPost {
    padding: 8px 12px !important;
    border-radius: 10px !important;
    border: none !important;
    font-size: 12px;
    line-height: 1.5;
    margin: 6px 0;
}
.nodeLastPost .lastThreadTitle a {
    color: #294BAC !important;
    font-weight: 500;
    text-decoration: none;
}
.nodeLastPost .lastThreadMeta .lastThreadUser a::before {
    font-family: "FontAwesome";
    content: "\f007";
    margin-right: 4px;
    color: #3498db;
    font-size: 11px;
}

/* Node controls */
.nodeControls a {
    color: #294BAC !important;
}


/* Forum icons */
.node.forum.level_2 .nodeIcon { background: none !important; width: 24px !important; height: 24px !important; display: inline-flex !important; align-items: center; justify-content: center; font-size: 22px; margin-right: 10px; float: left; }
.node.forum.level_2 .nodeIcon::before { font-family: "FontAwesome"; content: "\f0f6"; font-size: 22px; color: #b2bec3; }

/* Specific forum icons */
.node.forum.level_2.node_4 .nodeIcon::before { content: "\f1ea"; color: #667eea; }
.node.forum.level_2.node_98 .nodeIcon::before { content: "\f073"; color: #e74c3c; }
.node.forum.level_2.node_185 .nodeIcon::before { content: "\f0f7"; color: #2ecc71; }
.node.forum.level_2.node_93 .nodeIcon::before, .node.forum.level_2.node_8 .nodeIcon::before { content: "\f0ac"; color: #3498db; }
.node.forum.level_2.node_6 .nodeIcon::before { content: "\f013"; color: #e67e22; }
.node.forum.level_2.node_7 .nodeIcon::before { content: "\f012"; color: #9b59b6; }
.node.forum.level_2.node_9 .nodeIcon::before { content: "\f109"; color: #27ae60; }
.node.forum.level_2.node_10 .nodeIcon::before { content: "\f07a"; color: #f39c12; }
.node.forum.level_2.node_11 .nodeIcon::before { content: "\f0b1"; color: #1abc9c; }
.node.forum.level_2.node_203 .nodeIcon::before, .node.forum.level_2.node_202 .nodeIcon::before, .node.forum.level_2.node_206 .nodeIcon::before { content: "\f072"; color: #8e44ad; }
.node.forum.level_2.node_147 .nodeIcon::before, .node.forum.level_2.node_126 .nodeIcon::before { content: "\f0eb"; color: #2980b9; }
.node.forum.level_2.node_18 .nodeIcon::before, .node.forum.level_2.node_19 .nodeIcon::before { content: "\f1b2"; color: #d35400; }
.node.forum.level_2.node_43 .nodeIcon::before { content: "\f015"; color: #c0392b; }
.node.forum.level_2.node_91 .nodeIcon::before { content: "\f059"; color: #2c3e50; }
.node.forum.level_2.node_12 .nodeIcon::before, .node.forum.level_2.node_14 .nodeIcon::before, .node.forum.level_2.node_15 .nodeIcon::before, .node.forum.level_2.node_16 .nodeIcon::before { content: "\f0c0"; color: #7f8c8d; }
.node.forum.level_2.node_115 .nodeIcon::before { content: "\f0a1"; color: #e84393; }
.node.forum.level_2.node_76 .nodeIcon::before { content: "\f0ca"; color: #636e72; }
.node.forum.level_2.node_180 .nodeIcon::before { content: "\f05a"; color: #00b894; }
.node.forum.level_2.node_61 .nodeIcon::before { content: "\f19d"; color: #6c5ce7; }
.node.forum.level_2.node_90 .nodeIcon::before { content: "\f19d"; color: #a29bfe; }

/* Hover animation on cards */
body .node.category.level_1 {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
body .node.category.level_1:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
}
body .node.forum.level_2 .forumNodeInfo {
    transition: background 0.2s ease !important;
}
body .node.forum.level_2 .forumNodeInfo:hover {
}

.node .forumNodeInfo.unread .nodeIcon:after,
.node .categoryForumNodeInfo.unread .nodeIcon:after {
    display: none !important;
}


/* Sidebar styling */
.sidebar .section {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    margin-bottom: 16px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.sidebar .section:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.sidebar .section .secondaryContent {
    background: #fff !important;
    border: none !important;
    padding: 14px 16px;
}
.sidebar .section .secondaryContent h3 {
    font-size: 14px;
    color: #294BAC;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    border: none;
    background: none;
}
.sidebar .section .primaryContent h3 a,\n.sidebar .section .secondaryContent h3 a {\n    font-size: 15px;\n    color: rgb(108, 178, 239);\n    text-decoration: none;\n}
.sidebar .section .secondaryContent h3 a:hover {
    text-decoration: underline;
}

/* Sidebar heading icons */
.sidebar .membersOnline h3::before { font-family: "FontAwesome"; content: "\f0c0"; margin-right: 6px; color: #3498db; font-size: 14px; }
.sidebar .threadList h3::before { font-family: "FontAwesome"; content: "\f0e5"; margin-right: 6px; color: #2ecc71; font-size: 14px; }
.sidebar .miniResourceList h3::before { font-family: "FontAwesome"; content: "\f0f6"; margin-right: 6px; color: #e67e22; font-size: 14px; }
.sidebar .statsList h3::before { font-family: "FontAwesome"; content: "\f080"; margin-right: 6px; color: #9b59b6; font-size: 14px; }

/* Users online */
.sidebar .membersOnline .listInline { margin: 0; padding: 0; list-style: none; }
.sidebar .membersOnline .listInline li { display: inline; margin-right: 4px; }
.sidebar .membersOnline .listInline li a { color: #294BAC; font-size: 13px; }
.sidebar .membersOnline .footnote { font-size: 12px; color: #666; margin-top: 10px; padding: 10px 12px; background: #f8f9fc; border-radius: 10px; line-height: 1.8; }

/* New messages */
.sidebar .threadList .threadListItem { padding: 8px 0; border-bottom: 1px solid #f0f2f6; overflow: hidden; }
.sidebar .threadList .threadListItem:last-child { border-bottom: none; }
.sidebar .threadList .threadListItem .avatar { float: left; margin-right: 8px; border-radius: 50% !important; width: 48px !important; height: 48px !important; overflow: hidden; }
.sidebar .threadList .threadListItem .avatar img { width: 48px !important; height: 48px !important; border-radius: 50% !important; }
.sidebar .threadList .threadListItem .messageInfo { margin-left: 56px; }
.sidebar .threadList .threadListItem .title a { color: #294BAC; font-size: 13px; font-weight: 500; text-decoration: none; }
.sidebar .threadList .threadListItem .title a:hover { text-decoration: underline; }
.sidebar .threadList .threadListItem .additionalRow { font-size: 11px; color: #888; margin-top: 2px; }
.sidebar .threadList .threadListItem .additionalRow a { color: #294BAC; }

/* New resources */
.sidebar .miniResourceList .visible { padding: 8px 0; border-bottom: 1px solid #f0f2f6; overflow: hidden; }
.sidebar .miniResourceList .visible:last-child { border-bottom: none; }
.sidebar .miniResourceList .resourceImage { border-radius: 50% !important; width: 48px !important; height: 48px !important; overflow: hidden; float: left; margin-right: 8px; }
.sidebar .miniResourceList .resourceImage img { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover; }
.sidebar .miniResourceList .resourceBody { margin-left: 56px; }
.sidebar .miniResourceList .resourceTitle { color: #294BAC; font-size: 13px; font-weight: 500; text-decoration: none; }
.sidebar .miniResourceList .tagLine { font-size: 11px; color: #888; margin-top: 2px; }
.sidebar .miniResourceList .tagLine .author { color: #294BAC; }
.sidebar .miniResourceList .lastUpdate { font-size: 11px; color: #aaa; margin-top: 1px; }

/* Forum stats */
.sidebar .statsList .pairsJustified dl { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid #f0f2f6; font-size: 13px; color: #555; }
.sidebar .statsList .pairsJustified dl:last-child { border-bottom: none; }
.sidebar .statsList .pairsJustified dt { color: #888; }
.sidebar .statsList .pairsJustified dd { color: #294BAC; font-weight: 600; }


html { background-color: #f6f8fc !important; }
body #content .pageContent { background-color: #f6f8fc !important; }
body .sectionMain { background-color: #f6f8fc !important; }


/* Footer styling */
body .footer { background-color: #fff !important; color: inherit !important; }
.footer { border-top: 1px solid #eef0f4; padding: 18px 0; margin-top: 20px; }
.footer .pageContent { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.footer .choosers { margin: 0; padding: 0; display: flex; align-items: center; gap: 6px; font-size: 13px; color: #888; }
.footer .choosers dd a { color: #294BAC; text-decoration: none; }
.footer .footerLinks { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.footer .footerLinks li a { color: #959595; font-weight: 600; font-size: 13px; text-decoration: none; padding: 4px 12px; border-radius: 20px; transition: all 0.2s; display: inline-block; }
.footer .footerLinks li a:hover { color: #294BAC; background-color: #c4d9fb73; text-decoration: none; }
.footerLegal { padding: 12px 0; font-size: 11px; color: #999; background: #fff !important; border-top: none !important; }
.footerLegal .pageContent { text-align: center; }
.footerLegal #copyright { color: #333; font-weight: 700; font-size: 13px; }


.node .forumNodeInfo .nodeIcon:after,
.node .categoryForumNodeInfo .nodeIcon:after {
    display: none !important;
}


/* Account menu */
#AccountMenu {
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
    padding: 0 !important;
    background: #fff !important;
    min-width: 360px !important;
}
#AccountMenu .menuHeader {
    border-bottom: 1px solid #eef0f4 !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 14px 16px !important;
}
#AccountMenu .menuHeader .avatar {
    border-radius: 50% !important;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
#AccountMenu .menuHeader h3 {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
#AccountMenu .menuHeader h3 a { color: #294BAC !important; text-decoration: none !important; }
#AccountMenu .menuHeader > div { font-size: 12px !important; color: #888 !important; }
#AccountMenu .menuHeader .links { list-style: none !important; margin: 4px 0 0 !important; padding: 0 !important; font-size: 12px !important; color: #666 !important; }
#AccountMenu .menuHeader .links li span { font-weight: 600 !important; color: #294BAC !important; }

/* Menu columns */
#AccountMenu .menuColumns {
    padding: 6px 12px !important;
    background: #fff !important;
    border: none !important;
}
#AccountMenu .menuColumns .blockLinksList {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
html body #AccountMenu .menuColumns .blockLinksList li a {
    display: block !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}
body #AccountMenu .menuColumns .blockLinksList li a:hover {
    color: #294BAC !important;
    background-color: #c4d9fb73 !important;
}

/* Visibility form */
#AccountMenu .visibilityForm label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: #555 !important;
}
#AccountMenu .visibilityForm input[type="checkbox"] { accent-color: #294BAC !important; }

/* Logout */
html body #AccountMenu .LogOut, html body #AccountMenu a.LogOut { background: #e74c3c !important; color: #fff !important; border-radius: 8px !important; padding: 6px 12px !important; font-weight: 600 !important; text-align: center !important; }

/* Status poster */
#AccountMenu .statusPoster {
    border-top: 1px solid #eef0f4 !important;
    padding: 10px 14px !important;
    border-radius: 0 0 14px 14px !important;
}
#AccountMenu .statusPoster textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #dde0e6 !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    background: #fff !important;
}


#AccountMenu a:empty, #AccountMenu a[href=""], #AccountMenu a:not([href]) { display: none !important; }


/* Status poster form */
#AccountMenu .statusPoster textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
    min-height: 40px !important;
    font-family: inherit !important;
    color: #333 !important;
    resize: none !important;
}
#AccountMenu .statusPoster textarea:focus {
    border-color: #294BAC !important;
    background: #fff !important;
    outline: none !important;
}
#AccountMenu .statusPoster .submitUnit {
    margin-top: 8px !important;
}
#AccountMenu .statusPoster .submitUnit .button.primary {
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
#AccountMenu .statusPoster .submitUnit .button.primary:hover {
    background: #1e3a8a !important;
}
#AccountMenu .statusPoster .submitUnit .statusEditorCounter {
    font-size: 11px !important;
    color: #888 !important;
    margin-right: 8px !important;
}


/* Tab links placeholder styling */
.tabLinks-placeholder {
    display: block !important;
    position: relative !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    margin: 10px 0 !important;
}
.tabLinks-placeholder .menuHeader {
    display: none !important;
}
.tabLinks-placeholder .blockLinksList {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: none !important;
    border: none !important;
}
.tabLinks-placeholder .blockLinksList li {
    float: none !important;
    padding: 0 !important;
    border: none !important;
}
.tabLinks-placeholder .blockLinksList a {
    display: block !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
    background: #fff !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}
.tabLinks-placeholder .blockLinksList a:hover {
    color: #294BAC !important;
    background: #c4d9fb73 !important;
    border-color: #294BAC !important;
}

.navTabs .navTab.selected .tabLinks { display: none; }


.section.staffOnline .avatar img,
.section.staffOnline .avatar {
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
}





@media (max-width: 768px) {
    body .navTabs { background-color: transparent !important; display: flex; height: auto !important; flex-direction: column; }
    #logo { height: auto !important; max-width: none !important; line-height: normal !important; float: none !important; display: block; text-align: center; margin-top: 2vh; margin-bottom: 2vh; }
    #logo img { max-height: 40px; width: auto; }
    body .navTabs .publicTabs { float: none !important; display: block; margin: 2vh 0 !important; }
    .search-mini-trigger { float: none !important; display: block; width: 100%; clear: both; margin-bottom: 2vh; }
    .search-trigger-btn { width: 100%; margin-right: 0; border-radius: 50px; justify-content: center; padding: 1.5vh; }
    body .navTabs .visitorTabs { float: none !important; display: block; border-radius: 0; text-align: center; padding: 8px 14px; margin-bottom: 2vh; }
    body .navTabs .visitorTabs .navLink { padding: 0; font-size: 14px; color: #fff !important; display: inline-block; }
    .breadBoxTop { margin-top: 35vh; }
    #navigation .pageContent { height: 35vh; display: flex; align-items: center; justify-content: center; }
    #headerMover #headerProxy { display: none; }
    #logoBlock { display: none !important; }
    body #header { display: block !important; }
    .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none !important; }
    .publicTabs .navTab.navigationHiddenTabs { display: list-item !important; }
    #NavigationHiddenMenu .primaryContent { display: none; }
    #NavigationHiddenMenu li { float: none; padding: 0; }
    #NavigationHiddenMenu li a { display: block; padding: 7px 14px; font-size: 13px; color: #555; font-weight: 500; border-radius: 8px; margin: 1px 6px; }
    #NavigationHiddenMenu li a:hover { color: #294BAC; background-color: #c4d9fb73; text-decoration: none; }

    a.callToAction {
        padding: 2px;
        display: inline-block;
        line-height: 28px;
        outline: 0 none;
        vertical-align: top;
        height: 28px;
        margin-top: 2vw;
        width: 100%;
    }
    .masonryContainer {
        padding-top: 10px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    html .itemGallery.masonry-brick {
        width: 100% !important;
    }
}


/* Forgot password modal */
.xenOverlay .formOverlay {
    border: none !important;
    padding: 24px 28px !important;
    background: transparent !important;
}
.xenOverlay .formOverlay .heading {
    font-size: 20px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    border: none !important;
    background: none !important;
}
.xenOverlay .formOverlay > p {
    font-size: 13px !important;
    color: #666 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}
.xenOverlay .formOverlay .ctrlUnit {
    margin: 0 0 12px !important;
    border: none !important;
    padding: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit dt {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
    color: #666 !important;
    font-weight: 500 !important;
}
.xenOverlay .formOverlay .ctrlUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit .textCtrl {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    margin: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit .textCtrl:focus {
    border-color: #294BAC !important;
    background: #fff !important;
    outline: none !important;
}
.xenOverlay .formOverlay .submitUnit {
    padding: 16px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
.xenOverlay .formOverlay .submitUnit dt {
    display: none !important;
}
.xenOverlay .formOverlay .submitUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px !important;
}
.xenOverlay .formOverlay .button.primary {
    flex: 1 !important;
    height: 44px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    padding: 0 16px !important;
}
.xenOverlay .formOverlay .button.primary:hover {
    background: #1e3a8a !important;
}
.xenOverlay .formOverlay .button.OverlayCloser {
    height: 44px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: #f0f2f7 !important;
    color: #555 !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    padding: 0 16px !important;
}
.xenOverlay .formOverlay .button.OverlayCloser:hover {
    background: #e0e5ec !important;
}

.xenOverlay .xenForm .ctrlUnit > dt label { margin-left: 0 !important; }


/* Cookie notice */
.bottomFixer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}
.bottomFixer .Notices {
    background: #fff !important;
    border-top: 1px solid #eef0f4 !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08) !important;
    padding: 12px 0 !important;
}
.bottomFixer .noticeContent {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}
.bottomFixer .noticeCookiesContent {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.bottomFixer .noticeCookiesContentRow {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.5 !important;
}
.bottomFixer .noticeCookiesContentButtonRow {
    display: flex !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}
.bottomFixer .noticeCookiesContentButtonRow .button {
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.bottomFixer .noticeCookiesContentButtonRow .CustomDismissCtrl {
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
}
.bottomFixer .noticeCookiesContentButtonRow .CustomDismissCtrl:hover {
    background: #1e3a8a !important;
}
.bottomFixer .noticeCookiesContentButtonRow .button:not(.CustomDismissCtrl) {
    background: #f0f2f7 !important;
    color: #555 !important;
    border: 1px solid #e0e5ec !important;
}
.bottomFixer .noticeCookiesContentButtonRow .button:not(.CustomDismissCtrl):hover {
    background: #e0e5ec !important;
}
.bottomFixer .DismissCtrl {
    display: none !important;
}


.Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow.noticeCookiesContentButtonRow { margin-top: 0 !important; }
.PanelScroller .scrollContainer, .PanelScrollerOff .panel { background: transparent !important; padding: 0 !important; margin-bottom: 0 !important; border: none !important; font-size: 13px !important; color: inherit !important; }


/* Breadcrumb styling */
.breadBoxTop {
    margin-bottom: 10px;
}
.breadcrumb {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.03) !important;
}
.breadcrumb .boardTitle {
    display: none !important;
}
.breadcrumb .crumbs {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    color: #888 !important;
}
.breadcrumb .crumbs .crust {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.breadcrumb .crumbs .crust a {
    color: #294BAC !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.breadcrumb .crumbs .crust a:hover {
    text-decoration: underline !important;
}
.breadcrumb .crumbs .arrow {
    color: #ccc !important;
    font-size: 11px !important;
}


/* Title bar */
.titleBar {
    margin: 16px 0 !important;
}
.titleBar h1 {
    font-size: 24px !important;
    color: #294BAC !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.titleBar #pageDescription {
    font-size: 13px !important;
    color: #888 !important;
    margin-top: 4px !important;
}


/* Quick navigation menu */
.xenOverlay .section > h2.heading {
    font-size: 20px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 24px 28px 0 !important;
    margin: 0 0 12px !important;
    border: none !important;
    background: none !important;
}
#jumpMenu {
    padding: 0 28px 24px !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
}
#jumpMenu .jumpMenuColumn {
    margin-bottom: 16px !important;
}
#jumpMenu .jumpMenuColumn h3.primaryContent {
    font-size: 14px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    border: none !important;
    margin: 0 0 6px !important;
}
#jumpMenu .jumpMenuColumn .secondaryContent {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList ul {
    padding: 0 !important;
    margin: 0 0 4px !important;
    list-style: none !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li {
    float: none !important;
    padding: 0 !important;
    border: none !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li a {
    display: block !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.1s ease !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li a:hover {
    color: #294BAC !important;
    background: #c4d9fb73 !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li a .depthPad {
    padding-left: 0 !important;
    display: inline !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li a._depth0,
#jumpMenu .jumpMenuColumn .blockLinksList li.d0 a {
    font-weight: 600 !important;
    color: #294BAC !important;
    border-bottom: 1px solid #eef0f4 !important;
    border-radius: 0 !important;
    padding: 8px 12px !important;
    margin-top: 4px !important;
}
#jumpMenu .jumpMenuColumn .blockLinksList li.d1 a { padding-left: 24px !important; }
#jumpMenu .jumpMenuColumn .blockLinksList li.d2 a { padding-left: 44px !important; font-size: 12px !important; }
#jumpMenu .jumpMenuColumn .blockLinksList li.d3 a { padding-left: 64px !important; font-size: 12px !important; }

/* Jump menu footer */
.xenOverlay .sectionFooter.overlayOnly {
    padding: 12px 28px 24px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
}
.xenOverlay .sectionFooter.overlayOnly .button.primary {
    display: inline-block !important;
    padding: 10px 32px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #294BAC !important;
    border: none !important;
    border-radius: 20px !important;
    cursor: pointer !important;
}
.xenOverlay .sectionFooter.overlayOnly .button.primary:hover {
    background: #1e3a8a !important;
}


.breadcrumb .jumpMenuTrigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 16px !important;
    background: #f0f2f7 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    margin-right: 10px !important;
    float: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
}
.breadcrumb .jumpMenuTrigger:hover {
    background: #c4d9fb73 !important;
    color: #294BAC !important;
}
.breadcrumb .jumpMenuTrigger::before {
    font-family: "FontAwesome";
    content: "\f0c9";
    font-size: 14px;
    margin-right: 4px;
}
.breadcrumb .jumpMenuTrigger::after {
    content: "Навигация";
    font-size: 13px;
}

html body .breadcrumb .jumpMenuTrigger, html body .jumpMenuTrigger { display: none !important; }


/* Thread list styling */
.discussionList .sectionHeaders {
    border-radius: 12px !important;
    padding: 8px 12px !important;
    margin-bottom: 6px !important;
    border: none !important;
}
.discussionList .sectionHeaders a {
    color: #666 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.discussionList .sectionHeaders .posterAvatar a span {
    color: #666 !important;
}
.discussionListItem {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    border-radius: 10px !important;
    margin-bottom: 4px !important;
    padding: 8px 12px !important;
    transition: box-shadow 0.15s !important;
}
.discussionListItem:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
}
.discussionListItem .title a {
    color: #294BAC !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
.discussionListItem .title a:hover {
    color: #1e3a8a !important;
    text-decoration: underline !important;
}
.discussionListItem .secondRow .username {
    color: #888 !important;
    font-size: 12px !important;
}
.discussionListItem .stats pairsJustified {
    font-size: 12px !important;
    color: #888 !important;
}
.discussionListItem .lastPostInfo .username {
    color: #294BAC !important;
    font-size: 12px !important;
}
.discussionListItem .iconKey .fa-thumb-tack {
    color: #e67e22 !important;
    font-size: 14px !important;
}

/* Sticky headers */
.sectionHeaders.stickynormalHeader {
    background: transparent !important;
    font-size: 13px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 12px 4px 4px !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Page navigation */
.PageNav {
    padding: 12px 0 !important;
    text-align: center !important;
}
.PageNav nav a {
    display: inline-block !important;
    padding: 6px 12px !important;
    margin: 0 2px !important;
    font-size: 13px !important;
    color: #555 !important;
    background: #fff !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}
.PageNav nav a:hover {
    color: #294BAC !important;
    border-color: #294BAC !important;
    background: #f0f2f7 !important;
}
.PageNav nav a.currentPage {
    color: #fff !important;
    background: #294BAC !important;
    border-color: #294BAC !important;
    font-weight: 600 !important;
}
.PageNav .pageNavHeader {
    font-size: 13px !important;
    color: #888 !important;
    margin-right: 8px !important;
}
.PageNav .PageNavNext, .PageNav .PageNavPrev {
    font-weight: 500 !important;
}
.PageNav a.text {
    color: #294BAC !important;
    font-weight: 500 !important;
}

/* Page nav link group */
.pageNavLinkGroup {
    padding: 4px 0 !important;
}

/* Section footer */
.sectionFooter {
    font-size: 12px !important;
    color: #888 !important;
    padding: 8px 0 !important;
}

/* Discussion list options */
.DiscussionListOptions {
    background: #fff !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-top: 8px !important;
}
.DiscussionListOptions .controlGroup label {
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 500 !important;
}
.DiscussionListOptions select.textCtrl {
    border: 1px solid #e0e5ec !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
}
.DiscussionListOptions .button.primary {
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
}
.DiscussionListOptions .button.primary:hover {
    background: #1e3a8a !important;
}

.PageNav .scrollable {
    position: relative;
    overflow: hidden;
    width: 14vw;
    height: 5vh;
}


/* Inline moderation */
#InlineModOverlay {
    background: #fff !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
    padding: 12px 16px !important;
    z-index: 9999 !important;
}
#InlineModOverlay .selectionControl {
    background: transparent !important;
    border: none !important;
    padding: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #555 !important;
}
#InlineModOverlay .selectionControl input[type="checkbox"] {
    accent-color: #294BAC !important;
}
#InlineModOverlay .selectionControl .button {
    background: #f0f2f7 !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    color: #555 !important;
}
#InlineModOverlay .actionControl {
    background: transparent !important;
    border: none !important;
    padding: 8px 0 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
#InlineModOverlay .actionControl .button {
    background: #f0f2f7 !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    color: #555 !important;
    transition: all 0.15s !important;
}
#InlineModOverlay .actionControl .button:hover {
    color: #294BAC !important;
    border-color: #294BAC !important;
}
#InlineModOverlay .actionControl .button.primary {
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
}
#InlineModOverlay .actionControl .button.primary:hover {
    background: #1e3a8a !important;
}
#InlineModOverlay select.textCtrl {
    border: 1px solid #e0e5ec !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
}

/* Create thread button */
.callToAction {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 20px !important;
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}
.callToAction:hover {
    background: #1e3a8a !important;
    color: #fff !important;
    text-decoration: none !important;
}
.callToAction span {
    color: #fff !important;
}

/* Watch forum link */
.linkGroup.SelectionCountContainer a,
.linkGroup a {
    color: #294BAC !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 4px 12px !important;
    border-radius: 16px !important;
    transition: all 0.15s !important;
}
.linkGroup.SelectionCountContainer a:hover,
.linkGroup a:hover {
    background: #c4d9fb73 !important;
    text-decoration: none !important;
}

/* Watch forum modal */
.xenOverlay .formOverlay#pageWatch {
    border: none !important;
    padding: 24px 28px !important;
    background: transparent !important;
}
.xenOverlay .formOverlay .heading {
    font-size: 20px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    border: none !important;
}
.xenOverlay .formOverlay .ctrlUnit {
    margin: 0 0 14px !important;
    border: none !important;
    padding: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit dt {
    font-size: 13px !important;
    color: #666 !important;
    font-weight: 500 !important;
    width: auto !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 6px !important;
}
.xenOverlay .formOverlay .ctrlUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit dd ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenOverlay .formOverlay .ctrlUnit dd li {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    color: #555 !important;
}
.xenOverlay .formOverlay .ctrlUnit dd li .hint {
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 4px !important;
}
.xenOverlay .formOverlay .ctrlUnit dd input[type="radio"],
.xenOverlay .formOverlay .ctrlUnit dd input[type="checkbox"] {
    accent-color: #294BAC !important;
    margin-right: 5px !important;
}
.xenOverlay .formOverlay .submitUnit {
    padding: 16px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
.xenOverlay .formOverlay .submitUnit .button.primary {
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}
.xenOverlay .formOverlay .submitUnit .button.primary:hover {
    background: #1e3a8a !important;
}
.xenOverlay .formOverlay .submitUnit .button.OverlayCloser {
    padding: 8px 16px !important;
    font-size: 13px !important;
    background: #f0f2f7 !important;
    color: #555 !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}
.xenOverlay .formOverlay .submitUnit .button.OverlayCloser:hover {
    background: #e0e5ec !important;
}


.callToAction span { background: #294BAC !important; border-color: #294BAC !important; color: #fff !important; border-radius: 20px !important;  font-size: 14px !important; font-weight: 600 !important; display: inline-block !important; }
.callToAction span:hover { background: #1e3a8a !important; border-color: #1e3a8a !important; }


/* Post/thread view styling */
.message {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
}

/* User info block */
.messageUserInfo {
    padding: 16px !important;
}
.messageUserBlock .avatarHolder {
    text-align: center !important;
}
.messageUserBlock .avatarHolder .avatar img {
    border-radius: 50% !important;
    width: 96px !important;
    height: 96px !important;
}
.messageUserBlock .userText {
    text-align: center !important;
    margin-top: 8px !important;
}
.messageUserBlock .userText .username {
    font-size: 14px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
}
.messageUserBlock .userText .userTitle {
    font-size: 11px !important;
    color: #888 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* Message content */
.messageInfo {
    background: #fff !important;
}
.messageHeading {
    padding: 10px 16px !important;
    border-bottom: 1px solid #eef0f4 !important;
}
.messageHeading .leftSide .datePermalink {
    color: #888 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}
.messageHeading .rightSide .postNumber {
    color: #aaa !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

/* Message text */
.messageContent {
    padding: 16px !important;
}
.messageContent .messageText {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #333 !important;
}
.messageContent .messageText a {
    color: #294BAC !important;
}

/* Signature */
.signature {
    border-top: 1px solid #eef0f4 !important;
    padding: 10px 16px !important;
    background: #fafbfc !important;
    font-size: 12px !important;
    color: #888 !important;
}

/* Likes */
.likesSummary {
    border: none !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    color: #666 !important;
}
.likesSummary .username {
    color: #294BAC !important;
    font-weight: 500 !important;
}

/* Message controls */
.messageMeta {
    padding: 8px 16px !important;
    background: #fafbfc !important;
    border-top: 1px solid #eef0f4 !important;
}
.messageMeta .privateControls a,
.messageMeta .publicControls a {
    color: #888 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
}
.messageMeta .privateControls a:hover,
.messageMeta .publicControls a:hover {
    color: #294BAC !important;
    background: #eef0f4 !important;
}

/* Staff banner */
.userBanner.bannerStaff {
    background: linear-gradient(180deg, #f5d061 0%, #fdf0bd 22%, #d4a017 50%, #f0cf85 78%, #a67c00 100%) !important;
    color: #5a3d00 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 2px 8px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-top: 4px !important;
}


.messageUserBlock { padding: 0 !important; }
.messageUserInfo { width: auto !important; }


.userStats {
    padding: 8px 0;
    border-top: 1px solid #eef0f4;
    margin-top: 8px;
    font-size: 11px;
    color: #666;
    line-height: 1.8;
}
.userStats .userStat span {
    color: #999;
}


.message .privateControls { display: flex; align-items: center; }


/* Gallery add photo/video overlay */
.xenOverlay .section > h2.heading {
    font-size: 20px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    padding: 20px 24px 0 !important;
    margin: 0 0 12px !important;
    border: none !important;
    background: none !important;
}
.xenOverlay .addPhotoSelect {
    padding: 0 24px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
}
.xenOverlay .addPhotoSelect li {
    margin-bottom: 6px !important;
    border: none !important;
    padding: 0 !important;
}
.xenOverlay .addPhotoSelect li a {
    display: block !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #294BAC !important;
    font-weight: 500 !important;
    background: #f8f9fc !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}
.xenOverlay .addPhotoSelect li a:hover {
    color: #fff !important;
    background: #294BAC !important;
    border-color: #294BAC !important;
}
.xenOverlay .sectionFooter.overlayOnly {
    padding: 0 24px 20px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
}
.xenOverlay .sectionFooter.overlayOnly .button.primary {
    display: inline-block !important;
    padding: 8px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #294BAC !important;
    border: none !important;
    border-radius: 20px !important;
    cursor: pointer !important;
}
.xenOverlay .sectionFooter.overlayOnly .button.primary:hover {
    background: #1e3a8a !important;
}

.xenOverlay .addPhotoSelect li { display: block !important; float: left !important; text-align: center !important; width: 100% !important; }


/* Album create form styling */
.xenForm.xenForm {
    background: transparent !important;
    padding: 24px 28px !important;
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
}
.xenForm fieldset {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.xenForm .ctrlUnit {
    margin: 0 0 14px !important;
    border: none !important;
    padding: 0 !important;
}
.xenForm .ctrlUnit dt {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
    color: #666 !important;
    font-weight: 500 !important;
}
.xenForm .ctrlUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.xenForm .ctrlUnit .textCtrl,
.xenForm .ctrlUnit input[type="text"],
.xenForm .ctrlUnit textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    background: #f8f9fc !important;
    margin: 0 !important;
    color: #333 !important;
}
.xenForm .ctrlUnit .textCtrl:focus,
.xenForm .ctrlUnit input[type="text"]:focus,
.xenForm .ctrlUnit textarea:focus {
    border-color: #294BAC !important;
    background: #fff !important;
    outline: none !important;
}
.xenForm .ctrlUnit select.textCtrl {
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    background: #f8f9fc !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.xenForm .ctrlUnit .explain {
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 4px !important;
}
.xenForm .submitUnit {
    padding: 16px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
.xenForm .submitUnit .button.primary {
    width: 100% !important;
    height: 44px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.xenForm .submitUnit .button.primary:hover {
    background: #1e3a8a !important;
}

.xenForm .ctrlUnit > dt label { margin-left: 0 !important; }


/* Gallery album grid styling */
.itemGallery {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.itemGallery:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
}
.itemGallery .img img {
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
}
.itemGallery .infoAlbum {
    padding: 10px 12px !important;
}
.itemGallery .infoAlbum .titleAlbum h3 {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.itemGallery .infoAlbum .titleAlbum h3 a {
    color: #294BAC !important;
    text-decoration: none !important;
}
.itemGallery .infoAlbum .titleAlbum h3 a:hover {
    text-decoration: underline !important;
}
.itemGallery .infoAlbum .dateInfo {
    font-size: 11px !important;
    color: #888 !important;
    margin-top: 2px !important;
}
.itemGallery .infoAlbum .userInfo a {
    color: #294BAC !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.itemGallery .toolAlbum {
    display: flex !important;
    border-top: 1px solid #eef0f4 !important;
    background: #f8f9fc !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.itemGallery .toolAlbum li {
    flex: 1 !important;
    text-align: center !important;
    border-right: 1px solid #eef0f4 !important;
}
.itemGallery .toolAlbum li:last-child {
    border-right: none !important;
}
.itemGallery .toolAlbum li a {
    color: #888 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}
.itemGallery .toolAlbum li a:hover {
    color: #294BAC !important;
}
.itemGallery .toolAlbum li a i {
    font-size: 14px !important;
}


.itemGallery.masonry-brick { width: 200px !important; min-width: 200px !important; }
.itemGallery .img a { max-height: 250px !important; }


/* Create thread form */
form#ThreadCreate {
    background: #fff !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}
form#ThreadCreate fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    background: transparent !important;
}
form#ThreadCreate .ctrlUnit {
    margin: 0 0 14px !important;
    border: none !important;
    padding: 0 !important;
}
form#ThreadCreate .ctrlUnit dt {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
    color: #666 !important;
    font-weight: 500 !important;
}
form#ThreadCreate .ctrlUnit dd {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
form#ThreadCreate .ctrlUnit .textCtrl,
form#ThreadCreate .ctrlUnit input[type="text"],
form#ThreadCreate .ctrlUnit input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    background: #f8f9fc !important;
    color: #333 !important;
    transition: all 0.2s !important;
    margin-bottom: 1vh !important;
}
form#ThreadCreate .ctrlUnit .textCtrl:focus,
form#ThreadCreate .ctrlUnit input[type="text"]:focus {
    border-color: #294BAC !important;
    background: #fff !important;
    outline: none !important;
}
form#ThreadCreate .ctrlUnit textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    background: #f8f9fc !important;
    min-height: 100px !important;
}

/* Buttons */
form#ThreadCreate .button.primary {
    background: #294BAC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
form#ThreadCreate .button.primary:hover {
    background: #1e3a8a !important;
}
form#ThreadCreate .button {
    background: #f0f2f7 !important;
    color: #555 !important;
    border: 1px solid #e0e5ec !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    margin-top: 2vh;
}
form#ThreadCreate .button:hover {
    color: #294BAC !important;
    border-color: #294BAC !important;
}

/* Tags input */
form#ThreadCreate .taggingInput {
    border: 2px solid #e0e5ec !important;
    border-radius: 12px !important;
    padding: 6px 10px !important;
    background: #f8f9fc !important;
}
form#ThreadCreate .taggingInput input {
    border: none !important;
    background: transparent !important;
    font-size: 13px !important;
}

/* Checkboxes and radios */
form#ThreadCreate input[type="checkbox"],
form#ThreadCreate input[type="radio"] {
    accent-color: #294BAC !important;
    margin-right: 4px !important;
}
form#ThreadCreate .ctrlUnit ul li {
    font-size: 13px !important;
    color: #555 !important;
    margin-bottom: 6px !important;
}
form#ThreadCreate .ctrlUnit .hint {
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 2px !important;
}
form#ThreadCreate .explain {
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 4px !important;
}

/* Poll section */
form#ThreadCreate .textHeading {
    font-size: 16px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    margin: 16px 0 10px !important;
    border: none !important;
    background: none !important;
}
form#ThreadCreate .PollResponseContainer li {
    margin-bottom: 6px !important;
}
form#ThreadCreate .PollResponseContainer li input {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Small button for add options */
form#ThreadCreate .button.smallButton {
    padding: 6px 14px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}

/* File upload */
form#ThreadCreate .AttachmentUploader {
    align-items: center !important;
    gap: 6px !important;
}

/* Select */
form#ThreadCreate select.textCtrl {
    border: 2px solid #e0e5ec !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    background: #f8f9fc !important;
}

.button.smallButton { height: auto !important; }


/* Member card popup */
.xenOverlay.memberCard {
    max-width: 360px !important;
    width: 90vw !important;
    border-radius: 16px !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
    border: none !important;
    overflow: hidden !important;
}
.xenOverlay.memberCard .avatarCropper {
    text-align: center !important;
    padding: 20px 20px 0 !important;
    background: #f8f9fc !important;
}
.xenOverlay.memberCard .avatarCropper .avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    display: inline-block !important;
}
.xenOverlay.memberCard .avatarCropper .avatar img {
    border-radius: 50% !important;
}
.xenOverlay.memberCard .userInfo {
    padding: 12px 20px 16px !important;
}
.xenOverlay.memberCard .userInfo .username {
    font-size: 16px !important;
    color: #294BAC !important;
    font-weight: 600 !important;
    margin: 0 0 2px !important;
    text-align: center !important;
}
.xenOverlay.memberCard .userInfo .username a {
    color: #294BAC !important;
    text-decoration: none !important;
}
.xenOverlay.memberCard .userInfo .userTitleBlurb {
    text-align: center !important;
    margin-bottom: 8px !important;
}
.xenOverlay.memberCard .userInfo .userTitleBlurb .userTitle {
    font-size: 13px !important;
    color: #888 !important;
    font-weight: 500 !important;
}
.xenOverlay.memberCard .userInfo .userTitleBlurb .userBlurb {
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 2px !important;
}
.xenOverlay.memberCard .userInfo .status {
    background: #f8f9fc !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    color: #666 !important;
    font-style: italic !important;
    margin: 8px 0 !important;
    text-align: center !important;
}
.xenOverlay.memberCard .userLinks {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    margin: 10px 0 !important;
}
.xenOverlay.memberCard .userLinks a {
    display: inline-block !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    color: #294BAC !important;
    background: #f0f2f7 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}
.xenOverlay.memberCard .userLinks a:hover {
    color: #fff !important;
    background: #294BAC !important;
}
.xenOverlay.memberCard .userStats {
    background: #f8f9fc !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
}
.xenOverlay.memberCard .userStats dt {
    font-size: 12px !important;
    color: #888 !important;
    font-weight: 500 !important;
    float: left !important;
    clear: left !important;
    width: 45% !important;
    padding: 3px 0 !important;
}
.xenOverlay.memberCard .userStats dd {
    font-size: 12px !important;
    color: #333 !important;
    font-weight: 600 !important;
    float: left !important;
    width: 55% !important;
    padding: 3px 0 !important;
}
.xenOverlay.memberCard .userStats dd a {
    color: #294BAC !important;
}
.xenOverlay.memberCard .lastActivity {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 8px !important;
    text-align: center !important;
}
.xenOverlay.memberCard .close {
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    font-size: 20px !important;
    color: #999 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.xenOverlay.memberCard .close:hover {
    color: #294BAC !important;
}


/* Layout alignment fixes */
.mainContainer {
    float: left;
    margin-right: -260px;
    width: 100%;
}
.sidebar {
    float: right;
    width: 250px;
    margin-top: 2vh;
}
#content .pageContent {
    padding: 10px;
}
.node.category.level_1 {
    margin-bottom: 14px;
}
.node.forum.level_2 .forumNodeInfo {
    padding: 10px 14px;
}
.nodeLastPost {
    margin: 4px 0;
}
.footer .pageContent {
    padding: 0 10px;
}

@media (max-width: 800px) {
    .Responsive .Notice.notice_-1 .noticeCookiesContent .noticeCookiesContentRow {
        font-size: 12px;
        width: 100%;
        justify-content: center;
    }
}