/* language specific styles go here */
/*
 * 1. Define your base font-size here (16px), most elements will inherit this.
 * 2. 24px (This is now our magic number; all subsequent margin-bottoms and
 *    line-heights want to be a multiple of this number in order to maintain
 *    vertical rhythm.)
*/
:root {
  /* Base font size */
  --ps-font-base: 12px;                 /* [1] */
  --ps-line-height: 1.5rem;             /* [2] */

  /* Headings */
  --ps-font-h1: 1.5rem;                 /* 24px */
  --ps-font-h2: 1.5rem;                 /* 24px */
  --ps-font-h3: 1.25rem;                /* 20px */
  --ps-font-h4: 1.125rem;               /* 18px */
  --ps-font-h5: 0.75rem;                /* 12px */  

  /* Text and Paragraphs */
  --ps-font-normal: 1rem;               /* 16px */
  --ps-font-small: 0.875rem;            /* 14px */
  --ps-font-tiny: 0.75rem;              /* 12px */
}

.headerbar {
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  padding: 5px;
}

.wrap {
  border: solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-width: 0 1px 1px;
  border-radius: 0 0 8px 8px;
  min-width: 625px;
  max-width: 1152px;
  margin: 0 auto;
  padding: 15px;
}

/* Font Awesome icons */
.o-icon-font {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
  font-size: var(--ps-font-h4);
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  padding: 2px;
  text-rendering: auto;
}

/* font size */
a.forumtitle, a.topictitle, span.topictitle {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: var(--ps-font-small);
  text-decoration: none;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--ps-font-small);
  font-weight: bold;
  text-transform: uppercase;
}

.postbody .content {
  font-size: var(--ps-font-small);
  overflow-x: auto;
}

.icon.online, .c-online-icon {
  color: #85de39;
  font-size: var(--ps-font-h5);
}

.fa-arrow-up-right-from-square::before, .fa-external-link::before {
  content: "\f08e";
  font-size: var(--ps-font-h5);
  vertical-align: top !important;
}

ul.linklist > li {
  font-size: var(--ps-font-tiny);
  line-height: calc(var(--ps-line-height) * 1.25);
  list-style-type: none;
}

/* back2top */
.to-top-button .o-icon {
  font-size: calc(var(--ps-font-normal));
  padding: calc(var(--ps-font-normal));
}