/*!
 * Bootstrap Grid v5.0.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blt-font-base: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.flannel-container {
    display: flex;
    min-height: 100vh;
    background-color: #cda795;
    box-shadow: 0 0 100px #0003;
    flex-direction:column
}

@media (min-width: 768px) {
    .flannel-container {
        flex-direction:row
    }
}

@media (min-width: 992px) {
    .flannel-container {
        margin: 0 auto;
        max-width:992px
    }
}

@media (min-width: 1200px) {
    .flannel-container {
        max-width:1200px
    }
}

.flannel-header {
    text-align: center;
    background-color: var(--theme-sidebar-background-color);
    width: 100%;
    padding:48px 24px 0
}

@media (min-width: 768px) {
    .flannel-header {
        width: 33%;
        padding:64px 24px 0
    }
}

@media (min-width: 1200px) {
    .flannel-header {
        width:25%
    }
}

.flannel-site-avatar {
    margin: 0 auto 24px;
    width:200px
}

@media (min-width: 768px) {
    .flannel-site-avatar {
        width:67%
    }
}

.flannel-header-title {
    color:var(--theme-sidebar-link-color)
}

.flannel-header-title a:link, .flannel-header-title a:visited, .flannel-header-title a:hover, .flannel-header-title a:active {
    color: inherit;
    text-decoration:none
}

.flannel-main {
    width:100%
}

@media (min-width: 768px) {
    .flannel-main {
        width:67%
    }
}

@media (min-width: 1200px) {
    .flannel-main {
        width:75%
    }
}

.flannel-article {
    padding:32px
}

@media (min-width: 768px) {
    .flannel-article {
        padding:48px
    }
}

.flannel-banner {
    width: 100%;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    height:200px
}

@media (min-width: 768px) {
    .flannel-banner {
        height:240px
    }
}

@media (min-width: 992px) {
    .flannel-banner {
        height:280px
    }
}

a:link, a:visited, a:hover, a:active {
    color:#2196f3
}

a:link, a:visited {
    text-decoration:none
}

a:hover, a:active {
    text-decoration:underline
}

.about-image {
    display: block;
    margin: 0 auto;
    padding: 100% 0 0;
    width: 100%;
    background-color: #ccc;
    background-size: cover;
    background-position:center
}

.project-image {
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
    padding-top: 96px;
    width: 96px;
    background-position: center;
    background-size:cover
}

.publication-pdf {
    border:1px solid #eee
}

.publication-pdf:hover {
    border-color:#2196f3
}

.flannel-header-navlinks-toggle {
    padding-bottom: 12px;
    color: var(--theme-sidebar-link-color);
    cursor:pointer
}

@media (max-width: 767px) {
    .flannel-navlinks2 {
        display:none
    }
}

.flannel-navlinks2 .theme-navlinks2 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 -24px;
    padding: 0;
    font-size:16px
}

.flannel-navlinks2 .theme-navlinks2-item-wrap {
    position:relative
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-item {
    display:block
}

.flannel-navlinks2 .theme-navlinks2-item-wrap a.theme-navlinks2-item-link {
    display: block;
    padding: 16px 24px;
    line-height: 24px;
    color: var(--theme-sidebar-link-color);
    text-decoration:none
}

.flannel-navlinks2 .theme-navlinks2-item-wrap a.theme-navlinks2-item-link:hover, .flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-item.is-active a.theme-navlinks2-item-link {
    background-color: #0000000d;
    font-weight:700
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-nested-indicator {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    padding: 8px;
    border-radius: 4px;
    cursor:pointer
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-nested-indicator svg {
    display: block;
    fill:var(--theme-sidebar-link-color)
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-nested-indicator .is-closed {
    display:block
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-nested-indicator .is-open {
    display:none
}

.flannel-navlinks2 .theme-navlinks2-item-wrap .theme-navlinks2-nested-indicator:hover {
    background-color:#0000000d
}

.flannel-navlinks2 .theme-navlinks2-nested-navlinks {
    display:none
}

.flannel-navlinks2 .theme-navlinks2-nested-navlinks-item:hover {
    background-color:#0000000d
}

.flannel-navlinks2 .theme-navlinks2-nested-navlinks-item a.theme-navlinks2-nested-navlinks-item-link {
    display: block;
    padding: 16px 24px;
    line-height: 24px;
    color: var(--theme-sidebar-link-color);
    text-decoration:none
}

.flannel-navlinks2 .theme-navlinks2-nested-navlinks-item.is-active a.theme-navlinks2-nested-navlinks-item-link {
    background-color: #0000000d;
    font-weight:700
}

.flannel-navlinks2 .theme-navlinks2-item.is-toggle-on ~ .theme-navlinks2-nested-navlinks {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background-color:#00000014
}

.flannel-navlinks2 .theme-navlinks2-item.is-toggle-on .theme-navlinks2-nested-indicator .is-open {
    display:block
}

.flannel-navlinks2 .theme-navlinks2-item.is-toggle-on .theme-navlinks2-nested-indicator .is-closed {
    display:none
}

.flannel-header.is-active .flannel-navlinks2 {
    display: block
}