/*
modest.css, licensed under MIT license, Crafted with <3 by John Otander (@4lpine).

Taken from: https://github.com/markdowncss/modest

Modified to fit Dergsite needs
*/

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
    
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    
    thead {
        display: table-header-group;
    }
    
    tr,
    img {
        page-break-inside: avoid;
    }
    
    img {
        max-width: 100% !important;
    }
    
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    
    h2,
    h3 {
        page-break-after: avoid;
    }
}

pre,
code {
    font-family: Menlo, Monaco, "Courier New", monospace;
}

.modest-no-decoration {
    text-decoration: none;
}

html {
    font-size: 14px;
}

@media screen and (min-width: 32rem) and (max-width: 48rem) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 48rem) {
    html {
        font-size: 17px;
    }
}

article {
    line-height: 1.5;

    & p,
    .modest-p {
        font-size: 1rem;
        margin-bottom: 1.3rem;
    }

    & h1,
    .modest-h1,
    & h2,
    .modest-h2,
    & h3,
    .modest-h3,
    & h4,
    .modest-h4 {
        margin: 1.5em 0 .3em;
        font-weight: inherit;
        line-height: 1.42;
        
        padding-left: 1.5rem;
    }

    & > :first-child {
        margin-top: 0.3rem !important;
    }

    & h1,
    .modest-h1 {
        margin-top: 0;
        font-size: 1.998rem;
    }

    & h2,
    .modest-h2 {
        font-size: 1.427rem;
    }

    & h3,
    .modest-h3 {
        font-size: 1.299rem;
    }

    & h4,
    .modest-h4 {
        font-size: 1.1rem;
    }

    & h5,
    .modest-h5 {
        font-size: 1rem;
    }

    & h6,
    .modest-h6 {
        font-size: .88rem;
    }

    & small,
    .modest-small {
        font-size: .707rem;
    }

    /* https://github.com/mrmrs/fluidity */

    & h1,
    & h2,
    & h3 {
        border-bottom: 1px solid var(--text_border);
        padding-bottom: .3rem;
    }

    blockquote {
        padding-left: 0.8rem;
        margin-left:  0.8rem;
        margin-right: 4em;  
    }

    blockquote {
        border-left: 4px solid var(--text_border);
        text-align: justify;
    }

    pre {
        border-radius: 0.5rem;

        box-shadow: 2px 5px 5px 0px #00000040;
        
        border-left: 4px solid #206475;
        background-color: var(--bg_2);
        margin-bottom: 1.3rem;
        margin-left:  0.8rem;
        margin-right: 4em;
    }
    pre code {
        border-radius: 0.5rem;
    }

    @media screen and (max-width: 32rem) {
        pre, blockquote {
            margin-right: 1.5em;
        }
    }

    & ul,
    & ol {
        padding-left: 2em;
    }
    & li {
        margin-bottom: 1em;
    }
}