/**
 * Yawen Theme for GetSimple CMS
 * A theme designed to be simple yet elegant, focusing more on well constructed
 * content than the website itself. Has support for dark-mode where possible, and
 * tries to be as accessible as possible for all users.
 *
 * @Author:     John Stray
 * @URL:        https://gs.johnstray.com/themes/yawen
 * @Version:    v1.0.0
 **/
 
.p-inline-list--middot .p-inline-list__item:after {
    width: 2rem;
    display: inline-block;
}

.p-inline-list--middot .p-inline-list__item.is-active {
    font-weight: bold;
}

.p-navigation .p-navigation__link>a,
.p-navigation .p-navigation__link>a:focus,
.p-navigation .p-navigation__link>a:hover,
.p-navigation .p-navigation__link>a:visited,
.p-navigation .p-navigation__toggle--close,
.p-navigation .p-navigation__toggle--close:focus,
.p-navigation .p-navigation__toggle--close:hover,
.p-navigation .p-navigation__toggle--close:visited,
.p-navigation .p-navigation__toggle--open,
.p-navigation .p-navigation__toggle--open:focus,
.p-navigation .p-navigation__toggle--open:hover,
.p-navigation .p-navigation__toggle--open:visited,
.p-navigation [class*=p-navigation__item]>.p-navigation__link,
.p-navigation.is-dark .p-navigation__link>a,
.p-navigation.is-dark .p-navigation__link>a:focus,
.p-navigation.is-dark .p-navigation__link>a:hover,
.p-navigation.is-dark .p-navigation__link>a:visited,
.p-navigation.is-dark .p-navigation__toggle--close,
.p-navigation.is-dark .p-navigation__toggle--close:focus,
.p-navigation.is-dark .p-navigation__toggle--close:hover,
.p-navigation.is-dark .p-navigation__toggle--close:visited,
.p-navigation.is-dark .p-navigation__toggle--open,
.p-navigation.is-dark .p-navigation__toggle--open:focus,
.p-navigation.is-dark .p-navigation__toggle--open:hover,
.p-navigation.is-dark .p-navigation__toggle--open:visited,
.p-navigation.is-dark [class*=p-navigation__item]>.p-navigation__link {
    color: #eee;
}

.p-navigation .p-navigation__dropdown-item:hover,
.p-navigation .p-navigation__link.is-selected>a,
.p-navigation .p-navigation__link>a:hover,
.p-navigation .p-navigation__toggle--close:hover,
.p-navigation .p-navigation__toggle--open:hover,
.p-navigation [class*=p-navigation__item].is-selected>.p-navigation__link,
.p-navigation [class*=p-navigation__item]>.p-navigation__link:hover,
.p-navigation.is-dark .p-navigation__dropdown-item:hover,
.p-navigation.is-dark .p-navigation__link.is-selected>a,
.p-navigation.is-dark .p-navigation__link>a:hover,
.p-navigation.is-dark .p-navigation__toggle--close:hover,
.p-navigation.is-dark .p-navigation__toggle--open:hover,
.p-navigation.is-dark [class*=p-navigation__item].is-selected>.p-navigation__link {
    background-color: transparent;
}

.p-breadcrumbs__items {
    margin-bottom: 0;
}

.p-breadcrumbs__item {
    margin-bottom: 0;
    padding: 1rem 0;
}

.p-breadcrumbs__item a {
    color: #eee;
}

.p-breadcrumbs__item:not(:first-of-type)::before {
    color: #ccc;
}

.p-navigation__title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff; 
    line-height: 3rem;
    padding-left: 1rem;
}

.p-media-object__image.p-image--bordered {
    padding: 0.25rem;
}

/* Tocbot v4.12.3 */
/*.toc{
    overflow-y:auto
}
.toc>.toc-list{
    overflow:hidden;
    position:relative
}
.toc>.toc-list li{
    list-style:none
}
.toc-list{
    margin:0;
    padding-left:10px
}
a.toc-link{
    color:currentColor;
    height:100%
}
.is-collapsible{
    max-height:1000px;
    overflow:hidden;
    transition:all 300ms ease-in-out
}
.is-collapsed{
    max-height:0
}
.is-position-fixed{
    position:fixed !important;
    top:0
}
.is-active-link{
    font-weight:700
}
.toc-link::before{
    background-color:#EEE;
    content:' ';
    display:inline-block;
    height:inherit;
    left:0;
    margin-top:-1px;
    position:absolute;
    width:2px
}
.is-active-link::before{
    background-color:#54BC4B
}*/