/* Cover */
.cover {
    background: linear-gradient(to left bottom, hsl(238, 100%, 85%) 0%,hsl(186, 100%, 85%) 100%) !important;
}
.cover-main img {
    max-width: 150px;
}

#main {
    max-width: 1000px;
}

/* Link */
a {
    text-decoration: none;
}

/* Image */
img.medium-zoom-image {
    box-shadow: 0px 0px 7px 0px rgba(43, 43, 43, 0.278);
}

/* ---- sidebar ---- */
.sidebar {
    background: #f3f5f9;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.sidebar li>p {
    color: var(--theme-color, #42b983);
}

.sidebar li > p + ul > li .fa {
    font-size: 14px;
    padding-right: 5px;
    color: var(--theme-color, #42b983);
}
.sidebar li > p + ul > li .sidebar-menu-head {
    font-weight: 700;
}

.sidebar li > p + ul > li ul {
    padding-left: 8px;
}
.sidebar-nav {
    overflow-y: scroll;
}

.sidebar>h1 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-top: 6px;
    background: white;
    width: 100%;
    margin-bottom: 0px;
}
.sidebar-toggle {
    top: 6px;
    bottom: auto;
    background: #f3f5f9;
    width: auto;
}
.search .input-wrap {
    margin-left: 30px;
}

.app-name-link img {
    max-width: 135px;
}
/* ---- search input---- */

.search {
    background: #f3f5f9;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #eee !important;
}
.search input {
    border: 1px solid #dddddd !important;
}

.search input:focus {
    box-shadow: none !important;
    border: 1px solid var(--theme-color, #42b983) !important;
}

.results-panel.show {
    overflow-y: auto;
    height: 95vh;
}

.matching-post {
    background: white;
    margin: 9px 11px 9px 2px;
    padding: 2px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
}


.sidebar ul li.active>a {
    position: relative;
    border-right: 0px;
}

.sidebar ul li.active>a::after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--theme-color, #42b983);
    content: "\f058";
    right: 10px;
    top: 0px;
}

.markdown-section blockquote {
    border-left: 4px solid var(--theme-color,#42b983);
    margin: 2em 0;
    color: inherit;
    background: #e5ebff;
    padding: 12px 24px 12px 30px;
    position: relative;
}
.markdown-section blockquote p {
    font-weight: normal;
    margin: 0px;
}
.markdown-section blockquote:before {
    background-color: var(--theme-color, #42b983);
    border-radius: 100%;
    color: #fff;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    right: 10px;
    top: 0px;
    font-weight: 700;
    left: -12px;
    line-height: 20px;
    position: absolute;
    height: 22px;
    width: 20px;
    text-align: center;
    top: 14px;
    font-size: 10px;
    line-height: 22px;
}
.markdown-section p.tip {
    background: #ffe7e7;
}
.markdown-section p.warn {
    border-bottom-right-radius: 2px;
    border-left: 4px solid #ffb000;
    border-top-right-radius: 2px;
    margin: 2em 0;
    padding: 12px 24px 12px 30px;
    position: relative;
    background-color: #fff5df !important;
}
.markdown-section p.warn:before {
    background-color: #ffb000;
    border-radius: 100%;
    color: #fff;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f129";
    right: 10px;
    top: 0px;
    font-weight: 700;
    left: -12px;
    line-height: 20px;
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    top: 14px;
    font-size: 10px;
}
.markdown-section p.tip:before {
    border-radius: 100%;
    color: #fff;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f12a";
    right: 10px;
    top: 0px;
    font-weight: 700;
    left: -12px;
    line-height: 20px;
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    top: 14px;
    font-size: 10px;
}