/*
  IAMEA BHL Theme
    Powered on 2021.12.1
    Created by Mishary
    https://scp-wiki.wikidot.com/theme:ijamea-bhl
    CC BY-SA 3.0
      Based on IJAMEA Theme Revised
        Powered on 2020/04/07 14:38:39
        Created by Nanigashi Sato
        Fixed by ukwhatn
        https://scp-wiki.wikidot.com/theme:revised-ijamea-theme
        CC BY-SA 3.0

  IJAMEA Logo
    Title: IJAMEA2.png
    Created by Nanimono Demonai
    Creation Year: 2019
    Source: https://scp-jp.wikidot.com/foundation-or-goi-logo
    Note: The background of this image was permeabilized by Nanigashi Sato.
    CC BY-SA 3.0
*/

/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;900&family=Sawarabi+Mincho&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

/* ROOT */

:root {
  --usukihada: 255,245,195;
  --kokibeni: 173,31,35;
  --kareno: 219,203,130;
  --shiro: 255,255,255;
  --asaginezu: 171,186,190;
  --kuro: 0,0,0;
  --bright-accent: var(--kokibeni);
  --medium-accent: var(--kokibeni);
  --dark-accent: var(--kareno);
  --logo-image: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wdfiles.com%2Flocal--files%2Ftheme%253Arevised-ijamea-theme%2FIJAMEA2.png);
  --header-title: "IJAMEA";
  --header-subtitle: "大日本帝国異常事例調査局";
  --header-h1-font-size: calc(var(--base-font-size)*3.5);
  --black-monochrome: var(--kuro);
  --white-monochrome: var(--shiro);
  --light-gray-monochrome: var(--kareno);
  --swatch-primary: var(--white-monochrome);
  --swatch-primary-darker: var(--black-monochrome);
  --swatch-primary-darkest: var(--black-monochrome);
  --swatch-menubg-light-color: var(--white-monochrome);
  --swatch-menubg-dark-color: var(--dark-accent);
  --swatch-text-secondary-color: var(--white-monochrome);
  --swatch-secondary-color: var(--white-monochrome);
  --ui-icon-color: var(--white-monochrome);
  --ui-button-hover-bg: var(--black-monochrome);
  --link-color: var(--swatch-text-general);
  --hover-link-color: var(--link-color);
  --newpage-color: var(--link-color);
  --header-gradient-color-bottom: var(--white-monochrome);
  --header-gradient-color-middle: var(--white-monochrome);
  --header-gradient-color-top: var(--white-monochrome);
  --body-font: Noto Serif SC, Inter, Verdana, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  --header-font: Abril Fatface,  Noto Serif sc, sans-serif;
  --title-font: var(--body-font);
  --UI-font: var(--body-font);
}

:root:lang(cn) {
  --header-title: "IJAMEA";
  --header-subtitle: "大日本帝国異常事例調査局";
  --body-font: Noto Serif SC, Inter, Verdana, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  --header-font: Abril Fatface,  Noto Serif sc, sans-serif;
  --title-font: var(--body-font);
  --UI-font: var(--body-font);
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--swatch-tertiary-color),0.8);
}

div#container-wrap {
    background-image: linear-gradient(rgb(var(--shiro)) 15%, rgb(var(--kareno)) 15%, rgb(var(--kareno)) 30%, rgb(var(--kokibeni)) 30%, rgb(var(--kokibeni)) 43%, rgb(var(--shiro)) 43%, rgb(var(--shiro)) 55%, rgb(var(--kareno)) 55%, rgb(var(--kareno)) 80%, rgb(var(--shiro)) 80%);
}

#container-wrap-wrap {
    background-image:
      repeating-linear-gradient(180deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(88, 88, 88, 0.1) 0.35vh,
        rgba(88, 88, 88, 0.2) 0.5vh),
       linear-gradient(to bottom, white 0, white 100%);
    background-repeat: no-repeat;
    background-size:
        100% var(--header-height-on-desktop),
        100% var(--final-header-height-on-desktop);
}

body {
    background: #FFF5C3;
}
::selection {
    background: rgb(var(--bright-accent));
    color: rgb(var(--swatch-text-secondary-color));
}

#header{
    background-position: 1rem 0;
    background-size: auto calc(var(--header-height-on-desktop));
    --swatch-headerh1-color: var(--swatch-text-general);
    --swatch-headerh2-color: var(--swatch-text-general);
    --login-line-divider-color: var(--swatch-text-general);
    --login-username-color: var(--swatch-text-general);
    --login-myaccount-color: var(--swatch-text-general);
    --login-arrow-color: var(--swatch-primary-darkest);
    --login-dropdown-text-color: var(--swatch-text-general);
    --login-dropdown-bg-hover-color: var(--black-monochrome);
    --search-icon-focus-bg-color: var(--swatch-primary-darkest);
}
#header h1 a {
    margin-top: calc(var(--header-height-on-desktop)/2 - 0.9em);
}

div#header h1 a:before {
    text-shadow: 1.75px 1.75px white;
}
#header h2 span {
    margin-top: calc(var(--header-height-on-desktop)/2 + var(--header-h1-font-size)/2 - var(--header-h2-font-size) + 0.4em);
    margin-left: var(--header-height-on-desktop);
}
#header h2 span:before {
    direction: rtl;
    unicode-bidi: bidi-override;
    font-weight: bold;
}

#top-bar{
    --topmenu-category-color: var(--swatch-text-general);
    --topmenu-category-hover-color: var(--swatch-text-general);
    --topmenu-hover-border-color: var(--bright-accent);
    --mobile-topmenu-sidebar-button-color: var(--bright-accent);
}

#header div[class*=top-bar]>ul li:active, #header div[class*=top-bar]>ul li:hover{
    background-color: rgba(var(--dark-accent), 0.5);
}

#header div[class*=top-bar]>ul>li>ul li:active>a, #header div[class*=top-bar]>ul>li>ul li:hover>a{
    background: rgb(var(--bright-accent));
    color: rgb(var(--swatch-text-secondary-color));
}

@media only screen and (max-width: 56.25rem){
  div.mobile-top-bar {
    background: rgb(var(--white-monochrome));
  }
}

#side-bar,
.side-block {
    --sidebar-bg-color: var(--usukihada);
    --sideblock-heading-border-color: var(--dark-accent);
    --sidebar-links-hover-text-color: var(--swatch-text-general);
    --sidebar-collapsible-fld-link-hover-bg: var(--dark-accent);
    --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-general);
    --sidebar-subtest-color: var(--swatch-text-general);
}

#main-content{
    --tabs-selected-bg: var(--asaginezu);
    --tabs-selected-outline: var(--asaginezu);
    --tabs-bottom-border-color: rgb(var(--black-monochrome));
    --tabs-content-bg-color: var(--swatch-secondary-color), 1;
    --tables-header-txt: var(--swatch-secondary-color);
    --ui-icon-color: var(--swatch-text-secondary-color);
}

#page-content .printuser a {
    text-decoration: none;
}

#page-content div.creditRate a,
#page-content div.page-rate-widget-box a,
#u-credit-view a{
    text-decoration: none;
}

#page-content a {
    text-decoration: underline;
    text-decoration-color: rgb(var(--link-color));
}
#page-content a:hover {
    text-decoration-thickness: 2px;
}

#page-content .yui-nav a {
    text-decoration: none;
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{
     border-bottom: solid 5px rgb(var(--swatch-primary-darker));
}
.yui-navset .yui-nav a:hover{
    color: rgb(var(--swatch-text-secondary-color));
}

input[type=radio]:checked:before{
    background: rgb(var(--swatch-primary-darker));
}

div[id*=page-options-bottom]>a:active:after, div[id*=page-options-bottom]>a:hover:after{
    background-color: rgb(var(--bright-accent));
}

#footer {
    --footer-bg-color: var(--dark-accent);
    --footer-link-hover-bg-color: var(--dark-accent);
}

#license-area {
    --license-bg-color: var(--dark-accent);
    --license-link-hover-bg-color: var(--dark-accent);
}

/* General's Note */

.generals-note{
  margin: -7.5px 0 1.5em 1em;
}