/* CSS placed here will be applied to all skins */ body.skin-holdfast .hf-upcoming-release-image {

 flex: 0 0 320px;
 max-width: 320px;
 overflow: hidden;
 display: flex;
 align-items: stretch;

}

body.skin-holdfast .hf-upcoming-release-image img {

 width: 100% !important;
 height: 100% !important;
 object-fit: cover;
 object-position: center;
 display: block;

}

.toc,

  1. toc,

.toctoggle, .mw-table-of-contents-container {

 display: none !important;

}

.wn-task-table td {

 vertical-align: top;

}

.wn-status {

 padding: 4px 8px;
 border-radius: 4px;
 font-weight: bold;
 display: inline-block;

}

/* Status colors */ .wn-task.wn-status-not-started .wn-status-cell {

 color: #b00020;
 font-weight: bold;

}

.wn-task.wn-status-in-progress .wn-status-cell {

 color: #b26a00;
 font-weight: bold;

}

.wn-task.wn-status-done .wn-status-cell {

 color: #1b7f3a;
 font-weight: bold;

}

.hf-social-card-icon img {

 width: 40px;
 height: 40px;
 object-fit: contain;
 display: block;
 margin: 0 auto;

}

/* ===== Known Issues & Solutions Page ===== */ body.skin-holdfast[class*="page-Known_Issues"] .hf-content {

 width: auto;
 height: auto;
 margin-top: 40px;
 padding: 40px 0 0 0;
 overflow: visible;
 display: flex;
 justify-content: center;

}

body.skin-holdfast[class*="page-Known_Issues"] .mw-body-content {

 width: 100%;
 margin: 0;
 display: flex;
 justify-content: center;

}

body.skin-holdfast[class*="page-Known_Issues"] .mw-parser-output {

 width: 100%;
 display: flex;
 justify-content: center;

}

body.skin-holdfast[class*="page-Known_Issues"] #toc, body.skin-holdfast[class*="page-Known_Issues"] #firstHeading {

 display: none;

}

/* ===== Server Config Templates Page ===== */ /* Body selectors cover direct article/template views. The wrapper class below

  keeps the code colors working anywhere the template is transcluded. */

body.skin-holdfast[class*="Server_Config_Templates"] .hf-content {

 width: auto;
 height: auto;
 margin-top: 40px;
 padding: 40px 0 0 0;
 overflow: visible;
 display: flex;
 justify-content: center;

}

body.skin-holdfast[class*="Server_Config_Templates"] .mw-body-content, body.skin-holdfast[class*="Server_Config_Templates"] .mw-parser-output {

 width: 100%;
 margin: 0;
 display: flex;
 justify-content: center;

}

body.skin-holdfast[class*="Server_Config_Templates"] #toc, body.skin-holdfast[class*="Server_Config_Templates"] #firstHeading {

 display: none;

}

/* Collapsible template headings inside Server Config Templates */ .hf-server-config-templates-page .hf-issue-block {

 border: 1px solid #d5d0c8;
 background: #EEEDEB;
 margin: 0.8em 0;

}

.hf-server-config-templates-page .hf-issue-heading {

 background: #F2F0EA !important;
 color: #886D00 !important;
 border-left: 4px solid #C9A227;
 border-bottom: 1px solid #BFB69C;
 padding: 10px 14px;
 font-weight: 700;

}

.hf-server-config-templates-page .hf-issue-heading a {

 color: #C9A227 !important;

}

.hf-server-config-templates-page .mw-collapsible-toggle {

 color: #C9A227 !important;
 font-weight: 700;

}

.hf-server-config-templates-page .mw-collapsible-content {

 padding: 12px 14px;

}

/* Code blocks inside Server Config Templates */ .hf-server-config-templates-page .hf-relpage-section-body pre, .hf-server-config-templates-page .hf-relpage-section-body .hf-code, body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body pre, body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body .hf-code {

 background: #1c1a18 !important;
 color: #e5e7eb !important;
 padding: .8em 1em;
 border-radius: .6em;
 overflow: auto;
 line-height: 1.45;
 font-size: .9em;
 border: 1px solid #3d3632;
 margin: 0.8em 0;

}

.hf-server-config-templates-page .hf-relpage-section-body code, body.skin-holdfast[class*="Server_Config_Templates"] .hf-relpage-section-body code {

 background: #2d2926 !important;
 color: #e2c275 !important;
 padding: 2px 6px;
 border-radius: 4px;
 font-size: .88em;

}