/*
    ~Adorkable~ Theme for MkDocs | by 0xabad1dea 2025 | MIT Licence

    forked from:
    Cinder Theme for MkDocs | Copyright 2015 Christopher Simpkins | MIT License

    please don't think too hard about what an adhoc mess this is.
*/

@font-face {
    font-family: 'Noto Serif'; 
    src:  url('../fonts/NotoSerif-VariableFont_wdth,wght.woff2') format('woff2');
    font-feature-settings: "tnum" on;
    font-display: swap;
    }
@font-face {
    font-family: 'Noto Serif Italic'; 
    src:  url('../fonts/NotoSerif-Italic-VariableFont_wdth,wght.woff2') format('woff2');
    font-feature-settings: "tnum" on;
    font-display: swap;
    }
@font-face {
    font-family: 'Babelstone Han'; 
    src:  url('../fonts/BabelstoneHan.woff2') format('woff2');
    font-feature-settings: "tnum" on;
    font-display: swap;
    }

    


body {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-size: 24px;
    line-height: 1.5;
    background-color: #F8E0CD;
    color: #343838;
    text-align:justify;
    letter-spacing:1px;
    quotes: "“" "”" "‘" "’";
}

.navbar { 
    background-color: #F8E0CD;
}
h1, h2, h3, h4, h6 {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    color: #222;
    margin-bottom:32px;
    margin-top: 21px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #B1B7B9;
}

h1 {
    font-size:48px;
    font-weight:900;
    font-style:bold;
}



h2 {
    font-weight: 700;
    font-size:40px;
    margin-top: 32px;
}

h1, h2 {
    letter-spacing:8px;
    /*border-bottom:solid 2px;*/
    text-align:center;
    padding-bottom:8px;
    background:linear-gradient(to bottom, #EA6674, #F4B4C3);
    /*border-image: linear-gradient(to right, #3481A4, #43BBAD) 1;*/
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;

}

h1:after {
    content: "";
    display: block;
    height: 51px;
    background-image: url("../img/ira-line-bamboo.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}

h2:after {
    content: "";
    display: block;
    height: 16px;
    background-image: url("../img/ira-line-dotrainbow.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media print {
    p {
        background-color:white!important;
    }
}

@media print {
    h1, h2 {
    color: #000!important;
    text-shadow: none!important;
    background: revert!important;
    box-shadow: none!important;
    -webkit-background-clip: revert!important;
    background-clip: revert!important;
    -webkit-text-fill-color:revert!important;
    border-image:revert!important;
    border-bottom:#222 solid 2px;
    }
}

h3 {
    font-size:36px;
}
h4 {
    font-family:"Noto Serif Italic",  "Babelstone Han", serif;
    font-weight: 300;
    margin-top: 20px;
    font-style: italic;
    font-size:32px;
}
h5 {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-weight: 300;
    font-variant: small-caps;
    font-size:30px;
}

p {
    background-color:#F4E7DC;
    font-weight:400;
    margin-bottom:32px;
}

ul {
    margin-bottom:32px;
}

blockquote p {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-size: 24px;
    line-height: 1.5;
    background-color: #F4E7DC;
    color: #343838;
    text-align:justify;
    letter-spacing:1px;
    quotes: "“" "”" "‘" "’";
    margin:0px;
    padding:0px;
    padding-bottom:10.5px;
    block-size:100%;
    min-height: 108px;
    font-weight:400;
}

blockquote p::first-letter {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    /*font-feature-settings: "swsh";*/
    float:left;
    padding-right:4px;
    margin-right:16px;
    margin-bottom:10.5px;
    padding-bottom:10.5px;
    margin-top:-0.3em;
    padding-top:32px;
    font-size:96px;
    font-style:bold;
    font-weight:900;
    text-indent:0;
    color:#EA6674;
    line-height:0.8;
}

@media print {
    blockquote p::first-letter {
    color: #000!important;
    }
}

blockquote {
    border:none;
    padding:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:10.5px;
    margin-top:0.4em;
    padding-top:0.4em;
}

pre, code {
    font-family:monospace, "Babelstone Han";
    font-size:64px;
    line-height:1.0;
    background-color: #F4E7DC;
    color:#3B9EA8;
}
pre>code {
    font-size: 13px;
}
pre {
    margin-top: 25px;
    margin-bottom: 25px;
    padding:0px!important;
}

@media print {
    pre, code {
    color: #000!important;
    background-color:white!important;
    }
}

em, i {
    font-family:"Noto Serif Italic",  "Babelstone Han", serif;
}

a {
    color:#222;
    border-bottom:#222 solid 1px;
}

a:hover {
    color:#EA6674;
}

a::before {
    content: "‣";
    font-style: bold;
}

p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

table {
    font-size:20px;
}
.lead {
    font-family:Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.0312em;
    color: #B1B7B9;
}
.navbar-default {
    background-image: url("../img/ira-line-pinkwashi.png");
    background-repeat: repeat-x;
    background-position: center;
    border-bottom: 4px #F8E0CD solid;
    color: #343838!important;
}

.navbar-brand {
    color: #343838!important;
}

.navbar-header {
    color: #343838;
}

.navbar-header a {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-weight:600;
    font-variant: small-caps;
    color: #343838;
    border:none;
}

.navbar-right a {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-weight:600;
    font-variant: small-caps;
    color: #343838!important;
    border:none;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color:transparent!important;
}

.abadsearch {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-weight:600;
    font-variant: small-caps;
    font-size:19px;
    color: #343838!important;
    border:none;
}

.abadsearch::before {
    content:"求";
    padding-right:4px;
}

.navbar-nav {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-weight:600;
    font-variant: small-caps;
    color: #343838!important;
    border:none;
}

.navbar-header a::before {
    content:"文";
    padding-right:4px;
}
.bs-sidenav {
    font-family:"Noto Serif",  "Babelstone Han", serif;
    font-size: 12px;
    font-style:bold;
    
}

.bs-sidenav a {
    border:none;
}

.bs-sidenav a::before {
    content:"⁍";
}

.admonition-title {
    font-family:"Noto Serif Italic",  "Babelstone Han", serif;
    font-style:italic;
    font-weight:600;
    font-size:24px;
    letter-spacing:4px;
}

.admonition-title::before {
    content:"詮";
    padding-right:4px;
    font-style:normal;
}

.admonition.warning > .admonition-title::before {
    content:"危";
    padding-right:4px;
    font-style:normal;
}

.admonition.note {
    font-weight:500;
    color:#467d5c;
    border-image: linear-gradient(to bottom, #9DCFB1, #BFE0CB) 1;
    margin-top:100px;
    height: fit-content;
}

.admonition.note p {
    position:relative;
    top:-80px;
    background-color:rgb(252, 253, 255);
}

.admonition.note::before {
    content: url("../img/ira-stickygreen-small.png");
    display:block;
    position:relative;
    top:-120px;
    margin:0px;
    padding:0px;
    height: fit-content;

}


.admonition.warning {
    font-weight:500;
    color:#D6446B;
    border-image: linear-gradient(to bottom, #EA8DB4, #F3BBD4) 1;
    margin-top:100px;
    height: fit-content;
}

.admonition.warning::before {
    content: url("../img/ira-stickypink-small.png");
    display:block;
    position:relative;
    top:-120px;
    margin:0px;
    padding:0px;
    height: fit-content;

}

.admonition.warning p {
    position:relative;
    top:-80px;
    background-color:rgb(252, 253, 255);
}

.admonition.danger {
    font-weight:500;
    color:#B53679;
    border-image: linear-gradient(to bottom, #52127C, #B53679) 1;
}

@media print {
    .admonition.note, .admonition.warning, .admonition.danger {
        color: black!important;
        border-image:none!important;
        border-color:black!important;
        border-left:5px solid black!important;
        background-color:white!important;
    }
}

.well {
    background-color: #F4E7DC;
}
.btn-default {
    background-color:#F4E7DC;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F4E7DC;
}
#mkdocs-search-query:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mkdocs-search-query {
    font-family:Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #343838;
    height: 45px;
}
footer > hr {
    width: 35%;
}

.col-md-9 {
    background-color: #F4E7DC!important;
}

@media print {
    .col-md-9, .col-md-3 {
    background-color: white!important;
}
}

main {
    background-color: #F4E7DC!important;
}

.col-md-3 {
    background-color:#F8E0CD !important;
}

.bs-sidebar {
    background-color:#F4E7DC !important;
}

complementary {
    background-color:rgb(252, 253, 255, 0.8) !important;
}

hr {
    display:block;
    border:0px;
    height:74px;
    background-image:url('../img/ira-line-polkatape.png');
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 274px 59px;*/
}

footer>hr {
    background-image:none;
}

ruby {
    font-family:"Babelstone Han", "Noto Serif", serif;
    font-size:64px;
}

.trad {
    color:#343838;
    text-align:unset;
}

.simp {
    color:#6e7474;
    text-align:unset;
}

rt {
    font-size:16px;
}