/* fonts ======================================================================================== */
@font-face {
    font-family: 'Rubik-Mono-One-Regular';
    src:url('../fonts/Rubik-Mono-One-Regular.ttf.woff') format('woff'), url('../fonts/Rubik-Mono-One-Regular.ttf.svg#Rubik-Mono-One-Regular') format('svg'), url('../fonts/Rubik-Mono-One-Regular.ttf.eot'), url('../fonts/Rubik-Mono-One-Regular.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* body ========================================================================================= */

.uk-container {
    padding-left: 5px;
}

::-webkit-selection {
    background: #b3d7fd;
    color: initial;
    text-shadow: none;
}

::-moz-selection {
    background: #b3d7fd;
    color: initial;
    text-shadow: none;
}

::selection {
    background: #b3d7fd;
    color: initial;
    text-shadow: none;
}

ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul {
    margin-left: 1em;
    margin-bottom: 1em;
}

/* main ========================================================================================= */

main, body, p, main ul, main ol, main li {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 4.5vw;
    color: black;
}

a, main a, main .uk-link, p a, footer a, a:hover {
    /*box-shadow: inset 0 -0.04em #aecff1;
    */
    text-decoration: underline;
    color: blue;
}

a:visited, a:visited .blog-item-title, a:visited#next-post {
    color: purple;
}

a.uk-button-primary:visited {
    color: white;
}

.blog-item-title { text-decoration: underline; }

.blog-item-icon {
    display:inline-block;
    text-decoration: none;
}

a[id] {
    text-decoration: none;
    box-shadow: none;
}

#next-post {
    line-height: 1em;
}

#next-post-label {
    text-transform: uppercase;
    font-size: 70%;
    letter-spacing: .02em;
}


#next-post-title, #all-posts-label {
    text-decoration: underline;
}

.uk-button, .uk-button:hover {
    font-family: Monaco, 'Lucida Console', monospace;
    font-size: medium;
    text-transform: none;
    box-shadow: 8px 8px 0px 0px black;
    padding: 0px 40px 0 28px;
}

.uk-button-primary {
    background-color: #175af3;
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.uk-button-primary:hover {
    background-color: blue;
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    box-shadow: 6px 6px 0px 0px black;
}

main li {
    margin-bottom: 2pt;
}

.references li {
    margin-bottom: 1em;
}

main ol, main ul {
    padding-left: 0;
    margin-left: 1em;
    color: black;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    color: black;
    font-family: 'Helvetica', 'Tahoma', sans-serif;
    font-weight: bold;
    word-wrap: break-word;
}

.uk-h1, h1 {
    font-size: 8vw;
}

.uk-h2, h2 {
    font-size: 7vw;
}

.uk-h3, h3 {
    font-size: 6vw;
}

.uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
    font-size: 4.5vw;
}

.subtitle {
    font-size: 70%;
    font-weight: normal;
    display: block;
    line-height: 140%;
}

em {
    color: black;
}

s{
    color: black;
    background-color: black;
    text-decoration: none;
}

s:hover{
    color: white;
}

mark {
    background: yellow;
    color: black;
}

.uk-dropcap::first-letter, .uk-dropcap>p:first-of-type::first-letter {
    font-family: 'Rubik-Mono-One-Regular', sans-serif;
}

.intro {
    font-style: italic;
    font-size: 110%;
    margin-bottom: 24pt;
}

.loud {
    font-family: 'Rubik-Mono-One-Regular', sans-serif;
    font-style: normal;
    font-size: 8vw;
    line-height: 8vw;
    overflow-wrap: break-word;
    margin: 25pt 0 25pt 0;
}

.loud-small {
    font-size: 6vw;
    line-height: 6vw;
    margin: 1.5em 0;
}

.full-width {
    margin-right: calc(50% - 45vw);
    max-width: 100vw;
    margin-left: -30px;
}

.full-width-margin {
    margin-right: calc(50% - 49vw);
    max-width: 100vw;
}

 .full-width-image {
    width: 100vw;
    margin-left: -40px;
}

figure {
    padding: 35px 0 15px 0;
}

.width-80{
    width: 80vw;
}

figcaption {
    font-size: medium;
    padding-top: 12pt;
    font-style: italic;
}

pre {
    font-family: Monaco,'Lucida Console',monospace;
    font-size: medium;
    white-space: pre-wrap;
    word-break: initial;
    border: none;
    color: inherit;
}

blockquote {
    color: black;
    font-style: normal;
    padding: 1em 30px;
    font-size: 100%;
}

blockquote p, blockquote ul, blockquote ol, blockquote ol li, blockquote ul li {
    font-size: 90%;
}

.original-link {
    word-break: break-all;
    border: 1px solid blue;
    margin: 1em 0 2em 0;
}

.original-link, .original-link p, .original-link li {
    font-family: Monaco, 'Lucida Console', monospace;
    font-size: medium;
}

.original-link pre, .original-link p {
    padding: 0;
    margin-bottom: 0;
}

.direct{
    font-size: 120%;
    font-style: italic;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    line-height: 1.5;
}

.direct p:first-of-type:before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: -10px;
    position: relative;
    top: 30px;
    color: lightgray;
    font-size: 3em;
}

.direct p:last-of-type:after {
    content: close-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: 0;
    position: relative;
    top: 35px;
    color: lightgray;
    font-size: 3em;
}

.direct footer:before {
    content: "— ";
}

.direct footer {
    text-align: right;
    font-style: normal;
    margin-top: 1em;
    font-size: 90%;
    line-height: 1.5;
    color: black;
}

.book {
    padding-top: 2em;
    padding-bottom: 2em;
}

.book h4 {
    font-size: 90%;
    line-height: 1.8em;
}

.book h4 span {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.book h4 cite {
    font-weight: normal;
}

.book-card {
    font-family: Monaco, 'Lucida Console', monospace;
    font-size: 80%;
    font-style: normal;
    padding-left: 1.5em;
    text-indent:-1.5em;
}

.error {
    color: red;
}



details.links {
    background: lavender;
}


details.links li {
    font-size: smaller;
    margin-bottom: .8rem;
}

summary {
    cursor: pointer;
}


aside, aside p, aside ol li, aside ul li{
    font-size: small;
    line-height: 1.7em;
    margin-top: 3pt;
    margin-bottom: 8pt;
    font-family: Monaco, 'Lucida Console', monospace;
}


.sidenote {
    padding: 1em;
    margin-right: 0;
    background-color: aliceblue;
}

.sidenote p {
    font-size: 80%;
}

.sidenotetest {
    background: aliceblue;
    padding: 1em;
    font-size: 80%;
}

.sidenote-therapy {
    padding: 1em;
    font-size: 80%;
    border: 1px solid black;
}

.sidenote-therapy p {
    margin-bottom: 4pt;
}

sup {
    margin-left: .15em;
    margin-right: .2em;
}

.footnotes, .footnotes p {
    font-size: 90%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

hr, .uk-hr, .uk-heading-line>::after, .uk-heading-line>::before, .uk-divider-small::after, .uk-divider-icon::after, .uk-divider-icon::before {
    border-color: lightgray;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* nav ========================================================================================== */

.uk-subnav {
    margin-left: 0;
}

.uk-subnav>* {
    padding-left: 0;
}

nav .taxonomy a, .uk-label, .uk-label:visited {
    border: 1px solid lightgray;
    color: black;
    box-shadow: none;
    text-decoration: none;
}

.uk-subnav-pill>*>:first-child {
    color: black;
    border-color: lightgray;
}

.subnav-toc {
    font-family: 'Helvetica', 'Tahoma', sans-serif;
    font-weight: 700;
}


footer li, small, figcaption, .book h4, .subnav-series, .subnav-series li, .blog-item-title, #all-posts, #next-post{
    font-family: 'Helvetica', 'Tahoma', sans-serif;
}

nav .uk-subnav, .uk-label, .blog-item-date {
    font-family: 'Helvetica', 'Tahoma', sans-serif;
    /*font-family: Monaco, 'Lucida Console', monospace;*/
}

#all-posts, #next-post {
    font-weight: bold;
    font-size: larger;
}

.uk-label { 
    padding: 0 10px; 
    text-transform: none; 
    background: transparent; 
    box-shadow: none;
    vertical-align: baseline; 
    }

.uk-label:hover, nav .taxonomy a:hover {
    background: lightgray;
    color: black;
    text-decoration: none;
    box-shadow: none;
}

nav li {
    letter-spacing: 0.03rem;
}

nav li .tag-counter {
    letter-spacing: initial;
}

nav #colon {
    font-size: 16pt;
}

.uk-subnav-pill>.uk-active>a, .uk-subnav-pill>.uk-active>a:hover {
    background-color: lightgray;
    color: black;
    box-shadow: 0px -3px black;
    border: 1px solid lightgray;
}

.active {
    background-color: lightgray;
}


 #logo, #logo a, #logo, #logo a:hover, #logo-index, #logo-index a {
    font-family: 'Rubik-Mono-One-Regular', sans-serif;
    color: black;
    background-color: transparent;
    font-size: 16pt;
    border: none;
    text-decoration: none;
    padding: 1px 0 0 0;
    margin-right: 20px;
    width: 149px;
}


#logo span {
    letter-spacing: -3px; 
    margin: 0 1px 0 2px;
}


#logo-index a{
    box-shadow: 0px -4px black;
}

nav .taxonomy {
    margin-top: 16px;
}

.taxonomy li, .uk-label {
    margin: 5px 5px 5px 0;
    border-radius: 0;
}

/* blog meta ==================================================================================== */

.blog-item-date {
    color: black;
    font-size: .875rem;
    margin-right: 8px;
}

.blog-item-description {
    color: black;
    font-family: 'Georgia', 'Times New Roman', serif;
}

.blog-item-header h3 {
    margin-bottom: 5pt;
}

.blog-item-small {
    margin-bottom: 25px;
    font-size: 90%;
}

.blog-item-meta {
    margin-top: 5px;
}

.blog-item-small h2 {
    font-size: 13pt;
    display: inline;
    padding-right: 5px;
}

.blog-item-min .blog-item-title, .blog-item-small .blog-item-title {
    margin-right: 8px;
}

.blog-item-preview-featured .blog-item-title, .blog-item-preview-featured .blog-item-description{
    font-size: 130%;
}

.featured {
    font-weight: bold;
}

.starred {
    padding: 2em;
    background-color: beige;
    /*border: 3pt solid gold;*/
}

.starred-min {
    padding: 0.6em;
    /* border-width: 3pt;*/
}

.divider-archive::after {
    border-top: 6px solid black;
}

.archive a {
    text-decoration: none;
}

.archive .blog-item-title a {
    text-decoration: underline;
}

/* therapy-notice =============================================================================== */

.therapy-notice {
    background-color: white;
    outline: solid 1px black;
    position: relative;
    padding: 0;
}

.therapy-notice p {
    font-family: Monaco, 'Lucida Console', monospace;
    padding: 1.5vw 5vw 4.5vw;
    font-size: medium;
    margin-top: 5px;
    line-height: 150%;
}

.therapy-notice img {
    padding-top: 1px;
}

.therapy-notice #therapy-link {
    background-color: black;
    font-style: italic;
    padding: .2em .3em;
    box-shadow: none;
    color: #dfed6f;
}

.arrow {
    font-size: 150%;
}

#therapy-link-text {
    text-decoration: underline;
}

.therapy-notice #therapy-link:hover {
    color: white;
}

.therapy-notice-shadow {
    background-image: radial-gradient(#000000 1px, transparent 1px), radial-gradient(#000000 1px, transparent 1px);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
    z-index: -1;
    margin: 2% 0 0 2%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* therapy ========================================================================================== */

.therapy-title {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: calc(100vw - 50px);
}

#existenz, .therapy-title {
    margin-top: 16px;
}

#existenz2 {
    max-width: fit-content;
}

.therapy-timestamp {
    transform: rotate(90deg); 
    transform-origin: top left; 
    font-size: 0.35em; 
    font-family: Monaco,'Lucida Console',monospace;
}

/* footer ======================================================================================= */

 .icon.baseline svg, .icon img {
    width: 1.4em;
}

.icon {
    display: inline-flex;
    align-self: center;
}

.icon svg, .icon img {
    height: 1em;
    width: 1em;
    padding-right: 5px;
}

.icon.baseline svg, .icon img {
    top: .125em;
    position: relative;
}

.contacts{
    list-style:none;
    padding-left: 0px;
    font-size: .875rem;
    line-height: 2;
}

.contacts>li {
    margin-right: 15px;
}

.uk-search-default {
    width: 100%;
}


input.uk-search-input::placeholder {
    color: #777;
}

input.uk-search-input {
    color: black;
    border: lightgray 1px solid;

}

.uk-search-default .uk-search-input {
    background: transparent;
}

.uk-search-default .uk-search-input:focus {
    background-color: white;
    border-color: black;
}

.tntsearch-form .form-input {
    padding-left: 2.4rem;
}

/* colorscheme.invert: ===========================================================================

.invert, .invert #logo a, .invert p, .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert blockquote, .invert .blog-item-description, .invert figcaption{
    color: white;
}

.invert .therapy-notice {
    background-color: black;
}

.invert .therapy-notice-shadow {
    filter: invert(60%);
}

.invert a, .invert footer a:link, .invert a .blog-item-title {
    color: #56a1ff;
}

.invert p a:visited, .invert footer a:visited .invert a:visited .blog-item-title {
    color: #ba6eff;
}

.invert .uk-button-primary {
    color: white;
}

.invert s{
    color: white;
    background-color: white;
}

.invert s:hover{
    color: black;
}

 */

/* @media ======================================================================================= */

@media all and (min-width: 768px) {
    main, body, p, main ul, main ol, main li {
        font-size: 3vw;
    }

    .uk-container {
        padding-left: 30px;
    }

    .contacts{
        display: flex;
    }

    .uk-h1, h1 {
        font-size: 5vw;
    }

    .uk-h2, h2 {
        font-size: 4vw;
    }

    .uk-h3, h3 {
        font-size: 3.5vw;
    }

    .uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
        font-size: 3vw;
    }

    .therapy-timestamp {
        font-size: 0.7em;
    }

}

@media all and (min-width: 960px) {
    main, body, p, main ul, main ol, main li {
        font-size: 2.8vw;
    }

    .uk-h1, h1 {
        font-size: 5vw;
    }

    .uk-h2, h2 {
        font-size: 4vw;
    }

    .uk-h3, h3 {
        font-size: 3.5vw;
    }

    .uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
        font-size: 2.8vw;
    }

    .uk-container {
        padding-left: 40px;
    }

    .loud {
        font-size: 4vw;
        line-height: 4vw;
    }

    .loud-small {
        font-size: 2vw;
        line-height: 2vw;
    }

    figure {
        width: 60vw;
    }

    .sidenotetest {
        margin-right: -30px;
        background: none;
        border: none;
        padding: 0;
    }

}

@media all and (min-width: 1200px) {
    main, body, p, main ul, main ol, main li {
        font-size: 1.4vw;
    }

    .uk-h1, h1 {
        font-size: 2.8vw;
    }

    .uk-h2, h2 {
        font-size: 2.3vw;
    }

    .uk-h3, h3 {
        font-size: 1.8vw;
    }

    .uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
        font-size: 1.4vw;
    }

    blockquote {
        padding-right: 70px;
        padding-left: 70px;
    }

    .sidenotetest,.sidenote-therapy {
        margin-right: -360px;
    }

    .sidenote-therapy {
        border: none;
        padding: 0;

    }

    .therapy-notice {
        padding: 0;
    }

}

@media all and (min-width: 1600px) {
    main, body, p, main ul, main ol, main li {
        font-size: 1.1vw;
    }

    .uk-h1, h1 {
        font-size: 2vw;
    }

    .uk-h2, h2 {
        font-size: 1.5vw;
    }

    .uk-h3, h3 {
        font-size: 1.4vw;
    }

    .uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
        font-size: 1.1vw;
    }

}