/* DeFraction Blue / Fluid visual port for MyBB 1.8.41.
   Designed to reproduce the supplied reference screenshot while keeping MyBB's core markup/behavior. */
:root {
  --df-ink:#252525; --df-ink-deep:#171717; --df-cyan:#00a3c6; --df-cyan-dark:#007f9e;
  --df-red:#ed4b25; --df-text:#414141; --df-line:#d2d2d2; --df-row-alt:#f6f6f6;
}
html { background:#e6e6e6; }
body { min-width:320px; margin:0; background:#fff; color:var(--df-text); text-align:left; font:13px/1.42 Tahoma,Verdana,Arial,sans-serif; }
#container { width:100%; min-width:0; max-width:none; margin:0 auto; background:#fff; color:var(--df-text); }
.wrapper { width:94%; min-width:0; max-width:1200px; margin:0 auto; }
a:link,a:visited { color:#007f9e; text-decoration:none; }
a:hover,a:active { color:#005f75; text-decoration:underline; }

/* Thin cyan social strip */
.df-social-bar { height:39px; overflow:hidden; border-top:3px solid #0087a2; border-bottom:2px solid #007e98; background:#00a3c6 url(../../../images/DeFraction/topBarBG.gif) repeat-x top left; color:#fff; }
.df-social-bar .wrapper { display:flex; height:39px; align-items:center; gap:7px; }
.df-social-label { margin-right:2px; color:#fff; font-weight:bold; }
.df-social-icons { display:flex; align-items:center; gap:5px; }
.df-social-icons img { display:block; width:auto; max-height:28px; border:0; }

/* DeFraction brand bar */
#header { margin:0; padding:0; background:none; color:#eaf7fa; }
#logo { min-height:98px; padding:0; border:0; background:#282828 url(../../../images/DeFraction/headerBG.gif) repeat-x top left; }
#logo .wrapper { position:relative; display:flex; min-height:98px; align-items:center; gap:18px; background:url(../../../images/DeFraction/headerWrapBG.gif) no-repeat top left; }
#logo .df-logo-link { display:flex; flex:0 0 234px; height:98px; align-items:center; overflow:hidden; }
#logo .df-logo-link img { display:block; width:234px; height:98px; object-fit:contain; }
.df-slogan { display:block; flex:1 1 auto; min-width:150px; padding:7px 0 7px 17px; border-left:1px solid #555; color:#c6c6c6; font-size:12px; text-transform:uppercase; }
.df-account { flex:0 0 360px; align-self:center; color:#eee; }
.df-login-title { display:block; margin-bottom:6px; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; }
.df-login-form { margin:0; }
.df-login-fields { display:flex; align-items:stretch; gap:5px; }
.df-login-fields input[type="text"],.df-login-fields input[type="password"] { box-sizing:border-box; width:116px; height:28px; padding:5px 6px; border:1px solid #444; background:#555; color:#fff; font:12px Tahoma,Verdana,Arial,sans-serif; }
.df-login-fields input::placeholder { color:#eee; opacity:1; }
.df-login-fields input[type="submit"] { min-width:52px; height:28px; padding:0 9px; border:1px solid #0086a3; background:#009cbd; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer; }
.df-login-links { display:flex; align-items:center; gap:5px; margin-top:4px; color:#bbb; font-size:10px; text-transform:uppercase; }
.df-login-links a { color:#f2cf95; }
.df-remember { margin-left:auto; color:#bbb; white-space:nowrap; }
.df-remember input { vertical-align:middle; }
.df-member-welcome { text-align:right; }
.df-member-welcome .df-login-title { font-size:12px; }
.df-member-links { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.df-member-links a { color:#f2cf95; font-size:11px; }

/* Main dark navigation and white utility navigation */
.df-primary-nav { min-height:39px; border-top:1px solid #555; border-bottom:2px solid #555; background:#282828 url(../../../images/DeFraction/navBG.gif) repeat-x top left; }
.df-primary-nav .wrapper { display:flex; min-height:39px; align-items:center; justify-content:space-between; }
.df-primary-links { display:flex; align-items:stretch; align-self:stretch; margin:0; padding:0; list-style:none; }
.df-primary-links li { margin:0; border-right:1px solid #3e3e3e; }
.df-primary-links a { display:flex; height:39px; align-items:center; padding:0 17px; color:#e7e7e7; font-size:14px; text-transform:uppercase; }
.df-primary-links a:hover,.df-primary-links .active a { background:#1f1f1f; color:#fff; text-decoration:none; }
.df-primary-links .active a { border-bottom:2px solid var(--df-cyan); }
.df-primary-links a:focus-visible { outline:2px solid var(--df-cyan); outline-offset:-2px; }
.df-search { display:flex; align-items:center; }
.df-search form { display:flex; align-items:center; margin:0; }
.df-search input[type="text"],.df-search input.textbox { box-sizing:border-box; width:145px; height:27px; padding:4px 7px; border:1px solid #d5d5d5; border-radius:5px; background:#fff; color:#333; }
.df-search input[type="submit"],.df-search button { width:28px; height:28px; margin-left:7px; border:0; background:transparent url(../../../images/DeFraction/searchButton.gif) no-repeat center; color:transparent; cursor:pointer; }
.df-secondary-nav { min-height:37px; border-bottom:1px solid #d8d8d8; background:#fafafa; color:#333; }
.df-secondary-nav .wrapper { display:flex; min-height:37px; align-items:center; justify-content:space-between; gap:12px; }
.df-secondary-links { display:flex; flex-wrap:wrap; align-items:center; gap:0; margin:0; padding:0; list-style:none; }
.df-secondary-links > li { position:relative; margin:0; }
.df-secondary-links > li > a,.df-secondary-links .df-dropdown > a { display:block; padding:10px 11px; color:#333; font-size:12px; }
.df-secondary-links > li > a:hover,.df-secondary-links .df-dropdown > a:hover { background:#eee; color:#007f9e; text-decoration:none; }
.df-secondary-right { flex:0 0 auto; padding:8px 0 8px 8px; color:#333; font-size:12px; }
.df-secondary-right a { color:#333; }
.df-dropdown ul { display:none; position:absolute; z-index:1000; top:100%; left:0; min-width:160px; margin:0; padding:4px 0; border:1px solid #ccc; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.16); list-style:none; }
.df-dropdown:hover ul,.df-dropdown:focus-within ul { display:block; }
.df-dropdown ul a { display:block; padding:7px 11px; color:#333; white-space:nowrap; }
.df-dropdown ul a:hover { background:#f1f1f1; color:#007f9e; text-decoration:none; }

/* Main page and breadcrumb */
#content { padding:0; border:0; background:#fff; }
#content .wrapper { padding-top:14px; padding-bottom:24px; }
.navigation,.breadcrumb { margin:0 0 11px; padding:8px 10px; border:0; background:#f1f1f1; color:#555; font-size:12px; }
.navigation a,.breadcrumb a { color:#333; }
.df-home-heading { margin:9px 0 10px; }
.df-home-heading h2 { margin:0; color:#363636; font-size:18px; line-height:1.2; }
.df-home-heading p { margin:1px 0 0; color:#777; font-size:11px; }
.df-home-guest { display:none; margin:10px 0 20px; }
body.df-user-0 .df-home-guest { display:block; }
.df-welcome-graphic { position:relative; width:769px; max-width:100%; }
.df-welcome-graphic img { display:block; width:100%; height:auto; }
.df-register-cta { position:absolute; top:17%; left:65.3%; box-sizing:border-box; display:block; width:14.7%; height:68%; padding:8px 4px; border:1px solid #d93e15; border-radius:6px; background:#e9481e; color:#fff !important; font:bold 14px/1.2 Tahoma,Verdana,Arial,sans-serif; text-align:center; text-decoration:none !important; white-space:nowrap; }
.df-first-visit { display:none; margin:0 0 12px; padding:9px 12px; border:1px solid #efd56a; background:#fff2be; color:#6b5a2c; font-size:12px; }
body.df-user-0 .df-first-visit { display:block; }
.df-first-visit a { color:#d33817; font-weight:bold; }

/* Category tables: cyan heading, charcoal column row, clean forum rows */
.tborder { border:1px solid #c9c9c9; border-radius:0; background:#fff; border-spacing:0; }
.df-category { overflow:hidden; margin:0 0 14px; border:1px solid #c9c9c9; border-radius:6px; box-shadow:0 1px 0 #bbb; }
.df-category .df-category-head { padding:10px 14px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left; color:#fff; }
.df-category .df-category-head a,.df-category .df-category-head a:link,.df-category .df-category-head a:visited { color:#fff; }
.df-category-title { padding-right:20px; color:#fff; font-size:14px; text-transform:uppercase; }
.df-category-title strong { font-size:14px; }
.df-category-description { color:#e7f9fc; font-size:11px; font-weight:normal; text-transform:none; }
.df-category .df-column-head { border:0; background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left; color:#eee; font-weight:normal; }
.df-category .df-column-head .smalltext { color:#ddd; }
.df-category .trow1 { background:#fff; }
.df-category .trow2 { background:#f7f7f7; }
.df-category .trow1,.df-category .trow2 { border-color:#e4e4e4; }
.df-category .smalltext { color:#777; }
.df-category .forum_status { opacity:.8; }
.thead { border-color:#111; background:#242424 url(../../../images/DeFraction/theadBG.gif) repeat-x top left; color:#f2f2f2; font-weight:bold; }
.thead a,.thead a:link,.thead a:visited { color:#fff; }
.tcat { border-color:#111; background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left; color:#f2f2f2; font-weight:bold; }
.tcat a,.tcat a:link,.tcat a:visited { color:#fff; }
.trow1 { background:#fff; }
.trow2 { background:var(--df-row-alt); }
.trow_sep { border-top:1px solid #d5d5d5; background:#eee; color:#333; font-weight:bold; }
.tfoot { border-color:#151515; background:#262626; color:#ddd; }
.tfoot a { color:#fff; }
.smalltext { color:#777; }
.thead .smalltext,.tcat .smalltext { color:inherit; }
.forum_legend { color:#777; }
.df-home .forum_legend { margin-top:9px; }

/* Orange activity / board-statistics panel */
.df-boardstats { margin-top:12px; overflow:hidden; border:1px solid #ccc; border-radius:6px; box-shadow:0 1px 0 #bbb; }
.df-boardstats > thead .thead { padding:10px 14px; border:0; background:linear-gradient(#f35a30,#df3a18); color:#fff; text-transform:uppercase; }
.df-boardstats > thead .thead strong { font-size:14px; }
.df-boardstats .tcat { border:0; border-bottom:1px dashed #d5d5d5; background:#fff; color:#333; }
.df-boardstats .tcat .smalltext { color:#333; font-size:13px; }
#container .df-boardstats .tcat .smalltext a:link,
#container .df-boardstats .tcat .smalltext a:visited { color:#00a3c6; }
#container .df-boardstats .tcat .smalltext a:hover,
#container .df-boardstats .tcat .smalltext a:active { color:#007f9e; text-decoration:underline; }
.df-boardstats .trow1 { border-bottom:1px dashed #d5d5d5; background:#fff; }
.df-boardstats .trow1 .smalltext { color:#555; }
.df-boardstats .tfoot { border-top:1px solid #ddd; background:#f6f6f6; color:#666; }
.df-boardstats .tfoot a { color:#007f9e; }

/* Post and form styling follows the same squared-off, low-contrast visual system */
.post { border:1px solid #dedede; border-radius:0; background:#fff; }
.post_author { border-right:1px solid #dedede; background:#f4f4f4; }
.post_content { background:#fff; }
.post_head { border-bottom:1px solid #e2e2e2; background:#fafafa; color:#555; }
.post_controls { border-top:1px solid #bbc2c7; background:#dddcdc; }
blockquote,.codeblock { border:1px solid #d3d3d3; border-left:3px solid #00a3c6; background:#f5f5f3; color:#444; }
input.textbox,textarea,select { border:1px solid #c8c8c8; border-radius:0; background:#fff; color:#444; }
input.textbox:focus,textarea:focus,select:focus { border-color:#00a3c6; outline:1px solid rgba(0,163,198,.16); }
input.button,button,.button { border:1px solid #007a95; border-radius:0; background:#008eac; color:#fff; cursor:pointer; }
input.button:hover,button:hover,.button:hover { background:#00748d; color:#fff; }

/* Charcoal footer */
#footer { border:0; background:#222 url(../../../images/DeFraction/footerBarBG.gif) repeat-x top left; color:#d1d1d1; }
#footer .upper { border:0; background:transparent; }
#footer .upper .wrapper { padding-top:17px; padding-bottom:14px; }
#footer .lower { border-top:1px solid #3b3b3b; background:#191919; }
#footer .lower .wrapper { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,468px); grid-template-areas:"time brand" "copyright brand"; align-items:center; gap:4px 20px; padding-top:17px; padding-bottom:17px; }
#current_time { grid-area:time; }
#copyright { grid-area:copyright; }
.df-footer-brand { grid-area:brand; justify-self:end; width:100%; }
.df-footer-brand img { display:block; width:100%; max-width:468px; height:auto; border:1px solid #555; }
.df-theme-credit { margin:8px 0 0; color:#aaa; font-size:11px; }
#footer a,#footer .menu a { color:#eee; }
#footer a:hover,#footer .menu a:hover { color:#62d0e5; }
#footer .menu { display:flex; flex-wrap:wrap; gap:4px 14px; margin:8px 0; padding:0; list-style:none; }
#footer .menu li { float:none; }
#footer .menu a { padding:2px 0; }
#copyright,#current_time { color:#aaa; }

@media (max-width:900px) {
  .wrapper { width:96%; }
  #logo .wrapper { flex-wrap:wrap; gap:0 12px; padding:5px 0; }
  #logo .df-logo-link { flex-basis:190px; height:83px; }
  #logo .df-logo-link img { width:190px; height:83px; }
  .df-account { flex-basis:100%; padding:4px 0 7px; }
  .df-login-fields input[type="text"],.df-login-fields input[type="password"] { flex:1 1 0; width:auto; }
  .df-member-welcome { text-align:left; }
  .df-member-links { justify-content:flex-start; }
  .df-secondary-nav .wrapper { align-items:flex-start; flex-wrap:wrap; gap:0; }
  .df-secondary-right { padding:9px 10px; }
}
@media (max-width:600px) {
  .df-social-bar .wrapper { width:100%; padding-left:10px; box-sizing:border-box; }
  #logo .df-logo-link { flex-basis:160px; height:70px; }
  #logo .df-logo-link img { width:160px; height:70px; }
  .df-slogan { min-width:0; padding-left:9px; font-size:10px; }
  .df-login-fields { flex-wrap:wrap; }
  .df-login-fields input[type="text"],.df-login-fields input[type="password"] { min-width:110px; }
  .df-primary-nav .wrapper { width:100%; flex-wrap:wrap; }
  .df-primary-links a { padding:0 12px; font-size:12px; }
  .df-search { padding:5px 8px; }
  .df-secondary-links > li > a,.df-secondary-links .df-dropdown > a { padding:8px 7px; font-size:11px; }
  .df-register-cta { padding:5px 2px; font-size:clamp(8px,2vw,13px); }
  .df-category .df-category-description { display:block; margin-top:2px; }
}
@media (max-width:650px) {
  #footer .lower .wrapper { grid-template-columns:1fr; grid-template-areas:"time" "copyright" "brand"; }
  .df-footer-brand { justify-self:start; margin-top:10px; }
}

/* Win against MyBB's master stylesheet, which loads rules for #logo, .wrapper,
   .forum_status, the search button, and footer sections with equal specificity. */
#container div.wrapper { width:94% !important; min-width:0 !important; max-width:1200px !important; margin:0 auto; }

#container #header #logo {
  display:block; box-sizing:border-box; width:100%; height:110px; min-height:110px;
  padding:0; border:0; background:#252525 url(../../../images/DeFraction/headerBG.gif) repeat-x top left !important;
}
#container #header #logo > .wrapper {
  display:flex; box-sizing:border-box; width:94% !important; height:110px; min-height:110px;
  align-items:center; gap:18px; padding:0;
  background:url(../../../images/DeFraction/headerWrapBG.gif) no-repeat top left !important;
}
#container .df-social-bar .df-social-icons img { max-height:32px; }
#container #header #logo .df-logo-link { flex:0 0 260px; width:260px; height:110px; overflow:hidden; }
#container #header #logo .df-logo-link img { display:block; width:260px; height:110px; object-fit:contain; }
#container #header .df-slogan {
  flex:1 1 auto; min-width:150px; height:110px; padding:0 0 0 21px;
  border:0; background:url(../../../images/DeFraction/sloganSplit.gif) no-repeat left center;
  color:#b3b3b3; font-size:14px; line-height:110px;
}
#container #header .df-account { flex:0 0 360px; margin-left:auto; }
#container #header .df-login-title { color:#fff; }
#container #header .df-login-links a,#container #header .df-member-links a { color:#ffe9c1; }
#container #header .df-login-fields input[type="submit"] {
  box-sizing:border-box; width:54px; min-width:54px; height:29px; padding:0;
  border:0; background:#009cbd url(../../../images/DeFraction/loginButton.gif) no-repeat center;
  color:transparent; font-size:0; line-height:0; cursor:pointer;
}
#container #header .df-search input[type="submit"],
#container #header .df-search button {
  box-sizing:border-box; display:block; width:22px; min-width:22px; height:29px; padding:0;
  border:0; border-radius:0; background:transparent url(../../../images/DeFraction/searchButton.gif) no-repeat center;
  color:transparent; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;
}
#container { width:100% !important; min-width:0 !important; max-width:none !important; }
#container #header .df-social-bar .wrapper,
#container #header .df-primary-nav .wrapper,
#container #header .df-secondary-nav .wrapper,
#container #content .wrapper,
#container #footer .wrapper { width:94% !important; min-width:0 !important; max-width:1200px !important; margin:0 auto; }
#container #header .df-search { flex:0 0 auto; padding:0; }
#container #header .df-search form { display:flex !important; align-items:center; flex-wrap:nowrap; width:auto; margin:0; }
#container #header .df-search fieldset#search {
  display:flex; align-items:center; flex-wrap:nowrap; gap:7px; min-width:0;
  margin:0; padding:0; border:0; background:transparent;
}
#container #header .df-search fieldset#search input[type="text"],
#container #header .df-search fieldset#search input.textbox {
  box-sizing:border-box; display:block; flex:0 0 128px; width:128px; min-width:128px; height:27px;
  margin:0; padding:4px 7px; border:1px solid #d5d5d5; border-radius:5px;
  background:#fff; color:#333; font:12px Tahoma,Verdana,Arial,sans-serif;
}
#container #header .df-search fieldset#search input[type="submit"] { margin:0; }
#container #header .df-search fieldset#search input[type="hidden"] { display:none; }
#container #header .df-search fieldset#search input[type="text"]:focus {
  outline:0; border-color:#009cbd; box-shadow:0 0 0 2px rgba(0,156,189,.18);
}

#container .forum_status {
  display:inline-block; box-sizing:border-box; width:48px; height:48px;
  opacity:1; background-color:transparent; background-position:center; background-repeat:no-repeat;
  background-size:48px 48px; vertical-align:middle;
}
#container .forum_status.forum_on { background-image:url(../../../images/DeFraction/forum_new_48.png); }
#container .forum_status.forum_off { background-image:url(../../../images/DeFraction/forum_old_48.png); }
#container .forum_status.forum_offclose { background-image:url(../../../images/DeFraction/forum_old_lock_48.png); }
#container .forum_status.forum_offlink { background-image:url(../../../images/DeFraction/forum_link_48.png); }
#container .forum_legend .forum_status { width:16px; height:16px; background-size:16px 16px; }
#container .forum_legend .forum_status.forum_on { background-image:url(../../../images/DeFraction/forum_new_16.png); }
#container .forum_legend .forum_status.forum_off { background-image:url(../../../images/DeFraction/forum_old_16.png); }
#container .forum_legend .forum_status.forum_offclose { background-image:url(../../../images/DeFraction/forum_lock_16.png); }
#container .forum_legend .forum_status.forum_offlink { background-image:url(../../../images/DeFraction/forum_link_16.png); }
#container .df-category .expcolimage { position:relative; float:right; width:19px; height:18px; margin:0 2px 0 8px; }
#container .df-category .expcolimage::before {
  content:""; position:absolute; inset:0; display:block; width:19px; height:18px;
  background:url(../../../images/DeFraction/collapse_tcat.png) no-repeat center;
}
#container .df-category .expcolimage img {
  position:absolute; inset:0; display:block; box-sizing:border-box; width:19px; height:18px; opacity:0;
}
#container .df-category .expcolimage:has(img[src*="collapsed"])::before {
  background-image:url(../../../images/DeFraction/collapse_tcat_collapsed.png);
}
#container .df-boardstats .expcolimage { position:relative; float:right; width:19px; height:18px; margin:0 2px 0 8px; }
#container .df-boardstats .expcolimage::before {
  content:""; position:absolute; inset:0; display:block; width:19px; height:18px;
  background:url(../../../images/DeFraction/collapse_tcat.png) no-repeat center;
}
#container .df-boardstats .expcolimage img {
  position:absolute; inset:0; display:block; box-sizing:border-box; width:19px; height:18px; opacity:0;
}
#container .df-boardstats .expcolimage:has(img[src*="collapsed"])::before {
  background-image:url(../../../images/DeFraction/collapse_tcat_collapsed.png);
}
#container .df-category .df-category-title,
#container .df-category .df-category-title a { color:#fff; font-size:16px; }
#container .df-category .df-category-description { color:#e7f9fc; font-size:12px; }
#container .df-boardstats .df-boardstats-icon { display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; }
#container .df-forum-links { margin:15px 0 17px; color:#00a3c6; font-size:15px; font-weight:bold; text-align:center; }
#container .df-forum-links a { color:#00a3c6; }
#container .df-forum-links a:hover { color:#007f9e; }
#container .df-welcome-graphic .df-register-cta {
  top:0; left:65.3%; width:15%; height:auto; padding:0; border:0; border-radius:0;
  background:none; line-height:normal;
}
#container .df-welcome-graphic .df-register-cta img { display:block; width:100%; height:auto; }

#container #footer { color:#898989; background:#252525 url(../../../images/DeFraction/footerBarBG.gif) repeat-x top left; }
#container #footer .upper { border:0; background:transparent !important; }
#container #footer .upper .wrapper { padding:0; }
.df-footer-main { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; }
.df-footer-copy { flex:1 1 auto; min-width:0; color:#898989; line-height:18px; }
#container #footer #current_time { display:block; margin:0 0 4px; color:#aaa; }
#container #footer #copyright { display:block; color:#aaa; }
.df-theme-credit { margin:8px 0 0; color:#aaa; font-size:11px; }
.df-footer-brand {
  flex:0 0 476px; box-sizing:border-box; width:476px; height:68px; padding:4px;
  background:url(../../../images/DeFraction/bannerBoxBG.gif) no-repeat top left;
}
.df-footer-brand img { display:block; width:468px; max-width:100%; height:60px; border:0; }
#container #footer .lower { min-height:58px; border:0 !important; background:#393939; box-shadow:none; }
#container #footer .lower .wrapper {
  display:grid; grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"menu language theme";
  align-items:center; gap:10px; min-height:58px; padding:0;
}
#container #footer .menu { grid-area:menu; display:flex; flex-wrap:wrap; gap:0; margin:0; }
#container #footer .menu li { float:none; padding:0 8px; }
#container #footer .menu a { padding:0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:15px; font-weight:bold; }
#container #footer .language { grid-area:language; }
#container #footer .theme { grid-area:theme; }
#container #footer .language select,#container #footer .theme select { max-width:190px; }

@media (max-width:900px) {
  #container #header #logo { height:auto; min-height:110px; }
  #container #header #logo > .wrapper { height:auto; min-height:110px; flex-wrap:wrap; gap:0 12px; padding:5px 0; }
  #container #header #logo .df-logo-link { flex-basis:190px; width:190px; height:83px; }
  #container #header #logo .df-logo-link img { width:190px; height:83px; }
  #container #header .df-account { flex:1 1 100%; margin-left:0; padding:4px 0 7px; }
}
@media (max-width:650px) {
  #container #header #logo .df-logo-link { flex-basis:160px; width:160px; height:70px; }
  #container #header #logo .df-logo-link img { width:160px; height:70px; }
  #container #footer .df-footer-main { align-items:flex-start; flex-direction:column; gap:16px; padding:20px 0; }
  #container #footer .df-footer-brand { flex-basis:auto; max-width:100%; }
  #container #footer .lower .wrapper { grid-template-columns:1fr; grid-template-areas:"menu" "language" "theme"; padding:8px 0; }
  #container #footer .menu a { font-size:13px; }
}

/* Forum pages carry the same cyan section headers and charcoal table labels as the home page. */
#container .df-threadlist,
#container .df-threadview,
#container .df-quickreply {
  width:100%; border:1px solid #c9c9c9; border-spacing:0; border-radius:6px;
  background:#fff; box-shadow:0 1px 0 #bbb;
}
#container .df-threadlist > tbody > tr:first-child > .thead,
#container .df-threadview > tbody > tr:first-child > .thead,
#container .df-quickreply > thead > tr > .thead {
  padding:9px 12px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left;
  color:#fff; font-weight:bold;
}
#container .df-threadlist > tbody > tr:first-child > .thead a,
#container .df-threadview > tbody > tr:first-child > .thead a { color:#fff; }
#container .df-threadlist .tcat {
  padding:7px 8px; border:0; border-bottom:1px solid #1b1b1b;
  background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left; color:#eee;
}
#container .df-threadlist .tcat a { color:#fff; }
#container .df-threadlist .trow1,
#container .df-threadlist .trow2 { border-bottom:1px solid #e4e4e4; }
#container .df-threadlist .trow1 { background:#fff; }
#container .df-threadlist .trow2 { background:#f7f7f7; }
#container .df-threadlist .tfoot,
#container .df-threadview .tfoot,
#container .df-quickreply .tfoot {
  border-top:1px solid #d8d8d8; background:#ededed; color:#555;
}
#container .df-threadview #posts_container { padding:0; border:0; background:#fff; }
#container .df-threadview #posts { padding:8px; background:#fff; }
#container .df-threadview .post {
  margin:0 0 9px; border:1px solid #dedede; border-radius:2px; background:#fff;
}
#container .df-threadview .post:last-child { margin-bottom:0; }
#container .df-threadview .post_author { border-right:1px solid #dedede; background:#f4f4f4; }
#container .df-threadview .post_head { border-bottom:1px solid #e2e2e2; background:#fafafa; }
#container .df-threadview .post_body { color:#414141; line-height:1.55; }
#container .df-threadview .post_controls { border-top:1px solid #d8d8d8; background:#ededed; }
#container .df-quickreply .trow1,
#container .df-quickreply .trow2 { border-color:#e4e4e4; background:#f7f7f7; }
#container .df-quickreply textarea { box-sizing:border-box; border:1px solid #c8c8c8; background:#fff; }
#container #footer .lower,
#container #footer .lower .wrapper,
#container #footer .menu { border:0 !important; outline:0; box-shadow:none; }

/* Subforum tables use the same category treatment as the board index. */
#container .df-subforums {
  width:100%; margin:0 0 14px; border:1px solid #c9c9c9; border-spacing:0;
  border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 1px 0 #bbb;
}
#container .df-subforums .df-subforum-title {
  padding:10px 14px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left;
  color:#fff; font-size:16px; text-align:left !important; text-transform:uppercase;
}
#container .df-subforums tr:nth-child(2) .tcat {
  padding:7px 10px; border:0; background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left;
  color:#eee; font-weight:normal;
}
#container .df-subforums tr:nth-child(2) .tcat .smalltext { color:#ddd; }
#container .df-subforums .trow1 { background:#fff; }
#container .df-subforums .trow2 { background:#f7f7f7; }
#container .df-subforums .trow1,
#container .df-subforums .trow2 { border-color:#e4e4e4; }
#container .df-subforums .trow1 a,
#container .df-subforums .trow2 a { color:#007f9e; }
#container .df-subforums .trow1 .smalltext,
#container .df-subforums .trow2 .smalltext { color:#777; }

/* New-thread composer: cyan page header, with the attachment panel highlighted in board-stats orange. */
#container .df-newthread,
#container .df-attachments {
  width:100%; margin:0 0 14px; border:1px solid #c9c9c9; border-spacing:0;
  border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 1px 0 #bbb;
}
#container .df-newthread > tbody > tr:first-child > .thead {
  padding:10px 14px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left;
  color:#fff; font-size:16px;
}
#container .df-newthread .trow1 { background:#fff; }
#container .df-newthread .trow2 { background:#f7f7f7; }
#container .df-newthread .trow1,
#container .df-newthread .trow2 { border-color:#e4e4e4; }
#container .df-attachments > tbody > tr:first-child > .thead {
  padding:10px 14px; border:0; background:linear-gradient(#f35a30,#df3a18);
  color:#fff; font-size:14px; text-transform:uppercase;
}
#container .df-attachments .tcat {
  border:0; background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left;
  color:#eee;
}
#container .df-attachments .tcat.smalltext { color:#ddd; }
#container .df-attachments .trow1,
#container .df-attachments .trow2 { border-color:#e4e4e4; background:#fff; }

#container .df-newreply {
  width:100%; margin:0 0 14px; border:1px solid #c9c9c9; border-spacing:0;
  border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 1px 0 #bbb;
}
#container .df-newreply > tbody > tr:first-child > .thead {
  padding:10px 14px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left;
  color:#fff; font-size:16px;
}
#container .df-newreply > tbody > tr:nth-child(2) > .tcat {
  padding:7px 10px; border:0; background:#292929 url(../../../images/DeFraction/theadBG.gif) repeat-x top left;
  color:#eee;
}
#container .df-newreply .trow1 { background:#fff; }
#container .df-newreply .trow2 { background:#f7f7f7; }
#container .df-newreply .trow1,
#container .df-newreply .trow2 { border-color:#e4e4e4; }
#container .df-quickreply > thead > tr > .thead {
  background:linear-gradient(#f35a30,#df3a18); color:#fff; text-transform:uppercase;
}

/* Responsive layouts for navigation, tables, editors, posts, and forms. */
@media (max-width:760px) {
  #container div.wrapper,
  #container #header .wrapper,
  #container #content .wrapper,
  #container #footer .wrapper { width:96% !important; }
  #container #header #logo > .wrapper { gap:0 10px; }
  #container .df-primary-nav .wrapper { flex-wrap:wrap; }
  #container .df-primary-links { flex:1 1 100%; }
  #container .df-primary-links li { flex:1 1 50%; }
  #container .df-primary-links a { justify-content:center; padding:0 8px; }
  #container .df-primary-nav .df-search { flex:1 1 100%; padding:6px 0; }
  #container .df-primary-nav .df-search form,
  #container .df-primary-nav .df-search fieldset#search { width:100%; }
  #container #header .df-search { flex:1 1 100%; width:100%; }
  #container #header .df-search form,
  #container #header .df-search fieldset#search { width:100% !important; }
  #container .df-primary-nav .df-search fieldset#search input[type="text"],
  #container .df-primary-nav .df-search fieldset#search input.textbox { flex:1 1 auto; width:auto; min-width:0; }
  #container .df-secondary-nav .wrapper { align-items:flex-start; flex-wrap:wrap; }
  #container .df-secondary-links { width:100%; }
  #container .df-secondary-links > li { flex:1 1 auto; }
  #container #content .wrapper { padding-top:10px; padding-bottom:18px; }
  #container .df-category,
  #container .df-subforums,
  #container .df-threadlist,
  #container .df-threadview,
  #container .df-newthread,
  #container .df-newreply,
  #container .df-attachments,
  #container .df-quickreply,
  #container .df-boardstats { max-width:100%; table-layout:auto; }
  #container .df-category td,
  #container .df-subforums td,
  #container .df-threadlist td { padding:6px; overflow-wrap:anywhere; }
  #container .df-category .forum_status { width:34px; height:34px; background-size:34px 34px; }
  #container .df-threadlist tr > td:nth-child(4),
  #container .df-threadlist tr > td:nth-child(5),
  #container .df-threadlist tr > td:nth-child(6),
  #container .df-subforums tr > td:nth-child(3),
  #container .df-subforums tr > td:nth-child(4),
  #container .df-category tr > td:nth-child(3),
  #container .df-category tr > td:nth-child(4) { display:none; }
  #container .df-threadview #posts { padding:5px; }
  #container .df-threadview .post_author {
    float:none !important; width:auto !important; border-right:0; border-bottom:1px solid #dedede;
  }
  #container .df-threadview .post_content { float:none !important; width:auto !important; }
  #container .df-threadview .post_controls { min-height:0; }
  #container .df-newthread tr > td,
  #container .df-newreply tr > td,
  #container .df-attachments tr:not(:first-child) > td {
    display:block; box-sizing:border-box; width:100% !important;
  }
  #container .df-newthread textarea,
  #container .df-newreply textarea,
  #container .df-quickreply textarea { box-sizing:border-box; max-width:100%; }
  #container .df-newthread input.textbox,
  #container .df-newreply input.textbox,
  #container .df-newthread select,
  #container .df-newreply select { box-sizing:border-box; max-width:100%; }
  #container .df-attachments input[type="file"] { max-width:100%; }
  #container .df-quickreply tbody tr:first-child > td {
    display:block; box-sizing:border-box; width:100% !important;
  }
  #container .df-quickreply tbody tr:first-child > td:first-child { border-bottom:1px solid #dedede; }
  #container .sceditor-container { box-sizing:border-box; max-width:100% !important; }
  #container .sceditor-toolbar { display:flex; flex-wrap:wrap; }
  #container .thread_tools { display:flex; flex-wrap:wrap; gap:8px; padding:0; }
  #container #footer .df-footer-main { align-items:flex-start; flex-direction:column; gap:16px; padding:20px 0; }
  #container .df-footer-brand { max-width:100%; }
}

@media (max-width:480px) {
  body { min-width:0; font-size:12px; }
  #container .df-social-label { display:none; }
  #container #header #logo .df-slogan { display:none; }
  #container #header .df-account { min-width:0; }
  #container .df-login-fields { flex-wrap:wrap; }
  #container .df-login-fields input[type="text"],
  #container .df-login-fields input[type="password"] { flex:1 1 42%; min-width:0; }
  #container .df-login-fields input[type="submit"] { flex:1 1 100%; }
  #container .df-secondary-links > li { flex:1 1 33%; }
  #container .df-secondary-links > li > a,
  #container .df-secondary-links .df-dropdown > a { padding:8px 5px; font-size:11px; text-align:center; }
  #container .df-register-cta { font-size:clamp(8px,2.5vw,12px); }
  #container .df-category-title { font-size:13px; }
  #container .df-subforums .df-subforum-title,
  #container .df-newthread > tbody > tr:first-child > .thead,
  #container .df-newreply > tbody > tr:first-child > .thead,
  #container .df-attachments > tbody > tr:first-child > .thead,
  #container .df-quickreply > thead > tr > .thead { padding:8px 10px; font-size:13px; }
  #container .df-threadlist .tcat { font-size:10px; }
  #container .df-footer-main { gap:14px; }
  #container .df-footer-brand { width:100%; }
}

/* The advanced-search form uses cyan section bars like the front page. */
#container .df-search-page {
  width:100%; margin:0 0 14px; border:1px solid #c9c9c9; border-spacing:0;
  border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 1px 0 #bbb;
}
#container .df-search-page .thead,
#container .df-search-page .tcat {
  padding:8px 10px; border:0; background:#009fc1 url(../../../images/DeFraction/tcatBG.gif) repeat-x top left;
  color:#fff;
}
#container .df-search-page .thead { padding:10px 14px; font-size:16px; }
#container .df-search-page .tcat { font-size:12px; font-weight:bold; }
#container .df-search-page .smalltext { color:#eefbff; }
#container .df-search-page .trow1 { background:#fff; }
#container .df-search-page .trow2 { background:#f7f7f7; }
#container .df-search-page input.textbox,
#container .df-search-page select { box-sizing:border-box; max-width:100%; }
@media (max-width:760px) {
  #container .df-search-page tr > td { display:block; box-sizing:border-box; width:100% !important; }
  #container .df-search-page select[name="forums[]"] { width:100%; max-height:190px; }
}