/* main layout */
a,
a:visited {
    color: #ee8320;
}
a:hover {
    color: #e87912;
}

.wy-body-for-nav {
    background: #f8f8f8;
}

.wy-nav-content-wrap {
    background: #fff;
}

@media (max-width: 768px) {
    .wy-side-nav-logo {
        height: 63px;
    }
}

@media (min-width: 769px) {
    .wy-nav-content {
        max-width: 100%;
        padding: 0;
        background: none;
    }

    div[role="main"] {
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .wy-breadcrumbs {
        height: 80px;
        padding-top: 24px;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.04);
        background: #fff;
    }

    .wy-breadcrumbs + hr {
        display: none;
    }

    .wy-side-nav-logo {
        position: relative;
        z-index: 999;
        height: 80px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.04);
    }

    .wy-side-nav-logo  img {
        position: relative;
        top: 6px;
    }

    footer {
        padding: 40px;
    }
}

/* content */
body {
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
}

h2 {
    position: relative;
    padding-left: 26px;
    margin-top: 60px;
    padding-bottom: 20px;
}

h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 35px;
    background: #ee8320;
}

.admonition {
    border-radius: 5px;
    margin: 30px 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
}

.admonition-title {
    padding: 12px 27px !important;
    border-radius: 5px 5px 0 0 !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-bottom: 25px !important;
}

.first.admonition-title::before {
    margin-right: 10px;
}

.rst-content .note {
    background-color: #ffe2c7;
}

.rst-content .note .admonition-title {
    background-color: #ee8320;
}

.rst-content .warning {
    background-color: #ffe8a3;
}

.rst-content .warning .admonition-title {
    background-color: #ffc107;
}

div[class^='highlight'] {
    margin: 30px 0;
    background: #f8f8f8;
    border-radius: 5px;
}

.btn,
.btn:active {
    border-radius: 99px;
    background: none;
    padding: 10px 20px 14px 20px;
    box-shadow: none;
}

.wy-side-nav-search input[type=text] {
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 10px 20px;
}

/* top navigation */
.wy-nav-top {
    background: #ee8320;
}

.wy-nav-top a {
    color: #fff;
}

/* left navigation */
.wy-nav-side {
    background: #f8f8f8;
}

.wy-side-nav-search {
    background: #f8f8f8;
}

.wy-menu-vertical li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.wy-menu-vertical ul,
.wy-menu-vertical li,
.wy-menu-vertical a {
    background: none !important;
    color: #333 !important;
}

.wy-menu-vertical a:hover {
    color: #ee8320 !important;
}

.wy-menu-vertical > ul.current {
    margin-bottom: 30px;
}

.wy-menu-vertical > ul.current > li {
    border-right: 3px #ee8320 solid;
}

.wy-menu-vertical > ul.current > li > a {
    color: #ee8320 !important;
}

.wy-menu-vertical > ul.current > li > ul > li > a {
    color: #555 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 45px !important;
}

.wy-menu-vertical > ul.current > li > ul > li > a::before {
    content: '-';
    position: absolute;
    transform: translateX(-14px);
    display: inline-block;
}

.wy-menu-vertical > ul.current > li > ul.current > li.current > a {
    color: #ee8320 !important;
}

.wy-menu-vertical li.on a,
.wy-menu-vertical li.current > a {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.wy-menu-vertical li.current a {
    border-right: 0;
}

.wy-menu-vertical li.on a span.toctree-expand,
.wy-menu-vertical li.current > a span.toctree-expand {
    display: none;
}