/*
    Ontology Department Highlighter Theme
    [2021 Wikidot Theme]
    Created by Denevola.
    Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
    The Ontology Department logo was created by Didic and vectorized by Denevola. Licensed under CC BY-SA 3.0.
*/

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

:root {
    --theme-base: "black-highlighter";
    --theme-id: "ontology-department";
    --theme-name: "Ontology Department Highlighter Theme";

    /* Header */
    --logo-image: url('https://scpko.wdfiles.com/local--files/theme%3Aontology-department/department-logo.svg');
    --header-title: "존재학부";
    --header-subtitle: "인과, 개념, 물질";

    /* Typefaces */
    --body-font: 'Noto Sans SC', sans-serif;
    --header-font:'Noto Sans SC',sans-serif;
    --title-font: 'Noto Sans SC',sans-serif;
    --mono-font: '仿宋','Noto Serif SC', "Space Mono",Consolas,monaco,"Nanum Gothic Coding",monospace;

    /* Standard Colors */
    --white-monochrome: 247, 250, 252;
    --pale-gray-monochrome: 250, 250, 250;
    --light-pale-gray-monochrome: 250, 250, 250;
    --pale-accent: 157, 157, 212;
    --bright-accent: 100, 100, 135;
    --medium-accent: 34, 46, 89;
    --dark-accent: 100, 100, 135;

    /* Header Gradients */
    --gradient-header: linear-gradient(
     180deg,
     rgb(var(--header-gradient-color-bottom)) 0%,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%
    );
    --diagonal-stripes: repeating-linear-gradient(
     to top,
     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
  );
}

:root:lang(cn) {
    --header-title: "本体部门";
    --header-subtitle: "因果，概念，物质";
    --body-font: 'Noto Sans SC', sans-serif;
    --header-font:'Noto Sans SC',sans-serif;
    --title-font: 'Noto Sans SC',sans-serif;
    --mono-font: '仿宋','Noto Serif SC', "Space Mono",Consolas,monaco,"Nanum Gothic Coding",monospace;
}

#header h1 a {
    margin-top: calc(var(--header-height-on-desktop)/2 - .75em);
}

#header h2 {
    font-family: "Poppins", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, NanumBarunCatsi, sans-serif;
}

#header h2 span {
    margin-top: calc(var(--header-height-on-desktop)/2 + var(--header-h1-font-size)/2 - var(--header-h2-font-size) + .75rem);
}

@media only screen and (max-width: 768px) {

    #header h1 a {
        margin-top: calc(var(--header-height-on-mobile)/2 - 1.345rem);
    }

    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .5rem);
    }
}

#page-title,
.meta-title {
    flex-direction: column;
    border-bottom: none;
    text-align: center;
}

#page-title::after,
.meta-title::after {
    display: block;
    width: 100%;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--swatch-menubg-medium-dark-color,66,66,72),.2);
    content: "";
}
header-height-on-mobile)/2 - 1.345rem);
    }

    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .5rem);
    }
}

#page-title,
.meta-title {
    flex-direction: column;
    border-bottom: none;
    text-align: center;
}

#page-title::after,
.meta-title::after {
    display: block;
    width: 100%;
    height: .5rem;
    border-radius: 50%;
    background-color: rgba(var(--swatch-menubg-medium-dark-color,66,66,72),.2);
    content: "";
}