root {
  --deep-orange: #fc5c1f;
  --light-grey: #eceef0;
}

/* plus-jakarta-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/plus-jakarta-sans-v8-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/plus-jakarta-sans-v8-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* plus-jakarta-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/plus-jakarta-sans-v8-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/plus-jakarta-sans-v8-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* plus-jakarta-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/plus-jakarta-sans-v8-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/plus-jakarta-sans-v8-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* plus-jakarta-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/plus-jakarta-sans-v8-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/plus-jakarta-sans-v8-latin_latin-ext-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Increase overall font size */
body {
  font-size: 12px;
  background-color: #eceef0;
}

.content {
  color: #101920;
  font-size: 1rem;
  line-height: 1.5em;
}

a {
  color: #105289;
}

a:hover {
  color: #fc5c1f;
}

a.postlink::after {
    content: ' [' attr(href) '] ';
    font-style: italic;
    background: #eceef0;
    font-size: 75%;
    vertical-align: super;
}

/* Header */
.logo {
  padding: 17px; /* Equal to height of "K" */
}

.site_logo {
  background-image: url("./images/logo-white.svg");
  background-size: contain;
  width: 114px;
}

.site-description h1 {
  margin-top: 17px; /* Equal to height of "K" */
}

@media (max-width: 700px) {
  .logo {
    display: block;
    float: left;
    padding: 0;
    width: 50%;
  }
}

.headerbar {
  background-color: #fc5c1f;
  background-image: none;
}

.navbar {
  background-color: #d1dde7;
}

/* Forum lists */

.forabg,
.forumbg {
  background-color: #5d88ac;
  background-image: none;
}

ul.forums {
  background-color: #D2E0EB;
  background-image: none;
}

li.row:hover {
  background-color: #fffee6;
}

ul.topiclist.forums dt {
  font-size: 1.2em;
}

ul.topiclist.forums a.forumtitle {
  font-size: 1.1em;
}

.left-box {
  float: none;
}

table#memberlist {
  font-size: 11px;
}

.member-search strong {
  font-size: 1em;
}

/* Remove uncommon fonts, display */
body, h1, h2, h3, h4, .pagination li.active span, a.forumtitle, a.topictitle, .content, .content p, .postbody h3, dl.faq, p.author, .notice, dl.file, dl.file dt, dl.thumbnail dd {
  font-family: 'Plus Jakarta Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* In style guide but NOT USED on main Cycling UK website: word-spacing: 0.2em; */
  letter-spacing: 0.02em;
}

/* Remove uncommon fonts, forms */
fieldset.polls, fieldset, input, select, select optgroup option, textarea, .message-box textarea, a.button1, input.button1, input.button3, a.button2, input.button2, .button {
  font-family: 'Plus Jakarta Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* In style guide but NOT USED on main Cycling UK website: word-spacing: 0.2em; */
  letter-spacing: 0.02em;
}


ul.forums {

  background-image: none;
}

.search-header {
  box-shadow: none;
}

/* Don't hide return link on smallest screens */
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
  p.jumpbox-return {
    display: block !important; /* responsive.css is loaded last, so we need !important */
  }
}
