/* ALL PAGE CONTENT MARKUP FROM EDITOR / IN CONTENT WINDOW */


/* paragraphs */
.content .page_content p {
    margin-bottom: 20px;
}

/* inline images */
.content .page_content img {
    display: block;
    width: 100%;
}
.content .page_content p:last-of-type > img {
    margin-bottom: 0;
}


/* lists */
.content .page_content ul,
.content .page_content ol {
    margin-bottom: 20px;
}
.content .page_content p:not(:last-of-type) + ul,
.content .page_content p:not(:last-of-type) + ol {
    margin-top: -5px;
}
.content .page_content ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.content .page_content ol li {
    list-style-type: decimal;
    margin-left: 20px;
}


/* tables */
.content .page_content table {
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 20px;
}
.content .page_content table tr td {
    border: 1px solid #ccc;
    padding: 10px;
}


/* blocks */
.content .page_content blockquote {
    display: block;
    margin-bottom: 30px;
    padding: 45px;
    border-radius: 10px;
    background-color: #e9f4d4;
}
/*.content .page_content blockquote {
    font-family: "PT Serif";
    color: var(--green);
    font-size: 1.2em;
}*/
.content .page_content code {
    display: inline-block;
    /* padding: 0 0.25em; */
    color: var(--main);
    white-space: pre-wrap;
    font-size: 1.2em;
}

.content .page_content code[class^=language-] {
    display: block;
    margin-bottom: 20px;
    padding: 1em;
    background: var(--main);
    color: var(--lightergreen);
    font-size: 1em;
}

/* markup */
.content .page_content pre {
    white-space: normal;
}
.content .page_content sup {
    vertical-align: top;
    font-size: smaller;
}
.content .page_content sub {
    vertical-align: bottom;
    font-size: smaller;
}


/* margins */
.content .page_content p:last-of-type,
.content .page_content ul:last-of-type,
.content .page_content ol:last-of-type,
.content .page_content blockquote:last-of-type {
    margin-bottom: 0;
}
.content .page_content p:last-of-type + h2 {
    margin-top: 1em;
}
.content .page_content p:last-of-type + ul,
.content .page_content p:last-of-type + ol,
.content .page_content p:last-of-type + blockquote {
    margin-top: 20px;
}
.content .page_content ul:last-of-type + h2 {
    margin-top: 1em;
}
.content .page_content ul:last-of-type + p,
.content .page_content ul:last-of-type + ol,
.content .page_content ul:last-of-type + blockquote {
    margin-top: 20px;
}
.content .page_content ol:last-of-type h2 {
    margin-top: 1em;
}
.content .page_content ol:last-of-type + p,
.content .page_content ol:last-of-type + ul,
.content .page_content ol:last-of-type + blockquote {
    margin-top: 20px;
}
.content .page_content blockquote:last-of-type + h2 {
    margin-top: 1em;
}
.content .page_content blockquote:last-of-type + p,
.content .page_content blockquote:last-of-type + ul,
.content .page_content blockquote:last-of-type + ol {
    margin-top: 20px;
}


/* downloads and links */
.content .links {
    margin-top: 45px;
}
.content .links h3 {
    font-size: 21px;
}
.content .links a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap; 
}
.content .links img {
    position: relative;
    top: -1px;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    filter: invert(57%) sepia(72%) saturate(2790%) hue-rotate(46deg) brightness(87%) contrast(80%);
}
.content .links a:hover img {
    opacity: 0.75;
}

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

    .content .links h3 {
        font-size: 18px;
    }
    .content .page_content blockquote {
        margin-bottom: 20px;
        padding: 30px;
        border-radius: 8px;
    }
    
}