:root {
    --purple: #6d3465;
    --darkpurple: #5c2c55;
    --whitepurple: #f0eaef;
  }
/* CLEAR */
.site-header,
.site-announcement,
.aside--sidebar,
.site-footer,
.breadcrumb {
    display: none;
}
  /* LAYOUT */

.container {
    max-width: 100%;
    padding: 0;
}
.two-column .page-content {
    width: 100%;
    padding: 0;
}
.pagination {
    padding: 3rem;
}
.site-main {
    margin: 0rem 0 4.875rem;
}
/* MENU */
.nav--pages-in::before {
    content: "Document contents";
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}
/* HEADING */
.list--breadcrumb {
    margin: 1em 2em 0;
}
.page-heading {
    background-color: var(--purple);
    color: white;
    padding: 2em 2.2em;
    margin: 0;
}
.page-subheading {
    background-color: var(--whitepurple);
    padding: 2em 2em;
    margin: 0em 0em 0em 0em;
}
/* FEATURE IMAGE */

.image--feature::after {
    display: table;
    content: ' ';
    clear: both;
}
/* TYPOGRAPHY */
h3 {
    color: var(--darkpurple);
    border-bottom: 2px solid var(--darkpurple);
    margin-top: 3em;
    padding-bottom: 0.5rem;
}
h3 a[name]{
    text-decoration: none;
}
h3 a[name]:hover {
    text-shadow: none;
}
@media screen and (min-width: 900px){
    .nav--pages-in {
        width: 20%;
        margin: 0em 2em 1em 0em;
        z-index: 999;
        background-color: #fff;
        float: left;
    }
    .list--2up {
        columns: 1;
    }
    .editor {
        width: 90%;
        padding-left: 17%;
        margin: 0 auto;
    }
    .image--feature {
    max-width: 40rem;
    width: 30%;
    margin: -9.95rem 0em 5em 1em;
    border: 5px solid var(--whitepurple);
    border-radius: 0 0 0 50px;
    overflow: auto;
}
}
@media screen and (max-width: 900px){
    .nav--pages-in {
        margin-bottom: 0;
    }
    .editor {
        padding: 0 2em;
    }
    .image--feature {
        max-width: 93%;
        width: auto;
        max-height: 500px;
        float: none;
        clear: both;
        display: block;
    }
    .page-heading {
        padding: 1em;
    }
}
@media print {
    a[href^="/"]:after,
    a[href^="http://"]:after,
    a[href^="https://"]:after {
        content:" (" attr(href) ")";
        font-size:80%
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:""
    }
    img {
        max-width:100% !important
    }
    select {
        background:white
    }
}