@import url("../../prosilver/theme/stylesheet.css");

/* =========================================================
   MUROC RACING TEAM - phpBB 3.3.17
   Full racing child theme for prosilver
   ========================================================= */

:root {
  --muroc-blue:#003554;
  --muroc-blue-2:#00557b;
  --muroc-blue-3:#0b4561;
  --muroc-orange:#c84b00;
  --muroc-orange-2:#f8791c;
  --muroc-cyan:#00b3c8;
  --muroc-cyan-2:#4fd5e3;
  --muroc-bg:#07131d;
  --muroc-bg-2:#0a1c28;
  --muroc-panel:#102a39;
  --muroc-panel-2:#15384a;
  --muroc-panel-3:#0d2633;
  --muroc-text:#edf6fa;
  --muroc-muted:#b8cbd4;
  --muroc-border:rgba(0,179,200,.16);
}

/* Base */
html, body {
  background:
    radial-gradient(circle at top right, rgba(0,179,200,.08), transparent 30%),
    linear-gradient(180deg,#061019,#07131d 55%,#081924);
  color:var(--muroc-text);
}

body {
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}

.wrap {
  max-width:1320px;
  background:transparent;
  padding:0 14px 40px;
}

/* Racing header */
.headerbar {
  position:relative;
  overflow:hidden;
  border-top:4px solid var(--muroc-orange);
  border-bottom:1px solid rgba(0,179,200,.18);
  border-radius:0 0 14px 14px;
  background:
    linear-gradient(120deg,var(--muroc-blue) 0%,#082234 52%,#07131d 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}

.headerbar::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.09;
  background-image:
    linear-gradient(45deg,#fff 25%,transparent 25%),
    linear-gradient(-45deg,#fff 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#fff 75%),
    linear-gradient(-45deg,transparent 75%,#fff 75%);
  background-size:22px 22px;
  background-position:0 0,0 11px,11px -11px,-11px 0;
  pointer-events:none;
}

.headerbar::after {
  content:"";
  position:absolute;
  right:-90px;
  top:-46px;
  width:420px;
  height:180px;
  transform:skewX(-18deg);
  background:
    linear-gradient(90deg,
      transparent 0 22%,
      rgba(200,75,0,.92) 22% 30%,
      transparent 30% 36%,
      rgba(0,179,200,.46) 36% 44%,
      transparent 44%);
  pointer-events:none;
}

.site-description {
  position:relative;
  z-index:2;
}

.site-description h1 {
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.065em;
  text-shadow:0 3px 14px rgba(0,0,0,.45);
}

.site-description p {
  color:#c9dce5;
}

/* Navbar */
.navbar {
  border:1px solid var(--muroc-border);
  border-radius:12px;
  background:linear-gradient(180deg,#102735,#0b1d29);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.navbar a,
.navbar .icon {
  color:#eaf6fa;
}

.navbar a:hover {
  color:var(--muroc-orange-2);
}

/* Category / forum containers */
.forabg,
.forumbg {
  border:1px solid var(--muroc-border);
  border-radius:14px;
  overflow:hidden;
  background:#0c2330;
  background-image:none !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.forabg .header,
.forumbg .header {
  background:linear-gradient(90deg,var(--muroc-blue) 0%,var(--muroc-blue-2) 74%,var(--muroc-orange) 145%);
  color:#fff;
}

.forabg .header a,
.forumbg .header a {
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* Flat topic/forum rows - no striping */
.forabg li.row,
.forumbg li.row,
ul.topiclist li.row {
  background:#102a39 !important;
  background-image:none !important;
  border-top-color:rgba(255,255,255,.035);
  border-bottom-color:rgba(0,179,200,.10);
  transition:background .15s ease,border-color .15s ease;
}

.forabg li.row:nth-child(even),
.forumbg li.row:nth-child(even) {
  background:#0d2633 !important;
}

.forabg li.row:hover,
.forumbg li.row:hover,
ul.topiclist li.row:hover {
  background:#15384a !important;
  border-bottom-color:rgba(248,121,28,.24);
}

.topiclist,
.topiclist > li,
.list-inner {
  background-image:none !important;
}

/* Better readable descriptions / metadata */
.forum_desc,
li.row dd,
li.row .list-inner,
li.row .list-inner p,
li.row dd.posts,
li.row dd.topics,
li.row dd.views,
li.row dd.lastpost,
li.row small {
  color:var(--muroc-muted) !important;
}

/* Links */
a {
  color:#53d5e5;
}

a:hover {
  color:var(--muroc-orange-2);
  text-decoration:none;
}

a.forumtitle,
a.topictitle {
  color:#f4fbff;
  font-weight:800;
}

a.forumtitle:hover,
a.topictitle:hover {
  color:var(--muroc-cyan);
}

/* Posts */
.post {
  border:1px solid rgba(0,179,200,.13);
  border-left:4px solid var(--muroc-blue-2);
  border-radius:12px;
  background:linear-gradient(180deg,#102a39,#0a1c27);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.post:hover {
  border-left-color:var(--muroc-orange);
}

.bg1 { background-color:#0d2633; }
.bg2 { background-color:#102d3c; }
.bg3 { background-color:#0a1e29; }

.panel {
  border:1px solid rgba(0,179,200,.12);
  border-radius:12px;
  background:#102b3a;
  color:var(--muroc-text);
}

.content,
.postbody,
.postprofile,
.signature,
.notice {
  color:#dceaf0;
}

.postprofile {
  border-color:rgba(0,179,200,.14);
}

.postbody h3,
.postbody h3 a {
  color:#fff;
}

/* Quotes / code */
blockquote {
  border-left:4px solid var(--muroc-orange);
  background:#0a1d28;
  color:#c9dbe3;
}

.codebox {
  border:1px solid rgba(0,179,200,.16);
  background:#07141d;
}

.codebox code {
  color:#b8ecf2;
}

/* Racing buttons */
.button,
.button1,
.button2,
input.button1,
input.button2,
a.button1,
a.button2 {
  border:1px solid #0a8aa1;
  border-radius:8px;
  background:linear-gradient(180deg,#076584,#003d58);
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.025em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.button:hover,
.button1:hover,
.button2:hover,
input.button1:hover,
input.button2:hover,
a.button1:hover,
a.button2:hover {
  border-color:#e86617;
  background:linear-gradient(180deg,#ec6b20,#aa3f00);
  color:#fff;
}

/* Inputs */
input.inputbox,
textarea.inputbox,
select {
  border:1px solid rgba(0,179,200,.20);
  border-radius:8px;
  background:#081a24;
  color:#eef8fb;
}

input.inputbox:focus,
textarea.inputbox:focus,
select:focus {
  border-color:var(--muroc-cyan);
  box-shadow:0 0 0 2px rgba(0,179,200,.10);
}

/* Pagination */
.pagination li a,
.pagination li span {
  border-color:rgba(0,179,200,.18);
  background:#102b39;
  color:#e7f6fa;
}

.pagination li a:hover {
  background:var(--muroc-cyan);
  color:#031014;
}

.pagination li.active span {
  border-color:var(--muroc-orange);
  background:var(--muroc-orange);
  color:#fff;
}

/* Dropdowns */
.dropdown .dropdown-contents {
  border:1px solid rgba(0,179,200,.20);
  background:#102a38;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}

.dropdown .dropdown-contents a {
  color:#e8f4f8;
}

.dropdown .dropdown-contents a:hover {
  background:#153b4b;
  color:#fff;
}

/* Tabs / UCP / MCP */
.tabs .tab > a,
.navigation a {
  background:#102b39;
  color:#d7edf3;
}

.tabs .tab > a:hover,
.navigation a:hover {
  background:#17465a;
  color:var(--muroc-orange-2);
}

.tabs .activetab > a,
.tabs .activetab > a:hover,
.navigation .active-subsection a {
  background:var(--muroc-blue);
  color:#fff;
  border-bottom:3px solid var(--muroc-orange);
}

/* Tables */
table.table1 thead th {
  color:#fff;
  background:var(--muroc-blue);
}

table.table1 tbody tr {
  border-color:rgba(0,179,200,.10);
}

table.table1 tbody tr:hover {
  background:#153a49;
}

/* Footer */
.copyright {
  color:#8fa4af;
}

.copyright a {
  color:#65d3df;
}

.copyright a:hover {
  color:var(--muroc-orange-2);
}

/* =========================================================
   Custom Muroc racing icons
   ========================================================= */

dl.row-item {
  background-position:10px 50%;
  background-repeat:no-repeat;
  background-size:38px 38px;
}

dl.row-item.forum_read,
dl.row-item.forum_read_subforum {
  background-image:url("./images/forum_read.svg");
}

dl.row-item.forum_unread,
dl.row-item.forum_unread_subforum {
  background-image:url("./images/forum_unread.svg");
}

dl.row-item.topic_read,
dl.row-item.topic_read_mine,
dl.row-item.topic_read_hot,
dl.row-item.topic_read_hot_mine {
  background-image:url("./images/topic_read.svg");
}

dl.row-item.topic_unread,
dl.row-item.topic_unread_mine,
dl.row-item.topic_unread_hot,
dl.row-item.topic_unread_hot_mine {
  background-image:url("./images/topic_unread.svg");
}

dl.row-item.topic_read_locked,
dl.row-item.topic_unread_locked,
dl.row-item.topic_read_locked_mine,
dl.row-item.topic_unread_locked_mine {
  background-image:url("./images/topic_locked.svg");
}

dl.row-item.announce_read,
dl.row-item.announce_unread,
dl.row-item.global_read,
dl.row-item.global_unread {
  background-image:url("./images/announce.svg");
}

dl.row-item.sticky_read,
dl.row-item.sticky_unread {
  background-image:url("./images/sticky.svg");
}

/* make room for custom icons */
dl.row-item dt .list-inner {
  padding-left:54px;
}

/* Mobile */
@media (max-width:700px) {
  .wrap {
    padding-left:8px;
    padding-right:8px;
  }

  .headerbar {
    border-radius:0 0 10px 10px;
  }

  .forabg,
  .forumbg,
  .post,
  .panel,
  .navbar {
    border-radius:9px;
  }

  dl.row-item {
    background-size:30px 30px;
    background-position:8px 50%;
  }

  dl.row-item dt .list-inner {
    padding-left:44px;
  }
}

/* =========================================================
   MUROC RACING - LIGHT FORUM POST TEXT FIX
   Keeps edited/submitted phpBB posts readable on dark theme.
   ========================================================= */

.postbody,
.postbody .content,
.postbody .content p,
.postbody .content div,
.postbody .content span,
.postbody .content li,
.postbody .content dd,
.postbody .content dt {
    color: #d8e4ea !important;
}

/* Normal links inside posts */
.postbody .content a,
.postbody .content a:link,
.postbody .content a:visited {
    color: #00b3c8 !important;
    text-decoration-color: rgba(0, 179, 200, 0.55);
}

.postbody .content a:hover,
.postbody .content a:focus {
    color: #ffffff !important;
}

/* Quotes */
.postbody blockquote,
.postbody blockquote p,
.postbody blockquote div,
.postbody blockquote span {
    color: #c5d4dc !important;
}

/* Code blocks */
.postbody code,
.postbody pre,
.postbody .codebox code {
    color: #d8e4ea !important;
}

/* Lists and other common BBCode content */
.postbody .content ul,
.postbody .content ol,
.postbody .content strong,
.postbody .content b,
.postbody .content em,
.postbody .content i {
    color: inherit;
}

/* =========================================================
   MUROC RACING - POST SUBJECT / TITLE COLOR FIX
   ========================================================= */

/* Topic/post subject above each post */
.postbody h3,
.postbody h3 a,
.postbody h3 a:link,
.postbody h3 a:visited,
.postbody .post-title,
.postbody .post-title a,
.postbody .post-subject,
.postbody .post-subject a {
    color: #e8f1f5 !important;
}

/* Hover color */
.postbody h3 a:hover,
.postbody h3 a:focus,
.postbody .post-title a:hover,
.postbody .post-title a:focus,
.postbody .post-subject a:hover,
.postbody .post-subject a:focus {
    color: #00b3c8 !important;
}

/* Topic titles in forum/topic lists */
.forumtitle,
.forumtitle:link,
.forumtitle:visited,
.topictitle,
.topictitle:link,
.topictitle:visited {
    color: #d8e4ea !important;
}

.forumtitle:hover,
.forumtitle:focus,
.topictitle:hover,
.topictitle:focus {
    color: #00b3c8 !important;
}


/* LOGIN-SIVUN TEKSTIEN VÄRI */
#page-body .panel,
#page-body .panel .content,
#page-body .panel p,
#page-body .panel label,
#page-body fieldset.fields1 dt,
#page-body fieldset.fields1 dd {
    color: #ffffff;
}

/* Linkit */
#page-body .panel a {
    color: #f8791c;
}

/* Login-kenttien teksti */
#page-body input.inputbox {
    color: #ffffff;
    background-color: #07151e;
    border-color: #016893;
}

/* Otsikot */
#page-body .panel h2,
#page-body .panel h3 {
    color: #ffffff;
}


/* TOPIC MOVE / MODERATION -SIVU */

#page-body .panel,
#page-body .bg1,
#page-body .bg2,
#page-body .bg3 {
    background-color: #07151e;
    color: #ffffff;
}

/* Lomakkeen tausta */
#page-body form .panel {
    background-color: #07151e;
    border-color: #016893;
}

/* Tekstit ja otsikot */
#page-body .panel h2,
#page-body .panel h3,
#page-body .panel p,
#page-body .panel label,
#page-body fieldset,
#page-body fieldset dt,
#page-body fieldset dd {
    color: #ffffff;
}

/* Pudotusvalikko */
#page-body select {
    background-color: #003554;
    color: #ffffff;
    border: 1px solid #016893;
}

/* Tekstikentät */
#page-body input.inputbox,
#page-body textarea.inputbox {
    background-color: #07151e;
    color: #ffffff;
    border: 1px solid #016893;
}

/* Linkit */
#page-body .panel a {
    color: #f8791c;
}

/* NEW TOPIC - FORUM / CATEGORY TEXT */
#page-body .panel dt,
#page-body .panel dd,
#page-body .panel label,
#page-body fieldset.fields1 dt,
#page-body fieldset.fields1 dd,
#page-body fieldset.fields1 label {
    color: #ffffff !important;
}

/* Category / forum name */
#page-body .panel strong,
#page-body .panel span {
    color: #d9edf7 !important;}

/* Avatarin alla olevat Posts / Joined / Contact -tekstit */
.postprofile,
.postprofile dt,
.postprofile dd,
.postprofile strong,
.postprofile .profile-posts,
.postprofile .profile-joined,
.postprofile .profile-contact {
    color: #d8e4ea !important;
}

/* Contact-linkit ja ikonit */
.postprofile .profile-contact a,
.postprofile .profile-contact .icon {
    color: #00b3c8 !important;
}