/* =============================================================================
   GURSC — phpBB child style
   -----------------------------------------------------------------------------
   Pulls in the whole of prosilver first, then repaints it in club colours so
   the forum sits alongside the main site without looking like a different
   website. Nothing in prosilver itself is edited, so phpBB updates are safe.

   The colours here are deliberately the same tokens as the main site's
   assets/css/style.css. If you change the club colours there, change them here.
   ========================================================================== */

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

:root {
  --gursc-blue-900: #001139;
  --gursc-blue-800: #001f67;
  --gursc-blue:     #10439b;
  --gursc-red:      #ce132a;
  --gursc-red-dark: #9b0e20;
  --gursc-line:     #dfe3ea;
}

/* -- Page frame ----------------------------------------------------------- */

body {
  background-color: #f4f6fa;
  background-image: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
}

.wrap, #wrap { max-width: 1120px; }

/* -- Masthead ------------------------------------------------------------- */

.headerbar {
  background-color: var(--gursc-blue-900);
  background-image: none;
  border-bottom: 4px solid var(--gursc-red);
  border-radius: 0;
  color: #fff;
}
.headerbar a, .headerbar h1 a { color: #fff; }

.site-description h1 {
  font-family: Georgia, 'Times New Roman', serif;
  color: #fff;
  letter-spacing: -.01em;
}
.site-description p { color: rgba(255, 255, 255, .75); }

/* Replace prosilver's default phpBB graphic with the club logo.
   The image lives in this style's own theme/images/ folder, so it travels
   with the style and survives phpBB updates. */
.site_logo {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("./images/logo-mark.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* -- Navigation bars ------------------------------------------------------ */

.navbar {
  background-color: #fff;
  border: 1px solid var(--gursc-line);
  border-radius: 0 0 6px 6px;
}
.nav-tabs .tab > a, .navbar .linklist > li > a { color: var(--gursc-blue-800); }
.navbar a:hover { color: var(--gursc-red); }

/* -- Forum / topic list headers ------------------------------------------- */

.forabg, .forumbg {
  background-color: var(--gursc-blue-800);
  background-image: none;
  border-radius: 6px 6px 0 0;
}
.forabg .header a, .forumbg .header a,
.forabg .header dt, .forumbg .header dt,
.forabg .header dd, .forumbg .header dd {
  color: #fff;
}
ul.topiclist li.header dt, ul.topiclist li.header dd {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .8rem;
}

ul.topiclist li { border-color: var(--gursc-line); }
ul.topiclist dd { border-left-color: var(--gursc-line); }
li.row:hover { background-color: #eef2f8; }

a.forumtitle, a.topictitle {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--gursc-blue-800);
  text-decoration: none;
}
a.forumtitle:hover, a.topictitle:hover {
  color: var(--gursc-red);
  text-decoration: underline;
}

/* -- Posts ---------------------------------------------------------------- */

.post.bg1, .post.bg2 { border-left: 3px solid transparent; }
.post:target .content { color: var(--gursc-blue-800); }
.postprofile { border-color: var(--gursc-line); }
.author { color: #737d8c; }

blockquote {
  background-color: #eef2f8;
  border-color: var(--gursc-line);
  border-left: 3px solid var(--gursc-blue);
}

/* -- Buttons & links ------------------------------------------------------ */

a { color: var(--gursc-blue); }
a:hover { color: var(--gursc-red); }

.button, a.button, input.button1, input.button2,
.button1, .button2 {
  background-color: #fff;
  background-image: none;
  border-color: #c3cad6;
  color: var(--gursc-blue-800);
  border-radius: 4px;
}
.button:hover, a.button:hover, .button1:hover, .button2:hover {
  background-color: #eef2f8;
  border-color: var(--gursc-blue);
  color: var(--gursc-blue-800);
}

/* The main call-to-action buttons: New Topic, Post Reply */
a.button.button-secondary.responsive-hide,
.buttons .button,
input[type="submit"].button1 {
  background-color: var(--gursc-red);
  border-color: var(--gursc-red);
  color: #fff;
}
.buttons .button:hover,
input[type="submit"].button1:hover {
  background-color: var(--gursc-red-dark);
  border-color: var(--gursc-red-dark);
  color: #fff;
}

/* -- Footer --------------------------------------------------------------- */

.copyright {
  color: #737d8c;
  font-size: .85rem;
  padding: 1.5rem 0;
}

/* -- Accessibility -------------------------------------------------------- */

a:focus-visible, button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--gursc-red);
  outline-offset: 2px;
}